[Feat] #1799 add simple examples on curl modal

iamfaran · iamfaran · commit 12b4b41f15c8 · 2025-06-23T23:08:39.000+05:00
diff --git a/client/packages/lowcoder/src/components/CurlImport.tsx b/client/packages/lowcoder/src/components/CurlImport.tsx
@@ -24,7 +24,6 @@ export function CurlImportModal(props: CurlImportModalProps) {
     try {
       // Parse the cURL command using the correct import
       const parsedData = parseCurl(curlCommand);
-      console.log("CURL JSON", parsedData)
 
       
       
@@ -72,15 +71,23 @@ export function CurlImportModal(props: CurlImportModalProps) {
           Paste cURL Command Here
         </div>
         <div style={{ marginBottom: 12, color: "#666", fontSize: "12px" }}>
-          Hint: Try typing in the following curl command and then click on the 'Import' button: 
-          curl -X GET https://mock-api.appsmith.com/users
+          <div style={{ marginBottom: 4 }}>
+            <strong>Examples:</strong>
+          </div>
+          <div style={{ marginBottom: 2 }}>
+            GET: <code>curl -X GET https://jsonplaceholder.typicode.com/posts/1</code>
+          </div>
+          <div style={{ marginBottom: 2 }}>
+            POST: <code>curl -X POST https://jsonplaceholder.typicode.com/posts -H "Content-Type: application/json" -d '&#123;"title":"foo","body":"bar","userId":1&#125;'</code>
+          </div>
+          <div>
+            Users: <code>curl -X GET https://jsonplaceholder.typicode.com/users</code>
+          </div>
         </div>
         <TextArea
           value={curlCommand}
           onChange={(e) => setCurlCommand(e.target.value)}
-          placeholder="curl -X POST \
--H 'Content-Type: application/json' \
-'https://generativelanguage.googleapis.com/v1beta/models/{MODEL_ID}:{GENERATE_CONTENT_API}?key={GEMINI_API_KEY}' -d '@request.json'"
+          placeholder="curl -X GET https://jsonplaceholder.typicode.com/posts/1"
           rows={8}
           style={{ fontFamily: "monospace" }}
         />
diff --git a/client/packages/lowcoder/src/components/ResCreatePanel.tsx b/client/packages/lowcoder/src/components/ResCreatePanel.tsx
@@ -247,11 +247,6 @@ export function ResCreatePanel(props: ResCreateModalProps) {
   }, 100);
 
   const handleCurlImportSuccess = (parsedData: any) => {
-    // For now just log the result as requested
-    console.log("cURL import successful:", parsedData);
-    
-    // Create a new REST API query with the parsed data
-    // We'll pass the parsed data as extra info to be used when creating the query
     onSelect(BottomResTypeEnum.Query, {
       compType: "restApi", 
       dataSourceId: QUICK_REST_API_ID,
diff --git a/client/packages/lowcoder/src/util/curlUtils.ts b/client/packages/lowcoder/src/util/curlUtils.ts
@@ -56,7 +56,6 @@ function parseUrlEncodedData(data: string | object): Array<{ key: string; value:
 export function processCurlData(curlData: any) {
   if (!curlData) return null;
 
-  console.log("Raw cURL data:", curlData); // Debug log
 
   // Convert headers object to key-value array format expected by UI
   const headers = curlData.header 
@@ -96,7 +95,6 @@ export function processCurlData(curlData: any) {
     if (bodyType === "application/x-www-form-urlencoded") {
       bodyFormData = parseUrlEncodedData(bodyContent);
       processedBody = ""; // Form data goes in bodyFormData, not body
-      console.log("Parsed form data:", bodyFormData); // Debug log
     } else if (typeof bodyContent === "object") {
       processedBody = JSON.stringify(bodyContent, null, 2);
     } else {
