@makeswift/runtime 0.0.0-ef05bba → 0.0.0-f5b044f

package/dist/instances.cjs.js

@@ -76,14 +76,31 @@ 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 descriptors.Types.RichText:
       return new RichTextPropController(send);
+    case descriptors.Types.TableFormFields:
+      return new TableFormFieldsPropController(send);
     default:
       return new DefaultPropController(send);
   }
 }
 exports.RichTextPropControllerMessageType = RichTextPropControllerMessageType;
+exports.TableFormFieldsMessageType = TableFormFieldsMessageType;
 exports.createPropController = createPropController;
 //# sourceMappingURL=instances.cjs.js.map

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,20 @@
 "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.scrollDocumentElement = actions.scrollDocumentElement;
+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, s as scrollDocumentElement, 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,32 +18,39 @@ 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 React = require("react");
 var styled = require("styled-components");
-var react = require("./react.cjs2.js");
+var slate = require("slate");
+var createEmotionServer = require("@emotion/server/create-instance");
+var css = require("@emotion/css");
+var index = require("./index.cjs.js");
+var Page$1 = require("./Page.cjs.js");
 var jsxRuntime = require("react/jsx-runtime");
-require("react");
 require("use-sync-external-store/shim/with-selector");
 require("@apollo/client");
+require("./react-page.cjs.js");
 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("@apollo/client/react/ssr");
+require("uuid/v4");
+require("html-react-parser");
+require("next/head");
 require("color");
 require("scroll-into-view-if-needed");
 require("next/link");
 require("react-use-gesture");
 require("@popmotion/popcorn");
-require("uuid/v4");
+require("next/image");
+require("formik");
+require("./box-models.cjs.js");
+require("css-box-model");
 require("polished");
-require("slate");
+require("react-player");
 require("slate-hotkeys");
 require("corporate-ipsum");
 require("slate-react");
@@ -52,6 +59,7 @@ function _interopDefaultLegacy(e) {
   return e && typeof e === "object" && "default" in e ? e : { "default": e };
 }
 var NextDocument__default = /* @__PURE__ */ _interopDefaultLegacy(NextDocument);
