@makeswift/runtime 0.0.0-90660eb → 0.0.0-98e16f9

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

@@ -1,4 +1,27 @@
 "use strict";
+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));
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 exports[Symbol.toStringTag] = "Module";
 var react = require("./react.cjs2.js");
 var actions = require("./actions.cjs.js");
@@ -4104,7 +4127,7 @@ function apply(data, operation) {
   });
   return applied;
 }
-function getInitialState({
+function getInitialState$1({
   rootElements
 } = {}) {
   return react.getInitialState({ rootElements });
@@ -4115,7 +4138,7 @@ function getReadOnlyDocumentsStateSlice(state) {
 function getDocumentRootElement(state, documentKey) {
   return react.getDocumentRootElement(getReadOnlyDocumentsStateSlice(state), documentKey);
 }
-function reducer$1(state = getInitialState(), action) {
+function reducer$2(state = getInitialState$1(), action) {
   switch (action.type) {
     case actions.ActionTypes.CHANGE_DOCUMENT: {
       const currentRootElement = getDocumentRootElement(state, action.payload.documentKey);
@@ -4128,12 +4151,77 @@ 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 actions.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 actions.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 actions.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 actions.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;
+  }
+}
+class PropController {
+  constructor(send) {
+    __publicField(this, "send");
+    this.send = send;
+  }
+}
+class DefaultPropController extends PropController {
+  recv() {
+  }
+}
+function createPropController(descriptor, send) {
+  switch (descriptor.type) {
+    default:
+      return new DefaultPropController(send);
+  }
+}
 const reducer = react.combineReducers({
-  documents: reducer$1,
+  documents: reducer$2,
   reactComponents: react.reducer,
   boxModels: boxModels.reducer,
   componentsMeta: react.reducer$1,
   propControllers: react.reducer$2,
+  propControllerHandles: reducer$1,
   isInBuilder: (state = true, _action) => state
 });
 function getBoxModelsStateSlice(state) {
@@ -4145,8 +4233,8 @@ function getMeasurables(state) {
 function getBoxModels(state) {
   return boxModels.getBoxModels(getBoxModelsStateSlice(state));
 }
-function getBoxModel(state, elementKey) {
-  return boxModels.getBoxModel(getBoxModelsStateSlice(state), elementKey);
+function getBoxModel(state, documentKey, elementKey) {
+  return boxModels.getBoxModel(getBoxModelsStateSlice(state), documentKey, elementKey);
 }
 function getComponentsMetaStateSlice(state) {
   return state.componentsMeta;
@@ -4160,31 +4248,52 @@ function getPropControllersStateSlice(state) {
 function getComponentPropControllerDescriptors(state, componentType) {
   return react.getComponentPropControllerDescriptors(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 = boxModels.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 = boxModels.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: actions.ActionTypes.CHANGE_ELEMENT_BOX_MODELS,
-        payload: { changedElementBoxModels: changedBoxModels }
-      });
-    }
+    if (changedBoxModels.size > 0)
+      dispatch(actions.changeElementBoxModels(changedBoxModels));
   };
 }
 function startMeasuringElements() {
@@ -4242,16 +4351,14 @@ function measureBoxModelsMiddleware() {
   return ({ dispatch }) => (next) => {
     return (action) => {
       switch (action.type) {
-        case actions.ActionTypes.CHANGE_COMPONENT_HANDLE: {
+        case actions.ActionTypes.REGISTER_COMPONENT_HANDLE: {
           if (boxModels.isMeasurable(action.payload.componentHandle)) {
-            dispatch(actions.registerMeasurable(action.payload.elementKey, action.payload.componentHandle));
-          } else {
-            dispatch(actions.unregisterMeasurable(action.payload.elementKey));
+            dispatch(actions.registerMeasurable(action.payload.documentKey, action.payload.elementKey, action.payload.componentHandle));
           }
           break;
         }
-        case actions.ActionTypes.UNMOUNT_COMPONENT:
-          dispatch(actions.unregisterMeasurable(action.payload.elementKey));
+        case actions.ActionTypes.UNREGISTER_COMPONENT_HANDLE:
+          dispatch(actions.unregisterMeasurable(action.payload.documentKey, action.payload.elementKey));
           break;
       }
       return next(action);
@@ -4279,6 +4386,7 @@ function messageChannelMiddleware() {
         case actions.ActionTypes.REGISTER_COMPONENT:
         case actions.ActionTypes.UNREGISTER_COMPONENT:
         case actions.ActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE:
+        case actions.ActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER:
           messageChannel.port1.postMessage(action);
           break;
         case actions.ActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP:
@@ -4289,10 +4397,60 @@ function messageChannelMiddleware() {
     };
   };
 }
+function createAndRegisterPropControllers(documentKey, elementKey) {
+  return (dispatch, getState) => {
+    const descriptors = react.getElementPropControllerDescriptors(getState(), documentKey, elementKey);
+    if (descriptors == null)
+      return null;
+    const propControllers = Object.entries(descriptors).reduce((acc, [propName, descriptor]) => {
+      const propController = createPropController(descriptor, (message) => dispatch(actions.messageBuilderPropController(documentKey, elementKey, propName, message)));
+      return __spreadProps(__spreadValues({}, acc), { [propName]: propController });
+    }, {});
+    dispatch(actions.registerPropControllers(documentKey, elementKey, propControllers));
+    return propControllers;
+  };
+}
+function registerAndSetPropControllersHandle(documentKey, elementKey, handle) {
+  return (dispatch) => {
+    dispatch(actions.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(actions.unregisterPropControllers(documentKey, elementKey));
+  };
+}
+function propControllerHandlesMiddleware() {
+  return ({ dispatch, getState }) => (next) => {
+    return (action) => {
+      switch (action.type) {
+        case actions.ActionTypes.REGISTER_COMPONENT_HANDLE: {
+          if (isPropControllersHandle(action.payload.componentHandle)) {
+            dispatch(registerAndSetPropControllersHandle(action.payload.documentKey, action.payload.elementKey, action.payload.componentHandle));
+          }
+          break;
+        }
+        case actions.ActionTypes.UNREGISTER_COMPONENT_HANDLE:
+          dispatch(unregisterAndUnsetPropControllersHandle(action.payload.documentKey, action.payload.elementKey));
+          break;
+        case actions.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 configureStore({
   preloadedState
 } = {}) {
-  return react.createStore(reducer, preloadedState, react.applyMiddleware(react.thunk, measureBoxModelsMiddleware(), messageChannelMiddleware()));
+  return react.createStore(reducer, preloadedState, react.applyMiddleware(react.thunk, measureBoxModelsMiddleware(), messageChannelMiddleware(), propControllerHandlesMiddleware()));
 }
 exports.createBox = boxModels.createBox;
 exports.getBox = boxModels.getBox;