@pack/react 0.0.4 → 0.0.6

package/dist/use-customizer-shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-customizer-shell.d.ts","sourceRoot":"","sources":["../src/use-customizer-shell.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB,mFAM5B,GAAG;;;CAyGL,CAAC"}
+{"version":3,"file":"use-customizer-shell.d.ts","sourceRoot":"","sources":["../src/use-customizer-shell.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,mFAM5B,GAAG;;;CAkHL,CAAC"}

package/dist/use-customizer-shell.js

@@ -1,18 +1,22 @@
-import { useCallback, useEffect, useState } from 'react';
-import { useLocation, useNavigate } from '@remix-run/react';
-import { connectToParent } from 'penpal';
-export const useCustomizerShell = ({ environment = 'production', isPreview, sectionComponents, data = {}, storefrontSettingsSchema, }) => {
-    const navigate = useNavigate();
-    const location = useLocation();
+import { useCallback, useEffect, useState } from "react";
+import { connectToParent } from "penpal";
+export const useCustomizerShell = ({ environment = "production", isPreview, sectionComponents, data = {}, storefrontSettingsSchema, }) => {
+    const [location, setLocation] = useState();
     const [content, setContent] = useState(data.content);
     const [storefrontSettings, setStorefrontSettings] = useState(null);
     const [parentConnection, setParentConnection] = useState(null);
+    const navigate = (path) => {
+        window.location.href = path;
+    };
+    useEffect(() => {
+        setLocation(window.location);
+    }, []);
     const refreshSections = useCallback(() => {
         if (!sectionComponents || !parentConnection)
             return [];
         const sectionSchemas = Array.from(sectionComponents)
             .map(([, section]) => {
-            return typeof section.Schema === 'function'
+            return typeof section.Schema === "function"
                 ? section.Schema(data)
                 : section.Schema;
         })
@@ -21,7 +25,7 @@ export const useCustomizerShell = ({ environment = 'production', isPreview, sect
             parentConnection.setSectionsSchemas(JSON.stringify(sectionSchemas));
         }
         catch (error) {
-            parentConnection.displayError('Something went wrong parsing sections');
+            parentConnection.displayError("Something went wrong parsing sections");
         }
         return;
     }, [data, parentConnection, sectionComponents]);
@@ -34,7 +38,7 @@ export const useCustomizerShell = ({ environment = 'production', isPreview, sect
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [data, parentConnection, storefrontSettingsSchema]);
     useEffect(() => {
-        if (!isPreview)
+        if (!isPreview || !location)
             return;
         const connection = connectToParent({
             methods: {
@@ -44,7 +48,7 @@ export const useCustomizerShell = ({ environment = 'production', isPreview, sect
                 scrollToSection(sectionId) {
                     const sectionEl = document.querySelector(`[data-comp-id="${sectionId}"]`);
                     if (sectionEl)
-                        sectionEl.scrollIntoView({ behavior: 'smooth' });
+                        sectionEl.scrollIntoView({ behavior: "smooth" });
                 },
                 setPageData(content) {
                     setContent(content);
@@ -59,7 +63,7 @@ export const useCustomizerShell = ({ environment = 'production', isPreview, sect
             parent.sendStorefrontSettings();
             parent.setCurrentRoute({
                 environment,
-                currentPath: location.pathname,
+                currentPath: location?.pathname,
                 template,
                 templateType,
                 handle: content.handle,
@@ -71,7 +75,7 @@ export const useCustomizerShell = ({ environment = 'production', isPreview, sect
         return () => {
             connection.destroy();
         };
-    }, []);
+    }, [location]);
     useEffect(() => {
         if (!isPreview)
             return;
@@ -85,7 +89,10 @@ export const useCustomizerShell = ({ environment = 'production', isPreview, sect
         sectionComponents,
     ]);
     if (!isPreview) {
-        return { content: data.content, storefrontSettings: data.settings?.settings };
+        return {
+            content: data.content,
+            storefrontSettings: data.settings?.settings,
+        };
     }
     return { content, storefrontSettings };
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pack/react",
   "description": "React",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "engines": {
@@ -23,7 +23,6 @@
   ],
   "dependencies": {},
   "devDependencies": {
-    "@remix-run/react": "^1.19.3",
     "@shopify/remix-oxygen": "^1.1.3",
     "@types/react": "^18.2.20",
     "@types/uuid": "^9.0.2",