+var createEmotionServer__default = /* @__PURE__ */ _interopDefaultLegacy(createEmotionServer);
 class Document extends NextDocument__default["default"] {
   static async getInitialProps(ctx) {
     const sheet = new styled.ServerStyleSheet();
@@ -61,9 +69,22 @@ class Document extends NextDocument__default["default"] {
         enhanceApp: (App) => (props) => sheet.collectStyles(/* @__PURE__ */ jsxRuntime.jsx(App, __spreadValues({}, props)))
       });
       const initialProps = await NextDocument__default["default"].getInitialProps(ctx);
+      slate.KeyUtils.resetGenerator();
+      const {
+        extractCritical
+      } = createEmotionServer__default["default"](css.cache);
+      const {
+        ids,
+        css: css$1
+      } = extractCritical(initialProps.html);
       return __spreadProps(__spreadValues({}, initialProps), {
         styles: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-          children: [initialProps.styles, sheet.getStyleElement()]
+          children: [initialProps.styles, sheet.getStyleElement(), /* @__PURE__ */ jsxRuntime.jsx("style", {
+            "data-emotion": `css ${ids.join(" ")}`,
+            dangerouslySetInnerHTML: {
+              __html: css$1
+            }
+          })]
         })
       });
     } finally {
@@ -94,11 +115,17 @@ async function getServerSideProps({
     return {
       notFound: true
     };
+  const makeswiftApiEndpoint = `${process["env"].MAKESWIFT_API_HOST}/graphql`;
+  const client = new index.MakeswiftClient({
+    uri: makeswiftApiEndpoint
+  });
+  const cacheData = await client.prefetch(page.data);
   return {
     props: {
-      pageId: page.id,
+      page,
       rootElement: page.data,
-      makeswiftApiEndpoint: `${process["env"].MAKESWIFT_API_HOST}/graphql`
+      makeswiftApiEndpoint,
+      cacheData
     }
   };
 }
@@ -132,11 +159,17 @@ async function getStaticProps({
       notFound: true,
       revalidate: REVALIDATE_SECONDS
     };
+  const makeswiftApiEndpoint = `${process["env"].MAKESWIFT_API_HOST}/graphql`;
+  const client = new index.MakeswiftClient({
+    uri: makeswiftApiEndpoint
+  });
+  const cacheData = await client.prefetch(page.data);
   return {
     props: {
-      pageId: page.id,
+      page,
       rootElement: page.data,
-      makeswiftApiEndpoint: `${process["env"].MAKESWIFT_API_HOST}/graphql`
+      makeswiftApiEndpoint,
+      cacheData
     },
     revalidate: REVALIDATE_SECONDS
   };
@@ -148,18 +181,27 @@ async function getStaticPaths() {
   };
 }
 function Page({
-  pageId,
+  page,
   rootElement,
-  makeswiftApiEndpoint
+  makeswiftApiEndpoint,
+  cacheData
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.RuntimeProvider, {
-    defaultRootElements: /* @__PURE__ */ new Map([[pageId, rootElement]]),
-    makeswiftApiEndpoint,
-    children: /* @__PURE__ */ jsxRuntime.jsx(react.Document, {
-      documentKey: pageId
+  const [client] = React.useState(() => new index.MakeswiftClient({
+    uri: makeswiftApiEndpoint,
+    cacheData
+  }));
+  React.useEffect(() => {
+    client.updateCacheData(cacheData);
+  }, [client, cacheData]);
+  return /* @__PURE__ */ jsxRuntime.jsx(index.RuntimeProvider, {
+    client,
+    rootElements: /* @__PURE__ */ new Map([[page.id, rootElement]]),
+    children: /* @__PURE__ */ jsxRuntime.jsx(Page$1.Page, {
+      page
     })
   });
 }
+exports.MakeswiftClient = index.MakeswiftClient;
 exports.Document = Document;
 exports.Page = Page;
 exports.getServerSideProps = getServerSideProps;

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 { NormalizedCacheObject } from '@apollo/client'\nimport {\n  GetServerSidePropsContext,\n  GetServerSidePropsResult,\n  GetStaticPathsResult,\n  GetStaticPropsContext,\n  GetStaticPropsResult,\n} from 'next'\nimport NextDocument, { DocumentContext, DocumentInitialProps } from 'next/document'\nimport { useEffect, useState } from 'react'\nimport { ServerStyleSheet } from 'styled-components'\nimport { KeyUtils } from 'slate'\nimport createEmotionServer from '@emotion/server/create-instance'\nimport { cache } from '@emotion/css'\n\nimport { MakeswiftClient } from './api/react'\nimport { Element } from './state/react-page'\nimport { RuntimeProvider } from './runtimes/react'\nimport { Page as PageMeta, PageData } from './components'\n\nexport { MakeswiftClient }\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      KeyUtils.resetGenerator()\n\n      const { extractCritical } = createEmotionServer(cache)\n      const { ids, css } = extractCritical(initialProps.html)\n\n      return {\n        ...initialProps,\n        styles: (\n          <>\n            {initialProps.styles}\n            {sheet.getStyleElement()}\n            <style\n              data-emotion={`css ${ids.join(' ')}`}\n              dangerouslySetInnerHTML={{ __html: css }}\n            />\n          </>\n        ),\n      }\n    } finally {\n      sheet.seal()\n    }\n  }\n}\n\nconst REVALIDATE_SECONDS = 1\n\nexport type PageProps = {\n  page: PageData\n  rootElement: Element\n  makeswiftApiEndpoint: string\n  cacheData: NormalizedCacheObject\n}\n\ntype APIResult = PageData & {\n  data: any\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: APIResult = await res.json()\n\n  if (page == null) return { notFound: true }\n\n  const makeswiftApiEndpoint = `${process['env'].MAKESWIFT_API_HOST}/graphql`\n  const client = new MakeswiftClient({ uri: makeswiftApiEndpoint })\n  const cacheData = await client.prefetch(page.data)\n\n  return {\n    props: {\n      page,\n      rootElement: page.data,\n      makeswiftApiEndpoint,\n      cacheData,\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: APIResult = await res.json()\n\n  if (page == null) return { notFound: true, revalidate: REVALIDATE_SECONDS }\n\n  const makeswiftApiEndpoint = `${process['env'].MAKESWIFT_API_HOST}/graphql`\n  const client = new MakeswiftClient({ uri: makeswiftApiEndpoint })\n  const cacheData = await client.prefetch(page.data)\n\n  return {\n    props: {\n      page,\n      rootElement: page.data,\n      makeswiftApiEndpoint,\n      cacheData,\n    },\n    revalidate: REVALIDATE_SECONDS,\n  }\n}\n\nexport async function getStaticPaths(): Promise<GetStaticPathsResult> {\n  return { paths: [], fallback: 'blocking' }\n}\n\nexport function Page({ page, rootElement, makeswiftApiEndpoint, cacheData }: PageProps) {\n  const [client] = useState(() => new MakeswiftClient({ uri: makeswiftApiEndpoint, cacheData }))\n\n  useEffect(() => {\n    client.updateCacheData(cacheData)\n  }, [client, cacheData])\n\n  return (\n    <RuntimeProvider client={client} rootElements={new Map([[page.id, rootElement]])}>\n      <PageMeta page={page} />\n    </RuntimeProvider>\n  )\n}\n"],"names":["Document","NextDocument","getInitialProps","ctx","sheet","ServerStyleSheet","originalRenderPage","renderPage","enhanceApp","App","props","collectStyles","initialProps","KeyUtils","resetGenerator","extractCritical","createEmotionServer","cache","ids","css","html","styles","_Fragment","getStyleElement","join","__html","seal","REVALIDATE_SECONDS","query","pageId","url","process","MAKESWIFT_API_HOST","res","fetch","headers","MAKESWIFT_SITE_API_KEY","status","console","error","json","notFound","page","makeswiftApiEndpoint","client","MakeswiftClient","uri","cacheData","prefetch","data","rootElement","params","revalidate","path","paths","fallback","useState","useEffect","updateCacheData","RuntimeProvider","Map","id","PageMeta"],"mappings":"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"}

package/dist/next.es.js

@@ -18,29 +18,38 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import NextDocument from "next/document";
+import { useState, useEffect } from "react";
 import { ServerStyleSheet } from "styled-components";
-import { R as RuntimeProvider, D as Document$1 } from "./react.es2.js";
+import { KeyUtils } from "slate";
+import createEmotionServer from "@emotion/server/create-instance";
+import { cache } from "@emotion/css";
+import { Q as MakeswiftClient, R as RuntimeProvider } from "./index.es.js";
+export { Q as MakeswiftClient } from "./index.es.js";
+import { P as Page$1 } from "./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 "./react-page.es.js";
 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 "@apollo/client/react/ssr";
+import "uuid/v4";
+import "html-react-parser";
+import "next/head";
 import "color";
 import "scroll-into-view-if-needed";
 import "next/link";
 import "react-use-gesture";
 import "@popmotion/popcorn";
-import "uuid/v4";
+import "next/image";
+import "formik";
+import "./box-models.es.js";
+import "css-box-model";
 import "polished";
-import "slate";
+import "react-player";
 import "slate-hotkeys";
 import "corporate-ipsum";
 import "slate-react";
@@ -54,9 +63,22 @@ class Document extends NextDocument {
         enhanceApp: (App) => (props) => sheet.collectStyles(/* @__PURE__ */ jsx(App, __spreadValues({}, props)))
       });
       const initialProps = await NextDocument.getInitialProps(ctx);
+      KeyUtils.resetGenerator();
+      const {
+        extractCritical
+      } = createEmotionServer(cache);
+      const {
+        ids,
+        css
+      } = extractCritical(initialProps.html);
       return __spreadProps(__spreadValues({}, initialProps), {
         styles: /* @__PURE__ */ jsxs(Fragment, {
-          children: [initialProps.styles, sheet.getStyleElement()]
+          children: [initialProps.styles, sheet.getStyleElement(), /* @__PURE__ */ jsx("style", {
+            "data-emotion": `css ${ids.join(" ")}`,
+            dangerouslySetInnerHTML: {
+              __html: css
+            }
+          })]
         })
       });
     } finally {
@@ -87,11 +109,17 @@ async function getServerSideProps({
     return {
       notFound: true
     };
+  const makeswiftApiEndpoint = `${process["env"].MAKESWIFT_API_HOST}/graphql`;
+  const client = new MakeswiftClient({
+    uri: makeswiftApiEndpoint
+  });
+  const cacheData = await client.prefetch(page.data);
   return {
     props: {
-      pageId: page.id,
+      page,
       rootElement: page.data,
-      makeswiftApiEndpoint: `${process["env"].MAKESWIFT_API_HOST}/graphql`
+      makeswiftApiEndpoint,
+      cacheData
     }
   };
 }
@@ -125,11 +153,17 @@ async function getStaticProps({
       notFound: true,
       revalidate: REVALIDATE_SECONDS
     };
+  const makeswiftApiEndpoint = `${process["env"].MAKESWIFT_API_HOST}/graphql`;
+  const client = new MakeswiftClient({
+    uri: makeswiftApiEndpoint
+  });
+  const cacheData = await client.prefetch(page.data);
   return {
     props: {
-      pageId: page.id,
+      page,
       rootElement: page.data,
-      makeswiftApiEndpoint: `${process["env"].MAKESWIFT_API_HOST}/graphql`
+      makeswiftApiEndpoint,
+      cacheData
     },
     revalidate: REVALIDATE_SECONDS
   };
@@ -141,15 +175,23 @@ async function getStaticPaths() {
   };
 }
 function Page({
-  pageId,
+  page,
   rootElement,
-  makeswiftApiEndpoint
+  makeswiftApiEndpoint,
+  cacheData
 }) {
+  const [client] = useState(() => new MakeswiftClient({
+    uri: makeswiftApiEndpoint,
+    cacheData
+  }));
+  useEffect(() => {
+    client.updateCacheData(cacheData);
+  }, [client, cacheData]);
   return /* @__PURE__ */ jsx(RuntimeProvider, {
-    defaultRootElements: /* @__PURE__ */ new Map([[pageId, rootElement]]),
-    makeswiftApiEndpoint,
-    children: /* @__PURE__ */ jsx(Document$1, {
-      documentKey: pageId
+    client,
+    rootElements: /* @__PURE__ */ new Map([[page.id, rootElement]]),
+    children: /* @__PURE__ */ jsx(Page$1, {
+      page
     })
   });
 }

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 { NormalizedCacheObject } from '@apollo/client'\nimport {\n  GetServerSidePropsContext,\n  GetServerSidePropsResult,\n  GetStaticPathsResult,\n  GetStaticPropsContext,\n  GetStaticPropsResult,\n} from 'next'\nimport NextDocument, { DocumentContext, DocumentInitialProps } from 'next/document'\nimport { useEffect, useState } from 'react'\nimport { ServerStyleSheet } from 'styled-components'\nimport { KeyUtils } from 'slate'\nimport createEmotionServer from '@emotion/server/create-instance'\nimport { cache } from '@emotion/css'\n\nimport { MakeswiftClient } from './api/react'\nimport { Element } from './state/react-page'\nimport { RuntimeProvider } from './runtimes/react'\nimport { Page as PageMeta, PageData } from './components'\n\nexport { MakeswiftClient }\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      KeyUtils.resetGenerator()\n\n      const { extractCritical } = createEmotionServer(cache)\n      const { ids, css } = extractCritical(initialProps.html)\n\n      return {\n        ...initialProps,\n        styles: (\n          <>\n            {initialProps.styles}\n            {sheet.getStyleElement()}\n            <style\n              data-emotion={`css ${ids.join(' ')}`}\n              dangerouslySetInnerHTML={{ __html: css }}\n            />\n          </>\n        ),\n      }\n    } finally {\n      sheet.seal()\n    }\n  }\n}\n\nconst REVALIDATE_SECONDS = 1\n\nexport type PageProps = {\n  page: PageData\n  rootElement: Element\n  makeswiftApiEndpoint: string\n  cacheData: NormalizedCacheObject\n}\n\ntype APIResult = PageData & {\n  data: any\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: APIResult = await res.json()\n\n  if (page == null) return { notFound: true }\n\n  const makeswiftApiEndpoint = `${process['env'].MAKESWIFT_API_HOST}/graphql`\n  const client = new MakeswiftClient({ uri: makeswiftApiEndpoint })\n  const cacheData = await client.prefetch(page.data)\n\n  return {\n    props: {\n      page,\n      rootElement: page.data,\n      makeswiftApiEndpoint,\n      cacheData,\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: APIResult = await res.json()\n\n  if (page == null) return { notFound: true, revalidate: REVALIDATE_SECONDS }\n\n  const makeswiftApiEndpoint = `${process['env'].MAKESWIFT_API_HOST}/graphql`\n  const client = new MakeswiftClient({ uri: makeswiftApiEndpoint })\n  const cacheData = await client.prefetch(page.data)\n\n  return {\n    props: {\n      page,\n      rootElement: page.data,\n      makeswiftApiEndpoint,\n      cacheData,\n    },\n    revalidate: REVALIDATE_SECONDS,\n  }\n}\n\nexport async function getStaticPaths(): Promise<GetStaticPathsResult> {\n  return { paths: [], fallback: 'blocking' }\n}\n\nexport function Page({ page, rootElement, makeswiftApiEndpoint, cacheData }: PageProps) {\n  const [client] = useState(() => new MakeswiftClient({ uri: makeswiftApiEndpoint, cacheData }))\n\n  useEffect(() => {\n    client.updateCacheData(cacheData)\n  }, [client, cacheData])\n\n  return (\n    <RuntimeProvider client={client} rootElements={new Map([[page.id, rootElement]])}>\n      <PageMeta page={page} />\n    </RuntimeProvider>\n  )\n}\n"],"names":["Document","NextDocument","getInitialProps","ctx","sheet","ServerStyleSheet","originalRenderPage","renderPage","enhanceApp","App","props","collectStyles","initialProps","KeyUtils","resetGenerator","extractCritical","createEmotionServer","cache","ids","css","html","styles","_Fragment","getStyleElement","join","__html","seal","REVALIDATE_SECONDS","query","pageId","url","process","MAKESWIFT_API_HOST","res","fetch","headers","MAKESWIFT_SITE_API_KEY","status","console","error","json","notFound","page","makeswiftApiEndpoint","client","MakeswiftClient","uri","cacheData","prefetch","data","rootElement","params","revalidate","path","paths","fallback","useState","useEffect","updateCacheData","Map","id","PageMeta"],"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