@makeswift/runtime 0.10.11 → 0.10.13

package/dist/main.es.js

@@ -5,6 +5,7 @@ import "zod";
 import "redux";
 import "redux-thunk";
 import "./state/breakpoints.es.js";
+import "ts-pattern";
 import "corporate-ipsum";
 import "slate";
 import "uuid";

package/dist/main.es.js.map

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

package/dist/next.cjs.js

@@ -11,6 +11,7 @@ require("redux-thunk");
 require("./actions.cjs.js");
 require("zod");
 require("./state/breakpoints.cjs.js");
+require("ts-pattern");
 require("corporate-ipsum");
 require("slate");
 require("uuid");
@@ -18,7 +19,7 @@ require("@emotion/css");
 require("@emotion/serialize");
 require("@emotion/utils");
 require("is-hotkey");
-require("./text-input.cjs.js");
+require("./number.cjs.js");
 require("./combobox.cjs.js");
 require("use-sync-external-store/shim");
 require("./types.cjs.js");

package/dist/next.cjs.js.map

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

package/dist/next.es.js

@@ -9,6 +9,7 @@ import "redux-thunk";
 import "./actions.es.js";
 import "zod";
 import "./state/breakpoints.es.js";
+import "ts-pattern";
 import "corporate-ipsum";
 import "slate";
 import "uuid";
@@ -16,7 +17,7 @@ import "@emotion/css";
 import "@emotion/serialize";
 import "@emotion/utils";
 import "is-hotkey";
-import "./text-input.es.js";
+import "./number.es.js";
 import "./combobox.es.js";
 import "use-sync-external-store/shim";
 import "./types.es.js";

package/dist/next.es.js.map

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

package/dist/number.cjs.js

@@ -0,0 +1,14 @@
+"use strict";
+const CheckboxControlType = "makeswift::controls::checkbox";
+function Checkbox(config = {}) {
+  return { type: CheckboxControlType, config };
+}
+const NumberControlType = "makeswift::controls::number";
+function Number(config = {}) {
+  return { type: NumberControlType, config };
+}
+exports.Checkbox = Checkbox;
+exports.CheckboxControlType = CheckboxControlType;
+exports.Number = Number;
+exports.NumberControlType = NumberControlType;
+//# sourceMappingURL=number.cjs.js.map

package/dist/number.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number.cjs.js","sources":["../src/controls/checkbox.ts","../src/controls/number.ts"],"sourcesContent":["export type CheckboxControlData = boolean\n\nexport const CheckboxControlType = 'makeswift::controls::checkbox'\n\ntype CheckboxControlConfig = {\n  label?: string\n  defaultValue?: boolean\n}\n\nexport type CheckboxControlDefinition<C extends CheckboxControlConfig = CheckboxControlConfig> = {\n  type: typeof CheckboxControlType\n  config: C\n}\n\nexport function Checkbox<C extends CheckboxControlConfig>(\n  config: C = {} as C,\n): CheckboxControlDefinition<C> {\n  return { type: CheckboxControlType, config }\n}\n","export type NumberControlData = number\n\nexport const NumberControlType = 'makeswift::controls::number'\n\ntype NumberControlConfig = {\n  label?: string\n  labelOrientation?: 'vertical' | 'horizontal'\n  defaultValue?: number\n  min?: number\n  max?: number\n  step?: number\n  suffix?: string\n}\n\nexport type NumberControlDefinition<C extends NumberControlConfig = NumberControlConfig> = {\n  type: typeof NumberControlType\n  config: C\n}\n\nexport function Number<C extends NumberControlConfig>(\n  config: C = {} as C,\n): NumberControlDefinition<C> {\n  return { type: NumberControlType, config }\n}\n"],"names":[],"mappings":";AAEO,MAAM,sBAAsB;AAajC,kBAAA,SAAY,IACkB;AACvB,SAAA,EAAE,MAAM,qBAAqB;AACtC;AChBO,MAAM,oBAAoB;AAkB/B,gBAAA,SAAY,IACgB;AACrB,SAAA,EAAE,MAAM,mBAAmB;AACpC;;;;;"}

