Merge pull request #1 from ildecimo/develop

Develop

package.json

@@ -8,6 +8,7 @@
     "dev": "next dev",
     "lint": "next lint",
     "start": "next start",
+    "ngrok": "ngrok http --hostname=webhooks-commerce.ildecimo.com 3000",
     "type-check": "tsc --pretty --noEmit",
     "format": "prettier --write **/*.{js,ts,tsx}"
   },

src/app/layout.tsx

@@ -1,7 +1,7 @@
 import { Source_Sans_3 } from 'next/font/google';
 import { type Metadata } from 'next/types';
 import StyledComponentsRegistry from '~/lib/registry';
-import ThemeProvider from './theme-provider';
+import ThemeProvider from '../components/ThemeProvider';
 
 const sourceSans = Source_Sans_3({
   subsets: ['latin'],

src/app/page.tsx

@@ -1,4 +1,4 @@
-import HomePage from './home-page';
+import HomePage from '../components/Home';
 
 export default function Page() {
   return <HomePage />;

src/app/productDescription/[productId]/generator.tsx

@@ -23,7 +23,7 @@ export default function Generator({
       promptAttributes: DEFAULT_GUIDED_ATTRIBUTES,
     });
     setInitialLoad(true);
-  }, []);
+  }, [initialDescription, setResults]);
 
   return (
     <PromptAttributesProvider>

src/app/productReview/[productId]/page.tsx

@@ -0,0 +1,14 @@
+interface PageProps {
+  params: { productId: string };
+  searchParams: { product_name: string };
+}
+
+export default function Page(props: PageProps) {
+  console.log('props', props);
+
+  return (
+    <div>
+      <h1>Product Review Page from the APP</h1>
+    </div>
+  );
+}

src/lib/appExtensions.ts

@@ -37,6 +37,27 @@ export const createAppExtension = async ({
   if (errors && errors.length > 0) {
     throw new Error(errors[0]?.message);
   }
+
+  // Create the review app extension
+
+  const response2 = await fetch(
+    `${BIGCOMMERCE_API_URL}/stores/${storeHash}/graphql`,
+    {
+      method: 'POST',
+      headers: {
+        accept: 'application/json',
+        'content-type': 'application/json',
+        'x-auth-token': accessToken,
+      },
+      body: JSON.stringify(createReviewsAppExtensionMutation()),
+    }
+  );
+
+  const { errors: errors2 } = await response2.json();
+
+  if (errors2 && errors2.length > 0) {
+    throw new Error(errors2[0]?.message);
+  }
 };
 
 export const getAppExtensions = async ({
@@ -118,3 +139,42 @@ const createAppExtensionMutation = () => ({
     },
   },
 });
+
+const createReviewsAppExtensionMutation = () => ({
+  query: `
+      mutation AppExtension($input: CreateAppExtensionInput!) {
+          appExtension {
+              createAppExtension(input: $input) {
+              appExtension {
+                    id
+                    context
+                    model
+                    url
+                    label {
+                       defaultValue
+                       locales {
+                        value
+                        localeCode
+                      }
+                    }
+                  }
+              }
+          }
+      }`,
+  variables: {
+    input: {
+      context: 'PANEL',
+      model: 'PRODUCTS',
+      url: '/productReview/${id}',
+      label: {
+        defaultValue: 'Product Review AI',
+        locales: [
+          {
+            value: 'Product Review AI',
+            localeCode: 'en-US',
+          },
+        ],
+      },
+    },
+  },
+});