@makeswift/runtime 0.23.12 → 0.23.14

package/dist/esm/controls/style-v2.js

@@ -0,0 +1,48 @@
+import { PropController } from "../prop-controllers/base";
+import {
+  createPropController
+} from "../prop-controllers/instances";
+import { useStyle } from "../runtimes/react/use-style";
+const StyleV2ControlType = "makeswift::controls::style-v2";
+const unstable_useStyleV2ClassName = useStyle;
+function unstable_StyleV2(config) {
+  return { type: StyleV2ControlType, config };
+}
+const StyleV2ControlMessageType = {
+  CHANGE_BOX_MODEL: "makeswift::controls::style::message::change-box-model",
+  STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE: "makeswift::controls::style-v2::message::child-control-message"
+};
+class StyleV2Control extends PropController {
+  control;
+  constructor(send, descriptor) {
+    super(send);
+    this.control = createPropController(descriptor.config.type, (message) => {
+      this.send({
+        type: StyleV2ControlMessageType.STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE,
+        payload: { message }
+      });
+    });
+  }
+  changeBoxModel(boxModel) {
+    this.send({ type: StyleV2ControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
+  }
+  recv(message) {
+    switch (message.type) {
+      case StyleV2ControlMessageType.STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE: {
+        const control = this.control;
+        if (control == null)
+          return;
+        const recv = control.recv;
+        recv(message.payload.message);
+      }
+    }
+  }
+}
+export {
+  StyleV2Control,
+  StyleV2ControlMessageType,
+  StyleV2ControlType,
+  unstable_StyleV2,
+  unstable_useStyleV2ClassName
+};
+//# sourceMappingURL=style-v2.js.map

package/dist/esm/controls/style-v2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/controls/style-v2.ts"],"sourcesContent":["import { ResponsiveValue } from '@makeswift/controls'\nimport { BoxModel } from 'css-box-model'\nimport { ControlDefinition } from './control'\nimport { PropController } from '../prop-controllers/base'\nimport {\n  AnyPropController,\n  PropControllerMessage,\n  Send,\n  createPropController,\n} from '../prop-controllers/instances'\nimport { CSSObject } from '@emotion/serialize'\nimport { useStyle } from '../runtimes/react/use-style'\nimport { ControlDefinitionValue } from '../runtimes/react/controls/control'\n\nexport const StyleV2ControlType = 'makeswift::controls::style-v2'\n\nexport type StyleV2CSSObject = CSSObject\nexport const unstable_useStyleV2ClassName = useStyle\n\ntype StyleV2ControlConfig<T extends ControlDefinition = ControlDefinition> = {\n  type: T\n  getStyle(item: ControlDefinitionValue<T> | undefined): CSSObject\n}\n\nexport type StyleV2ControlDefinition = {\n  type: typeof StyleV2ControlType\n  config: StyleV2ControlConfig\n}\n\nexport function unstable_StyleV2<C extends StyleV2ControlConfig>(\n  config: C,\n): StyleV2ControlDefinition {\n  return { type: StyleV2ControlType, config }\n}\n\n/**\n * TODO: Rewrite `ControlDefinitionData` as a tail recursive type.\n *\n * Explanation: Making `StyleV2ControlData` generic causes us to hit a limitation of TS conditional types for the definition of `ControlDefinitionData`.\n * We get \"Type instantiation is excessively deep and possibly infinite.\"\n *\n * Helpful links:\n * * The PR changing the limit of conditional types: https://github.com/microsoft/TypeScript/pull/45711\n * * TS 4.5 docs releasing this limitation: https://www.typescriptlang.org/docs/handbook/release-notes/typescript-4-5.html#tail-recursion-elimination-on-conditional-types\n * * A SO user implementing a tail recursive type: https://stackoverflow.com/questions/72370456/tail-recursion-elimination-on-conditional-types-doesnt-work\n *\n *\n * This is what the type should be:\n * ```\n * export type StyleV2ControlData<T extends StyleV2ControlDefinition = StyleV2ControlDefinition> =\n *   ResponsiveValue<ControlDefinitionData<T['config']['type']>>\n * ```\n */\nexport type StyleV2ControlData = ResponsiveValue<any>\n\nexport const StyleV2ControlMessageType = {\n  CHANGE_BOX_MODEL: 'makeswift::controls::style::message::change-box-model',\n  STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE:\n    'makeswift::controls::style-v2::message::child-control-message',\n} as const\n\ntype StyleV2ControlItemBoxModelChangeMessage = {\n  type: typeof StyleV2ControlMessageType.CHANGE_BOX_MODEL\n  payload: { boxModel: BoxModel | null }\n}\ntype StyleV2ControlChildControlMessage = {\n  type: typeof StyleV2ControlMessageType.STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE\n  payload: { message: PropControllerMessage }\n}\n\nexport type StyleV2ControlMessage =\n  | StyleV2ControlItemBoxModelChangeMessage\n  | StyleV2ControlChildControlMessage\n\nexport class StyleV2Control<\n  T extends StyleV2ControlDefinition = StyleV2ControlDefinition,\n> extends PropController<StyleV2ControlMessage> {\n  control?: AnyPropController\n  constructor(send: Send<StyleV2ControlMessage>, descriptor: T) {\n    super(send)\n    this.control = createPropController(descriptor.config.type, message => {\n      this.send({\n        type: StyleV2ControlMessageType.STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE,\n        payload: { message },\n      })\n    })\n  }\n\n  changeBoxModel(boxModel: BoxModel | null): void {\n    this.send({ type: StyleV2ControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } })\n  }\n\n  recv(message: StyleV2ControlMessage) {\n    switch (message.type) {\n      case StyleV2ControlMessageType.STYLE_V2_CONTROL_CHILD_CONTROL_MESSAGE: {\n        const control = this.control\n\n        if (control == null) return\n\n        const recv = control.recv as (arg0: PropControllerMessage) => void\n\n        recv(message.payload.message)\n      }\n    }\n  }\n}\n"],"mappings":"AAGA,SAAS,sBAAsB;AAC/B;AAAA,EAIE;AAAA,OACK;AAEP,SAAS,gBAAgB;AAGlB,MAAM,qBAAqB;AAG3B,MAAM,+BAA+B;AAYrC,SAAS,iBACd,QAC0B;AAC1B,SAAO,EAAE,MAAM,oBAAoB,OAAO;AAC5C;AAsBO,MAAM,4BAA4B;AAAA,EACvC,kBAAkB;AAAA,EAClB,wCACE;AACJ;AAeO,MAAM,uBAEH,eAAsC;AAAA,EAC9C;AAAA,EACA,YAAY,MAAmC,YAAe;AAC5D,UAAM,IAAI;AACV,SAAK,UAAU,qBAAqB,WAAW,OAAO,MAAM,aAAW;AACrE,WAAK,KAAK;AAAA,QACR,MAAM,0BAA0B;AAAA,QAChC,SAAS,EAAE,QAAQ;AAAA,MACrB,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAAA,EAEA,eAAe,UAAiC;AAC9C,SAAK,KAAK,EAAE,MAAM,0BAA0B,kBAAkB,SAAS,EAAE,SAAS,EAAE,CAAC;AAAA,EACvF;AAAA,EAEA,KAAK,SAAgC;AACnC,YAAQ,QAAQ,MAAM;AAAA,MACpB,KAAK,0BAA0B,wCAAwC;AACrE,cAAM,UAAU,KAAK;AAErB,YAAI,WAAW;AAAM;AAErB,cAAM,OAAO,QAAQ;AAErB,aAAK,QAAQ,QAAQ,OAAO;AAAA,MAC9B;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/esm/controls/style.js

@@ -0,0 +1,95 @@
+import { copyColorData } from "@makeswift/controls";
+import { getBorderPropControllerDataSwatchIds } from "@makeswift/prop-controllers";
+import { PropController } from "../prop-controllers/base";
+const StyleControlType = "makeswift::controls::style";
+const StyleControlProperty = {
+  Width: "makeswift::controls::style::property::width",
+  Margin: "makeswift::controls::style::property::margin",
+  Padding: "makeswift::controls::style::property::padding",
+  Border: "makeswift::controls::style::property::border",
+  BorderRadius: "makeswift::controls::style::property::border-radius",
+  TextStyle: "makeswift::controls::style::property::text-style"
+};
+const StyleControlDefaultProperties = [
+  StyleControlProperty.Width,
+  StyleControlProperty.Margin
+];
+const AllStyleControlProperties = [
+  StyleControlProperty.Width,
+  StyleControlProperty.Margin,
+  StyleControlProperty.Padding,
+  StyleControlProperty.Border,
+  StyleControlProperty.BorderRadius,
+  StyleControlProperty.TextStyle
+];
+function Style(params) {
+  return {
+    type: StyleControlType,
+    config: { properties: params?.properties ?? StyleControlDefaultProperties }
+  };
+}
+Style.Default = StyleControlDefaultProperties;
+Style.All = AllStyleControlProperties;
+Style.Width = StyleControlProperty.Width;
+Style.Margin = StyleControlProperty.Margin;
+Style.Padding = StyleControlProperty.Padding;
+Style.Border = StyleControlProperty.Border;
+Style.BorderRadius = StyleControlProperty.BorderRadius;
+Style.TextStyle = StyleControlProperty.TextStyle;
+const StyleControlMessageType = {
+  CHANGE_BOX_MODEL: "makeswift::controls::style::message::change-box-model"
+};
+class StyleControl extends PropController {
+  constructor(send) {
+    super(send);
+  }
+  changeBoxModel(boxModel) {
+    this.send({ type: StyleControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
+  }
+  recv() {
+  }
+}
+function getStyleSwatchIds(data) {
+  return getBorderPropControllerDataSwatchIds(data.border);
+}
+function copyStyleData(value, context) {
+  if (value == null)
+    return value;
+  function copyResponsiveBorder(responsiveBorder) {
+    if (responsiveBorder == null)
+      return void 0;
+    return responsiveBorder.map((deviceBorder) => ({
+      ...deviceBorder,
+      value: copyBorder(deviceBorder.value)
+    }));
+  }
+  function copyBorder(border) {
+    function copyBorderSide(side) {
+      if (side == null)
+        return null;
+      if (side.color == null)
+        return side;
+      return {
+        ...side,
+        color: copyColorData(side.color, context)
+      };
+    }
+    return {
+      borderTop: copyBorderSide(border.borderTop),
+      borderBottom: copyBorderSide(border.borderBottom),
+      borderRight: copyBorderSide(border.borderRight),
+      borderLeft: copyBorderSide(border.borderLeft)
+    };
+  }
+  return { ...value, border: copyResponsiveBorder(value.border) };
+}
+export {
+  Style,
+  StyleControl,
+  StyleControlMessageType,
+  StyleControlProperty,
+  StyleControlType,
+  copyStyleData,
+  getStyleSwatchIds
+};
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/controls/style.ts"],"sourcesContent":["import { ColorData, copyColorData, ResponsiveValue } from '@makeswift/controls'\nimport { getBorderPropControllerDataSwatchIds } from '@makeswift/prop-controllers'\n\nimport { BorderRadiusPropertyData } from '../css/border-radius'\nimport type { LengthPercentageData } from '../css/length-percentage'\nimport { MarginPropertyData } from '../css/margin'\nimport { PaddingPropertyData } from '../css/padding'\nimport { CopyContext } from '../state/react-page'\nimport { Send } from '../prop-controllers/instances'\nimport { PropController } from '../prop-controllers/base'\nimport { BoxModel } from '../state/modules/box-models'\n\n/** @see https://developer.mozilla.org/en-US/docs/Web/CSS/width */\nexport type WidthPropertyData = LengthPercentageData\n\n/**\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-style\n */\ntype BorderStyle = 'dotted' | 'dashed' | 'solid'\n\n/**\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-top#constituent_properties\n *\n * @todos\n * - Change `width` to be a `Length`\n * - Remove `null` from possible values\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type BorderSideShorthandPropertyData = {\n  width: number | null | undefined\n  style: BorderStyle\n  color?: ColorData | null\n}\n\n/**\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border\n *\n * @todos\n * - Remove `null` from possible values\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type BorderPropertyData = {\n  borderTop: BorderSideShorthandPropertyData | null | undefined\n  borderRight: BorderSideShorthandPropertyData | null | undefined\n  borderBottom: BorderSideShorthandPropertyData | null | undefined\n  borderLeft: BorderSideShorthandPropertyData | null | undefined\n}\n\n/**\n * https://developer.mozilla.org/en-US/docs/Web/CSS/font-family\n *\n * @todos\n * - Remove `null` from possible values of longhand properties\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type FontFamilyPropertyData = string | null | undefined\n\n/**\n * https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing\n *\n * @todos\n * - Remove `null` from possible values of longhand properties\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type LetterSpacingPropertyData = number | null | undefined\n\n/**\n * https://developer.mozilla.org/en-US/docs/Web/CSS/font-size\n *\n * @todos\n * - Remove `null` from possible values of longhand properties\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type FontSizePropertyData =\n  | {\n      value: number\n      unit: 'px'\n    }\n  | null\n  | undefined\n\n/**\n * https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight\n *\n * @todos\n * - Remove `null` from possible values of longhand properties\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type FontWeightPropertyData = number | null | undefined\n\n/**\n * https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform\n *\n * @todos\n * - Match the type with specification\n */\nexport type TextTransformPropertyData = 'uppercase'[]\n\n/**\n * https://developer.mozilla.org/en-US/docs/Web/CSS/font-style\n *\n * @todos\n * - Match the type with specification\n */\nexport type FontStylePropertyData = 'italic'[]\n\n/**\n * @todos\n * - Remove `null` from possible values of longhand properties\n * - Remove `undefined` from possible values and make fields optional\n */\nexport type TextStylePropertyData = {\n  fontFamily?: FontFamilyPropertyData | null | undefined\n  letterSpacing: LetterSpacingPropertyData | null | undefined\n  fontSize: FontSizePropertyData | null | undefined\n  fontWeight: FontWeightPropertyData | null | undefined\n  textTransform: TextTransformPropertyData\n  fontStyle: FontStylePropertyData\n}\n\n/**\n * Primitives like `string` and `number` are excluded from the style data because the relevant\n * panels from the Makeswift builder were originally implemented only to support object values, and\n * not CSS strings. For example, 100 pixels would be `{ value: 100, unit: 'px' }` but never `100` or\n * `'100px'`.\n */\nexport type StyleControlData = {\n  width?: ResponsiveValue<Exclude<WidthPropertyData, string | number>>\n  margin?: ResponsiveValue<{\n    [K in keyof MarginPropertyData]: Exclude<MarginPropertyData[K], string | number> | 'auto'\n  }>\n  padding?: ResponsiveValue<{\n    [K in keyof PaddingPropertyData]: Exclude<PaddingPropertyData[K], string | number>\n  }>\n  border?: ResponsiveValue<BorderPropertyData>\n  borderRadius?: ResponsiveValue<{\n    [K in keyof BorderRadiusPropertyData]: Exclude<BorderRadiusPropertyData[K], string | number>\n  }>\n  textStyle?: ResponsiveValue<TextStylePropertyData>\n}\n\nexport const StyleControlType = 'makeswift::controls::style'\n\nexport const StyleControlProperty = {\n  Width: 'makeswift::controls::style::property::width',\n  Margin: 'makeswift::controls::style::property::margin',\n  Padding: 'makeswift::controls::style::property::padding',\n  Border: 'makeswift::controls::style::property::border',\n  BorderRadius: 'makeswift::controls::style::property::border-radius',\n  TextStyle: 'makeswift::controls::style::property::text-style',\n} as const\n\nexport type StyleControlProperty = typeof StyleControlProperty[keyof typeof StyleControlProperty]\n\ntype StyleControlParams = { properties?: StyleControlProperty[] }\n\nexport type StyleControlConfig = { properties: StyleControlProperty[] }\n\nconst StyleControlDefaultProperties: StyleControlProperty[] = [\n  StyleControlProperty.Width,\n  StyleControlProperty.Margin,\n]\n\nconst AllStyleControlProperties: StyleControlProperty[] = [\n  StyleControlProperty.Width,\n  StyleControlProperty.Margin,\n  StyleControlProperty.Padding,\n  StyleControlProperty.Border,\n  StyleControlProperty.BorderRadius,\n  StyleControlProperty.TextStyle,\n]\n\nexport type StyleControlDefinition = {\n  type: typeof StyleControlType\n  config: StyleControlConfig\n}\n\n/**\n * @todos\n * - Add support for custom panel labels.\n * - Add support for default values. Internally, default values must be represented with the same\n * format as the underlying data so that controls can show these values.\n */\nexport function Style(params?: StyleControlParams): StyleControlDefinition {\n  return {\n    type: StyleControlType,\n    config: { properties: params?.properties ?? StyleControlDefaultProperties },\n  }\n}\n\nStyle.Default = StyleControlDefaultProperties\nStyle.All = AllStyleControlProperties\n\nStyle.Width = StyleControlProperty.Width\nStyle.Margin = StyleControlProperty.Margin\nStyle.Padding = StyleControlProperty.Padding\nStyle.Border = StyleControlProperty.Border\nStyle.BorderRadius = StyleControlProperty.BorderRadius\nStyle.TextStyle = StyleControlProperty.TextStyle\n\nexport const StyleControlMessageType = {\n  CHANGE_BOX_MODEL: 'makeswift::controls::style::message::change-box-model',\n} as const\n\ntype StyleControlItemBoxModelChangeMessage = {\n  type: typeof StyleControlMessageType.CHANGE_BOX_MODEL\n  payload: { boxModel: BoxModel | null }\n}\n\nexport type StyleControlMessage = StyleControlItemBoxModelChangeMessage\n\nexport class StyleControl extends PropController<StyleControlMessage> {\n  constructor(send: Send<StyleControlMessage>) {\n    super(send)\n  }\n\n  changeBoxModel(boxModel: BoxModel | null): void {\n    this.send({ type: StyleControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } })\n  }\n\n  recv() {}\n}\n\nexport function getStyleSwatchIds(data: StyleControlData): string[] {\n  return getBorderPropControllerDataSwatchIds(data.border)\n}\n\nexport function copyStyleData(\n  value: StyleControlData | undefined,\n  context: CopyContext,\n): StyleControlData | undefined {\n  if (value == null) return value\n\n  function copyResponsiveBorder(\n    responsiveBorder: ResponsiveValue<BorderPropertyData> | undefined,\n  ): ResponsiveValue<BorderPropertyData> | undefined {\n    if (responsiveBorder == null) return undefined\n    return responsiveBorder.map(deviceBorder => ({\n      ...deviceBorder,\n      value: copyBorder(deviceBorder.value),\n    }))\n  }\n\n  function copyBorder(border: BorderPropertyData): BorderPropertyData {\n    function copyBorderSide(side: BorderSideShorthandPropertyData | null | undefined) {\n      if (side == null) return null\n\n      if (side.color == null) return side\n\n      return {\n        ...side,\n        color: copyColorData(side.color, context),\n      }\n    }\n\n    return {\n      borderTop: copyBorderSide(border.borderTop),\n      borderBottom: copyBorderSide(border.borderBottom),\n      borderRight: copyBorderSide(border.borderRight),\n      borderLeft: copyBorderSide(border.borderLeft),\n    }\n  }\n\n  return { ...value, border: copyResponsiveBorder(value.border) }\n}\n"],"mappings":"AAAA,SAAoB,qBAAsC;AAC1D,SAAS,4CAA4C;AAQrD,SAAS,sBAAsB;AAoIxB,MAAM,mBAAmB;AAEzB,MAAM,uBAAuB;AAAA,EAClC,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,WAAW;AACb;AAQA,MAAM,gCAAwD;AAAA,EAC5D,qBAAqB;AAAA,EACrB,qBAAqB;AACvB;AAEA,MAAM,4BAAoD;AAAA,EACxD,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AACvB;AAaO,SAAS,MAAM,QAAqD;AACzE,SAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ,EAAE,YAAY,QAAQ,cAAc,8BAA8B;AAAA,EAC5E;AACF;AAEA,MAAM,UAAU;AAChB,MAAM,MAAM;AAEZ,MAAM,QAAQ,qBAAqB;AACnC,MAAM,SAAS,qBAAqB;AACpC,MAAM,UAAU,qBAAqB;AACrC,MAAM,SAAS,qBAAqB;AACpC,MAAM,eAAe,qBAAqB;AAC1C,MAAM,YAAY,qBAAqB;AAEhC,MAAM,0BAA0B;AAAA,EACrC,kBAAkB;AACpB;AASO,MAAM,qBAAqB,eAAoC;AAAA,EACpE,YAAY,MAAiC;AAC3C,UAAM,IAAI;AAAA,EACZ;AAAA,EAEA,eAAe,UAAiC;AAC9C,SAAK,KAAK,EAAE,MAAM,wBAAwB,kBAAkB,SAAS,EAAE,SAAS,EAAE,CAAC;AAAA,EACrF;AAAA,EAEA,OAAO;AAAA,EAAC;AACV;AAEO,SAAS,kBAAkB,MAAkC;AAClE,SAAO,qCAAqC,KAAK,MAAM;AACzD;AAEO,SAAS,cACd,OACA,SAC8B;AAC9B,MAAI,SAAS;AAAM,WAAO;AAE1B,WAAS,qBACP,kBACiD;AACjD,QAAI,oBAAoB;AAAM,aAAO;AACrC,WAAO,iBAAiB,IAAI,mBAAiB;AAAA,MAC3C,GAAG;AAAA,MACH,OAAO,WAAW,aAAa,KAAK;AAAA,IACtC,EAAE;AAAA,EACJ;AAEA,WAAS,WAAW,QAAgD;AAClE,aAAS,eAAe,MAA0D;AAChF,UAAI,QAAQ;AAAM,eAAO;AAEzB,UAAI,KAAK,SAAS;AAAM,eAAO;AAE/B,aAAO;AAAA,QACL,GAAG;AAAA,QACH,OAAO,cAAc,KAAK,OAAO,OAAO;AAAA,MAC1C;AAAA,IACF;AAEA,WAAO;AAAA,MACL,WAAW,eAAe,OAAO,SAAS;AAAA,MAC1C,cAAc,eAAe,OAAO,YAAY;AAAA,MAChD,aAAa,eAAe,OAAO,WAAW;AAAA,MAC9C,YAAY,eAAe,OAAO,UAAU;AAAA,IAC9C;AAAA,EACF;AAEA,SAAO,EAAE,GAAG,OAAO,QAAQ,qBAAqB,MAAM,MAAM,EAAE;AAChE;","names":[]}

package/dist/esm/controls/text-area.js

@@ -0,0 +1,14 @@
+import { ControlDataTypeKey } from "./control-data-type-key";
+const TextAreaControlDataTypeKey = ControlDataTypeKey;
+const TextAreaControlDataTypeValueV1 = "text-area::v1";
+const TextAreaControlType = "makeswift::controls::text-area";
+function TextArea(config = {}) {
+  return { type: TextAreaControlType, config, version: 1 };
+}
+export {
+  TextArea,
+  TextAreaControlDataTypeKey,
+  TextAreaControlDataTypeValueV1,
+  TextAreaControlType
+};
+//# sourceMappingURL=text-area.js.map

package/dist/esm/controls/text-area.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/controls/text-area.ts"],"sourcesContent":["import { ControlDataTypeKey } from \"./control-data-type-key\"\n\nexport const TextAreaControlDataTypeKey = ControlDataTypeKey\n\nexport const TextAreaControlDataTypeValueV1 = 'text-area::v1'\n\nexport type TextAreaControlDataV0 = string\n\nexport type TextAreaControlDataV1 = {\n  [TextAreaControlDataTypeKey]: typeof TextAreaControlDataTypeValueV1\n  value: string,\n}\n\nexport type TextAreaControlData = TextAreaControlDataV0 | TextAreaControlDataV1\n\nexport const TextAreaControlType = 'makeswift::controls::text-area'\n\ntype TextAreaControlConfig = {\n  label?: string\n  defaultValue?: string\n  rows?: number\n}\n\nexport type TextAreaControlDefinition<C extends TextAreaControlConfig = TextAreaControlConfig> = {\n  type: typeof TextAreaControlType\n  config: C\n  version?: 1\n}\n\nexport function TextArea<C extends TextAreaControlConfig>(\n  config: C = {} as C,\n): TextAreaControlDefinition<C> {\n  return { type: TextAreaControlType, config, version: 1 }\n}\n"],"mappings":"AAAA,SAAS,0BAA0B;AAE5B,MAAM,6BAA6B;AAEnC,MAAM,iCAAiC;AAWvC,MAAM,sBAAsB;AAc5B,SAAS,SACd,SAAY,CAAC,GACiB;AAC9B,SAAO,EAAE,MAAM,qBAAqB,QAAQ,SAAS,EAAE;AACzD;","names":[]}

