@thoughtbot/superglue 2.0.0-alpha.10 → 2.0.0-alpha.11

package/dist/cjs/superglue.cjs

@@ -628,12 +628,15 @@ function convertToInt(prop) {
 function isFragmentReference(value) {
   return !!value && typeof value === "object" && "__id" in value && typeof value.__id === "string";
 }
-function createArrayProxy(arrayData, fragments, dependencies, proxyCache) {
+function createArrayProxy(arrayData, fragments, dependencies, proxyCache, fragmentId) {
   if (proxyCache && proxyCache.has(arrayData)) {
     return proxyCache.get(arrayData);
   }
   const proxy = new Proxy(arrayData, {
     get(target, prop) {
+      if (prop === "__id" && fragmentId) {
+        return fragmentId;
+      }
       if (prop === ORIGINAL_TARGET) {
         return target;
       }
@@ -660,7 +663,13 @@ function createArrayProxy(arrayData, fragments, dependencies, proxyCache) {
           if (!fragmentData) {
             return void 0;
           }
-          return createProxy(fragmentData, fragments, dependencies, proxyCache);
+          return createProxy(
+            fragmentData,
+            fragments,
+            dependencies,
+            proxyCache,
+            item.__id
+          );
         }
         if (typeof item === "object" && item !== null) {
           if ("$$typeof" in item) {
@@ -705,12 +714,15 @@ function createArrayProxy(arrayData, fragments, dependencies, proxyCache) {
   }
   return proxy;
 }
-function createObjectProxy(objectData, fragments, dependencies, proxyCache) {
+function createObjectProxy(objectData, fragments, dependencies, proxyCache, fragmentId) {
   if (proxyCache && proxyCache.has(objectData)) {
     return proxyCache.get(objectData);
   }
   const proxy = new Proxy(objectData, {
     get(target, prop) {
+      if (prop === "__id" && fragmentId) {
+        return fragmentId;
+      }
       if (prop === ORIGINAL_TARGET) {
         return target;
       }
@@ -721,7 +733,13 @@ function createObjectProxy(objectData, fragments, dependencies, proxyCache) {
         if (!fragmentData) {
           return void 0;
         }
-        return createProxy(fragmentData, fragments, dependencies, proxyCache);
+        return createProxy(
+          fragmentData,
+          fragments,
+          dependencies,
+          proxyCache,
+          value.__id
+        );
       }
       if (typeof value === "object" && value !== null) {
         if ("$$typeof" in value) {
@@ -761,7 +779,7 @@ function createObjectProxy(objectData, fragments, dependencies, proxyCache) {
   }
   return proxy;
 }
-function createProxy(content, fragments, dependencies, proxyCache) {
+function createProxy(content, fragments, dependencies, proxyCache, fragmentId) {
   if (!content || typeof content !== "object") {
     return content;
   }
@@ -769,9 +787,21 @@ function createProxy(content, fragments, dependencies, proxyCache) {
     return content;
   }
   if (Array.isArray(content)) {
-    return createArrayProxy(content, fragments, dependencies, proxyCache);
+    return createArrayProxy(
+      content,
+      fragments,
+      dependencies,
+      proxyCache,
+      fragmentId
+    );
   }
-  return createObjectProxy(content, fragments, dependencies, proxyCache);
+  return createObjectProxy(
+    content,
+    fragments,
+    dependencies,
+    proxyCache,
+    fragmentId
+  );
 }
 function unproxy(proxy) {
   if (proxy && typeof proxy === "object" && ORIGINAL_TARGET in proxy) {
@@ -1148,7 +1178,7 @@ var import_react_redux3 = require("react-redux");
 // lib/hooks/useContent.tsx
 var import_react_redux = require("react-redux");
 var import_react = require("react");
-function useContent(fragmentRef) {
+function useContent(fragmentRef, __type) {
   const superglueState = useSuperglue();
   const currentPageKey = superglueState.currentPageKey;
   const dependencies = (0, import_react.useRef)(/* @__PURE__ */ new Set());
@@ -1179,12 +1209,37 @@ function useContent(fragmentRef) {
     if (fragmentId && !sourceData) {
       return void 0;
     }
-    return createProxy(
+    const proxy2 = createProxy(
       sourceData,
       { current: store.getState().fragments },
       dependencies.current,
       proxyCache
     );
+    if (process.env.NODE_ENV !== "production" && __type) {
+      const proxyForValidation = createProxy(
+        sourceData,
+        { current: store.getState().fragments },
+        /* @__PURE__ */ new Set(),
+        /* @__PURE__ */ new WeakMap()
+      );
+      import("@deepkit/type").then(({ resolveReceiveType, validate }) => {
+        const resolvedType = resolveReceiveType(__type);
+        const errors = validate(proxyForValidation, resolvedType);
+        if (errors.length > 0) {
+          const formattedErrors = errors.map((e) => ({
+            path: e.path,
+            message: e.message,
+            code: String(e.code)
+          }));
+          console.error(
+            `[Superglue] Content validation failed for ${fragmentId || "page"}:`,
+            formattedErrors
+          );
+        }
+      }).catch(() => {
+      });
+    }
+    return proxy2;
   }, [sourceData, trackedFragments]);
   return proxy;
 }
@@ -1738,6 +1793,12 @@ var setup = ({
     streamActions
   };
 };
+if (process.env.NODE_ENV !== "production") {
+  console.info(
+    "%cSuperglue Development Mode: Remember to build for production before deploying.",
+    "font-weight:bold"
+  );
+}
 function Application({
   initialPage,
   baseUrl,