@makeswift/runtime 0.0.0-a8dd080 → 0.0.0-e76fc43

package/dist/react.cjs.js

@@ -4,10 +4,13 @@ exports[Symbol.toStringTag] = "Module";
 var actions = require("./actions.cjs.js");
 var react = require("./react.cjs2.js");
 require("react");
+require("./descriptors.cjs.js");
+require("react/jsx-runtime");
 exports.ActionTypes = actions.ActionTypes;
 exports.changeDocument = actions.changeDocument;
 exports.Document = react.Document;
 exports.Element = react.Element;
 exports.ReactRuntime = react.ReactRuntime;
 exports.RuntimeProvider = react.RuntimeProvider;
+exports.useIsInBuilder = react.useIsInBuilder;
 //# sourceMappingURL=react.cjs.js.map

package/dist/react.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"react.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"react.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/react.cjs2.js

@@ -20,6 +20,8 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var React = require("react");
 var actions = require("./actions.cjs.js");
+var descriptors = require("./descriptors.cjs.js");
+var jsxRuntime = require("react/jsx-runtime");
 function _interopDefaultLegacy(e2) {
   return e2 && typeof e2 === "object" && "default" in e2 ? e2 : { "default": e2 };
 }
@@ -37,24 +39,24 @@ var useSyncExternalStoreShim_production_min = {};
  * LICENSE file in the root directory of this source tree.
  */
 var e = React__default["default"];