package/dist/esm/controls/text-input.js

@@ -0,0 +1,14 @@
+import { ControlDataTypeKey } from "./control-data-type-key";
+const TextInputControlDataTypeKey = ControlDataTypeKey;
+const TextInputControlDataTypeValueV1 = "text-input::v1";
+const TextInputControlType = "makeswift::controls::text-input";
+function TextInput(config = {}) {
+  return { type: TextInputControlType, config, version: 1 };
+}
+export {
+  TextInput,
+  TextInputControlDataTypeKey,
+  TextInputControlDataTypeValueV1,
+  TextInputControlType
+};
+//# sourceMappingURL=text-input.js.map

package/dist/esm/controls/text-input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/controls/text-input.ts"],"sourcesContent":["import { ControlDataTypeKey } from \"./control-data-type-key\"\n\nexport const TextInputControlDataTypeKey = ControlDataTypeKey\n\nexport const TextInputControlDataTypeValueV1 = 'text-input::v1'\n\nexport type TextInputControlDataV0 = string\n\nexport type TextInputControlDataV1 = {\n  [ControlDataTypeKey]: typeof TextInputControlDataTypeValueV1\n  value: string,\n}\n\nexport type TextInputControlData = TextInputControlDataV0 | TextInputControlDataV1\n\nexport const TextInputControlType = 'makeswift::controls::text-input'\n\ntype TextInputControlConfig = {\n  label?: string\n  defaultValue?: string\n}\n\nexport type TextInputControlDefinition<C extends TextInputControlConfig = TextInputControlConfig> =\n  {\n    type: typeof TextInputControlType\n    config: C\n    version?: 1\n  }\n\nexport function TextInput<C extends TextInputControlConfig>(\n  config: C = {} as C,\n): TextInputControlDefinition<C> {\n  return { type: TextInputControlType, config, version: 1 }\n}\n"],"mappings":"AAAA,SAAS,0BAA0B;AAE5B,MAAM,8BAA8B;AAEpC,MAAM,kCAAkC;AAWxC,MAAM,uBAAuB;AAc7B,SAAS,UACd,SAAY,CAAC,GACkB;AAC/B,SAAO,EAAE,MAAM,sBAAsB,QAAQ,SAAS,EAAE;AAC1D;","names":[]}

