@makeswift/runtime 0.19.4 → 0.20.0-canary.0

package/dist/cjs/state/react-page.js

@@ -32,7 +32,6 @@ __export(react_page_exports, {
   copyElementTree: () => copyElementTree,
   createDocument: () => import_read_only_documents.createDocument,
   createDocumentReference: () => import_read_only_documents.createDocumentReference,
-  createReplacementContext: () => createReplacementContext,
   getBreakpoints: () => getBreakpoints,
   getBuilderEditMode: () => getBuilderEditMode,
   getComponentPropControllerDescriptors: () => getComponentPropControllerDescriptors,
@@ -54,6 +53,7 @@ __export(react_page_exports, {
 module.exports = __toCommonJS(react_page_exports);
 var import_redux = require("redux");
 var import_redux_thunk = __toESM(require("redux-thunk"));
+var import_controls = require("@makeswift/controls");
 var Documents = __toESM(require("./modules/read-only-documents"));
 var ReactComponents = __toESM(require("./modules/react-components"));
 var ComponentsMeta = __toESM(require("./modules/components-meta"));
@@ -166,46 +166,16 @@ function getElementId(state, documentKey, elementKey) {
   const descriptors = getComponentPropControllerDescriptors(state, element.type);
   if (descriptors == null)
     return null;
-  const elementId = Object.entries(descriptors).reduce((acc, [propName, descriptor]) => {
-    if (acc != null)
-      return acc;
-    return Introspection.getElementId(descriptor, element.props[propName]);
-  }, null);
+  const elementId = Object.entries(descriptors).reduce(
+    (acc, [propName, descriptor]) => {
+      if (acc != null)
+        return acc;
+      return Introspection.getElementId(descriptor, element.props[propName]);
+    },
+    null
+  );
   return elementId;
 }
-function createReplacementContext(serializableReplacementContext) {
-  const rc = {
-    elementHtmlIds: new Set(serializableReplacementContext.elementHtmlIds),
-    elementKeys: new Map(
-      serializableReplacementContext.elementKeys && Object.entries(serializableReplacementContext.elementKeys)
-    ),
-    swatchIds: new Map(
-      serializableReplacementContext.swatchIds && Object.entries(serializableReplacementContext.swatchIds)
-    ),
-    fileIds: new Map(
-      serializableReplacementContext.fileIds && Object.entries(serializableReplacementContext.fileIds)
-    ),
-    typographyIds: new Map(
-      serializableReplacementContext.typographyIds && Object.entries(serializableReplacementContext.typographyIds)
-    ),
-    tableIds: new Map(
-      serializableReplacementContext.tableIds && Object.entries(serializableReplacementContext.tableIds)
-    ),
-    tableColumnIds: new Map(
-      serializableReplacementContext.tableColumnIds && Object.entries(serializableReplacementContext.tableColumnIds)
-    ),
-    pageIds: new Map(
-      serializableReplacementContext.pageIds && Object.entries(serializableReplacementContext.pageIds)
-    ),
-    globalElementIds: new Map(
-      serializableReplacementContext.globalElementIds && Object.entries(serializableReplacementContext.globalElementIds)
-    ),
-    globalElementData: new Map(
-      serializableReplacementContext.globalElementData && Object.entries(serializableReplacementContext.globalElementData)
-    )
-  };
-  return rc;
-}
 function copyElementTree(state, elementTree, replacementContext) {
   function copyElementTreeNode(state2, replacementContext2) {
     return function(node) {
@@ -226,7 +196,7 @@ function copyElementTree(state, elementTree, replacementContext) {
     };
   }
   const copy = JSON.parse(JSON.stringify(elementTree));
-  return copyElementTreeNode(state, createReplacementContext(replacementContext))(copy);
+  return copyElementTreeNode(state, (0, import_controls.createReplacementContext)(replacementContext))(copy);
 }
 function* traverseElementTree(state, elementTree) {
   yield elementTree;
@@ -355,7 +325,6 @@ function configureStore({
   copyElementTree,
   createDocument,
   createDocumentReference,
-  createReplacementContext,
   getBreakpoints,
   getBuilderEditMode,
   getComponentPropControllerDescriptors,

package/dist/cjs/state/react-page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/state/react-page.ts"],"sourcesContent":["import {\n  applyMiddleware,\n  combineReducers,\n  createStore,\n  PreloadedState,\n  Store as ReduxStore,\n} from 'redux'\nimport thunk, { ThunkDispatch } from 'redux-thunk'\n\nimport * as Documents from './modules/read-only-documents'\nimport * as ReactComponents from './modules/react-components'\nimport * as ComponentsMeta from './modules/components-meta'\nimport * as PropControllers from './modules/prop-controllers'\nimport * as PropControllerHandles from './modules/prop-controller-handles'\nimport * as IsInBuilder from './modules/is-in-builder'\nimport * as IsPreview from './modules/is-preview'\nimport * as BuilderEditMode from './modules/builder-edit-mode'\nimport * as Breakpoints from './modules/breakpoints'\nimport * as Introspection from '../prop-controllers/introspection'\nimport { Action } from './actions'\nimport { copyElementReference } from '../prop-controllers/copy'\nimport {\n  copy as copyFromControl,\n  getTranslatableData,\n  merge,\n  mergeTranslatedData,\n} from '../controls/control'\n\nexport type {\n  Data,\n  Document,\n  DocumentReference,\n  Element,\n  ElementData,\n  ElementReference,\n} from './modules/read-only-documents'\nexport {\n  createDocument,\n  createDocumentReference,\n  isElementReference,\n} from './modules/read-only-documents'\nexport type { ComponentType } from './modules/react-components'\n\nconst reducer = combineReducers({\n  documents: Documents.reducer,\n  reactComponents: ReactComponents.reducer,\n  componentsMeta: ComponentsMeta.reducer,\n  propControllers: PropControllers.reducer,\n  propControllerHandles: PropControllerHandles.reducer,\n  isInBuilder: IsInBuilder.reducer,\n  isPreview: IsPreview.reducer,\n  builderEditMode: BuilderEditMode.reducer,\n  breakpoints: Breakpoints.reducer,\n})\n\nexport type State = ReturnType<typeof reducer>\n\nfunction getDocumentsStateSlice(state: State): Documents.State {\n  return state.documents\n}\n\nexport function getDocument(state: State, documentKey: string): Documents.Document | null {\n  return Documents.getDocument(getDocumentsStateSlice(state), documentKey)\n}\n\nfunction getReactComponentsStateSlice(state: State): ReactComponents.State {\n  return state.reactComponents\n}\n\nexport function getReactComponent(\n  state: State,\n  type: string,\n): ReactComponents.ComponentType | null {\n  return ReactComponents.getReactComponent(getReactComponentsStateSlice(state), type)\n}\n\nfunction getPropControllersStateSlice(state: State): PropControllers.State {\n  return state.propControllers\n}\n\nexport function getPropControllerDescriptors(\n  state: State,\n): Map<string, Record<string, PropControllers.PropControllerDescriptor>> {\n  return PropControllers.getPropControllerDescriptors(getPropControllersStateSlice(state))\n}\n\nexport function getComponentPropControllerDescriptors(\n  state: State,\n  componentType: string,\n): Record<string, PropControllers.PropControllerDescriptor> | null {\n  return PropControllers.getComponentPropControllerDescriptors(\n    getPropControllersStateSlice(state),\n    componentType,\n  )\n}\n\nfunction getPropControllerHandlesStateSlice(state: State): PropControllerHandles.State {\n  return state.propControllerHandles\n}\n\nexport function getPropControllers(state: State, documentKey: string, elementKey: string) {\n  return PropControllerHandles.getPropControllers(\n    getPropControllerHandlesStateSlice(state),\n    documentKey,\n    elementKey,\n  )\n}\n\nfunction normalizeElement(\n  element: Documents.Element,\n  descriptors: Map<string, Record<string, PropControllers.PropControllerDescriptor>>,\n): Map<string, Documents.Element> {\n  const elements = new Map<string, Documents.Element>()\n  const remaining = [element]\n  let current: Documents.Element | undefined\n\n  while ((current = remaining.pop())) {\n    elements.set(current.key, current)\n\n    if (Documents.isElementReference(current)) continue\n\n    const elementDescriptors = descriptors.get(current.type)\n\n    if (elementDescriptors == null) continue\n\n    const parent = current\n    const children = Object.entries(elementDescriptors).reduce((acc, [propName, descriptor]) => {\n      return [...acc, ...Introspection.getElementChildren(descriptor, parent.props[propName])]\n    }, [] as Documents.Element[])\n\n    remaining.push(...children)\n  }\n\n  return elements\n}\n\nfunction getDocumentElements(state: State, documentKey: string): Map<string, Documents.Element> {\n  const document = getDocument(state, documentKey)\n  const descriptors = getPropControllerDescriptors(state)\n\n  if (document == null) return new Map()\n\n  return normalizeElement(document.rootElement, descriptors)\n}\n\n/**\n * Returns all document keys sorted by depth, i.e., parent documents come before child documents.\n *\n * @todo Make this selector more efficient.\n */\nexport function getDocumentKeysSortedByDepth(state: State): string[] {\n  const documents = Documents.getDocuments(getDocumentsStateSlice(state))\n  const keys = Array.from(documents.keys())\n\n  if (keys.length < 2) return keys\n\n  const elements = new Map<string, Map<string, Documents.Element>>()\n\n  keys.forEach(key => {\n    elements.set(key, getDocumentElements(state, key))\n  })\n\n  keys.sort((a, b) => (elements.get(a)?.has(b) ? -1 : 1))\n\n  return keys\n}\n\nexport function getElement(\n  state: State,\n  documentKey: string,\n  elementKey: string,\n): Documents.Element | null {\n  return getDocumentElements(state, documentKey).get(elementKey) ?? null\n}\n\nexport function getElementPropControllerDescriptors(\n  state: State,\n  documentKey: string,\n  elementKey: string,\n): Record<string, PropControllers.PropControllerDescriptor> | null {\n  const element = getElement(state, documentKey, elementKey)\n\n  if (element == null || Documents.isElementReference(element)) return null\n\n  return getComponentPropControllerDescriptors(state, element.type)\n}\n\nexport function getElementId(state: State, documentKey: string, elementKey: string): string | null {\n  const element = getElement(state, documentKey, elementKey)\n\n  if (element == null || Documents.isElementReference(element)) return null\n\n  const descriptors = getComponentPropControllerDescriptors(state, element.type)\n\n  if (descriptors == null) return null\n\n  const elementId = Object.entries(descriptors).reduce((acc, [propName, descriptor]) => {\n    if (acc != null) return acc\n\n    return Introspection.getElementId(descriptor, element.props[propName])\n  }, null as string | null)\n\n  return elementId\n}\n\nexport type ReplacementContext = {\n  elementHtmlIds: Set<string>\n  elementKeys: Map<string, string>\n  swatchIds: Map<string, string>\n  fileIds: Map<string, string>\n  typographyIds: Map<string, string>\n  tableIds: Map<string, string>\n  tableColumnIds: Map<string, string>\n  pageIds: Map<string, string>\n  globalElementIds: Map<string, string>\n  globalElementData: Map<string, Documents.ElementData>\n}\n\nexport type SerializableReplacementContext = {\n  elementHtmlIds: string[]\n  elementKeys: { [s: string]: string }\n  swatchIds: { [s: string]: string }\n  fileIds: { [s: string]: string }\n  typographyIds: { [s: string]: string }\n  tableIds: { [s: string]: string }\n  tableColumnIds: { [s: string]: string }\n  pageIds: { [s: string]: string }\n  globalElementIds: { [s: string]: string }\n  globalElementData: { [s: string]: Documents.ElementData }\n}\n\nexport function createReplacementContext(\n  serializableReplacementContext: SerializableReplacementContext,\n): ReplacementContext {\n  const rc: ReplacementContext = {\n    elementHtmlIds: new Set(serializableReplacementContext.elementHtmlIds),\n    elementKeys: new Map(\n      serializableReplacementContext.elementKeys &&\n        Object.entries(serializableReplacementContext.elementKeys),\n    ),\n    swatchIds: new Map(\n      serializableReplacementContext.swatchIds &&\n        Object.entries(serializableReplacementContext.swatchIds),\n    ),\n    fileIds: new Map(\n      serializableReplacementContext.fileIds &&\n        Object.entries(serializableReplacementContext.fileIds),\n    ),\n    typographyIds: new Map(\n      serializableReplacementContext.typographyIds &&\n        Object.entries(serializableReplacementContext.typographyIds),\n    ),\n    tableIds: new Map(\n      serializableReplacementContext.tableIds &&\n        Object.entries(serializableReplacementContext.tableIds),\n    ),\n    tableColumnIds: new Map(\n      serializableReplacementContext.tableColumnIds &&\n        Object.entries(serializableReplacementContext.tableColumnIds),\n    ),\n    pageIds: new Map(\n      serializableReplacementContext.pageIds &&\n        Object.entries(serializableReplacementContext.pageIds),\n    ),\n    globalElementIds: new Map(\n      serializableReplacementContext.globalElementIds &&\n        Object.entries(serializableReplacementContext.globalElementIds),\n    ),\n    globalElementData: new Map(\n      serializableReplacementContext.globalElementData &&\n        Object.entries(serializableReplacementContext.globalElementData),\n    ),\n  }\n\n  return rc\n}\n\nexport type CopyContext = {\n  replacementContext: ReplacementContext\n  copyElement: (node: Documents.Element) => Documents.Element\n}\n\nexport function copyElementTree(\n  state: State,\n  elementTree: Documents.ElementData,\n  replacementContext: SerializableReplacementContext,\n) {\n  /*\n   * This is structured a bit weird.\n   *\n   * This is done so that we can pass a callable function into some of the copy functions\n   * themselves, to enable mutual recursion.\n   *\n   * Consider the slot control. It has to iterate through its elements, and for each of them,\n   * call some version of the below function.\n   *\n   * That is how the recursing through the tree happens.\n   */\n  function copyElementTreeNode(state: State, replacementContext: ReplacementContext) {\n    return function (node: Documents.Element) {\n      const context = {\n        replacementContext,\n        copyElement: copyElementTreeNode(state, replacementContext),\n      }\n\n      if (Documents.isElementReference(node)) {\n        return { ...node, value: copyElementReference(node.value, context) }\n      }\n\n      const descriptors = getComponentPropControllerDescriptors(state, node.type)\n\n      if (descriptors == null) return node\n\n      for (const [propKey, descriptor] of Object.entries(descriptors)) {\n        node.props[propKey] = copyFromControl(descriptor, node.props[propKey], context)\n      }\n\n      return node\n    }\n  }\n\n  const copy = JSON.parse(JSON.stringify(elementTree)) as Documents.ElementData\n\n  return copyElementTreeNode(state, createReplacementContext(replacementContext))(copy)\n}\n\nfunction* traverseElementTree(\n  state: State,\n  elementTree: Documents.ElementData,\n): Generator<Documents.Element> {\n  yield elementTree\n\n  if (Documents.isElementReference(elementTree)) return\n\n  const descriptors = getComponentPropControllerDescriptors(state, elementTree.type)\n\n  if (descriptors == null) return\n\n  for (const [propKey, descriptor] of Object.entries(descriptors)) {\n    const children = Introspection.getElementChildren(descriptor, elementTree.props[propKey])\n\n    for (const child of children) {\n      if (!Documents.isElementReference(child)) yield* traverseElementTree(state, child)\n\n      yield child\n    }\n  }\n}\n\nexport function getElementTreeTranslatableData(\n  state: State,\n  elementTree: Documents.ElementData,\n): Record<string, Documents.Data> {\n  const translatableData: Record<string, Documents.Data> = {}\n\n  for (const element of traverseElementTree(state, elementTree)) {\n    if (Documents.isElementReference(element)) continue\n\n    const descriptors = getComponentPropControllerDescriptors(state, element.type)\n\n    if (descriptors == null) continue\n\n    Object.entries(descriptors).forEach(([propName, descriptor]) => {\n      const translatablePropData = getTranslatableData(descriptor, element.props[propName])\n\n      if (translatablePropData != null) {\n        translatableData[`${element.key}:${propName}`] = translatablePropData\n      }\n    })\n  }\n\n  return translatableData\n}\n\nexport type TranslationDto = Record<string, Documents.Data>\n\nexport type MergeTranslatableDataContext = {\n  translatedData: TranslationDto\n  mergeTranslatedData: (node: Documents.Element) => Documents.Element\n}\n\nexport function mergeElementTreeTranslatedData(\n  state: State,\n  elementTree: Documents.ElementData,\n  translatedData: TranslationDto,\n): Documents.Element {\n  function merge(state: State, translatedData: TranslationDto) {\n    return function (node: Documents.Element): Documents.Element {\n      if (Documents.isElementReference(node)) return node\n\n      const elementDescriptors = getPropControllerDescriptors(state)\n      const descriptors = elementDescriptors.get(node.type)\n\n      if (descriptors == null) {\n        throw new Error(`Can't merge element of type \"${node.type}\" because it has no descriptors`)\n      }\n\n      const context: MergeTranslatableDataContext = {\n        translatedData,\n        mergeTranslatedData: merge(state, translatedData),\n      }\n      const props = {} as Record<string, Documents.Data>\n\n      for (const propName of Object.keys(descriptors)) {\n        const descriptor = descriptors[propName]\n\n        props[propName] = mergeTranslatedData(\n          descriptor,\n          node.props[propName],\n          translatedData[`${node.key}:${propName}`],\n          context,\n        )\n      }\n\n      return { ...node, props }\n    }\n  }\n  return merge(state, translatedData)(elementTree)\n}\n\nexport type MergeContext = {\n  mergeElement(a: Documents.Element, b: Documents.Element): Documents.Element\n}\n\nexport function mergeElement(\n  state: State,\n  baseElement: Documents.Element,\n  overrideElement: Documents.Element,\n): Documents.Element {\n  if (baseElement.type !== overrideElement.type || baseElement.key !== overrideElement.key) {\n    throw new Error(`Can't merge elements of different types or keys`)\n  }\n\n  if (Documents.isElementReference(overrideElement)) return overrideElement\n\n  if (Documents.isElementReference(baseElement)) return baseElement\n\n  const elementDescriptors = getPropControllerDescriptors(state)\n  const descriptors = elementDescriptors.get(baseElement.type)\n\n  if (descriptors == null) {\n    throw new Error(\n      `Can't merge element of type \"${baseElement.type}\" because it has no descriptors`,\n    )\n  }\n\n  const mergedProps = {} as Record<string, Documents.Data>\n\n  for (const propName of Object.keys(descriptors)) {\n    const descriptor = descriptors[propName]\n    const context: MergeContext = {\n      mergeElement(base, override) {\n        return mergeElement(state, base, override)\n      },\n    }\n\n    mergedProps[propName] = merge(\n      descriptor,\n      baseElement.props[propName],\n      overrideElement.props[propName],\n      context,\n    )\n  }\n\n  return { ...baseElement, props: mergedProps }\n}\n\nexport function getIsInBuilder(state: State): boolean {\n  return state.isInBuilder\n}\n\nexport function getIsPreview(state: State): boolean {\n  return IsPreview.getIsPreview(state.isPreview)\n}\n\nexport function getBuilderEditMode(state: State): BuilderEditMode.State {\n  return state.builderEditMode\n}\n\nexport function getBreakpoints(state: State): Breakpoints.State {\n  return state.breakpoints\n}\n\nexport type Dispatch = ThunkDispatch<State, unknown, Action>\n\nexport type Store = ReduxStore<State, Action> & { dispatch: Dispatch }\n\nexport function configureStore({\n  rootElements,\n  preloadedState,\n  breakpoints,\n}: {\n  rootElements?: Map<string, Documents.Element>\n  preloadedState?: PreloadedState<State>\n  breakpoints?: Breakpoints.State\n} = {}): Store {\n  return createStore(\n    reducer,\n    {\n      ...preloadedState,\n      documents: Documents.getInitialState({ rootElements }),\n      breakpoints: Breakpoints.getInitialState(breakpoints ?? preloadedState?.breakpoints),\n    },\n    applyMiddleware(thunk),\n  )\n}\n"],"mappings":"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","names":["state","replacementContext","copyFromControl","merge","translatedData","thunk"]}
+{"version":3,"sources":["../../../src/state/react-page.ts"],"sourcesContent":["import {\n  applyMiddleware,\n  createStore,\n  PreloadedState,\n  Store as ReduxStore,\n  combineReducers,\n} from 'redux'\n\nimport thunk, { ThunkDispatch } from 'redux-thunk'\n\nimport {\n  createReplacementContext,\n  type SerializableReplacementContext,\n  type ReplacementContext,\n  type TranslationDto,\n  type MergeTranslatableDataContext,\n  type MergeContext,\n} from '@makeswift/controls'\n\nimport * as Documents from './modules/read-only-documents'\nimport * as ReactComponents from './modules/react-components'\nimport * as ComponentsMeta from './modules/components-meta'\nimport * as PropControllers from './modules/prop-controllers'\nimport * as PropControllerHandles from './modules/prop-controller-handles'\nimport * as IsInBuilder from './modules/is-in-builder'\nimport * as IsPreview from './modules/is-preview'\nimport * as BuilderEditMode from './modules/builder-edit-mode'\nimport * as Breakpoints from './modules/breakpoints'\nimport * as Introspection from '../prop-controllers/introspection'\nimport { Action } from './actions'\nimport { copyElementReference } from '../prop-controllers/copy'\nimport {\n  copy as copyFromControl,\n  getTranslatableData,\n  merge,\n  mergeTranslatedData,\n} from '../controls/control'\n\nexport type {\n  Data,\n  Document,\n  DocumentReference,\n  Element,\n  ElementData,\n  ElementReference,\n} from './modules/read-only-documents'\n\nexport {\n  createDocument,\n  createDocumentReference,\n  isElementReference,\n} from './modules/read-only-documents'\n\nexport type { ComponentType } from './modules/react-components'\n\nconst reducer = combineReducers({\n  documents: Documents.reducer,\n  reactComponents: ReactComponents.reducer,\n  componentsMeta: ComponentsMeta.reducer,\n  propControllers: PropControllers.reducer,\n  propControllerHandles: PropControllerHandles.reducer,\n  isInBuilder: IsInBuilder.reducer,\n  isPreview: IsPreview.reducer,\n  builderEditMode: BuilderEditMode.reducer,\n  breakpoints: Breakpoints.reducer,\n})\n\nexport type State = ReturnType<typeof reducer>\n\nfunction getDocumentsStateSlice(state: State): Documents.State {\n  return state.documents\n}\n\nexport function getDocument(state: State, documentKey: string): Documents.Document | null {\n  return Documents.getDocument(getDocumentsStateSlice(state), documentKey)\n}\n\nfunction getReactComponentsStateSlice(state: State): ReactComponents.State {\n  return state.reactComponents\n}\n\nexport function getReactComponent(\n  state: State,\n  type: string,\n): ReactComponents.ComponentType | null {\n  return ReactComponents.getReactComponent(getReactComponentsStateSlice(state), type)\n}\n\nfunction getPropControllersStateSlice(state: State): PropControllers.State {\n  return state.propControllers\n}\n\nexport function getPropControllerDescriptors(\n  state: State,\n): Map<string, Record<string, PropControllers.PropControllerDescriptor>> {\n  return PropControllers.getPropControllerDescriptors(getPropControllersStateSlice(state))\n}\n\nexport function getComponentPropControllerDescriptors(\n  state: State,\n  componentType: string,\n): Record<string, PropControllers.PropControllerDescriptor> | null {\n  return PropControllers.getComponentPropControllerDescriptors(\n    getPropControllersStateSlice(state),\n    componentType,\n  )\n}\n\nfunction getPropControllerHandlesStateSlice(state: State): PropControllerHandles.State {\n  return state.propControllerHandles\n}\n\nexport function getPropControllers(state: State, documentKey: string, elementKey: string) {\n  return PropControllerHandles.getPropControllers(\n    getPropControllerHandlesStateSlice(state),\n    documentKey,\n    elementKey,\n  )\n}\n\nfunction normalizeElement(\n  element: Documents.Element,\n  descriptors: Map<string, Record<string, PropControllers.PropControllerDescriptor>>,\n): Map<string, Documents.Element> {\n  const elements = new Map<string, Documents.Element>()\n  const remaining = [element]\n  let current: Documents.Element | undefined\n\n  while ((current = remaining.pop())) {\n    elements.set(current.key, current)\n\n    if (Documents.isElementReference(current)) continue\n\n    const elementDescriptors = descriptors.get(current.type)\n\n    if (elementDescriptors == null) continue\n\n    const parent = current\n    const children = Object.entries(elementDescriptors).reduce((acc, [propName, descriptor]) => {\n      return [...acc, ...Introspection.getElementChildren(descriptor, parent.props[propName])]\n    }, [] as Documents.Element[])\n\n    remaining.push(...children)\n  }\n\n  return elements\n}\n\nfunction getDocumentElements(state: State, documentKey: string): Map<string, Documents.Element> {\n  const document = getDocument(state, documentKey)\n  const descriptors = getPropControllerDescriptors(state)\n\n  if (document == null) return new Map()\n\n  return normalizeElement(document.rootElement, descriptors)\n}\n\n/**\n * Returns all document keys sorted by depth, i.e., parent documents come before child documents.\n *\n * @todo Make this selector more efficient.\n */\nexport function getDocumentKeysSortedByDepth(state: State): string[] {\n  const documents = Documents.getDocuments(getDocumentsStateSlice(state))\n  const keys = Array.from(documents.keys())\n\n  if (keys.length < 2) return keys\n\n  const elements = new Map<string, Map<string, Documents.Element>>()\n\n  keys.forEach(key => {\n    elements.set(key, getDocumentElements(state, key))\n  })\n\n  keys.sort((a, b) => (elements.get(a)?.has(b) ? -1 : 1))\n\n  return keys\n}\n\nexport function getElement(\n  state: State,\n  documentKey: string,\n  elementKey: string,\n): Documents.Element | null {\n  return getDocumentElements(state, documentKey).get(elementKey) ?? null\n}\n\nexport function getElementPropControllerDescriptors(\n  state: State,\n  documentKey: string,\n  elementKey: string,\n): Record<string, PropControllers.PropControllerDescriptor> | null {\n  const element = getElement(state, documentKey, elementKey)\n\n  if (element == null || Documents.isElementReference(element)) return null\n\n  return getComponentPropControllerDescriptors(state, element.type)\n}\n\nexport function getElementId(state: State, documentKey: string, elementKey: string): string | null {\n  const element = getElement(state, documentKey, elementKey)\n\n  if (element == null || Documents.isElementReference(element)) return null\n\n  const descriptors = getComponentPropControllerDescriptors(state, element.type)\n\n  if (descriptors == null) return null\n\n  const elementId = Object.entries(descriptors).reduce(\n    (acc, [propName, descriptor]) => {\n      if (acc != null) return acc\n\n      return Introspection.getElementId(descriptor, element.props[propName])\n    },\n    null as string | null,\n  )\n\n  return elementId\n}\n\nexport function copyElementTree(\n  state: State,\n  elementTree: Documents.ElementData,\n  replacementContext: SerializableReplacementContext,\n) {\n  /*\n   * This is structured a bit weird.\n   *\n   * This is done so that we can pass a callable function into some of the copy functions\n   * themselves, to enable mutual recursion.\n   *\n   * Consider the slot control. It has to iterate through its elements, and for each of them,\n   * call some version of the below function.\n   *\n   * That is how the recursing through the tree happens.\n   */\n  function copyElementTreeNode(state: State, replacementContext: ReplacementContext) {\n    return function (node: Documents.Element) {\n      const context = {\n        replacementContext,\n        copyElement: copyElementTreeNode(state, replacementContext),\n      }\n\n      if (Documents.isElementReference(node)) {\n        return { ...node, value: copyElementReference(node.value, context) }\n      }\n\n      const descriptors = getComponentPropControllerDescriptors(state, node.type)\n\n      if (descriptors == null) return node\n\n      for (const [propKey, descriptor] of Object.entries(descriptors)) {\n        node.props[propKey] = copyFromControl(descriptor, node.props[propKey], context)\n      }\n\n      return node\n    }\n  }\n\n  const copy = JSON.parse(JSON.stringify(elementTree)) as Documents.ElementData\n\n  return copyElementTreeNode(state, createReplacementContext(replacementContext))(copy)\n}\n\nfunction* traverseElementTree(\n  state: State,\n  elementTree: Documents.ElementData,\n): Generator<Documents.Element> {\n  yield elementTree\n\n  if (Documents.isElementReference(elementTree)) return\n\n  const descriptors = getComponentPropControllerDescriptors(state, elementTree.type)\n\n  if (descriptors == null) return\n\n  for (const [propKey, descriptor] of Object.entries(descriptors)) {\n    const children = Introspection.getElementChildren(descriptor, elementTree.props[propKey])\n\n    for (const child of children) {\n      if (!Documents.isElementReference(child)) yield* traverseElementTree(state, child)\n\n      yield child\n    }\n  }\n}\n\nexport function getElementTreeTranslatableData(\n  state: State,\n  elementTree: Documents.ElementData,\n): Record<string, Documents.Data> {\n  const translatableData: Record<string, Documents.Data> = {}\n\n  for (const element of traverseElementTree(state, elementTree)) {\n    if (Documents.isElementReference(element)) continue\n\n    const descriptors = getComponentPropControllerDescriptors(state, element.type)\n\n    if (descriptors == null) continue\n\n    Object.entries(descriptors).forEach(([propName, descriptor]) => {\n      const translatablePropData = getTranslatableData(descriptor, element.props[propName])\n\n      if (translatablePropData != null) {\n        translatableData[`${element.key}:${propName}`] = translatablePropData\n      }\n    })\n  }\n\n  return translatableData\n}\n\nexport function mergeElementTreeTranslatedData(\n  state: State,\n  elementTree: Documents.ElementData,\n  translatedData: TranslationDto,\n): Documents.Element {\n  function merge(state: State, translatedData: TranslationDto) {\n    return function (node: Documents.Element): Documents.Element {\n      if (Documents.isElementReference(node)) return node\n\n      const elementDescriptors = getPropControllerDescriptors(state)\n      const descriptors = elementDescriptors.get(node.type)\n\n      if (descriptors == null) {\n        throw new Error(`Can't merge element of type \"${node.type}\" because it has no descriptors`)\n      }\n\n      const context: MergeTranslatableDataContext = {\n        translatedData,\n        mergeTranslatedData: merge(state, translatedData),\n      }\n      const props = {} as Record<string, Documents.Data>\n\n      for (const propName of Object.keys(descriptors)) {\n        const descriptor = descriptors[propName]\n\n        props[propName] = mergeTranslatedData(\n          descriptor,\n          node.props[propName],\n          translatedData[`${node.key}:${propName}`],\n          context,\n        )\n      }\n\n      return { ...node, props }\n    }\n  }\n  return merge(state, translatedData)(elementTree)\n}\n\nexport function mergeElement(\n  state: State,\n  baseElement: Documents.Element,\n  overrideElement: Documents.Element,\n): Documents.Element {\n  if (baseElement.type !== overrideElement.type || baseElement.key !== overrideElement.key) {\n    throw new Error(`Can't merge elements of different types or keys`)\n  }\n\n  if (Documents.isElementReference(overrideElement)) return overrideElement\n\n  if (Documents.isElementReference(baseElement)) return baseElement\n\n  const elementDescriptors = getPropControllerDescriptors(state)\n  const descriptors = elementDescriptors.get(baseElement.type)\n\n  if (descriptors == null) {\n    throw new Error(\n      `Can't merge element of type \"${baseElement.type}\" because it has no descriptors`,\n    )\n  }\n\n  const mergedProps = {} as Record<string, Documents.Data>\n\n  for (const propName of Object.keys(descriptors)) {\n    const descriptor = descriptors[propName]\n    const context: MergeContext = {\n      mergeElement(base, override) {\n        return mergeElement(state, base, override)\n      },\n    }\n\n    mergedProps[propName] = merge(\n      descriptor,\n      baseElement.props[propName],\n      overrideElement.props[propName],\n      context,\n    )\n  }\n\n  return { ...baseElement, props: mergedProps }\n}\n\nexport function getIsInBuilder(state: State): boolean {\n  return state.isInBuilder\n}\n\nexport function getIsPreview(state: State): boolean {\n  return IsPreview.getIsPreview(state.isPreview)\n}\n\nexport function getBuilderEditMode(state: State): BuilderEditMode.State {\n  return state.builderEditMode\n}\n\nexport function getBreakpoints(state: State): Breakpoints.State {\n  return state.breakpoints\n}\n\nexport type Dispatch = ThunkDispatch<State, unknown, Action>\n\nexport type Store = ReduxStore<State, Action> & { dispatch: Dispatch }\n\nexport function configureStore({\n  rootElements,\n  preloadedState,\n  breakpoints,\n}: {\n  rootElements?: Map<string, Documents.Element>\n  preloadedState?: PreloadedState<State>\n  breakpoints?: Breakpoints.State\n} = {}): Store {\n  return createStore(\n    reducer,\n    {\n      ...preloadedState,\n      documents: Documents.getInitialState({ rootElements }),\n      breakpoints: Breakpoints.getInitialState(breakpoints ?? preloadedState?.breakpoints),\n    },\n    applyMiddleware(thunk),\n  )\n}\n"],"mappings":"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","names":["state","replacementContext","copyFromControl","merge","translatedData","thunk"]}

package/dist/esm/api/graphql/generated/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/api/graphql/generated/types.ts"],"sourcesContent":["export type Maybe<T> = T | null\nexport type InputMaybe<T> = Maybe<T>\nexport type Exact<T extends { [key: string]: unknown }> = { [K in keyof T]: T[K] }\n\ntype Json = null | boolean | number | string | Json[] | { [key: string]: Json }\n\ntype Scalars = {\n  ID: string\n  JSON: Json\n  Locale: string\n}\n\nexport type CreateTableRecordInput = {\n  data: CreateTableRecordInputData\n}\n\nexport type CreateTableRecordInputData = {\n  columns: Array<CreateTableRecordInputDataColumn>\n  tableId?: InputMaybe<Scalars['ID']>\n}\n\nexport type CreateTableRecordInputDataColumn = {\n  columnId: Scalars['ID']\n  data: Scalars['JSON']\n}\n\nexport const SnippetLocation = {\n  Body: 'BODY',\n  Head: 'HEAD',\n} as const\n\nexport type SnippetLocation = typeof SnippetLocation[keyof typeof SnippetLocation]\n\nexport type SwatchFragment = {\n  __typename: 'Swatch'\n  id: string\n  hue: number\n  saturation: number\n  lightness: number\n}\n\nexport type FileFragment = {\n  __typename: 'File'\n  id: string\n  name: string\n  extension: string | null\n  publicUrl: string\n  dimensions: { width: number; height: number } | null\n}\n\nexport type TypographyFragment = {\n  __typename: 'Typography'\n  id: string\n  name: string\n  style: Array<{\n    deviceId: string\n    value: {\n      fontFamily: string | null\n      lineHeight: number | null\n      letterSpacing: number | null\n      fontWeight: number | null\n      textAlign: string | null\n      uppercase: boolean | null\n      underline: boolean | null\n      strikethrough: boolean | null\n      italic: boolean | null\n      fontSize: { value: number | null; unit: string | null } | null\n      color: { swatchId: string | null; alpha: number | null } | null\n    }\n  }>\n}\n\nexport type PagePathnameSliceFragment = {\n  __typename: 'PagePathnameSlice'\n  id: string\n  pathname: string\n}\n\nexport type GlobalElementFragment = { __typename: 'GlobalElement'; id: string; data: Json }\n\nexport type LocalizedGlobalElementFragment = {\n  __typename: 'LocalizedGlobalElement'\n  id: string\n  data: Json\n}\n\nexport type TableFragment = {\n  __typename: 'Table'\n  id: string\n  name: string\n  columns: Array<\n    | { __typename: 'CheckboxTableColumn'; id: string; name: string }\n    | { __typename: 'EmailTableColumn'; id: string; name: string }\n    | { __typename: 'LongTextTableColumn'; id: string; name: string }\n    | {\n        __typename: 'MultipleSelectTableColumn'\n        id: string\n        name: string\n        options: Array<{ id: string; name: string }>\n      }\n    | { __typename: 'NumberTableColumn'; id: string; name: string }\n    | { __typename: 'PhoneNumberTableColumn'; id: string; name: string }\n    | { __typename: 'SingleLineTextTableColumn'; id: string; name: string }\n    | {\n        __typename: 'SingleSelectTableColumn'\n        id: string\n        name: string\n        options: Array<{ id: string; name: string }>\n      }\n    | { __typename: 'URLTableColumn'; id: string; name: string }\n  >\n}\n\nexport type SnippetFragment = {\n  __typename: 'Snippet'\n  id: string\n  name: string\n  code: string\n  cleanup: string | null\n  location: SnippetLocation\n  shouldAddToNewPages: boolean\n  liveEnabled: boolean\n  builderEnabled: boolean\n}\n\nexport type PageFragment = {\n  __typename: 'Page'\n  id: string\n  snippets: Array<{\n    __typename: 'Snippet'\n    id: string\n    name: string\n    code: string\n    cleanup: string | null\n    location: SnippetLocation\n    shouldAddToNewPages: boolean\n    liveEnabled: boolean\n    builderEnabled: boolean\n  }>\n}\n\nexport type SiteFragment = {\n  __typename: 'Site'\n  id: string\n  googleFonts: {\n    edges: Array<{\n      activeVariants: Array<{ specifier: string }>\n      node: { family: string; variants: Array<{ specifier: string }> }\n    } | null>\n  }\n}\n\nexport type IntrospectedResourcesQueryVariables = Exact<{\n  fileIds: Array<Scalars['ID']> | Scalars['ID']\n  tableIds: Array<Scalars['ID']> | Scalars['ID']\n}>\n\nexport type IntrospectedResourcesQueryResult = {\n  files: Array<{\n    __typename: 'File'\n    id: string\n    name: string\n    extension: string | null\n    publicUrl: string\n    dimensions: { width: number; height: number } | null\n  } | null>\n  tables: Array<{\n    __typename: 'Table'\n    id: string\n    name: string\n    columns: Array<\n      | { __typename: 'CheckboxTableColumn'; id: string; name: string }\n      | { __typename: 'EmailTableColumn'; id: string; name: string }\n      | { __typename: 'LongTextTableColumn'; id: string; name: string }\n      | {\n          __typename: 'MultipleSelectTableColumn'\n          id: string\n          name: string\n          options: Array<{ id: string; name: string }>\n        }\n      | { __typename: 'NumberTableColumn'; id: string; name: string }\n      | { __typename: 'PhoneNumberTableColumn'; id: string; name: string }\n      | { __typename: 'SingleLineTextTableColumn'; id: string; name: string }\n      | {\n          __typename: 'SingleSelectTableColumn'\n          id: string\n          name: string\n          options: Array<{ id: string; name: string }>\n        }\n      | { __typename: 'URLTableColumn'; id: string; name: string }\n    >\n  } | null>\n}\n\nexport type SwatchQueryVariables = Exact<{\n  swatchId: Scalars['ID']\n}>\n\nexport type SwatchQueryResult = {\n  swatch: {\n    __typename: 'Swatch'\n    id: string\n    hue: number\n    saturation: number\n    lightness: number\n  } | null\n}\n\nexport type FileQueryVariables = Exact<{\n  fileId: Scalars['ID']\n}>\n\nexport type FileQueryResult = {\n  file: {\n    __typename: 'File'\n    id: string\n    name: string\n    extension: string | null\n    publicUrl: string\n    dimensions: { width: number; height: number } | null\n  } | null\n}\n\nexport type TypographyQueryVariables = Exact<{\n  typographyId: Scalars['ID']\n}>\n\nexport type TypographyQueryResult = {\n  typography: {\n    __typename: 'Typography'\n    id: string\n    name: string\n    style: Array<{\n      deviceId: string\n      value: {\n        fontFamily: string | null\n        lineHeight: number | null\n        letterSpacing: number | null\n        fontWeight: number | null\n        textAlign: string | null\n        uppercase: boolean | null\n        underline: boolean | null\n        strikethrough: boolean | null\n        italic: boolean | null\n        fontSize: { value: number | null; unit: string | null } | null\n        color: { swatchId: string | null; alpha: number | null } | null\n      }\n    }>\n  } | null\n}\n\nexport type TableQueryVariables = Exact<{\n  tableId: Scalars['ID']\n}>\n\nexport type TableQueryResult = {\n  table: {\n    __typename: 'Table'\n    id: string\n    name: string\n    columns: Array<\n      | { __typename: 'CheckboxTableColumn'; id: string; name: string }\n      | { __typename: 'EmailTableColumn'; id: string; name: string }\n      | { __typename: 'LongTextTableColumn'; id: string; name: string }\n      | {\n          __typename: 'MultipleSelectTableColumn'\n          id: string\n          name: string\n          options: Array<{ id: string; name: string }>\n        }\n      | { __typename: 'NumberTableColumn'; id: string; name: string }\n      | { __typename: 'PhoneNumberTableColumn'; id: string; name: string }\n      | { __typename: 'SingleLineTextTableColumn'; id: string; name: string }\n      | {\n          __typename: 'SingleSelectTableColumn'\n          id: string\n          name: string\n          options: Array<{ id: string; name: string }>\n        }\n      | { __typename: 'URLTableColumn'; id: string; name: string }\n    >\n  } | null\n}\n\nexport type TypographiesQueryVariables = Exact<{\n  typographyIds: Array<Scalars['ID']> | Scalars['ID']\n}>\n\nexport type TypographiesQueryResult = {\n  typographies: Array<{\n    __typename: 'Typography'\n    id: string\n    name: string\n    style: Array<{\n      deviceId: string\n      value: {\n        fontFamily: string | null\n        lineHeight: number | null\n        letterSpacing: number | null\n        fontWeight: number | null\n        textAlign: string | null\n        uppercase: boolean | null\n        underline: boolean | null\n        strikethrough: boolean | null\n        italic: boolean | null\n        fontSize: { value: number | null; unit: string | null } | null\n        color: { swatchId: string | null; alpha: number | null } | null\n      }\n    }>\n  } | null>\n}\n\nexport type GlobalElementQueryVariables = Exact<{\n  globalElementId: Scalars['ID']\n}>\n\nexport type GlobalElementQueryResult = {\n  globalElement: { __typename: 'GlobalElement'; id: string; data: Json } | null\n}\n\nexport type CreateTableRecordMutationVariables = Exact<{\n  input: CreateTableRecordInput\n}>\n\nexport type CreateTableRecordMutationResult = { createTableRecord: { tableRecord: { id: string } } }\n"],"mappings":"AA0BO,MAAM,kBAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,MAAM;AACR;","names":[]}
+{"version":3,"sources":["../../../../../src/api/graphql/generated/types.ts"],"sourcesContent":["export type Maybe<T> = T | null\nexport type InputMaybe<T> = Maybe<T>\nexport type Exact<T extends { [key: string]: unknown }> = { [K in keyof T]: T[K] }\n\ntype Json = null | boolean | number | string | Json[] | { [key: string]: Json }\n\ntype Scalars = {\n  ID: string\n  JSON: Json\n  Locale: string\n}\n\nexport type CreateTableRecordInput = {\n  data: CreateTableRecordInputData\n}\n\nexport type CreateTableRecordInputData = {\n  columns: Array<CreateTableRecordInputDataColumn>\n  tableId?: InputMaybe<Scalars['ID']>\n}\n\nexport type CreateTableRecordInputDataColumn = {\n  columnId: Scalars['ID']\n  data: Scalars['JSON']\n}\n\nexport const SnippetLocation = {\n  Body: 'BODY',\n  Head: 'HEAD',\n} as const\n\nexport type SnippetLocation = (typeof SnippetLocation)[keyof typeof SnippetLocation]\n\nexport type SwatchFragment = {\n  __typename: 'Swatch'\n  id: string\n  hue: number\n  saturation: number\n  lightness: number\n}\n\nexport type FileFragment = {\n  __typename: 'File'\n  id: string\n  name: string\n  extension: string | null\n  publicUrl: string\n  dimensions: { width: number; height: number } | null\n}\n\nexport type TypographyFragment = {\n  __typename: 'Typography'\n  id: string\n  name: string\n  style: Array<{\n    deviceId: string\n    value: {\n      fontFamily: string | null\n      lineHeight: number | null\n      letterSpacing: number | null\n      fontWeight: number | null\n      textAlign: string | null\n      uppercase: boolean | null\n      underline: boolean | null\n      strikethrough: boolean | null\n      italic: boolean | null\n      fontSize: { value: number | null; unit: string | null } | null\n      color: { swatchId: string | null; alpha: number | null } | null\n    }\n  }>\n}\n\nexport type PagePathnameSliceFragment = {\n  __typename: 'PagePathnameSlice'\n  id: string\n  pathname: string\n}\n\nexport type GlobalElementFragment = { __typename: 'GlobalElement'; id: string; data: Json }\n\nexport type LocalizedGlobalElementFragment = {\n  __typename: 'LocalizedGlobalElement'\n  id: string\n  data: Json\n}\n\nexport type TableFragment = {\n  __typename: 'Table'\n  id: string\n  name: string\n  columns: Array<\n    | { __typename: 'CheckboxTableColumn'; id: string; name: string }\n    | { __typename: 'EmailTableColumn'; id: string; name: string }\n    | { __typename: 'LongTextTableColumn'; id: string; name: string }\n    | {\n        __typename: 'MultipleSelectTableColumn'\n        id: string\n        name: string\n        options: Array<{ id: string; name: string }>\n      }\n    | { __typename: 'NumberTableColumn'; id: string; name: string }\n    | { __typename: 'PhoneNumberTableColumn'; id: string; name: string }\n    | { __typename: 'SingleLineTextTableColumn'; id: string; name: string }\n    | {\n        __typename: 'SingleSelectTableColumn'\n        id: string\n        name: string\n        options: Array<{ id: string; name: string }>\n      }\n    | { __typename: 'URLTableColumn'; id: string; name: string }\n  >\n}\n\nexport type SnippetFragment = {\n  __typename: 'Snippet'\n  id: string\n  name: string\n  code: string\n  cleanup: string | null\n  location: SnippetLocation\n  shouldAddToNewPages: boolean\n  liveEnabled: boolean\n  builderEnabled: boolean\n}\n\nexport type PageFragment = {\n  __typename: 'Page'\n  id: string\n  snippets: Array<{\n    __typename: 'Snippet'\n    id: string\n    name: string\n    code: string\n    cleanup: string | null\n    location: SnippetLocation\n    shouldAddToNewPages: boolean\n    liveEnabled: boolean\n    builderEnabled: boolean\n  }>\n}\n\nexport type SiteFragment = {\n  __typename: 'Site'\n  id: string\n  googleFonts: {\n    edges: Array<{\n      activeVariants: Array<{ specifier: string }>\n      node: { family: string; variants: Array<{ specifier: string }> }\n    } | null>\n  }\n}\n\nexport type IntrospectedResourcesQueryVariables = Exact<{\n  fileIds: Array<Scalars['ID']> | Scalars['ID']\n  tableIds: Array<Scalars['ID']> | Scalars['ID']\n}>\n\nexport type IntrospectedResourcesQueryResult = {\n  files: Array<{\n    __typename: 'File'\n    id: string\n    name: string\n    extension: string | null\n    publicUrl: string\n    dimensions: { width: number; height: number } | null\n  } | null>\n  tables: Array<{\n    __typename: 'Table'\n    id: string\n    name: string\n    columns: Array<\n      | { __typename: 'CheckboxTableColumn'; id: string; name: string }\n      | { __typename: 'EmailTableColumn'; id: string; name: string }\n      | { __typename: 'LongTextTableColumn'; id: string; name: string }\n      | {\n          __typename: 'MultipleSelectTableColumn'\n          id: string\n          name: string\n          options: Array<{ id: string; name: string }>\n        }\n      | { __typename: 'NumberTableColumn'; id: string; name: string }\n      | { __typename: 'PhoneNumberTableColumn'; id: string; name: string }\n      | { __typename: 'SingleLineTextTableColumn'; id: string; name: string }\n      | {\n          __typename: 'SingleSelectTableColumn'\n          id: string\n          name: string\n          options: Array<{ id: string; name: string }>\n        }\n      | { __typename: 'URLTableColumn'; id: string; name: string }\n    >\n  } | null>\n}\n\nexport type SwatchQueryVariables = Exact<{\n  swatchId: Scalars['ID']\n}>\n\nexport type SwatchQueryResult = {\n  swatch: {\n    __typename: 'Swatch'\n    id: string\n    hue: number\n    saturation: number\n    lightness: number\n  } | null\n}\n\nexport type FileQueryVariables = Exact<{\n  fileId: Scalars['ID']\n}>\n\nexport type FileQueryResult = {\n  file: {\n    __typename: 'File'\n    id: string\n    name: string\n    extension: string | null\n    publicUrl: string\n    dimensions: { width: number; height: number } | null\n  } | null\n}\n\nexport type TypographyQueryVariables = Exact<{\n  typographyId: Scalars['ID']\n}>\n\nexport type TypographyQueryResult = {\n  typography: {\n    __typename: 'Typography'\n    id: string\n    name: string\n    style: Array<{\n      deviceId: string\n      value: {\n        fontFamily: string | null\n        lineHeight: number | null\n        letterSpacing: number | null\n        fontWeight: number | null\n        textAlign: string | null\n        uppercase: boolean | null\n        underline: boolean | null\n        strikethrough: boolean | null\n        italic: boolean | null\n        fontSize: { value: number | null; unit: string | null } | null\n        color: { swatchId: string | null; alpha: number | null } | null\n      }\n    }>\n  } | null\n}\n\nexport type TableQueryVariables = Exact<{\n  tableId: Scalars['ID']\n}>\n\nexport type TableQueryResult = {\n  table: {\n    __typename: 'Table'\n    id: string\n    name: string\n    columns: Array<\n      | { __typename: 'CheckboxTableColumn'; id: string; name: string }\n      | { __typename: 'EmailTableColumn'; id: string; name: string }\n      | { __typename: 'LongTextTableColumn'; id: string; name: string }\n      | {\n          __typename: 'MultipleSelectTableColumn'\n          id: string\n          name: string\n          options: Array<{ id: string; name: string }>\n        }\n      | { __typename: 'NumberTableColumn'; id: string; name: string }\n      | { __typename: 'PhoneNumberTableColumn'; id: string; name: string }\n      | { __typename: 'SingleLineTextTableColumn'; id: string; name: string }\n      | {\n          __typename: 'SingleSelectTableColumn'\n          id: string\n          name: string\n          options: Array<{ id: string; name: string }>\n        }\n      | { __typename: 'URLTableColumn'; id: string; name: string }\n    >\n  } | null\n}\n\nexport type TypographiesQueryVariables = Exact<{\n  typographyIds: Array<Scalars['ID']> | Scalars['ID']\n}>\n\nexport type TypographiesQueryResult = {\n  typographies: Array<{\n    __typename: 'Typography'\n    id: string\n    name: string\n    style: Array<{\n      deviceId: string\n      value: {\n        fontFamily: string | null\n        lineHeight: number | null\n        letterSpacing: number | null\n        fontWeight: number | null\n        textAlign: string | null\n        uppercase: boolean | null\n        underline: boolean | null\n        strikethrough: boolean | null\n        italic: boolean | null\n        fontSize: { value: number | null; unit: string | null } | null\n        color: { swatchId: string | null; alpha: number | null } | null\n      }\n    }>\n  } | null>\n}\n\nexport type GlobalElementQueryVariables = Exact<{\n  globalElementId: Scalars['ID']\n}>\n\nexport type GlobalElementQueryResult = {\n  globalElement: { __typename: 'GlobalElement'; id: string; data: Json } | null\n}\n\nexport type CreateTableRecordMutationVariables = Exact<{\n  input: CreateTableRecordInput\n}>\n\nexport type CreateTableRecordMutationResult = { createTableRecord: { tableRecord: { id: string } } }\n"],"mappings":"AA0BO,MAAM,kBAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,MAAM;AACR;","names":[]}

package/dist/esm/api/react.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/api/react.ts"],"sourcesContent":["import * as MakeswiftApiClient from '../state/makeswift-api-client'\nimport {\n  APIResourceType,\n  File,\n  GlobalElement,\n  LocalizedGlobalElement,\n  Page,\n  PagePathnameSlice,\n  Site,\n  Snippet,\n  Swatch,\n  Table,\n  Typography,\n} from './graphql/types'\nimport { GraphQLClient } from './graphql/client'\nimport { CreateTableRecordMutation } from './graphql/documents'\nimport {\n  CreateTableRecordMutationResult,\n  CreateTableRecordMutationVariables,\n} from './graphql/generated/types'\n\nexport type SerializedLocalizedResourcesMap = {\n  [resourceId: string]: string | null\n}\n\ntype LocalizedResourcesMap = Map<string, string | null>\n\nexport type CacheData = MakeswiftApiClient.SerializedState\n\nexport type MakeswiftClientOptions = {\n  uri: string\n  cacheData?: CacheData\n  localizedResourcesMap?: SerializedLocalizedResourcesMap\n  locale?: Intl.Locale\n}\n\n/**\n * NOTE(miguel): This \"client\" is used to fetch Makeswift API resources needed for the host. For\n * example, swatches, files, typographies, etc. Ideally it's internal to the runtime and is only\n * used by controls to transform API references to API resources.\n *\n * Moreover, it's use should be reserved for the builder only, since for live pages all Makeswift\n * API resources should be embedded in the \"page snapshot\". In the builder, this client serves the\n * purpose of sending requests for API resources and keeping a cache so that changes that happen in\n * the builder, like modifying a swatch, can be sent via `postMessage` to the host and the cache can\n * immediately update the value and re-render.\n *\n * Furthermore, the API resources requested shouldn't be requested directly from the Makeswift API\n * as that would require those resources to not be authenticated since the requests come from the\n * browser when running the host. Instead, the requests should go to the host directly, at the\n * Makeswift API endpoint (i.g., `/api/makeswift/[...makeswift]` dynamic route) where the host's\n * API key can be used, securely, in the server. For this reason, this client should really be a\n * client of the host's API, not Makeswift's, intended to build and continuously maintain a realtime\n * snapshot for use in the builder, not the lives pages.\n */\nexport class MakeswiftHostApiClient {\n  graphqlClient: GraphQLClient\n  makeswiftApiClient: MakeswiftApiClient.Store\n  subscribe: MakeswiftApiClient.Store['subscribe']\n  private localizedResourcesMap: LocalizedResourcesMap\n  private locale: Intl.Locale | undefined\n\n  constructor({ uri, cacheData, localizedResourcesMap = {}, locale }: MakeswiftClientOptions) {\n    this.graphqlClient = new GraphQLClient(uri)\n    this.makeswiftApiClient = MakeswiftApiClient.configureStore({ serializedState: cacheData })\n    this.subscribe = this.makeswiftApiClient.subscribe\n    this.localizedResourcesMap = new Map(Object.entries(localizedResourcesMap))\n    this.locale = locale\n  }\n\n  readSwatch(swatchId: string): Swatch | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Swatch,\n      swatchId,\n    )\n  }\n\n  async fetchSwatch(swatchId: string): Promise<Swatch | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.Swatch, swatchId),\n    )\n  }\n\n  readFile(fileId: string): File | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.File,\n      fileId,\n    )\n  }\n\n  async fetchFile(fileId: string): Promise<File | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.File, fileId),\n    )\n  }\n\n  readTypography(typographyId: string): Typography | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Typography,\n      typographyId,\n    )\n  }\n\n  async fetchTypography(typographyId: string): Promise<Typography | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.Typography, typographyId),\n    )\n  }\n\n  readGlobalElement(globalElementId: string): GlobalElement | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.GlobalElement,\n      globalElementId,\n    )\n  }\n\n  async fetchGlobalElement(globalElementId: string): Promise<GlobalElement | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.GlobalElement, globalElementId),\n    )\n  }\n\n  readLocalizedGlobalElement(globalElementId: string): LocalizedGlobalElement | null {\n    const localizedGlobalElementId = this.getLocalizedResourceId(globalElementId)\n\n    if (localizedGlobalElementId == null) return null\n\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.LocalizedGlobalElement,\n      localizedGlobalElementId,\n    )\n  }\n\n  async fetchLocalizedGlobalElement(\n    globalElementId: string,\n  ): Promise<LocalizedGlobalElement | null> {\n    const locale = this.locale\n\n    if (locale == null) return null\n\n    // If getLocalizedResourceId returns null, it means we have tried to fetch the resource,\n    // but the resource is not available. If we haven't fetched it yet, it'll return undefined.\n    const noLocalizedResource = this.getLocalizedResourceId(globalElementId) === null\n\n    if (noLocalizedResource) return null\n\n    // TODO(fikri): We're checking the cache here because the cache hit will fail on fetchAPIResource.\n    // This is because in the cache we're saving the ID of the localizedGlobalElementId,\n    // but we're reading the cache using the globalElementId.\n    // This is very confusing and it can lead to more bugs. We need to refactor how we handle\n    // localized global element.\n    const cacheResult = this.readLocalizedGlobalElement(globalElementId)\n\n    if (cacheResult) return cacheResult\n\n    const result = await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(\n        APIResourceType.LocalizedGlobalElement,\n        globalElementId,\n        locale,\n      ),\n    )\n\n    this.setLocalizedResourceId({\n      resourceId: globalElementId,\n      localizedResourceId: result?.id ?? null,\n    })\n\n    return result\n  }\n\n  readPagePathnameSlice(pageId: string): PagePathnameSlice | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.PagePathnameSlice,\n      pageId,\n    )\n  }\n\n  async fetchPagePathnameSlice(pageId: string): Promise<PagePathnameSlice | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.PagePathnameSlice, pageId, this.locale),\n    )\n  }\n\n  readTable(tableId: string): Table | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Table,\n      tableId,\n    )\n  }\n\n  async fetchTable(tableId: string): Promise<Table | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.Table, tableId),\n    )\n  }\n\n  async createTableRecord(tableId: string, columns: any): Promise<void> {\n    await this.graphqlClient.request<\n      CreateTableRecordMutationResult,\n      CreateTableRecordMutationVariables\n    >(CreateTableRecordMutation, { input: { data: { tableId, columns } } })\n  }\n\n  readSite(siteId: string): Site | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Site,\n      siteId,\n    )\n  }\n\n  readPage(pageId: string): Page | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Page,\n      pageId,\n    )\n  }\n\n  readSnippet(snippetId: string): Snippet | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Snippet,\n      snippetId,\n    )\n  }\n\n  private getLocalizedResourceId(resourceId: string): string | undefined | null {\n    return this.localizedResourcesMap?.get(resourceId)\n  }\n\n  setLocalizedResourceId({\n    resourceId,\n    localizedResourceId,\n  }: {\n    resourceId: string\n    localizedResourceId: string | null\n  }): void {\n    this.localizedResourcesMap.set(resourceId, localizedResourceId)\n  }\n}\n"],"mappings":"AAAA,YAAY,wBAAwB;AACpC;AAAA,EACE;AAAA,OAWK;AACP,SAAS,qBAAqB;AAC9B,SAAS,iCAAiC;AAwCnC,MAAM,uBAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACQ;AAAA,EACA;AAAA,EAER,YAAY,EAAE,KAAK,WAAW,wBAAwB,CAAC,GAAG,OAAO,GAA2B;AAC1F,SAAK,gBAAgB,IAAI,cAAc,GAAG;AAC1C,SAAK,qBAAqB,mBAAmB,eAAe,EAAE,iBAAiB,UAAU,CAAC;AAC1F,SAAK,YAAY,KAAK,mBAAmB;AACzC,SAAK,wBAAwB,IAAI,IAAI,OAAO,QAAQ,qBAAqB,CAAC;AAC1E,SAAK,SAAS;AAAA,EAChB;AAAA,EAEA,WAAW,UAAiC;AAC1C,WAAO,mBAAmB;AAAA,MACxB,KAAK,mBAAmB,SAAS;AAAA,MACjC,gBAAgB;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,MAAM,YAAY,UAA0C;AAC1D,WAAO,MAAM,KAAK,mBAAmB;AAAA,MACnC,mBAAmB,iBAAiB,gBAAgB,QAAQ,QAAQ;AAAA,IACtE;AAAA,EACF;AAAA,EAEA,SAAS,QAA6B;AACpC,WAAO,mBAAmB;AAAA,MACxB,KAAK,mBAAmB,SAAS;AAAA,MACjC,gBAAgB;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,MAAM,UAAU,QAAsC;AACpD,WAAO,MAAM,KAAK,mBAAmB;AAAA,MACnC,mBAAmB,iBAAiB,gBAAgB,MAAM,MAAM;AAAA,IAClE;AAAA,EACF;AAAA,EAEA,eAAe,cAAyC;AACtD,WAAO,mBAAmB;AAAA,MACxB,KAAK,mBAAmB,SAAS;AAAA,MACjC,gBAAgB;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,MAAM,gBAAgB,cAAkD;AACtE,WAAO,MAAM,KAAK,mBAAmB;AAAA,MACnC,mBAAmB,iBAAiB,gBAAgB,YAAY,YAAY;AAAA,IAC9E;AAAA,EACF;AAAA,EAEA,kBAAkB,iBAA+C;AAC/D,WAAO,mBAAmB;AAAA,MACxB,KAAK,mBAAmB,SAAS;AAAA,MACjC,gBAAgB;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,MAAM,mBAAmB,iBAAwD;AAC/E,WAAO,MAAM,KAAK,mBAAmB;AAAA,MACnC,mBAAmB,iBAAiB,gBAAgB,eAAe,eAAe;AAAA,IACpF;AAAA,EACF;AAAA,EAEA,2BAA2B,iBAAwD;AACjF,UAAM,2BAA2B,KAAK,uBAAuB,eAAe;AAE5E,QAAI,4BAA4B;AAAM,aAAO;AAE7C,WAAO,mBAAmB;AAAA,MACxB,KAAK,mBAAmB,SAAS;AAAA,MACjC,gBAAgB;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,MAAM,4BACJ,iBACwC;AACxC,UAAM,SAAS,KAAK;AAEpB,QAAI,UAAU;AAAM,aAAO;AAI3B,UAAM,sBAAsB,KAAK,uBAAuB,eAAe,MAAM;AAE7E,QAAI;AAAqB,aAAO;AAOhC,UAAM,cAAc,KAAK,2BAA2B,eAAe;AAEnE,QAAI;AAAa,aAAO;AAExB,UAAM,SAAS,MAAM,KAAK,mBAAmB;AAAA,MAC3C,mBAAmB;AAAA,QACjB,gBAAgB;AAAA,QAChB;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,SAAK,uBAAuB;AAAA,MAC1B,YAAY;AAAA,MACZ,qBAAqB,QAAQ,MAAM;AAAA,IACrC,CAAC;AAED,WAAO;AAAA,EACT;AAAA,EAEA,sBAAsB,QAA0C;AAC9D,WAAO,mBAAmB;AAAA,MACxB,KAAK,mBAAmB,SAAS;AAAA,MACjC,gBAAgB;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,MAAM,uBAAuB,QAAmD;AAC9E,WAAO,MAAM,KAAK,mBAAmB;AAAA,MACnC,mBAAmB,iBAAiB,gBAAgB,mBAAmB,QAAQ,KAAK,MAAM;AAAA,IAC5F;AAAA,EACF;AAAA,EAEA,UAAU,SAA+B;AACvC,WAAO,mBAAmB;AAAA,MACxB,KAAK,mBAAmB,SAAS;AAAA,MACjC,gBAAgB;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,MAAM,WAAW,SAAwC;AACvD,WAAO,MAAM,KAAK,mBAAmB;AAAA,MACnC,mBAAmB,iBAAiB,gBAAgB,OAAO,OAAO;AAAA,IACpE;AAAA,EACF;AAAA,EAEA,MAAM,kBAAkB,SAAiB,SAA6B;AACpE,UAAM,KAAK,cAAc,QAGvB,2BAA2B,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,QAAQ,EAAE,EAAE,CAAC;AAAA,EACxE;AAAA,EAEA,SAAS,QAA6B;AACpC,WAAO,mBAAmB;AAAA,MACxB,KAAK,mBAAmB,SAAS;AAAA,MACjC,gBAAgB;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,SAAS,QAA6B;AACpC,WAAO,mBAAmB;AAAA,MACxB,KAAK,mBAAmB,SAAS;AAAA,MACjC,gBAAgB;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,YAAY,WAAmC;AAC7C,WAAO,mBAAmB;AAAA,MACxB,KAAK,mBAAmB,SAAS;AAAA,MACjC,gBAAgB;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEQ,uBAAuB,YAA+C;AAC5E,WAAO,KAAK,uBAAuB,IAAI,UAAU;AAAA,EACnD;AAAA,EAEA,uBAAuB;AAAA,IACrB;AAAA,IACA;AAAA,EACF,GAGS;AACP,SAAK,sBAAsB,IAAI,YAAY,mBAAmB;AAAA,EAChE;AACF;","names":[]}
+{"version":3,"sources":["../../../src/api/react.ts"],"sourcesContent":["import * as MakeswiftApiClient from '../state/makeswift-api-client'\nimport {\n  APIResourceType,\n  File,\n  GlobalElement,\n  LocalizedGlobalElement,\n  Page,\n  PagePathnameSlice,\n  Site,\n  Snippet,\n  Swatch,\n  Table,\n  Typography,\n} from './graphql/types'\nimport { GraphQLClient } from './graphql/client'\nimport { CreateTableRecordMutation } from './graphql/documents'\nimport {\n  CreateTableRecordMutationResult,\n  CreateTableRecordMutationVariables,\n} from './graphql/generated/types'\n\nexport type SerializedLocalizedResourcesMap = {\n  [resourceId: string]: string | null\n}\n\ntype LocalizedResourcesMap = Map<string, string | null>\n\nexport type CacheData = MakeswiftApiClient.SerializedState\n\nexport type MakeswiftClientOptions = {\n  uri: string\n  cacheData?: CacheData\n  localizedResourcesMap?: SerializedLocalizedResourcesMap\n  locale?: Intl.Locale\n}\n\n/**\n * NOTE(miguel): This \"client\" is used to fetch Makeswift API resources needed for the host. For\n * example, swatches, files, typographies, etc. Ideally it's internal to the runtime and is only\n * used by controls to transform API references to API resources.\n *\n * Moreover, its use should be reserved for the builder only, since for live pages all Makeswift\n * API resources should be embedded in the \"page snapshot\". In the builder, this client serves the\n * purpose of sending requests for API resources and keeping a cache so that changes that happen in\n * the builder, like modifying a swatch, can be sent via `postMessage` to the host and the cache can\n * immediately update the value and re-render.\n *\n * Furthermore, the API resources requested shouldn't be requested directly from the Makeswift API\n * as that would require those resources to not be authenticated since the requests come from the\n * browser when running the host. Instead, the requests should go to the host directly, at the\n * Makeswift API endpoint (i.g., `/api/makeswift/[...makeswift]` dynamic route) where the host's\n * API key can be used, securely, in the server. For this reason, this client should really be a\n * client of the host's API, not Makeswift's, intended to build and continuously maintain a realtime\n * snapshot for use in the builder, not the lives pages.\n */\nexport class MakeswiftHostApiClient {\n  graphqlClient: GraphQLClient\n  makeswiftApiClient: MakeswiftApiClient.Store\n  subscribe: MakeswiftApiClient.Store['subscribe']\n  private localizedResourcesMap: LocalizedResourcesMap\n  private locale: Intl.Locale | undefined\n\n  constructor({ uri, cacheData, localizedResourcesMap = {}, locale }: MakeswiftClientOptions) {\n    this.graphqlClient = new GraphQLClient(uri)\n    this.makeswiftApiClient = MakeswiftApiClient.configureStore({ serializedState: cacheData })\n    this.subscribe = this.makeswiftApiClient.subscribe\n    this.localizedResourcesMap = new Map(Object.entries(localizedResourcesMap))\n    this.locale = locale\n  }\n\n  readSwatch(swatchId: string): Swatch | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Swatch,\n      swatchId,\n    )\n  }\n\n  async fetchSwatch(swatchId: string): Promise<Swatch | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.Swatch, swatchId),\n    )\n  }\n\n  readFile(fileId: string): File | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.File,\n      fileId,\n    )\n  }\n\n  async fetchFile(fileId: string): Promise<File | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.File, fileId),\n    )\n  }\n\n  readTypography(typographyId: string): Typography | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Typography,\n      typographyId,\n    )\n  }\n\n  async fetchTypography(typographyId: string): Promise<Typography | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.Typography, typographyId),\n    )\n  }\n\n  readGlobalElement(globalElementId: string): GlobalElement | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.GlobalElement,\n      globalElementId,\n    )\n  }\n\n  async fetchGlobalElement(globalElementId: string): Promise<GlobalElement | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.GlobalElement, globalElementId),\n    )\n  }\n\n  readLocalizedGlobalElement(globalElementId: string): LocalizedGlobalElement | null {\n    const localizedGlobalElementId = this.getLocalizedResourceId(globalElementId)\n\n    if (localizedGlobalElementId == null) return null\n\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.LocalizedGlobalElement,\n      localizedGlobalElementId,\n    )\n  }\n\n  async fetchLocalizedGlobalElement(\n    globalElementId: string,\n  ): Promise<LocalizedGlobalElement | null> {\n    const locale = this.locale\n\n    if (locale == null) return null\n\n    // If getLocalizedResourceId returns null, it means we have tried to fetch the resource,\n    // but the resource is not available. If we haven't fetched it yet, it'll return undefined.\n    const noLocalizedResource = this.getLocalizedResourceId(globalElementId) === null\n\n    if (noLocalizedResource) return null\n\n    // TODO(fikri): We're checking the cache here because the cache hit will fail on fetchAPIResource.\n    // This is because in the cache we're saving the ID of the localizedGlobalElementId,\n    // but we're reading the cache using the globalElementId.\n    // This is very confusing and it can lead to more bugs. We need to refactor how we handle\n    // localized global element.\n    const cacheResult = this.readLocalizedGlobalElement(globalElementId)\n\n    if (cacheResult) return cacheResult\n\n    const result = await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(\n        APIResourceType.LocalizedGlobalElement,\n        globalElementId,\n        locale,\n      ),\n    )\n\n    this.setLocalizedResourceId({\n      resourceId: globalElementId,\n      localizedResourceId: result?.id ?? null,\n    })\n\n    return result\n  }\n\n  readPagePathnameSlice(pageId: string): PagePathnameSlice | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.PagePathnameSlice,\n      pageId,\n    )\n  }\n\n  async fetchPagePathnameSlice(pageId: string): Promise<PagePathnameSlice | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.PagePathnameSlice, pageId, this.locale),\n    )\n  }\n\n  readTable(tableId: string): Table | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Table,\n      tableId,\n    )\n  }\n\n  async fetchTable(tableId: string): Promise<Table | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.Table, tableId),\n    )\n  }\n\n  async createTableRecord(tableId: string, columns: any): Promise<void> {\n    await this.graphqlClient.request<\n      CreateTableRecordMutationResult,\n      CreateTableRecordMutationVariables\n    >(CreateTableRecordMutation, { input: { data: { tableId, columns } } })\n  }\n\n  readSite(siteId: string): Site | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Site,\n      siteId,\n    )\n  }\n\n  readPage(pageId: string): Page | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Page,\n      pageId,\n    )\n  }\n\n  readSnippet(snippetId: string): Snippet | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Snippet,\n      snippetId,\n    )\n  }\n\n  private getLocalizedResourceId(resourceId: string): string | undefined | null {\n    return this.localizedResourcesMap?.get(resourceId)\n  }\n\n  setLocalizedResourceId({\n    resourceId,\n    localizedResourceId,\n  }: {\n    resourceId: string\n    localizedResourceId: string | null\n  }): void {\n    this.localizedResourcesMap.set(resourceId, localizedResourceId)\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/esm/builder/rich-text/index.js

@@ -0,0 +1,5 @@
+import { Slate } from "@makeswift/controls";
+export {
+  Slate as RichTextCore
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/builder/rich-text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/builder/rich-text/index.ts"],"sourcesContent":["export { Slate as RichTextCore, type RichTextTypography } from '@makeswift/controls'\nexport { type RichTextV2Plugin } from '../../controls/rich-text-v2/plugin'\n"],"mappings":"AAAA,SAAkB,aAA6C;","names":[]}

package/dist/esm/builder/serialization/control-serialization.js

@@ -1,24 +1,26 @@
 import {
-  ComboboxControlType,
-  ListControlType,
-  RichTextV2ControlType,
-  ShapeControlType,
-  StyleV2ControlType
+  CheckboxDefinition,
+  ColorDefinition,
+  ComboboxDefinition,
+  ImageDefinition,
+  IconRadioGroupDefinition,
+  ListDefinition,
+  LinkDefinition,
+  NumberDefinition,
+  RichTextV1Definition,
+  RichTextV2Definition,
+  SelectDefinition,
+  ShapeDefinition,
+  SlotDefinition,
+  StyleDefinition,
+  StyleV2Definition,
+  TextAreaDefinition,
+  TextInputDefinition,
+  unstable_TypographyDefinition
 } from "../../controls";
 import {
   DELETED_PROP_CONTROLLER_TYPES
 } from "../../prop-controllers/deleted";
-import {
-  deserializeComboboxControlDefinition,
-  serializeComboboxControlDefinition
-} from "./controls/combobox";
-import { deserializeListControlDefinition, serializeListControlDefinition } from "./controls/list";
-import { deserializeRichTextControlV2, serializeRichTextControlV2 } from "./controls/rich-text-v2";
-import {
-  deserializeShapeControlDefinition,
-  serializeShapeControlDefinition
-} from "./controls/shape";
-import { deserializeStyleV2Control, serializeStyleV2Control } from "./controls/style-v2";
 import {
   deserializeFunction,
   isSerializedFunction,
@@ -27,6 +29,8 @@ import {
 import {
   Types as PropControllerTypes
 } from "@makeswift/prop-controllers";
+import { isLegacyDescriptor } from "../../prop-controllers/descriptors";
+import { deserializeRecord } from "@makeswift/controls";
 function serializeShapeControl(control) {
   const { type } = control.options;
   const transferables = [];
@@ -266,6 +270,13 @@ function deserializeRichTextControl(serializedControl) {
   return { ...serializedControl, options: deserializedOptions };
 }
 function serializeControl(control) {
+  if (isLegacyDescriptor(control)) {
+    return serializeLegacyControl(control);
+  }
+  const [serializedControl, transferables] = control.serialize();
+  return [serializedControl, transferables];
+}
+function serializeLegacyControl(control) {
   switch (control.type) {
     case PropControllerTypes.Checkbox:
       return serializeCheckboxControl(control);
@@ -303,21 +314,14 @@ function serializeControl(control) {
       return serializeImageControl(control);
     case DELETED_PROP_CONTROLLER_TYPES.RichText:
       return serializeRichTextControl(control);
-    case RichTextV2ControlType:
-      return serializeRichTextControlV2(control);
-    case StyleV2ControlType:
-      return serializeStyleV2Control(control);
-    case ComboboxControlType:
-      return serializeComboboxControlDefinition(control);
-    case ShapeControlType:
-      return serializeShapeControlDefinition(control);
-    case ListControlType:
-      return serializeListControlDefinition(control);
     default:
       return [control, []];
   }
 }
-function deserializeControl(serializedControl) {
+function isSerializedLegacyControl(control) {
+  return "options" in control;
+}
+function deserializeLegacyControl(serializedControl) {
   switch (serializedControl.type) {
     case PropControllerTypes.Checkbox:
       return deserializeCheckboxControl(serializedControl);
@@ -355,20 +359,43 @@ function deserializeControl(serializedControl) {
       return deserializeImageControl(serializedControl);
     case DELETED_PROP_CONTROLLER_TYPES.RichText:
       return deserializeRichTextControl(serializedControl);
-    case RichTextV2ControlType:
-      return deserializeRichTextControlV2(serializedControl);
-    case StyleV2ControlType:
-      return deserializeStyleV2Control(serializedControl);
-    case ComboboxControlType:
-      return deserializeComboboxControlDefinition(serializedControl);
-    case ShapeControlType:
-      return deserializeShapeControlDefinition(serializedControl);
-    case ListControlType:
-      return deserializeListControlDefinition(serializedControl);
     default:
       return serializedControl;
   }
 }
+function deserializeControl(serializedControl) {
+  if (isSerializedLegacyControl(serializedControl)) {
+    return deserializeLegacyControl(serializedControl);
+  }
+  return deserializeUnifiedControlDef(deserializeRecord(serializedControl));
+}
+function deserializeUnifiedControlDef(record) {
+  const deserializeMethod = {
+    [CheckboxDefinition.type]: CheckboxDefinition.deserialize,
+    [ColorDefinition.type]: ColorDefinition.deserialize,
+    [NumberDefinition.type]: NumberDefinition.deserialize,
+    [SelectDefinition.type]: SelectDefinition.deserialize,
+    [ComboboxDefinition.type]: ComboboxDefinition.deserialize,
+    [ImageDefinition.type]: ImageDefinition.deserialize,
+    [SlotDefinition.type]: SlotDefinition.deserialize,
+    [TextAreaDefinition.type]: TextAreaDefinition.deserialize,
+    [TextInputDefinition.type]: TextInputDefinition.deserialize,
+    [IconRadioGroupDefinition.type]: IconRadioGroupDefinition.deserialize,
+    [LinkDefinition.type]: LinkDefinition.deserialize,
+    [StyleDefinition.type]: StyleDefinition.deserialize,
+    [ListDefinition.type]: (record2) => ListDefinition.deserialize(record2, deserializeUnifiedControlDef),
+    [ShapeDefinition.type]: (record2) => ShapeDefinition.deserialize(record2, deserializeUnifiedControlDef),
+    [StyleV2Definition.type]: (record2) => StyleV2Definition.deserialize(record2, deserializeUnifiedControlDef),
+    [RichTextV1Definition.type]: RichTextV1Definition.deserialize,
+    [RichTextV2Definition.type]: (record2) => RichTextV2Definition.deserialize(record2, deserializeUnifiedControlDef),
+    [unstable_TypographyDefinition.type]: unstable_TypographyDefinition.deserialize
+  };
+  const deserialize = deserializeMethod[record.type] ?? null;
+  if (deserialize == null) {
+    throw new Error(`Unknown control type: ${record.type}`);
+  }
+  return deserialize(record);
+}
 function serializeControls(controls) {
   return Object.entries(controls).reduce(
     ([accControls, accTransferables], [key, control]) => {
@@ -389,6 +416,8 @@ function deserializeControls(serializedControls) {
 export {
   deserializeControl,
   deserializeControls,
+  deserializeLegacyControl,
+  deserializeUnifiedControlDef,
   serializeControl,
   serializeControls
 };