@pack/react 0.0.12 → 0.0.14-canary.0

package/dist/render-sections.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render-sections.d.ts","sourceRoot":"","sources":["../src/render-sections.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAqClD,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE,GAAG,4BA8B9C"}
+{"version":3,"file":"render-sections.d.ts","sourceRoot":"","sources":["../src/render-sections.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAyClD,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE,GAAG,4BAiC9C"}

package/dist/render-sections.js

@@ -5,12 +5,15 @@ import { sectionMap } from "./register-section";
 import { storefrontSettingsSchema } from "./register-storefront-settings-schema";
 function Sections({ sections }) {
     const renderedSections = useMemo(() => {
+        console.log('sections', sections);
         return sections
             .map((section) => {
             // TODO: Return a consistent data structure from the API and the customizer
             // Normalize section data
             const key = section.id || section.clientId;
             const data = section.data || section;
+            // Attach dataSource to the provided cms data
+            data.dataSource = section.dataSource;
             const schemaKey = data._template;
             const Component = sectionMap.get(schemaKey);
             if (!Component)
@@ -24,6 +27,7 @@ function Sections({ sections }) {
 }
 export function RenderSections({ content }) {
     const { isPreview, setPreviewStorefrontSettings } = usePreviewContext();
+    console.log('test 123');
     const { content: liveContent, storefrontSettings } = useCustomizerShell({
         environment: "production",
         isPreview,
@@ -43,6 +47,7 @@ export function RenderSections({ content }) {
             setPreviewStorefrontSettings({ settings: storefrontSettings });
     }, [setPreviewStorefrontSettings, storefrontSettings]);
     const sections = useMemo(() => {
+        console.log('live content', liveContent?.sections?.nodes || liveContent?.sections);
         return liveContent?.sections?.nodes || liveContent?.sections;
     }, [liveContent?.sections]);
     if (!sections)

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":"AAGA,eAAO,MAAM,kBAAkB,mFAM5B,GAAG;;;CA0HL,CAAC"}
+{"version":3,"file":"use-customizer-shell.d.ts","sourceRoot":"","sources":["../src/use-customizer-shell.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,mFAM5B,GAAG;;;CAkIL,CAAC"}

package/dist/use-customizer-shell.js

@@ -5,9 +5,16 @@ export const useCustomizerShell = ({ environment = "production", isPreview, sect
     const [content, setContent] = useState(data.content);
     const [storefrontSettings, setStorefrontSettings] = useState(null);
     const [parentConnection, setParentConnection] = useState(null);
+    const [shouldConnectToParent, setShouldConnectToParent] = useState(false);
     const navigate = (path) => {
         window.location.href = path;
     };
+    useEffect(() => {
+        const isIframe = window.self !== window.top;
+        if (!isIframe)
+            return;
+        setShouldConnectToParent(true);
+    }, []);
     useEffect(() => {
         setLocation(window.location);
     }, [data.handle]);
@@ -47,7 +54,7 @@ export const useCustomizerShell = ({ environment = "production", isPreview, sect
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [data.handle, parentConnection, storefrontSettingsSchema]);
     useEffect(() => {
-        if (!isPreview || !location?.pathname)
+        if (!isPreview || !location?.pathname || !shouldConnectToParent)
             return;
         const connection = connectToParent({
             methods: {
@@ -86,6 +93,7 @@ export const useCustomizerShell = ({ environment = "production", isPreview, sect
     useEffect(() => {
         if (!isPreview)
             return;
+        console.log('refreshing sections');
         refreshSections();
         refreshStorefrontSettingsSchema();
     }, [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pack/react",
   "description": "React",
-  "version": "0.0.12",
+  "version": "0.0.14-canary.0",
   "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "engines": {
@@ -22,7 +22,6 @@
     "dist"
   ],
   "devDependencies": {
-    "@shopify/remix-oxygen": "^1.1.3",
     "@types/react": "^18.2.20",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"