package/dist/esm/controls/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/esm/controls/typography.js

@@ -0,0 +1,20 @@
+import { isNonNullable } from "../utils/isNonNullable";
+const TypographyControlType = "makeswift::controls::typography";
+function unstable_Typography() {
+  return {
+    type: TypographyControlType
+  };
+}
+function getTypographySwatchIds(value) {
+  return value?.style.flatMap((style) => style.value.color?.swatchId ?? []).filter(isNonNullable) ?? [];
+}
+function getTypographyTypographyIds(value) {
+  return [value?.id].filter(isNonNullable);
+}
+export {
+  TypographyControlType,
+  getTypographySwatchIds,
+  getTypographyTypographyIds,
+  unstable_Typography
+};
+//# sourceMappingURL=typography.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/controls/typography.ts"],"sourcesContent":["import { isNonNullable } from '../utils/isNonNullable'\n\nexport type TypographyControlData = (\n  | {\n      id?: string\n      style: Array<{\n        deviceId: string\n        value: {\n          fontFamily?: string | null\n          lineHeight?: number | null\n          letterSpacing?: number | null\n          fontWeight?: number | null\n          textAlign?: string | null\n          uppercase?: boolean | null\n          underline?: boolean | null\n          strikethrough?: boolean | null\n          italic?: boolean | null\n          fontSize?: { value: number | null; unit: string | null } | null\n          color?: { swatchId: string | null; alpha: number | null } | null\n        }\n      }>\n    }\n  | undefined\n)[]\n\nexport const TypographyControlType = 'makeswift::controls::typography'\n\nexport type TypographyControlDefinition = {\n  type: typeof TypographyControlType\n}\n\nexport function unstable_Typography(): TypographyControlDefinition {\n  return {\n    type: TypographyControlType,\n  }\n}\n\nexport function getTypographySwatchIds(value: TypographyControlData[number]) {\n  return (\n    value?.style.flatMap(style => style.value.color?.swatchId ?? []).filter(isNonNullable) ?? []\n  )\n}\n\nexport function getTypographyTypographyIds(value: TypographyControlData[number]) {\n  return [value?.id].filter(isNonNullable)\n}\n"],"mappings":"AAAA,SAAS,qBAAqB;AAyBvB,MAAM,wBAAwB;AAM9B,SAAS,sBAAmD;AACjE,SAAO;AAAA,IACL,MAAM;AAAA,EACR;AACF;AAEO,SAAS,uBAAuB,OAAsC;AAC3E,SACE,OAAO,MAAM,QAAQ,WAAS,MAAM,MAAM,OAAO,YAAY,CAAC,CAAC,EAAE,OAAO,aAAa,KAAK,CAAC;AAE/F;AAEO,SAAS,2BAA2B,OAAsC;AAC/E,SAAO,CAAC,OAAO,EAAE,EAAE,OAAO,aAAa;AACzC;","names":[]}

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

