@makeswift/runtime 0.0.0-af7286d → 0.0.0-b97578f

package/dist/react-builder-preview.es.js

@@ -1,10 +1,36 @@
-import { g as getInitialState$1, c as getDocumentRootElement$1, d as createDocument, e as combineReducers, r as reducer$2, f as reducer$4, h as reducer$5, i as getComponentsMeta$1, j as getComponentPropControllerDescriptors$1, k as createStore, l as applyMiddleware, t as thunk } from "./react.es2.js";
-import { A as ActionTypes, e as changeDocumentElementSize, f as registerComponent, u as unregisterMeasurable, g as registerMeasurable } from "./actions.es.js";
-import { r as reducer$3, a as getMeasurables$1, b as getBoxModels$1, m as measure, d as getBoxModel$1, i as isMeasurable } from "./box-models.es.js";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { z as getInitialState$2, A as getDocumentRootElement$1, F as createDocument, G as combineReducers, H as reducer$3, J as reducer$5, K as reducer$6, L as getComponentsMeta$1, M as getComponentPropControllerDescriptors$1, O as createStore, P as applyMiddleware, Q as thunk, U as getElementPropControllerDescriptors } from "./react.es2.js";
+import { A as ActionTypes, h as changeElementBoxModels, j as changeDocumentElementSize, k as registerComponent, u as unregisterMeasurable, l as registerMeasurable, n as unregisterPropControllers, o as registerPropControllersHandle, p as registerPropControllers, q as messageBuilderPropController } from "./actions.es.js";
+import { r as reducer$4, a as getMeasurables$1, b as getBoxModels$1, m as measure, d as getBoxModel$1, i as isMeasurable } from "./box-models.es.js";
 export { c as createBox, g as getBox, p as parse } from "./box-models.es.js";
+import { c as createPropController } from "./instances.es.js";
+import { F as Fragments } from "./constants.es.js";
 import "react";
 import "./descriptors.es.js";
+import "styled-components";
 import "react/jsx-runtime";
+import "next/image";
+import "next/link";
+import "slate";
+import "slate-react";
 function is$1(x, y) {
   if (x === y)
     return x !== 0 || y !== 0 || 1 / x === 1 / y;
@@ -4103,10 +4129,10 @@ function apply(data, operation) {
   });
   return applied;
 }
