@makeswift/runtime 0.2.19 → 0.2.21

package/dist/index.cjs.js

@@ -328,6 +328,7 @@ async function introspect(element, client2, store) {
   const tableIds = /* @__PURE__ */ new Set();
   const pageIds = /* @__PURE__ */ new Set();
   const remaining = [element];
+  const seen = /* @__PURE__ */ new Set();
   let current;
   while (current = remaining.pop()) {
     let getResourcesFromElementDescriptors = function(elementDescriptors2, props) {
@@ -339,7 +340,12 @@ async function introspect(element, client2, store) {
         reactPage.getTypographyIds(descriptor, props[propName]).forEach((typographyId) => typographyIds.add(typographyId));
         reactPage.getTableIds(descriptor, props[propName]).forEach((tableId) => tableIds.add(tableId));
         reactPage.getPageIds(descriptor, props[propName]).forEach((pageId) => pageIds.add(pageId));
-        reactPage.getElementChildren(descriptor, props[propName]).forEach((child) => remaining.push(child));
+        reactPage.getElementChildren(descriptor, props[propName]).forEach((child) => {
+          if (!seen.has(child.key)) {
+            seen.add(child.key);
+            remaining.push(child);
+          }
+        });
         if (descriptor.type === control.ShapeControlType) {
           const prop = props[propName];
           if (prop == null)
@@ -1007,7 +1013,7 @@ class Document$1 extends NextDocument__default["default"] {
     });
   }
 }
-const version = "0.2.19";
+const version = "0.2.21";
 function isErrorWithMessage(error) {
   return typeof error === "object" && error !== null && "message" in error && typeof error.message === "string";
 }
@@ -1253,7 +1259,7 @@ const Page = React.memo(({
     rootElements: /* @__PURE__ */ new Map([[snapshot.document.id, snapshot.document.data]]),
     children: /* @__PURE__ */ jsxRuntime.jsx(Page$1, {
       document: snapshot.document
-    })
+    }, snapshot.document.data.key)
   });
 });
 const keys = (o) => Object.keys(o);
@@ -3396,6 +3402,7 @@ const DocumentContext = React.createContext(null);
 function useDocumentKey() {
   return React.useContext(DocumentContext);
 }
+const DocumentCyclesContext = React.createContext([]);
 function useStore() {
   return React.useContext(Context);
 }
@@ -3473,6 +3480,9 @@ const ElementReference = React.memo(React.forwardRef(function ElementReference2(
   });
   const globalElementData = (_a = data == null ? void 0 : data.globalElement) == null ? void 0 : _a.data;
   const elementReferenceDocument = useDocument(elementReference.key);
+  const documentKey = elementReference.key;
+  const documentKeys = React.useContext(DocumentCyclesContext);
+  const providedDocumentKeys = React.useMemo(() => [...documentKeys, documentKey], [documentKeys, documentKey]);
   if (error != null) {
     return /* @__PURE__ */ jsxRuntime.jsx(FallbackComponent, {
       ref,
@@ -3485,14 +3495,23 @@ const ElementReference = React.memo(React.forwardRef(function ElementReference2(
       text: "This global component doesn't exist"
     });
   }
-  return elementReferenceDocument != null ? /* @__PURE__ */ jsxRuntime.jsx(Document, {
-    document: elementReferenceDocument,
-    ref
-  }) : /* @__PURE__ */ jsxRuntime.jsx(DisableRegisterElement.Provider, {
-    value: true,
-    children: /* @__PURE__ */ jsxRuntime.jsx(ElementData, {
-      elementData: globalElementData,
+  if (documentKeys.includes(documentKey)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(FallbackComponent, {
+      ref,
+      text: "This global component contains itself!"
+    });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(DocumentCyclesContext.Provider, {
+    value: providedDocumentKeys,
+    children: elementReferenceDocument != null ? /* @__PURE__ */ jsxRuntime.jsx(Document, {
+      document: elementReferenceDocument,
       ref
+    }) : /* @__PURE__ */ jsxRuntime.jsx(DisableRegisterElement.Provider, {
+      value: true,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ElementData, {
+        elementData: globalElementData,
+        ref
+      })
     })
   });
 }));