@@ -0,0 +1,50 @@
+import { NextResponse } from "next/server";
+import { P, match } from "ts-pattern";
+import {
+  MAKESWIFT_DRAFT_DATA_COOKIE,
+  PRERENDER_BYPASS_COOKIE,
+  PREVIEW_DATA_COOKIE,
+  SET_COOKIE_HEADER,
+  cookieSettingOptions
+} from "./utils/draft";
+import { serialize as serializeCookie } from "cookie";
+function clearCookiesHeader(cookieNames) {
+  const headers = new Headers();
+  cookieNames.forEach((name) => {
+    headers.append(
+      SET_COOKIE_HEADER,
+      serializeCookie(name, "", { ...cookieSettingOptions, expires: /* @__PURE__ */ new Date(0) })
+    );
+  });
+  const setCookieHeader = headers.get(SET_COOKIE_HEADER);
+  if (setCookieHeader == null) {
+    throw new Error(
+      `Could not generate set-cookie header to clear cookies: ${cookieNames.join(", ")}`
+    );
+  }
+  return setCookieHeader;
+}
+const routeHandlerPattern = [P.instanceOf(Request), P.any, P.any];
+const apiRoutePattern = [P.any, P.any, P.any];
+async function clearDraftHandler(...args) {
+  return match(args).with(routeHandlerPattern, (args2) => clearDraftRouteHandler(...args2)).with(apiRoutePattern, (args2) => clearDraftApiRouteHandler(...args2)).exhaustive();
+}
+async function clearDraftRouteHandler(_request, _context, {}) {
+  const headers = new Headers();
+  headers.append(
+    SET_COOKIE_HEADER,
+    clearCookiesHeader([PRERENDER_BYPASS_COOKIE, MAKESWIFT_DRAFT_DATA_COOKIE])
+  );
+  return NextResponse.json({ __brand: "ClearDraftResponse" }, { headers });
+}
+async function clearDraftApiRouteHandler(_req, res, {}) {
+  res.setHeader(
+    SET_COOKIE_HEADER,
+    clearCookiesHeader([PRERENDER_BYPASS_COOKIE, PREVIEW_DATA_COOKIE])
+  );
+  return res.json({ __brand: "ClearDraftResponse" });
+}
+export {
+  clearDraftHandler as default
+};
+//# sourceMappingURL=clear-draft.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/next/api-handler/handlers/clear-draft.ts"],"sourcesContent":["import { NextApiRequest, NextApiResponse } from 'next'\nimport { NextRequest, NextResponse } from 'next/server'\nimport { P, match } from 'ts-pattern'\nimport {\n  MAKESWIFT_DRAFT_DATA_COOKIE,\n  PRERENDER_BYPASS_COOKIE,\n  PREVIEW_DATA_COOKIE,\n  SET_COOKIE_HEADER,\n  cookieSettingOptions,\n} from './utils/draft'\nimport { serialize as serializeCookie } from 'cookie'\n\nfunction clearCookiesHeader(cookieNames: string[]): string {\n  const headers = new Headers()\n\n  cookieNames.forEach(name => {\n    headers.append(\n      SET_COOKIE_HEADER,\n      serializeCookie(name, '', { ...cookieSettingOptions, expires: new Date(0) }),\n    )\n  })\n\n  const setCookieHeader = headers.get(SET_COOKIE_HEADER)\n\n  if (setCookieHeader == null) {\n    throw new Error(\n      `Could not generate set-cookie header to clear cookies: ${cookieNames.join(', ')}`,\n    )\n  }\n\n  return setCookieHeader\n}\n\ntype Context = { params: { [key: string]: string | string[] } }\n\ntype ClearDraftError = string\n\ntype Response = { __brand: 'ClearDraftResponse' }\n\nexport type ClearDraftResponse = ClearDraftError | Response\n\ntype ClearDraftHandlerArgs =\n  | [request: NextRequest, context: Context, params: { apiKey: string }]\n  | [req: NextApiRequest, res: NextApiResponse<ClearDraftResponse>, 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 clearDraftHandler(\n  request: NextRequest,\n  context: Context,\n  { apiKey }: { apiKey: string },\n): Promise<NextResponse<ClearDraftResponse>>\nexport default async function clearDraftHandler(\n  req: NextApiRequest,\n  res: NextApiResponse<ClearDraftResponse>,\n  { apiKey }: { apiKey: string },\n): Promise<void>\nexport default async function clearDraftHandler(\n  ...args: ClearDraftHandlerArgs\n): Promise<NextResponse<ClearDraftResponse> | void> {\n  return match(args)\n    .with(routeHandlerPattern, args => clearDraftRouteHandler(...args))\n    .with(apiRoutePattern, args => clearDraftApiRouteHandler(...args))\n    .exhaustive()\n}\n\nasync function clearDraftRouteHandler(\n  _request: NextRequest,\n  _context: Context,\n  {}: { apiKey: string },\n): Promise<NextResponse<ClearDraftResponse>> {\n  const headers = new Headers()\n\n  headers.append(\n    SET_COOKIE_HEADER,\n    clearCookiesHeader([PRERENDER_BYPASS_COOKIE, MAKESWIFT_DRAFT_DATA_COOKIE]),\n  )\n\n  return NextResponse.json({ __brand: 'ClearDraftResponse' }, { headers })\n}\n\nasync function clearDraftApiRouteHandler(\n  _req: NextApiRequest,\n  res: NextApiResponse<ClearDraftResponse>,\n  {}: { apiKey: string },\n): Promise<void> {\n  res.setHeader(\n    SET_COOKIE_HEADER,\n    clearCookiesHeader([PRERENDER_BYPASS_COOKIE, PREVIEW_DATA_COOKIE]),\n  )\n\n  return res.json({ __brand: 'ClearDraftResponse' })\n}\n"],"mappings":"AACA,SAAsB,oBAAoB;AAC1C,SAAS,GAAG,aAAa;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa,uBAAuB;AAE7C,SAAS,mBAAmB,aAA+B;AACzD,QAAM,UAAU,IAAI,QAAQ;AAE5B,cAAY,QAAQ,UAAQ;AAC1B,YAAQ;AAAA,MACN;AAAA,MACA,gBAAgB,MAAM,IAAI,EAAE,GAAG,sBAAsB,SAAS,oBAAI,KAAK,CAAC,EAAE,CAAC;AAAA,IAC7E;AAAA,EACF,CAAC;AAED,QAAM,kBAAkB,QAAQ,IAAI,iBAAiB;AAErD,MAAI,mBAAmB,MAAM;AAC3B,UAAM,IAAI;AAAA,MACR,0DAA0D,YAAY,KAAK,IAAI,CAAC;AAAA,IAClF;AAAA,EACF;AAEA,SAAO;AACT;AAcA,MAAM,sBAAsB,CAAC,EAAE,WAAW,OAAO,GAAG,EAAE,KAAK,EAAE,GAAG;AAChE,MAAM,kBAAkB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG;AAY5C,eAAO,qBACF,MAC+C;AAClD,SAAO,MAAM,IAAI,EACd,KAAK,qBAAqB,CAAAA,UAAQ,uBAAuB,GAAGA,KAAI,CAAC,EACjE,KAAK,iBAAiB,CAAAA,UAAQ,0BAA0B,GAAGA,KAAI,CAAC,EAChE,WAAW;AAChB;AAEA,eAAe,uBACb,UACA,UACA,CAAC,GAC0C;AAC3C,QAAM,UAAU,IAAI,QAAQ;AAE5B,UAAQ;AAAA,IACN;AAAA,IACA,mBAAmB,CAAC,yBAAyB,2BAA2B,CAAC;AAAA,EAC3E;AAEA,SAAO,aAAa,KAAK,EAAE,SAAS,qBAAqB,GAAG,EAAE,QAAQ,CAAC;AACzE;AAEA,eAAe,0BACb,MACA,KACA,CAAC,GACc;AACf,MAAI;AAAA,IACF;AAAA,IACA,mBAAmB,CAAC,yBAAyB,mBAAmB,CAAC;AAAA,EACnE;AAEA,SAAO,IAAI,KAAK,EAAE,SAAS,qBAAqB,CAAC;AACnD;","names":["args"]}

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