-function getInitialState({
+function getInitialState$1({
   rootElements
 } = {}) {
-  return getInitialState$1({ rootElements });
+  return getInitialState$2({ rootElements });
 }
 function getReadOnlyDocumentsStateSlice(state) {
   return state;
@@ -4114,7 +4140,7 @@ function getReadOnlyDocumentsStateSlice(state) {
 function getDocumentRootElement(state, documentKey) {
   return getDocumentRootElement$1(getReadOnlyDocumentsStateSlice(state), documentKey);
 }
-function reducer$1(state = getInitialState(), action) {
+function reducer$2(state = getInitialState$1(), action) {
   switch (action.type) {
     case ActionTypes.CHANGE_DOCUMENT: {
       const currentRootElement = getDocumentRootElement(state, action.payload.documentKey);
@@ -4127,13 +4153,62 @@ function reducer$1(state = getInitialState(), action) {
       return state;
   }
 }
+function isPropControllersHandle(value) {
+  if (typeof value === "object" && value !== null && "setPropControllers" in value && typeof value.setPropControllers === "function") {
+    return true;
+  }
+  return false;
+}
+function getInitialState() {
+  return { handles: /* @__PURE__ */ new Map(), instances: /* @__PURE__ */ new Map() };
+}
+function getPropControllersHandle(state, documentKey, elementKey) {
+  var _a, _b;
+  return (_b = (_a = state.handles.get(documentKey)) == null ? void 0 : _a.get(elementKey)) != null ? _b : null;
+}
+function getPropController(state, documentKey, elementKey, propName) {
+  var _a, _b, _c;
+  return (_c = (_b = (_a = state.instances.get(documentKey)) == null ? void 0 : _a.get(elementKey)) == null ? void 0 : _b[propName]) != null ? _c : null;
+}
+function reducer$1(state = getInitialState(), action) {
+  var _a, _b, _c, _d;
+  switch (action.type) {
+    case ActionTypes.REGISTER_PROP_CONTROLLERS_HANDLE: {
+      const { documentKey, elementKey, handle } = action.payload;
+      return __spreadProps(__spreadValues({}, state), {
+        handles: new Map(state.handles).set(documentKey, new Map((_a = state.handles.get(documentKey)) != null ? _a : []).set(elementKey, handle))
+      });
+    }
+    case ActionTypes.UNREGISTER_PROP_CONTROLLERS_HANDLE: {
+      const { documentKey, elementKey } = action.payload;
+      const nextHandles = new Map((_b = state.handles.get(documentKey)) != null ? _b : []);
+      const deleted = nextHandles.delete(elementKey);
+      return deleted ? __spreadProps(__spreadValues({}, state), { handles: new Map(state.handles).set(documentKey, nextHandles) }) : state;
+    }
+    case ActionTypes.REGISTER_PROP_CONTROLLERS: {
+      const { documentKey, elementKey, propControllers } = action.payload;
+      return __spreadProps(__spreadValues({}, state), {
+        instances: new Map(state.instances).set(documentKey, new Map((_c = state.instances.get(documentKey)) != null ? _c : []).set(elementKey, propControllers))
+      });
+    }
+    case ActionTypes.UNREGISTER_PROP_CONTROLLERS: {
+      const { documentKey, elementKey } = action.payload;
+      const nextInstances = new Map((_d = state.instances.get(documentKey)) != null ? _d : []);
+      const deleted = nextInstances.delete(elementKey);
+      return deleted ? __spreadProps(__spreadValues({}, state), { instances: new Map(state.instances).set(documentKey, nextInstances) }) : state;
+    }
+    default:
+      return state;
+  }
+}
 const reducer = combineReducers({
-  documents: reducer$1,
-  reactComponents: reducer$2,
-  boxModels: reducer$3,
-  componentsMeta: reducer$4,
-  propControllers: reducer$5,
-  isInBuilder: (state = true, _action) => state
+  documents: reducer$2,
+  reactComponents: reducer$3,
+  boxModels: reducer$4,
+  componentsMeta: reducer$5,
+  propControllers: reducer$6,
+  propControllerHandles: reducer$1,
+  isInBuilder: (_state = true, _action) => true
 });
 function getBoxModelsStateSlice(state) {
   return state.boxModels;
@@ -4144,8 +4219,8 @@ function getMeasurables(state) {
 function getBoxModels(state) {
   return getBoxModels$1(getBoxModelsStateSlice(state));
 }
-function getBoxModel(state, elementKey) {
-  return getBoxModel$1(getBoxModelsStateSlice(state), elementKey);
+function getBoxModel(state, documentKey, elementKey) {
+  return getBoxModel$1(getBoxModelsStateSlice(state), documentKey, elementKey);
 }
 function getComponentsMetaStateSlice(state) {
   return state.componentsMeta;
@@ -4159,31 +4234,52 @@ function getPropControllersStateSlice(state) {
 function getComponentPropControllerDescriptors(state, componentType) {
   return getComponentPropControllerDescriptors$1(getPropControllersStateSlice(state), componentType);
 }
+function getPropControllerHandlesStateSlice(state) {
+  return state.propControllerHandles;
+}
 function measureElements() {
   return (dispatch, getState) => {
     const measurables = getMeasurables(getState());
     const currentBoxModels = getBoxModels(getState());
-    const measuredBoxModels = new Map(Array.from(measurables.entries()).map(([elementKey, measurable]) => {
-      const boxModel = measure(measurable);
-      return boxModel ? [elementKey, boxModel] : null;
-    }).filter((entry) => entry != null));
+    const measuredBoxModels = /* @__PURE__ */ new Map();
+    measurables.forEach((documentMeasurables, documentKey) => {
+      const measuredDocumentBoxModels = /* @__PURE__ */ new Map();
+      documentMeasurables.forEach((measurable, elementKey) => {
+        const boxModel = measure(measurable);
+        if (boxModel != null)
+          measuredDocumentBoxModels.set(elementKey, boxModel);
+      });
+      if (measuredDocumentBoxModels.size > 0) {
+        measuredBoxModels.set(documentKey, measuredDocumentBoxModels);
+      }
+    });
     const changedBoxModels = /* @__PURE__ */ new Map();
-    currentBoxModels.forEach((_boxModel, elementKey) => {
-      if (!measuredBoxModels.has(elementKey))
-        changedBoxModels.set(elementKey, null);
+    currentBoxModels.forEach((currentDocumentBoxModels, documentKey) => {
+      currentDocumentBoxModels.forEach((_boxModel, elementKey) => {
+        var _a;
+        const changedDocumentBoxModels = /* @__PURE__ */ new Map();
+        if (!((_a = measuredBoxModels.get(documentKey)) == null ? void 0 : _a.has(elementKey))) {
+          changedDocumentBoxModels.set(elementKey, null);
+        }
+        if (changedDocumentBoxModels.size > 0) {
+          changedBoxModels.set(documentKey, changedDocumentBoxModels);
+        }
+      });
     });
-    measuredBoxModels.forEach((measuredBoxModel, elementKey) => {
-      const currentBoxModel = getBoxModel(getState(), elementKey);
-      if (currentBoxModel == null || !deepEqual$1(currentBoxModel, measuredBoxModel)) {
-        changedBoxModels.set(elementKey, measuredBoxModel);
+    measuredBoxModels.forEach((measuredDocumentBoxModels, documentKey) => {
+      const changedDocumentBoxModels = /* @__PURE__ */ new Map();
+      measuredDocumentBoxModels.forEach((measuredBoxModel, elementKey) => {
+        const currentBoxModel = getBoxModel(getState(), documentKey, elementKey);
+        if (currentBoxModel == null || !deepEqual$1(currentBoxModel, measuredBoxModel)) {
+          changedDocumentBoxModels.set(elementKey, measuredBoxModel);
+        }
+      });
+      if (changedDocumentBoxModels.size > 0) {
+        changedBoxModels.set(documentKey, changedDocumentBoxModels);
       }
     });
-    if (changedBoxModels.size > 0) {
-      dispatch({
-        type: ActionTypes.CHANGE_ELEMENT_BOX_MODELS,
-        payload: { changedElementBoxModels: changedBoxModels }
-      });
-    }
+    if (changedBoxModels.size > 0)
+      dispatch(changeElementBoxModels(changedBoxModels));
   };
 }
 function startMeasuringElements() {
@@ -4241,16 +4337,14 @@ function measureBoxModelsMiddleware() {
   return ({ dispatch }) => (next) => {
     return (action) => {
       switch (action.type) {
-        case ActionTypes.CHANGE_COMPONENT_HANDLE: {
+        case ActionTypes.REGISTER_COMPONENT_HANDLE: {
           if (isMeasurable(action.payload.componentHandle)) {
-            dispatch(registerMeasurable(action.payload.elementKey, action.payload.componentHandle));
-          } else {
-            dispatch(unregisterMeasurable(action.payload.elementKey));
+            dispatch(registerMeasurable(action.payload.documentKey, action.payload.elementKey, action.payload.componentHandle));
           }
           break;
         }
-        case ActionTypes.UNMOUNT_COMPONENT:
-          dispatch(unregisterMeasurable(action.payload.elementKey));
+        case ActionTypes.UNREGISTER_COMPONENT_HANDLE:
+          dispatch(unregisterMeasurable(action.payload.documentKey, action.payload.elementKey));
           break;
       }
       return next(action);
@@ -4260,6 +4354,8 @@ function measureBoxModelsMiddleware() {
 function messageChannelMiddleware() {
   return ({ dispatch, getState }) => (next) => {
     const messageChannel = new MessageChannel();
+    let cleanUp = () => {
+    };
     window.parent.postMessage(messageChannel.port2, "*", [messageChannel.port2]);
     messageChannel.port1.onmessage = (event) => dispatch(event.data);
     const state = getState();
@@ -4278,20 +4374,96 @@ function messageChannelMiddleware() {
         case ActionTypes.REGISTER_COMPONENT:
         case ActionTypes.UNREGISTER_COMPONENT:
         case ActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE:
+        case ActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER:
           messageChannel.port1.postMessage(action);
           break;
         case ActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP:
           window.document.documentElement.scrollTop = action.payload.scrollTop;
           break;
+        case ActionTypes.INIT:
+          cleanUp = dispatch(initialize());
+          break;
+        case ActionTypes.CLEAN_UP:
+          cleanUp();
+          break;
+      }
+      return next(action);
+    };
+  };
+}
+function createAndRegisterPropControllers(documentKey, elementKey) {
+  return (dispatch, getState) => {
+    const descriptors = getElementPropControllerDescriptors(getState(), documentKey, elementKey);
+    if (descriptors == null)
+      return null;
+    const propControllers = Object.entries(descriptors).reduce((acc, [propName, descriptor]) => {
+      const propController = createPropController(descriptor, (message) => dispatch(messageBuilderPropController(documentKey, elementKey, propName, message)));
+      return __spreadProps(__spreadValues({}, acc), { [propName]: propController });
+    }, {});
+    dispatch(registerPropControllers(documentKey, elementKey, propControllers));
+    return propControllers;
+  };
+}
+function registerAndSetPropControllersHandle(documentKey, elementKey, handle) {
+  return (dispatch) => {
+    dispatch(registerPropControllersHandle(documentKey, elementKey, handle));
+    const propControllers = dispatch(createAndRegisterPropControllers(documentKey, elementKey));
+    handle.setPropControllers(propControllers);
+  };
+}
+function unregisterAndUnsetPropControllersHandle(documentKey, elementKey) {
+  return (dispatch, getState) => {
+    const handle = getPropControllersHandle(getPropControllerHandlesStateSlice(getState()), documentKey, elementKey);
+    handle == null ? void 0 : handle.setPropControllers(null);
+    dispatch(unregisterPropControllers(documentKey, elementKey));
+  };
+}
+function propControllerHandlesMiddleware() {
+  return ({ dispatch, getState }) => (next) => {
+    return (action) => {
+      switch (action.type) {
+        case ActionTypes.REGISTER_COMPONENT_HANDLE: {
+          if (isPropControllersHandle(action.payload.componentHandle)) {
+            dispatch(registerAndSetPropControllersHandle(action.payload.documentKey, action.payload.elementKey, action.payload.componentHandle));
+          }
+          break;
+        }
+        case ActionTypes.UNREGISTER_COMPONENT_HANDLE:
+          dispatch(unregisterAndUnsetPropControllersHandle(action.payload.documentKey, action.payload.elementKey));
+          break;
+        case ActionTypes.MESSAGE_HOST_PROP_CONTROLLER: {
+          const propController = getPropController(getPropControllerHandlesStateSlice(getState()), action.payload.documentKey, action.payload.elementKey, action.payload.propName);
+          if (propController)
+            propController.recv(action.payload.message);
+        }
+      }
+      return next(action);
+    };
+  };
+}
+function apolloClientCacheSyncMiddleware(client) {
+  return () => (next) => {
+    return (action) => {
+      switch (action.type) {
+        case ActionTypes.CHANGE_API_RESOURCE: {
+          const { resource } = action.payload;
+          client.cache.writeFragment({
+            id: client.cache.identify(resource),
+            fragment: Fragments[resource.__typename],
+            data: resource
+          });
+          break;
+        }
       }
       return next(action);
     };
   };
 }
 function configureStore({
-  preloadedState
-} = {}) {
-  return createStore(reducer, preloadedState, applyMiddleware(thunk, measureBoxModelsMiddleware(), messageChannelMiddleware()));
+  preloadedState,
+  client
+}) {
+  return createStore(reducer, preloadedState, applyMiddleware(thunk, measureBoxModelsMiddleware(), messageChannelMiddleware(), propControllerHandlesMiddleware(), apolloClientCacheSyncMiddleware(client)));
 }
 export { configureStore, initialize, messageChannelMiddleware, startMeasuringElements };
 //# sourceMappingURL=react-builder-preview.es.js.map