@makeswift/runtime 0.0.0-ef05bba → 0.0.0-f750971

package/dist/instances.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"instances.cjs.js","sources":["../src/utils/constants.ts","../src/prop-controllers/instances.ts"],"sourcesContent":["export const BuilderEditMode = {\n  BUILD: 'build',\n  CONTENT: 'content',\n} as const\n\nexport type BuilderEditMode = typeof BuilderEditMode[keyof typeof BuilderEditMode]\n","import { Editor } from 'slate-react'\nimport { ValueJSON } from 'slate'\nimport { OnChangeParam } from 'slate-react'\nimport { Descriptor, RichTextDescriptor, Types } from './descriptors'\nimport { BuilderEditMode } from '../utils/constants'\n\nexport const RichTextPropControllerMessageType = {\n  CHANGE_BUILDER_EDIT_MODE: 'CHANGE_BUILDER_EDIT_MODE',\n  INITIALIZE_EDITOR: 'INITIALIZE_EDITOR',\n  CHANGE_EDITOR_VALUE: 'CHANGE_EDITOR_VALUE',\n  FOCUS: 'FOCUS',\n  BLUR: 'BLUR',\n  UNDO: 'UNDO',\n  REDO: 'REDO',\n} as const\n\ntype ChangeBuilderEditModeRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.CHANGE_BUILDER_EDIT_MODE\n  editMode: BuilderEditMode\n}\n\ntype InitializeEditorRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.INITIALIZE_EDITOR\n  value: ValueJSON\n}\n\ntype ChangeEditorValueRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.CHANGE_EDITOR_VALUE\n  value: ValueJSON\n}\n\ntype FocusRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.FOCUS }\n\ntype BlurRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.BLUR }\n\ntype UndoRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.UNDO }\n\ntype RedoRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.REDO }\n\nexport type RichTextPropControllerMessage =\n  | ChangeBuilderEditModeRichTextPropControllerMessage\n  | InitializeEditorRichTextPropControllerMessage\n  | ChangeEditorValueRichTextPropControllerMessage\n  | FocusRichTextPropControllerMessage\n  | BlurRichTextPropControllerMessage\n  | UndoRichTextPropControllerMessage\n  | RedoRichTextPropControllerMessage\n\nexport type PropControllerMessage = RichTextPropControllerMessage\n\ntype Send<T = PropControllerMessage> = (message: T) => void\n\nexport abstract class PropController<T = PropControllerMessage> {\n  protected send: Send<T>\n\n  constructor(send: Send<T>) {\n    this.send = send\n  }\n\n  abstract recv(message: T): void\n}\n\nclass DefaultPropController extends PropController {\n  recv(_message: PropControllerMessage): void {\n    // Do nothing.\n  }\n}\n\nclass RichTextPropController extends PropController<RichTextPropControllerMessage> {\n  private editor: Editor | null = null\n\n  recv(message: RichTextPropControllerMessage): void {\n    switch (message.type) {\n      case RichTextPropControllerMessageType.CHANGE_BUILDER_EDIT_MODE: {\n        switch (message.editMode) {\n          case BuilderEditMode.BUILD:\n            this.editor?.deselect().blur()\n            break\n\n          case BuilderEditMode.CONTENT:\n            this.editor?.focus().moveToRangeOfDocument()\n            break\n        }\n\n        break\n      }\n    }\n  }\n\n  setSlateEditor(editor: Editor) {\n    this.editor = editor\n\n    this.send({\n      type: RichTextPropControllerMessageType.INITIALIZE_EDITOR,\n      value: editor.value.toJSON({ preserveSelection: false }),\n    })\n  }\n\n  onChange(change: OnChangeParam) {\n    this.send({\n      type: RichTextPropControllerMessageType.CHANGE_EDITOR_VALUE,\n      value: change.value.toJSON({ preserveSelection: true }),\n    })\n  }\n\n  focus() {\n    this.send({ type: RichTextPropControllerMessageType.FOCUS })\n  }\n\n  blur() {\n    this.send({ type: RichTextPropControllerMessageType.BLUR })\n  }\n\n  undo() {\n    this.send({ type: RichTextPropControllerMessageType.UNDO })\n  }\n\n  redo() {\n    this.send({ type: RichTextPropControllerMessageType.REDO })\n  }\n}\n\ntype DescriptorPropController<T extends Descriptor> = T extends { type: typeof Types.RichText }\n  ? RichTextPropController\n  : DefaultPropController\n\nexport type DescriptorsPropControllers<T extends Record<string, Descriptor>> = {\n  [K in keyof T]: undefined extends T[K]\n    ? DescriptorPropController<Exclude<T[K], undefined>>\n    : DescriptorPropController<T[K]>\n}\n\nexport function createPropController(\n  descriptor: RichTextDescriptor,\n  send: Send<RichTextPropControllerMessage>,\n): RichTextPropController\nexport function createPropController(descriptor: Descriptor, send: Send): PropController\nexport function createPropController(descriptor: Descriptor, send: Send): PropController {\n  switch (descriptor.type) {\n    case Types.RichText:\n      return new RichTextPropController(send)\n\n    default:\n      return new DefaultPropController(send)\n  }\n}\n"],"names":["Types"],"mappings":";;;;;;;;MAAa,kBAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,SAAS;AAAA;MCIE,oCAAoC;AAAA,EAC/C,0BAA0B;AAAA,EAC1B,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA;qBAuCwD;AAAA,EAG9D,YAAY,MAAe;AAFjB;SAGH,OAAO;AAAA;AAAA;AAMhB,oCAAoC,eAAe;AAAA,EACjD,KAAK,UAAuC;AAAA;AAAA;AAK9C,qCAAqC,eAA8C;AAAA,EAAnF;AAAA;AACU,kCAAwB;AAAA;AAAA,EAEhC,KAAK,SAA8C;;YACzC,QAAQ;AAAA,WACT,kCAAkC,0BAA0B;gBACvD,QAAQ;AAAA,eACT,gBAAgB;uBACd,8BAAQ,WAAW;;eAGrB,gBAAgB;uBACd,8BAAQ,QAAQ;;;;;;;EAS/B,eAAe,QAAgB;SACxB,SAAS;SAET,KAAK;AAAA,MACR,MAAM,kCAAkC;AAAA,MACxC,OAAO,OAAO,MAAM,OAAO,EAAE,mBAAmB;AAAA;AAAA;AAAA,EAIpD,SAAS,QAAuB;SACzB,KAAK;AAAA,MACR,MAAM,kCAAkC;AAAA,MACxC,OAAO,OAAO,MAAM,OAAO,EAAE,mBAAmB;AAAA;AAAA;AAAA,EAIpD,QAAQ;SACD,KAAK,EAAE,MAAM,kCAAkC;AAAA;AAAA,EAGtD,OAAO;SACA,KAAK,EAAE,MAAM,kCAAkC;AAAA;AAAA,EAGtD,OAAO;SACA,KAAK,EAAE,MAAM,kCAAkC;AAAA;AAAA,EAGtD,OAAO;SACA,KAAK,EAAE,MAAM,kCAAkC;AAAA;AAAA;8BAmBnB,YAAwB,MAA4B;UAC/E,WAAW;AAAA,SACZA,kBAAM;aACF,IAAI,uBAAuB;AAAA;aAG3B,IAAI,sBAAsB;AAAA;AAAA;;;"}
+{"version":3,"file":"instances.cjs.js","sources":["../src/utils/constants.ts","../src/prop-controllers/instances.ts"],"sourcesContent":["export const BuilderEditMode = {\n  BUILD: 'build',\n  CONTENT: 'content',\n} as const\n\nexport type BuilderEditMode = typeof BuilderEditMode[keyof typeof BuilderEditMode]\n","import { Editor } from 'slate-react'\nimport { ValueJSON } from 'slate'\nimport { OnChangeParam } from 'slate-react'\nimport { Descriptor, RichTextDescriptor, TableFormFieldsDescriptor, Types } from './descriptors'\nimport { BuilderEditMode } from '../utils/constants'\nimport { BoxModel } from '../state/modules/box-models'\n\nexport const RichTextPropControllerMessageType = {\n  CHANGE_BUILDER_EDIT_MODE: 'CHANGE_BUILDER_EDIT_MODE',\n  INITIALIZE_EDITOR: 'INITIALIZE_EDITOR',\n  CHANGE_EDITOR_VALUE: 'CHANGE_EDITOR_VALUE',\n  FOCUS: 'FOCUS',\n  BLUR: 'BLUR',\n  UNDO: 'UNDO',\n  REDO: 'REDO',\n} as const\n\ntype ChangeBuilderEditModeRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.CHANGE_BUILDER_EDIT_MODE\n  editMode: BuilderEditMode\n}\n\ntype InitializeEditorRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.INITIALIZE_EDITOR\n  value: ValueJSON\n}\n\ntype ChangeEditorValueRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.CHANGE_EDITOR_VALUE\n  value: ValueJSON\n}\n\ntype FocusRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.FOCUS }\n\ntype BlurRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.BLUR }\n\ntype UndoRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.UNDO }\n\ntype RedoRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.REDO }\n\nexport type RichTextPropControllerMessage =\n  | ChangeBuilderEditModeRichTextPropControllerMessage\n  | InitializeEditorRichTextPropControllerMessage\n  | ChangeEditorValueRichTextPropControllerMessage\n  | FocusRichTextPropControllerMessage\n  | BlurRichTextPropControllerMessage\n  | UndoRichTextPropControllerMessage\n  | RedoRichTextPropControllerMessage\n\nexport type PropControllerMessage = RichTextPropControllerMessage | TableFormFieldsMessage\n\ntype Send<T = PropControllerMessage> = (message: T) => void\n\nexport abstract class PropController<T = PropControllerMessage> {\n  protected send: Send<T>\n\n  constructor(send: Send<T>) {\n    this.send = send\n  }\n\n  abstract recv(message: T): void\n}\n\nclass DefaultPropController extends PropController {\n  recv(_message: PropControllerMessage): void {\n    // Do nothing.\n  }\n}\n\nclass RichTextPropController extends PropController<RichTextPropControllerMessage> {\n  private editor: Editor | null = null\n\n  recv(message: RichTextPropControllerMessage): void {\n    switch (message.type) {\n      case RichTextPropControllerMessageType.CHANGE_BUILDER_EDIT_MODE: {\n        switch (message.editMode) {\n          case BuilderEditMode.BUILD:\n            this.editor?.deselect().blur()\n            break\n\n          case BuilderEditMode.CONTENT:\n            this.editor?.focus().moveToRangeOfDocument()\n            break\n        }\n\n        break\n      }\n    }\n  }\n\n  setSlateEditor(editor: Editor) {\n    this.editor = editor\n\n    this.send({\n      type: RichTextPropControllerMessageType.INITIALIZE_EDITOR,\n      value: editor.value.toJSON({ preserveSelection: false }),\n    })\n  }\n\n  onChange(change: OnChangeParam) {\n    this.send({\n      type: RichTextPropControllerMessageType.CHANGE_EDITOR_VALUE,\n      value: change.value.toJSON({ preserveSelection: true }),\n    })\n  }\n\n  focus() {\n    this.send({ type: RichTextPropControllerMessageType.FOCUS })\n  }\n\n  blur() {\n    this.send({ type: RichTextPropControllerMessageType.BLUR })\n  }\n\n  undo() {\n    this.send({ type: RichTextPropControllerMessageType.UNDO })\n  }\n\n  redo() {\n    this.send({ type: RichTextPropControllerMessageType.REDO })\n  }\n}\n\nexport const TableFormFieldsMessageType = {\n  TABLE_FORM_LAYOUT_CHANGE: 'TABLE_FORM_LAYOUT_CHANGE',\n  TABLE_FORM_FIELD_LAYOUT_CHANGE: 'TABLE_FORM_FIELD_LAYOUT_CHANGE',\n} as const\n\ntype TableLayoutTableFormFieldsMessage = {\n  type: typeof TableFormFieldsMessageType.TABLE_FORM_LAYOUT_CHANGE\n  payload: { layout: BoxModel }\n}\n\ntype TableFieldLayoutTableFormFieldsMessage = {\n  type: typeof TableFormFieldsMessageType.TABLE_FORM_FIELD_LAYOUT_CHANGE\n  payload: { layout: BoxModel; index: number }\n}\n\nexport type TableFormFieldsMessage =\n  | TableLayoutTableFormFieldsMessage\n  | TableFieldLayoutTableFormFieldsMessage\n\nexport class TableFormFieldsPropController extends PropController<TableFormFieldsMessage> {\n  recv(): void {}\n\n  tableFormLayoutChange(payload: { layout: BoxModel }) {\n    this.send({ type: TableFormFieldsMessageType.TABLE_FORM_LAYOUT_CHANGE, payload })\n  }\n\n  tableFormFieldLayoutChange(payload: { layout: BoxModel; index: number }) {\n    this.send({ type: TableFormFieldsMessageType.TABLE_FORM_FIELD_LAYOUT_CHANGE, payload })\n  }\n}\n\ntype DescriptorPropController<T extends Descriptor> = T extends { type: typeof Types.RichText }\n  ? RichTextPropController\n  : T extends { type: typeof Types.TableFormFields }\n  ? TableFormFieldsPropController\n  : DefaultPropController\n\nexport type DescriptorsPropControllers<T extends Record<string, Descriptor>> = {\n  [K in keyof T]: undefined extends T[K]\n    ? DescriptorPropController<Exclude<T[K], undefined>>\n    : DescriptorPropController<T[K]>\n}\n\ntype AnyPropController =\n  | DefaultPropController\n  | RichTextPropController\n  | TableFormFieldsPropController\n\nexport function createPropController(\n  descriptor: RichTextDescriptor,\n  send: Send<RichTextPropControllerMessage>,\n): RichTextPropController\nexport function createPropController(\n  descriptor: TableFormFieldsDescriptor,\n  send: Send<TableFormFieldsMessage>,\n): TableFormFieldsPropController\nexport function createPropController(descriptor: Descriptor, send: Send): DefaultPropController\nexport function createPropController<T extends PropControllerMessage>(\n  descriptor: Descriptor,\n  send: Send<T>,\n): AnyPropController {\n  switch (descriptor.type) {\n    case Types.RichText:\n      return new RichTextPropController(send as Send<RichTextPropControllerMessage>)\n\n    case Types.TableFormFields:\n      return new TableFormFieldsPropController(send as Send<TableFormFieldsMessage>)\n\n    default:\n      return new DefaultPropController(send as Send)\n  }\n}\n"],"names":["Types"],"mappings":";;;;;;;;AAAO,MAAM,kBAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,SAAS;AACX;ACIO,MAAM,oCAAoC;AAAA,EAC/C,0BAA0B;AAAA,EAC1B,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;AAsCO,MAAe,eAA0C;AAAA,EAG9D,YAAY,MAAe;AAFjB;AAGR,SAAK,OAAO;AAAA,EACd;AAGF;AAEA,MAAM,8BAA8B,eAAe;AAAA,EACjD,KAAK,UAAuC;AAAA,EAE5C;AACF;AAEA,MAAM,+BAA+B,eAA8C;AAAA,EAAnF;AAAA;AACU,kCAAwB;AAAA;AAAA,EAEhC,KAAK,SAA8C;;AACjD,YAAQ,QAAQ;AAAA,WACT,kCAAkC,0BAA0B;AAC/D,gBAAQ,QAAQ;AAAA,eACT,gBAAgB;AACd,uBAAA,WAAA,mBAAQ,WAAW;AACxB;AAAA,eAEG,gBAAgB;AACd,uBAAA,WAAA,mBAAQ,QAAQ;AACrB;AAAA;AAGJ;AAAA,MACF;AAAA;AAAA,EAEJ;AAAA,EAEA,eAAe,QAAgB;AAC7B,SAAK,SAAS;AAEd,SAAK,KAAK;AAAA,MACR,MAAM,kCAAkC;AAAA,MACxC,OAAO,OAAO,MAAM,OAAO,EAAE,mBAAmB,OAAO;AAAA,IAAA,CACxD;AAAA,EACH;AAAA,EAEA,SAAS,QAAuB;AAC9B,SAAK,KAAK;AAAA,MACR,MAAM,kCAAkC;AAAA,MACxC,OAAO,OAAO,MAAM,OAAO,EAAE,mBAAmB,MAAM;AAAA,IAAA,CACvD;AAAA,EACH;AAAA,EAEA,QAAQ;AACN,SAAK,KAAK,EAAE,MAAM,kCAAkC,MAAO,CAAA;AAAA,EAC7D;AAAA,EAEA,OAAO;AACL,SAAK,KAAK,EAAE,MAAM,kCAAkC,KAAM,CAAA;AAAA,EAC5D;AAAA,EAEA,OAAO;AACL,SAAK,KAAK,EAAE,MAAM,kCAAkC,KAAM,CAAA;AAAA,EAC5D;AAAA,EAEA,OAAO;AACL,SAAK,KAAK,EAAE,MAAM,kCAAkC,KAAM,CAAA;AAAA,EAC5D;AACF;AAEO,MAAM,6BAA6B;AAAA,EACxC,0BAA0B;AAAA,EAC1B,gCAAgC;AAClC;AAgBO,MAAM,sCAAsC,eAAuC;AAAA,EACxF,OAAa;AAAA,EAAC;AAAA,EAEd,sBAAsB,SAA+B;AACnD,SAAK,KAAK,EAAE,MAAM,2BAA2B,0BAA0B,SAAS;AAAA,EAClF;AAAA,EAEA,2BAA2B,SAA8C;AACvE,SAAK,KAAK,EAAE,MAAM,2BAA2B,gCAAgC,SAAS;AAAA,EACxF;AACF;AA4BO,8BACL,YACA,MACmB;AACnB,UAAQ,WAAW;AAAA,SACZA,YAAM,MAAA;AACF,aAAA,IAAI,uBAAuB,IAA2C;AAAA,SAE1EA,YAAM,MAAA;AACF,aAAA,IAAI,8BAA8B,IAAoC;AAAA;AAGtE,aAAA,IAAI,sBAAsB,IAAY;AAAA;AAEnD;;;;"}