package/dist/number.es.js

@@ -0,0 +1,10 @@
+const CheckboxControlType = "makeswift::controls::checkbox";
+function Checkbox(config = {}) {
+  return { type: CheckboxControlType, config };
+}
+const NumberControlType = "makeswift::controls::number";
+function Number(config = {}) {
+  return { type: NumberControlType, config };
+}
+export { CheckboxControlType as C, NumberControlType as N, Checkbox as a, Number as b };
+//# sourceMappingURL=number.es.js.map

package/dist/number.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number.es.js","sources":["../src/controls/checkbox.ts","../src/controls/number.ts"],"sourcesContent":["export type CheckboxControlData = boolean\n\nexport const CheckboxControlType = 'makeswift::controls::checkbox'\n\ntype CheckboxControlConfig = {\n  label?: string\n  defaultValue?: boolean\n}\n\nexport type CheckboxControlDefinition<C extends CheckboxControlConfig = CheckboxControlConfig> = {\n  type: typeof CheckboxControlType\n  config: C\n}\n\nexport function Checkbox<C extends CheckboxControlConfig>(\n  config: C = {} as C,\n): CheckboxControlDefinition<C> {\n  return { type: CheckboxControlType, config }\n}\n","export type NumberControlData = number\n\nexport const NumberControlType = 'makeswift::controls::number'\n\ntype NumberControlConfig = {\n  label?: string\n  labelOrientation?: 'vertical' | 'horizontal'\n  defaultValue?: number\n  min?: number\n  max?: number\n  step?: number\n  suffix?: string\n}\n\nexport type NumberControlDefinition<C extends NumberControlConfig = NumberControlConfig> = {\n  type: typeof NumberControlType\n  config: C\n}\n\nexport function Number<C extends NumberControlConfig>(\n  config: C = {} as C,\n): NumberControlDefinition<C> {\n  return { type: NumberControlType, config }\n}\n"],"names":[],"mappings":"AAEO,MAAM,sBAAsB;AAajC,kBAAA,SAAY,IACkB;AACvB,SAAA,EAAE,MAAM,qBAAqB;AACtC;AChBO,MAAM,oBAAoB;AAkB/B,gBAAA,SAAY,IACgB;AACrB,SAAA,EAAE,MAAM,mBAAmB;AACpC;;"}

package/dist/prop-controllers.cjs.js

@@ -6,6 +6,7 @@ require("redux-thunk");
 require("./actions.cjs.js");
 require("zod");
 require("./state/breakpoints.cjs.js");
+require("ts-pattern");
 require("corporate-ipsum");
 require("slate");
 require("uuid");
@@ -19,4 +20,6 @@ exports.Introspection = reactPage.introspection;
 exports.Props = reactPage.descriptors;
 exports.RichTextPropControllerMessageType = reactPage.RichTextPropControllerMessageType;
 exports.TableFormFieldsMessageType = reactPage.TableFormFieldsMessageType;
+exports.imageCopy = reactPage.copy;
+exports.imagesCopy = reactPage.copy$1;
 //# sourceMappingURL=prop-controllers.cjs.js.map

package/dist/prop-controllers.cjs.js.map

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

package/dist/prop-controllers.es.js

@@ -1,9 +1,10 @@
-export { i as Introspection, d as Props, R as RichTextPropControllerMessageType, T as TableFormFieldsMessageType } from "./react-page.es.js";
+export { i as Introspection, d as Props, R as RichTextPropControllerMessageType, T as TableFormFieldsMessageType, a as imageCopy, b as imagesCopy } from "./react-page.es.js";
 import "redux";
 import "redux-thunk";
 import "./actions.es.js";
 import "zod";
 import "./state/breakpoints.es.js";
+import "ts-pattern";
 import "corporate-ipsum";
 import "slate";
 import "uuid";

package/dist/prop-controllers.es.js.map

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

package/dist/react-page.cjs.js

@@ -39,6 +39,7 @@ var redux = require("redux");
 var thunk = require("redux-thunk");
 var actions = require("./actions.cjs.js");
 var state_breakpoints = require("./state/breakpoints.cjs.js");
