@makeswift/runtime 0.3.1 → 0.4.0

package/dist/Text.es.js

@@ -36,22 +36,21 @@ import { isHotkey } from "is-hotkey";
 import { g as getBox } from "./box-models.es.js";
 import { Editor } from "slate-react";
 import Lists from "@convertkit/slate-lists";
-import { B as useQuery, N as TYPOGRAPHIES_BY_ID, O as SWATCHES_BY_ID, J as findDeviceOverride, q as useStyle, r as responsiveStyle, Q as shallowMergeFallbacks, v as colorToString, u as useIsInBuilder } from "./index.es.js";
+import { J as useTypography, K as useSwatches, G as findDeviceOverride, n as useStyle, r as responsiveStyle, L as shallowMergeFallbacks, q as colorToString, u as useIsInBuilder } from "./index.es.js";
+import { w as getTypographyStyleSwatchIds, l as isNonNullable } from "./react-page.es.js";
 import { cx } from "@emotion/css";
 import { jsx } from "react/jsx-runtime";
 import { L as Link } from "./index.es2.js";
+import "use-sync-external-store/shim";
+import "./slot.es.js";
 import "css-box-model";
 import "./actions.es.js";
 import "use-sync-external-store/shim/with-selector";
-import "./react-page.es.js";
+import "next/dynamic";
+import "./control.es.js";
 import "redux";
 import "redux-thunk";
-import "./slot.es.js";
-import "./control.es.js";
-import "next/dynamic";
-import "@apollo/client";
-import "@apollo/client/link/batch-http";
-import "./graphql.es.js";
+import "./types.es.js";
 import "./text-input.es.js";
 import "./combobox.es.js";
 import "color";
@@ -68,20 +67,13 @@ import "set-cookie-parser";
 import "uuid/v4";
 import "corporate-ipsum";
 import "next/link";