package/dist/instances.es.js

@@ -75,13 +75,29 @@ class RichTextPropController extends PropController {
     this.send({ type: RichTextPropControllerMessageType.REDO });
   }
 }
+const TableFormFieldsMessageType = {
+  TABLE_FORM_LAYOUT_CHANGE: "TABLE_FORM_LAYOUT_CHANGE",
+  TABLE_FORM_FIELD_LAYOUT_CHANGE: "TABLE_FORM_FIELD_LAYOUT_CHANGE"
+};
+class TableFormFieldsPropController extends PropController {
+  recv() {
+  }
+  tableFormLayoutChange(payload) {
+    this.send({ type: TableFormFieldsMessageType.TABLE_FORM_LAYOUT_CHANGE, payload });
+  }
+  tableFormFieldLayoutChange(payload) {
+    this.send({ type: TableFormFieldsMessageType.TABLE_FORM_FIELD_LAYOUT_CHANGE, payload });
+  }
+}
 function createPropController(descriptor, send) {
   switch (descriptor.type) {
     case Types.RichText:
       return new RichTextPropController(send);
+    case Types.TableFormFields:
+      return new TableFormFieldsPropController(send);
     default:
       return new DefaultPropController(send);
   }
 }
-export { RichTextPropControllerMessageType as R, createPropController as c };
+export { RichTextPropControllerMessageType as R, TableFormFieldsMessageType as T, createPropController as c };
 //# sourceMappingURL=instances.es.js.map