+var tsPattern = require("ts-pattern");
 var ipsum = require("corporate-ipsum");
 var slate = require("slate");
 var uuid = require("uuid");
@@ -612,10 +613,10 @@ function Grid(options = {}) {
   return { type: Types.Grid, options };
 }
 function Image$1(options = {}) {
-  return { type: Types.Image, options };
+  return { type: Types.Image, version: 1, options };
 }
 function Images(options = {}) {
-  return { type: Types.Images, options };
+  return { type: Types.Images, version: 1, options };
 }
 function Link$1(options = {}) {
   return { type: Types.Link, options };
@@ -729,10 +730,10 @@ function TableFormFields(options = {}) {
 function Typeahead(options) {
   return { type: Types.Typeahead, options };
 }
-function TextArea(options = {}) {
+function TextArea$1(options = {}) {
   return { type: Types.TextArea, options };
 }
-function TextInput(options = {}) {
+function TextInput$1(options = {}) {
   return { type: Types.TextInput, options };
 }
 function TextStyle(options = {}) {
@@ -800,8 +801,8 @@ var descriptors = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePro
   Table,
   TableFormFields,
   Typeahead,
-  TextArea,
-  TextInput,
+  TextArea: TextArea$1,
+  TextInput: TextInput$1,
   TextStyle,
   Video,
   WidthPropControllerFormat,
@@ -1093,6 +1094,9 @@ function getListTypographyIds(definition2, value) {
 function getListPageIds(definition2, value) {
   return introspectListData(definition2, value, getPageIds);
 }
+function getListTranslatableData(definition2, data) {
+  return Object.fromEntries(data.map((item) => [item.id, getTranslatableData(definition2.config.type, item.value)]));
+}
 const ShapeControlType = "makeswift::controls::shape";
 function Shape(config) {
   return { type: ShapeControlType, config };
@@ -1166,6 +1170,20 @@ function getShapePageIds(definition2, data) {
 function getShapeFileIds(definition2, data) {
   return introspectShapeData(definition2, data, getFileIds);
 }
+function getShapeTranslatableData(definition2, data) {
+  return Object.fromEntries(Object.entries(definition2.config.type).map(([key, definition22]) => [
+    key,
+    getTranslatableData(definition22, data[key])
+  ]));
+}
+const TextAreaControlType = "makeswift::controls::text-area";
+function TextArea(config = {}) {
+  return { type: TextAreaControlType, config };
+}
+const TextInputControlType = "makeswift::controls::text-input";
+function TextInput(config = {}) {
+  return { type: TextInputControlType, config };
+}
 const SlotControlType = "makeswift::controls::slot";
 function Slot() {
   return { type: SlotControlType };
@@ -1420,11 +1438,14 @@ if (void 0) {
     });
   });
 }
-function copy$9(value, context) {
-  var _a;
-  if (value == null)
-    return value;
-  return (_a = context.replacementContext.fileIds.get(value)) != null ? _a : value;
+function copy$9(descriptor, value, context) {
+  return tsPattern.match([descriptor, value]).with([tsPattern.P.any, tsPattern.P.string], ([, v]) => {
+    var _a;
+    return (_a = context.replacementContext.fileIds.get(v)) != null ? _a : v;
+  }).with([{ version: 1 }, { type: "makeswift-file", version: 1 }], ([, v]) => {
+    var _a;
+    return (_a = context.replacementContext.fileIds.get(v.id)) != null ? _a : v.id;
+  }).otherwise(([, v]) => v);
 }
 if (void 0) {
   const { describe, test, expect } = void 0;
@@ -1444,26 +1465,30 @@ if (void 0) {
         globalElementIds: /* @__PURE__ */ new Map(),
         globalElementData: /* @__PURE__ */ new Map()
       };
-      const result = copy$9(data, {
-        replacementContext,
-        copyElement: (node) => node
+      const result = copy$9({ type: "Image", options: {} }, data, {
+        replacementContext
       });
       expect(result).toMatchObject(expected);
     });
   });
 }
-function copy$8(value, context) {
+function copy$8(descriptor, value, context) {
   if (value == null)
     return value;
   return value.map(copyImagesPanelItem);
   function copyImagesPanelItem(imagesPanelItem) {
-    var _a;
     const { file } = imagesPanelItem.props;
     if (file == null)
       return imagesPanelItem;
     return __spreadProps(__spreadValues({}, imagesPanelItem), {
       props: __spreadProps(__spreadValues({}, imagesPanelItem.props), {
-        file: (_a = context.replacementContext.fileIds.get(file)) != null ? _a : file
+        file: tsPattern.match([descriptor, file]).with([tsPattern.P.any, tsPattern.P.string], ([, f]) => {
+          var _a;
+          return (_a = context.replacementContext.fileIds.get(f)) != null ? _a : f;
+        }).with([{ version: 1 }, { type: "makeswift-file", version: 1 }], ([, f]) => {
+          var _a;
+          return (_a = context.replacementContext.fileIds.get(f.id)) != null ? _a : f.id;
+        }).otherwise(([, f]) => f)
       })
     });
   }
@@ -1499,9 +1524,8 @@ if (void 0) {
         globalElementIds: /* @__PURE__ */ new Map(),
         globalElementData: /* @__PURE__ */ new Map()
       };
-      const result = copy$8(data, {
-        replacementContext,
-        copyElement: (node) => node
+      const result = copy$8({ type: "Images", options: {} }, data, {
+        replacementContext
       });
       expect(result).toMatchObject(expected);
     });
@@ -1940,9 +1964,9 @@ function copy$1(descriptor, value, context) {
     case "Shadows":
       return copy$a(value, context);
     case "Image":
-      return copy$9(value, context);
+      return copy$9(descriptor, value, context);
     case "Images":
-      return copy$8(value, context);
+      return copy$8(descriptor, value, context);
     case "ResponsiveColor":
       return copy$7(value, context);
     case "TableFormFields":
@@ -3993,6 +4017,21 @@ function merge(definition2, a, b = a, context) {
       return b;
   }
 }
+function getTranslatableData(definition2, data) {
+  switch (definition2.type) {
+    case Types.TextInput:
+    case Types.TextArea:
+    case TextInputControlType:
+    case TextAreaControlType:
+      return data;
+    case ListControlType:
+      return getListTranslatableData(definition2, data);
+    case ShapeControlType:
+      return getShapeTranslatableData(definition2, data);
+    default:
+      return null;
+  }
+}
 const StyleV2ControlType = "makeswift::controls::style-v2";
 const unstable_useStyleV2ClassName = useStyle;
 function unstable_StyleV2(config) {
@@ -4327,12 +4366,11 @@ function getFileIds(descriptor, prop) {
     case Types.Backgrounds:
       return getBackgroundsFileIds(prop);
     case Types.Image: {
-      const value = prop;
-      return value == null ? [] : [value];
+      return tsPattern.match(prop).with(tsPattern.P.string, (v) => [v]).with({ type: "makeswift-file", version: 1 }, (v) => [v.id]).with({ type: "external-file", version: 1 }, () => []).exhaustive();
     }
     case Types.Images: {
       const value = prop;
-      return (_a = value == null ? void 0 : value.flatMap((item) => item.props.file == null ? [] : [item.props.file])) != null ? _a : [];
+      return (_a = value == null ? void 0 : value.flatMap((item) => tsPattern.match(item.props.file).with(tsPattern.P.string, (f) => [f]).with({ type: "makeswift-file", version: 1 }, (f) => [f.id]).with({ type: "external-file", version: 1 }, () => []).with(tsPattern.P.nullish, () => []).otherwise(() => []))) != null ? _a : [];
     }
     case ImageControlType: {
       const value = prop;
@@ -4640,6 +4678,39 @@ function copyElementTree(state, elementTree, replacementContext) {
   const copy$12 = JSON.parse(JSON.stringify(elementTree));
   return copyElementTreeNode(state, createReplacementContext(replacementContext))(copy$12);
 }
+function* traverseElementTree(state, elementTree) {
+  yield elementTree;
+  if (isElementReference(elementTree))
+    return;
+  const descriptors2 = getComponentPropControllerDescriptors(state, elementTree.type);
+  if (descriptors2 == null)
+    return;
+  for (const [propKey, descriptor] of Object.entries(descriptors2)) {
+    const children = getElementChildren(descriptor, elementTree.props[propKey]);
+    for (const child of children) {
+      if (!isElementReference(child))
+        yield* traverseElementTree(state, child);
+      yield child;
+    }
+  }
+}
+function getElementTreeTranslatableData(state, elementTree) {
+  const translatableData = {};
+  for (const element of traverseElementTree(state, elementTree)) {
+    if (isElementReference(element))
+      continue;
+    const descriptors2 = getComponentPropControllerDescriptors(state, element.type);
+    if (descriptors2 == null)
+      continue;
+    Object.entries(descriptors2).forEach(([propName, descriptor]) => {
+      const translatablePropData = getTranslatableData(descriptor, element.props[propName]);
+      if (translatablePropData != null) {
+        translatableData[`${element.key}:${propName}`] = translatablePropData;
+      }
+    });
+  }
+  return translatableData;
+}
 function getIsInBuilder(state) {
   return state.isInBuilder;
 }
@@ -4757,8 +4828,12 @@ exports.Table = Table;
 exports.TableFormFields = TableFormFields;
 exports.TableFormFieldsMessageType = TableFormFieldsMessageType;
 exports.TextAlignPlugin = TextAlignPlugin;
-exports.TextArea = TextArea;
-exports.TextInput = TextInput;
+exports.TextArea = TextArea$1;
+exports.TextArea$1 = TextArea;
+exports.TextAreaControlType = TextAreaControlType;
+exports.TextInput = TextInput$1;
+exports.TextInput$1 = TextInput;
+exports.TextInputControlType = TextInputControlType;
 exports.TextStyle = TextStyle;
 exports.Types = Types;
 exports.TypographyActions = TypographyActions;
@@ -4768,7 +4843,9 @@ exports.Video = Video;
 exports.Width = Width;
 exports.WidthPropControllerFormat = WidthPropControllerFormat;
 exports.configureStore = configureStore;
-exports.copy = copy;
+exports.copy = copy$9;
+exports.copy$1 = copy$8;
+exports.copy$2 = copy;
 exports.copyColorData = copyColorData;
 exports.copyElementTree = copyElementTree;
 exports.copyImageData = copyImageData;
@@ -4801,6 +4878,7 @@ exports.getElement = getElement;
 exports.getElementChildren = getElementChildren;
 exports.getElementId = getElementId;
 exports.getElementPropControllerDescriptors = getElementPropControllerDescriptors;
+exports.getElementTreeTranslatableData = getElementTreeTranslatableData;
 exports.getFileIds = getFileIds;
 exports.getInitialState = getInitialState$7;
 exports.getInitialState$1 = getInitialState$2;
@@ -4810,6 +4888,7 @@ exports.getListElementChildren = getListElementChildren;
 exports.getListFileIds = getListFileIds;
 exports.getListPageIds = getListPageIds;
 exports.getListSwatchIds = getListSwatchIds;
+exports.getListTranslatableData = getListTranslatableData;
 exports.getListTypographyIds = getListTypographyIds;
 exports.getLocales = getLocales;
 exports.getPageIds = getPageIds;
@@ -4823,9 +4902,11 @@ exports.getShapeElementChildren = getShapeElementChildren;
 exports.getShapeFileIds = getShapeFileIds;
 exports.getShapePageIds = getShapePageIds;
 exports.getShapeSwatchIds = getShapeSwatchIds;
+exports.getShapeTranslatableData = getShapeTranslatableData;
 exports.getShapeTypographyIds = getShapeTypographyIds;
 exports.getSwatchIds = getSwatchIds;
 exports.getTableIds = getTableIds;
+exports.getTranslatableData = getTranslatableData;
 exports.getTypographyIds = getTypographyIds;
 exports.getTypographySwatchIds = getTypographySwatchIds;
 exports.getTypographyTypographyIds = getTypographyTypographyIds;