-function useTypography(typographyId) {
-  const { error, data } = useQuery(TYPOGRAPHIES_BY_ID, {
-    skip: typographyId == null,
-    variables: { ids: typographyId != null ? [typographyId] : [] }
-  });
-  if (typographyId == null || error != null)
-    return null;
-  return data == null ? void 0 : data.typographies[0];
-}
-const concat = (a, b) => a.concat(b);
-const getSwatchId = ({ value: { color } }) => color && color.swatchId;
 const getDeviceId = ({ deviceId }) => deviceId;
 const withColor = (swatches) => (_a) => {
-  var _b = _a, { value: _c } = _b, _d = _c, { color } = _d, restOfValue = __objRest(_d, ["color"]), rest = __objRest(_b, ["value"]);
+  var _b = _a, {
+    value: _c
+  } = _b, _d = _c, { color } = _d, restOfValue = __objRest(_d, ["color"]), rest = __objRest(_b, [
+    "value"
+  ]);
   return __spreadProps(__spreadValues({}, rest), {
     value: __spreadValues(__spreadValues({}, restOfValue), color ? {
       color: {
@@ -99,19 +91,14 @@ const overrideTypographyStyle = (source, override) => {
   }));
 };
 function useTypographyMark(value) {
-  const typography = useTypography(value && value.id);
+  var _a, _b, _c;
+  const typography = useTypography((_a = value == null ? void 0 : value.id) != null ? _a : null);
   const swatchIds = [
-    typography && typography.style.map(getSwatchId) || [],
-    value && value.style.map(getSwatchId) || []
-  ].reduce(concat).filter(Boolean);
-  const { error: colorError, data: colorData = {} } = useQuery(SWATCHES_BY_ID, {
-    skip: swatchIds == null || swatchIds.length === 0,
-    variables: { ids: swatchIds }
-  });
-  const { swatches = [] } = colorData;
-  if (colorError != null)
-    return null;
-  return overrideTypographyStyle(typography && typography.style.map(withColor(swatches)) || [], value && value.style.map(withColor(swatches)) || []);
+    ...getTypographyStyleSwatchIds(value == null ? void 0 : value.style),
+    ...getTypographyStyleSwatchIds(typography == null ? void 0 : typography.style)
+  ];
+  const swatches = useSwatches(swatchIds);
+  return overrideTypographyStyle((_b = typography == null ? void 0 : typography.style.map(withColor(swatches.filter(isNonNullable)))) != null ? _b : [], (_c = value == null ? void 0 : value.style.map(withColor(swatches.filter(isNonNullable)))) != null ? _c : []);
 }
 function Mark(_a) {
   var _b = _a, {

package/dist/Text.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.es.js","sources":["../src/components/hooks/useTypography.ts","../src/components/builtin/Text/components/RichTextEditor/components/Mark/hooks/useTypographyMark.ts","../src/components/builtin/Text/components/RichTextEditor/components/Mark/index.tsx","../src/components/builtin/Text/components/RichTextEditor/plugins/DeviceOverridesMarks.tsx","../src/components/builtin/Text/components/RichTextEditor/components/Block/index.tsx","../src/components/builtin/Text/components/RichTextEditor/plugins/DeviceOverridesBlocks.tsx","../src/components/builtin/Text/components/RichTextEditor/plugins/Link.tsx","../src/components/builtin/Text/components/RichTextEditor/plugins/Inlines.tsx","../src/components/builtin/Text/components/RichTextEditor/index.tsx","../src/components/builtin/Text/Text.tsx"],"sourcesContent":["import type { ColorValue } from '../utils/types'\nimport type { Length as LengthValue } from '../../prop-controllers'\nimport { DeviceOverride } from '../../prop-controllers'\nimport { TYPOGRAPHIES_BY_ID } from '../utils/queries'\nimport { useQuery } from '../../api/react'\n\nexport type TypographyStyleValue = {\n  fontFamily?: string\n  fontWeight?: number\n  fontSize?: LengthValue\n  color?: ColorValue\n  textAlign?: string\n  lineHeight?: number\n  letterSpacing?: number\n  uppercase?: boolean\n  underline?: boolean\n  strikethrough?: boolean\n  italic?: boolean\n}\n\nexport type TypographyStyle = Array<DeviceOverride<TypographyStyleValue>>\n\nexport type Typography = {\n  id: string\n  name: string\n  style: TypographyStyle\n}\n\nexport function useTypography(\n  typographyId: string | null | undefined,\n): Typography | null | undefined {\n  const { error, data } = useQuery(TYPOGRAPHIES_BY_ID, {\n    skip: typographyId == null,\n    variables: { ids: typographyId != null ? [typographyId] : [] },\n  })\n\n  if (typographyId == null || error != null) return null\n\n  return data?.typographies[0] as Typography | null\n}\n","import { Length as LengthValue } from '../../../../../../../../prop-controllers'\nimport { ColorValue as Color } from '../../../../../../../utils/types'\nimport { findDeviceOverride } from '../../../../../../../utils/devices'\nimport type { DeviceOverride } from '../../../../../../../../prop-controllers'\nimport { SWATCHES_BY_ID } from '../../../../../../../utils/queries'\nimport { useTypography, TypographyStyle } from '../../../../../../../hooks/useTypography'\nimport { useQuery } from '../../../../../../../../api/react'\n\nexport type TypographyMarkDataValue = {\n  fontWeight?: number\n  fontSize?: LengthValue\n  fontFamily?: string\n  color?: Color\n  textAlign?: string\n  lineHeight?: number\n  letterSpacing?: number\n  uppercase?: boolean\n  italic?: boolean\n  underline?: boolean\n  strikethrough?: boolean\n}\n\nexport type TypographyMarkValue = {\n  id: string | null | undefined\n  style: TypographyStyle\n}\n\nexport type TypographyMarkData = Array<DeviceOverride<TypographyMarkDataValue>>\n\nconst concat = <A extends unknown[], B extends unknown[]>(a: A, b: B) => a.concat(b)\nconst getSwatchId = ({ value: { color } }: any) => color && color.swatchId\nconst getDeviceId = ({ deviceId }: any) => deviceId\n\nconst withColor =\n  (swatches: any) =>\n  ({ value: { color, ...restOfValue }, ...rest }: any) => ({\n    ...rest,\n    value: {\n      ...restOfValue,\n      ...(color\n        ? {\n            color: {\n              swatch: swatches.find((s: any) => s && s.id === color.swatchId),\n              alpha: color.alpha,\n            },\n          }\n        : {}),\n    },\n  })\n\nexport const overrideTypographyStyle = <A>(\n  source: Array<DeviceOverride<A>>,\n  override: Array<DeviceOverride<A>>,\n): Array<DeviceOverride<A>> => {\n  const devices = [...new Set(source.map(getDeviceId).concat(override.map(getDeviceId)))]\n\n  return devices.map((deviceId: any) => ({\n    deviceId,\n    value: {\n      ...(findDeviceOverride(source, deviceId) || { value: {} }).value,\n      ...(findDeviceOverride(override, deviceId, v => v) || { value: {} }).value,\n    },\n  })) as DeviceOverride<A>[]\n}\n\nexport default function useTypographyMark(\n  value: TypographyMarkValue | null | undefined,\n): TypographyMarkData | null | undefined {\n  const typography = useTypography(value && value.id)\n\n  const swatchIds = [\n    (typography && typography.style.map(getSwatchId)) || [],\n    (value && value.style.map(getSwatchId)) || [],\n  ]\n    .reduce(concat)\n    .filter(Boolean)\n\n  const { error: colorError, data: colorData = {} } = useQuery(SWATCHES_BY_ID, {\n    skip: swatchIds == null || swatchIds.length === 0,\n    variables: { ids: swatchIds },\n  })\n\n  const { swatches = [] } = colorData\n\n  if (colorError != null) return null\n\n  return overrideTypographyStyle(\n    (typography && typography.style.map(withColor(swatches))) || [],\n    (value && value.style.map(withColor(swatches))) || [],\n  )\n}\n","import { ComponentPropsWithoutRef } from 'react'\n\nimport useTypographyMark, {\n  TypographyMarkValue,\n  overrideTypographyStyle,\n  TypographyMarkDataValue,\n} from './hooks/useTypographyMark'\nimport { colorToString } from '../../../../../../utils/colorToString'\nimport { shallowMergeFallbacks } from '../../../../../../utils/devices'\nimport { cx } from '@emotion/css'\nimport { useStyle } from '../../../../../../../runtimes/react/use-style'\nimport { responsiveStyle } from '../../../../../../utils/responsive-style'\nimport { ResponsiveValue } from '../../../../../../../prop-controllers/descriptors'\n\nexport type { TypographyMarkValue }\nexport { overrideTypographyStyle }\n\ntype BaseProps = { value: TypographyMarkValue }\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'span'>, keyof BaseProps>\n\nexport default function Mark({ value, className, ...restOfProps }: Props): JSX.Element {\n  const typographyStyle = useTypographyMark(value)\n  const typographyClassName = useStyle(\n    responsiveStyle<\n      TypographyMarkDataValue,\n      [ResponsiveValue<TypographyMarkDataValue> | null | undefined]\n    >(\n      [typographyStyle],\n      ([\n        {\n          color,\n          fontFamily,\n          fontSize,\n          fontWeight,\n          lineHeight,\n          letterSpacing,\n          uppercase,\n          underline,\n          strikethrough,\n          italic,\n        } = {} as TypographyMarkDataValue,\n      ]) => ({\n        ...(color == null ? {} : { color: colorToString(color) }),\n        ...(fontFamily == null ? {} : { fontFamily }),\n        ...(fontSize == null || fontSize.value == null || fontSize.unit == null\n          ? {}\n          : { fontSize: `${fontSize.value}${fontSize.unit}` }),\n        ...(fontWeight == null ? {} : { fontWeight }),\n        ...(lineHeight == null ? {} : { lineHeight }),\n        ...(letterSpacing == null ? {} : { letterSpacing: `${letterSpacing / 10}em` }),\n        ...(uppercase == null\n          ? {}\n          : { textTransform: uppercase === true ? 'uppercase' : 'initial' }),\n        ...(underline == null && strikethrough == null\n          ? {}\n          : {\n              textDecoration: [\n                Boolean(underline) && 'underline',\n                Boolean(strikethrough) && 'line-through',\n              ]\n                .filter(Boolean)\n                .join(' '),\n            }),\n        ...(italic == null ? {} : { fontStyle: italic === true ? 'italic' : 'initial' }),\n      }),\n      shallowMergeFallbacks,\n    ),\n  )\n\n  return <span {...restOfProps} className={cx(typographyClassName, className)} />\n}\n","import type { Plugin } from 'slate-react'\n\nimport Mark from '../components/Mark'\n\nconst TYPOGRAPHY_TYPE = 'typography'\n\nexport default function DeviceOverridesMarksPlugin(): Plugin {\n  return {\n    renderMark({ mark, children }, _editor, next) {\n      if (mark.type === TYPOGRAPHY_TYPE) {\n        return <Mark value={mark.data.get('value')}>{children}</Mark>\n      }\n\n      return next()\n    },\n  }\n}\n","import { cx } from '@emotion/css'\nimport { forwardRef, ComponentPropsWithoutRef, ForwardedRef, ElementRef, ElementType } from 'react'\n\nimport type { ResponsiveValue } from '../../../../../../../prop-controllers'\nimport { useStyle } from '../../../../../../../runtimes/react/use-style'\nimport { responsiveStyle } from '../../../../../../utils/responsive-style'\n\ntype BaseProps<T extends ElementType> = {\n  as?: T\n  textAlign?: ResponsiveValue<'left' | 'center' | 'right' | 'justify'>\n}\n\ntype Props<T extends ElementType> = BaseProps<T> &\n  Omit<ComponentPropsWithoutRef<T>, keyof BaseProps<T>>\n\nexport default forwardRef(function Block<T extends ElementType>(\n  { textAlign, className, as, ...restOfProps }: Props<T>,\n  ref: ForwardedRef<ElementRef<T>>,\n) {\n  const Component = as ?? 'div'\n\n  return (\n    // @ts-ignore: `ref` types don't match.\n    <Component\n      {...restOfProps}\n      ref={ref}\n      className={cx(\n        useStyle({ margin: 0 }),\n        useStyle(responsiveStyle([textAlign], ([textAlign = 'left']) => ({ textAlign }))),\n        useStyle(\n          as === 'blockquote'\n            ? {\n                padding: '0.5em 10px',\n                fontSize: '1.25em',\n                fontWeight: '300',\n                borderLeft: '5px solid rgba(0, 0, 0, 0.1)',\n              }\n            : {},\n        ),\n        className,\n      )}\n    />\n  )\n})\n","import { Plugin } from 'slate-react'\n\nimport Block from '../components/Block'\n\nexport default function DeviceOverridesBlockPlugin(): Plugin {\n  return {\n    renderBlock(props, _editor, next): JSX.Element {\n      const { node, attributes, children } = props\n      const blockProps = { textAlign: node.data.get('textAlign') }\n\n      switch (node.type) {\n        case 'paragraph':\n          return (\n            <Block {...attributes} {...blockProps} as=\"p\">\n              {children}\n            </Block>\n          )\n\n        case 'heading-one':\n          return (\n            <Block {...attributes} {...blockProps} as=\"h1\">\n              {children}\n            </Block>\n          )\n\n        case 'heading-two':\n          return (\n            <Block {...attributes} {...blockProps} as=\"h2\">\n              {children}\n            </Block>\n          )\n\n        case 'heading-three':\n          return (\n            <Block {...attributes} {...blockProps} as=\"h3\">\n              {children}\n            </Block>\n          )\n\n        case 'heading-four':\n          return (\n            <Block {...attributes} {...blockProps} as=\"h4\">\n              {children}\n            </Block>\n          )\n\n        case 'heading-five':\n          return (\n            <Block {...attributes} {...blockProps} as=\"h5\">\n              {children}\n            </Block>\n          )\n\n        case 'heading-six':\n          return (\n            <Block {...attributes} {...blockProps} as=\"h6\">\n              {children}\n            </Block>\n          )\n\n        case 'blockquote':\n          return (\n            <Block {...attributes} {...blockProps} as=\"blockquote\">\n              {children}\n            </Block>\n          )\n\n        default:\n          return next()\n      }\n    },\n  }\n}\n","import { cx } from '@emotion/css'\nimport { ComponentPropsWithoutRef } from 'react'\nimport { Plugin } from 'slate-react'\nimport { useStyle } from '../../../../../../runtimes/react/use-style'\n\nimport { Link } from '../../../../../shared/Link'\n\nfunction StyledLink({ className, ...restOfProps }: ComponentPropsWithoutRef<typeof Link>) {\n  return <Link {...restOfProps} className={cx(useStyle({ textDecoration: 'none' }), className)} />\n}\n\nexport default function LinkPlugin(): Plugin {\n  return {\n    renderInline(props, _editor, next) {\n      const { attributes, children, node } = props\n\n      switch (node.type) {\n        case 'link': {\n          const { data } = node\n\n          return (\n            <StyledLink {...attributes} link={data.toJS()}>\n              {children}\n            </StyledLink>\n          )\n        }\n\n        default: {\n          return next()\n        }\n      }\n    },\n  }\n}\n","import { Plugin } from 'slate-react'\n\nexport default function Inlines(): Plugin {\n  return {\n    renderInline(props, _editor, next) {\n      const { attributes, children, node } = props\n\n      switch (node.type) {\n        case 'code': {\n          return <code {...attributes}>{children}</code>\n        }\n\n        case 'superscript': {\n          return <sup {...attributes}>{children}</sup>\n        }\n\n        case 'subscript': {\n          return <sub {...attributes}>{children}</sub>\n        }\n\n        default: {\n          return next()\n        }\n      }\n    },\n  }\n}\n","import { ComponentPropsWithoutRef, forwardRef, useMemo } from 'react'\n\nimport { Editor as SlateEditor } from 'slate-react'\n\n// @ts-expect-error: no types for '@convertkit/slate-lists'\nimport Lists from '@convertkit/slate-lists'\n\nimport DeviceOverridesMarks from './plugins/DeviceOverridesMarks'\nimport DeviceOverridesBlocks from './plugins/DeviceOverridesBlocks'\nimport Link from './plugins/Link'\nimport Inlines from './plugins/Inlines'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { cx } from '@emotion/css'\n\nexport { overrideTypographyStyle } from './components/Mark'\n\ntype Props = ComponentPropsWithoutRef<typeof SlateEditor>\n\nexport const RichTextEditor = forwardRef<SlateEditor, Props>(function RichTextEditor(\n  { placeholder = 'Write some text...', className, ...restOfProps }: Props,\n  ref,\n) {\n  const plugins = useMemo(\n    () => [Lists(), Link(), Inlines(), DeviceOverridesBlocks(), DeviceOverridesMarks()],\n    [],\n  )\n\n  return (\n    <SlateEditor\n      {...restOfProps}\n      // Workaround because our Slate editor is broken on Chrome 105\n      // Problem: https://linear.app/makeswift/issue/PRD-434/our-rich-text-component-breaks-in-the-latest-version-of-chrome\n      // Workaround: https://github.com/ianstormtaylor/slate/issues/5110#issuecomment-1234951122\n      style={{ WebkitUserModify: undefined }}\n      className={cx(useStyle({ 'ul, ol': { margin: 0 } }), className)}\n      ref={ref}\n      autoFocus={false}\n      plugins={plugins}\n      placeholder={placeholder}\n    />\n  )\n})\n","import {\n  useState,\n  Ref,\n  useImperativeHandle,\n  forwardRef,\n  useEffect,\n  useCallback,\n  useRef,\n  KeyboardEvent as ReactKeyboardEvent,\n  FocusEvent as ReactFocusEvent,\n} from 'react'\nimport { Editor, OnChangeParam } from 'slate-react'\nimport { Value, ValueJSON } from 'slate'\n// @ts-expect-error: no types for 'slate-hotkeys'\nimport Hotkeys from 'slate-hotkeys'\nimport { isHotkey } from 'is-hotkey'\n\nimport {\n  ElementIDValue,\n  RichTextDescriptor,\n  RichTextValue,\n} from '../../../prop-controllers/descriptors'\nimport { BoxModelHandle, getBox } from '../../../box-model'\nimport { PropControllersHandle } from '../../../state/modules/prop-controller-handles'\nimport { RichTextEditor } from './components/RichTextEditor'\nimport { useIsInBuilder } from '../../../runtimes/react'\nimport { DescriptorsPropControllers } from '../../../prop-controllers/instances'\nimport { cx } from '@emotion/css'\n\ntype Props = {\n  id?: ElementIDValue\n  text?: RichTextValue\n  width?: string\n  margin?: string\n}\n\nconst defaultText: ValueJSON = {\n  document: { nodes: [{ object: 'block' as const, type: 'paragraph' as const, nodes: [] }] },\n  data: {},\n}\n\nconst COMMIT_DEBOUNCE_DELAY = 500\n\ntype Descriptors = { text?: RichTextDescriptor }\n\nconst Text = forwardRef(function Text(\n  { id, text, width, margin }: Props,\n  ref: Ref<BoxModelHandle & PropControllersHandle<Descriptors>>,\n) {\n  const [editor, setEditor] = useState<Editor | null>(null)\n  const [propControllers, setPropControllers] =\n    useState<DescriptorsPropControllers<Descriptors> | null>(null)\n  const controller = propControllers?.text\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      getBoxModel() {\n        const el = editor?.findDOMNode([])\n\n        return el instanceof Element ? getBox(el) : null\n      },\n      setPropControllers,\n    }),\n    [editor, setPropControllers],\n  )\n\n  useEffect(() => {\n    if (editor) controller?.setSlateEditor(editor)\n  }, [controller, editor])\n\n  /**\n   * We must keep local state so that we can reflect the user's typed changes immediately. At the\n   * same time, though, the source of truth for the data is the prop data. This presents a\n   * challenge: how do we keep local state in sync with the prop data without mangling user input as\n   * data comes in?\n   *\n   * Consider, for example, that the user types \"Hello\". If at a later time, when the user is trying\n   * to type \", world\" the component re-renders with prop data \"H\", \"He\", \"Hel\", \"Hell\", \"Hello\", it\n   * will disrupt the user's typing. This could also happen as a result of the prop data changing\n   * for other reasons, like collaborators changing the prop data concurrently. We want to avoid to\n   * disrupt the user's typing, while at the same time display the \"true\" value as quickly as\n   * possible.\n   *\n   * The approach we take here is to commit the prop data at an opportune time: as the user is\n   * typing we avoid to commit prop data. But once they've stopped typing, we commit it as soon as\n   * possible. This is known as a debounce.\n   */\n  const [value, setValue] = useState(() => {\n    const { selection, ...textWithoutSelection } = text ?? defaultText\n\n    return Value.fromJSON(textWithoutSelection)\n  })\n  const [shouldCommit, setShouldCommit] = useState(true)\n\n  useEffect(() => {\n    if (shouldCommit) {\n      const nextValue = Value.fromJSON(text ?? defaultText)\n\n      setValue(currentValue =>\n        currentValue.selection.isBlurred\n          ? Value.fromJSON(nextValue.toJSON({ preserveSelection: false }))\n          : nextValue,\n      )\n    }\n  }, [shouldCommit, text])\n\n  useEffect(() => {\n    if (shouldCommit) return\n\n    const timeoutId = window.setTimeout(() => {\n      setShouldCommit(true)\n    }, COMMIT_DEBOUNCE_DELAY)\n\n    return () => {\n      window.clearTimeout(timeoutId)\n    }\n  }, [shouldCommit])\n\n  function handleChange(change: OnChangeParam) {\n    setValue(change.value as Value)\n\n    if (change.value !== value) {\n      setShouldCommit(false)\n\n      controller?.onChange(change)\n    }\n  }\n\n  // HACK: Slate holds on to the very first DOM event handlers passed in and doesn't update them\n  // even if they change. Since `controller` is first `undefined` then we must use a ref.\n  const lastController = useRef(controller)\n  if (lastController.current !== controller) lastController.current = controller\n  const handleFocus = useCallback(() => {\n    lastController.current?.focus()\n  }, [])\n  const handleKeyDown = useCallback(\n    (event: ReactKeyboardEvent, _editor: Editor, next: () => any) => {\n      if (Hotkeys.isUndo(event)) {\n        lastController.current?.undo()\n\n        return true\n      }\n\n      if (Hotkeys.isRedo(event)) {\n        lastController.current?.redo()\n\n        return true\n      }\n\n      if (isHotkey('escape')(event)) {\n        lastController.current?.blur()\n\n        return true\n      }\n\n      return next()\n    },\n    [],\n  )\n  const handleBlur = useCallback((event: ReactFocusEvent, editor: Editor, next: () => any) => {\n    const selection = editor.value.selection\n\n    next()\n\n    // Normally, after a user highlight a text, clicking on the panel will remove the text selection.\n    // This line is a workaround for that. Because the panel is not in the iframe, relatedTarget\n    // would be null, and we select the previous text selection to maintain the text highlight.\n    // Inspiration: https://github.com/ianstormtaylor/slate/issues/3412#issuecomment-663906003\n    if (event.relatedTarget == null) editor.select(selection)\n  }, [])\n\n  const isInBuilder = useIsInBuilder()\n\n  return (\n    <RichTextEditor\n      // @ts-expect-error: types don't allow for 'id' prop even though it's used.\n      id={id}\n      ref={setEditor}\n      className={cx(width, margin)}\n      readOnly={!isInBuilder}\n      value={value}\n      onChange={handleChange}\n      onFocus={handleFocus}\n      onKeyDown={handleKeyDown}\n      onBlur={handleBlur}\n    />\n  )\n})\n\nexport default Text\n"],"names":["value","className","restOfProps","typographyStyle","useTypographyMark","typographyClassName","useStyle","responsiveStyle","color","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","uppercase","underline","strikethrough","italic","colorToString","unit","textTransform","textDecoration","Boolean","filter","join","fontStyle","shallowMergeFallbacks","cx","TYPOGRAPHY_TYPE","renderMark","mark","children","_editor","next","type","data","get","forwardRef","ref","textAlign","as","Component","margin","padding","borderLeft","renderBlock","props","node","attributes","blockProps","renderInline","toJS","RichTextEditor","placeholder","plugins","useMemo","Lists","Link","Inlines","DeviceOverridesBlocks","DeviceOverridesMarks","SlateEditor","WebkitUserModify","undefined","defaultText","document","nodes","object","COMMIT_DEBOUNCE_DELAY","Text","id","text","width","editor","setEditor","useState","propControllers","setPropControllers","controller","useImperativeHandle","getBoxModel","el","findDOMNode","Element","getBox","useEffect","setSlateEditor","setValue","selection","textWithoutSelection","Value","fromJSON","shouldCommit","setShouldCommit","nextValue","currentValue","isBlurred","toJSON","preserveSelection","timeoutId","window","setTimeout","clearTimeout","change","onChange","lastController","useRef","current","handleFocus","useCallback","focus","handleKeyDown","event","Hotkeys","isUndo","undo","isRedo","redo","isHotkey","blur","handleBlur","relatedTarget","select","isInBuilder","useIsInBuilder","handleChange"],"mappings":"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"}
+{"version":3,"file":"Text.es.js","sources":["../src/components/builtin/Text/components/RichTextEditor/components/Mark/hooks/useTypographyMark.ts","../src/components/builtin/Text/components/RichTextEditor/components/Mark/index.tsx","../src/components/builtin/Text/components/RichTextEditor/plugins/DeviceOverridesMarks.tsx","../src/components/builtin/Text/components/RichTextEditor/components/Block/index.tsx","../src/components/builtin/Text/components/RichTextEditor/plugins/DeviceOverridesBlocks.tsx","../src/components/builtin/Text/components/RichTextEditor/plugins/Link.tsx","../src/components/builtin/Text/components/RichTextEditor/plugins/Inlines.tsx","../src/components/builtin/Text/components/RichTextEditor/index.tsx","../src/components/builtin/Text/Text.tsx"],"sourcesContent":["import { Length as LengthValue } from '../../../../../../../../prop-controllers'\nimport { ColorValue as Color } from '../../../../../../../utils/types'\nimport { findDeviceOverride } from '../../../../../../../utils/devices'\nimport type { DeviceOverride } from '../../../../../../../../prop-controllers'\nimport {\n  useSwatches,\n  useTypography,\n} from '../../../../../../../../runtimes/react/hooks/makeswift-api'\nimport { Swatch, Typography } from '../../../../../../../../api'\nimport { getTypographyStyleSwatchIds } from '../../../../../../../../prop-controllers/introspection'\nimport { isNonNullable } from '../../../../../../../utils/isNonNullable'\n\nexport type TypographyMarkDataValue = {\n  fontWeight?: number\n  fontSize?: LengthValue\n  fontFamily?: string\n  color?: Color\n  textAlign?: string\n  lineHeight?: number\n  letterSpacing?: number\n  uppercase?: boolean\n  italic?: boolean\n  underline?: boolean\n  strikethrough?: boolean\n}\n\nexport type TypographyMarkValue = {\n  id: string | null | undefined\n  style: Typography['style']\n}\n\nexport type TypographyMarkData = Array<DeviceOverride<TypographyMarkDataValue>>\n\nconst getDeviceId = ({ deviceId }: DeviceOverride<unknown>) => deviceId\n\nconst withColor =\n  (swatches: Swatch[]) =>\n  ({\n    value: { color, ...restOfValue },\n    ...rest\n  }: Typography['style'][number]): DeviceOverride<TypographyMarkDataValue> =>\n    ({\n      ...rest,\n      value: {\n        ...restOfValue,\n        ...(color\n          ? {\n              color: {\n                swatch: swatches.find(s => s && s.id === color.swatchId),\n                alpha: color.alpha,\n              },\n            }\n          : {}),\n      } as TypographyMarkDataValue,\n    } as DeviceOverride<TypographyMarkDataValue>)\n\nexport const overrideTypographyStyle = <A>(\n  source: Array<DeviceOverride<A>>,\n  override: Array<DeviceOverride<A>>,\n): Array<DeviceOverride<A>> => {\n  const devices = [...new Set(source.map(getDeviceId).concat(override.map(getDeviceId)))]\n\n  return devices.map(deviceId => ({\n    deviceId,\n    value: {\n      ...(findDeviceOverride(source, deviceId) || { value: {} }).value,\n      ...(findDeviceOverride(override, deviceId, v => v) || { value: {} }).value,\n    },\n  })) as DeviceOverride<A>[]\n}\n\nexport default function useTypographyMark(\n  value: TypographyMarkValue | null | undefined,\n): TypographyMarkData | null | undefined {\n  const typography = useTypography(value?.id ?? null)\n  const swatchIds = [\n    ...getTypographyStyleSwatchIds(value?.style),\n    ...getTypographyStyleSwatchIds(typography?.style),\n  ]\n  const swatches = useSwatches(swatchIds)\n\n  return overrideTypographyStyle(\n    typography?.style.map(withColor(swatches.filter(isNonNullable))) ?? [],\n    value?.style.map(withColor(swatches.filter(isNonNullable))) ?? [],\n  )\n}\n","import { ComponentPropsWithoutRef } from 'react'\n\nimport useTypographyMark, {\n  TypographyMarkValue,\n  overrideTypographyStyle,\n  TypographyMarkDataValue,\n} from './hooks/useTypographyMark'\nimport { colorToString } from '../../../../../../utils/colorToString'\nimport { shallowMergeFallbacks } from '../../../../../../utils/devices'\nimport { cx } from '@emotion/css'\nimport { useStyle } from '../../../../../../../runtimes/react/use-style'\nimport { responsiveStyle } from '../../../../../../utils/responsive-style'\nimport { ResponsiveValue } from '../../../../../../../prop-controllers/descriptors'\n\nexport type { TypographyMarkValue }\nexport { overrideTypographyStyle }\n\ntype BaseProps = { value: TypographyMarkValue }\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'span'>, keyof BaseProps>\n\nexport default function Mark({ value, className, ...restOfProps }: Props): JSX.Element {\n  const typographyStyle = useTypographyMark(value)\n  const typographyClassName = useStyle(\n    responsiveStyle<\n      TypographyMarkDataValue,\n      [ResponsiveValue<TypographyMarkDataValue> | null | undefined]\n    >(\n      [typographyStyle],\n      ([\n        {\n          color,\n          fontFamily,\n          fontSize,\n          fontWeight,\n          lineHeight,\n          letterSpacing,\n          uppercase,\n          underline,\n          strikethrough,\n          italic,\n        } = {} as TypographyMarkDataValue,\n      ]) => ({\n        ...(color == null ? {} : { color: colorToString(color) }),\n        ...(fontFamily == null ? {} : { fontFamily }),\n        ...(fontSize == null || fontSize.value == null || fontSize.unit == null\n          ? {}\n          : { fontSize: `${fontSize.value}${fontSize.unit}` }),\n        ...(fontWeight == null ? {} : { fontWeight }),\n        ...(lineHeight == null ? {} : { lineHeight }),\n        ...(letterSpacing == null ? {} : { letterSpacing: `${letterSpacing / 10}em` }),\n        ...(uppercase == null\n          ? {}\n          : { textTransform: uppercase === true ? 'uppercase' : 'initial' }),\n        ...(underline == null && strikethrough == null\n          ? {}\n          : {\n              textDecoration: [\n                Boolean(underline) && 'underline',\n                Boolean(strikethrough) && 'line-through',\n              ]\n                .filter(Boolean)\n                .join(' '),\n            }),\n        ...(italic == null ? {} : { fontStyle: italic === true ? 'italic' : 'initial' }),\n      }),\n      shallowMergeFallbacks,\n    ),\n  )\n\n  return <span {...restOfProps} className={cx(typographyClassName, className)} />\n}\n","import type { Plugin } from 'slate-react'\n\nimport Mark from '../components/Mark'\n\nconst TYPOGRAPHY_TYPE = 'typography'\n\nexport default function DeviceOverridesMarksPlugin(): Plugin {\n  return {\n    renderMark({ mark, children }, _editor, next) {\n      if (mark.type === TYPOGRAPHY_TYPE) {\n        return <Mark value={mark.data.get('value')}>{children}</Mark>\n      }\n\n      return next()\n    },\n  }\n}\n","import { cx } from '@emotion/css'\nimport { forwardRef, ComponentPropsWithoutRef, ForwardedRef, ElementRef, ElementType } from 'react'\n\nimport type { ResponsiveValue } from '../../../../../../../prop-controllers'\nimport { useStyle } from '../../../../../../../runtimes/react/use-style'\nimport { responsiveStyle } from '../../../../../../utils/responsive-style'\n\ntype BaseProps<T extends ElementType> = {\n  as?: T\n  textAlign?: ResponsiveValue<'left' | 'center' | 'right' | 'justify'>\n}\n\ntype Props<T extends ElementType> = BaseProps<T> &\n  Omit<ComponentPropsWithoutRef<T>, keyof BaseProps<T>>\n\nexport default forwardRef(function Block<T extends ElementType>(\n  { textAlign, className, as, ...restOfProps }: Props<T>,\n  ref: ForwardedRef<ElementRef<T>>,\n) {\n  const Component = as ?? 'div'\n\n  return (\n    // @ts-ignore: `ref` types don't match.\n    <Component\n      {...restOfProps}\n      ref={ref}\n      className={cx(\n        useStyle({ margin: 0 }),\n        useStyle(responsiveStyle([textAlign], ([textAlign = 'left']) => ({ textAlign }))),\n        useStyle(\n          as === 'blockquote'\n            ? {\n                padding: '0.5em 10px',\n                fontSize: '1.25em',\n                fontWeight: '300',\n                borderLeft: '5px solid rgba(0, 0, 0, 0.1)',\n              }\n            : {},\n        ),\n        className,\n      )}\n    />\n  )\n})\n","import { Plugin } from 'slate-react'\n\nimport Block from '../components/Block'\n\nexport default function DeviceOverridesBlockPlugin(): Plugin {\n  return {\n    renderBlock(props, _editor, next): JSX.Element {\n      const { node, attributes, children } = props\n      const blockProps = { textAlign: node.data.get('textAlign') }\n\n      switch (node.type) {\n        case 'paragraph':\n          return (\n            <Block {...attributes} {...blockProps} as=\"p\">\n              {children}\n            </Block>\n          )\n\n        case 'heading-one':\n          return (\n            <Block {...attributes} {...blockProps} as=\"h1\">\n              {children}\n            </Block>\n          )\n\n        case 'heading-two':\n          return (\n            <Block {...attributes} {...blockProps} as=\"h2\">\n              {children}\n            </Block>\n          )\n\n        case 'heading-three':\n          return (\n            <Block {...attributes} {...blockProps} as=\"h3\">\n              {children}\n            </Block>\n          )\n\n        case 'heading-four':\n          return (\n            <Block {...attributes} {...blockProps} as=\"h4\">\n              {children}\n            </Block>\n          )\n\n        case 'heading-five':\n          return (\n            <Block {...attributes} {...blockProps} as=\"h5\">\n              {children}\n            </Block>\n          )\n\n        case 'heading-six':\n          return (\n            <Block {...attributes} {...blockProps} as=\"h6\">\n              {children}\n            </Block>\n          )\n\n        case 'blockquote':\n          return (\n            <Block {...attributes} {...blockProps} as=\"blockquote\">\n              {children}\n            </Block>\n          )\n\n        default:\n          return next()\n      }\n    },\n  }\n}\n","import { cx } from '@emotion/css'\nimport { ComponentPropsWithoutRef } from 'react'\nimport { Plugin } from 'slate-react'\nimport { useStyle } from '../../../../../../runtimes/react/use-style'\n\nimport { Link } from '../../../../../shared/Link'\n\nfunction StyledLink({ className, ...restOfProps }: ComponentPropsWithoutRef<typeof Link>) {\n  return <Link {...restOfProps} className={cx(useStyle({ textDecoration: 'none' }), className)} />\n}\n\nexport default function LinkPlugin(): Plugin {\n  return {\n    renderInline(props, _editor, next) {\n      const { attributes, children, node } = props\n\n      switch (node.type) {\n        case 'link': {\n          const { data } = node\n\n          return (\n            <StyledLink {...attributes} link={data.toJS()}>\n              {children}\n            </StyledLink>\n          )\n        }\n\n        default: {\n          return next()\n        }\n      }\n    },\n  }\n}\n","import { Plugin } from 'slate-react'\n\nexport default function Inlines(): Plugin {\n  return {\n    renderInline(props, _editor, next) {\n      const { attributes, children, node } = props\n\n      switch (node.type) {\n        case 'code': {\n          return <code {...attributes}>{children}</code>\n        }\n\n        case 'superscript': {\n          return <sup {...attributes}>{children}</sup>\n        }\n\n        case 'subscript': {\n          return <sub {...attributes}>{children}</sub>\n        }\n\n        default: {\n          return next()\n        }\n      }\n    },\n  }\n}\n","import { ComponentPropsWithoutRef, forwardRef, useMemo } from 'react'\n\nimport { Editor as SlateEditor } from 'slate-react'\n\n// @ts-expect-error: no types for '@convertkit/slate-lists'\nimport Lists from '@convertkit/slate-lists'\n\nimport DeviceOverridesMarks from './plugins/DeviceOverridesMarks'\nimport DeviceOverridesBlocks from './plugins/DeviceOverridesBlocks'\nimport Link from './plugins/Link'\nimport Inlines from './plugins/Inlines'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { cx } from '@emotion/css'\n\nexport { overrideTypographyStyle } from './components/Mark'\n\ntype Props = ComponentPropsWithoutRef<typeof SlateEditor>\n\nexport const RichTextEditor = forwardRef<SlateEditor, Props>(function RichTextEditor(\n  { placeholder = 'Write some text...', className, ...restOfProps }: Props,\n  ref,\n) {\n  const plugins = useMemo(\n    () => [Lists(), Link(), Inlines(), DeviceOverridesBlocks(), DeviceOverridesMarks()],\n    [],\n  )\n\n  return (\n    <SlateEditor\n      {...restOfProps}\n      // Workaround because our Slate editor is broken on Chrome 105\n      // Problem: https://linear.app/makeswift/issue/PRD-434/our-rich-text-component-breaks-in-the-latest-version-of-chrome\n      // Workaround: https://github.com/ianstormtaylor/slate/issues/5110#issuecomment-1234951122\n      style={{ WebkitUserModify: undefined }}\n      className={cx(useStyle({ 'ul, ol': { margin: 0 } }), className)}\n      ref={ref}\n      autoFocus={false}\n      plugins={plugins}\n      placeholder={placeholder}\n    />\n  )\n})\n","import {\n  useState,\n  Ref,\n  useImperativeHandle,\n  forwardRef,\n  useEffect,\n  useCallback,\n  useRef,\n  KeyboardEvent as ReactKeyboardEvent,\n  FocusEvent as ReactFocusEvent,\n} from 'react'\nimport { Editor, OnChangeParam } from 'slate-react'\nimport { Value, ValueJSON } from 'slate'\n// @ts-expect-error: no types for 'slate-hotkeys'\nimport Hotkeys from 'slate-hotkeys'\nimport { isHotkey } from 'is-hotkey'\n\nimport {\n  ElementIDValue,\n  RichTextDescriptor,\n  RichTextValue,\n} from '../../../prop-controllers/descriptors'\nimport { BoxModelHandle, getBox } from '../../../box-model'\nimport { PropControllersHandle } from '../../../state/modules/prop-controller-handles'\nimport { RichTextEditor } from './components/RichTextEditor'\nimport { useIsInBuilder } from '../../../runtimes/react'\nimport { DescriptorsPropControllers } from '../../../prop-controllers/instances'\nimport { cx } from '@emotion/css'\n\ntype Props = {\n  id?: ElementIDValue\n  text?: RichTextValue\n  width?: string\n  margin?: string\n}\n\nconst defaultText: ValueJSON = {\n  document: { nodes: [{ object: 'block' as const, type: 'paragraph' as const, nodes: [] }] },\n  data: {},\n}\n\nconst COMMIT_DEBOUNCE_DELAY = 500\n\ntype Descriptors = { text?: RichTextDescriptor }\n\nconst Text = forwardRef(function Text(\n  { id, text, width, margin }: Props,\n  ref: Ref<BoxModelHandle & PropControllersHandle<Descriptors>>,\n) {\n  const [editor, setEditor] = useState<Editor | null>(null)\n  const [propControllers, setPropControllers] =\n    useState<DescriptorsPropControllers<Descriptors> | null>(null)\n  const controller = propControllers?.text\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      getBoxModel() {\n        const el = editor?.findDOMNode([])\n\n        return el instanceof Element ? getBox(el) : null\n      },\n      setPropControllers,\n    }),\n    [editor, setPropControllers],\n  )\n\n  useEffect(() => {\n    if (editor) controller?.setSlateEditor(editor)\n  }, [controller, editor])\n\n  /**\n   * We must keep local state so that we can reflect the user's typed changes immediately. At the\n   * same time, though, the source of truth for the data is the prop data. This presents a\n   * challenge: how do we keep local state in sync with the prop data without mangling user input as\n   * data comes in?\n   *\n   * Consider, for example, that the user types \"Hello\". If at a later time, when the user is trying\n   * to type \", world\" the component re-renders with prop data \"H\", \"He\", \"Hel\", \"Hell\", \"Hello\", it\n   * will disrupt the user's typing. This could also happen as a result of the prop data changing\n   * for other reasons, like collaborators changing the prop data concurrently. We want to avoid to\n   * disrupt the user's typing, while at the same time display the \"true\" value as quickly as\n   * possible.\n   *\n   * The approach we take here is to commit the prop data at an opportune time: as the user is\n   * typing we avoid to commit prop data. But once they've stopped typing, we commit it as soon as\n   * possible. This is known as a debounce.\n   */\n  const [value, setValue] = useState(() => {\n    const { selection, ...textWithoutSelection } = text ?? defaultText\n\n    return Value.fromJSON(textWithoutSelection)\n  })\n  const [shouldCommit, setShouldCommit] = useState(true)\n\n  useEffect(() => {\n    if (shouldCommit) {\n      const nextValue = Value.fromJSON(text ?? defaultText)\n\n      setValue(currentValue =>\n        currentValue.selection.isBlurred\n          ? Value.fromJSON(nextValue.toJSON({ preserveSelection: false }))\n          : nextValue,\n      )\n    }\n  }, [shouldCommit, text])\n\n  useEffect(() => {\n    if (shouldCommit) return\n\n    const timeoutId = window.setTimeout(() => {\n      setShouldCommit(true)\n    }, COMMIT_DEBOUNCE_DELAY)\n\n    return () => {\n      window.clearTimeout(timeoutId)\n    }\n  }, [shouldCommit])\n\n  function handleChange(change: OnChangeParam) {\n    setValue(change.value as Value)\n\n    if (change.value !== value) {\n      setShouldCommit(false)\n\n      controller?.onChange(change)\n    }\n  }\n\n  // HACK: Slate holds on to the very first DOM event handlers passed in and doesn't update them\n  // even if they change. Since `controller` is first `undefined` then we must use a ref.\n  const lastController = useRef(controller)\n  if (lastController.current !== controller) lastController.current = controller\n  const handleFocus = useCallback(() => {\n    lastController.current?.focus()\n  }, [])\n  const handleKeyDown = useCallback(\n    (event: ReactKeyboardEvent, _editor: Editor, next: () => any) => {\n      if (Hotkeys.isUndo(event)) {\n        lastController.current?.undo()\n\n        return true\n      }\n\n      if (Hotkeys.isRedo(event)) {\n        lastController.current?.redo()\n\n        return true\n      }\n\n      if (isHotkey('escape')(event)) {\n        lastController.current?.blur()\n\n        return true\n      }\n\n      return next()\n    },\n    [],\n  )\n  const handleBlur = useCallback((event: ReactFocusEvent, editor: Editor, next: () => any) => {\n    const selection = editor.value.selection\n\n    next()\n\n    // Normally, after a user highlight a text, clicking on the panel will remove the text selection.\n    // This line is a workaround for that. Because the panel is not in the iframe, relatedTarget\n    // would be null, and we select the previous text selection to maintain the text highlight.\n    // Inspiration: https://github.com/ianstormtaylor/slate/issues/3412#issuecomment-663906003\n    if (event.relatedTarget == null) editor.select(selection)\n  }, [])\n\n  const isInBuilder = useIsInBuilder()\n\n  return (\n    <RichTextEditor\n      // @ts-expect-error: types don't allow for 'id' prop even though it's used.\n      id={id}\n      ref={setEditor}\n      className={cx(width, margin)}\n      readOnly={!isInBuilder}\n      value={value}\n      onChange={handleChange}\n      onFocus={handleFocus}\n      onKeyDown={handleKeyDown}\n      onBlur={handleBlur}\n    />\n  )\n})\n\nexport default Text\n"],"names":["value","className","restOfProps","typographyStyle","useTypographyMark","typographyClassName","useStyle","responsiveStyle","color","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","uppercase","underline","strikethrough","italic","colorToString","unit","textTransform","textDecoration","Boolean","filter","join","fontStyle","shallowMergeFallbacks","cx","TYPOGRAPHY_TYPE","renderMark","mark","children","_editor","next","type","data","get","forwardRef","ref","textAlign","as","Component","margin","padding","borderLeft","renderBlock","props","node","attributes","blockProps","renderInline","toJS","RichTextEditor","placeholder","plugins","useMemo","Lists","Link","Inlines","DeviceOverridesBlocks","DeviceOverridesMarks","SlateEditor","WebkitUserModify","undefined","defaultText","document","nodes","object","COMMIT_DEBOUNCE_DELAY","Text","id","text","width","editor","setEditor","useState","propControllers","setPropControllers","controller","useImperativeHandle","getBoxModel","el","findDOMNode","Element","getBox","useEffect","setSlateEditor","setValue","selection","textWithoutSelection","Value","fromJSON","shouldCommit","setShouldCommit","nextValue","currentValue","isBlurred","toJSON","preserveSelection","timeoutId","window","setTimeout","clearTimeout","change","onChange","lastController","useRef","current","handleFocus","useCallback","focus","handleKeyDown","event","Hotkeys","isUndo","undo","isRedo","redo","isHotkey","blur","handleBlur","relatedTarget","select","isInBuilder","useIsInBuilder","handleChange"],"mappings":"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"}

package/dist/Video.cjs.js

@@ -33,12 +33,11 @@ require("./actions.cjs.js");
 require("./slot.cjs.js");
 require("./control.cjs.js");
 require("next/dynamic");
-require("@apollo/client");
-require("@apollo/client/link/batch-http");
 require("slate");
-require("./graphql.cjs.js");
+require("./types.cjs.js");
 require("./text-input.cjs.js");
 require("./combobox.cjs.js");
+require("use-sync-external-store/shim");
 require("color");
 require("scroll-into-view-if-needed");
 require("./box-models.cjs.js");

package/dist/Video.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Video.cjs.js","sources":["../src/components/builtin/Video/Video.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { forwardRef, Ref } from 'react'\nimport ReactPlayer from 'react-player'\n\nimport { ElementIDValue, VideoValue } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { placeholders } from '../../utils/placeholders'\n\ntype Props = {\n  id?: ElementIDValue\n  video?: VideoValue\n  width?: string\n  margin?: string\n  borderRadius?: string\n}\n\nconst ASPECT_RATIO = 16 / 9\n\nconst Video = forwardRef(function Video(\n  { id, video, width, margin, borderRadius }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  const canPlayUrl = video && video.url != null && ReactPlayer.canPlay(video.url)\n\n  return (\n    <div\n      ref={ref}\n      id={id}\n      className={cx(\n        useStyle({ display: 'flex', flexDirection: 'column', overflow: 'hidden' }),\n        width,\n        margin,\n        borderRadius,\n      )}\n    >\n      <div style={{ position: 'relative', paddingTop: `${100 / ASPECT_RATIO}%` }}>\n        <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}>\n          {canPlayUrl === true ? (\n            <ReactPlayer\n              {...video}\n              width=\"100%\"\n              height=\"100%\"\n              config={{\n                vimeo: { playerOptions: { background: video != null && !video.controls } },\n                wistia: {\n                  options: {\n                    endVideoBehavior: video != null && video.loop === true ? 'loop' : 'default',\n                  },\n                },\n              }}\n            />\n          ) : (\n            <img width=\"100%\" src={placeholders.video.src} alt=\"Video Placeholder\" />\n          )}\n        </div>\n      </div>\n    </div>\n  )\n})\n\nexport default Video\n"],"names":["ASPECT_RATIO","Video","forwardRef","id","video","width","margin","borderRadius","ref","canPlayUrl","url","ReactPlayer","canPlay","cx","useStyle","display","flexDirection","overflow","position","paddingTop","top","left","right","bottom","_jsx","vimeo","playerOptions","background","controls","wistia","options","endVideoBehavior","loop","placeholders","src"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,eAAe,KAAK;AAEpBC,MAAAA,QAAQC,MAAAA,WAAW,gBACvB;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAOC;AAAAA,EAAOC;AAAAA,EAAQC;AAAAA,GAC5BC,KACA;AACMC,QAAAA,aAAaL,SAASA,MAAMM,OAAO,QAAQC,qBAAAA,WAAYC,QAAQR,MAAMM,GAA1B;AAG/C,wCAAA,OAAA;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAWG,OACTC,cAAS;AAAA,MAAEC,SAAS;AAAA,MAAQC,eAAe;AAAA,MAAUC,UAAU;AAAA,IAAA,CAAvD,GACRZ,OACAC,QACAC,YAJW;AAAA,IAOb,yCAAA,OAAA;AAAA,MAAK,OAAO;AAAA,QAAEW,UAAU;AAAA,QAAYC,YAAa,GAAE,MAAMnB;AAAAA,MAAzD;AAAA,MACE,yCAAA,OAAA;AAAA,QAAK,OAAO;AAAA,UAAEkB,UAAU;AAAA,UAAYE,KAAK;AAAA,UAAGC,MAAM;AAAA,UAAGC,OAAO;AAAA,UAAGC,QAAQ;AAAA,QAAvE;AAAA,QAAA,UACGd,eAAe,OACde,2BAAAA,IAACb,qBAAAA,6CACKP;UACJ,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAQ;AAAA,YACNqB,OAAO;AAAA,cAAEC,eAAe;AAAA,gBAAEC,YAAYvB,SAAS,QAAQ,CAACA,MAAMwB;AAAAA,cAAtC;AAAA,YADlB;AAAA,YAENC,QAAQ;AAAA,cACNC,SAAS;AAAA,gBACPC,kBAAkB3B,SAAS,QAAQA,MAAM4B,SAAS,OAAO,SAAS;AAAA,cAD3D;AAAA,YADH;AAAA,UAFF;AAAA,QAAA,EAJV,IAcAR,2BAAA,IAAA,OAAA;AAAA,UAAK,OAAM;AAAA,UAAO,KAAKS,aAAAA,aAAa7B,MAAM8B;AAAAA,UAAK,KAAI;AAAA,QAAA,CAAnD;AAAA,MAAA,CAhBJ;AAAA,IAAA,CADF;AAAA,EAAA,CAXJ;AAkCD,CAxCuB;;"}
+{"version":3,"file":"Video.cjs.js","sources":["../src/components/builtin/Video/Video.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { forwardRef, Ref } from 'react'\nimport ReactPlayer from 'react-player'\n\nimport { ElementIDValue, VideoValue } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { placeholders } from '../../utils/placeholders'\n\ntype Props = {\n  id?: ElementIDValue\n  video?: VideoValue\n  width?: string\n  margin?: string\n  borderRadius?: string\n}\n\nconst ASPECT_RATIO = 16 / 9\n\nconst Video = forwardRef(function Video(\n  { id, video, width, margin, borderRadius }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  const canPlayUrl = video && video.url != null && ReactPlayer.canPlay(video.url)\n\n  return (\n    <div\n      ref={ref}\n      id={id}\n      className={cx(\n        useStyle({ display: 'flex', flexDirection: 'column', overflow: 'hidden' }),\n        width,\n        margin,\n        borderRadius,\n      )}\n    >\n      <div style={{ position: 'relative', paddingTop: `${100 / ASPECT_RATIO}%` }}>\n        <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}>\n          {canPlayUrl === true ? (\n            <ReactPlayer\n              {...video}\n              width=\"100%\"\n              height=\"100%\"\n              config={{\n                vimeo: { playerOptions: { background: video != null && !video.controls } },\n                wistia: {\n                  options: {\n                    endVideoBehavior: video != null && video.loop === true ? 'loop' : 'default',\n                  },\n                },\n              }}\n            />\n          ) : (\n            <img width=\"100%\" src={placeholders.video.src} alt=\"Video Placeholder\" />\n          )}\n        </div>\n      </div>\n    </div>\n  )\n})\n\nexport default Video\n"],"names":["ASPECT_RATIO","Video","forwardRef","id","video","width","margin","borderRadius","ref","canPlayUrl","url","ReactPlayer","canPlay","cx","useStyle","display","flexDirection","overflow","position","paddingTop","top","left","right","bottom","_jsx","vimeo","playerOptions","background","controls","wistia","options","endVideoBehavior","loop","placeholders","src"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,eAAe,KAAK;AAEpBC,MAAAA,QAAQC,MAAAA,WAAW,gBACvB;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAOC;AAAAA,EAAOC;AAAAA,EAAQC;AAAAA,GAC5BC,KACA;AACMC,QAAAA,aAAaL,SAASA,MAAMM,OAAO,QAAQC,qBAAAA,WAAYC,QAAQR,MAAMM,GAA1B;AAG/C,wCAAA,OAAA;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAWG,OACTC,cAAS;AAAA,MAAEC,SAAS;AAAA,MAAQC,eAAe;AAAA,MAAUC,UAAU;AAAA,IAAA,CAAvD,GACRZ,OACAC,QACAC,YAJW;AAAA,IAOb,yCAAA,OAAA;AAAA,MAAK,OAAO;AAAA,QAAEW,UAAU;AAAA,QAAYC,YAAa,GAAE,MAAMnB;AAAAA,MAAzD;AAAA,MACE,yCAAA,OAAA;AAAA,QAAK,OAAO;AAAA,UAAEkB,UAAU;AAAA,UAAYE,KAAK;AAAA,UAAGC,MAAM;AAAA,UAAGC,OAAO;AAAA,UAAGC,QAAQ;AAAA,QAAvE;AAAA,QAAA,UACGd,eAAe,OACde,2BAAAA,IAACb,qBAAAA,6CACKP;UACJ,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAQ;AAAA,YACNqB,OAAO;AAAA,cAAEC,eAAe;AAAA,gBAAEC,YAAYvB,SAAS,QAAQ,CAACA,MAAMwB;AAAAA,cAAtC;AAAA,YADlB;AAAA,YAENC,QAAQ;AAAA,cACNC,SAAS;AAAA,gBACPC,kBAAkB3B,SAAS,QAAQA,MAAM4B,SAAS,OAAO,SAAS;AAAA,cAD3D;AAAA,YADH;AAAA,UAFF;AAAA,QAAA,EAJV,IAcAR,2BAAA,IAAA,OAAA;AAAA,UAAK,OAAM;AAAA,UAAO,KAAKS,aAAAA,aAAa7B,MAAM8B;AAAAA,UAAK,KAAI;AAAA,QAAA,CAAnD;AAAA,MAAA,CAhBJ;AAAA,IAAA,CADF;AAAA,EAAA,CAXJ;AAkCD,CAxCuB;;"}

package/dist/Video.es.js

@@ -20,7 +20,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { cx } from "@emotion/css";
 import { forwardRef } from "react";
 import ReactPlayer from "react-player";
-import { q as useStyle } from "./index.es.js";
+import { n as useStyle } from "./index.es.js";
 import { p as placeholders } from "./placeholders.es.js";
 import { jsx } from "react/jsx-runtime";
 import "use-sync-external-store/shim/with-selector";
@@ -31,12 +31,11 @@ import "./actions.es.js";
 import "./slot.es.js";
 import "./control.es.js";
 import "next/dynamic";
-import "@apollo/client";
-import "@apollo/client/link/batch-http";
 import "slate";
-import "./graphql.es.js";
+import "./types.es.js";
 import "./text-input.es.js";
 import "./combobox.es.js";
+import "use-sync-external-store/shim";
 import "color";
 import "scroll-into-view-if-needed";
 import "./box-models.es.js";

package/dist/Video.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Video.es.js","sources":["../src/components/builtin/Video/Video.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { forwardRef, Ref } from 'react'\nimport ReactPlayer from 'react-player'\n\nimport { ElementIDValue, VideoValue } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { placeholders } from '../../utils/placeholders'\n\ntype Props = {\n  id?: ElementIDValue\n  video?: VideoValue\n  width?: string\n  margin?: string\n  borderRadius?: string\n}\n\nconst ASPECT_RATIO = 16 / 9\n\nconst Video = forwardRef(function Video(\n  { id, video, width, margin, borderRadius }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  const canPlayUrl = video && video.url != null && ReactPlayer.canPlay(video.url)\n\n  return (\n    <div\n      ref={ref}\n      id={id}\n      className={cx(\n        useStyle({ display: 'flex', flexDirection: 'column', overflow: 'hidden' }),\n        width,\n        margin,\n        borderRadius,\n      )}\n    >\n      <div style={{ position: 'relative', paddingTop: `${100 / ASPECT_RATIO}%` }}>\n        <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}>\n          {canPlayUrl === true ? (\n            <ReactPlayer\n              {...video}\n              width=\"100%\"\n              height=\"100%\"\n              config={{\n                vimeo: { playerOptions: { background: video != null && !video.controls } },\n                wistia: {\n                  options: {\n                    endVideoBehavior: video != null && video.loop === true ? 'loop' : 'default',\n                  },\n                },\n              }}\n            />\n          ) : (\n            <img width=\"100%\" src={placeholders.video.src} alt=\"Video Placeholder\" />\n          )}\n        </div>\n      </div>\n    </div>\n  )\n})\n\nexport default Video\n"],"names":["ASPECT_RATIO","Video","forwardRef","id","video","width","margin","borderRadius","ref","canPlayUrl","url","ReactPlayer","canPlay","cx","useStyle","display","flexDirection","overflow","position","paddingTop","top","left","right","bottom","_jsx","vimeo","playerOptions","background","controls","wistia","options","endVideoBehavior","loop","placeholders","src"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,eAAe,KAAK;AAEpBC,MAAAA,QAAQC,WAAW,gBACvB;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAOC;AAAAA,EAAOC;AAAAA,EAAQC;AAAAA,GAC5BC,KACA;AACMC,QAAAA,aAAaL,SAASA,MAAMM,OAAO,QAAQC,YAAYC,QAAQR,MAAMM,GAA1B;AAG/C,6BAAA,OAAA;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAWG,GACTC,SAAS;AAAA,MAAEC,SAAS;AAAA,MAAQC,eAAe;AAAA,MAAUC,UAAU;AAAA,IAAA,CAAvD,GACRZ,OACAC,QACAC,YAJW;AAAA,IAOb,8BAAA,OAAA;AAAA,MAAK,OAAO;AAAA,QAAEW,UAAU;AAAA,QAAYC,YAAa,GAAE,MAAMnB;AAAAA,MAAzD;AAAA,MACE,8BAAA,OAAA;AAAA,QAAK,OAAO;AAAA,UAAEkB,UAAU;AAAA,UAAYE,KAAK;AAAA,UAAGC,MAAM;AAAA,UAAGC,OAAO;AAAA,UAAGC,QAAQ;AAAA,QAAvE;AAAA,QAAA,UACGd,eAAe,OACde,oBAAC,8CACKpB;UACJ,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAQ;AAAA,YACNqB,OAAO;AAAA,cAAEC,eAAe;AAAA,gBAAEC,YAAYvB,SAAS,QAAQ,CAACA,MAAMwB;AAAAA,cAAtC;AAAA,YADlB;AAAA,YAENC,QAAQ;AAAA,cACNC,SAAS;AAAA,gBACPC,kBAAkB3B,SAAS,QAAQA,MAAM4B,SAAS,OAAO,SAAS;AAAA,cAD3D;AAAA,YADH;AAAA,UAFF;AAAA,QAAA,EAJV,IAcAR,oBAAA,OAAA;AAAA,UAAK,OAAM;AAAA,UAAO,KAAKS,aAAa7B,MAAM8B;AAAAA,UAAK,KAAI;AAAA,QAAA,CAAnD;AAAA,MAAA,CAhBJ;AAAA,IAAA,CADF;AAAA,EAAA,CAXJ;AAkCD,CAxCuB;;"}
+{"version":3,"file":"Video.es.js","sources":["../src/components/builtin/Video/Video.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { forwardRef, Ref } from 'react'\nimport ReactPlayer from 'react-player'\n\nimport { ElementIDValue, VideoValue } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { placeholders } from '../../utils/placeholders'\n\ntype Props = {\n  id?: ElementIDValue\n  video?: VideoValue\n  width?: string\n  margin?: string\n  borderRadius?: string\n}\n\nconst ASPECT_RATIO = 16 / 9\n\nconst Video = forwardRef(function Video(\n  { id, video, width, margin, borderRadius }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  const canPlayUrl = video && video.url != null && ReactPlayer.canPlay(video.url)\n\n  return (\n    <div\n      ref={ref}\n      id={id}\n      className={cx(\n        useStyle({ display: 'flex', flexDirection: 'column', overflow: 'hidden' }),\n        width,\n        margin,\n        borderRadius,\n      )}\n    >\n      <div style={{ position: 'relative', paddingTop: `${100 / ASPECT_RATIO}%` }}>\n        <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}>\n          {canPlayUrl === true ? (\n            <ReactPlayer\n              {...video}\n              width=\"100%\"\n              height=\"100%\"\n              config={{\n                vimeo: { playerOptions: { background: video != null && !video.controls } },\n                wistia: {\n                  options: {\n                    endVideoBehavior: video != null && video.loop === true ? 'loop' : 'default',\n                  },\n                },\n              }}\n            />\n          ) : (\n            <img width=\"100%\" src={placeholders.video.src} alt=\"Video Placeholder\" />\n          )}\n        </div>\n      </div>\n    </div>\n  )\n})\n\nexport default Video\n"],"names":["ASPECT_RATIO","Video","forwardRef","id","video","width","margin","borderRadius","ref","canPlayUrl","url","ReactPlayer","canPlay","cx","useStyle","display","flexDirection","overflow","position","paddingTop","top","left","right","bottom","_jsx","vimeo","playerOptions","background","controls","wistia","options","endVideoBehavior","loop","placeholders","src"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,eAAe,KAAK;AAEpBC,MAAAA,QAAQC,WAAW,gBACvB;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAOC;AAAAA,EAAOC;AAAAA,EAAQC;AAAAA,GAC5BC,KACA;AACMC,QAAAA,aAAaL,SAASA,MAAMM,OAAO,QAAQC,YAAYC,QAAQR,MAAMM,GAA1B;AAG/C,6BAAA,OAAA;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAWG,GACTC,SAAS;AAAA,MAAEC,SAAS;AAAA,MAAQC,eAAe;AAAA,MAAUC,UAAU;AAAA,IAAA,CAAvD,GACRZ,OACAC,QACAC,YAJW;AAAA,IAOb,8BAAA,OAAA;AAAA,MAAK,OAAO;AAAA,QAAEW,UAAU;AAAA,QAAYC,YAAa,GAAE,MAAMnB;AAAAA,MAAzD;AAAA,MACE,8BAAA,OAAA;AAAA,QAAK,OAAO;AAAA,UAAEkB,UAAU;AAAA,UAAYE,KAAK;AAAA,UAAGC,MAAM;AAAA,UAAGC,OAAO;AAAA,UAAGC,QAAQ;AAAA,QAAvE;AAAA,QAAA,UACGd,eAAe,OACde,oBAAC,8CACKpB;UACJ,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAQ;AAAA,YACNqB,OAAO;AAAA,cAAEC,eAAe;AAAA,gBAAEC,YAAYvB,SAAS,QAAQ,CAACA,MAAMwB;AAAAA,cAAtC;AAAA,YADlB;AAAA,YAENC,QAAQ;AAAA,cACNC,SAAS;AAAA,gBACPC,kBAAkB3B,SAAS,QAAQA,MAAM4B,SAAS,OAAO,SAAS;AAAA,cAD3D;AAAA,YADH;AAAA,UAFF;AAAA,QAAA,EAJV,IAcAR,oBAAA,OAAA;AAAA,UAAK,OAAM;AAAA,UAAO,KAAKS,aAAa7B,MAAM8B;AAAAA,UAAK,KAAI;AAAA,QAAA,CAAnD;AAAA,MAAA,CAhBJ;AAAA,IAAA,CADF;AAAA,EAAA,CAXJ;AAkCD,CAxCuB;;"}

package/dist/actions.cjs.js

@@ -31,7 +31,11 @@ const ActionTypes = {
   EVICT_API_RESOURCE: "EVICT_API_RESOURCE",
   SET_IS_IN_BUILDER: "SET_IS_IN_BUILDER",
   HANDLE_WHEEL: "HANDLE_WHEEL",
-  HANDLE_POINTER_MOVE: "HANDLE_POINTER_MOVE"
+  HANDLE_POINTER_MOVE: "HANDLE_POINTER_MOVE",
+  API_RESOURCE_FULFILLED: "API_RESOURCE_FULFILLED",
+  INTROSPECTED_RESOURCES_FULFILLED: "INTROSPECTED_RESOURCES_FULFILLED",
+  TYPOGRAPHIES_FULFILLED: "TYPOGRAPHIES_FULFILLED",
+  RESTORE_API_RESOURCES_CACHE: "RESTORE_API_RESOURCES_CACHE"
 };
 function init() {
   return { type: ActionTypes.INIT };
@@ -187,7 +191,26 @@ function handleWheel(payload) {
 function handlePointerMove(payload) {
   return { type: ActionTypes.HANDLE_POINTER_MOVE, payload };
 }
+function apiResourceFulfilled(resourceType, resourceId, resource) {
+  return {
+    type: ActionTypes.API_RESOURCE_FULFILLED,
+    payload: { resourceType, resourceId, resource }
+  };
+}
+function typographiesFulfilled(typographyIds, typographies) {
+  return { type: ActionTypes.TYPOGRAPHIES_FULFILLED, payload: { typographyIds, typographies } };
+}
+function introspectedResourcesFulfilled(introspectedResourceIds, introspectedResources) {
+  return {
+    type: ActionTypes.INTROSPECTED_RESOURCES_FULFILLED,
+    payload: { introspectedResourceIds, introspectedResources }
+  };
+}
+function restoreAPIResourcesCache(serializedState) {
+  return { type: ActionTypes.RESTORE_API_RESOURCES_CACHE, payload: { serializedState } };
+}
 exports.ActionTypes = ActionTypes;
+exports.apiResourceFulfilled = apiResourceFulfilled;
 exports.changeApiResource = changeApiResource;
 exports.changeDocument = changeDocument;
 exports.changeDocumentElementScrollTop = changeDocumentElementScrollTop;
@@ -198,6 +221,7 @@ exports.evictApiResource = evictApiResource;
 exports.handlePointerMove = handlePointerMove;
 exports.handleWheel = handleWheel;
 exports.init = init;
+exports.introspectedResourcesFulfilled = introspectedResourcesFulfilled;
 exports.messageBuilderPropController = messageBuilderPropController;
 exports.messageHostPropController = messageHostPropController;
 exports.mountComponentEffect = mountComponentEffect;
@@ -210,8 +234,10 @@ exports.registerMeasurable = registerMeasurable;
 exports.registerPropControllers = registerPropControllers;
 exports.registerPropControllersHandle = registerPropControllersHandle;
 exports.registerReactComponentEffect = registerReactComponentEffect;
+exports.restoreAPIResourcesCache = restoreAPIResourcesCache;
 exports.scrollDocumentElement = scrollDocumentElement;
 exports.setIsInBuilder = setIsInBuilder;
+exports.typographiesFulfilled = typographiesFulfilled;
 exports.unregisterBuilderComponent = unregisterBuilderComponent;
 exports.unregisterDocument = unregisterDocument;
 exports.unregisterMeasurable = unregisterMeasurable;

package/dist/actions.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"actions.cjs.js","sources":["../src/state/actions.ts"],"sourcesContent":["import type { Operation } from 'ot-json0'\n\nimport type { Document } from './modules/read-only-documents'\nimport type { ComponentType } from './modules/react-components'\nimport type { Measurable, BoxModel } from './modules/box-models'\nimport type { ThunkAction } from 'redux-thunk'\nimport { ComponentMeta } from './modules/components-meta'\nimport { PropControllerDescriptor } from '../prop-controllers'\nimport type { Size } from './react-builder-preview'\nimport type { PropControllersHandle } from './modules/prop-controller-handles'\nimport type { PropController, PropControllerMessage } from '../prop-controllers/instances'\nimport type { APIResource } from '../api/types'\nimport type { SerializedControl } from '../builder'\n\nexport const ActionTypes = {\n  INIT: 'INIT',\n  CLEAN_UP: 'CLEAN_UP',\n\n  REGISTER_DOCUMENT: 'REGISTER_DOCUMENT',\n  UNREGISTER_DOCUMENT: 'UNREGISTER_DOCUMENT',\n\n  CHANGE_DOCUMENT: 'CHANGE_DOCUMENT',\n\n  REGISTER_COMPONENT: 'REGISTER_COMPONENT',\n  UNREGISTER_COMPONENT: 'UNREGISTER_COMPONENT',\n\n  REGISTER_BUILDER_COMPONENT: 'REGISTER_BUILDER_COMPONENT',\n  UNREGISTER_BUILDER_COMPONENT: 'UNREGISTER_BUILDER_COMPONENT',\n\n  REGISTER_REACT_COMPONENT: 'REGISTER_REACT_COMPONENT',\n  UNREGISTER_REACT_COMPONENT: 'UNREGISTER_REACT_COMPONENT',\n\n  MOUNT_COMPONENT: 'MOUNT_COMPONENT',\n  UNMOUNT_COMPONENT: 'UNMOUNT_COMPONENT',\n\n  REGISTER_COMPONENT_HANDLE: 'REGISTER_COMPONENT_HANDLE',\n  UNREGISTER_COMPONENT_HANDLE: 'UNREGISTER_COMPONENT_HANDLE',\n\n  REGISTER_MEASURABLE: 'REGISTER_MEASURABLE',\n  UNREGISTER_MEASURABLE: 'UNREGISTER_MEASURABLE',\n\n  CHANGE_ELEMENT_BOX_MODELS: 'CHANGE_ELEMENT_BOX_MODELS',\n\n  CHANGE_DOCUMENT_ELEMENT_SIZE: 'CHANGE_DOCUMENT_ELEMENT_SIZE',\n  CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP: 'CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP',\n  SCROLL_DOCUMENT_ELEMENT: 'SCROLL_DOCUMENT_ELEMENT',\n\n  REGISTER_PROP_CONTROLLERS_HANDLE: 'REGISTER_PROP_CONTROLLERS_HANDLE',\n  UNREGISTER_PROP_CONTROLLERS_HANDLE: 'UNREGISTER_PROP_CONTROLLERS_HANDLE',\n  REGISTER_PROP_CONTROLLERS: 'REGISTER_PROP_CONTROLLERS',\n  UNREGISTER_PROP_CONTROLLERS: 'UNREGISTER_PROP_CONTROLLERS',\n  MESSAGE_HOST_PROP_CONTROLLER: 'MESSAGE_HOST_PROP_CONTROLLER',\n  MESSAGE_BUILDER_PROP_CONTROLLER: 'MESSAGE_BUILDER_PROP_CONTROLLER',\n\n  CHANGE_API_RESOURCE: 'CHANGE_API_RESOURCE',\n  EVICT_API_RESOURCE: 'EVICT_API_RESOURCE',\n\n  SET_IS_IN_BUILDER: 'SET_IS_IN_BUILDER',\n\n  HANDLE_WHEEL: 'HANDLE_WHEEL',\n  HANDLE_POINTER_MOVE: 'HANDLE_POINTER_MOVE',\n} as const\n\ntype InitAction = { type: typeof ActionTypes.INIT }\n\ntype CleanUpAction = { type: typeof ActionTypes.CLEAN_UP }\n\ntype RegisterDocumentAction = {\n  type: typeof ActionTypes.REGISTER_DOCUMENT\n  payload: { documentKey: string; document: Document }\n}\n\ntype UnregisterDocumentAction = {\n  type: typeof ActionTypes.UNREGISTER_DOCUMENT\n  payload: { documentKey: string }\n}\n\ntype ChangeDocumentAction = {\n  type: typeof ActionTypes.CHANGE_DOCUMENT\n  payload: { documentKey: string; operation: Operation }\n}\n\ntype RegisterComponentAction = {\n  type: typeof ActionTypes.REGISTER_COMPONENT\n  payload: {\n    type: string\n    meta: ComponentMeta\n    propControllerDescriptors: Record<string, PropControllerDescriptor>\n  }\n}\n\ntype UnregisterComponentAction = {\n  type: typeof ActionTypes.UNREGISTER_COMPONENT\n  payload: { type: string }\n}\n\ntype RegisterBuilderComponentAction = {\n  type: typeof ActionTypes.REGISTER_BUILDER_COMPONENT\n  payload: {\n    type: string\n    meta: ComponentMeta\n    serializedControls: Record<string, SerializedControl>\n  }\n}\n\ntype UnregisterBuilderComponentAction = {\n  type: typeof ActionTypes.UNREGISTER_BUILDER_COMPONENT\n  payload: { type: string }\n}\n\ntype RegisterReactComponentAction = {\n  type: typeof ActionTypes.REGISTER_REACT_COMPONENT\n  payload: { type: string; component: ComponentType }\n}\n\ntype UnregisterReactComponentAction = {\n  type: typeof ActionTypes.UNREGISTER_REACT_COMPONENT\n  payload: { type: string }\n}\n\ntype MountComponentAction = {\n  type: typeof ActionTypes.MOUNT_COMPONENT\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype UnmountComponentAction = {\n  type: typeof ActionTypes.UNMOUNT_COMPONENT\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype RegisterComponentHandleAction = {\n  type: typeof ActionTypes.REGISTER_COMPONENT_HANDLE\n  payload: { documentKey: string; elementKey: string; componentHandle: unknown }\n}\n\ntype UnregisterComponentHandleAction = {\n  type: typeof ActionTypes.UNREGISTER_COMPONENT_HANDLE\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype RegisterMeasurableAction = {\n  type: typeof ActionTypes.REGISTER_MEASURABLE\n  payload: { documentKey: string; elementKey: string; measurable: Measurable }\n}\n\ntype UnregisterMeasurableAction = {\n  type: typeof ActionTypes.UNREGISTER_MEASURABLE\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype ChangeElementBoxModelsAction = {\n  type: typeof ActionTypes.CHANGE_ELEMENT_BOX_MODELS\n  payload: { changedElementBoxModels: Map<string, Map<string, BoxModel | null>> }\n}\n\ntype ChangeDocumentElementSizeAction = {\n  type: typeof ActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE\n  payload: { size: Size }\n}\n\ntype ChangeDocumentElementScrollTopAction = {\n  type: typeof ActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP\n  payload: { scrollTop: number }\n}\n\ntype ScrollDocumentElementAction = {\n  type: typeof ActionTypes.SCROLL_DOCUMENT_ELEMENT\n  payload: { scrollTopDelta: number }\n}\n\ntype RegisterPropControllersHandleAction = {\n  type: typeof ActionTypes.REGISTER_PROP_CONTROLLERS_HANDLE\n  payload: { documentKey: string; elementKey: string; handle: PropControllersHandle }\n}\n\ntype UnregisterPropControllersHandleAction = {\n  type: typeof ActionTypes.UNREGISTER_PROP_CONTROLLERS_HANDLE\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype RegisterPropControllersAction = {\n  type: typeof ActionTypes.REGISTER_PROP_CONTROLLERS\n  payload: {\n    documentKey: string\n    elementKey: string\n    propControllers: Record<string, PropController>\n  }\n}\n\ntype UnregisterPropControllersAction = {\n  type: typeof ActionTypes.UNREGISTER_PROP_CONTROLLERS\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype MessageHostPropControllerAction<T = PropControllerMessage> = {\n  type: typeof ActionTypes.MESSAGE_HOST_PROP_CONTROLLER\n  payload: { documentKey: string; elementKey: string; propName: string; message: T }\n}\n\ntype MessageBuilderPropControllerAction<T = PropControllerMessage> = {\n  type: typeof ActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER\n  payload: { documentKey: string; elementKey: string; propName: string; message: T }\n}\n\ntype ChangeAPIResourceAction = {\n  type: typeof ActionTypes.CHANGE_API_RESOURCE\n  payload: { resource: APIResource }\n}\n\ntype EvictAPIResourceAction = {\n  type: typeof ActionTypes.EVICT_API_RESOURCE\n  payload: { id: string }\n}\n\ntype SetIsInBuilderAction = {\n  type: typeof ActionTypes.SET_IS_IN_BUILDER\n  payload: boolean\n}\n\ntype HandleWheelAction = {\n  type: typeof ActionTypes.HANDLE_WHEEL\n  payload: { deltaX: number; deltaY: number }\n}\n\ntype HandlePointerMoveAction = {\n  type: typeof ActionTypes.HANDLE_POINTER_MOVE\n  payload: { clientX: number; clientY: number }\n}\n\nexport type Action =\n  | InitAction\n  | CleanUpAction\n  | ChangeDocumentAction\n  | RegisterDocumentAction\n  | UnregisterDocumentAction\n  | RegisterComponentAction\n  | UnregisterComponentAction\n  | RegisterBuilderComponentAction\n  | UnregisterBuilderComponentAction\n  | RegisterReactComponentAction\n  | UnregisterReactComponentAction\n  | MountComponentAction\n  | UnmountComponentAction\n  | RegisterComponentHandleAction\n  | UnregisterComponentHandleAction\n  | RegisterMeasurableAction\n  | UnregisterMeasurableAction\n  | ChangeElementBoxModelsAction\n  | ChangeDocumentElementSizeAction\n  | ChangeDocumentElementScrollTopAction\n  | ScrollDocumentElementAction\n  | RegisterPropControllersHandleAction\n  | UnregisterPropControllersHandleAction\n  | RegisterPropControllersAction\n  | UnregisterPropControllersAction\n  | MessageHostPropControllerAction\n  | MessageBuilderPropControllerAction\n  | ChangeAPIResourceAction\n  | EvictAPIResourceAction\n  | SetIsInBuilderAction\n  | HandleWheelAction\n  | HandlePointerMoveAction\n\nexport function init(): InitAction {\n  return { type: ActionTypes.INIT }\n}\n\nexport function cleanUp(): CleanUpAction {\n  return { type: ActionTypes.CLEAN_UP }\n}\n\nexport function registerDocument(document: Document): RegisterDocumentAction {\n  return { type: ActionTypes.REGISTER_DOCUMENT, payload: { documentKey: document.key, document } }\n}\n\nexport function unregisterDocument(documentKey: string): UnregisterDocumentAction {\n  return { type: ActionTypes.UNREGISTER_DOCUMENT, payload: { documentKey } }\n}\n\nexport function registerDocumentEffect(\n  document: Document,\n): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    dispatch(registerDocument(document))\n\n    return () => {\n      dispatch(unregisterDocument(document.key))\n    }\n  }\n}\n\nexport function changeDocument(documentKey: string, operation: Operation): ChangeDocumentAction {\n  return { type: ActionTypes.CHANGE_DOCUMENT, payload: { documentKey, operation } }\n}\n\nexport function registerComponent(\n  type: string,\n  meta: ComponentMeta,\n  propControllerDescriptors: Record<string, PropControllerDescriptor>,\n): RegisterComponentAction {\n  return {\n    type: ActionTypes.REGISTER_COMPONENT,\n    payload: { type, meta, propControllerDescriptors },\n  }\n}\n\nexport function unregisterComponent(type: string): UnregisterComponentAction {\n  return { type: ActionTypes.UNREGISTER_COMPONENT, payload: { type } }\n}\n\nexport function registerComponentEffect(\n  type: string,\n  meta: ComponentMeta,\n  propControllerDescriptors: Record<string, PropControllerDescriptor>,\n): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    dispatch(registerComponent(type, meta, propControllerDescriptors))\n\n    return () => {\n      dispatch(unregisterComponent(type))\n    }\n  }\n}\n\nexport function registerBuilderComponent(\n  type: string,\n  meta: ComponentMeta,\n  serializedControls: Record<string, SerializedControl>,\n): RegisterBuilderComponentAction {\n  return {\n    type: ActionTypes.REGISTER_BUILDER_COMPONENT,\n    payload: { type, meta, serializedControls },\n  }\n}\n\nexport function unregisterBuilderComponent(type: string): UnregisterBuilderComponentAction {\n  return { type: ActionTypes.UNREGISTER_BUILDER_COMPONENT, payload: { type } }\n}\n\nfunction registerReactComponent(\n  type: string,\n  component: ComponentType,\n): RegisterReactComponentAction {\n  return { type: ActionTypes.REGISTER_REACT_COMPONENT, payload: { type, component } }\n}\n\nfunction unregisterReactComponent(type: string): UnregisterReactComponentAction {\n  return { type: ActionTypes.UNREGISTER_REACT_COMPONENT, payload: { type } }\n}\n\nexport function registerReactComponentEffect(\n  type: string,\n  component: ComponentType,\n): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    dispatch(registerReactComponent(type, component))\n\n    return () => {\n      dispatch(unregisterReactComponent(type))\n    }\n  }\n}\n\nexport function mountComponent(documentKey: string, elementKey: string): MountComponentAction {\n  return { type: ActionTypes.MOUNT_COMPONENT, payload: { documentKey, elementKey } }\n}\n\nexport function unmountComponent(documentKey: string, elementKey: string): UnmountComponentAction {\n  return { type: ActionTypes.UNMOUNT_COMPONENT, payload: { documentKey, elementKey } }\n}\n\nexport function mountComponentEffect(\n  documentKey: string,\n  elementKey: string,\n): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    dispatch(mountComponent(documentKey, elementKey))\n\n    return () => {\n      dispatch(unmountComponent(documentKey, elementKey))\n    }\n  }\n}\n\nexport function registerComponentHandle(\n  documentKey: string,\n  elementKey: string,\n  componentHandle: unknown,\n): RegisterComponentHandleAction {\n  return {\n    type: ActionTypes.REGISTER_COMPONENT_HANDLE,\n    payload: { documentKey, elementKey, componentHandle },\n  }\n}\n\nfunction unregisterComponentHandle(\n  documentKey: string,\n  elementKey: string,\n): UnregisterComponentHandleAction {\n  return { type: ActionTypes.UNREGISTER_COMPONENT_HANDLE, payload: { documentKey, elementKey } }\n}\n\nexport function registerComponentHandleEffect(\n  documentKey: string,\n  elementKey: string,\n  componentHandle: unknown,\n): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    dispatch(registerComponentHandle(documentKey, elementKey, componentHandle))\n\n    return () => {\n      dispatch(unregisterComponentHandle(documentKey, elementKey))\n    }\n  }\n}\n\nexport function registerMeasurable(\n  documentKey: string,\n  elementKey: string,\n  measurable: Measurable,\n): RegisterMeasurableAction {\n  return { type: ActionTypes.REGISTER_MEASURABLE, payload: { documentKey, elementKey, measurable } }\n}\n\nexport function unregisterMeasurable(\n  documentKey: string,\n  elementKey: string,\n): UnregisterMeasurableAction {\n  return { type: ActionTypes.UNREGISTER_MEASURABLE, payload: { documentKey, elementKey } }\n}\n\nexport function registerMeasurableEffect(\n  documentKey: string,\n  elementKey: string,\n  measurable: Measurable,\n): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    dispatch(registerMeasurable(documentKey, elementKey, measurable))\n\n    return () => {\n      dispatch(unregisterMeasurable(documentKey, elementKey))\n    }\n  }\n}\n\nexport function changeElementBoxModels(\n  changedElementBoxModels: Map<string, Map<string, BoxModel | null>>,\n): ChangeElementBoxModelsAction {\n  return { type: ActionTypes.CHANGE_ELEMENT_BOX_MODELS, payload: { changedElementBoxModels } }\n}\n\nexport function changeDocumentElementSize(size: Size): ChangeDocumentElementSizeAction {\n  return { type: ActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE, payload: { size } }\n}\n\nexport function changeDocumentElementScrollTop(\n  scrollTop: number,\n): ChangeDocumentElementScrollTopAction {\n  return { type: ActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP, payload: { scrollTop } }\n}\n\nexport function scrollDocumentElement(scrollTopDelta: number): ScrollDocumentElementAction {\n  return { type: ActionTypes.SCROLL_DOCUMENT_ELEMENT, payload: { scrollTopDelta } }\n}\n\nexport function registerPropControllersHandle(\n  documentKey: string,\n  elementKey: string,\n  handle: PropControllersHandle,\n): RegisterPropControllersHandleAction {\n  return {\n    type: ActionTypes.REGISTER_PROP_CONTROLLERS_HANDLE,\n    payload: { documentKey, elementKey, handle },\n  }\n}\n\nexport function unregisterPropControllersHandle(\n  documentKey: string,\n  elementKey: string,\n): UnregisterPropControllersHandleAction {\n  return {\n    type: ActionTypes.UNREGISTER_PROP_CONTROLLERS_HANDLE,\n    payload: { documentKey, elementKey },\n  }\n}\n\nexport function registerPropControllers(\n  documentKey: string,\n  elementKey: string,\n  propControllers: Record<string, PropController>,\n): RegisterPropControllersAction {\n  return {\n    type: ActionTypes.REGISTER_PROP_CONTROLLERS,\n    payload: { documentKey, elementKey, propControllers },\n  }\n}\n\nexport function unregisterPropControllers(\n  documentKey: string,\n  elementKey: string,\n): UnregisterPropControllersAction {\n  return { type: ActionTypes.UNREGISTER_PROP_CONTROLLERS, payload: { documentKey, elementKey } }\n}\n\nexport function messageHostPropController<T>(\n  documentKey: string,\n  elementKey: string,\n  propName: string,\n  message: T,\n): MessageHostPropControllerAction<T> {\n  return {\n    type: ActionTypes.MESSAGE_HOST_PROP_CONTROLLER,\n    payload: { documentKey, elementKey, propName, message },\n  }\n}\n\nexport function messageBuilderPropController<T>(\n  documentKey: string,\n  elementKey: string,\n  propName: string,\n  message: T,\n): MessageBuilderPropControllerAction<T> {\n  return {\n    type: ActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER,\n    payload: { documentKey, elementKey, propName, message },\n  }\n}\n\nexport function changeApiResource(resource: APIResource): ChangeAPIResourceAction {\n  return { type: ActionTypes.CHANGE_API_RESOURCE, payload: { resource } }\n}\n\nexport function evictApiResource(id: string): EvictAPIResourceAction {\n  return { type: ActionTypes.EVICT_API_RESOURCE, payload: { id } }\n}\n\nexport function setIsInBuilder(isInBuilder: boolean): SetIsInBuilderAction {\n  return { type: ActionTypes.SET_IS_IN_BUILDER, payload: isInBuilder }\n}\n\nexport function handleWheel(payload: { deltaX: number; deltaY: number }): HandleWheelAction {\n  return { type: ActionTypes.HANDLE_WHEEL, payload }\n}\n\nexport function handlePointerMove(payload: {\n  clientX: number\n  clientY: number\n}): HandlePointerMoveAction {\n  return { type: ActionTypes.HANDLE_POINTER_MOVE, payload }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"actions.cjs.js","sources":["../src/state/actions.ts"],"sourcesContent":["import type { Operation } from 'ot-json0'\n\nimport type { Document } from './modules/read-only-documents'\nimport type { ComponentType } from './modules/react-components'\nimport type { Measurable, BoxModel } from './modules/box-models'\nimport type { ThunkAction } from 'redux-thunk'\nimport { ComponentMeta } from './modules/components-meta'\nimport { PropControllerDescriptor } from '../prop-controllers'\nimport type { Size } from './react-builder-preview'\nimport type { PropControllersHandle } from './modules/prop-controller-handles'\nimport type { PropController, PropControllerMessage } from '../prop-controllers/instances'\nimport type { APIResource, APIResourceType, Typography } from '../api/graphql/types'\nimport type { SerializedControl } from '../builder'\nimport { IntrospectedResourcesQueryResult } from '../api/graphql/generated/types'\nimport { IntrospectedResourceIds } from '../api/introspection'\nimport { SerializedState } from './modules/api-resources'\n\nexport const ActionTypes = {\n  INIT: 'INIT',\n  CLEAN_UP: 'CLEAN_UP',\n\n  REGISTER_DOCUMENT: 'REGISTER_DOCUMENT',\n  UNREGISTER_DOCUMENT: 'UNREGISTER_DOCUMENT',\n\n  CHANGE_DOCUMENT: 'CHANGE_DOCUMENT',\n\n  REGISTER_COMPONENT: 'REGISTER_COMPONENT',\n  UNREGISTER_COMPONENT: 'UNREGISTER_COMPONENT',\n\n  REGISTER_BUILDER_COMPONENT: 'REGISTER_BUILDER_COMPONENT',\n  UNREGISTER_BUILDER_COMPONENT: 'UNREGISTER_BUILDER_COMPONENT',\n\n  REGISTER_REACT_COMPONENT: 'REGISTER_REACT_COMPONENT',\n  UNREGISTER_REACT_COMPONENT: 'UNREGISTER_REACT_COMPONENT',\n\n  MOUNT_COMPONENT: 'MOUNT_COMPONENT',\n  UNMOUNT_COMPONENT: 'UNMOUNT_COMPONENT',\n\n  REGISTER_COMPONENT_HANDLE: 'REGISTER_COMPONENT_HANDLE',\n  UNREGISTER_COMPONENT_HANDLE: 'UNREGISTER_COMPONENT_HANDLE',\n\n  REGISTER_MEASURABLE: 'REGISTER_MEASURABLE',\n  UNREGISTER_MEASURABLE: 'UNREGISTER_MEASURABLE',\n\n  CHANGE_ELEMENT_BOX_MODELS: 'CHANGE_ELEMENT_BOX_MODELS',\n\n  CHANGE_DOCUMENT_ELEMENT_SIZE: 'CHANGE_DOCUMENT_ELEMENT_SIZE',\n  CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP: 'CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP',\n  SCROLL_DOCUMENT_ELEMENT: 'SCROLL_DOCUMENT_ELEMENT',\n\n  REGISTER_PROP_CONTROLLERS_HANDLE: 'REGISTER_PROP_CONTROLLERS_HANDLE',\n  UNREGISTER_PROP_CONTROLLERS_HANDLE: 'UNREGISTER_PROP_CONTROLLERS_HANDLE',\n  REGISTER_PROP_CONTROLLERS: 'REGISTER_PROP_CONTROLLERS',\n  UNREGISTER_PROP_CONTROLLERS: 'UNREGISTER_PROP_CONTROLLERS',\n  MESSAGE_HOST_PROP_CONTROLLER: 'MESSAGE_HOST_PROP_CONTROLLER',\n  MESSAGE_BUILDER_PROP_CONTROLLER: 'MESSAGE_BUILDER_PROP_CONTROLLER',\n\n  CHANGE_API_RESOURCE: 'CHANGE_API_RESOURCE',\n  EVICT_API_RESOURCE: 'EVICT_API_RESOURCE',\n\n  SET_IS_IN_BUILDER: 'SET_IS_IN_BUILDER',\n\n  HANDLE_WHEEL: 'HANDLE_WHEEL',\n  HANDLE_POINTER_MOVE: 'HANDLE_POINTER_MOVE',\n\n  API_RESOURCE_FULFILLED: 'API_RESOURCE_FULFILLED',\n  INTROSPECTED_RESOURCES_FULFILLED: 'INTROSPECTED_RESOURCES_FULFILLED',\n  TYPOGRAPHIES_FULFILLED: 'TYPOGRAPHIES_FULFILLED',\n\n  RESTORE_API_RESOURCES_CACHE: 'RESTORE_API_RESOURCES_CACHE',\n} as const\n\ntype InitAction = { type: typeof ActionTypes.INIT }\n\ntype CleanUpAction = { type: typeof ActionTypes.CLEAN_UP }\n\ntype RegisterDocumentAction = {\n  type: typeof ActionTypes.REGISTER_DOCUMENT\n  payload: { documentKey: string; document: Document }\n}\n\ntype UnregisterDocumentAction = {\n  type: typeof ActionTypes.UNREGISTER_DOCUMENT\n  payload: { documentKey: string }\n}\n\ntype ChangeDocumentAction = {\n  type: typeof ActionTypes.CHANGE_DOCUMENT\n  payload: { documentKey: string; operation: Operation }\n}\n\ntype RegisterComponentAction = {\n  type: typeof ActionTypes.REGISTER_COMPONENT\n  payload: {\n    type: string\n    meta: ComponentMeta\n    propControllerDescriptors: Record<string, PropControllerDescriptor>\n  }\n}\n\ntype UnregisterComponentAction = {\n  type: typeof ActionTypes.UNREGISTER_COMPONENT\n  payload: { type: string }\n}\n\ntype RegisterBuilderComponentAction = {\n  type: typeof ActionTypes.REGISTER_BUILDER_COMPONENT\n  payload: {\n    type: string\n    meta: ComponentMeta\n    serializedControls: Record<string, SerializedControl>\n  }\n}\n\ntype UnregisterBuilderComponentAction = {\n  type: typeof ActionTypes.UNREGISTER_BUILDER_COMPONENT\n  payload: { type: string }\n}\n\ntype RegisterReactComponentAction = {\n  type: typeof ActionTypes.REGISTER_REACT_COMPONENT\n  payload: { type: string; component: ComponentType }\n}\n\ntype UnregisterReactComponentAction = {\n  type: typeof ActionTypes.UNREGISTER_REACT_COMPONENT\n  payload: { type: string }\n}\n\ntype MountComponentAction = {\n  type: typeof ActionTypes.MOUNT_COMPONENT\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype UnmountComponentAction = {\n  type: typeof ActionTypes.UNMOUNT_COMPONENT\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype RegisterComponentHandleAction = {\n  type: typeof ActionTypes.REGISTER_COMPONENT_HANDLE\n  payload: { documentKey: string; elementKey: string; componentHandle: unknown }\n}\n\ntype UnregisterComponentHandleAction = {\n  type: typeof ActionTypes.UNREGISTER_COMPONENT_HANDLE\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype RegisterMeasurableAction = {\n  type: typeof ActionTypes.REGISTER_MEASURABLE\n  payload: { documentKey: string; elementKey: string; measurable: Measurable }\n}\n\ntype UnregisterMeasurableAction = {\n  type: typeof ActionTypes.UNREGISTER_MEASURABLE\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype ChangeElementBoxModelsAction = {\n  type: typeof ActionTypes.CHANGE_ELEMENT_BOX_MODELS\n  payload: { changedElementBoxModels: Map<string, Map<string, BoxModel | null>> }\n}\n\ntype ChangeDocumentElementSizeAction = {\n  type: typeof ActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE\n  payload: { size: Size }\n}\n\ntype ChangeDocumentElementScrollTopAction = {\n  type: typeof ActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP\n  payload: { scrollTop: number }\n}\n\ntype ScrollDocumentElementAction = {\n  type: typeof ActionTypes.SCROLL_DOCUMENT_ELEMENT\n  payload: { scrollTopDelta: number }\n}\n\ntype RegisterPropControllersHandleAction = {\n  type: typeof ActionTypes.REGISTER_PROP_CONTROLLERS_HANDLE\n  payload: { documentKey: string; elementKey: string; handle: PropControllersHandle }\n}\n\ntype UnregisterPropControllersHandleAction = {\n  type: typeof ActionTypes.UNREGISTER_PROP_CONTROLLERS_HANDLE\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype RegisterPropControllersAction = {\n  type: typeof ActionTypes.REGISTER_PROP_CONTROLLERS\n  payload: {\n    documentKey: string\n    elementKey: string\n    propControllers: Record<string, PropController>\n  }\n}\n\ntype UnregisterPropControllersAction = {\n  type: typeof ActionTypes.UNREGISTER_PROP_CONTROLLERS\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype MessageHostPropControllerAction<T = PropControllerMessage> = {\n  type: typeof ActionTypes.MESSAGE_HOST_PROP_CONTROLLER\n  payload: { documentKey: string; elementKey: string; propName: string; message: T }\n}\n\ntype MessageBuilderPropControllerAction<T = PropControllerMessage> = {\n  type: typeof ActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER\n  payload: { documentKey: string; elementKey: string; propName: string; message: T }\n}\n\ntype ChangeAPIResourceAction = {\n  type: typeof ActionTypes.CHANGE_API_RESOURCE\n  payload: { resource: APIResource }\n}\n\ntype EvictAPIResourceAction = {\n  type: typeof ActionTypes.EVICT_API_RESOURCE\n  payload: { id: string }\n}\n\ntype SetIsInBuilderAction = {\n  type: typeof ActionTypes.SET_IS_IN_BUILDER\n  payload: boolean\n}\n\ntype HandleWheelAction = {\n  type: typeof ActionTypes.HANDLE_WHEEL\n  payload: { deltaX: number; deltaY: number }\n}\n\ntype HandlePointerMoveAction = {\n  type: typeof ActionTypes.HANDLE_POINTER_MOVE\n  payload: { clientX: number; clientY: number }\n}\n\ntype APIResourceFulfilledAction = {\n  type: typeof ActionTypes.API_RESOURCE_FULFILLED\n  payload: { resourceType: APIResourceType; resourceId: string; resource: APIResource | null }\n}\n\ntype IntrospectedResourcesFulfilled = {\n  type: typeof ActionTypes.INTROSPECTED_RESOURCES_FULFILLED\n  payload: {\n    introspectedResourceIds: IntrospectedResourceIds\n    introspectedResources: IntrospectedResourcesQueryResult\n  }\n}\n\ntype TypographiesFulfilledAction = {\n  type: typeof ActionTypes.TYPOGRAPHIES_FULFILLED\n  payload: { typographyIds: string[]; typographies: (Typography | null)[] }\n}\n\ntype RestoreAPIResourcesCacheAction = {\n  type: typeof ActionTypes.RESTORE_API_RESOURCES_CACHE\n  payload: { serializedState: SerializedState }\n}\n\nexport type Action =\n  | InitAction\n  | CleanUpAction\n  | ChangeDocumentAction\n  | RegisterDocumentAction\n  | UnregisterDocumentAction\n  | RegisterComponentAction\n  | UnregisterComponentAction\n  | RegisterBuilderComponentAction\n  | UnregisterBuilderComponentAction\n  | RegisterReactComponentAction\n  | UnregisterReactComponentAction\n  | MountComponentAction\n  | UnmountComponentAction\n  | RegisterComponentHandleAction\n  | UnregisterComponentHandleAction\n  | RegisterMeasurableAction\n  | UnregisterMeasurableAction\n  | ChangeElementBoxModelsAction\n  | ChangeDocumentElementSizeAction\n  | ChangeDocumentElementScrollTopAction\n  | ScrollDocumentElementAction\n  | RegisterPropControllersHandleAction\n  | UnregisterPropControllersHandleAction\n  | RegisterPropControllersAction\n  | UnregisterPropControllersAction\n  | MessageHostPropControllerAction\n  | MessageBuilderPropControllerAction\n  | ChangeAPIResourceAction\n  | EvictAPIResourceAction\n  | SetIsInBuilderAction\n  | HandleWheelAction\n  | HandlePointerMoveAction\n  | APIResourceFulfilledAction\n  | IntrospectedResourcesFulfilled\n  | TypographiesFulfilledAction\n  | RestoreAPIResourcesCacheAction\n\nexport function init(): InitAction {\n  return { type: ActionTypes.INIT }\n}\n\nexport function cleanUp(): CleanUpAction {\n  return { type: ActionTypes.CLEAN_UP }\n}\n\nexport function registerDocument(document: Document): RegisterDocumentAction {\n  return { type: ActionTypes.REGISTER_DOCUMENT, payload: { documentKey: document.key, document } }\n}\n\nexport function unregisterDocument(documentKey: string): UnregisterDocumentAction {\n  return { type: ActionTypes.UNREGISTER_DOCUMENT, payload: { documentKey } }\n}\n\nexport function registerDocumentEffect(\n  document: Document,\n): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    dispatch(registerDocument(document))\n\n    return () => {\n      dispatch(unregisterDocument(document.key))\n    }\n  }\n}\n\nexport function changeDocument(documentKey: string, operation: Operation): ChangeDocumentAction {\n  return { type: ActionTypes.CHANGE_DOCUMENT, payload: { documentKey, operation } }\n}\n\nexport function registerComponent(\n  type: string,\n  meta: ComponentMeta,\n  propControllerDescriptors: Record<string, PropControllerDescriptor>,\n): RegisterComponentAction {\n  return {\n    type: ActionTypes.REGISTER_COMPONENT,\n    payload: { type, meta, propControllerDescriptors },\n  }\n}\n\nexport function unregisterComponent(type: string): UnregisterComponentAction {\n  return { type: ActionTypes.UNREGISTER_COMPONENT, payload: { type } }\n}\n\nexport function registerComponentEffect(\n  type: string,\n  meta: ComponentMeta,\n  propControllerDescriptors: Record<string, PropControllerDescriptor>,\n): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    dispatch(registerComponent(type, meta, propControllerDescriptors))\n\n    return () => {\n      dispatch(unregisterComponent(type))\n    }\n  }\n}\n\nexport function registerBuilderComponent(\n  type: string,\n  meta: ComponentMeta,\n  serializedControls: Record<string, SerializedControl>,\n): RegisterBuilderComponentAction {\n  return {\n    type: ActionTypes.REGISTER_BUILDER_COMPONENT,\n    payload: { type, meta, serializedControls },\n  }\n}\n\nexport function unregisterBuilderComponent(type: string): UnregisterBuilderComponentAction {\n  return { type: ActionTypes.UNREGISTER_BUILDER_COMPONENT, payload: { type } }\n}\n\nfunction registerReactComponent(\n  type: string,\n  component: ComponentType,\n): RegisterReactComponentAction {\n  return { type: ActionTypes.REGISTER_REACT_COMPONENT, payload: { type, component } }\n}\n\nfunction unregisterReactComponent(type: string): UnregisterReactComponentAction {\n  return { type: ActionTypes.UNREGISTER_REACT_COMPONENT, payload: { type } }\n}\n\nexport function registerReactComponentEffect(\n  type: string,\n  component: ComponentType,\n): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    dispatch(registerReactComponent(type, component))\n\n    return () => {\n      dispatch(unregisterReactComponent(type))\n    }\n  }\n}\n\nexport function mountComponent(documentKey: string, elementKey: string): MountComponentAction {\n  return { type: ActionTypes.MOUNT_COMPONENT, payload: { documentKey, elementKey } }\n}\n\nexport function unmountComponent(documentKey: string, elementKey: string): UnmountComponentAction {\n  return { type: ActionTypes.UNMOUNT_COMPONENT, payload: { documentKey, elementKey } }\n}\n\nexport function mountComponentEffect(\n  documentKey: string,\n  elementKey: string,\n): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    dispatch(mountComponent(documentKey, elementKey))\n\n    return () => {\n      dispatch(unmountComponent(documentKey, elementKey))\n    }\n  }\n}\n\nexport function registerComponentHandle(\n  documentKey: string,\n  elementKey: string,\n  componentHandle: unknown,\n): RegisterComponentHandleAction {\n  return {\n    type: ActionTypes.REGISTER_COMPONENT_HANDLE,\n    payload: { documentKey, elementKey, componentHandle },\n  }\n}\n\nfunction unregisterComponentHandle(\n  documentKey: string,\n  elementKey: string,\n): UnregisterComponentHandleAction {\n  return { type: ActionTypes.UNREGISTER_COMPONENT_HANDLE, payload: { documentKey, elementKey } }\n}\n\nexport function registerComponentHandleEffect(\n  documentKey: string,\n  elementKey: string,\n  componentHandle: unknown,\n): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    dispatch(registerComponentHandle(documentKey, elementKey, componentHandle))\n\n    return () => {\n      dispatch(unregisterComponentHandle(documentKey, elementKey))\n    }\n  }\n}\n\nexport function registerMeasurable(\n  documentKey: string,\n  elementKey: string,\n  measurable: Measurable,\n): RegisterMeasurableAction {\n  return { type: ActionTypes.REGISTER_MEASURABLE, payload: { documentKey, elementKey, measurable } }\n}\n\nexport function unregisterMeasurable(\n  documentKey: string,\n  elementKey: string,\n): UnregisterMeasurableAction {\n  return { type: ActionTypes.UNREGISTER_MEASURABLE, payload: { documentKey, elementKey } }\n}\n\nexport function registerMeasurableEffect(\n  documentKey: string,\n  elementKey: string,\n  measurable: Measurable,\n): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    dispatch(registerMeasurable(documentKey, elementKey, measurable))\n\n    return () => {\n      dispatch(unregisterMeasurable(documentKey, elementKey))\n    }\n  }\n}\n\nexport function changeElementBoxModels(\n  changedElementBoxModels: Map<string, Map<string, BoxModel | null>>,\n): ChangeElementBoxModelsAction {\n  return { type: ActionTypes.CHANGE_ELEMENT_BOX_MODELS, payload: { changedElementBoxModels } }\n}\n\nexport function changeDocumentElementSize(size: Size): ChangeDocumentElementSizeAction {\n  return { type: ActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE, payload: { size } }\n}\n\nexport function changeDocumentElementScrollTop(\n  scrollTop: number,\n): ChangeDocumentElementScrollTopAction {\n  return { type: ActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP, payload: { scrollTop } }\n}\n\nexport function scrollDocumentElement(scrollTopDelta: number): ScrollDocumentElementAction {\n  return { type: ActionTypes.SCROLL_DOCUMENT_ELEMENT, payload: { scrollTopDelta } }\n}\n\nexport function registerPropControllersHandle(\n  documentKey: string,\n  elementKey: string,\n  handle: PropControllersHandle,\n): RegisterPropControllersHandleAction {\n  return {\n    type: ActionTypes.REGISTER_PROP_CONTROLLERS_HANDLE,\n    payload: { documentKey, elementKey, handle },\n  }\n}\n\nexport function unregisterPropControllersHandle(\n  documentKey: string,\n  elementKey: string,\n): UnregisterPropControllersHandleAction {\n  return {\n    type: ActionTypes.UNREGISTER_PROP_CONTROLLERS_HANDLE,\n    payload: { documentKey, elementKey },\n  }\n}\n\nexport function registerPropControllers(\n  documentKey: string,\n  elementKey: string,\n  propControllers: Record<string, PropController>,\n): RegisterPropControllersAction {\n  return {\n    type: ActionTypes.REGISTER_PROP_CONTROLLERS,\n    payload: { documentKey, elementKey, propControllers },\n  }\n}\n\nexport function unregisterPropControllers(\n  documentKey: string,\n  elementKey: string,\n): UnregisterPropControllersAction {\n  return { type: ActionTypes.UNREGISTER_PROP_CONTROLLERS, payload: { documentKey, elementKey } }\n}\n\nexport function messageHostPropController<T>(\n  documentKey: string,\n  elementKey: string,\n  propName: string,\n  message: T,\n): MessageHostPropControllerAction<T> {\n  return {\n    type: ActionTypes.MESSAGE_HOST_PROP_CONTROLLER,\n    payload: { documentKey, elementKey, propName, message },\n  }\n}\n\nexport function messageBuilderPropController<T>(\n  documentKey: string,\n  elementKey: string,\n  propName: string,\n  message: T,\n): MessageBuilderPropControllerAction<T> {\n  return {\n    type: ActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER,\n    payload: { documentKey, elementKey, propName, message },\n  }\n}\n\nexport function changeApiResource(resource: APIResource): ChangeAPIResourceAction {\n  return { type: ActionTypes.CHANGE_API_RESOURCE, payload: { resource } }\n}\n\nexport function evictApiResource(id: string): EvictAPIResourceAction {\n  return { type: ActionTypes.EVICT_API_RESOURCE, payload: { id } }\n}\n\nexport function setIsInBuilder(isInBuilder: boolean): SetIsInBuilderAction {\n  return { type: ActionTypes.SET_IS_IN_BUILDER, payload: isInBuilder }\n}\n\nexport function handleWheel(payload: { deltaX: number; deltaY: number }): HandleWheelAction {\n  return { type: ActionTypes.HANDLE_WHEEL, payload }\n}\n\nexport function handlePointerMove(payload: {\n  clientX: number\n  clientY: number\n}): HandlePointerMoveAction {\n  return { type: ActionTypes.HANDLE_POINTER_MOVE, payload }\n}\n\nexport function apiResourceFulfilled(\n  resourceType: APIResourceType,\n  resourceId: string,\n  resource: APIResource | null,\n): APIResourceFulfilledAction {\n  return {\n    type: ActionTypes.API_RESOURCE_FULFILLED,\n    payload: { resourceType, resourceId, resource },\n  }\n}\n\nexport function typographiesFulfilled(\n  typographyIds: string[],\n  typographies: (Typography | null)[],\n): TypographiesFulfilledAction {\n  return { type: ActionTypes.TYPOGRAPHIES_FULFILLED, payload: { typographyIds, typographies } }\n}\n\nexport function introspectedResourcesFulfilled(\n  introspectedResourceIds: IntrospectedResourceIds,\n  introspectedResources: IntrospectedResourcesQueryResult,\n): IntrospectedResourcesFulfilled {\n  return {\n    type: ActionTypes.INTROSPECTED_RESOURCES_FULFILLED,\n    payload: { introspectedResourceIds, introspectedResources },\n  }\n}\n\nexport function restoreAPIResourcesCache(\n  serializedState: SerializedState,\n): RestoreAPIResourcesCacheAction {\n  return { type: ActionTypes.RESTORE_API_RESOURCES_CACHE, payload: { serializedState } }\n}\n"],"names":[],"mappings":"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"}

package/dist/actions.es.js

@@ -30,7 +30,11 @@ const ActionTypes = {
   EVICT_API_RESOURCE: "EVICT_API_RESOURCE",
   SET_IS_IN_BUILDER: "SET_IS_IN_BUILDER",
   HANDLE_WHEEL: "HANDLE_WHEEL",
-  HANDLE_POINTER_MOVE: "HANDLE_POINTER_MOVE"
+  HANDLE_POINTER_MOVE: "HANDLE_POINTER_MOVE",
+  API_RESOURCE_FULFILLED: "API_RESOURCE_FULFILLED",
+  INTROSPECTED_RESOURCES_FULFILLED: "INTROSPECTED_RESOURCES_FULFILLED",
+  TYPOGRAPHIES_FULFILLED: "TYPOGRAPHIES_FULFILLED",
+  RESTORE_API_RESOURCES_CACHE: "RESTORE_API_RESOURCES_CACHE"
 };
 function init() {
   return { type: ActionTypes.INIT };
@@ -186,5 +190,23 @@ function handleWheel(payload) {
 function handlePointerMove(payload) {
   return { type: ActionTypes.HANDLE_POINTER_MOVE, payload };
 }
-export { ActionTypes as A, registerPropControllersHandle as B, messageBuilderPropController as C, changeDocumentElementScrollTop as a, cleanUp as b, changeDocument as c, changeApiResource as d, evictApiResource as e, registerDocumentEffect as f, registerComponentHandleEffect as g, mountComponentEffect as h, init as i, registerComponentEffect as j, registerReactComponentEffect as k, changeElementBoxModels as l, messageHostPropController as m, changeDocumentElementSize as n, handleWheel as o, handlePointerMove as p, setIsInBuilder as q, registerDocument as r, scrollDocumentElement as s, registerBuilderComponent as t, unregisterDocument as u, unregisterBuilderComponent as v, unregisterMeasurable as w, registerMeasurable as x, unregisterPropControllers as y, registerPropControllers as z };
+function apiResourceFulfilled(resourceType, resourceId, resource) {
+  return {
+    type: ActionTypes.API_RESOURCE_FULFILLED,
+    payload: { resourceType, resourceId, resource }
+  };
+}
+function typographiesFulfilled(typographyIds, typographies) {
+  return { type: ActionTypes.TYPOGRAPHIES_FULFILLED, payload: { typographyIds, typographies } };
+}
+function introspectedResourcesFulfilled(introspectedResourceIds, introspectedResources) {
+  return {
+    type: ActionTypes.INTROSPECTED_RESOURCES_FULFILLED,
+    payload: { introspectedResourceIds, introspectedResources }
+  };
+}
+function restoreAPIResourcesCache(serializedState) {
+  return { type: ActionTypes.RESTORE_API_RESOURCES_CACHE, payload: { serializedState } };
+}
+export { ActionTypes as A, unregisterMeasurable as B, registerMeasurable as C, unregisterPropControllers as D, registerPropControllers as E, registerPropControllersHandle as F, messageBuilderPropController as G, changeDocumentElementScrollTop as a, cleanUp as b, changeDocument as c, changeApiResource as d, evictApiResource as e, introspectedResourcesFulfilled as f, apiResourceFulfilled as g, restoreAPIResourcesCache as h, init as i, registerDocumentEffect as j, registerComponentHandleEffect as k, mountComponentEffect as l, messageHostPropController as m, registerComponentEffect as n, registerReactComponentEffect as o, changeElementBoxModels as p, changeDocumentElementSize as q, registerDocument as r, scrollDocumentElement as s, typographiesFulfilled as t, unregisterDocument as u, handleWheel as v, handlePointerMove as w, setIsInBuilder as x, registerBuilderComponent as y, unregisterBuilderComponent as z };
 //# sourceMappingURL=actions.es.js.map