@builder.io/plugin-commercelayer 0.0.6 → 0.0.8-0

package/dist/plugin.system.js

@@ -146881,7 +146881,7 @@ System.register(['@builder.io/sdk', '@emotion/core', '@material-ui/core', 'react
       });
 
       var name = "@builder.io/plugin-commercelayer";
-      var version = "0.0.5";
+      var version = "0.0.7";
       var description = "Commerce Layer plugin for Builder.io";
       var keywords = [
       ];
@@ -146902,20 +146902,11 @@ System.register(['@builder.io/sdk', '@emotion/core', '@material-ui/core', 'react
       var type = "module";
       var types = "dist/index.d.ts";
       var scripts = {
-      	lint: "tslint  --project tsconfig.json -t codeFrame 'src/**/*.ts' 'test/**/*.ts'",
       	prebuild: "rimraf dist",
       	build: "rollup -c rollup.config.ts --configPlugin @rollup/plugin-typescript",
       	start: "SERVE=true rollup -c rollup.config.ts --configPlugin @rollup/plugin-typescript -w",
       	"release:dev": "npm run build && npm version prerelease --no-git-tag-version && npm publish --tag dev",
-      	"release:patch": "npm run build && npm version patch --no-git-tag-version && npm publish",
-      	test: "jest --coverage",
-      	"test:watch": "jest --coverage --watch",
-      	"test:prod": "npm run lint && npm run test -- --no-cache",
-      	"report-coverage": "cat ./coverage/lcov.info | coveralls",
-      	commit: "git-cz",
-      	"semantic-release": "semantic-release",
-      	"semantic-release-prepare": "ts-node tools/semantic-release-prepare",
-      	"travis-deploy-once": "travis-deploy-once"
+      	"release:patch": "npm run build && npm version patch --no-git-tag-version && npm publish"
       };
       var devDependencies = {
       	"@rollup/plugin-json": "^6.1.0",
@@ -146923,12 +146914,13 @@ System.register(['@builder.io/sdk', '@emotion/core', '@material-ui/core', 'react
       	"@rollup/plugin-replace": "^5.0.5",
       	"@rollup/plugin-typescript": "^11.1.6",
       	"@types/node": "^20.11.19",
+      	rimraf: "^2.6.2",
       	rollup: "^4.12.0",
       	"rollup-plugin-esbuild": "^6.1.1",
       	"rollup-plugin-serve": "^1.1.1",
+      	tslib: "^2.8.1",
       	tsx: "^4.7.1",
-      	typescript: "^5.2.2",
-      	rimraf: "^2.6.2"
+      	typescript: "^5.2.2"
       };
       var dependencies = {
       	"@builder.io/plugin-tools": "^0.0.6"
@@ -146953,14 +146945,13 @@ System.register(['@builder.io/sdk', '@emotion/core', '@material-ui/core', 'react
       };
 
       const authenticateClient = async ({ clientId, scope }) => {
-        const response = await fetch("https://auth.commercelayer.io/oauth/token", {
+        const authUrl = "https://auth.commercelayer.io/oauth/token";
+        console.log("Authenticating with:", { clientId, scope });
+        const response = await fetch(authUrl, {
           method: "POST",
           headers: {
             "Accept": "application/json",
-            "Content-Type": "application/json",
-            "Access-Control-Allow-Origin": "*",
-            "Access-Control-Allow-Methods": "POST, OPTIONS",
-            "Access-Control-Allow-Headers": "Content-Type, Authorization"
+            "Content-Type": "application/json"
           },
           body: JSON.stringify({
             grant_type: "client_credentials",
@@ -146970,10 +146961,11 @@ System.register(['@builder.io/sdk', '@emotion/core', '@material-ui/core', 'react
         });
         if (!response.ok) {
           const errorText = await response.text();
-          console.error("Auth Error:", errorText);
-          throw new Error(`Authentication failed: ${response.statusText}`);
+          console.error("Auth Error:", { status: response.status, statusText: response.statusText, errorText });
+          throw new Error(`Authentication failed: ${response.status} ${response.statusText} - ${errorText}`);
         }
         const data = await response.json();
+        console.log("Auth response:", data);
         return {
           accessToken: data.access_token,
           tokenType: data.token_type,
@@ -146982,6 +146974,32 @@ System.register(['@builder.io/sdk', '@emotion/core', '@material-ui/core', 'react
           createdAt: data.created_at
         };
       };
+      const makeApiRequest = async (url, accessToken, options = {}) => {
+        console.log("Making API request:", { url, tokenLength: accessToken.length });
+        const response = await fetch(url, {
+          ...options,
+          headers: {
+            "Authorization": `Bearer ${accessToken}`,
+            "Accept": "application/vnd.api+json",
+            "Content-Type": "application/vnd.api+json",
+            ...options.headers
+          }
+        });
+        if (!response.ok) {
+          const errorText = await response.text();
+          console.error("API Error:", { status: response.status, statusText: response.statusText, errorText, url });
+          try {
+            const errorData = JSON.parse(errorText);
+            console.error("Parsed error:", errorData);
+          } catch (e) {
+            console.error("Raw error text:", errorText);
+          }
+          throw new Error(`API request failed: ${response.status} ${response.statusText}`);
+        }
+        const data = await response.json();
+        console.log("API response:", { url, dataLength: JSON.stringify(data).length });
+        return data;
+      };
       const getOrganizationInfo = async (accessToken) => {
         const [, payload] = accessToken.split(".");
         const decodedPayload = JSON.parse(atob(payload));
@@ -146994,36 +147012,18 @@ System.register(['@builder.io/sdk', '@emotion/core', '@material-ui/core', 'react
         throw new Error("Invalid token: no organization found");
       };
       const getProduct = async (id, accessToken, baseEndpoint) => {
-        const response = await fetch(`${baseEndpoint}/api/skus/${id}`, {
-          headers: {
-            "Authorization": `Bearer ${accessToken}`,
-            "Content-Type": "application/json"
-          }
-        });
-        if (!response.ok) {
-          throw new Error(`Failed to fetch product: ${response.statusText}`);
-        }
-        const data = await response.json();
+        const url = `${baseEndpoint}/api/skus/${id}`;
+        const data = await makeApiRequest(url, accessToken);
         return data.data;
       };
       const searchProducts = async (search, accessToken, baseEndpoint) => {
         const params = new URLSearchParams({
-          "filter[q][code_or_name_cont]": search,
-          "include": "prices,stock_items"
-        });
-        const response = await fetch(`${baseEndpoint}/api/skus?${params}`, {
-          headers: {
-            "Authorization": `Bearer ${accessToken}`,
-            "Accept": "application/vnd.api+json",
-            "Content-Type": "application/vnd.api+json"
-          }
+          "filter[q][name_or_code_cont]": search,
+          "page[size]": "25"
         });
-        if (!response.ok) {
-          console.error("Search Error:", await response.text());
-          throw new Error(`Failed to search products: ${response.statusText}`);
-        }
-        const data = await response.json();
-        return data.data;
+        const url = `${baseEndpoint}/api/skus?${params}`;
+        const data = await makeApiRequest(url, accessToken);
+        return data.data || [];
       };
       const transformProduct = (product) => ({
         id: product.id,
@@ -147038,18 +147038,8 @@ System.register(['@builder.io/sdk', '@emotion/core', '@material-ui/core', 'react
         const params = new URLSearchParams({
           "filter[q][code_eq]": handle
         });
-        const response = await fetch(`${baseEndpoint}/api/skus?${params}`, {
-          headers: {
-            "Authorization": `Bearer ${accessToken}`,
-            "Accept": "application/vnd.api+json",
-            "Content-Type": "application/vnd.api+json"
-          }
-        });
-        if (!response.ok) {
-          console.error("Product Handle Error:", await response.text());
-          throw new Error(`Failed to fetch product by handle: ${response.statusText}`);
-        }
-        const data = await response.json();
+        const url = `${baseEndpoint}/api/skus?${params}`;
+        const data = await makeApiRequest(url, accessToken);
         if (!data.data?.[0]) {
           throw new Error(`Product not found with handle: ${handle}`);
         }
@@ -147064,22 +147054,26 @@ System.register(['@builder.io/sdk', '@emotion/core', '@material-ui/core', 'react
             {
               name: "clientId",
               type: "string",
-              required: true
+              required: true,
+              helperText: "Your Commerce Layer application Client ID"
             },
             {
               name: "scope",
               type: "string",
-              required: true
+              required: true,
+              helperText: 'Commerce Layer scope (e.g., "market:all")'
             }
           ],
-          ctaText: "Connect Commerce Layer"
+          ctaText: "Connect your Commerce Layer store"
         },
         async (settings) => {
           try {
             const clientId = settings.get("clientId");
             const scope = settings.get("scope");
+            console.log("Plugin initializing with:", { clientId, scope });
             const auth = await authenticateClient({ clientId, scope });
             const { baseEndpoint } = await getOrganizationInfo(auth.accessToken);
+            console.log("Plugin initialized with:", { baseEndpoint, tokenLength: auth.accessToken.length });
             return {
               product: {
                 async findById(id) {
@@ -147091,6 +147085,7 @@ System.register(['@builder.io/sdk', '@emotion/core', '@material-ui/core', 'react
                   return transformProduct(product);
                 },
                 async search(search) {
+                  console.log("Searching for:", search);
                   const products = await searchProducts(search, auth.accessToken, baseEndpoint);
                   return products.map(transformProduct);
                 },