@@ -14,7 +14,7 @@ async function handler(...args) {
   const supportsDraftMode = match(args).with(routeHandlerPattern, () => true).with(apiRoutePattern, () => false).exhaustive();
   const supportsWebhook = match(args).with(routeHandlerPattern, () => true).with(apiRoutePattern, () => false).exhaustive();
   const body = {
-    version: "0.23.12",
+    version: "0.23.14",
     previewMode: supportsPreviewMode,
     draftMode: supportsDraftMode,
     interactionMode: true,

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

@@ -0,0 +1,63 @@
+import { NextResponse } from "next/server";
+import { P, match } from "ts-pattern";
+import { cookies, draftMode } from "next/headers";
+import { serialize as serializeCookie } from "cookie";
+import { MakeswiftSiteVersion } from "../../../api/site-version";
+import {
+  cookieSettingOptions,
+  MAKESWIFT_DRAFT_DATA_COOKIE,
+  PRERENDER_BYPASS_COOKIE,
+  SearchParams,
+  SET_COOKIE_HEADER
+} from "./utils/draft";
+const routeHandlerPattern = [P.instanceOf(Request), P.any, P.any];
+const apiRoutePattern = [P.any, P.any, P.any];
+async function redirectDraftHandler(...args) {
+  return match(args).with(routeHandlerPattern, (args2) => redirectDraftRouteHandler(...args2)).with(apiRoutePattern, (args2) => redirectDraftApiRouteHandler(...args2)).exhaustive();
+}
+async function redirectDraftRouteHandler(request, _context, { apiKey }) {
+  const secret = request.nextUrl.searchParams.get(SearchParams.DraftMode);
+  if (secret == null) {
+    return new NextResponse("Unauthorized to enable draft mode: no secret provided", {
+      status: 401
+    });
+  }
+  if (secret !== apiKey) {
+    return new NextResponse("Unauthorized to enable draft mode: incorrect secret", { status: 401 });
+  }
+  const draft = await draftMode();
+  const cookieStore = await cookies();
+  draft.enable();
+  const prerenderBypassCookie = cookieStore.get(PRERENDER_BYPASS_COOKIE);
+  if (prerenderBypassCookie?.value == null) {
+    return new NextResponse("Could not retrieve draft mode bypass cookie", { status: 500 });
+  }
+  const draftCookies = [
+    prerenderBypassCookie,
+    {
+      name: MAKESWIFT_DRAFT_DATA_COOKIE,
+      // Eventually, we can make this value dynamic using the request
+      value: JSON.stringify({ makeswift: true, siteVersion: MakeswiftSiteVersion.Working })
+    }
+  ];
+  const redirectProtocol = request.headers.get("x-forwarded-proto") ?? request.nextUrl.protocol.replace(":", "");
+  const redirectHost = request.headers.get("x-forwarded-host") ?? request.headers.get("host") ?? request.nextUrl.host;
+  const redirectUrl = new URL(
+    `${redirectProtocol}://${redirectHost}${request.nextUrl.pathname}${request.nextUrl.search}`
+  );
+  redirectUrl.searchParams.delete(SearchParams.DraftMode);
+  const headers = new Headers();
+  draftCookies.forEach(({ name, value }) => {
+    headers.append(SET_COOKIE_HEADER, serializeCookie(name, value, { ...cookieSettingOptions }));
+  });
+  return NextResponse.redirect(redirectUrl, { headers });
+}
+async function redirectDraftApiRouteHandler(_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 {
+  redirectDraftHandler as default
+};
+//# sourceMappingURL=redirect-draft.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/next/api-handler/handlers/redirect-draft.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'\n\nimport { serialize as serializeCookie } from 'cookie'\n\nimport { MakeswiftSiteVersion } from '../../../api/site-version'\nimport {\n  cookieSettingOptions,\n  MAKESWIFT_DRAFT_DATA_COOKIE,\n  PRERENDER_BYPASS_COOKIE,\n  SearchParams,\n  SET_COOKIE_HEADER,\n} from './utils/draft'\n\ntype Context = { params: { [key: string]: string | string[] } }\n\ntype RedirectDraftError = string\n\ntype Response = unknown\n\nexport type RedirectDraftResponse = RedirectDraftError | Response\n\ntype RedirectDraftHandlerArgs =\n  | [request: NextRequest, context: Context, params: { apiKey: string }]\n  | [req: NextApiRequest, res: NextApiResponse<RedirectDraftResponse>, 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 redirectDraftHandler(\n  request: NextRequest,\n  context: Context,\n  { apiKey }: { apiKey: string },\n): Promise<NextResponse<RedirectDraftResponse>>\nexport default async function redirectDraftHandler(\n  req: NextApiRequest,\n  res: NextApiResponse<RedirectDraftResponse>,\n  { apiKey }: { apiKey: string },\n): Promise<void>\nexport default async function redirectDraftHandler(\n  ...args: RedirectDraftHandlerArgs\n): Promise<NextResponse<RedirectDraftResponse> | void> {\n  return match(args)\n    .with(routeHandlerPattern, args => redirectDraftRouteHandler(...args))\n    .with(apiRoutePattern, args => redirectDraftApiRouteHandler(...args))\n    .exhaustive()\n}\n\nasync function redirectDraftRouteHandler(\n  request: NextRequest,\n  _context: Context,\n  { apiKey }: { apiKey: string },\n): Promise<NextResponse<RedirectDraftResponse>> {\n  const secret = request.nextUrl.searchParams.get(SearchParams.DraftMode)\n\n  if (secret == null) {\n    return new NextResponse('Unauthorized to enable draft mode: no secret provided', {\n      status: 401,\n    })\n  }\n  if (secret !== apiKey) {\n    return new NextResponse('Unauthorized to enable draft mode: incorrect secret', { status: 401 })\n  }\n\n  const draft = await draftMode()\n  const cookieStore = await cookies()\n\n  draft.enable()\n\n  const prerenderBypassCookie = cookieStore.get(PRERENDER_BYPASS_COOKIE)\n\n  if (prerenderBypassCookie?.value == null) {\n    return new NextResponse('Could not retrieve draft mode bypass cookie', { status: 500 })\n  }\n\n  const draftCookies: { name: string; value: string }[] = [\n    prerenderBypassCookie,\n    {\n      name: MAKESWIFT_DRAFT_DATA_COOKIE,\n      // Eventually, we can make this value dynamic using the request\n      value: JSON.stringify({ makeswift: true, siteVersion: MakeswiftSiteVersion.Working }),\n    },\n  ]\n\n  const redirectProtocol =\n    request.headers.get('x-forwarded-proto') ?? request.nextUrl.protocol.replace(':', '')\n\n  const redirectHost =\n    request.headers.get('x-forwarded-host') ?? request.headers.get('host') ?? request.nextUrl.host\n\n  const redirectUrl = new URL(\n    `${redirectProtocol}://${redirectHost}${request.nextUrl.pathname}${request.nextUrl.search}`,\n  )\n\n  redirectUrl.searchParams.delete(SearchParams.DraftMode)\n\n  const headers = new Headers()\n  draftCookies.forEach(({ name, value }) => {\n    headers.append(SET_COOKIE_HEADER, serializeCookie(name, value, { ...cookieSettingOptions }))\n  })\n\n  return NextResponse.redirect(redirectUrl, { headers })\n}\n\nasync function redirectDraftApiRouteHandler(\n  _req: NextApiRequest,\n  res: NextApiResponse<RedirectDraftResponse>,\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,SAAsB,oBAAoB;AAC1C,SAAS,GAAG,aAAa;AACzB,SAAS,SAAS,iBAAiB;AAEnC,SAAS,aAAa,uBAAuB;AAE7C,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAcP,MAAM,sBAAsB,CAAC,EAAE,WAAW,OAAO,GAAG,EAAE,KAAK,EAAE,GAAG;AAChE,MAAM,kBAAkB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG;AAY5C,eAAO,wBACF,MACkD;AACrD,SAAO,MAAM,IAAI,EACd,KAAK,qBAAqB,CAAAA,UAAQ,0BAA0B,GAAGA,KAAI,CAAC,EACpE,KAAK,iBAAiB,CAAAA,UAAQ,6BAA6B,GAAGA,KAAI,CAAC,EACnE,WAAW;AAChB;AAEA,eAAe,0BACb,SACA,UACA,EAAE,OAAO,GACqC;AAC9C,QAAM,SAAS,QAAQ,QAAQ,aAAa,IAAI,aAAa,SAAS;AAEtE,MAAI,UAAU,MAAM;AAClB,WAAO,IAAI,aAAa,yDAAyD;AAAA,MAC/E,QAAQ;AAAA,IACV,CAAC;AAAA,EACH;AACA,MAAI,WAAW,QAAQ;AACrB,WAAO,IAAI,aAAa,uDAAuD,EAAE,QAAQ,IAAI,CAAC;AAAA,EAChG;AAEA,QAAM,QAAQ,MAAM,UAAU;AAC9B,QAAM,cAAc,MAAM,QAAQ;AAElC,QAAM,OAAO;AAEb,QAAM,wBAAwB,YAAY,IAAI,uBAAuB;AAErE,MAAI,uBAAuB,SAAS,MAAM;AACxC,WAAO,IAAI,aAAa,+CAA+C,EAAE,QAAQ,IAAI,CAAC;AAAA,EACxF;AAEA,QAAM,eAAkD;AAAA,IACtD;AAAA,IACA;AAAA,MACE,MAAM;AAAA;AAAA,MAEN,OAAO,KAAK,UAAU,EAAE,WAAW,MAAM,aAAa,qBAAqB,QAAQ,CAAC;AAAA,IACtF;AAAA,EACF;AAEA,QAAM,mBACJ,QAAQ,QAAQ,IAAI,mBAAmB,KAAK,QAAQ,QAAQ,SAAS,QAAQ,KAAK,EAAE;AAEtF,QAAM,eACJ,QAAQ,QAAQ,IAAI,kBAAkB,KAAK,QAAQ,QAAQ,IAAI,MAAM,KAAK,QAAQ,QAAQ;AAE5F,QAAM,cAAc,IAAI;AAAA,IACtB,GAAG,gBAAgB,MAAM,YAAY,GAAG,QAAQ,QAAQ,QAAQ,GAAG,QAAQ,QAAQ,MAAM;AAAA,EAC3F;AAEA,cAAY,aAAa,OAAO,aAAa,SAAS;AAEtD,QAAM,UAAU,IAAI,QAAQ;AAC5B,eAAa,QAAQ,CAAC,EAAE,MAAM,MAAM,MAAM;AACxC,YAAQ,OAAO,mBAAmB,gBAAgB,MAAM,OAAO,EAAE,GAAG,qBAAqB,CAAC,CAAC;AAAA,EAC7F,CAAC;AAED,SAAO,aAAa,SAAS,aAAa,EAAE,QAAQ,CAAC;AACvD;AAEA,eAAe,6BACb,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/redirect-preview.js

@@ -0,0 +1,54 @@
+import { NextResponse } from "next/server";
+import { P, match } from "ts-pattern";
+import { parse as parseSetCookie } from "set-cookie-parser";
+import { serialize as serializeCookie } from "cookie";
+import { MakeswiftSiteVersion } from "../../../api/site-version";
+import {
+  cookieSettingOptions,
+  PRERENDER_BYPASS_COOKIE,
+  PREVIEW_DATA_COOKIE,
+  SearchParams,
+  SET_COOKIE_HEADER
+} from "./utils/draft";
+const routeHandlerPattern = [P.instanceOf(Request), P.any, P.any];
+const apiRoutePattern = [P.any, P.any, P.any];
+async function redirectPreviewHandler(...args) {
+  return match(args).with(routeHandlerPattern, (args2) => redirectPreviewRouteHandler(...args2)).with(apiRoutePattern, (args2) => redirectPreviewApiRouteHandler(...args2)).exhaustive();
+}
+async function redirectPreviewRouteHandler(_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 redirectPreviewApiRouteHandler(req, res, { apiKey }) {
+  const secret = req.query[SearchParams.PreviewMode];
+  const pathname = req.query.path;
+  if (secret == null) {
+    return res.status(401).send("Unauthorized to enable preview mode: no secret provided");
+  }
+  if (secret !== apiKey) {
+    return res.status(401).send("Unauthorized to enable preview mode: secret is incorrect");
+  }
+  if (pathname == null) {
+    return res.status(400).send("Bad request: incoming request does not have an associated pathname");
+  }
+  const setCookie = res.setPreviewData({ makeswift: true, siteVersion: MakeswiftSiteVersion.Working }).getHeader(SET_COOKIE_HEADER);
+  res.removeHeader(SET_COOKIE_HEADER);
+  const parsedCookies = parseSetCookie(Array.isArray(setCookie) ? setCookie : "");
+  const prerenderBypassCookie = parsedCookies.find((c) => c.name === PRERENDER_BYPASS_COOKIE);
+  const previewDataCookie = parsedCookies.find((c) => c.name === PREVIEW_DATA_COOKIE);
+  if (prerenderBypassCookie?.value == null || previewDataCookie?.value == null) {
+    return res.status(500).send("Could not retrieve preview mode cookies");
+  }
+  const patchedCookies = [prerenderBypassCookie, previewDataCookie].map(({ name, value }) => {
+    return serializeCookie(name, value, { ...cookieSettingOptions });
+  });
+  res.setHeader(SET_COOKIE_HEADER, patchedCookies);
+  const destinationUrl = new URL(pathname, "http://test.com");
+  destinationUrl.searchParams.delete(SearchParams.PreviewMode);
+  res.redirect(`${destinationUrl.pathname}?${destinationUrl.searchParams.toString()}`);
+}
+export {
+  redirectPreviewHandler as default
+};
+//# sourceMappingURL=redirect-preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/next/api-handler/handlers/redirect-preview.ts"],"sourcesContent":["import { NextApiRequest, NextApiResponse } from 'next'\nimport { NextRequest, NextResponse } from 'next/server'\nimport { P, match } from 'ts-pattern'\n\nimport { parse as parseSetCookie } from 'set-cookie-parser'\nimport { serialize as serializeCookie } from 'cookie'\n\nimport { MakeswiftSiteVersion } from '../../../api/site-version'\nimport {\n  cookieSettingOptions,\n  PRERENDER_BYPASS_COOKIE,\n  PREVIEW_DATA_COOKIE,\n  SearchParams,\n  SET_COOKIE_HEADER,\n} from './utils/draft'\n\ntype Context = { params: { [key: string]: string | string[] } }\n\ntype RedirectPreviewError = string\n\ntype Response = unknown\n\nexport type RedirectPreviewResponse = RedirectPreviewError | Response\n\ntype RedirectPreviewHandlerArgs =\n  | [request: NextRequest, context: Context, params: { apiKey: string }]\n  | [req: NextApiRequest, res: NextApiResponse<RedirectPreviewResponse>, 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 redirectPreviewHandler(\n  request: NextRequest,\n  context: Context,\n  { apiKey }: { apiKey: string },\n): Promise<NextResponse<RedirectPreviewResponse>>\nexport default async function redirectPreviewHandler(\n  req: NextApiRequest,\n  res: NextApiResponse<RedirectPreviewResponse>,\n  { apiKey }: { apiKey: string },\n): Promise<void>\nexport default async function redirectPreviewHandler(\n  ...args: RedirectPreviewHandlerArgs\n): Promise<NextResponse<RedirectPreviewResponse> | void> {\n  return match(args)\n    .with(routeHandlerPattern, args => redirectPreviewRouteHandler(...args))\n    .with(apiRoutePattern, args => redirectPreviewApiRouteHandler(...args))\n    .exhaustive()\n}\n\nasync function redirectPreviewRouteHandler(\n  _request: NextRequest,\n  _context: Context,\n  { }: { apiKey: string },\n): Promise<NextResponse<RedirectPreviewResponse>> {\n  const message =\n    'Cannot request preview endpoint from an API handler registered in `app`. Move your Makeswift API handler to the `pages/api` directory'\n  console.error(message)\n  return NextResponse.json(message, { status: 500 })\n}\n\n\nasync function redirectPreviewApiRouteHandler(\n  req: NextApiRequest,\n  res: NextApiResponse<RedirectPreviewResponse>,\n  { apiKey }: { apiKey: string },\n): Promise<void> {\n  const secret = req.query[SearchParams.PreviewMode]\n  // Next.js automatically strips the locale prefix from rewritten request's URL, even when the\n  // rewrite's `locale` option is set to `false`: https://github.com/vercel/next.js/discussions/21798.\n  // At the same time, it also maps rewrite's URL segments (e.g. `:path`) to query parameters\n  // on the rewritten request, so we use `query.path` to recover the original request path.\n  const pathname = req.query.path as string | undefined\n\n  if (secret == null) {\n    return res.status(401).send('Unauthorized to enable preview mode: no secret provided')\n  }\n\n  if (secret !== apiKey) {\n    return res.status(401).send('Unauthorized to enable preview mode: secret is incorrect')\n  }\n\n  if (pathname == null) {\n    return res.status(400).send('Bad request: incoming request does not have an associated pathname')\n  }\n\n  const setCookie = res\n    // Eventually, we can make the preview data value dynamic using the request\n    .setPreviewData({ makeswift: true, siteVersion: MakeswiftSiteVersion.Working })\n    .getHeader(SET_COOKIE_HEADER)\n\n  res.removeHeader(SET_COOKIE_HEADER)\n\n  const parsedCookies = parseSetCookie(Array.isArray(setCookie) ? setCookie : '')\n\n  const prerenderBypassCookie = parsedCookies.find(c => c.name === PRERENDER_BYPASS_COOKIE)\n  const previewDataCookie = parsedCookies.find(c => c.name === PREVIEW_DATA_COOKIE)\n\n  if (prerenderBypassCookie?.value == null || previewDataCookie?.value == null) {\n    return res.status(500).send('Could not retrieve preview mode cookies')\n  }\n\n  const patchedCookies = [prerenderBypassCookie, previewDataCookie].map(({ name, value }) => {\n    return serializeCookie(name, value, { ...cookieSettingOptions })\n  })\n\n  res.setHeader(SET_COOKIE_HEADER, patchedCookies)\n\n  const destinationUrl = new URL(pathname, 'http://test.com')\n  destinationUrl.searchParams.delete(SearchParams.PreviewMode)\n\n  res.redirect(`${destinationUrl.pathname}?${destinationUrl.searchParams.toString()}`)\n}\n"],"mappings":"AACA,SAAsB,oBAAoB;AAC1C,SAAS,GAAG,aAAa;AAEzB,SAAS,SAAS,sBAAsB;AACxC,SAAS,aAAa,uBAAuB;AAE7C,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAcP,MAAM,sBAAsB,CAAC,EAAE,WAAW,OAAO,GAAG,EAAE,KAAK,EAAE,GAAG;AAChE,MAAM,kBAAkB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG;AAY5C,eAAO,0BACF,MACoD;AACvD,SAAO,MAAM,IAAI,EACd,KAAK,qBAAqB,CAAAA,UAAQ,4BAA4B,GAAGA,KAAI,CAAC,EACtE,KAAK,iBAAiB,CAAAA,UAAQ,+BAA+B,GAAGA,KAAI,CAAC,EACrE,WAAW;AAChB;AAEA,eAAe,4BACb,UACA,UACA,CAAE,GAC8C;AAChD,QAAM,UACJ;AACF,UAAQ,MAAM,OAAO;AACrB,SAAO,aAAa,KAAK,SAAS,EAAE,QAAQ,IAAI,CAAC;AACnD;AAGA,eAAe,+BACb,KACA,KACA,EAAE,OAAO,GACM;AACf,QAAM,SAAS,IAAI,MAAM,aAAa,WAAW;AAKjD,QAAM,WAAW,IAAI,MAAM;AAE3B,MAAI,UAAU,MAAM;AAClB,WAAO,IAAI,OAAO,GAAG,EAAE,KAAK,yDAAyD;AAAA,EACvF;AAEA,MAAI,WAAW,QAAQ;AACrB,WAAO,IAAI,OAAO,GAAG,EAAE,KAAK,0DAA0D;AAAA,EACxF;AAEA,MAAI,YAAY,MAAM;AACpB,WAAO,IAAI,OAAO,GAAG,EAAE,KAAK,oEAAoE;AAAA,EAClG;AAEA,QAAM,YAAY,IAEf,eAAe,EAAE,WAAW,MAAM,aAAa,qBAAqB,QAAQ,CAAC,EAC7E,UAAU,iBAAiB;AAE9B,MAAI,aAAa,iBAAiB;AAElC,QAAM,gBAAgB,eAAe,MAAM,QAAQ,SAAS,IAAI,YAAY,EAAE;AAE9E,QAAM,wBAAwB,cAAc,KAAK,OAAK,EAAE,SAAS,uBAAuB;AACxF,QAAM,oBAAoB,cAAc,KAAK,OAAK,EAAE,SAAS,mBAAmB;AAEhF,MAAI,uBAAuB,SAAS,QAAQ,mBAAmB,SAAS,MAAM;AAC5E,WAAO,IAAI,OAAO,GAAG,EAAE,KAAK,yCAAyC;AAAA,EACvE;AAEA,QAAM,iBAAiB,CAAC,uBAAuB,iBAAiB,EAAE,IAAI,CAAC,EAAE,MAAM,MAAM,MAAM;AACzF,WAAO,gBAAgB,MAAM,OAAO,EAAE,GAAG,qBAAqB,CAAC;AAAA,EACjE,CAAC;AAED,MAAI,UAAU,mBAAmB,cAAc;AAE/C,QAAM,iBAAiB,IAAI,IAAI,UAAU,iBAAiB;AAC1D,iBAAe,aAAa,OAAO,aAAa,WAAW;AAE3D,MAAI,SAAS,GAAG,eAAe,QAAQ,IAAI,eAAe,aAAa,SAAS,CAAC,EAAE;AACrF;","names":["args"]}

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

@@ -0,0 +1,24 @@
+const PRERENDER_BYPASS_COOKIE = "__prerender_bypass";
+const PREVIEW_DATA_COOKIE = "__next_preview_data";
+const MAKESWIFT_DRAFT_DATA_COOKIE = "x-makeswift-draft-data";
+const SET_COOKIE_HEADER = "set-cookie";
+const SearchParams = {
+  DraftMode: "x-makeswift-draft-mode",
+  PreviewMode: "x-makeswift-preview-mode"
+};
+const cookieSettingOptions = {
+  path: "/",
+  sameSite: "none",
+  secure: true,
+  httpOnly: true,
+  partitioned: true
+};
+export {
+  MAKESWIFT_DRAFT_DATA_COOKIE,
+  PRERENDER_BYPASS_COOKIE,
+  PREVIEW_DATA_COOKIE,
+  SET_COOKIE_HEADER,
+  SearchParams,
+  cookieSettingOptions
+};
+//# sourceMappingURL=draft.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/next/api-handler/handlers/utils/draft.ts"],"sourcesContent":["export const PRERENDER_BYPASS_COOKIE = '__prerender_bypass'\nexport const PREVIEW_DATA_COOKIE = '__next_preview_data'\n\nexport const MAKESWIFT_DRAFT_DATA_COOKIE = 'x-makeswift-draft-data'\nexport const SET_COOKIE_HEADER = 'set-cookie'\n\nexport const SearchParams = {\n  DraftMode: 'x-makeswift-draft-mode',\n  PreviewMode: 'x-makeswift-preview-mode',\n} as const\n\nexport const cookieSettingOptions = {\n  path: '/',\n  sameSite: 'none',\n  secure: true,\n  httpOnly: true,\n  partitioned: true,\n} as const\n"],"mappings":"AAAO,MAAM,0BAA0B;AAChC,MAAM,sBAAsB;AAE5B,MAAM,8BAA8B;AACpC,MAAM,oBAAoB;AAE1B,MAAM,eAAe;AAAA,EAC1B,WAAW;AAAA,EACX,aAAa;AACf;AAEO,MAAM,uBAAuB;AAAA,EAClC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,aAAa;AACf;","names":[]}

package/dist/esm/next/api-handler/handlers/webhook/site-published.js

@@ -1,4 +1,5 @@
 import { revalidateTag } from "next/cache";
+import { MAKESWIFT_CACHE_TAG } from "../../../cache";
 async function handleSitePublished(_payload, { onPublish }) {
   revalidateTag(MAKESWIFT_CACHE_TAG);
   try {
@@ -8,9 +9,7 @@ async function handleSitePublished(_payload, { onPublish }) {
   }
   return { body: { success: true }, status: 200 };
 }
-const MAKESWIFT_CACHE_TAG = "@@makeswift";
 export {
-  MAKESWIFT_CACHE_TAG,
   handleSitePublished
 };
 //# sourceMappingURL=site-published.js.map

package/dist/esm/next/api-handler/handlers/webhook/site-published.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/next/api-handler/handlers/webhook/site-published.ts"],"sourcesContent":["import { revalidateTag } from 'next/cache'\nimport { OnPublish, SitePublishedWebhookPayload, WebhookHandlerResult } from './types'\n\ntype SitePublishedParams = {\n  onPublish?: OnPublish\n}\n\nexport async function handleSitePublished(\n  _payload: SitePublishedWebhookPayload,\n  { onPublish }: SitePublishedParams\n): Promise<WebhookHandlerResult> {\n  revalidateTag(MAKESWIFT_CACHE_TAG)\n\n  try {\n    await onPublish?.()\n  } catch (error) {\n    // log and ignore any error in user-provided onPublish\n    console.error(\"Unhandled exception in the 'onPublish' callback:\", error)\n  }\n\n  return { body: { success: true }, status: 200 }\n}\n\nexport const MAKESWIFT_CACHE_TAG = '@@makeswift'\n"],"mappings":"AAAA,SAAS,qBAAqB;AAO9B,eAAsB,oBACpB,UACA,EAAE,UAAU,GACmB;AAC/B,gBAAc,mBAAmB;AAEjC,MAAI;AACF,UAAM,YAAY;AAAA,EACpB,SAAS,OAAO;AAEd,YAAQ,MAAM,oDAAoD,KAAK;AAAA,EACzE;AAEA,SAAO,EAAE,MAAM,EAAE,SAAS,KAAK,GAAG,QAAQ,IAAI;AAChD;AAEO,MAAM,sBAAsB;","names":[]}
+{"version":3,"sources":["../../../../../../src/next/api-handler/handlers/webhook/site-published.ts"],"sourcesContent":["import { revalidateTag } from 'next/cache'\nimport {\n  type OnPublish,\n  type SitePublishedWebhookPayload,\n  type WebhookHandlerResult,\n} from './types'\n\nimport { MAKESWIFT_CACHE_TAG } from '../../../cache'\n\ntype SitePublishedParams = {\n  onPublish?: OnPublish\n}\n\nexport async function handleSitePublished(\n  _payload: SitePublishedWebhookPayload,\n  { onPublish }: SitePublishedParams,\n): Promise<WebhookHandlerResult> {\n  revalidateTag(MAKESWIFT_CACHE_TAG)\n\n  try {\n    await onPublish?.()\n  } catch (error) {\n    // log and ignore any error in user-provided onPublish\n    console.error(\"Unhandled exception in the 'onPublish' callback:\", error)\n  }\n\n  return { body: { success: true }, status: 200 }\n}\n"],"mappings":"AAAA,SAAS,qBAAqB;AAO9B,SAAS,2BAA2B;AAMpC,eAAsB,oBACpB,UACA,EAAE,UAAU,GACmB;AAC/B,gBAAc,mBAAmB;AAEjC,MAAI;AACF,UAAM,YAAY;AAAA,EACpB,SAAS,OAAO;AAEd,YAAQ,MAAM,oDAAoD,KAAK;AAAA,EACzE;AAEA,SAAO,EAAE,MAAM,EAAE,SAAS,KAAK,GAAG,QAAQ,IAAI;AAChD;","names":[]}

package/dist/esm/next/cache.js

@@ -0,0 +1,5 @@
+const MAKESWIFT_CACHE_TAG = "@@makeswift";
+export {
+  MAKESWIFT_CACHE_TAG
+};
+//# sourceMappingURL=cache.js.map

package/dist/esm/next/cache.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/next/cache.ts"],"sourcesContent":["export const MAKESWIFT_CACHE_TAG = '@@makeswift'\n"],"mappings":"AAAO,MAAM,sBAAsB;","names":[]}

package/dist/esm/next/client.js

@@ -23,7 +23,7 @@ import { toIterablePaginationResult } from "./utils/pagination";
 import { deterministicUUID } from "../utils/deterministic-uuid";
 import { Schema } from "@makeswift/controls";
 import { EMBEDDED_DOCUMENT_TYPE } from "../state/modules/read-only-documents";
-import { MAKESWIFT_CACHE_TAG } from "./api-handler/handlers/webhook/site-published";
+import { MAKESWIFT_CACHE_TAG } from "./cache";
 const makeswiftPageResultSchema = z.object({
   id: z.string(),
   path: z.string(),