package/dist/instances.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"instances.es.js","sources":["../src/utils/constants.ts","../src/prop-controllers/instances.ts"],"sourcesContent":["export const BuilderEditMode = {\n  BUILD: 'build',\n  CONTENT: 'content',\n} as const\n\nexport type BuilderEditMode = typeof BuilderEditMode[keyof typeof BuilderEditMode]\n","import { Editor } from 'slate-react'\nimport { ValueJSON } from 'slate'\nimport { OnChangeParam } from 'slate-react'\nimport { Descriptor, RichTextDescriptor, Types } from './descriptors'\nimport { BuilderEditMode } from '../utils/constants'\n\nexport const RichTextPropControllerMessageType = {\n  CHANGE_BUILDER_EDIT_MODE: 'CHANGE_BUILDER_EDIT_MODE',\n  INITIALIZE_EDITOR: 'INITIALIZE_EDITOR',\n  CHANGE_EDITOR_VALUE: 'CHANGE_EDITOR_VALUE',\n  FOCUS: 'FOCUS',\n  BLUR: 'BLUR',\n  UNDO: 'UNDO',\n  REDO: 'REDO',\n} as const\n\ntype ChangeBuilderEditModeRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.CHANGE_BUILDER_EDIT_MODE\n  editMode: BuilderEditMode\n}\n\ntype InitializeEditorRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.INITIALIZE_EDITOR\n  value: ValueJSON\n}\n\ntype ChangeEditorValueRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.CHANGE_EDITOR_VALUE\n  value: ValueJSON\n}\n\ntype FocusRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.FOCUS }\n\ntype BlurRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.BLUR }\n\ntype UndoRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.UNDO }\n\ntype RedoRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.REDO }\n\nexport type RichTextPropControllerMessage =\n  | ChangeBuilderEditModeRichTextPropControllerMessage\n  | InitializeEditorRichTextPropControllerMessage\n  | ChangeEditorValueRichTextPropControllerMessage\n  | FocusRichTextPropControllerMessage\n  | BlurRichTextPropControllerMessage\n  | UndoRichTextPropControllerMessage\n  | RedoRichTextPropControllerMessage\n\nexport type PropControllerMessage = RichTextPropControllerMessage\n\ntype Send<T = PropControllerMessage> = (message: T) => void\n\nexport abstract class PropController<T = PropControllerMessage> {\n  protected send: Send<T>\n\n  constructor(send: Send<T>) {\n    this.send = send\n  }\n\n  abstract recv(message: T): void\n}\n\nclass DefaultPropController extends PropController {\n  recv(_message: PropControllerMessage): void {\n    // Do nothing.\n  }\n}\n\nclass RichTextPropController extends PropController<RichTextPropControllerMessage> {\n  private editor: Editor | null = null\n\n  recv(message: RichTextPropControllerMessage): void {\n    switch (message.type) {\n      case RichTextPropControllerMessageType.CHANGE_BUILDER_EDIT_MODE: {\n        switch (message.editMode) {\n          case BuilderEditMode.BUILD:\n            this.editor?.deselect().blur()\n            break\n\n          case BuilderEditMode.CONTENT:\n            this.editor?.focus().moveToRangeOfDocument()\n            break\n        }\n\n        break\n      }\n    }\n  }\n\n  setSlateEditor(editor: Editor) {\n    this.editor = editor\n\n    this.send({\n      type: RichTextPropControllerMessageType.INITIALIZE_EDITOR,\n      value: editor.value.toJSON({ preserveSelection: false }),\n    })\n  }\n\n  onChange(change: OnChangeParam) {\n    this.send({\n      type: RichTextPropControllerMessageType.CHANGE_EDITOR_VALUE,\n      value: change.value.toJSON({ preserveSelection: true }),\n    })\n  }\n\n  focus() {\n    this.send({ type: RichTextPropControllerMessageType.FOCUS })\n  }\n\n  blur() {\n    this.send({ type: RichTextPropControllerMessageType.BLUR })\n  }\n\n  undo() {\n    this.send({ type: RichTextPropControllerMessageType.UNDO })\n  }\n\n  redo() {\n    this.send({ type: RichTextPropControllerMessageType.REDO })\n  }\n}\n\ntype DescriptorPropController<T extends Descriptor> = T extends { type: typeof Types.RichText }\n  ? RichTextPropController\n  : DefaultPropController\n\nexport type DescriptorsPropControllers<T extends Record<string, Descriptor>> = {\n  [K in keyof T]: undefined extends T[K]\n    ? DescriptorPropController<Exclude<T[K], undefined>>\n    : DescriptorPropController<T[K]>\n}\n\nexport function createPropController(\n  descriptor: RichTextDescriptor,\n  send: Send<RichTextPropControllerMessage>,\n): RichTextPropController\nexport function createPropController(descriptor: Descriptor, send: Send): PropController\nexport function createPropController(descriptor: Descriptor, send: Send): PropController {\n  switch (descriptor.type) {\n    case Types.RichText:\n      return new RichTextPropController(send)\n\n    default:\n      return new DefaultPropController(send)\n  }\n}\n"],"names":[],"mappings":";;;;;;;MAAa,kBAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,SAAS;AAAA;MCIE,oCAAoC;AAAA,EAC/C,0BAA0B;AAAA,EAC1B,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA;qBAuCwD;AAAA,EAG9D,YAAY,MAAe;AAFjB;SAGH,OAAO;AAAA;AAAA;AAMhB,oCAAoC,eAAe;AAAA,EACjD,KAAK,UAAuC;AAAA;AAAA;AAK9C,qCAAqC,eAA8C;AAAA,EAAnF;AAAA;AACU,kCAAwB;AAAA;AAAA,EAEhC,KAAK,SAA8C;;YACzC,QAAQ;AAAA,WACT,kCAAkC,0BAA0B;gBACvD,QAAQ;AAAA,eACT,gBAAgB;uBACd,8BAAQ,WAAW;;eAGrB,gBAAgB;uBACd,8BAAQ,QAAQ;;;;;;;EAS/B,eAAe,QAAgB;SACxB,SAAS;SAET,KAAK;AAAA,MACR,MAAM,kCAAkC;AAAA,MACxC,OAAO,OAAO,MAAM,OAAO,EAAE,mBAAmB;AAAA;AAAA;AAAA,EAIpD,SAAS,QAAuB;SACzB,KAAK;AAAA,MACR,MAAM,kCAAkC;AAAA,MACxC,OAAO,OAAO,MAAM,OAAO,EAAE,mBAAmB;AAAA;AAAA;AAAA,EAIpD,QAAQ;SACD,KAAK,EAAE,MAAM,kCAAkC;AAAA;AAAA,EAGtD,OAAO;SACA,KAAK,EAAE,MAAM,kCAAkC;AAAA;AAAA,EAGtD,OAAO;SACA,KAAK,EAAE,MAAM,kCAAkC;AAAA;AAAA,EAGtD,OAAO;SACA,KAAK,EAAE,MAAM,kCAAkC;AAAA;AAAA;8BAmBnB,YAAwB,MAA4B;UAC/E,WAAW;AAAA,SACZ,MAAM;aACF,IAAI,uBAAuB;AAAA;aAG3B,IAAI,sBAAsB;AAAA;AAAA;;"}
+{"version":3,"file":"instances.es.js","sources":["../src/utils/constants.ts","../src/prop-controllers/instances.ts"],"sourcesContent":["export const BuilderEditMode = {\n  BUILD: 'build',\n  CONTENT: 'content',\n} as const\n\nexport type BuilderEditMode = typeof BuilderEditMode[keyof typeof BuilderEditMode]\n","import { Editor } from 'slate-react'\nimport { ValueJSON } from 'slate'\nimport { OnChangeParam } from 'slate-react'\nimport { Descriptor, RichTextDescriptor, TableFormFieldsDescriptor, Types } from './descriptors'\nimport { BuilderEditMode } from '../utils/constants'\nimport { BoxModel } from '../state/modules/box-models'\n\nexport const RichTextPropControllerMessageType = {\n  CHANGE_BUILDER_EDIT_MODE: 'CHANGE_BUILDER_EDIT_MODE',\n  INITIALIZE_EDITOR: 'INITIALIZE_EDITOR',\n  CHANGE_EDITOR_VALUE: 'CHANGE_EDITOR_VALUE',\n  FOCUS: 'FOCUS',\n  BLUR: 'BLUR',\n  UNDO: 'UNDO',\n  REDO: 'REDO',\n} as const\n\ntype ChangeBuilderEditModeRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.CHANGE_BUILDER_EDIT_MODE\n  editMode: BuilderEditMode\n}\n\ntype InitializeEditorRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.INITIALIZE_EDITOR\n  value: ValueJSON\n}\n\ntype ChangeEditorValueRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.CHANGE_EDITOR_VALUE\n  value: ValueJSON\n}\n\ntype FocusRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.FOCUS }\n\ntype BlurRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.BLUR }\n\ntype UndoRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.UNDO }\n\ntype RedoRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.REDO }\n\nexport type RichTextPropControllerMessage =\n  | ChangeBuilderEditModeRichTextPropControllerMessage\n  | InitializeEditorRichTextPropControllerMessage\n  | ChangeEditorValueRichTextPropControllerMessage\n  | FocusRichTextPropControllerMessage\n  | BlurRichTextPropControllerMessage\n  | UndoRichTextPropControllerMessage\n  | RedoRichTextPropControllerMessage\n\nexport type PropControllerMessage = RichTextPropControllerMessage | TableFormFieldsMessage\n\ntype Send<T = PropControllerMessage> = (message: T) => void\n\nexport abstract class PropController<T = PropControllerMessage> {\n  protected send: Send<T>\n\n  constructor(send: Send<T>) {\n    this.send = send\n  }\n\n  abstract recv(message: T): void\n}\n\nclass DefaultPropController extends PropController {\n  recv(_message: PropControllerMessage): void {\n    // Do nothing.\n  }\n}\n\nclass RichTextPropController extends PropController<RichTextPropControllerMessage> {\n  private editor: Editor | null = null\n\n  recv(message: RichTextPropControllerMessage): void {\n    switch (message.type) {\n      case RichTextPropControllerMessageType.CHANGE_BUILDER_EDIT_MODE: {\n        switch (message.editMode) {\n          case BuilderEditMode.BUILD:\n            this.editor?.deselect().blur()\n            break\n\n          case BuilderEditMode.CONTENT:\n            this.editor?.focus().moveToRangeOfDocument()\n            break\n        }\n\n        break\n      }\n    }\n  }\n\n  setSlateEditor(editor: Editor) {\n    this.editor = editor\n\n    this.send({\n      type: RichTextPropControllerMessageType.INITIALIZE_EDITOR,\n      value: editor.value.toJSON({ preserveSelection: false }),\n    })\n  }\n\n  onChange(change: OnChangeParam) {\n    this.send({\n      type: RichTextPropControllerMessageType.CHANGE_EDITOR_VALUE,\n      value: change.value.toJSON({ preserveSelection: true }),\n    })\n  }\n\n  focus() {\n    this.send({ type: RichTextPropControllerMessageType.FOCUS })\n  }\n\n  blur() {\n    this.send({ type: RichTextPropControllerMessageType.BLUR })\n  }\n\n  undo() {\n    this.send({ type: RichTextPropControllerMessageType.UNDO })\n  }\n\n  redo() {\n    this.send({ type: RichTextPropControllerMessageType.REDO })\n  }\n}\n\nexport const TableFormFieldsMessageType = {\n  TABLE_FORM_LAYOUT_CHANGE: 'TABLE_FORM_LAYOUT_CHANGE',\n  TABLE_FORM_FIELD_LAYOUT_CHANGE: 'TABLE_FORM_FIELD_LAYOUT_CHANGE',\n} as const\n\ntype TableLayoutTableFormFieldsMessage = {\n  type: typeof TableFormFieldsMessageType.TABLE_FORM_LAYOUT_CHANGE\n  payload: { layout: BoxModel }\n}\n\ntype TableFieldLayoutTableFormFieldsMessage = {\n  type: typeof TableFormFieldsMessageType.TABLE_FORM_FIELD_LAYOUT_CHANGE\n  payload: { layout: BoxModel; index: number }\n}\n\nexport type TableFormFieldsMessage =\n  | TableLayoutTableFormFieldsMessage\n  | TableFieldLayoutTableFormFieldsMessage\n\nexport class TableFormFieldsPropController extends PropController<TableFormFieldsMessage> {\n  recv(): void {}\n\n  tableFormLayoutChange(payload: { layout: BoxModel }) {\n    this.send({ type: TableFormFieldsMessageType.TABLE_FORM_LAYOUT_CHANGE, payload })\n  }\n\n  tableFormFieldLayoutChange(payload: { layout: BoxModel; index: number }) {\n    this.send({ type: TableFormFieldsMessageType.TABLE_FORM_FIELD_LAYOUT_CHANGE, payload })\n  }\n}\n\ntype DescriptorPropController<T extends Descriptor> = T extends { type: typeof Types.RichText }\n  ? RichTextPropController\n  : T extends { type: typeof Types.TableFormFields }\n  ? TableFormFieldsPropController\n  : DefaultPropController\n\nexport type DescriptorsPropControllers<T extends Record<string, Descriptor>> = {\n  [K in keyof T]: undefined extends T[K]\n    ? DescriptorPropController<Exclude<T[K], undefined>>\n    : DescriptorPropController<T[K]>\n}\n\ntype AnyPropController =\n  | DefaultPropController\n  | RichTextPropController\n  | TableFormFieldsPropController\n\nexport function createPropController(\n  descriptor: RichTextDescriptor,\n  send: Send<RichTextPropControllerMessage>,\n): RichTextPropController\nexport function createPropController(\n  descriptor: TableFormFieldsDescriptor,\n  send: Send<TableFormFieldsMessage>,\n): TableFormFieldsPropController\nexport function createPropController(descriptor: Descriptor, send: Send): DefaultPropController\nexport function createPropController<T extends PropControllerMessage>(\n  descriptor: Descriptor,\n  send: Send<T>,\n): AnyPropController {\n  switch (descriptor.type) {\n    case Types.RichText:\n      return new RichTextPropController(send as Send<RichTextPropControllerMessage>)\n\n    case Types.TableFormFields:\n      return new TableFormFieldsPropController(send as Send<TableFormFieldsMessage>)\n\n    default:\n      return new DefaultPropController(send as Send)\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAAO,MAAM,kBAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,SAAS;AACX;ACIO,MAAM,oCAAoC;AAAA,EAC/C,0BAA0B;AAAA,EAC1B,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;AAsCO,MAAe,eAA0C;AAAA,EAG9D,YAAY,MAAe;AAFjB;AAGR,SAAK,OAAO;AAAA,EACd;AAGF;AAEA,MAAM,8BAA8B,eAAe;AAAA,EACjD,KAAK,UAAuC;AAAA,EAE5C;AACF;AAEA,MAAM,+BAA+B,eAA8C;AAAA,EAAnF;AAAA;AACU,kCAAwB;AAAA;AAAA,EAEhC,KAAK,SAA8C;;AACjD,YAAQ,QAAQ;AAAA,WACT,kCAAkC,0BAA0B;AAC/D,gBAAQ,QAAQ;AAAA,eACT,gBAAgB;AACd,uBAAA,WAAA,mBAAQ,WAAW;AACxB;AAAA,eAEG,gBAAgB;AACd,uBAAA,WAAA,mBAAQ,QAAQ;AACrB;AAAA;AAGJ;AAAA,MACF;AAAA;AAAA,EAEJ;AAAA,EAEA,eAAe,QAAgB;AAC7B,SAAK,SAAS;AAEd,SAAK,KAAK;AAAA,MACR,MAAM,kCAAkC;AAAA,MACxC,OAAO,OAAO,MAAM,OAAO,EAAE,mBAAmB,OAAO;AAAA,IAAA,CACxD;AAAA,EACH;AAAA,EAEA,SAAS,QAAuB;AAC9B,SAAK,KAAK;AAAA,MACR,MAAM,kCAAkC;AAAA,MACxC,OAAO,OAAO,MAAM,OAAO,EAAE,mBAAmB,MAAM;AAAA,IAAA,CACvD;AAAA,EACH;AAAA,EAEA,QAAQ;AACN,SAAK,KAAK,EAAE,MAAM,kCAAkC,MAAO,CAAA;AAAA,EAC7D;AAAA,EAEA,OAAO;AACL,SAAK,KAAK,EAAE,MAAM,kCAAkC,KAAM,CAAA;AAAA,EAC5D;AAAA,EAEA,OAAO;AACL,SAAK,KAAK,EAAE,MAAM,kCAAkC,KAAM,CAAA;AAAA,EAC5D;AAAA,EAEA,OAAO;AACL,SAAK,KAAK,EAAE,MAAM,kCAAkC,KAAM,CAAA;AAAA,EAC5D;AACF;AAEO,MAAM,6BAA6B;AAAA,EACxC,0BAA0B;AAAA,EAC1B,gCAAgC;AAClC;AAgBO,MAAM,sCAAsC,eAAuC;AAAA,EACxF,OAAa;AAAA,EAAC;AAAA,EAEd,sBAAsB,SAA+B;AACnD,SAAK,KAAK,EAAE,MAAM,2BAA2B,0BAA0B,SAAS;AAAA,EAClF;AAAA,EAEA,2BAA2B,SAA8C;AACvE,SAAK,KAAK,EAAE,MAAM,2BAA2B,gCAAgC,SAAS;AAAA,EACxF;AACF;AA4BO,8BACL,YACA,MACmB;AACnB,UAAQ,WAAW;AAAA,SACZ,MAAM;AACF,aAAA,IAAI,uBAAuB,IAA2C;AAAA,SAE1E,MAAM;AACF,aAAA,IAAI,8BAA8B,IAAoC;AAAA;AAGtE,aAAA,IAAI,sBAAsB,IAAY;AAAA;AAEnD;;"}

package/dist/main.cjs.js

@@ -1,12 +1,19 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports[Symbol.toStringTag] = "Module";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 var actions = require("./actions.cjs.js");
+var reactPage = require("./react-page.cjs.js");
+require("redux");
+require("redux-thunk");
+require("./descriptors.cjs.js");
 exports.ActionTypes = actions.ActionTypes;
 exports.changeApiResource = actions.changeApiResource;
 exports.changeDocument = actions.changeDocument;
 exports.changeDocumentElementScrollTop = actions.changeDocumentElementScrollTop;
 exports.cleanUp = actions.cleanUp;
+exports.evictApiResource = actions.evictApiResource;
 exports.init = actions.init;
 exports.messageHostPropController = actions.messageHostPropController;
+exports.registerDocument = actions.registerDocument;
+exports.unregisterDocument = actions.unregisterDocument;
+exports.createDocument = reactPage.createDocument;
 //# sourceMappingURL=main.cjs.js.map

package/dist/main.cjs.js.map

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

package/dist/main.es.js

@@ -1,2 +1,6 @@
-export { A as ActionTypes, d as changeApiResource, c as changeDocument, a as changeDocumentElementScrollTop, b as cleanUp, i as init, m as messageHostPropController } from "./actions.es.js";
+export { A as ActionTypes, d as changeApiResource, c as changeDocument, a as changeDocumentElementScrollTop, b as cleanUp, e as evictApiResource, i as init, m as messageHostPropController, r as registerDocument, u as unregisterDocument } from "./actions.es.js";
+export { c as createDocument } from "./react-page.es.js";
+import "redux";
+import "redux-thunk";
+import "./descriptors.es.js";
 //# sourceMappingURL=main.es.js.map

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

@@ -18,36 +18,37 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-Object.defineProperty(exports, "__esModule", { value: true });
-exports[Symbol.toStringTag] = "Module";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 var NextDocument = require("next/document");
 var styled = require("styled-components");
 var react = require("./react.cjs2.js");
+var reactPage = require("./react-page.cjs.js");
 var jsxRuntime = require("react/jsx-runtime");
 require("react");
 require("use-sync-external-store/shim/with-selector");
 require("@apollo/client");
-require("redux");
-require("redux-thunk");
 require("./actions.cjs.js");
-require("./descriptors.cjs.js");
 require("framer-motion");
 require("./box-models.cjs.js");
 require("css-box-model");
 require("next/image");
 require("react-player");
+require("./descriptors.cjs.js");
 require("color");
 require("scroll-into-view-if-needed");
 require("next/link");
 require("react-use-gesture");
 require("@popmotion/popcorn");
 require("uuid/v4");
+require("formik");
 require("polished");
 require("slate");
 require("slate-hotkeys");
 require("corporate-ipsum");
 require("slate-react");
 require("@convertkit/slate-lists");
+require("redux");
+require("redux-thunk");
 function _interopDefaultLegacy(e) {
   return e && typeof e === "object" && "default" in e ? e : { "default": e };
 }
@@ -150,13 +151,15 @@ async function getStaticPaths() {
 function Page({
   pageId,
   rootElement,
-  makeswiftApiEndpoint
+  makeswiftApiEndpoint,
+  registerComponents
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(react.RuntimeProvider, {
     defaultRootElements: /* @__PURE__ */ new Map([[pageId, rootElement]]),
     makeswiftApiEndpoint,
-    children: /* @__PURE__ */ jsxRuntime.jsx(react.Document, {
-      documentKey: pageId
+    registerComponents,
+    children: /* @__PURE__ */ jsxRuntime.jsx(react.DocumentReference, {
+      documentReference: reactPage.createDocumentReference(pageId)
     })
   });
 }

package/dist/next.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"next.cjs.js","sources":["../src/next.tsx"],"sourcesContent":["import {\n  GetServerSidePropsContext,\n  GetServerSidePropsResult,\n  GetStaticPathsResult,\n  GetStaticPropsContext,\n  GetStaticPropsResult,\n} from 'next'\nimport NextDocument, { DocumentContext, DocumentInitialProps } from 'next/document'\nimport { ServerStyleSheet } from 'styled-components'\n\nimport { RuntimeProvider, Document as DocumentComponent } from './runtimes/react'\nimport { Element } from './state/react-page'\n\nexport class Document extends NextDocument {\n  static async getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps> {\n    const sheet = new ServerStyleSheet()\n    const originalRenderPage = ctx.renderPage\n\n    try {\n      ctx.renderPage = () =>\n        originalRenderPage({\n          enhanceApp: App => props => sheet.collectStyles(<App {...props} />),\n        })\n\n      const initialProps = await NextDocument.getInitialProps(ctx)\n\n      return {\n        ...initialProps,\n        styles: (\n          <>\n            {initialProps.styles}\n            {sheet.getStyleElement()}\n          </>\n        ),\n      }\n    } finally {\n      sheet.seal()\n    }\n  }\n}\n\nconst REVALIDATE_SECONDS = 1\n\ntype PageProps = {\n  pageId: string\n  rootElement: Element\n  makeswiftApiEndpoint: string\n}\n\nexport async function getServerSideProps({\n  query: { pageId },\n}: GetServerSidePropsContext): Promise<GetServerSidePropsResult<PageProps>> {\n  const url = `${process['env'].MAKESWIFT_API_HOST}/v0/preview-page-data?id=${pageId}`\n  const res = await fetch(url, {\n    headers: { 'x-api-key': process['env'].MAKESWIFT_SITE_API_KEY! },\n  })\n\n  if (res.status !== 200) {\n    console.error(await res.json())\n\n    return { notFound: true }\n  }\n\n  const page = await res.json()\n\n  if (page == null) return { notFound: true }\n\n  return {\n    props: {\n      pageId: page.id,\n      rootElement: page.data,\n      makeswiftApiEndpoint: `${process['env'].MAKESWIFT_API_HOST}/graphql`,\n    },\n  }\n}\n\nexport async function getStaticProps({\n  params,\n}: GetStaticPropsContext<{ path: string[] }>): Promise<GetStaticPropsResult<PageProps>> {\n  if (params == null) return { notFound: true, revalidate: REVALIDATE_SECONDS }\n  const { path = [] } = params\n  const url = `${process['env'].MAKESWIFT_API_HOST}/v0/live-page-data?path=${path.join('/')}`\n\n  const res = await fetch(url, {\n    headers: { 'x-api-key': process['env'].MAKESWIFT_SITE_API_KEY! },\n  })\n\n  if (res.status !== 200) {\n    console.error(await res.json())\n\n    return { notFound: true, revalidate: REVALIDATE_SECONDS }\n  }\n\n  const page = await res.json()\n\n  if (page == null) return { notFound: true, revalidate: REVALIDATE_SECONDS }\n\n  return {\n    props: {\n      pageId: page.id,\n      rootElement: page.data,\n      makeswiftApiEndpoint: `${process['env'].MAKESWIFT_API_HOST}/graphql`,\n    },\n    revalidate: REVALIDATE_SECONDS,\n  }\n}\n\nexport async function getStaticPaths(): Promise<GetStaticPathsResult> {\n  return { paths: [], fallback: 'blocking' }\n}\n\nexport function Page({ pageId, rootElement, makeswiftApiEndpoint }: PageProps) {\n  return (\n    <RuntimeProvider\n      defaultRootElements={new Map([[pageId, rootElement]])}\n      makeswiftApiEndpoint={makeswiftApiEndpoint}\n    >\n      <DocumentComponent documentKey={pageId} />\n    </RuntimeProvider>\n  )\n}\n"],"names":["NextDocument","getInitialProps","ctx","sheet","ServerStyleSheet","originalRenderPage","renderPage","enhanceApp","App","props","collectStyles","initialProps","styles","getStyleElement","seal","REVALIDATE_SECONDS","query","pageId","url","process","MAKESWIFT_API_HOST","res","fetch","headers","MAKESWIFT_SITE_API_KEY","status","error","json","notFound","page","id","rootElement","data","makeswiftApiEndpoint","params","revalidate","path","join","paths","fallback","RuntimeProvider","Map","DocumentComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAa8BA,iCAAa;AAAA,eAC5BC,gBAAgBC,KAAqD;UAC1EC,QAAQ,IAAIC;UACZC,qBAAqBH,IAAII;QAE3B;UACEA,aAAa,MACfD,mBAAmB;AAAA,QACjBE,YAAYC,SAAOC,WAASN,MAAMO,6CAAe,wBAAQD;AAAAA;YAGvDE,eAAe,MAAMX,iCAAaC,gBAAgBC;aAEjD,iCACFS,eADE;AAAA,QAELC;qBAEKD,aAAaC,QACbT,MAAMU;AAAAA;AAAAA;AAAAA;YAKPC;AAAAA;AAAAA;AAAAA;AAKZ,MAAMC,qBAAqB;kCAQc;AAAA,EACvCC,OAAO;AAAA,IAAEC;AAAAA;AAAAA,GACiE;QACpEC,MAAO,GAAEC,QAAQ,OAAOC,8CAA8CH;QACtEI,MAAM,MAAMC,MAAMJ,KAAK;AAAA,IAC3BK,SAAS;AAAA,mBAAeJ,QAAQ,OAAOK;AAAAA;AAAAA;MAGrCH,IAAII,WAAW,KAAK;YACdC,MAAM,MAAML,IAAIM;WAEjB;AAAA,MAAEC,UAAU;AAAA;AAAA;QAGfC,OAAO,MAAMR,IAAIM;MAEnBE,QAAQ;WAAa;AAAA,MAAED,UAAU;AAAA;SAE9B;AAAA,IACLnB,OAAO;AAAA,MACLQ,QAAQY,KAAKC;AAAAA,MACbC,aAAaF,KAAKG;AAAAA,MAClBC,sBAAuB,GAAEd,QAAQ,OAAOC;AAAAA;AAAAA;AAAAA;8BAKT;AAAA,EACnCc;AAAAA,GACsF;MAClFA,UAAU;WAAa;AAAA,MAAEN,UAAU;AAAA,MAAMO,YAAYpB;AAAAA;QACnD;AAAA,IAAEqB,OAAO;AAAA,MAAOF;QAChBhB,MAAO,GAAEC,QAAQ,OAAOC,6CAA6CgB,KAAKC,KAAK;QAE/EhB,MAAM,MAAMC,MAAMJ,KAAK;AAAA,IAC3BK,SAAS;AAAA,mBAAeJ,QAAQ,OAAOK;AAAAA;AAAAA;MAGrCH,IAAII,WAAW,KAAK;YACdC,MAAM,MAAML,IAAIM;WAEjB;AAAA,MAAEC,UAAU;AAAA,MAAMO,YAAYpB;AAAAA;AAAAA;QAGjCc,OAAO,MAAMR,IAAIM;MAEnBE,QAAQ;WAAa;AAAA,MAAED,UAAU;AAAA,MAAMO,YAAYpB;AAAAA;SAEhD;AAAA,IACLN,OAAO;AAAA,MACLQ,QAAQY,KAAKC;AAAAA,MACbC,aAAaF,KAAKG;AAAAA,MAClBC,sBAAuB,GAAEd,QAAQ,OAAOC;AAAAA;AAAAA,IAE1Ce,YAAYpB;AAAAA;AAAAA;gCAIsD;SAC7D;AAAA,IAAEuB,OAAO;AAAA,IAAIC,UAAU;AAAA;AAAA;cAGX;AAAA,EAAEtB;AAAAA,EAAQc;AAAAA,EAAaE;AAAAA,GAAmC;wCAE1EO;IACC,yCAAyBC,IAAI,CAAC,CAACxB,QAAQc;AAAAA,IACvC;AAAA,6CAECW;MAAkB,aAAazB;AAAAA;AAAAA;AAAAA;;;;;;"}
+{"version":3,"file":"next.cjs.js","sources":["../src/next.tsx"],"sourcesContent":["import {\n  GetServerSidePropsContext,\n  GetServerSidePropsResult,\n  GetStaticPathsResult,\n  GetStaticPropsContext,\n  GetStaticPropsResult,\n} from 'next'\nimport NextDocument, { DocumentContext, DocumentInitialProps } from 'next/document'\nimport { ServerStyleSheet } from 'styled-components'\n\nimport { RuntimeProvider, DocumentReference, ReactRuntime } from './runtimes/react'\nimport { Element, createDocumentReference } from './state/react-page'\n\nexport class Document extends NextDocument {\n  static async getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps> {\n    const sheet = new ServerStyleSheet()\n    const originalRenderPage = ctx.renderPage\n\n    try {\n      ctx.renderPage = () =>\n        originalRenderPage({\n          enhanceApp: App => props => sheet.collectStyles(<App {...props} />),\n        })\n\n      const initialProps = await NextDocument.getInitialProps(ctx)\n\n      return {\n        ...initialProps,\n        styles: (\n          <>\n            {initialProps.styles}\n            {sheet.getStyleElement()}\n          </>\n        ),\n      }\n    } finally {\n      sheet.seal()\n    }\n  }\n}\n\nconst REVALIDATE_SECONDS = 1\n\nexport type PageProps = {\n  pageId: string\n  rootElement: Element\n  makeswiftApiEndpoint: string\n  registerComponents?(runtime: ReactRuntime): () => void\n}\n\nexport async function getServerSideProps({\n  query: { pageId },\n}: GetServerSidePropsContext): Promise<GetServerSidePropsResult<PageProps>> {\n  const url = `${process['env'].MAKESWIFT_API_HOST}/v0/preview-page-data?id=${pageId}`\n  const res = await fetch(url, {\n    headers: { 'x-api-key': process['env'].MAKESWIFT_SITE_API_KEY! },\n  })\n\n  if (res.status !== 200) {\n    console.error(await res.json())\n\n    return { notFound: true }\n  }\n\n  const page = await res.json()\n\n  if (page == null) return { notFound: true }\n\n  return {\n    props: {\n      pageId: page.id,\n      rootElement: page.data,\n      makeswiftApiEndpoint: `${process['env'].MAKESWIFT_API_HOST}/graphql`,\n    },\n  }\n}\n\nexport async function getStaticProps({\n  params,\n}: GetStaticPropsContext<{ path: string[] }>): Promise<GetStaticPropsResult<PageProps>> {\n  if (params == null) return { notFound: true, revalidate: REVALIDATE_SECONDS }\n  const { path = [] } = params\n  const url = `${process['env'].MAKESWIFT_API_HOST}/v0/live-page-data?path=${path.join('/')}`\n\n  const res = await fetch(url, {\n    headers: { 'x-api-key': process['env'].MAKESWIFT_SITE_API_KEY! },\n  })\n\n  if (res.status !== 200) {\n    console.error(await res.json())\n\n    return { notFound: true, revalidate: REVALIDATE_SECONDS }\n  }\n\n  const page = await res.json()\n\n  if (page == null) return { notFound: true, revalidate: REVALIDATE_SECONDS }\n\n  return {\n    props: {\n      pageId: page.id,\n      rootElement: page.data,\n      makeswiftApiEndpoint: `${process['env'].MAKESWIFT_API_HOST}/graphql`,\n    },\n    revalidate: REVALIDATE_SECONDS,\n  }\n}\n\nexport async function getStaticPaths(): Promise<GetStaticPathsResult> {\n  return { paths: [], fallback: 'blocking' }\n}\n\nexport function Page({ pageId, rootElement, makeswiftApiEndpoint, registerComponents }: PageProps) {\n  return (\n    <RuntimeProvider\n      defaultRootElements={new Map([[pageId, rootElement]])}\n      makeswiftApiEndpoint={makeswiftApiEndpoint}\n      registerComponents={registerComponents}\n    >\n      <DocumentReference documentReference={createDocumentReference(pageId)} />\n    </RuntimeProvider>\n  )\n}\n"],"names":["Document","NextDocument","getInitialProps","ctx","sheet","ServerStyleSheet","originalRenderPage","renderPage","enhanceApp","App","props","collectStyles","initialProps","styles","_Fragment","getStyleElement","seal","REVALIDATE_SECONDS","query","pageId","url","process","MAKESWIFT_API_HOST","res","fetch","headers","MAKESWIFT_SITE_API_KEY","status","console","error","json","notFound","page","id","rootElement","data","makeswiftApiEndpoint","params","revalidate","path","join","paths","fallback","registerComponents","RuntimeProvider","Map","DocumentReference","createDocumentReference"],"mappings":"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"}

package/dist/next.es.js

@@ -19,32 +19,34 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import NextDocument from "next/document";
 import { ServerStyleSheet } from "styled-components";
-import { R as RuntimeProvider, D as Document$1 } from "./react.es2.js";
+import { R as RuntimeProvider, D as DocumentReference } from "./react.es2.js";
+import { f as createDocumentReference } from "./react-page.es.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import "react";
 import "use-sync-external-store/shim/with-selector";
 import "@apollo/client";
-import "redux";
-import "redux-thunk";
 import "./actions.es.js";
-import "./descriptors.es.js";
 import "framer-motion";
 import "./box-models.es.js";
 import "css-box-model";
 import "next/image";
 import "react-player";
+import "./descriptors.es.js";
 import "color";
 import "scroll-into-view-if-needed";
 import "next/link";
 import "react-use-gesture";
 import "@popmotion/popcorn";
 import "uuid/v4";
+import "formik";
 import "polished";
 import "slate";
 import "slate-hotkeys";
 import "corporate-ipsum";
 import "slate-react";
 import "@convertkit/slate-lists";
+import "redux";
+import "redux-thunk";
 class Document extends NextDocument {
   static async getInitialProps(ctx) {
     const sheet = new ServerStyleSheet();
@@ -143,13 +145,15 @@ async function getStaticPaths() {
 function Page({
   pageId,
   rootElement,
-  makeswiftApiEndpoint
+  makeswiftApiEndpoint,
+  registerComponents
 }) {
   return /* @__PURE__ */ jsx(RuntimeProvider, {
     defaultRootElements: /* @__PURE__ */ new Map([[pageId, rootElement]]),
     makeswiftApiEndpoint,
-    children: /* @__PURE__ */ jsx(Document$1, {
-      documentKey: pageId
+    registerComponents,
+    children: /* @__PURE__ */ jsx(DocumentReference, {
+      documentReference: createDocumentReference(pageId)
     })
   });
 }

package/dist/next.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"next.es.js","sources":["../src/next.tsx"],"sourcesContent":["import {\n  GetServerSidePropsContext,\n  GetServerSidePropsResult,\n  GetStaticPathsResult,\n  GetStaticPropsContext,\n  GetStaticPropsResult,\n} from 'next'\nimport NextDocument, { DocumentContext, DocumentInitialProps } from 'next/document'\nimport { ServerStyleSheet } from 'styled-components'\n\nimport { RuntimeProvider, Document as DocumentComponent } from './runtimes/react'\nimport { Element } from './state/react-page'\n\nexport class Document extends NextDocument {\n  static async getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps> {\n    const sheet = new ServerStyleSheet()\n    const originalRenderPage = ctx.renderPage\n\n    try {\n      ctx.renderPage = () =>\n        originalRenderPage({\n          enhanceApp: App => props => sheet.collectStyles(<App {...props} />),\n        })\n\n      const initialProps = await NextDocument.getInitialProps(ctx)\n\n      return {\n        ...initialProps,\n        styles: (\n          <>\n            {initialProps.styles}\n            {sheet.getStyleElement()}\n          </>\n        ),\n      }\n    } finally {\n      sheet.seal()\n    }\n  }\n}\n\nconst REVALIDATE_SECONDS = 1\n\ntype PageProps = {\n  pageId: string\n  rootElement: Element\n  makeswiftApiEndpoint: string\n}\n\nexport async function getServerSideProps({\n  query: { pageId },\n}: GetServerSidePropsContext): Promise<GetServerSidePropsResult<PageProps>> {\n  const url = `${process['env'].MAKESWIFT_API_HOST}/v0/preview-page-data?id=${pageId}`\n  const res = await fetch(url, {\n    headers: { 'x-api-key': process['env'].MAKESWIFT_SITE_API_KEY! },\n  })\n\n  if (res.status !== 200) {\n    console.error(await res.json())\n\n    return { notFound: true }\n  }\n\n  const page = await res.json()\n\n  if (page == null) return { notFound: true }\n\n  return {\n    props: {\n      pageId: page.id,\n      rootElement: page.data,\n      makeswiftApiEndpoint: `${process['env'].MAKESWIFT_API_HOST}/graphql`,\n    },\n  }\n}\n\nexport async function getStaticProps({\n  params,\n}: GetStaticPropsContext<{ path: string[] }>): Promise<GetStaticPropsResult<PageProps>> {\n  if (params == null) return { notFound: true, revalidate: REVALIDATE_SECONDS }\n  const { path = [] } = params\n  const url = `${process['env'].MAKESWIFT_API_HOST}/v0/live-page-data?path=${path.join('/')}`\n\n  const res = await fetch(url, {\n    headers: { 'x-api-key': process['env'].MAKESWIFT_SITE_API_KEY! },\n  })\n\n  if (res.status !== 200) {\n    console.error(await res.json())\n\n    return { notFound: true, revalidate: REVALIDATE_SECONDS }\n  }\n\n  const page = await res.json()\n\n  if (page == null) return { notFound: true, revalidate: REVALIDATE_SECONDS }\n\n  return {\n    props: {\n      pageId: page.id,\n      rootElement: page.data,\n      makeswiftApiEndpoint: `${process['env'].MAKESWIFT_API_HOST}/graphql`,\n    },\n    revalidate: REVALIDATE_SECONDS,\n  }\n}\n\nexport async function getStaticPaths(): Promise<GetStaticPathsResult> {\n  return { paths: [], fallback: 'blocking' }\n}\n\nexport function Page({ pageId, rootElement, makeswiftApiEndpoint }: PageProps) {\n  return (\n    <RuntimeProvider\n      defaultRootElements={new Map([[pageId, rootElement]])}\n      makeswiftApiEndpoint={makeswiftApiEndpoint}\n    >\n      <DocumentComponent documentKey={pageId} />\n    </RuntimeProvider>\n  )\n}\n"],"names":["NextDocument","getInitialProps","ctx","sheet","ServerStyleSheet","originalRenderPage","renderPage","enhanceApp","App","props","collectStyles","initialProps","styles","getStyleElement","seal","REVALIDATE_SECONDS","query","pageId","url","process","MAKESWIFT_API_HOST","res","fetch","headers","MAKESWIFT_SITE_API_KEY","status","error","json","notFound","page","id","rootElement","data","makeswiftApiEndpoint","params","revalidate","path","join","paths","fallback","Map","DocumentComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAa8BA,aAAa;AAAA,eAC5BC,gBAAgBC,KAAqD;UAC1EC,QAAQ,IAAIC;UACZC,qBAAqBH,IAAII;QAE3B;UACEA,aAAa,MACfD,mBAAmB;AAAA,QACjBE,YAAYC,SAAOC,WAASN,MAAMO,kCAAe,wBAAQD;AAAAA;YAGvDE,eAAe,MAAMX,aAAaC,gBAAgBC;aAEjD,iCACFS,eADE;AAAA,QAELC;qBAEKD,aAAaC,QACbT,MAAMU;AAAAA;AAAAA;AAAAA;YAKPC;AAAAA;AAAAA;AAAAA;AAKZ,MAAMC,qBAAqB;kCAQc;AAAA,EACvCC,OAAO;AAAA,IAAEC;AAAAA;AAAAA,GACiE;QACpEC,MAAO,GAAEC,QAAQ,OAAOC,8CAA8CH;QACtEI,MAAM,MAAMC,MAAMJ,KAAK;AAAA,IAC3BK,SAAS;AAAA,mBAAeJ,QAAQ,OAAOK;AAAAA;AAAAA;MAGrCH,IAAII,WAAW,KAAK;YACdC,MAAM,MAAML,IAAIM;WAEjB;AAAA,MAAEC,UAAU;AAAA;AAAA;QAGfC,OAAO,MAAMR,IAAIM;MAEnBE,QAAQ;WAAa;AAAA,MAAED,UAAU;AAAA;SAE9B;AAAA,IACLnB,OAAO;AAAA,MACLQ,QAAQY,KAAKC;AAAAA,MACbC,aAAaF,KAAKG;AAAAA,MAClBC,sBAAuB,GAAEd,QAAQ,OAAOC;AAAAA;AAAAA;AAAAA;8BAKT;AAAA,EACnCc;AAAAA,GACsF;MAClFA,UAAU;WAAa;AAAA,MAAEN,UAAU;AAAA,MAAMO,YAAYpB;AAAAA;QACnD;AAAA,IAAEqB,OAAO;AAAA,MAAOF;QAChBhB,MAAO,GAAEC,QAAQ,OAAOC,6CAA6CgB,KAAKC,KAAK;QAE/EhB,MAAM,MAAMC,MAAMJ,KAAK;AAAA,IAC3BK,SAAS;AAAA,mBAAeJ,QAAQ,OAAOK;AAAAA;AAAAA;MAGrCH,IAAII,WAAW,KAAK;YACdC,MAAM,MAAML,IAAIM;WAEjB;AAAA,MAAEC,UAAU;AAAA,MAAMO,YAAYpB;AAAAA;AAAAA;QAGjCc,OAAO,MAAMR,IAAIM;MAEnBE,QAAQ;WAAa;AAAA,MAAED,UAAU;AAAA,MAAMO,YAAYpB;AAAAA;SAEhD;AAAA,IACLN,OAAO;AAAA,MACLQ,QAAQY,KAAKC;AAAAA,MACbC,aAAaF,KAAKG;AAAAA,MAClBC,sBAAuB,GAAEd,QAAQ,OAAOC;AAAAA;AAAAA,IAE1Ce,YAAYpB;AAAAA;AAAAA;gCAIsD;SAC7D;AAAA,IAAEuB,OAAO;AAAA,IAAIC,UAAU;AAAA;AAAA;cAGX;AAAA,EAAEtB;AAAAA,EAAQc;AAAAA,EAAaE;AAAAA,GAAmC;6BAE1E;IACC,yCAAyBO,IAAI,CAAC,CAACvB,QAAQc;AAAAA,IACvC;AAAA,kCAECU;MAAkB,aAAaxB;AAAAA;AAAAA;AAAAA;;"}
+{"version":3,"file":"next.es.js","sources":["../src/next.tsx"],"sourcesContent":["import {\n  GetServerSidePropsContext,\n  GetServerSidePropsResult,\n  GetStaticPathsResult,\n  GetStaticPropsContext,\n  GetStaticPropsResult,\n} from 'next'\nimport NextDocument, { DocumentContext, DocumentInitialProps } from 'next/document'\nimport { ServerStyleSheet } from 'styled-components'\n\nimport { RuntimeProvider, DocumentReference, ReactRuntime } from './runtimes/react'\nimport { Element, createDocumentReference } from './state/react-page'\n\nexport class Document extends NextDocument {\n  static async getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps> {\n    const sheet = new ServerStyleSheet()\n    const originalRenderPage = ctx.renderPage\n\n    try {\n      ctx.renderPage = () =>\n        originalRenderPage({\n          enhanceApp: App => props => sheet.collectStyles(<App {...props} />),\n        })\n\n      const initialProps = await NextDocument.getInitialProps(ctx)\n\n      return {\n        ...initialProps,\n        styles: (\n          <>\n            {initialProps.styles}\n            {sheet.getStyleElement()}\n          </>\n        ),\n      }\n    } finally {\n      sheet.seal()\n    }\n  }\n}\n\nconst REVALIDATE_SECONDS = 1\n\nexport type PageProps = {\n  pageId: string\n  rootElement: Element\n  makeswiftApiEndpoint: string\n  registerComponents?(runtime: ReactRuntime): () => void\n}\n\nexport async function getServerSideProps({\n  query: { pageId },\n}: GetServerSidePropsContext): Promise<GetServerSidePropsResult<PageProps>> {\n  const url = `${process['env'].MAKESWIFT_API_HOST}/v0/preview-page-data?id=${pageId}`\n  const res = await fetch(url, {\n    headers: { 'x-api-key': process['env'].MAKESWIFT_SITE_API_KEY! },\n  })\n\n  if (res.status !== 200) {\n    console.error(await res.json())\n\n    return { notFound: true }\n  }\n\n  const page = await res.json()\n\n  if (page == null) return { notFound: true }\n\n  return {\n    props: {\n      pageId: page.id,\n      rootElement: page.data,\n      makeswiftApiEndpoint: `${process['env'].MAKESWIFT_API_HOST}/graphql`,\n    },\n  }\n}\n\nexport async function getStaticProps({\n  params,\n}: GetStaticPropsContext<{ path: string[] }>): Promise<GetStaticPropsResult<PageProps>> {\n  if (params == null) return { notFound: true, revalidate: REVALIDATE_SECONDS }\n  const { path = [] } = params\n  const url = `${process['env'].MAKESWIFT_API_HOST}/v0/live-page-data?path=${path.join('/')}`\n\n  const res = await fetch(url, {\n    headers: { 'x-api-key': process['env'].MAKESWIFT_SITE_API_KEY! },\n  })\n\n  if (res.status !== 200) {\n    console.error(await res.json())\n\n    return { notFound: true, revalidate: REVALIDATE_SECONDS }\n  }\n\n  const page = await res.json()\n\n  if (page == null) return { notFound: true, revalidate: REVALIDATE_SECONDS }\n\n  return {\n    props: {\n      pageId: page.id,\n      rootElement: page.data,\n      makeswiftApiEndpoint: `${process['env'].MAKESWIFT_API_HOST}/graphql`,\n    },\n    revalidate: REVALIDATE_SECONDS,\n  }\n}\n\nexport async function getStaticPaths(): Promise<GetStaticPathsResult> {\n  return { paths: [], fallback: 'blocking' }\n}\n\nexport function Page({ pageId, rootElement, makeswiftApiEndpoint, registerComponents }: PageProps) {\n  return (\n    <RuntimeProvider\n      defaultRootElements={new Map([[pageId, rootElement]])}\n      makeswiftApiEndpoint={makeswiftApiEndpoint}\n      registerComponents={registerComponents}\n    >\n      <DocumentReference documentReference={createDocumentReference(pageId)} />\n    </RuntimeProvider>\n  )\n}\n"],"names":["Document","NextDocument","getInitialProps","ctx","sheet","ServerStyleSheet","originalRenderPage","renderPage","enhanceApp","App","props","collectStyles","initialProps","styles","_Fragment","getStyleElement","seal","REVALIDATE_SECONDS","query","pageId","url","process","MAKESWIFT_API_HOST","res","fetch","headers","MAKESWIFT_SITE_API_KEY","status","console","error","json","notFound","page","id","rootElement","data","makeswiftApiEndpoint","params","revalidate","path","join","paths","fallback","registerComponents","Map","createDocumentReference"],"mappings":"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"}

package/dist/prop-controllers.cjs.js

@@ -1,8 +1,8 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports[Symbol.toStringTag] = "Module";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 var descriptors = require("./descriptors.cjs.js");
 var instances = require("./instances.cjs.js");
 exports.Props = descriptors.descriptors;
 exports.RichTextPropControllerMessageType = instances.RichTextPropControllerMessageType;
+exports.TableFormFieldsMessageType = instances.TableFormFieldsMessageType;
 //# sourceMappingURL=prop-controllers.cjs.js.map

package/dist/prop-controllers.es.js

@@ -1,3 +1,3 @@
 export { d as Props } from "./descriptors.es.js";
-export { R as RichTextPropControllerMessageType } from "./instances.es.js";
+export { R as RichTextPropControllerMessageType, T as TableFormFieldsMessageType } from "./instances.es.js";
 //# sourceMappingURL=prop-controllers.es.js.map

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

@@ -18,36 +18,17 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-exports[Symbol.toStringTag] = "Module";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 var redux = require("redux");
 var thunk = require("redux-thunk");
 var immutable = require("immutable");
-var react = require("./react.cjs2.js");
+var reactPage = require("./react-page.cjs.js");
 var actions = require("./actions.cjs.js");
 var boxModels = require("./box-models.cjs.js");
 var instances = require("./instances.cjs.js");
 var constants = require("./constants.cjs.js");
-require("react");
-require("use-sync-external-store/shim/with-selector");
-require("@apollo/client");
+var controlSerialization = require("./control-serialization.cjs.js");
 require("./descriptors.cjs.js");
-require("styled-components");
-require("framer-motion");
-require("react/jsx-runtime");
-require("next/image");
-require("react-player");
-require("color");
-require("scroll-into-view-if-needed");
-require("next/link");
-require("react-use-gesture");
-require("@popmotion/popcorn");
-require("uuid/v4");
-require("polished");
-require("slate");
-require("slate-hotkeys");
-require("corporate-ipsum");
-require("slate-react");
-require("@convertkit/slate-lists");
 require("css-box-model");
 function _interopDefaultLegacy(e) {
   return e && typeof e === "object" && "default" in e ? e : { "default": e };
@@ -107,25 +88,27 @@ function apply(data, operation) {
 function getInitialState$1({
   rootElements
 } = {}) {
-  return react.getInitialState({ rootElements });
+  return reactPage.getInitialState({ rootElements });
 }
 function getReadOnlyDocumentsStateSlice(state) {
   return state;
 }
-function getDocumentRootElement(state, documentKey) {
-  return react.getDocumentRootElement(getReadOnlyDocumentsStateSlice(state), documentKey);
+function getDocument(state, documentKey) {
+  return reactPage.getDocument$1(getReadOnlyDocumentsStateSlice(state), documentKey);
 }
 function reducer$2(state = getInitialState$1(), action) {
+  var _a;
+  const nextState = reactPage.reducer(state, action);
   switch (action.type) {
     case actions.ActionTypes.CHANGE_DOCUMENT: {
-      const currentRootElement = getDocumentRootElement(state, action.payload.documentKey);
+      const currentRootElement = (_a = getDocument(nextState, action.payload.documentKey)) == null ? void 0 : _a.rootElement;
       if (currentRootElement == null)
-        return state;
+        return nextState;
       const nextRootElement = apply(currentRootElement, action.payload.operation);
-      return currentRootElement === nextRootElement ? state : new Map(state).set(action.payload.documentKey, react.createDocument(nextRootElement));
+      return currentRootElement === nextRootElement ? nextState : new Map(nextState).set(action.payload.documentKey, reactPage.createDocument(action.payload.documentKey, nextRootElement));
     }
     default:
-      return state;
+      return nextState;
   }
 }
 function isPropControllersHandle(value) {
@@ -178,10 +161,10 @@ function reducer$1(state = getInitialState(), action) {
 }
 const reducer = redux.combineReducers({
   documents: reducer$2,
-  reactComponents: react.reducer,
+  reactComponents: reactPage.reducer$1,
   boxModels: boxModels.reducer,
-  componentsMeta: react.reducer$1,
-  propControllers: react.reducer$2,
+  componentsMeta: reactPage.reducer$2,
+  propControllers: reactPage.reducer$3,
   propControllerHandles: reducer$1,
   isInBuilder: (_state = true, _action) => true
 });
@@ -201,13 +184,13 @@ function getComponentsMetaStateSlice(state) {
   return state.componentsMeta;
 }
 function getComponentsMeta(state) {
-  return react.getComponentsMeta(getComponentsMetaStateSlice(state));
+  return reactPage.getComponentsMeta(getComponentsMetaStateSlice(state));
 }
 function getPropControllersStateSlice(state) {
   return state.propControllers;
 }
 function getComponentPropControllerDescriptors(state, componentType) {
-  return react.getComponentPropControllerDescriptors(getPropControllersStateSlice(state), componentType);
+  return reactPage.getComponentPropControllerDescriptors(getPropControllersStateSlice(state), componentType);
 }
 function getPropControllerHandlesStateSlice(state) {
   return state.propControllerHandles;
@@ -230,9 +213,9 @@ function measureElements() {
     });
     const changedBoxModels = /* @__PURE__ */ new Map();
     currentBoxModels.forEach((currentDocumentBoxModels, documentKey) => {
+      const changedDocumentBoxModels = /* @__PURE__ */ new Map();
       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);
         }
@@ -338,7 +321,8 @@ function messageChannelMiddleware() {
     registeredComponentsMeta.forEach((componentMeta, componentType) => {
       const propControllerDescriptors = getComponentPropControllerDescriptors(state, componentType);
       if (propControllerDescriptors != null) {
-        messageChannel.port1.postMessage(actions.registerComponent(componentType, componentMeta, propControllerDescriptors));
+        const [serializedControls, transferables] = controlSerialization.serializeControls(propControllerDescriptors);
+        messageChannel.port1.postMessage(actions.registerBuilderComponent(componentType, componentMeta, serializedControls), transferables);
       }
     });
     return (action) => {
@@ -346,12 +330,19 @@ function messageChannelMiddleware() {
         case actions.ActionTypes.CHANGE_ELEMENT_BOX_MODELS:
         case actions.ActionTypes.MOUNT_COMPONENT:
         case actions.ActionTypes.UNMOUNT_COMPONENT:
-        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.REGISTER_COMPONENT: {
+          const { type, meta, propControllerDescriptors } = action.payload;
+          const [serializedControls, transferables] = controlSerialization.serializeControls(propControllerDescriptors);
+          messageChannel.port1.postMessage(actions.registerBuilderComponent(type, meta, serializedControls), transferables);
+          break;
+        }
+        case actions.ActionTypes.UNREGISTER_COMPONENT:
+          messageChannel.port1.postMessage(actions.unregisterBuilderComponent(action.payload.type));
+          break;
         case actions.ActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP:
           window.document.documentElement.scrollTop = action.payload.scrollTop;
           break;
@@ -368,7 +359,7 @@ function messageChannelMiddleware() {
 }
 function createAndRegisterPropControllers(documentKey, elementKey) {
   return (dispatch, getState) => {
-    const descriptors = react.getElementPropControllerDescriptors(getState(), documentKey, elementKey);
+    const descriptors = reactPage.getElementPropControllerDescriptors(getState(), documentKey, elementKey);
     if (descriptors == null)
       return null;
     const propControllers = Object.entries(descriptors).reduce((acc, [propName, descriptor]) => {
@@ -429,6 +420,9 @@ function apolloClientCacheSyncMiddleware(client) {
           });
           break;
         }
+        case actions.ActionTypes.EVICT_API_RESOURCE:
+          client.cache.evict({ id: action.payload.id });
+          break;
       }
       return next(action);
     };