-function h$2(a, b) {
+function h$1(a, b) {
   return a === b && (a !== 0 || 1 / a === 1 / b) || a !== a && b !== b;
 }
-var k = typeof Object.is === "function" ? Object.is : h$2, l = e.useState, m$1 = e.useEffect, n$2 = e.useLayoutEffect, p$2 = e.useDebugValue;
-function q$2(a, b) {
-  var d = b(), f2 = l({ inst: { value: d, getSnapshot: b } }), c = f2[0].inst, g2 = f2[1];
-  n$2(function() {
+var k = typeof Object.is === "function" ? Object.is : h$1, l = e.useState, m = e.useEffect, n$1 = e.useLayoutEffect, p$1 = e.useDebugValue;
+function q$1(a, b) {
+  var d = b(), f = l({ inst: { value: d, getSnapshot: b } }), c = f[0].inst, g = f[1];
+  n$1(function() {
     c.value = d;
     c.getSnapshot = b;
-    r$1(c) && g2({ inst: c });
+    r$1(c) && g({ inst: c });
   }, [a, d, b]);
-  m$1(function() {
-    r$1(c) && g2({ inst: c });
+  m(function() {
+    r$1(c) && g({ inst: c });
     return a(function() {
-      r$1(c) && g2({ inst: c });
+      r$1(c) && g({ inst: c });
     });
   }, [a]);
-  p$2(d);
+  p$1(d);
   return d;
 }
 function r$1(a) {
@@ -63,14 +65,14 @@ function r$1(a) {
   try {
     var d = b();
     return !k(a, d);
-  } catch (f2) {
+  } catch (f) {
     return true;
   }
 }
 function t$1(a, b) {
   return b();
 }
-var u$1 = typeof window === "undefined" || typeof window.document === "undefined" || typeof window.document.createElement === "undefined" ? t$1 : q$2;
+var u$1 = typeof window === "undefined" || typeof window.document === "undefined" || typeof window.document.createElement === "undefined" ? t$1 : q$1;
 useSyncExternalStoreShim_production_min.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : u$1;
 {
   shim.exports = useSyncExternalStoreShim_production_min;
@@ -83,36 +85,36 @@ useSyncExternalStoreShim_production_min.useSyncExternalStore = e.useSyncExternal
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var h$1 = React__default["default"], n$1 = shim.exports;
-function p$1(a, b) {
+var h = React__default["default"], n = shim.exports;
+function p(a, b) {
   return a === b && (a !== 0 || 1 / a === 1 / b) || a !== a && b !== b;
 }
-var q$1 = typeof Object.is === "function" ? Object.is : p$1, r = n$1.useSyncExternalStore, t = h$1.useRef, u = h$1.useEffect, v = h$1.useMemo, w = h$1.useDebugValue;
-withSelector_production_min.useSyncExternalStoreWithSelector = function(a, b, e2, l2, g2) {
+var q = typeof Object.is === "function" ? Object.is : p, r = n.useSyncExternalStore, t = h.useRef, u = h.useEffect, v = h.useMemo, w = h.useDebugValue;
+withSelector_production_min.useSyncExternalStoreWithSelector = function(a, b, e2, l2, g) {
   var c = t(null);
   if (c.current === null) {
-    var f2 = { hasValue: false, value: null };
-    c.current = f2;
+    var f = { hasValue: false, value: null };
+    c.current = f;
   } else
-    f2 = c.current;
+    f = c.current;
   c = v(function() {
     function a2(a3) {
       if (!c2) {
         c2 = true;
         d2 = a3;
         a3 = l2(a3);
-        if (g2 !== void 0 && f2.hasValue) {
-          var b2 = f2.value;
-          if (g2(b2, a3))
+        if (g !== void 0 && f.hasValue) {
+          var b2 = f.value;
+          if (g(b2, a3))
             return k2 = b2;
         }
         return k2 = a3;
       }
       b2 = k2;
-      if (q$1(d2, a3))
+      if (q(d2, a3))
         return b2;
       var e3 = l2(a3);
-      if (g2 !== void 0 && g2(b2, e3))
+      if (g !== void 0 && g(b2, e3))
         return b2;
       d2 = a3;
       return k2 = e3;
@@ -123,11 +125,11 @@ withSelector_production_min.useSyncExternalStoreWithSelector = function(a, b, e2
     }, m2 === null ? void 0 : function() {
       return a2(m2());
     }];
-  }, [b, e2, l2, g2]);
+  }, [b, e2, l2, g]);
   var d = r(a, c[0], c[1]);
   u(function() {
-    f2.hasValue = true;
-    f2.value = d;
+    f.hasValue = true;
+    f.value = d;
   }, [d]);
   w(d);
   return d;
@@ -515,12 +517,12 @@ function getInitialState({
 } = {}) {
   return propControllerDescriptors;
 }
-function getPropControllerDescriptors(state) {
+function getPropControllerDescriptors$1(state) {
   return state;
 }
-function getComponentPropControllerDescriptors(state, componentType) {
+function getComponentPropControllerDescriptors$1(state, componentType) {
   var _a;
-  return (_a = getPropControllerDescriptors(state).get(componentType)) != null ? _a : null;
+  return (_a = getPropControllerDescriptors$1(state).get(componentType)) != null ? _a : null;
 }
 function reducer$1(state = getInitialState(), action) {
   switch (action.type) {
@@ -535,11 +537,32 @@ function reducer$1(state = getInitialState(), action) {
       return state;
   }
 }
+function getElementChildren(descriptor, prop) {
+  if (prop == null)
+    return [];
+  switch (descriptor.type) {
+    case descriptors.Types.Grid:
+      return prop.elements;
+    default:
+      return [];
+  }
+}
+function getElementId$1(descriptor, prop) {
+  if (prop == null)
+    return null;
+  switch (descriptor.type) {
+    case descriptors.Types.ElementID:
+      return prop;
+    default:
+      return null;
+  }
+}
 const reducer = combineReducers({
   documents: reducer$4,
   reactComponents: reducer$3,
   componentsMeta: reducer$2,
-  propControllers: reducer$1
+  propControllers: reducer$1,
+  isInBuilder: (_state = false, _action) => false
 });
 function getDocumentsStateSlice(state) {
   return state.documents;
@@ -553,118 +576,74 @@ function getReactComponentsStateSlice(state) {
 function getReactComponent(state, type) {
   return getReactComponent$1(getReactComponentsStateSlice(state), type);
 }
+function getPropControllersStateSlice(state) {
+  return state.propControllers;
+}
+function getPropControllerDescriptors(state) {
+  return getPropControllerDescriptors$1(getPropControllersStateSlice(state));
+}
+function getComponentPropControllerDescriptors(state, componentType) {
+  return getComponentPropControllerDescriptors$1(getPropControllersStateSlice(state), componentType);
+}
+function normalizeElement(element, descriptors2) {
+  const elements = /* @__PURE__ */ new Map();
+  const remaining = [element];
+  let current;
+  while (current = remaining.pop()) {
+    elements.set(current.key, current);
+    if (isElementReference(current))
+      continue;
+    const elementDescriptors = descriptors2.get(element.type);
+    if (elementDescriptors == null)
+      continue;
+    const parent = current;
+    const children = Object.entries(elementDescriptors).reduce((acc, [propName, descriptor]) => {
+      return [...acc, ...getElementChildren(descriptor, parent.props[propName])];
+    }, []);
+    remaining.push(...children);
+  }
+  return elements;
+}
+function getDocumentElements(state, documentKey) {
+  const rootElement = getDocumentRootElement(state, documentKey);
+  const descriptors2 = getPropControllerDescriptors(state);
+  if (rootElement == null)
+    return /* @__PURE__ */ new Map();
+  return normalizeElement(rootElement, descriptors2);
+}
+function getElement(state, documentKey, elementKey) {
+  var _a;
+  return (_a = getDocumentElements(state, documentKey).get(elementKey)) != null ? _a : null;
+}
+function getElementPropControllerDescriptors(state, documentKey, elementKey) {
+  const element = getElement(state, documentKey, elementKey);
+  if (element == null || isElementReference(element))
+    return null;
+  return getComponentPropControllerDescriptors(state, element.type);
+}
+function getElementId(state, documentKey, elementKey) {
+  const element = getElement(state, documentKey, elementKey);
+  if (element == null || isElementReference(element))
+    return null;
+  const descriptors2 = getComponentPropControllerDescriptors(state, element.type);
+  if (descriptors2 == null)
+    return null;
+  const elementId = Object.entries(descriptors2).reduce((acc, [propName, descriptor]) => {
+    if (acc != null)
+      return acc;
+    return getElementId$1(descriptor, element.props[propName]);
+  }, null);
+  return elementId;
+}
+function getIsInBuilder(state) {
+  return state.isInBuilder;
+}
 function configureStore({
   rootElements,
   preloadedState
 } = {}) {
   return createStore(reducer, __spreadProps(__spreadValues({}, preloadedState), { documents: getInitialState$3({ rootElements }) }), applyMiddleware(thunk$1));
 }
-var jsxRuntime = { exports: {} };
-var reactJsxRuntime_production_min = {};
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-var getOwnPropertySymbols = Object.getOwnPropertySymbols;
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-var propIsEnumerable = Object.prototype.propertyIsEnumerable;
-function toObject(val) {
-  if (val === null || val === void 0) {
-    throw new TypeError("Object.assign cannot be called with null or undefined");
-  }
-  return Object(val);
-}
-function shouldUseNative() {
-  try {
-    if (!Object.assign) {
-      return false;
-    }
-    var test1 = new String("abc");
-    test1[5] = "de";
-    if (Object.getOwnPropertyNames(test1)[0] === "5") {
-      return false;
-    }
-    var test2 = {};
-    for (var i = 0; i < 10; i++) {
-      test2["_" + String.fromCharCode(i)] = i;
-    }
-    var order2 = Object.getOwnPropertyNames(test2).map(function(n2) {
-      return test2[n2];
-    });
-    if (order2.join("") !== "0123456789") {
-      return false;
-    }
-    var test3 = {};
-    "abcdefghijklmnopqrst".split("").forEach(function(letter) {
-      test3[letter] = letter;
-    });
-    if (Object.keys(Object.assign({}, test3)).join("") !== "abcdefghijklmnopqrst") {
-      return false;
-    }
-    return true;
-  } catch (err) {
-    return false;
-  }
-}
-shouldUseNative() ? Object.assign : function(target, source) {
-  var from;
-  var to = toObject(target);
-  var symbols;
-  for (var s = 1; s < arguments.length; s++) {
-    from = Object(arguments[s]);
-    for (var key in from) {
-      if (hasOwnProperty.call(from, key)) {
-        to[key] = from[key];
-      }
-    }
-    if (getOwnPropertySymbols) {
-      symbols = getOwnPropertySymbols(from);
-      for (var i = 0; i < symbols.length; i++) {
-        if (propIsEnumerable.call(from, symbols[i])) {
-          to[symbols[i]] = from[symbols[i]];
-        }
-      }
-    }
-  }
-  return to;
-};
-/** @license React v17.0.2
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var f = React__default["default"], g = 60103;
-reactJsxRuntime_production_min.Fragment = 60107;
-if (typeof Symbol === "function" && Symbol.for) {
-  var h = Symbol.for;
-  g = h("react.element");
-  reactJsxRuntime_production_min.Fragment = h("react.fragment");
-}
-var m = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n = Object.prototype.hasOwnProperty, p = { key: true, ref: true, __self: true, __source: true };
-function q(c, a, k2) {
-  var b, d = {}, e2 = null, l2 = null;
-  k2 !== void 0 && (e2 = "" + k2);
-  a.key !== void 0 && (e2 = "" + a.key);
-  a.ref !== void 0 && (l2 = a.ref);
-  for (b in a)
-    n.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
-  if (c && c.defaultProps)
-    for (b in a = c.defaultProps, a)
-      d[b] === void 0 && (d[b] = a[b]);
-  return { $$typeof: g, type: c, key: e2, ref: l2, props: d, _owner: m.current };
-}
-reactJsxRuntime_production_min.jsx = q;
-reactJsxRuntime_production_min.jsxs = q;
-{
-  jsxRuntime.exports = reactJsxRuntime_production_min;
-}
-const jsx = jsxRuntime.exports.jsx;
-const jsxs = jsxRuntime.exports.jsxs;
-const Fragment = jsxRuntime.exports.Fragment;
 const contextDefaultValue = configureStore();
 const ReactRuntime = {
   registerComponent(component, {
@@ -721,11 +700,36 @@ function RuntimeProvider({
       return store2.dispatch(ReactBuilderPreview.initialize());
     }
   }, []);
-  return /* @__PURE__ */ jsx(Context.Provider, {
+  React.useEffect(() => {
+    const isInBuilder = window.parent !== window;
+    if (!isInBuilder)
+      return;
+    window.addEventListener("focusin", handleFocusIn);
+    window.addEventListener("focusout", handlefocusOut);
+    return () => {
+      window.addEventListener("focusin", handleFocusIn);
+      window.removeEventListener("focusout", handlefocusOut);
+    };
+    function handleFocusIn(event) {
+      if (!(event.target instanceof window.HTMLElement) || !event.target.isContentEditable) {
+        window.parent.focus();
+      }
+    }
+    function handlefocusOut(event) {
+      if (!(event.relatedTarget instanceof window.HTMLElement) || !event.relatedTarget.isContentEditable) {
+        window.parent.focus();
+      }
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Context.Provider, {
     value: store,
     children
   });
 }
+const DocumentContext = React.createContext(null);
+function useDocumentKey() {
+  return React.useContext(DocumentContext);
+}
 function useSelector(selector) {
   const store = React.useContext(Context);
   return withSelector.exports.useSyncExternalStoreWithSelector(store.subscribe, store.getState, store.getState, selector);
@@ -733,9 +737,16 @@ function useSelector(selector) {
 function useComponent(type) {
   return useSelector((state) => getReactComponent(state, type));
 }
+function useElementId(elementKey) {
+  const documentKey = useDocumentKey();
+  return useSelector((state) => documentKey == null || elementKey == null ? null : getElementId(state, documentKey, elementKey));
+}
 function useDocumentRootElement(documentKey) {
   return useSelector((state) => getDocumentRootElement(state, documentKey));
 }
+function useIsInBuilder() {
+  return useSelector((state) => getIsInBuilder(state));
+}
 function useDispatch() {
   const store = React.useContext(Context);
   return store.dispatch;
@@ -745,12 +756,12 @@ const ElementData = React.memo(React.forwardRef(function ElementData2({
 }, ref) {
   const Component = useComponent(elementData.type);
   if (Component == null) {
-    return /* @__PURE__ */ jsxs("div", {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", {
       ref,
-      children: [/* @__PURE__ */ jsx("p", {
+      children: [/* @__PURE__ */ jsxRuntime.jsx("p", {
         children: "Component Not Found"
-      }), /* @__PURE__ */ jsx("pre", {
-        children: /* @__PURE__ */ jsx("code", {
+      }), /* @__PURE__ */ jsxRuntime.jsx("pre", {
+        children: /* @__PURE__ */ jsxRuntime.jsx("code", {
           children: JSON.stringify(elementData, null, 2)
         })
       })]
@@ -764,12 +775,12 @@ const ElementData = React.memo(React.forwardRef(function ElementData2({
 const ElementReference = React.memo(React.forwardRef(function ElementReference2({
   elementReference
 }, ref) {
-  return /* @__PURE__ */ jsxs("div", {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
     ref,
-    children: [/* @__PURE__ */ jsx("p", {
+    children: [/* @__PURE__ */ jsxRuntime.jsx("p", {
       children: "Not Implemented"
-    }), /* @__PURE__ */ jsx("pre", {
-      children: /* @__PURE__ */ jsx("code", {
+    }), /* @__PURE__ */ jsxRuntime.jsx("pre", {
+      children: /* @__PURE__ */ jsxRuntime.jsx("code", {
         children: JSON.stringify(elementReference, null, 2)
       })
     })]
@@ -780,15 +791,23 @@ const Element = React.memo(function Element2({
 }) {
   const elementKey = element.key;
   const dispatch = useDispatch();
-  const ref = React.useCallback((handle) => {
-    dispatch(actions.changeComponentHandle(elementKey, handle));
-  }, [dispatch, elementKey]);
-  React.useEffect(() => dispatch(actions.mountComponentEffect(elementKey)), [dispatch, elementKey]);
-  return isElementReference(element) ? /* @__PURE__ */ jsx(ElementReference, {
-    ref,
+  const documentKey = useDocumentKey();
+  const [handle, setHandle] = React.useState(null);
+  React.useEffect(() => {
+    if (documentKey == null)
+      return;
+    return dispatch(actions.registerComponentHandleEffect(documentKey, elementKey, handle));
+  }, [dispatch, documentKey, elementKey, handle]);
+  React.useEffect(() => {
+    if (documentKey == null)
+      return;
+    return dispatch(actions.mountComponentEffect(documentKey, elementKey));
+  }, [dispatch, documentKey, elementKey]);
+  return isElementReference(element) ? /* @__PURE__ */ jsxRuntime.jsx(ElementReference, {
+    ref: setHandle,
     elementReference: element
-  }, elementKey) : /* @__PURE__ */ jsx(ElementData, {
-    ref,
+  }, elementKey) : /* @__PURE__ */ jsxRuntime.jsx(ElementData, {
+    ref: setHandle,
     elementData: element
   }, elementKey);
 });
@@ -797,11 +816,11 @@ const Document = React.memo(function Document2({
 }) {
   const documentRootElement = useDocumentRootElement(documentKey);
   if (documentRootElement == null) {
-    return /* @__PURE__ */ jsxs("div", {
-      children: [/* @__PURE__ */ jsx("p", {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+      children: [/* @__PURE__ */ jsxRuntime.jsx("p", {
         children: "Document Not Found"
-      }), /* @__PURE__ */ jsx("pre", {
-        children: /* @__PURE__ */ jsx("code", {
+      }), /* @__PURE__ */ jsxRuntime.jsx("pre", {
+        children: /* @__PURE__ */ jsxRuntime.jsx("code", {
           children: JSON.stringify({
             documentKey
           }, null, 2)
@@ -809,27 +828,30 @@ const Document = React.memo(function Document2({
       })]
     });
   }
-  return /* @__PURE__ */ jsx(Element, {
-    element: documentRootElement
+  return /* @__PURE__ */ jsxRuntime.jsx(DocumentContext.Provider, {
+    value: documentKey,
+    children: /* @__PURE__ */ jsxRuntime.jsx(Element, {
+      element: documentRootElement
+    })
   });
 });
 exports.Document = Document;
 exports.Element = Element;
-exports.Fragment = Fragment;
 exports.ReactRuntime = ReactRuntime;
 exports.RuntimeProvider = RuntimeProvider;
 exports.applyMiddleware = applyMiddleware;
 exports.combineReducers = combineReducers;
 exports.createDocument = createDocument;
 exports.createStore = createStore;
-exports.getComponentPropControllerDescriptors = getComponentPropControllerDescriptors;
+exports.getComponentPropControllerDescriptors = getComponentPropControllerDescriptors$1;
 exports.getComponentsMeta = getComponentsMeta;
 exports.getDocumentRootElement = getDocumentRootElement$1;
+exports.getElementPropControllerDescriptors = getElementPropControllerDescriptors;
 exports.getInitialState = getInitialState$3;
-exports.jsx = jsx;
-exports.jsxs = jsxs;
 exports.reducer = reducer$3;
 exports.reducer$1 = reducer$2;
 exports.reducer$2 = reducer$1;
 exports.thunk = thunk$1;
+exports.useElementId = useElementId;
+exports.useIsInBuilder = useIsInBuilder;
 //# sourceMappingURL=react.cjs2.js.map