rework snippet

components/editor/main/request.tsx

@@ -134,6 +134,7 @@ export const Request = ({
           <Snippet
             endpoint={{ ...endpoint, path: formattedEndpoint }}
             parameters={parameters}
+            headers={headers}
             body={formattedBody}
           />
         )}

components/editor/main/snippet/index.tsx

@@ -29,11 +29,13 @@ const LANGUAGES = [
 
 export const Snippet = ({
   endpoint,
+  headers,
   parameters,
   body,
 }: {
   endpoint: ApiRoute;
   parameters?: Record<string, any>;
+  headers?: Record<string, any>;
   body?: Options | undefined;
 }) => {
   const [_, copyToClipboard] = useCopyToClipboard();
@@ -45,12 +47,16 @@ export const Snippet = ({
     const needBody = ["post", "put", "patch", "delete"].includes(
       method.toLocaleLowerCase()
     );
+    const fullpath = `${process.env.NEXT_PUBLIC_APP_APIURL}${path}`;
+
     if (language === "curl") {
       if (needBody && body) {
         return (
-          `curl -X ${method.toLocaleUpperCase()} ${path} \\` +
+          `curl -X ${method.toLocaleUpperCase()} ${fullpath}` +
+          "\n" +
+          `  -H 'Content-Type: application/json'` +
           "\n" +
-          `  -H "Content-Type: application/json" \\` +
+          `  -H 'Authorization: ${headers?.Authorization}'` +
           "\n" +
           `  -d '${JSON.stringify(body, null, 2)}'`
         );
@@ -58,28 +64,29 @@ export const Snippet = ({
 
       if (parameters) {
         return (
-          `curl -X ${method.toLocaleUpperCase()} ${path}?` +
+          `curl -X ${method.toLocaleUpperCase()} ${fullpath}?` +
           Object.entries(parameters)
             .map(([key, value]) => `${key}=${value}`)
             .join("&")
         );
       }
 
-      return `curl -X ${method.toLocaleUpperCase()} ${path}`;
+      return `curl -X ${method.toLocaleUpperCase()} ${fullpath}`;
     }
 
     if (language === "javascript") {
       if (needBody && body) {
-        return `const response = await fetch("${path}", {
+        return `const response = await fetch("${fullpath}", {
   method: "${method.toLocaleUpperCase()}",
   headers: {
     "Content-Type": "application/json",
+    "Authorization": "${headers?.Authorization}",
   },
   body: JSON.stringify(${JSON.stringify(body, null, 2)}),
 });`;
       }
       if (parameters) {
-        return `const response = await fetch("${path}?${Object.entries(
+        return `const response = await fetch("${fullpath}?${Object.entries(
           parameters
         )
           .map(([key, value]) => `${key}=${value}`)
@@ -92,15 +99,16 @@ export const Snippet = ({
     if (language === "python") {
       if (needBody && body) {
         return `import requests
-  response = requests.${method.toLocaleLowerCase()}("${path}", json=${JSON.stringify(
-          body,
-          null,
-          2
-        )})`;
+  response = requests.${method.toLocaleLowerCase()}(
+  "${fullpath}",
+  headers={
+    Authorization: "${headers?.Authorization}",
+  },
+  json=${JSON.stringify(body, null, 2)})`;
       }
       if (parameters) {
         return `import requests
-  response = requests.${method.toLocaleLowerCase()}("${path}", params={
+  response = requests.${method.toLocaleLowerCase()}("${fullpath}", params={
     ${Object.entries(parameters)
       .map(([key, value]) => `${key}: ${value}`)
       .join(",\n    ")}