@makeswift/runtime 0.14.5 → 0.16.0-canary.0

package/dist/esm/components/shared/Link/index.js

@@ -8,6 +8,7 @@ const Link = forwardRef(function Link2({ link, onClick = () => {
 }, ...restOfProps }, ref) {
   const pageId = link && link.type === "OPEN_PAGE" ? link.payload.pageId : null;
   const page = usePagePathnameSlice(pageId ?? null);
+  const hasLocalizedPathname = page?.localizedPathname != null;
   const elementKey = link?.type === "SCROLL_TO_ELEMENT" ? link.payload.elementIdConfig?.elementKey : null;
   const elementId = useElementId(elementKey);
   let useNextLink;
@@ -19,7 +20,7 @@ const Link = forwardRef(function Link2({ link, onClick = () => {
       case "OPEN_PAGE": {
         if (page) {
           useNextLink = true;
-          href = `/${page.pathname}`;
+          href = `/${page.localizedPathname ?? page.pathname}`;
         }
         target = link.payload.openInNewTab ? "_blank" : "_self";
         break;
@@ -87,6 +88,9 @@ const Link = forwardRef(function Link2({ link, onClick = () => {
         target,
         onClick: handleClick,
         href,
+        ...hasLocalizedPathname && {
+          locale: false
+        },
         legacyBehavior: false
       }
     );

package/dist/esm/components/shared/Link/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/shared/Link/index.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, MouseEvent } from 'react'\nimport scrollIntoView from 'scroll-into-view-if-needed'\nimport NextLink from 'next/link'\n\nimport { LinkValue as LinkPropControllerValue } from '../../../prop-controllers/descriptors'\nimport { useElementId } from '../../../runtimes/react'\nimport { usePagePathnameSlice } from '../../../runtimes/react/hooks/makeswift-api'\n\ntype BaseProps = {\n  link?: LinkPropControllerValue\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => unknown\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'a'>, keyof BaseProps>\n\nexport const Link = forwardRef<HTMLAnchorElement, Props>(function Link(\n  { link, onClick = () => {}, ...restOfProps }: Props,\n  ref,\n) {\n  const pageId = link && link.type === 'OPEN_PAGE' ? link.payload.pageId : null\n  const page = usePagePathnameSlice(pageId ?? null)\n  const elementKey =\n    link?.type === 'SCROLL_TO_ELEMENT' ? link.payload.elementIdConfig?.elementKey : null\n  const elementId = useElementId(elementKey)\n\n  // We don't want to use `next/link` with relative paths because Next.js will attempt to normalize\n  // it and mess up the path.\n  let useNextLink: boolean | undefined\n  let href: string | undefined\n  let target: '_blank' | '_self' | undefined\n  let block: 'start' | 'center' | 'end' | undefined\n\n  if (link) {\n    switch (link.type) {\n      case 'OPEN_PAGE': {\n        if (page) {\n          useNextLink = true\n\n          href = `/${page.pathname}`\n        }\n\n        target = link.payload.openInNewTab ? '_blank' : '_self'\n\n        break\n      }\n\n      case 'OPEN_URL': {\n        useNextLink = true\n\n        href = link.payload.url\n\n        target = link.payload.openInNewTab ? '_blank' : '_self'\n\n        break\n      }\n\n      case 'SEND_EMAIL': {\n        useNextLink = false\n\n        const { to, subject = '', body = '' } = link.payload\n\n        if (to != null) href = `mailto:${to}?subject=${subject}&body=${body}`\n\n        break\n      }\n\n      case 'CALL_PHONE': {\n        useNextLink = false\n\n        href = `tel:${link.payload.phoneNumber}`\n\n        break\n      }\n\n      case 'SCROLL_TO_ELEMENT': {\n        useNextLink = false\n\n        href = `#${elementId ?? ''}`\n\n        block = link.payload.block\n\n        break\n      }\n\n      default:\n        throw new RangeError(`Invalid link type \"${(link as any).type}.\"`)\n    }\n  }\n\n  function handleClick(event: MouseEvent<HTMLAnchorElement>) {\n    onClick(event)\n\n    if (event.defaultPrevented) return\n\n    /**\n     * When we introduced `next/link` instead of just `a` element slate no longer prevented link from navigating within\n     * content mode. This is a hack to compensate for what would be expected as slate's default behavior.\n     * On upgrade of slate this can be reevaluated.\n     */\n    if (event.currentTarget.isContentEditable) return event.preventDefault()\n\n    if (link && link.type === 'SCROLL_TO_ELEMENT') {\n      let hash: string | undefined\n\n      try {\n        if (href != null) hash = new URL(`http://www.example.com/${href}`).hash\n      } catch (error) {\n        console.error(`Link received invalid href: ${href}`, error)\n      }\n\n      if (href != null && hash != null && href === hash) {\n        event.preventDefault()\n        const view = event.view as unknown as Window\n\n        scrollIntoView(view.document.querySelector(hash)!, {\n          behavior: 'smooth',\n          block,\n        })\n\n        if (view.location.hash !== hash) view.history.pushState({}, '', hash)\n      }\n    }\n  }\n\n  if (useNextLink && href != null) {\n    return (\n      <NextLink\n        {...restOfProps}\n        ref={ref}\n        target={target}\n        onClick={handleClick}\n        href={href}\n        // Next.js v12 has legacyBehavior set to true by default\n        legacyBehavior={false}\n      />\n    )\n  }\n\n  // eslint-disable-next-line\n  return <a {...restOfProps} ref={ref} href={href} target={target} onClick={handleClick} />\n})\n"],"mappings":"AA8HM;AA9HN,SAAmC,kBAA8B;AACjE,OAAO,oBAAoB;AAC3B,OAAO,cAAc;AAGrB,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AAS9B,MAAM,OAAO,WAAqC,SAASA,MAChE,EAAE,MAAM,UAAU,MAAM;AAAC,GAAG,GAAG,YAAY,GAC3C,KACA;AACA,QAAM,SAAS,QAAQ,KAAK,SAAS,cAAc,KAAK,QAAQ,SAAS;AACzE,QAAM,OAAO,qBAAqB,UAAU,IAAI;AAChD,QAAM,aACJ,MAAM,SAAS,sBAAsB,KAAK,QAAQ,iBAAiB,aAAa;AAClF,QAAM,YAAY,aAAa,UAAU;AAIzC,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AAEJ,MAAI,MAAM;AACR,YAAQ,KAAK,MAAM;AAAA,MACjB,KAAK,aAAa;AAChB,YAAI,MAAM;AACR,wBAAc;AAEd,iBAAO,IAAI,KAAK,QAAQ;AAAA,QAC1B;AAEA,iBAAS,KAAK,QAAQ,eAAe,WAAW;AAEhD;AAAA,MACF;AAAA,MAEA,KAAK,YAAY;AACf,sBAAc;AAEd,eAAO,KAAK,QAAQ;AAEpB,iBAAS,KAAK,QAAQ,eAAe,WAAW;AAEhD;AAAA,MACF;AAAA,MAEA,KAAK,cAAc;AACjB,sBAAc;AAEd,cAAM,EAAE,IAAI,UAAU,IAAI,OAAO,GAAG,IAAI,KAAK;AAE7C,YAAI,MAAM;AAAM,iBAAO,UAAU,EAAE,YAAY,OAAO,SAAS,IAAI;AAEnE;AAAA,MACF;AAAA,MAEA,KAAK,cAAc;AACjB,sBAAc;AAEd,eAAO,OAAO,KAAK,QAAQ,WAAW;AAEtC;AAAA,MACF;AAAA,MAEA,KAAK,qBAAqB;AACxB,sBAAc;AAEd,eAAO,IAAI,aAAa,EAAE;AAE1B,gBAAQ,KAAK,QAAQ;AAErB;AAAA,MACF;AAAA,MAEA;AACE,cAAM,IAAI,WAAW,sBAAuB,KAAa,IAAI,IAAI;AAAA,IACrE;AAAA,EACF;AAEA,WAAS,YAAY,OAAsC;AACzD,YAAQ,KAAK;AAEb,QAAI,MAAM;AAAkB;AAO5B,QAAI,MAAM,cAAc;AAAmB,aAAO,MAAM,eAAe;AAEvE,QAAI,QAAQ,KAAK,SAAS,qBAAqB;AAC7C,UAAI;AAEJ,UAAI;AACF,YAAI,QAAQ;AAAM,iBAAO,IAAI,IAAI,0BAA0B,IAAI,EAAE,EAAE;AAAA,MACrE,SAAS,OAAO;AACd,gBAAQ,MAAM,+BAA+B,IAAI,IAAI,KAAK;AAAA,MAC5D;AAEA,UAAI,QAAQ,QAAQ,QAAQ,QAAQ,SAAS,MAAM;AACjD,cAAM,eAAe;AACrB,cAAM,OAAO,MAAM;AAEnB,uBAAe,KAAK,SAAS,cAAc,IAAI,GAAI;AAAA,UACjD,UAAU;AAAA,UACV;AAAA,QACF,CAAC;AAED,YAAI,KAAK,SAAS,SAAS;AAAM,eAAK,QAAQ,UAAU,CAAC,GAAG,IAAI,IAAI;AAAA,MACtE;AAAA,IACF;AAAA,EACF;AAEA,MAAI,eAAe,QAAQ,MAAM;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QAEA,gBAAgB;AAAA;AAAA,IAClB;AAAA,EAEJ;AAGA,SAAO,oBAAC,OAAG,GAAG,aAAa,KAAU,MAAY,QAAgB,SAAS,aAAa;AACzF,CAAC;","names":["Link"]}
+{"version":3,"sources":["../../../../../src/components/shared/Link/index.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, MouseEvent } from 'react'\nimport scrollIntoView from 'scroll-into-view-if-needed'\nimport NextLink from 'next/link'\n\nimport { LinkPropControllerValue } from '@makeswift/prop-controllers'\nimport { useElementId } from '../../../runtimes/react'\nimport { usePagePathnameSlice } from '../../../runtimes/react/hooks/makeswift-api'\n\ntype BaseProps = {\n  link?: LinkPropControllerValue\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => unknown\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'a'>, keyof BaseProps>\n\nexport const Link = forwardRef<HTMLAnchorElement, Props>(function Link(\n  { link, onClick = () => {}, ...restOfProps }: Props,\n  ref,\n) {\n  const pageId = link && link.type === 'OPEN_PAGE' ? link.payload.pageId : null\n  const page = usePagePathnameSlice(pageId ?? null)\n  const hasLocalizedPathname = page?.localizedPathname != null\n\n  const elementKey =\n    link?.type === 'SCROLL_TO_ELEMENT' ? link.payload.elementIdConfig?.elementKey : null\n  const elementId = useElementId(elementKey)\n\n  // We don't want to use `next/link` with relative paths because Next.js will attempt to normalize\n  // it and mess up the path.\n  let useNextLink: boolean | undefined\n  let href: string | undefined\n  let target: '_blank' | '_self' | undefined\n  let block: 'start' | 'center' | 'end' | undefined\n\n  if (link) {\n    switch (link.type) {\n      case 'OPEN_PAGE': {\n        if (page) {\n          useNextLink = true\n\n          href = `/${page.localizedPathname ?? page.pathname}`\n        }\n\n        target = link.payload.openInNewTab ? '_blank' : '_self'\n\n        break\n      }\n\n      case 'OPEN_URL': {\n        useNextLink = true\n\n        href = link.payload.url\n\n        target = link.payload.openInNewTab ? '_blank' : '_self'\n\n        break\n      }\n\n      case 'SEND_EMAIL': {\n        useNextLink = false\n\n        const { to, subject = '', body = '' } = link.payload\n\n        if (to != null) href = `mailto:${to}?subject=${subject}&body=${body}`\n\n        break\n      }\n\n      case 'CALL_PHONE': {\n        useNextLink = false\n\n        href = `tel:${link.payload.phoneNumber}`\n\n        break\n      }\n\n      case 'SCROLL_TO_ELEMENT': {\n        useNextLink = false\n\n        href = `#${elementId ?? ''}`\n\n        block = link.payload.block\n\n        break\n      }\n\n      default:\n        throw new RangeError(`Invalid link type \"${(link as any).type}.\"`)\n    }\n  }\n\n  function handleClick(event: MouseEvent<HTMLAnchorElement>) {\n    onClick(event)\n\n    if (event.defaultPrevented) return\n\n    /**\n     * When we introduced `next/link` instead of just `a` element slate no longer prevented link from navigating within\n     * content mode. This is a hack to compensate for what would be expected as slate's default behavior.\n     * On upgrade of slate this can be reevaluated.\n     */\n    if (event.currentTarget.isContentEditable) return event.preventDefault()\n\n    if (link && link.type === 'SCROLL_TO_ELEMENT') {\n      let hash: string | undefined\n\n      try {\n        if (href != null) hash = new URL(`http://www.example.com/${href}`).hash\n      } catch (error) {\n        console.error(`Link received invalid href: ${href}`, error)\n      }\n\n      if (href != null && hash != null && href === hash) {\n        event.preventDefault()\n        const view = event.view as unknown as Window\n\n        scrollIntoView(view.document.querySelector(hash)!, {\n          behavior: 'smooth',\n          block,\n        })\n\n        if (view.location.hash !== hash) view.history.pushState({}, '', hash)\n      }\n    }\n  }\n\n  if (useNextLink && href != null) {\n    return (\n      <NextLink\n        {...restOfProps}\n        ref={ref}\n        target={target}\n        onClick={handleClick}\n        href={href}\n        {...(hasLocalizedPathname && {\n          locale: false,\n        })}\n        // Next.js v12 has legacyBehavior set to true by default\n        legacyBehavior={false}\n      />\n    )\n  }\n\n  // eslint-disable-next-line\n  return <a {...restOfProps} ref={ref} href={href} target={target} onClick={handleClick} />\n})\n"],"mappings":"AAgIM;AAhIN,SAAmC,kBAA8B;AACjE,OAAO,oBAAoB;AAC3B,OAAO,cAAc;AAGrB,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AAS9B,MAAM,OAAO,WAAqC,SAASA,MAChE,EAAE,MAAM,UAAU,MAAM;AAAC,GAAG,GAAG,YAAY,GAC3C,KACA;AACA,QAAM,SAAS,QAAQ,KAAK,SAAS,cAAc,KAAK,QAAQ,SAAS;AACzE,QAAM,OAAO,qBAAqB,UAAU,IAAI;AAChD,QAAM,uBAAuB,MAAM,qBAAqB;AAExD,QAAM,aACJ,MAAM,SAAS,sBAAsB,KAAK,QAAQ,iBAAiB,aAAa;AAClF,QAAM,YAAY,aAAa,UAAU;AAIzC,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AAEJ,MAAI,MAAM;AACR,YAAQ,KAAK,MAAM;AAAA,MACjB,KAAK,aAAa;AAChB,YAAI,MAAM;AACR,wBAAc;AAEd,iBAAO,IAAI,KAAK,qBAAqB,KAAK,QAAQ;AAAA,QACpD;AAEA,iBAAS,KAAK,QAAQ,eAAe,WAAW;AAEhD;AAAA,MACF;AAAA,MAEA,KAAK,YAAY;AACf,sBAAc;AAEd,eAAO,KAAK,QAAQ;AAEpB,iBAAS,KAAK,QAAQ,eAAe,WAAW;AAEhD;AAAA,MACF;AAAA,MAEA,KAAK,cAAc;AACjB,sBAAc;AAEd,cAAM,EAAE,IAAI,UAAU,IAAI,OAAO,GAAG,IAAI,KAAK;AAE7C,YAAI,MAAM;AAAM,iBAAO,UAAU,EAAE,YAAY,OAAO,SAAS,IAAI;AAEnE;AAAA,MACF;AAAA,MAEA,KAAK,cAAc;AACjB,sBAAc;AAEd,eAAO,OAAO,KAAK,QAAQ,WAAW;AAEtC;AAAA,MACF;AAAA,MAEA,KAAK,qBAAqB;AACxB,sBAAc;AAEd,eAAO,IAAI,aAAa,EAAE;AAE1B,gBAAQ,KAAK,QAAQ;AAErB;AAAA,MACF;AAAA,MAEA;AACE,cAAM,IAAI,WAAW,sBAAuB,KAAa,IAAI,IAAI;AAAA,IACrE;AAAA,EACF;AAEA,WAAS,YAAY,OAAsC;AACzD,YAAQ,KAAK;AAEb,QAAI,MAAM;AAAkB;AAO5B,QAAI,MAAM,cAAc;AAAmB,aAAO,MAAM,eAAe;AAEvE,QAAI,QAAQ,KAAK,SAAS,qBAAqB;AAC7C,UAAI;AAEJ,UAAI;AACF,YAAI,QAAQ;AAAM,iBAAO,IAAI,IAAI,0BAA0B,IAAI,EAAE,EAAE;AAAA,MACrE,SAAS,OAAO;AACd,gBAAQ,MAAM,+BAA+B,IAAI,IAAI,KAAK;AAAA,MAC5D;AAEA,UAAI,QAAQ,QAAQ,QAAQ,QAAQ,SAAS,MAAM;AACjD,cAAM,eAAe;AACrB,cAAM,OAAO,MAAM;AAEnB,uBAAe,KAAK,SAAS,cAAc,IAAI,GAAI;AAAA,UACjD,UAAU;AAAA,UACV;AAAA,QACF,CAAC;AAED,YAAI,KAAK,SAAS,SAAS;AAAM,eAAK,QAAQ,UAAU,CAAC,GAAG,IAAI,IAAI;AAAA,MACtE;AAAA,IACF;AAAA,EACF;AAEA,MAAI,eAAe,QAAQ,MAAM;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACC,GAAI,wBAAwB;AAAA,UAC3B,QAAQ;AAAA,QACV;AAAA,QAEA,gBAAgB;AAAA;AAAA,IAClB;AAAA,EAEJ;AAGA,SAAO,oBAAC,OAAG,GAAG,aAAa,KAAU,MAAY,QAAgB,SAAS,aAAa;AACzF,CAAC;","names":["Link"]}

package/dist/esm/controls/control.js

@@ -28,6 +28,7 @@ import {
   Types,
   mergeGridPropControllerTranslatedData
 } from "../prop-controllers/descriptors";
+import { Types as PropControllerTypes } from "@makeswift/prop-controllers";
 import { copy as propControllerCopy } from "../prop-controllers/copy";
 import {
   RichTextControlType,
@@ -49,7 +50,7 @@ function copy(definition, value, context) {
     case Types.Backgrounds:
     case Types.Grid:
     case Types.NavigationLinks:
-    case Types.Link:
+    case PropControllerTypes.Link:
     case Types.Shadows:
     case Types.Image:
     case Types.Images:

package/dist/esm/controls/control.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/controls/control.ts"],"sourcesContent":["import { CheckboxControlData, CheckboxControlDefinition } from './checkbox'\nimport { ColorControlData, ColorControlDefinition, ColorControlType, copyColorData } from './color'\nimport { ComboboxControlData, ComboboxControlDefinition } from './combobox'\nimport { ImageControlData, ImageControlDefinition, copyImageData, ImageControlType } from './image'\nimport { LinkControlData, LinkControlDefinition, copyLinkData, LinkControlType } from './link'\nimport {\n  ListControlData,\n  ListControlDefinition,\n  copyListData,\n  ListControlType,\n  getListTranslatableData,\n  mergeListTranslatedData,\n  ListControlTranslationDto,\n} from './list'\nimport { NumberControlData, NumberControlDefinition } from './number'\nimport { SelectControlData, SelectControlDefinition } from './select'\nimport {\n  ShapeControlData,\n  ShapeControlDefinition,\n  copyShapeData,\n  ShapeControlType,\n  getShapeTranslatableData,\n  mergeShapeTranslatedData,\n  ShapeControlTranslationDto,\n} from './shape'\nimport { TextAreaControlData, TextAreaControlDefinition, TextAreaControlType } from './text-area'\nimport {\n  TextInputControlData,\n  TextInputControlDefinition,\n  TextInputControlType,\n} from './text-input'\nimport { copyStyleData, StyleControlData, StyleControlDefinition, StyleControlType } from './style'\nimport {\n  copySlotData,\n  mergeSlotControlTranslatedData,\n  mergeSlotData,\n  SlotControlData,\n  SlotControlDefinition,\n  SlotControlType,\n} from './slot'\n\nimport {\n  Descriptor,\n  GridValue,\n  IndexSignatureHack,\n  Types,\n  mergeGridPropControllerTranslatedData,\n} from '../prop-controllers/descriptors'\nimport { copy as propControllerCopy } from '../prop-controllers/copy'\nimport { CopyContext, Data, MergeContext, MergeTranslatableDataContext } from '../state/react-page'\nimport {\n  RichTextControlData,\n  RichTextControlDefinition,\n  RichTextControlType,\n  copyRichTextData,\n  richTextDTOtoDAO,\n} from './rich-text'\nimport { PropControllerDescriptor } from '../prop-controllers'\n\nimport { richTextV2DescendentsToData } from './rich-text-v2/dto'\nimport { copyRichTextV2Data } from './rich-text-v2/copy'\nimport {\n  RichTextV2ControlData,\n  RichTextV2ControlDefinition,\n  RichTextV2ControlType,\n  isRichTextV1Data,\n} from './rich-text-v2/rich-text-v2'\n\nimport { StyleV2ControlData, StyleV2ControlDefinition } from './style-v2'\nimport { IconRadioGroupControlData, IconRadioGroupControlDefinition } from './icon-radio-group'\nimport { TypographyControlData, TypographyControlDefinition } from './typography'\nimport {\n  RichTextV2ControlTranslationDto,\n  getRichTextV2TranslatableData,\n  mergeRichTextV2TranslatedData,\n} from './rich-text-v2/translation'\n\nexport type ControlDefinition =\n  | CheckboxControlDefinition\n  | NumberControlDefinition\n  | TextInputControlDefinition\n  | TextAreaControlDefinition\n  | SelectControlDefinition\n  | ColorControlDefinition\n  | IconRadioGroupControlDefinition\n  | ImageControlDefinition\n  | ComboboxControlDefinition\n  | ShapeControlDefinition\n  | ListControlDefinition<any>\n  | LinkControlDefinition\n  | SlotControlDefinition\n  | ShapeControlDefinition\n  | RichTextControlDefinition\n  | RichTextV2ControlDefinition\n  | StyleControlDefinition\n  | StyleV2ControlDefinition\n  | TypographyControlDefinition\n\nexport type ControlDefinitionData<T extends ControlDefinition> = T extends CheckboxControlDefinition\n  ? CheckboxControlData\n  : T extends NumberControlDefinition\n  ? NumberControlData\n  : T extends TextInputControlDefinition\n  ? TextInputControlData\n  : T extends TextAreaControlDefinition\n  ? TextAreaControlData\n  : T extends SelectControlDefinition\n  ? SelectControlData<T>\n  : T extends ColorControlDefinition\n  ? ColorControlData\n  : T extends IconRadioGroupControlDefinition\n  ? IconRadioGroupControlData<T>\n  : T extends ImageControlDefinition\n  ? ImageControlData\n  : T extends ComboboxControlDefinition\n  ? ComboboxControlData<T>\n  : T extends ShapeControlDefinition\n  ? ShapeControlData<T>\n  : T extends ListControlDefinition\n  ? ListControlData<T>\n  : T extends LinkControlDefinition\n  ? LinkControlData\n  : T extends RichTextControlDefinition\n  ? IndexSignatureHack<RichTextControlData>\n  : T extends RichTextV2ControlDefinition\n  ? RichTextV2ControlData\n  : T extends StyleControlDefinition\n  ? StyleControlData\n  : T extends StyleV2ControlDefinition\n  ? StyleV2ControlData\n  : T extends TypographyControlDefinition\n  ? TypographyControlData\n  : never\n\nexport function copy(definition: Descriptor | ControlDefinition, value: any, context: CopyContext) {\n  switch (definition.type) {\n    case Types.Backgrounds:\n    case Types.Grid:\n    case Types.NavigationLinks:\n    case Types.Link:\n    case Types.Shadows:\n    case Types.Image:\n    case Types.Images:\n    case Types.ResponsiveColor:\n    case Types.TableFormFields:\n    case Types.Table:\n    case Types.Border:\n    case Types.RichText:\n    case Types.ElementID:\n      return propControllerCopy(definition, value, context)\n    case RichTextControlType:\n      return copyRichTextData(value, context)\n    case RichTextV2ControlType:\n      return copyRichTextV2Data(\n        isRichTextV1Data(value) ? richTextV2DescendentsToData(richTextDTOtoDAO(value)) : value,\n        context,\n      )\n    case ColorControlType:\n      return copyColorData(value, context)\n    case ImageControlType:\n      return copyImageData(value, context)\n    case LinkControlType:\n      return copyLinkData(value, context)\n    case ShapeControlType:\n      return copyShapeData(definition, value, context)\n    case ListControlType:\n      return copyListData(definition, value, context)\n    case StyleControlType:\n      return copyStyleData(value, context)\n    case SlotControlType:\n      return copySlotData(value, context)\n    default:\n      return value\n  }\n}\n\nexport function merge(\n  definition: PropControllerDescriptor,\n  a: Data,\n  b: Data = a,\n  context: MergeContext,\n): Data {\n  switch (definition.type) {\n    case SlotControlType:\n      return mergeSlotData(a as SlotControlData, b as SlotControlData, context)\n\n    default:\n      return b\n  }\n}\n\nexport function getTranslatableData(definition: Descriptor | ControlDefinition, data: Data): Data {\n  switch (definition.type) {\n    case Types.TextInput:\n    case Types.TextArea:\n    case TextInputControlType:\n    case TextAreaControlType:\n      return data\n\n    case RichTextV2ControlType:\n      const richTextData = data as RichTextV2ControlData | RichTextControlData\n\n      if (isRichTextV1Data(richTextData)) return null\n\n      return getRichTextV2TranslatableData(definition, richTextData as RichTextV2ControlData)\n\n    case ListControlType:\n      if (data == null) return null\n\n      return getListTranslatableData(definition, data as ListControlData)\n\n    case ShapeControlType:\n      if (data == null) return null\n\n      return getShapeTranslatableData(definition, data as ShapeControlData)\n\n    default:\n      return null\n  }\n}\n\nexport function mergeTranslatedData(\n  definition: PropControllerDescriptor,\n  data: Data,\n  translatedData: Data,\n  context: MergeTranslatableDataContext,\n): Data {\n  if (data == null) return data\n\n  switch (definition.type) {\n    case Types.TextInput:\n    case Types.TextArea:\n    case TextInputControlType:\n    case TextAreaControlType:\n      if (translatedData == null) return data\n\n      return translatedData\n\n    case Types.Grid:\n      return mergeGridPropControllerTranslatedData(data as GridValue, context)\n\n    case SlotControlType:\n      return mergeSlotControlTranslatedData(data as SlotControlData, context)\n\n    case RichTextV2ControlType:\n      if (translatedData == null) return data\n\n      return mergeRichTextV2TranslatedData(\n        definition,\n        data as RichTextV2ControlData,\n        translatedData as RichTextV2ControlTranslationDto,\n      )\n\n    case ListControlType:\n      if (translatedData == null) return data\n\n      return mergeListTranslatedData(\n        definition,\n        data as ListControlData,\n        translatedData as ListControlTranslationDto,\n        context,\n      )\n\n    case ShapeControlType:\n      if (translatedData == null) return data\n\n      return mergeShapeTranslatedData(\n        definition,\n        data as ShapeControlData,\n        translatedData as ShapeControlTranslationDto,\n        context,\n      )\n\n    default:\n      return data\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/controls/control.ts"],"sourcesContent":["import { CheckboxControlData, CheckboxControlDefinition } from './checkbox'\nimport { ColorControlData, ColorControlDefinition, ColorControlType, copyColorData } from './color'\nimport { ComboboxControlData, ComboboxControlDefinition } from './combobox'\nimport { ImageControlData, ImageControlDefinition, copyImageData, ImageControlType } from './image'\nimport { LinkControlData, LinkControlDefinition, copyLinkData, LinkControlType } from './link'\nimport {\n  ListControlData,\n  ListControlDefinition,\n  copyListData,\n  ListControlType,\n  getListTranslatableData,\n  mergeListTranslatedData,\n  ListControlTranslationDto,\n} from './list'\nimport { NumberControlData, NumberControlDefinition } from './number'\nimport { SelectControlData, SelectControlDefinition } from './select'\nimport {\n  ShapeControlData,\n  ShapeControlDefinition,\n  copyShapeData,\n  ShapeControlType,\n  getShapeTranslatableData,\n  mergeShapeTranslatedData,\n  ShapeControlTranslationDto,\n} from './shape'\nimport { TextAreaControlData, TextAreaControlDefinition, TextAreaControlType } from './text-area'\nimport {\n  TextInputControlData,\n  TextInputControlDefinition,\n  TextInputControlType,\n} from './text-input'\nimport { copyStyleData, StyleControlData, StyleControlDefinition, StyleControlType } from './style'\nimport {\n  copySlotData,\n  mergeSlotControlTranslatedData,\n  mergeSlotData,\n  SlotControlData,\n  SlotControlDefinition,\n  SlotControlType,\n} from './slot'\n\nimport {\n  Descriptor,\n  GridValue,\n  IndexSignatureHack,\n  Types,\n  mergeGridPropControllerTranslatedData,\n} from '../prop-controllers/descriptors'\nimport { Types as PropControllerTypes } from '@makeswift/prop-controllers'\nimport { copy as propControllerCopy } from '../prop-controllers/copy'\nimport { CopyContext, Data, MergeContext, MergeTranslatableDataContext } from '../state/react-page'\nimport {\n  RichTextControlData,\n  RichTextControlDefinition,\n  RichTextControlType,\n  copyRichTextData,\n  richTextDTOtoDAO,\n} from './rich-text'\nimport { PropControllerDescriptor } from '../prop-controllers'\n\nimport { richTextV2DescendentsToData } from './rich-text-v2/dto'\nimport { copyRichTextV2Data } from './rich-text-v2/copy'\nimport {\n  RichTextV2ControlData,\n  RichTextV2ControlDefinition,\n  RichTextV2ControlType,\n  isRichTextV1Data,\n} from './rich-text-v2/rich-text-v2'\n\nimport { StyleV2ControlData, StyleV2ControlDefinition } from './style-v2'\nimport { IconRadioGroupControlData, IconRadioGroupControlDefinition } from './icon-radio-group'\nimport { TypographyControlData, TypographyControlDefinition } from './typography'\nimport {\n  RichTextV2ControlTranslationDto,\n  getRichTextV2TranslatableData,\n  mergeRichTextV2TranslatedData,\n} from './rich-text-v2/translation'\n\nexport type ControlDefinition =\n  | CheckboxControlDefinition\n  | NumberControlDefinition\n  | TextInputControlDefinition\n  | TextAreaControlDefinition\n  | SelectControlDefinition\n  | ColorControlDefinition\n  | IconRadioGroupControlDefinition\n  | ImageControlDefinition\n  | ComboboxControlDefinition\n  | ShapeControlDefinition\n  | ListControlDefinition<any>\n  | LinkControlDefinition\n  | SlotControlDefinition\n  | ShapeControlDefinition\n  | RichTextControlDefinition\n  | RichTextV2ControlDefinition\n  | StyleControlDefinition\n  | StyleV2ControlDefinition\n  | TypographyControlDefinition\n\nexport type ControlDefinitionData<T extends ControlDefinition> = T extends CheckboxControlDefinition\n  ? CheckboxControlData\n  : T extends NumberControlDefinition\n  ? NumberControlData\n  : T extends TextInputControlDefinition\n  ? TextInputControlData\n  : T extends TextAreaControlDefinition\n  ? TextAreaControlData\n  : T extends SelectControlDefinition\n  ? SelectControlData<T>\n  : T extends ColorControlDefinition\n  ? ColorControlData\n  : T extends IconRadioGroupControlDefinition\n  ? IconRadioGroupControlData<T>\n  : T extends ImageControlDefinition\n  ? ImageControlData\n  : T extends ComboboxControlDefinition\n  ? ComboboxControlData<T>\n  : T extends ShapeControlDefinition\n  ? ShapeControlData<T>\n  : T extends ListControlDefinition\n  ? ListControlData<T>\n  : T extends LinkControlDefinition\n  ? LinkControlData\n  : T extends RichTextControlDefinition\n  ? IndexSignatureHack<RichTextControlData>\n  : T extends RichTextV2ControlDefinition\n  ? RichTextV2ControlData\n  : T extends StyleControlDefinition\n  ? StyleControlData\n  : T extends StyleV2ControlDefinition\n  ? StyleV2ControlData\n  : T extends TypographyControlDefinition\n  ? TypographyControlData\n  : never\n\nexport function copy(definition: Descriptor | ControlDefinition, value: any, context: CopyContext) {\n  switch (definition.type) {\n    case Types.Backgrounds:\n    case Types.Grid:\n    case Types.NavigationLinks:\n    case PropControllerTypes.Link:\n    case Types.Shadows:\n    case Types.Image:\n    case Types.Images:\n    case Types.ResponsiveColor:\n    case Types.TableFormFields:\n    case Types.Table:\n    case Types.Border:\n    case Types.RichText:\n    case Types.ElementID:\n      return propControllerCopy(definition, value, context)\n    case RichTextControlType:\n      return copyRichTextData(value, context)\n    case RichTextV2ControlType:\n      return copyRichTextV2Data(\n        isRichTextV1Data(value) ? richTextV2DescendentsToData(richTextDTOtoDAO(value)) : value,\n        context,\n      )\n    case ColorControlType:\n      return copyColorData(value, context)\n    case ImageControlType:\n      return copyImageData(value, context)\n    case LinkControlType:\n      return copyLinkData(value, context)\n    case ShapeControlType:\n      return copyShapeData(definition, value, context)\n    case ListControlType:\n      return copyListData(definition, value, context)\n    case StyleControlType:\n      return copyStyleData(value, context)\n    case SlotControlType:\n      return copySlotData(value, context)\n    default:\n      return value\n  }\n}\n\nexport function merge(\n  definition: PropControllerDescriptor,\n  a: Data,\n  b: Data = a,\n  context: MergeContext,\n): Data {\n  switch (definition.type) {\n    case SlotControlType:\n      return mergeSlotData(a as SlotControlData, b as SlotControlData, context)\n\n    default:\n      return b\n  }\n}\n\nexport function getTranslatableData(definition: Descriptor | ControlDefinition, data: Data): Data {\n  switch (definition.type) {\n    case Types.TextInput:\n    case Types.TextArea:\n    case TextInputControlType:\n    case TextAreaControlType:\n      return data\n\n    case RichTextV2ControlType:\n      const richTextData = data as RichTextV2ControlData | RichTextControlData\n\n      if (isRichTextV1Data(richTextData)) return null\n\n      return getRichTextV2TranslatableData(definition, richTextData as RichTextV2ControlData)\n\n    case ListControlType:\n      if (data == null) return null\n\n      return getListTranslatableData(definition, data as ListControlData)\n\n    case ShapeControlType:\n      if (data == null) return null\n\n      return getShapeTranslatableData(definition, data as ShapeControlData)\n\n    default:\n      return null\n  }\n}\n\nexport function mergeTranslatedData(\n  definition: PropControllerDescriptor,\n  data: Data,\n  translatedData: Data,\n  context: MergeTranslatableDataContext,\n): Data {\n  if (data == null) return data\n\n  switch (definition.type) {\n    case Types.TextInput:\n    case Types.TextArea:\n    case TextInputControlType:\n    case TextAreaControlType:\n      if (translatedData == null) return data\n\n      return translatedData\n\n    case Types.Grid:\n      return mergeGridPropControllerTranslatedData(data as GridValue, context)\n\n    case SlotControlType:\n      return mergeSlotControlTranslatedData(data as SlotControlData, context)\n\n    case RichTextV2ControlType:\n      if (translatedData == null) return data\n\n      return mergeRichTextV2TranslatedData(\n        definition,\n        data as RichTextV2ControlData,\n        translatedData as RichTextV2ControlTranslationDto,\n      )\n\n    case ListControlType:\n      if (translatedData == null) return data\n\n      return mergeListTranslatedData(\n        definition,\n        data as ListControlData,\n        translatedData as ListControlTranslationDto,\n        context,\n      )\n\n    case ShapeControlType:\n      if (translatedData == null) return data\n\n      return mergeShapeTranslatedData(\n        definition,\n        data as ShapeControlData,\n        translatedData as ShapeControlTranslationDto,\n        context,\n      )\n\n    default:\n      return data\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/esm/controls/rich-text/introspection.js

@@ -1,4 +1,5 @@
 import { isNonNullable } from "../../utils/isNonNullable";
+import { getLinkPropControllerPageIds } from "@makeswift/prop-controllers";
 function getRichTextSwatchIds(value) {
   if (value == null || value.document == null)
     return [];
@@ -61,21 +62,13 @@ function getRichTextPageIds(value) {
     switch (inline.type) {
       case "link": {
         const nodePageIds = inline.nodes?.flatMap(getNodePageIds) ?? [];
-        const dataPageIds = inline.data ? getLinkDataPageIds(inline.data) : [];
+        const dataPageIds = inline.data ? getLinkPropControllerPageIds(inline.data) : [];
         return [...nodePageIds, ...dataPageIds];
       }
       default:
         return inline.nodes?.flatMap(getNodePageIds) ?? [];
     }
   }
-  function getLinkDataPageIds(link) {
-    switch (link.type) {
-      case "OPEN_PAGE":
-        return link.payload.pageId == null ? [] : [link.payload.pageId];
-      default:
-        return [];
-    }
-  }
 }
 export {
   getRichTextPageIds,

package/dist/esm/controls/rich-text/introspection.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/controls/rich-text/introspection.ts"],"sourcesContent":["import { RichTextControlData } from './rich-text'\nimport { InlineJSON, MarkJSON, NodeJSON } from './dto-types'\nimport { Typography } from '../../api'\nimport { isNonNullable } from '../../utils/isNonNullable'\nimport { LinkValue } from '../../prop-controllers'\n\nexport function getRichTextSwatchIds(value: RichTextControlData) {\n  if (value == null || value.document == null) return []\n\n  return getNodeSwatchIds(value.document)\n\n  function getNodeSwatchIds(node: NodeJSON): string[] {\n    switch (node.object) {\n      case 'document':\n      case 'block':\n      case 'inline':\n        return node.nodes?.flatMap(getNodeSwatchIds) ?? []\n\n      case 'text':\n        return node.marks?.flatMap(getMarkSwatchIds) ?? []\n\n      default:\n        return []\n    }\n  }\n\n  function getTypographyStyleSwatchIds(style: Typography['style'] | null | undefined): string[] {\n    return (\n      style\n        ?.map(override => override.value)\n        .flatMap(typographyStyle => typographyStyle.color?.swatchId)\n        .filter(isNonNullable) ?? []\n    )\n  }\n\n  function getMarkSwatchIds(mark: MarkJSON): string[] {\n    return getTypographyStyleSwatchIds(mark.data?.value?.style)\n  }\n}\n\nexport function getRichTextTypographyIds(value: RichTextControlData) {\n  if (value == null || value.document == null) return []\n\n  return getNodeSwatchIds(value.document)\n\n  function getNodeSwatchIds(node: NodeJSON): string[] {\n    switch (node.object) {\n      case 'document':\n      case 'block':\n      case 'inline':\n        return node.nodes?.flatMap(getNodeSwatchIds) ?? []\n\n      case 'text':\n        return node.marks?.flatMap(getMarkSwatchIds) ?? []\n\n      default:\n        return []\n    }\n  }\n\n  function getMarkSwatchIds(mark: MarkJSON): string[] {\n    return [mark.data?.value?.id].filter(isNonNullable)\n  }\n}\n\nexport function getRichTextPageIds(value: RichTextControlData) {\n  if (value == null || value.document == null) return []\n\n  return getNodePageIds(value.document)\n\n  function getNodePageIds(node: NodeJSON): string[] {\n    switch (node.object) {\n      case 'document':\n      case 'block':\n        return node.nodes?.flatMap(getNodePageIds) ?? []\n      case 'inline':\n        return getInlinePageIds(node)\n      default:\n        return []\n    }\n  }\n\n  function getInlinePageIds(inline: InlineJSON): string[] {\n    switch (inline.type) {\n      case 'link': {\n        const nodePageIds = inline.nodes?.flatMap(getNodePageIds) ?? []\n        const dataPageIds = inline.data ? getLinkDataPageIds(inline.data as LinkValue) : []\n\n        return [...nodePageIds, ...dataPageIds]\n      }\n\n      default:\n        return inline.nodes?.flatMap(getNodePageIds) ?? []\n    }\n  }\n\n  function getLinkDataPageIds(link: LinkValue): string[] {\n    switch (link.type) {\n      case 'OPEN_PAGE':\n        return link.payload.pageId == null ? [] : [link.payload.pageId]\n\n      default:\n        return []\n    }\n  }\n}\n"],"mappings":"AAGA,SAAS,qBAAqB;AAGvB,SAAS,qBAAqB,OAA4B;AAC/D,MAAI,SAAS,QAAQ,MAAM,YAAY;AAAM,WAAO,CAAC;AAErD,SAAO,iBAAiB,MAAM,QAAQ;AAEtC,WAAS,iBAAiB,MAA0B;AAClD,YAAQ,KAAK,QAAQ;AAAA,MACnB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,KAAK,OAAO,QAAQ,gBAAgB,KAAK,CAAC;AAAA,MAEnD,KAAK;AACH,eAAO,KAAK,OAAO,QAAQ,gBAAgB,KAAK,CAAC;AAAA,MAEnD;AACE,eAAO,CAAC;AAAA,IACZ;AAAA,EACF;AAEA,WAAS,4BAA4B,OAAyD;AAC5F,WACE,OACI,IAAI,cAAY,SAAS,KAAK,EAC/B,QAAQ,qBAAmB,gBAAgB,OAAO,QAAQ,EAC1D,OAAO,aAAa,KAAK,CAAC;AAAA,EAEjC;AAEA,WAAS,iBAAiB,MAA0B;AAClD,WAAO,4BAA4B,KAAK,MAAM,OAAO,KAAK;AAAA,EAC5D;AACF;AAEO,SAAS,yBAAyB,OAA4B;AACnE,MAAI,SAAS,QAAQ,MAAM,YAAY;AAAM,WAAO,CAAC;AAErD,SAAO,iBAAiB,MAAM,QAAQ;AAEtC,WAAS,iBAAiB,MAA0B;AAClD,YAAQ,KAAK,QAAQ;AAAA,MACnB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,KAAK,OAAO,QAAQ,gBAAgB,KAAK,CAAC;AAAA,MAEnD,KAAK;AACH,eAAO,KAAK,OAAO,QAAQ,gBAAgB,KAAK,CAAC;AAAA,MAEnD;AACE,eAAO,CAAC;AAAA,IACZ;AAAA,EACF;AAEA,WAAS,iBAAiB,MAA0B;AAClD,WAAO,CAAC,KAAK,MAAM,OAAO,EAAE,EAAE,OAAO,aAAa;AAAA,EACpD;AACF;AAEO,SAAS,mBAAmB,OAA4B;AAC7D,MAAI,SAAS,QAAQ,MAAM,YAAY;AAAM,WAAO,CAAC;AAErD,SAAO,eAAe,MAAM,QAAQ;AAEpC,WAAS,eAAe,MAA0B;AAChD,YAAQ,KAAK,QAAQ;AAAA,MACnB,KAAK;AAAA,MACL,KAAK;AACH,eAAO,KAAK,OAAO,QAAQ,cAAc,KAAK,CAAC;AAAA,MACjD,KAAK;AACH,eAAO,iBAAiB,IAAI;AAAA,MAC9B;AACE,eAAO,CAAC;AAAA,IACZ;AAAA,EACF;AAEA,WAAS,iBAAiB,QAA8B;AACtD,YAAQ,OAAO,MAAM;AAAA,MACnB,KAAK,QAAQ;AACX,cAAM,cAAc,OAAO,OAAO,QAAQ,cAAc,KAAK,CAAC;AAC9D,cAAM,cAAc,OAAO,OAAO,mBAAmB,OAAO,IAAiB,IAAI,CAAC;AAElF,eAAO,CAAC,GAAG,aAAa,GAAG,WAAW;AAAA,MACxC;AAAA,MAEA;AACE,eAAO,OAAO,OAAO,QAAQ,cAAc,KAAK,CAAC;AAAA,IACrD;AAAA,EACF;AAEA,WAAS,mBAAmB,MAA2B;AACrD,YAAQ,KAAK,MAAM;AAAA,MACjB,KAAK;AACH,eAAO,KAAK,QAAQ,UAAU,OAAO,CAAC,IAAI,CAAC,KAAK,QAAQ,MAAM;AAAA,MAEhE;AACE,eAAO,CAAC;AAAA,IACZ;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/controls/rich-text/introspection.ts"],"sourcesContent":["import { RichTextControlData } from './rich-text'\nimport { InlineJSON, MarkJSON, NodeJSON } from './dto-types'\nimport { Typography } from '../../api'\nimport { isNonNullable } from '../../utils/isNonNullable'\nimport { LinkData, getLinkPropControllerPageIds } from '@makeswift/prop-controllers'\n\nexport function getRichTextSwatchIds(value: RichTextControlData) {\n  if (value == null || value.document == null) return []\n\n  return getNodeSwatchIds(value.document)\n\n  function getNodeSwatchIds(node: NodeJSON): string[] {\n    switch (node.object) {\n      case 'document':\n      case 'block':\n      case 'inline':\n        return node.nodes?.flatMap(getNodeSwatchIds) ?? []\n\n      case 'text':\n        return node.marks?.flatMap(getMarkSwatchIds) ?? []\n\n      default:\n        return []\n    }\n  }\n\n  function getTypographyStyleSwatchIds(style: Typography['style'] | null | undefined): string[] {\n    return (\n      style\n        ?.map(override => override.value)\n        .flatMap(typographyStyle => typographyStyle.color?.swatchId)\n        .filter(isNonNullable) ?? []\n    )\n  }\n\n  function getMarkSwatchIds(mark: MarkJSON): string[] {\n    return getTypographyStyleSwatchIds(mark.data?.value?.style)\n  }\n}\n\nexport function getRichTextTypographyIds(value: RichTextControlData) {\n  if (value == null || value.document == null) return []\n\n  return getNodeSwatchIds(value.document)\n\n  function getNodeSwatchIds(node: NodeJSON): string[] {\n    switch (node.object) {\n      case 'document':\n      case 'block':\n      case 'inline':\n        return node.nodes?.flatMap(getNodeSwatchIds) ?? []\n\n      case 'text':\n        return node.marks?.flatMap(getMarkSwatchIds) ?? []\n\n      default:\n        return []\n    }\n  }\n\n  function getMarkSwatchIds(mark: MarkJSON): string[] {\n    return [mark.data?.value?.id].filter(isNonNullable)\n  }\n}\n\nexport function getRichTextPageIds(value: RichTextControlData) {\n  if (value == null || value.document == null) return []\n\n  return getNodePageIds(value.document)\n\n  function getNodePageIds(node: NodeJSON): string[] {\n    switch (node.object) {\n      case 'document':\n      case 'block':\n        return node.nodes?.flatMap(getNodePageIds) ?? []\n      case 'inline':\n        return getInlinePageIds(node)\n      default:\n        return []\n    }\n  }\n\n  function getInlinePageIds(inline: InlineJSON): string[] {\n    switch (inline.type) {\n      case 'link': {\n        const nodePageIds = inline.nodes?.flatMap(getNodePageIds) ?? []\n        const dataPageIds = inline.data ? getLinkPropControllerPageIds(inline.data as LinkData) : []\n\n        return [...nodePageIds, ...dataPageIds]\n      }\n\n      default:\n        return inline.nodes?.flatMap(getNodePageIds) ?? []\n    }\n  }\n}\n"],"mappings":"AAGA,SAAS,qBAAqB;AAC9B,SAAmB,oCAAoC;AAEhD,SAAS,qBAAqB,OAA4B;AAC/D,MAAI,SAAS,QAAQ,MAAM,YAAY;AAAM,WAAO,CAAC;AAErD,SAAO,iBAAiB,MAAM,QAAQ;AAEtC,WAAS,iBAAiB,MAA0B;AAClD,YAAQ,KAAK,QAAQ;AAAA,MACnB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,KAAK,OAAO,QAAQ,gBAAgB,KAAK,CAAC;AAAA,MAEnD,KAAK;AACH,eAAO,KAAK,OAAO,QAAQ,gBAAgB,KAAK,CAAC;AAAA,MAEnD;AACE,eAAO,CAAC;AAAA,IACZ;AAAA,EACF;AAEA,WAAS,4BAA4B,OAAyD;AAC5F,WACE,OACI,IAAI,cAAY,SAAS,KAAK,EAC/B,QAAQ,qBAAmB,gBAAgB,OAAO,QAAQ,EAC1D,OAAO,aAAa,KAAK,CAAC;AAAA,EAEjC;AAEA,WAAS,iBAAiB,MAA0B;AAClD,WAAO,4BAA4B,KAAK,MAAM,OAAO,KAAK;AAAA,EAC5D;AACF;AAEO,SAAS,yBAAyB,OAA4B;AACnE,MAAI,SAAS,QAAQ,MAAM,YAAY;AAAM,WAAO,CAAC;AAErD,SAAO,iBAAiB,MAAM,QAAQ;AAEtC,WAAS,iBAAiB,MAA0B;AAClD,YAAQ,KAAK,QAAQ;AAAA,MACnB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,KAAK,OAAO,QAAQ,gBAAgB,KAAK,CAAC;AAAA,MAEnD,KAAK;AACH,eAAO,KAAK,OAAO,QAAQ,gBAAgB,KAAK,CAAC;AAAA,MAEnD;AACE,eAAO,CAAC;AAAA,IACZ;AAAA,EACF;AAEA,WAAS,iBAAiB,MAA0B;AAClD,WAAO,CAAC,KAAK,MAAM,OAAO,EAAE,EAAE,OAAO,aAAa;AAAA,EACpD;AACF;AAEO,SAAS,mBAAmB,OAA4B;AAC7D,MAAI,SAAS,QAAQ,MAAM,YAAY;AAAM,WAAO,CAAC;AAErD,SAAO,eAAe,MAAM,QAAQ;AAEpC,WAAS,eAAe,MAA0B;AAChD,YAAQ,KAAK,QAAQ;AAAA,MACnB,KAAK;AAAA,MACL,KAAK;AACH,eAAO,KAAK,OAAO,QAAQ,cAAc,KAAK,CAAC;AAAA,MACjD,KAAK;AACH,eAAO,iBAAiB,IAAI;AAAA,MAC9B;AACE,eAAO,CAAC;AAAA,IACZ;AAAA,EACF;AAEA,WAAS,iBAAiB,QAA8B;AACtD,YAAQ,OAAO,MAAM;AAAA,MACnB,KAAK,QAAQ;AACX,cAAM,cAAc,OAAO,OAAO,QAAQ,cAAc,KAAK,CAAC;AAC9D,cAAM,cAAc,OAAO,OAAO,6BAA6B,OAAO,IAAgB,IAAI,CAAC;AAE3F,eAAO,CAAC,GAAG,aAAa,GAAG,WAAW;AAAA,MACxC;AAAA,MAEA;AACE,eAAO,OAAO,OAAO,QAAQ,cAAc,KAAK,CAAC;AAAA,IACrD;AAAA,EACF;AACF;","names":[]}

package/dist/esm/index.js

@@ -11,7 +11,6 @@ import {
   scrollDocumentElement,
   unregisterDocument,
   setBuilderEditMode,
-  changePathname,
   builderPointerMove,
   setBreakpoints,
   setLocale,
@@ -28,7 +27,6 @@ export {
   changeApiResource,
   changeDocument,
   changeDocumentElementScrollTop,
-  changePathname,
   cleanUp,
   createDocument,
   evictApiResource,

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export type { Action, SetBreakpointsAction } from './state/actions'\nexport {\n  ActionTypes,\n  changeDocument,\n  changeDocumentElementScrollTop,\n  cleanUp,\n  init,\n  messageHostPropController,\n  changeApiResource,\n  evictApiResource,\n  registerDocument,\n  scrollDocumentElement,\n  unregisterDocument,\n  setBuilderEditMode,\n  changePathname,\n  builderPointerMove,\n  setBreakpoints,\n  setLocale,\n  setLocalizedResourceId,\n} from './state/actions'\nexport type { Operation } from './state/modules/read-write-documents'\nexport type { ComponentMeta } from './state/modules/components-meta'\nexport { ComponentIcon } from './state/modules/components-meta'\nexport type {\n  PropControllerDescriptor,\n  PropControllerDescriptorValueType,\n} from './prop-controllers'\nexport type { Element } from './state/react-page'\nexport { createDocument } from './state/react-page'\nexport { MakeswiftComponentType } from './components/builtin/constants'\n"],"mappings":"AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,qBAAqB;AAM9B,SAAS,sBAAsB;AAC/B,SAAS,8BAA8B;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export type { Action, SetBreakpointsAction } from './state/actions'\nexport {\n  ActionTypes,\n  changeDocument,\n  changeDocumentElementScrollTop,\n  cleanUp,\n  init,\n  messageHostPropController,\n  changeApiResource,\n  evictApiResource,\n  registerDocument,\n  scrollDocumentElement,\n  unregisterDocument,\n  setBuilderEditMode,\n  builderPointerMove,\n  setBreakpoints,\n  setLocale,\n  setLocalizedResourceId,\n} from './state/actions'\nexport type { Operation } from './state/modules/read-write-documents'\nexport type { ComponentMeta } from './state/modules/components-meta'\nexport { ComponentIcon } from './state/modules/components-meta'\nexport type {\n  PropControllerDescriptor,\n  PropControllerDescriptorValueType,\n} from './prop-controllers'\nexport type { Element } from './state/react-page'\nexport { createDocument } from './state/react-page'\nexport { MakeswiftComponentType } from './components/builtin/constants'\n"],"mappings":"AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,qBAAqB;AAM9B,SAAS,sBAAsB;AAC/B,SAAS,8BAA8B;","names":[]}

package/dist/esm/next/api-handler/handlers/element-tree.js

@@ -1,16 +1,25 @@
-import { ReactRuntime } from "../../../react";
-async function elementTree(req, res) {
-  const elementTree2 = req.body.elementTree;
-  const replacementContext = req.body.replacementContext;
+import { NextResponse } from "next/server";
+import { P, match } from "ts-pattern";
+const routeHandlerPattern = [P.instanceOf(Request), P.any, P.any];
+const apiRoutePattern = [P.any, P.any, P.any];
+async function elementTree(...args) {
+  const [, , runtime] = args;
+  const body = await match(args).with(routeHandlerPattern, ([request]) => request.json()).with(apiRoutePattern, ([req]) => req.body).exhaustive();
+  const elementTree2 = body.elementTree;
+  const replacementContext = body.replacementContext;
   if (elementTree2 == null) {
-    return res.status(400).json({ message: "elementTree must be defined" });
+    const status = 400;
+    const body2 = { message: "elementTree must be defined" };
+    return match(args).with(routeHandlerPattern, () => NextResponse.json(body2, { status })).with(apiRoutePattern, ([, res]) => res.status(status).json(body2)).exhaustive();
   }
   if (replacementContext == null) {
-    return res.status(400).json({ message: "replacementContext must be defined" });
+    const status = 400;
+    const body2 = { message: "replacementContext must be defined" };
+    return match(args).with(routeHandlerPattern, () => NextResponse.json(body2, { status })).with(apiRoutePattern, ([, res]) => res.status(status).json(body2)).exhaustive();
   }
-  const generatedElementTree = ReactRuntime.copyElementTree(elementTree2, replacementContext);
+  const generatedElementTree = runtime.copyElementTree(elementTree2, replacementContext);
   const response = { elementTree: generatedElementTree };
-  return res.json(response);
+  return match(args).with(routeHandlerPattern, () => NextResponse.json(response)).with(apiRoutePattern, ([, res]) => res.json(response)).exhaustive();
 }
 export {
   elementTree as default

package/dist/esm/next/api-handler/handlers/element-tree.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/next/api-handler/handlers/element-tree.ts"],"sourcesContent":["import { NextApiRequest, NextApiResponse } from 'next'\nimport { ReactRuntime } from '../../../react'\nimport { Element } from '../../../state/react-page'\n\ntype ElementTreeResult = { elementTree: Element }\n\ntype ElementTreeError = { message: string }\n\nexport type ElementTreeResponse = ElementTreeResult | ElementTreeError\n\nexport default async function elementTree(\n  req: NextApiRequest,\n  res: NextApiResponse<ElementTreeResponse>,\n): Promise<void> {\n  const elementTree = req.body.elementTree\n  const replacementContext = req.body.replacementContext\n\n  if (elementTree == null) {\n    return res.status(400).json({ message: 'elementTree must be defined' })\n  }\n\n  if (replacementContext == null) {\n    return res.status(400).json({ message: 'replacementContext must be defined' })\n  }\n\n  const generatedElementTree = ReactRuntime.copyElementTree(elementTree, replacementContext)\n\n  const response = { elementTree: generatedElementTree }\n  return res.json(response)\n}\n"],"mappings":"AACA,SAAS,oBAAoB;AAS7B,eAAO,YACL,KACA,KACe;AACf,QAAMA,eAAc,IAAI,KAAK;AAC7B,QAAM,qBAAqB,IAAI,KAAK;AAEpC,MAAIA,gBAAe,MAAM;AACvB,WAAO,IAAI,OAAO,GAAG,EAAE,KAAK,EAAE,SAAS,8BAA8B,CAAC;AAAA,EACxE;AAEA,MAAI,sBAAsB,MAAM;AAC9B,WAAO,IAAI,OAAO,GAAG,EAAE,KAAK,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/E;AAEA,QAAM,uBAAuB,aAAa,gBAAgBA,cAAa,kBAAkB;AAEzF,QAAM,WAAW,EAAE,aAAa,qBAAqB;AACrD,SAAO,IAAI,KAAK,QAAQ;AAC1B;","names":["elementTree"]}
+{"version":3,"sources":["../../../../../src/next/api-handler/handlers/element-tree.ts"],"sourcesContent":["import { NextApiRequest, NextApiResponse } from 'next'\nimport { ReactRuntime } from '../../../react'\nimport { Element } from '../../../state/react-page'\nimport { NextRequest, NextResponse } from 'next/server'\nimport { P, match } from 'ts-pattern'\n\ntype Context = { params: { [key: string]: string | string[] } }\n\ntype ElementTreeResult = { elementTree: Element }\n\ntype ElementTreeError = { message: string }\n\nexport type ElementTreeResponse = ElementTreeResult | ElementTreeError\n\ntype ElementTreeHandlerArgs =\n  | [request: NextRequest, context: Context, runtime: ReactRuntime]\n  | [req: NextApiRequest, res: NextApiResponse<ElementTreeResponse>, runtime: ReactRuntime]\n\nconst routeHandlerPattern = [P.instanceOf(Request), P.any, P.any] as const\nconst apiRoutePattern = [P.any, P.any, P.any] as const\n\nexport default async function elementTree(\n  request: NextRequest,\n  context: Context,\n  runtime: ReactRuntime,\n): Promise<NextResponse<ElementTreeResponse>>\nexport default async function elementTree(\n  req: NextApiRequest,\n  res: NextApiResponse<ElementTreeResponse>,\n  runtime: ReactRuntime,\n): Promise<void>\nexport default async function elementTree(\n  ...args: ElementTreeHandlerArgs\n): Promise<NextResponse<ElementTreeResponse> | void> {\n  const [, , runtime] = args\n\n  const body = await match(args)\n    .with(routeHandlerPattern, ([request]) => request.json())\n    .with(apiRoutePattern, ([req]) => req.body)\n    .exhaustive()\n  const elementTree = body.elementTree\n  const replacementContext = body.replacementContext\n\n  if (elementTree == null) {\n    const status = 400\n    const body = { message: 'elementTree must be defined' }\n\n    return match(args)\n      .with(routeHandlerPattern, () => NextResponse.json(body, { status }))\n      .with(apiRoutePattern, ([, res]) => res.status(status).json(body))\n      .exhaustive()\n  }\n\n  if (replacementContext == null) {\n    const status = 400\n    const body = { message: 'replacementContext must be defined' }\n\n    return match(args)\n      .with(routeHandlerPattern, () => NextResponse.json(body, { status }))\n      .with(apiRoutePattern, ([, res]) => res.status(status).json(body))\n      .exhaustive()\n  }\n\n  const generatedElementTree = runtime.copyElementTree(elementTree, replacementContext)\n\n  const response = { elementTree: generatedElementTree }\n\n  return match(args)\n    .with(routeHandlerPattern, () => NextResponse.json(response))\n    .with(apiRoutePattern, ([, res]) => res.json(response))\n    .exhaustive()\n}\n"],"mappings":"AAGA,SAAsB,oBAAoB;AAC1C,SAAS,GAAG,aAAa;AAczB,MAAM,sBAAsB,CAAC,EAAE,WAAW,OAAO,GAAG,EAAE,KAAK,EAAE,GAAG;AAChE,MAAM,kBAAkB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG;AAY5C,eAAO,eACF,MACgD;AACnD,QAAM,CAAC,EAAE,EAAE,OAAO,IAAI;AAEtB,QAAM,OAAO,MAAM,MAAM,IAAI,EAC1B,KAAK,qBAAqB,CAAC,CAAC,OAAO,MAAM,QAAQ,KAAK,CAAC,EACvD,KAAK,iBAAiB,CAAC,CAAC,GAAG,MAAM,IAAI,IAAI,EACzC,WAAW;AACd,QAAMA,eAAc,KAAK;AACzB,QAAM,qBAAqB,KAAK;AAEhC,MAAIA,gBAAe,MAAM;AACvB,UAAM,SAAS;AACf,UAAMC,QAAO,EAAE,SAAS,8BAA8B;AAEtD,WAAO,MAAM,IAAI,EACd,KAAK,qBAAqB,MAAM,aAAa,KAAKA,OAAM,EAAE,OAAO,CAAC,CAAC,EACnE,KAAK,iBAAiB,CAAC,CAAC,EAAE,GAAG,MAAM,IAAI,OAAO,MAAM,EAAE,KAAKA,KAAI,CAAC,EAChE,WAAW;AAAA,EAChB;AAEA,MAAI,sBAAsB,MAAM;AAC9B,UAAM,SAAS;AACf,UAAMA,QAAO,EAAE,SAAS,qCAAqC;AAE7D,WAAO,MAAM,IAAI,EACd,KAAK,qBAAqB,MAAM,aAAa,KAAKA,OAAM,EAAE,OAAO,CAAC,CAAC,EACnE,KAAK,iBAAiB,CAAC,CAAC,EAAE,GAAG,MAAM,IAAI,OAAO,MAAM,EAAE,KAAKA,KAAI,CAAC,EAChE,WAAW;AAAA,EAChB;AAEA,QAAM,uBAAuB,QAAQ,gBAAgBD,cAAa,kBAAkB;AAEpF,QAAM,WAAW,EAAE,aAAa,qBAAqB;AAErD,SAAO,MAAM,IAAI,EACd,KAAK,qBAAqB,MAAM,aAAa,KAAK,QAAQ,CAAC,EAC3D,KAAK,iBAAiB,CAAC,CAAC,EAAE,GAAG,MAAM,IAAI,KAAK,QAAQ,CAAC,EACrD,WAAW;AAChB;","names":["elementTree","body"]}

package/dist/esm/next/api-handler/handlers/fonts.js

@@ -1,6 +1,11 @@
-async function fonts(_req, res, { getFonts } = {}) {
+import { NextResponse } from "next/server";
+import { P, match } from "ts-pattern";
+const routeHandlerPattern = [P.instanceOf(Request), P.any, P.any];
+const apiRoutePattern = [P.any, P.any, P.any];
+async function fonts(...args) {
+  const [, , { getFonts }] = args;
   const fonts2 = await getFonts?.() ?? [];
-  return res.json(fonts2);
+  return match(args).with(routeHandlerPattern, () => NextResponse.json(fonts2)).with(apiRoutePattern, ([, res]) => res.json(fonts2)).exhaustive();
 }
 export {
   fonts as default

package/dist/esm/next/api-handler/handlers/fonts.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/next/api-handler/handlers/fonts.ts"],"sourcesContent":["import { NextApiRequest, NextApiResponse } from 'next'\n\ntype FontVariant = { weight: string; style: 'italic' | 'normal'; src?: string }\n\nexport type Font = {\n  family: string\n  label?: string\n  variants: FontVariant[]\n}\n\ntype Fonts = Font[]\n\nexport type GetFonts = () => Fonts | Promise<Fonts>\n\nexport type FontsResponse = Fonts\n\nexport default async function fonts(\n  _req: NextApiRequest,\n  res: NextApiResponse<FontsResponse>,\n  { getFonts }: { getFonts?: GetFonts } = {},\n): Promise<void> {\n  const fonts = (await getFonts?.()) ?? []\n\n  return res.json(fonts)\n}\n"],"mappings":"AAgBA,eAAO,MACL,MACA,KACA,EAAE,SAAS,IAA6B,CAAC,GAC1B;AACf,QAAMA,SAAS,MAAM,WAAW,KAAM,CAAC;AAEvC,SAAO,IAAI,KAAKA,MAAK;AACvB;","names":["fonts"]}
+{"version":3,"sources":["../../../../../src/next/api-handler/handlers/fonts.ts"],"sourcesContent":["import { NextApiRequest, NextApiResponse } from 'next'\nimport { NextRequest, NextResponse } from 'next/server'\nimport { P, match } from 'ts-pattern'\n\ntype Context = { params: { [key: string]: string | string[] } }\n\ntype FontVariant = { weight: string; style: 'italic' | 'normal'; src?: string }\n\nexport type Font = {\n  family: string\n  label?: string\n  variants: FontVariant[]\n}\n\ntype Fonts = Font[]\n\nexport type GetFonts = () => Fonts | Promise<Fonts>\n\nexport type FontsResponse = Fonts\n\ntype FontsHandlerArgs =\n  | [request: NextRequest, context: Context, params: { getFonts?: GetFonts }]\n  | [req: NextApiRequest, res: NextApiResponse<FontsResponse>, params: { getFonts?: GetFonts }]\n\nconst routeHandlerPattern = [P.instanceOf(Request), P.any, P.any] as const\nconst apiRoutePattern = [P.any, P.any, P.any] as const\n\nexport default async function fonts(\n  request: NextRequest,\n  context: Context,\n  { getFonts }: { getFonts?: GetFonts },\n): Promise<NextResponse<FontsResponse>>\nexport default async function fonts(\n  _req: NextApiRequest,\n  res: NextApiResponse<FontsResponse>,\n  { getFonts }: { getFonts?: GetFonts },\n): Promise<void>\nexport default async function fonts(\n  ...args: FontsHandlerArgs\n): Promise<NextResponse<FontsResponse> | void> {\n  const [, , { getFonts }] = args\n\n  const fonts = (await getFonts?.()) ?? []\n\n  return match(args)\n    .with(routeHandlerPattern, () => NextResponse.json(fonts))\n    .with(apiRoutePattern, ([, res]) => res.json(fonts))\n    .exhaustive()\n}\n"],"mappings":"AACA,SAAsB,oBAAoB;AAC1C,SAAS,GAAG,aAAa;AAsBzB,MAAM,sBAAsB,CAAC,EAAE,WAAW,OAAO,GAAG,EAAE,KAAK,EAAE,GAAG;AAChE,MAAM,kBAAkB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG;AAY5C,eAAO,SACF,MAC0C;AAC7C,QAAM,CAAC,EAAE,EAAE,EAAE,SAAS,CAAC,IAAI;AAE3B,QAAMA,SAAS,MAAM,WAAW,KAAM,CAAC;AAEvC,SAAO,MAAM,IAAI,EACd,KAAK,qBAAqB,MAAM,aAAa,KAAKA,MAAK,CAAC,EACxD,KAAK,iBAAiB,CAAC,CAAC,EAAE,GAAG,MAAM,IAAI,KAAKA,MAAK,CAAC,EAClD,WAAW;AAChB;","names":["fonts"]}

package/dist/esm/next/api-handler/handlers/manifest.js

@@ -1,18 +1,30 @@
-async function handler(req, res, { apiKey }) {
-  if (req.query.secret !== apiKey) {
-    return res.status(401).json({ message: "Unauthorized" });
+import { NextResponse } from "next/server";
+import { P, match } from "ts-pattern";
+const routeHandlerPattern = [P.instanceOf(Request), P.any, P.any];
+const apiRoutePattern = [P.any, P.any, P.any];
+async function handler(...args) {
+  const [, , { apiKey }] = args;
+  const secret = match(args).with(routeHandlerPattern, ([request]) => request.nextUrl.searchParams.get("secret")).with(apiRoutePattern, ([req]) => req.query.secret).exhaustive();
+  if (secret !== apiKey) {
+    const status = 401;
+    const body2 = { message: "Unauthorized" };
+    return match(args).with(routeHandlerPattern, () => NextResponse.json(body2, { status })).with(apiRoutePattern, ([, res]) => res.status(status).json(body2)).exhaustive();
   }
-  return res.json({
-    version: "0.14.5",
-    previewMode: true,
+  const supportsPreviewMode = match(args).with(routeHandlerPattern, () => false).with(apiRoutePattern, () => true).exhaustive();
+  const supportsDraftMode = match(args).with(routeHandlerPattern, () => true).with(apiRoutePattern, () => false).exhaustive();
+  const body = {
+    version: "0.16.0-canary.0",
+    previewMode: supportsPreviewMode,
+    draftMode: supportsDraftMode,
     interactionMode: true,
-    clientSideNavigation: true,
+    clientSideNavigation: false,
     elementFromPoint: false,
     customBreakpoints: true,
     siteVersions: true,
     unstable_siteVersions: true,
     localizedPageSSR: true
-  });
+  };
+  return match(args).with(routeHandlerPattern, () => NextResponse.json(body)).with(apiRoutePattern, ([, res]) => res.json(body)).exhaustive();
 }
 export {
   handler as default

package/dist/esm/next/api-handler/handlers/manifest.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/next/api-handler/handlers/manifest.ts"],"sourcesContent":["import { NextApiRequest, NextApiResponse } from 'next'\n\nexport type Manifest = {\n  version: string\n  previewMode: boolean\n  interactionMode: boolean\n  clientSideNavigation: boolean\n  elementFromPoint: boolean\n  customBreakpoints: boolean\n  siteVersions: boolean\n  unstable_siteVersions: boolean\n  localizedPageSSR: boolean\n}\n\ntype ManifestError = { message: string }\n\nexport type ManifestResponse = Manifest | ManifestError\n\nexport default async function handler(\n  req: NextApiRequest,\n  res: NextApiResponse<ManifestResponse>,\n  { apiKey }: { apiKey: string },\n): Promise<void> {\n  if (req.query.secret !== apiKey) {\n    return res.status(401).json({ message: 'Unauthorized' })\n  }\n\n  return res.json({\n    version: PACKAGE_VERSION,\n    previewMode: true,\n    interactionMode: true,\n    clientSideNavigation: true,\n    elementFromPoint: false,\n    customBreakpoints: true,\n    siteVersions: true,\n    unstable_siteVersions: true,\n    localizedPageSSR: true,\n  })\n}\n"],"mappings":"AAkBA,eAAO,QACL,KACA,KACA,EAAE,OAAO,GACM;AACf,MAAI,IAAI,MAAM,WAAW,QAAQ;AAC/B,WAAO,IAAI,OAAO,GAAG,EAAE,KAAK,EAAE,SAAS,eAAe,CAAC;AAAA,EACzD;AAEA,SAAO,IAAI,KAAK;AAAA,IACd,SAAS;AAAA,IACT,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,IACnB,cAAc;AAAA,IACd,uBAAuB;AAAA,IACvB,kBAAkB;AAAA,EACpB,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../../../src/next/api-handler/handlers/manifest.ts"],"sourcesContent":["import { NextApiRequest, NextApiResponse } from 'next'\nimport { NextRequest, NextResponse } from 'next/server'\nimport { P, match } from 'ts-pattern'\n\ntype Context = { params: { [key: string]: string | string[] } }\n\nexport type Manifest = {\n  version: string\n  previewMode: boolean\n  interactionMode: boolean\n  clientSideNavigation: boolean\n  elementFromPoint: boolean\n  customBreakpoints: boolean\n  siteVersions: boolean\n  unstable_siteVersions: boolean\n  localizedPageSSR: boolean\n}\n\ntype ManifestError = { message: string }\n\nexport type ManifestResponse = Manifest | ManifestError\n\ntype ManifestHandlerArgs =\n  | [request: NextRequest, context: Context, params: { apiKey: string }]\n  | [req: NextApiRequest, res: NextApiResponse<ManifestResponse>, params: { apiKey: string }]\n\nconst routeHandlerPattern = [P.instanceOf(Request), P.any, P.any] as const\nconst apiRoutePattern = [P.any, P.any, P.any] as const\n\nexport default async function handler(\n  request: NextRequest,\n  context: Context,\n  { apiKey }: { apiKey: string },\n): Promise<NextResponse<ManifestResponse>>\nexport default async function handler(\n  req: NextApiRequest,\n  res: NextApiResponse<ManifestResponse>,\n  { apiKey }: { apiKey: string },\n): Promise<void>\nexport default async function handler(\n  ...args: ManifestHandlerArgs\n): Promise<NextResponse<ManifestResponse> | void> {\n  const [, , { apiKey }] = args\n\n  const secret = match(args)\n    .with(routeHandlerPattern, ([request]) => request.nextUrl.searchParams.get('secret'))\n    .with(apiRoutePattern, ([req]) => req.query.secret)\n    .exhaustive()\n\n  if (secret !== apiKey) {\n    const status = 401\n    const body = { message: 'Unauthorized' }\n\n    return match(args)\n      .with(routeHandlerPattern, () => NextResponse.json(body, { status }))\n      .with(apiRoutePattern, ([, res]) => res.status(status).json(body))\n      .exhaustive()\n  }\n\n  const supportsPreviewMode = match(args)\n    .with(routeHandlerPattern, () => false)\n    .with(apiRoutePattern, () => true)\n    .exhaustive()\n\n  const supportsDraftMode = match(args)\n    .with(routeHandlerPattern, () => true)\n    .with(apiRoutePattern, () => false)\n    .exhaustive()\n\n  const body = {\n    version: PACKAGE_VERSION,\n    previewMode: supportsPreviewMode,\n    draftMode: supportsDraftMode,\n    interactionMode: true,\n    clientSideNavigation: false,\n    elementFromPoint: false,\n    customBreakpoints: true,\n    siteVersions: true,\n    unstable_siteVersions: true,\n    localizedPageSSR: true,\n  }\n\n  return match(args)\n    .with(routeHandlerPattern, () => NextResponse.json(body))\n    .with(apiRoutePattern, ([, res]) => res.json(body))\n    .exhaustive()\n}\n"],"mappings":"AACA,SAAsB,oBAAoB;AAC1C,SAAS,GAAG,aAAa;AAwBzB,MAAM,sBAAsB,CAAC,EAAE,WAAW,OAAO,GAAG,EAAE,KAAK,EAAE,GAAG;AAChE,MAAM,kBAAkB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG;AAY5C,eAAO,WACF,MAC6C;AAChD,QAAM,CAAC,EAAE,EAAE,EAAE,OAAO,CAAC,IAAI;AAEzB,QAAM,SAAS,MAAM,IAAI,EACtB,KAAK,qBAAqB,CAAC,CAAC,OAAO,MAAM,QAAQ,QAAQ,aAAa,IAAI,QAAQ,CAAC,EACnF,KAAK,iBAAiB,CAAC,CAAC,GAAG,MAAM,IAAI,MAAM,MAAM,EACjD,WAAW;AAEd,MAAI,WAAW,QAAQ;AACrB,UAAM,SAAS;AACf,UAAMA,QAAO,EAAE,SAAS,eAAe;AAEvC,WAAO,MAAM,IAAI,EACd,KAAK,qBAAqB,MAAM,aAAa,KAAKA,OAAM,EAAE,OAAO,CAAC,CAAC,EACnE,KAAK,iBAAiB,CAAC,CAAC,EAAE,GAAG,MAAM,IAAI,OAAO,MAAM,EAAE,KAAKA,KAAI,CAAC,EAChE,WAAW;AAAA,EAChB;AAEA,QAAM,sBAAsB,MAAM,IAAI,EACnC,KAAK,qBAAqB,MAAM,KAAK,EACrC,KAAK,iBAAiB,MAAM,IAAI,EAChC,WAAW;AAEd,QAAM,oBAAoB,MAAM,IAAI,EACjC,KAAK,qBAAqB,MAAM,IAAI,EACpC,KAAK,iBAAiB,MAAM,KAAK,EACjC,WAAW;AAEd,QAAM,OAAO;AAAA,IACX,SAAS;AAAA,IACT,aAAa;AAAA,IACb,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,IACnB,cAAc;AAAA,IACd,uBAAuB;AAAA,IACvB,kBAAkB;AAAA,EACpB;AAEA,SAAO,MAAM,IAAI,EACd,KAAK,qBAAqB,MAAM,aAAa,KAAK,IAAI,CAAC,EACvD,KAAK,iBAAiB,CAAC,CAAC,EAAE,GAAG,MAAM,IAAI,KAAK,IAAI,CAAC,EACjD,WAAW;AAChB;","names":["body"]}

package/dist/esm/next/api-handler/handlers/merge-translated-data.js

@@ -1,14 +1,25 @@
-async function mergeTranslatedData(req, res, client) {
-  const translatedData = req.body.translatedData;
-  const elementTree = req.body.elementTree;
+import { NextResponse } from "next/server";
+import { P, match } from "ts-pattern";
+const routeHandlerPattern = [P.instanceOf(Request), P.any, P.any];
+const apiRoutePattern = [P.any, P.any, P.any];
+async function mergeTranslatedData(...args) {
+  const [, , client] = args;
+  const body = await match(args).with(routeHandlerPattern, ([request]) => request.json()).with(apiRoutePattern, ([req]) => req.body).exhaustive();
+  const translatedData = body.translatedData;
+  const elementTree = body.elementTree;
   if (translatedData == null) {
-    return res.status(400).json({ message: "translatedData must be defined" });
+    const status = 400;
+    const body2 = { message: "translatedData must be defined" };
+    return match(args).with(routeHandlerPattern, () => NextResponse.json(body2, { status })).with(apiRoutePattern, ([, res]) => res.status(status).json(body2)).exhaustive();
   }
   if (elementTree == null) {
-    return res.status(400).json({ message: "elementTree must be defined" });
+    const status = 400;
+    const body2 = { message: "elementTree must be defined" };
+    return match(args).with(routeHandlerPattern, () => NextResponse.json(body2, { status })).with(apiRoutePattern, ([, res]) => res.status(status).json(body2)).exhaustive();
   }
   const translatedElementTree = client.mergeTranslatedData(elementTree, translatedData);
-  return res.json({ elementTree: translatedElementTree });
+  const responseBody = { elementTree: translatedElementTree };
+  return match(args).with(routeHandlerPattern, () => NextResponse.json(responseBody)).with(apiRoutePattern, ([, res]) => res.json(responseBody)).exhaustive();
 }
 export {
   mergeTranslatedData as default

package/dist/esm/next/api-handler/handlers/merge-translated-data.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/next/api-handler/handlers/merge-translated-data.ts"],"sourcesContent":["import { NextApiRequest, NextApiResponse } from 'next'\nimport { Element } from '../../../state/react-page'\nimport { Makeswift } from '../../client'\n\ntype TranslatedDataResult = { elementTree: Element }\n\ntype TranslatedDataError = { message: string }\n\nexport type TranslatedDataResponse = TranslatedDataResult | TranslatedDataError\n\nexport default async function mergeTranslatedData(\n  req: NextApiRequest,\n  res: NextApiResponse<TranslatedDataResponse>,\n  client: Makeswift,\n): Promise<void> {\n  const translatedData = req.body.translatedData\n  const elementTree = req.body.elementTree\n\n  if (translatedData == null) {\n    return res.status(400).json({ message: 'translatedData must be defined' })\n  }\n\n  if (elementTree == null) {\n    return res.status(400).json({ message: 'elementTree must be defined' })\n  }\n\n  const translatedElementTree = client.mergeTranslatedData(elementTree, translatedData)\n\n  return res.json({ elementTree: translatedElementTree })\n}\n"],"mappings":"AAUA,eAAO,oBACL,KACA,KACA,QACe;AACf,QAAM,iBAAiB,IAAI,KAAK;AAChC,QAAM,cAAc,IAAI,KAAK;AAE7B,MAAI,kBAAkB,MAAM;AAC1B,WAAO,IAAI,OAAO,GAAG,EAAE,KAAK,EAAE,SAAS,iCAAiC,CAAC;AAAA,EAC3E;AAEA,MAAI,eAAe,MAAM;AACvB,WAAO,IAAI,OAAO,GAAG,EAAE,KAAK,EAAE,SAAS,8BAA8B,CAAC;AAAA,EACxE;AAEA,QAAM,wBAAwB,OAAO,oBAAoB,aAAa,cAAc;AAEpF,SAAO,IAAI,KAAK,EAAE,aAAa,sBAAsB,CAAC;AACxD;","names":[]}
+{"version":3,"sources":["../../../../../src/next/api-handler/handlers/merge-translated-data.ts"],"sourcesContent":["import { NextApiRequest, NextApiResponse } from 'next'\nimport { Element } from '../../../state/react-page'\nimport { Makeswift } from '../../client'\nimport { NextRequest, NextResponse } from 'next/server'\nimport { P, match } from 'ts-pattern'\n\ntype Context = { params: { [key: string]: string | string[] } }\n\ntype TranslatedDataResult = { elementTree: Element }\n\ntype TranslatedDataError = { message: string }\n\nexport type TranslatedDataResponse = TranslatedDataResult | TranslatedDataError\n\ntype MergeTranslatedDataHandlerArgs =\n  | [request: NextRequest, context: Context, client: Makeswift]\n  | [req: NextApiRequest, res: NextApiResponse<TranslatedDataResponse>, client: Makeswift]\n\nconst routeHandlerPattern = [P.instanceOf(Request), P.any, P.any] as const\nconst apiRoutePattern = [P.any, P.any, P.any] as const\n\nexport default async function mergeTranslatedData(\n  request: NextRequest,\n  context: Context,\n  client: Makeswift,\n): Promise<NextResponse<TranslatedDataResponse>>\nexport default async function mergeTranslatedData(\n  req: NextApiRequest,\n  res: NextApiResponse<TranslatedDataResponse>,\n  client: Makeswift,\n): Promise<void>\nexport default async function mergeTranslatedData(\n  ...args: MergeTranslatedDataHandlerArgs\n): Promise<NextResponse<TranslatedDataResponse> | void> {\n  const [, , client] = args\n\n  const body = await match(args)\n    .with(routeHandlerPattern, ([request]) => request.json())\n    .with(apiRoutePattern, ([req]) => req.body)\n    .exhaustive()\n\n  const translatedData = body.translatedData\n  const elementTree = body.elementTree\n\n  if (translatedData == null) {\n    const status = 400\n    const body = { message: 'translatedData must be defined' }\n\n    return match(args)\n      .with(routeHandlerPattern, () => NextResponse.json(body, { status }))\n      .with(apiRoutePattern, ([, res]) => res.status(status).json(body))\n      .exhaustive()\n  }\n\n  if (elementTree == null) {\n    const status = 400\n    const body = { message: 'elementTree must be defined' }\n\n    return match(args)\n      .with(routeHandlerPattern, () => NextResponse.json(body, { status }))\n      .with(apiRoutePattern, ([, res]) => res.status(status).json(body))\n      .exhaustive()\n  }\n\n  const translatedElementTree = client.mergeTranslatedData(elementTree, translatedData)\n\n  const responseBody = { elementTree: translatedElementTree }\n\n  return match(args)\n    .with(routeHandlerPattern, () => NextResponse.json(responseBody))\n    .with(apiRoutePattern, ([, res]) => res.json(responseBody))\n    .exhaustive()\n}\n"],"mappings":"AAGA,SAAsB,oBAAoB;AAC1C,SAAS,GAAG,aAAa;AAczB,MAAM,sBAAsB,CAAC,EAAE,WAAW,OAAO,GAAG,EAAE,KAAK,EAAE,GAAG;AAChE,MAAM,kBAAkB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG;AAY5C,eAAO,uBACF,MACmD;AACtD,QAAM,CAAC,EAAE,EAAE,MAAM,IAAI;AAErB,QAAM,OAAO,MAAM,MAAM,IAAI,EAC1B,KAAK,qBAAqB,CAAC,CAAC,OAAO,MAAM,QAAQ,KAAK,CAAC,EACvD,KAAK,iBAAiB,CAAC,CAAC,GAAG,MAAM,IAAI,IAAI,EACzC,WAAW;AAEd,QAAM,iBAAiB,KAAK;AAC5B,QAAM,cAAc,KAAK;AAEzB,MAAI,kBAAkB,MAAM;AAC1B,UAAM,SAAS;AACf,UAAMA,QAAO,EAAE,SAAS,iCAAiC;AAEzD,WAAO,MAAM,IAAI,EACd,KAAK,qBAAqB,MAAM,aAAa,KAAKA,OAAM,EAAE,OAAO,CAAC,CAAC,EACnE,KAAK,iBAAiB,CAAC,CAAC,EAAE,GAAG,MAAM,IAAI,OAAO,MAAM,EAAE,KAAKA,KAAI,CAAC,EAChE,WAAW;AAAA,EAChB;AAEA,MAAI,eAAe,MAAM;AACvB,UAAM,SAAS;AACf,UAAMA,QAAO,EAAE,SAAS,8BAA8B;AAEtD,WAAO,MAAM,IAAI,EACd,KAAK,qBAAqB,MAAM,aAAa,KAAKA,OAAM,EAAE,OAAO,CAAC,CAAC,EACnE,KAAK,iBAAiB,CAAC,CAAC,EAAE,GAAG,MAAM,IAAI,OAAO,MAAM,EAAE,KAAKA,KAAI,CAAC,EAChE,WAAW;AAAA,EAChB;AAEA,QAAM,wBAAwB,OAAO,oBAAoB,aAAa,cAAc;AAEpF,QAAM,eAAe,EAAE,aAAa,sBAAsB;AAE1D,SAAO,MAAM,IAAI,EACd,KAAK,qBAAqB,MAAM,aAAa,KAAK,YAAY,CAAC,EAC/D,KAAK,iBAAiB,CAAC,CAAC,EAAE,GAAG,MAAM,IAAI,KAAK,YAAY,CAAC,EACzD,WAAW;AAChB;","names":["body"]}

package/dist/esm/next/api-handler/handlers/proxy-draft-mode.js

@@ -0,0 +1,49 @@
+import { NextRequest, NextResponse } from "next/server";
+import { P, match } from "ts-pattern";
+import { cookies, draftMode } from "next/headers";
+import { MAKESWIFT_DRAFT_MODE_DATA_COOKIE } from "../../draft-mode";
+import { MakeswiftSiteVersion } from "../../preview-mode";
+const routeHandlerPattern = [P.instanceOf(Request), P.any, P.any];
+const apiRoutePattern = [P.any, P.any, P.any];
+async function proxyDraftMode(...args) {
+  return match(args).with(routeHandlerPattern, (args2) => proxyDraftModeRouteHandler(...args2)).with(apiRoutePattern, (args2) => proxyDraftModeApiRouteHandler(...args2)).exhaustive();
+}
+async function proxyDraftModeRouteHandler(request, _context, { apiKey }) {
+  const secret = request.nextUrl.searchParams.get("x-makeswift-draft-mode") ?? request.headers.get("X-Makeswift-Draft-Mode");
+  if (secret !== apiKey)
+    return new NextResponse("Unauthorized", { status: 401 });
+  const draftModeData = {
+    makeswift: true,
+    siteVersion: MakeswiftSiteVersion.Working
+  };
+  draftMode().enable();
+  const proxyUrl = request.nextUrl.clone();
+  proxyUrl.searchParams.delete("x-makeswift-draft-mode");
+  const proxyRequest = new NextRequest(proxyUrl, { headers: request.headers });
+  proxyRequest.headers.delete("x-makeswift-draft-mode");
+  const draftModeCookie = cookies().get("__prerender_bypass");
+  if (draftModeCookie) {
+    proxyRequest.cookies.set(draftModeCookie);
+    proxyRequest.cookies.set(MAKESWIFT_DRAFT_MODE_DATA_COOKIE, JSON.stringify(draftModeData));
+  }
+  draftMode().disable();
+  const proxyResponse = await fetch(proxyRequest);
+  const response = new NextResponse(proxyResponse.body, {
+    headers: proxyResponse.headers,
+    status: proxyResponse.status
+  });
+  if (response.headers.has("content-encoding")) {
+    response.headers.delete("content-encoding");
+    response.headers.delete("content-length");
+  }
+  return response;
+}
+async function proxyDraftModeApiRouteHandler(_req, res, {}) {
+  const message = "Cannot request draft endpoint from an API handler registered in `pages`. Move your Makeswift API handler to the `app` directory";
+  console.error(message);
+  return res.status(500).send(message);
+}
+export {
+  proxyDraftMode as default
+};
+//# sourceMappingURL=proxy-draft-mode.js.map

package/dist/esm/next/api-handler/handlers/proxy-draft-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/next/api-handler/handlers/proxy-draft-mode.ts"],"sourcesContent":["import { NextApiRequest, NextApiResponse } from 'next'\nimport { NextRequest, NextResponse } from 'next/server'\nimport { P, match } from 'ts-pattern'\nimport { cookies, draftMode } from 'next/headers'\nimport { MAKESWIFT_DRAFT_MODE_DATA_COOKIE, MakeswiftDraftData } from '../../draft-mode'\nimport { MakeswiftSiteVersion } from '../../preview-mode'\n\ntype Context = { params: { [key: string]: string | string[] } }\n\ntype ProxyDraftModeError = string\n\ntype ProxyResponse = { __brand: 'ProxyResponse' }\n\nexport type ProxyDraftModeResponse = ProxyDraftModeError | ProxyResponse\n\ntype ProxyDraftModeHandlerArgs =\n  | [request: NextRequest, context: Context, params: { apiKey: string }]\n  | [req: NextApiRequest, res: NextApiResponse<ProxyDraftModeResponse>, params: { apiKey: string }]\n\nconst routeHandlerPattern = [P.instanceOf(Request), P.any, P.any] as const\nconst apiRoutePattern = [P.any, P.any, P.any] as const\n\nexport default async function proxyDraftMode(\n  request: NextRequest,\n  context: Context,\n  { apiKey }: { apiKey: string },\n): Promise<NextResponse<ProxyDraftModeResponse>>\nexport default async function proxyDraftMode(\n  req: NextApiRequest,\n  res: NextApiResponse<ProxyDraftModeResponse>,\n  { apiKey }: { apiKey: string },\n): Promise<void>\nexport default async function proxyDraftMode(\n  ...args: ProxyDraftModeHandlerArgs\n): Promise<NextResponse<ProxyDraftModeResponse> | void> {\n  return match(args)\n    .with(routeHandlerPattern, args => proxyDraftModeRouteHandler(...args))\n    .with(apiRoutePattern, args => proxyDraftModeApiRouteHandler(...args))\n    .exhaustive()\n}\n\nasync function proxyDraftModeRouteHandler(\n  request: NextRequest,\n  _context: Context,\n  { apiKey }: { apiKey: string },\n): Promise<NextResponse<ProxyDraftModeResponse>> {\n  const secret =\n    request.nextUrl.searchParams.get('x-makeswift-draft-mode') ??\n    request.headers.get('X-Makeswift-Draft-Mode')\n\n  if (secret !== apiKey) return new NextResponse('Unauthorized', { status: 401 })\n\n  const draftModeData: MakeswiftDraftData = {\n    makeswift: true,\n    siteVersion: MakeswiftSiteVersion.Working,\n  }\n\n  draftMode().enable()\n\n  const proxyUrl = request.nextUrl.clone()\n  proxyUrl.searchParams.delete('x-makeswift-draft-mode')\n\n  const proxyRequest = new NextRequest(proxyUrl, { headers: request.headers })\n  proxyRequest.headers.delete('x-makeswift-draft-mode')\n\n  const draftModeCookie = cookies().get('__prerender_bypass')\n  if (draftModeCookie) {\n    proxyRequest.cookies.set(draftModeCookie)\n    proxyRequest.cookies.set(MAKESWIFT_DRAFT_MODE_DATA_COOKIE, JSON.stringify(draftModeData))\n  }\n\n  draftMode().disable()\n\n  const proxyResponse = await fetch(proxyRequest)\n\n  const response = new NextResponse<ProxyResponse>(proxyResponse.body, {\n    headers: proxyResponse.headers,\n    status: proxyResponse.status,\n  })\n\n  // `fetch` automatically decompresses the response, but the response headers will keep the\n  // `content-encoding` and `content-length` headers. This will cause decoding issues if the client\n  // attempts to decompress the response again. To prevent this, we remove these headers.\n  //\n  // See https://github.com/nodejs/undici/issues/2514.\n  if (response.headers.has('content-encoding')) {\n    response.headers.delete('content-encoding')\n    response.headers.delete('content-length')\n  }\n\n  return response\n}\n\nasync function proxyDraftModeApiRouteHandler(\n  _req: NextApiRequest,\n  res: NextApiResponse<ProxyDraftModeResponse>,\n  {}: { apiKey: string },\n): Promise<void> {\n  const message =\n    'Cannot request draft endpoint from an API handler registered in `pages`. Move your Makeswift API handler to the `app` directory'\n  console.error(message)\n  return res.status(500).send(message)\n}\n"],"mappings":"AACA,SAAS,aAAa,oBAAoB;AAC1C,SAAS,GAAG,aAAa;AACzB,SAAS,SAAS,iBAAiB;AACnC,SAAS,wCAA4D;AACrE,SAAS,4BAA4B;AAcrC,MAAM,sBAAsB,CAAC,EAAE,WAAW,OAAO,GAAG,EAAE,KAAK,EAAE,GAAG;AAChE,MAAM,kBAAkB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG;AAY5C,eAAO,kBACF,MACmD;AACtD,SAAO,MAAM,IAAI,EACd,KAAK,qBAAqB,CAAAA,UAAQ,2BAA2B,GAAGA,KAAI,CAAC,EACrE,KAAK,iBAAiB,CAAAA,UAAQ,8BAA8B,GAAGA,KAAI,CAAC,EACpE,WAAW;AAChB;AAEA,eAAe,2BACb,SACA,UACA,EAAE,OAAO,GACsC;AAC/C,QAAM,SACJ,QAAQ,QAAQ,aAAa,IAAI,wBAAwB,KACzD,QAAQ,QAAQ,IAAI,wBAAwB;AAE9C,MAAI,WAAW;AAAQ,WAAO,IAAI,aAAa,gBAAgB,EAAE,QAAQ,IAAI,CAAC;AAE9E,QAAM,gBAAoC;AAAA,IACxC,WAAW;AAAA,IACX,aAAa,qBAAqB;AAAA,EACpC;AAEA,YAAU,EAAE,OAAO;AAEnB,QAAM,WAAW,QAAQ,QAAQ,MAAM;AACvC,WAAS,aAAa,OAAO,wBAAwB;AAErD,QAAM,eAAe,IAAI,YAAY,UAAU,EAAE,SAAS,QAAQ,QAAQ,CAAC;AAC3E,eAAa,QAAQ,OAAO,wBAAwB;AAEpD,QAAM,kBAAkB,QAAQ,EAAE,IAAI,oBAAoB;AAC1D,MAAI,iBAAiB;AACnB,iBAAa,QAAQ,IAAI,eAAe;AACxC,iBAAa,QAAQ,IAAI,kCAAkC,KAAK,UAAU,aAAa,CAAC;AAAA,EAC1F;AAEA,YAAU,EAAE,QAAQ;AAEpB,QAAM,gBAAgB,MAAM,MAAM,YAAY;AAE9C,QAAM,WAAW,IAAI,aAA4B,cAAc,MAAM;AAAA,IACnE,SAAS,cAAc;AAAA,IACvB,QAAQ,cAAc;AAAA,EACxB,CAAC;AAOD,MAAI,SAAS,QAAQ,IAAI,kBAAkB,GAAG;AAC5C,aAAS,QAAQ,OAAO,kBAAkB;AAC1C,aAAS,QAAQ,OAAO,gBAAgB;AAAA,EAC1C;AAEA,SAAO;AACT;AAEA,eAAe,8BACb,MACA,KACA,CAAC,GACc;AACf,QAAM,UACJ;AACF,UAAQ,MAAM,OAAO;AACrB,SAAO,IAAI,OAAO,GAAG,EAAE,KAAK,OAAO;AACrC;","names":["args"]}

package/dist/esm/next/api-handler/handlers/proxy-preview-mode.js

@@ -1,9 +1,34 @@
-import { serialize } from "cookie";
-import { createProxyServer } from "http-proxy";
-import { parse } from "set-cookie-parser";
 import { MakeswiftSiteVersion } from "../../preview-mode";
-async function proxyPreviewMode(req, res, { apiKey }) {
-  const previewModeProxy = createProxyServer();
+import { NextResponse } from "next/server";
+import { P, match } from "ts-pattern";
+const routeHandlerPattern = [P.instanceOf(Request), P.any, P.any];
+const apiRoutePattern = [P.any, P.any, P.any];
+function mapRequestHeadersToHeaders(requestHeaders) {
+  const headers = new Headers();
+  Object.entries(requestHeaders).forEach(([key, value]) => {
+    match(value).with(P.array(P.string), (value2) => value2.map((val) => headers.append(key, val))).with(P.string, (value2) => headers.set(key, value2));
+  });
+  return headers;
+}
+function mapRequestToProxyUrl(req) {
+  const isForwardedProtoHttps = match(req.headers["X-Forwarded-Proto"]).with(P.string, (x) => x.split(",")).with(P.array(P.string), (x) => x).otherwise(() => []).includes("https");
+  const isForwardedSSL = match(req.headers["X-Forwarded-SSL"]).with("on", () => true).otherwise(() => false);
+  const proto = isForwardedProtoHttps || isForwardedSSL ? "https" : "http";
+  return new URL(`${proto}://${req.headers.host}${req.url}`);
+}
+async function proxyPreviewMode(...args) {
+  return match(args).with(routeHandlerPattern, (args2) => proxyPreviewModeRouteHandler(...args2)).with(apiRoutePattern, (args2) => proxyPreviewModeApiRouteHandler(...args2)).exhaustive();
+}
+async function proxyPreviewModeRouteHandler(_request, _context, {}) {
+  const message = "Cannot request preview endpoint from an API handler registered in `app`. Move your Makeswift API handler to the `pages/api` directory";
+  console.error(message);
+  return NextResponse.json(message, { status: 500 });
+}
+async function proxyPreviewModeApiRouteHandler(req, res, { apiKey }) {
+  if (req.query.secret !== apiKey)
+    return res.status(401).send("Unauthorized");
+  if (req.headers.host == null)
+    return res.status(400).send("Bad Request");
   const NextRequestMetaSymbol = Reflect.ownKeys(req).find(
     (key) => key.toString() === "Symbol(NextRequestMeta)" || key.toString() === "Symbol(NextInternalRequestMeta)"
   );
@@ -17,51 +42,37 @@ async function proxyPreviewMode(req, res, { apiKey }) {
     } catch {
     }
   }
-  previewModeProxy.once("proxyReq", (proxyReq) => {
-    proxyReq.removeHeader("X-Makeswift-Preview-Mode");
-    proxyReq.removeHeader("X-Invoke-Path");
-    proxyReq.removeHeader("X-Invoke-Query");
-    const url = new URL(proxyReq.path, "http://n");
-    url.searchParams.delete("x-makeswift-preview-mode");
-    proxyReq.path = url.pathname + url.search;
-  });
-  if (req.query.secret !== apiKey)
-    return res.status(401).send("Unauthorized");
-  const host = req.headers.host;
-  const originalCookies = req.headers.cookie;
-  if (host == null)
-    return res.status(400).send("Bad Request");
-  const forwardedProtoHeader = req.headers["x-forwarded-proto"];
-  let forwardedProto = [];
-  if (Array.isArray(forwardedProtoHeader)) {
-    forwardedProto = forwardedProtoHeader;
-  } else if (typeof forwardedProtoHeader === "string") {
-    forwardedProto = forwardedProtoHeader.split(",");
-  }
-  const isForwardedProtoHttps = forwardedProto.includes("https");
-  const forwardedSSL = req.headers["x-forwarded-ssl"];
-  const isForwardedSSL = typeof forwardedSSL === "string" && forwardedSSL === "on";
-  const proto = isForwardedProtoHttps || isForwardedSSL ? "https" : "http";
-  let target = `${proto}://${host}`;
-  const secure = process.env["NODE_ENV"] === "production";
+  const proxyHeaders = mapRequestHeadersToHeaders(req.headers);
+  const proxyUrl = mapRequestToProxyUrl(req);
+  proxyUrl.searchParams.delete("x-makeswift-preview-mode");
+  proxyHeaders.delete("x-makeswift-preview-mode");
+  proxyHeaders.delete("x-invoke-path");
+  proxyHeaders.delete("x-invoke-query");
   const previewData = {
     makeswift: true,
+    // This will eventually be dynamic
     siteVersion: MakeswiftSiteVersion.Working
   };
-  const setCookie = res.setPreviewData(previewData).getHeader("Set-Cookie");
-  res.removeHeader("Set-Cookie");
+  const setCookie = res.setPreviewData(previewData).getHeader("set-cookie");
+  res.removeHeader("set-cookie");
   if (!Array.isArray(setCookie))
     return res.status(500).send("Internal Server Error");
-  const additionalCookies = parse(setCookie).map((cookie2) => serialize(cookie2.name, cookie2.value, cookie2)).join(";");
-  const cookie = originalCookies ? `${originalCookies}; ${additionalCookies}` : additionalCookies;
-  return await new Promise(
-    (resolve, reject) => previewModeProxy.web(req, res, { target, headers: { cookie }, secure }, (err) => {
-      if (err)
-        reject(err);
-      else
-        resolve();
-    })
-  );
+  setCookie.forEach((cookie) => proxyHeaders.append("cookie", cookie));
+  const response = await fetch(proxyUrl, {
+    headers: proxyHeaders
+  });
+  response.headers.forEach((value, name) => {
+    res.setHeader(name, value);
+  });
+  res.statusCode = response.status;
+  res.statusMessage = response.statusText;
+  if (res.hasHeader("content-encoding")) {
+    res.removeHeader("content-encoding");
+    res.removeHeader("content-length");
+  }
+  const arrayBuffer = await response.arrayBuffer();
+  res.write(arrayBuffer);
+  res.end();
 }
 export {
   proxyPreviewMode as default