@makeswift/runtime 0.26.4 → 0.26.5

package/dist/esm/prop-controllers/serialization.js

@@ -0,0 +1,338 @@
+import {
+  Types as PropControllerTypes
+} from "@makeswift/prop-controllers";
+import {
+  deserializeFunction,
+  isSerializedFunction,
+  serializeFunction
+} from "../controls/serialization/message-port/function-serialization";
+import {
+  DELETED_PROP_CONTROLLER_TYPES
+} from "./deleted";
+function serializeShapeControl(control) {
+  const { type } = control.options;
+  const transferables = [];
+  const serializedType = {};
+  Object.entries(type).forEach(([key, control2]) => {
+    const [serializedControl, serializedControlTransferables] = serializeLegacyControl(control2);
+    serializedType[key] = serializedControl;
+    transferables.push(...serializedControlTransferables);
+  });
+  return [{ ...control, options: { ...control.options, type: serializedType } }, transferables];
+}
+function deserializeShapeControl(control) {
+  const { type } = control.options;
+  const deserializedType = {};
+  Object.entries(type).forEach(([key, control2]) => {
+    deserializedType[key] = deserializeLegacyControl(
+      control2
+    );
+  });
+  return { ...control, options: { ...control.options, type: deserializedType } };
+}
+function serializeListControl(control) {
+  const { type, getItemLabel } = control.options;
+  const transferables = [];
+  const [serializedType, serializedTypeTransferables] = serializeLegacyControl(type);
+  const serializedGetItemLabel = getItemLabel && serializeFunction(getItemLabel);
+  transferables.push(...serializedTypeTransferables);
+  if (serializedGetItemLabel != null)
+    transferables.push(serializedGetItemLabel);
+  return [
+    {
+      ...control,
+      options: {
+        ...control.options,
+        type: serializedType,
+        getItemLabel: serializedGetItemLabel
+      }
+    },
+    transferables
+  ];
+}
+function deserializeListControl(serializedControl) {
+  const { type, getItemLabel } = serializedControl.options;
+  const deserializedType = deserializeLegacyControl(type);
+  const deserializedGetItemLabel = isSerializedFunction(getItemLabel) ? deserializeFunction(getItemLabel) : getItemLabel;
+  return {
+    ...serializedControl,
+    options: {
+      ...serializedControl.options,
+      type: deserializedType,
+      getItemLabel: deserializedGetItemLabel
+    }
+  };
+}
+function serializeTypeaheadControl(control) {
+  const { getItems } = control.options;
+  const serializedGetItems = getItems && serializeFunction(getItems);
+  return [
+    { ...control, options: { ...control.options, getItems: serializedGetItems } },
+    serializedGetItems == null ? [] : [serializedGetItems]
+  ];
+}
+function deserializeTypeaheadControl(serializedControl) {
+  const { getItems } = serializedControl.options;
+  const deserializedGetItems = isSerializedFunction(getItems) ? deserializeFunction(getItems) : getItems;
+  return {
+    ...serializedControl,
+    options: { ...serializedControl.options, getItems: deserializedGetItems }
+  };
+}
+function serializeControlDef(control) {
+  const { options } = control;
+  if (typeof options !== "function")
+    return [{ ...control, options }, []];
+  const serializedOptions = serializeFunction(options);
+  return [{ ...control, options: serializedOptions }, [serializedOptions]];
+}
+function deserializeControlDef(serializedControl) {
+  const { options } = serializedControl;
+  if (!isSerializedFunction(options))
+    return { ...serializedControl, options };
+  const deserializedOptions = deserializeFunction(options);
+  return { ...serializedControl, options: deserializedOptions };
+}
+function serializeGapYControl(control) {
+  const { options } = control;
+  if (typeof options !== "function")
+    return [{ ...control, options }, []];
+  const serializedOptions = serializeFunction(options);
+  return [{ ...control, options: serializedOptions }, [serializedOptions]];
+}
+function deserializeGapYControl(serializedControl) {
+  const { options } = serializedControl;
+  if (!isSerializedFunction(options))
+    return { ...serializedControl, options };
+  const deserializedOptions = deserializeFunction(options);
+  return { ...serializedControl, options: deserializedOptions };
+}
+function serializeCheckboxControl(control) {
+  const { options } = control;
+  if (typeof options !== "function")
+    return [{ ...control, options }, []];
+  const serializedOptions = serializeFunction(options);
+  return [{ ...control, options: serializedOptions }, [serializedOptions]];
+}
+function deserializeCheckboxControl(serializedControl) {
+  const { options } = serializedControl;
+  if (!isSerializedFunction(options))
+    return { ...serializedControl, options };
+  const deserializedOptions = deserializeFunction(options);
+  return { ...serializedControl, options: deserializedOptions };
+}
+function serializeResponsiveColorControl(control) {
+  const { options } = control;
+  if (typeof options !== "function")
+    return [{ ...control, options }, []];
+  const serializedOptions = serializeFunction(options);
+  return [{ ...control, options: serializedOptions }, [serializedOptions]];
+}
+function deserializeResponsiveColorControl(serializedControl) {
+  const { options } = serializedControl;
+  if (!isSerializedFunction(options))
+    return { ...serializedControl, options };
+  const deserializedOptions = deserializeFunction(options);
+  return { ...serializedControl, options: deserializedOptions };
+}
+function serializeNumberControl(control) {
+  const { options } = control;
+  if (typeof options !== "function")
+    return [{ ...control, options }, []];
+  const serializedOptions = serializeFunction(options);
+  return [{ ...control, options: serializedOptions }, [serializedOptions]];
+}
+function deserializeNumberControl(serializedControl) {
+  const { options } = serializedControl;
+  if (!isSerializedFunction(options))
+    return { ...serializedControl, options };
+  const deserializedOptions = deserializeFunction(options);
+  return { ...serializedControl, options: deserializedOptions };
+}
+function serializeDateControl(control) {
+  const { options } = control;
+  if (typeof options !== "function")
+    return [{ ...control, options }, []];
+  const serializedOptions = serializeFunction(options);
+  return [{ ...control, options: serializedOptions }, [serializedOptions]];
+}
+function deserializeDateControl(serializedControl) {
+  const { options } = serializedControl;
+  if (!isSerializedFunction(options))
+    return { ...serializedControl, options };
+  const deserializedOptions = deserializeFunction(options);
+  return { ...serializedControl, options: deserializedOptions };
+}
+function serializeLinkControl(control) {
+  const { options } = control;
+  if (typeof options !== "function")
+    return [{ ...control, options }, []];
+  const serializedOptions = serializeFunction(options);
+  return [{ ...control, options: serializedOptions }, [serializedOptions]];
+}
+function deserializeLinkControl(serializedControl) {
+  const { options } = serializedControl;
+  if (!isSerializedFunction(options))
+    return { ...serializedControl, options };
+  const deserializedOptions = deserializeFunction(options);
+  return { ...serializedControl, options: deserializedOptions };
+}
+function serializeTextInputControl(control) {
+  const { options } = control;
+  if (typeof options !== "function")
+    return [{ ...control, options }, []];
+  const serializedOptions = serializeFunction(options);
+  return [{ ...control, options: serializedOptions }, [serializedOptions]];
+}
+function deserializeTextInputControl(serializedControl) {
+  const { options } = serializedControl;
+  if (!isSerializedFunction(options))
+    return { ...serializedControl, options };
+  const deserializedOptions = deserializeFunction(options);
+  return { ...serializedControl, options: deserializedOptions };
+}
+function serializeResponsiveLengthControl(control) {
+  const { options } = control;
+  if (typeof options !== "function")
+    return [{ ...control, options }, []];
+  const serializedOptions = serializeFunction(options);
+  return [{ ...control, options: serializedOptions }, [serializedOptions]];
+}
+function deserializeResponsiveLengthControl(serializedControl) {
+  const { options } = serializedControl;
+  if (!isSerializedFunction(options))
+    return { ...serializedControl, options };
+  const deserializedOptions = deserializeFunction(options);
+  return { ...serializedControl, options: deserializedOptions };
+}
+function serializeTextStyleControl(control) {
+  const { options } = control;
+  if (typeof options !== "function")
+    return [{ ...control, options }, []];
+  const serializedOptions = serializeFunction(options);
+  return [{ ...control, options: serializedOptions }, [serializedOptions]];
+}
+function deserializeTextStyleControl(serializedControl) {
+  const { options } = serializedControl;
+  if (!isSerializedFunction(options))
+    return { ...serializedControl, options };
+  const deserializedOptions = deserializeFunction(options);
+  return { ...serializedControl, options: deserializedOptions };
+}
+function serializeImageControl(control) {
+  const { options } = control;
+  if (typeof options !== "function")
+    return [{ ...control, options }, []];
+  const serializedOptions = serializeFunction(options);
+  return [{ ...control, options: serializedOptions }, [serializedOptions]];
+}
+function deserializeImageControl(serializedControl) {
+  const { options } = serializedControl;
+  if (!isSerializedFunction(options))
+    return { ...serializedControl, options };
+  const deserializedOptions = deserializeFunction(options);
+  return { ...serializedControl, options: deserializedOptions };
+}
+function serializeRichTextControl(control) {
+  const { options } = control;
+  if (typeof options !== "function")
+    return [{ ...control, options }, []];
+  const serializedOptions = serializeFunction(options);
+  return [{ ...control, options: serializedOptions }, [serializedOptions]];
+}
+function deserializeRichTextControl(serializedControl) {
+  const { options } = serializedControl;
+  if (!isSerializedFunction(options))
+    return { ...serializedControl, options };
+  const deserializedOptions = deserializeFunction(options);
+  return { ...serializedControl, options: deserializedOptions };
+}
+function serializeLegacyControl(control) {
+  switch (control.type) {
+    case PropControllerTypes.Checkbox:
+      return serializeCheckboxControl(control);
+    case DELETED_PROP_CONTROLLER_TYPES.List:
+      return serializeListControl(control);
+    case DELETED_PROP_CONTROLLER_TYPES.Shape:
+      return serializeShapeControl(control);
+    case DELETED_PROP_CONTROLLER_TYPES.Typeahead:
+      return serializeTypeaheadControl(control);
+    case PropControllerTypes.GapX:
+      return serializeControlDef(control);
+    case PropControllerTypes.GapY:
+      return serializeGapYControl(control);
+    case PropControllerTypes.ResponsiveColor:
+      return serializeResponsiveColorControl(control);
+    case PropControllerTypes.ResponsiveNumber:
+      return serializeControlDef(control);
+    case PropControllerTypes.Number:
+      return serializeNumberControl(control);
+    case PropControllerTypes.ResponsiveIconRadioGroup:
+      return serializeControlDef(control);
+    case PropControllerTypes.ResponsiveSelect:
+      return serializeControlDef(control);
+    case PropControllerTypes.ResponsiveLength:
+      return serializeResponsiveLengthControl(control);
+    case PropControllerTypes.Date:
+      return serializeDateControl(control);
+    case PropControllerTypes.Link:
+      return serializeLinkControl(control);
+    case PropControllerTypes.TextInput:
+      return serializeTextInputControl(control);
+    case PropControllerTypes.TextStyle:
+      return serializeTextStyleControl(control);
+    case PropControllerTypes.Image:
+      return serializeImageControl(control);
+    case DELETED_PROP_CONTROLLER_TYPES.RichText:
+      return serializeRichTextControl(control);
+    default:
+      return [control, []];
+  }
+}
+function deserializeLegacyControl(serializedControl) {
+  switch (serializedControl.type) {
+    case PropControllerTypes.Checkbox:
+      return deserializeCheckboxControl(serializedControl);
+    case DELETED_PROP_CONTROLLER_TYPES.List:
+      return deserializeListControl(serializedControl);
+    case DELETED_PROP_CONTROLLER_TYPES.Shape:
+      return deserializeShapeControl(serializedControl);
+    case DELETED_PROP_CONTROLLER_TYPES.Typeahead:
+      return deserializeTypeaheadControl(serializedControl);
+    case PropControllerTypes.GapX:
+      return deserializeControlDef(serializedControl);
+    case PropControllerTypes.GapY:
+      return deserializeGapYControl(serializedControl);
+    case PropControllerTypes.ResponsiveColor:
+      return deserializeResponsiveColorControl(serializedControl);
+    case PropControllerTypes.ResponsiveNumber:
+      return deserializeControlDef(serializedControl);
+    case PropControllerTypes.Number:
+      return deserializeNumberControl(serializedControl);
+    case PropControllerTypes.ResponsiveIconRadioGroup:
+      return deserializeControlDef(serializedControl);
+    case PropControllerTypes.ResponsiveSelect:
+      return deserializeControlDef(serializedControl);
+    case PropControllerTypes.ResponsiveLength:
+      return deserializeResponsiveLengthControl(serializedControl);
+    case PropControllerTypes.Date:
+      return deserializeDateControl(serializedControl);
+    case PropControllerTypes.Link:
+      return deserializeLinkControl(serializedControl);
+    case PropControllerTypes.TextInput:
+      return deserializeTextInputControl(serializedControl);
+    case PropControllerTypes.TextStyle:
+      return deserializeTextStyleControl(serializedControl);
+    case PropControllerTypes.Image:
+      return deserializeImageControl(serializedControl);
+    case DELETED_PROP_CONTROLLER_TYPES.RichText:
+      return deserializeRichTextControl(serializedControl);
+    default:
+      return serializedControl;
+  }
+}
+export {
+  deserializeLegacyControl,
+  serializeLegacyControl
+};
+//# sourceMappingURL=serialization.js.map

package/dist/esm/prop-controllers/serialization.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/prop-controllers/serialization.ts"],"sourcesContent":["import {\n  type Data,\n  type Device,\n  type RichTextValue as RichTextControlValue,\n} from '@makeswift/controls'\n\nimport {\n  type Descriptor,\n  type PropDef,\n  type OptionsType,\n  CheckboxDescriptor as CheckboxControl,\n  CheckboxPropControllerData,\n  DateDescriptor as DateControl,\n  DatePropControllerData,\n  ImageDescriptor as ImageControl,\n  ImageData as ImageControlValue,\n  GapData,\n  GapX,\n  GapYDescriptor,\n  GapYPropControllerData,\n  LinkData,\n  LinkDescriptor as LinkControl,\n  LinkPropControllerData,\n  NumberDescriptor,\n  NumberOptions,\n  NumberPropControllerData,\n  ResponsiveColorDescriptor,\n  ResponsiveColorPropControllerData,\n  ResponsiveIconRadioGroup,\n  ResponsiveLengthDescriptor,\n  ResponsiveLengthOptions,\n  ResponsiveLengthPropControllerData,\n  ResponsiveNumber,\n  ResponsiveSelect,\n  Types as PropControllerTypes,\n  TextStyleDescriptor as TextStyleControl,\n  TextStylePropControllerData,\n  TextInputDescriptor as TextInputControl,\n} from '@makeswift/prop-controllers'\n\nimport {\n  type DeserializedFunction,\n  type SerializedFunction,\n  deserializeFunction,\n  isSerializedFunction,\n  serializeFunction,\n} from '../controls/serialization/message-port/function-serialization'\n\nimport {\n  PanelDescriptor as PanelControl,\n  PanelDescriptorType as PanelControlType,\n  PanelDescriptorValueType as PanelControlValueType,\n} from './descriptors'\n\nimport {\n  DELETED_PROP_CONTROLLER_TYPES,\n  ListDescriptor as ListControl,\n  ListOptions as ListControlConfig,\n  ListValue as ListControlValue,\n  ShapeDescriptor as ShapeControl,\n  ShapeValue as ShapeControlValue,\n  TypeaheadDescriptor as TypeaheadControl,\n  TypeaheadOptions as TypeaheadControlConfig,\n  TypeaheadValue as TypeaheadControlValue,\n  RichTextDescriptor as RichTextControl,\n} from './deleted'\n\nimport { type LegacyDescriptor } from './descriptors'\n\ntype SerializedShapeControlConfig<T extends Record<string, SerializedPanelControl>> = {\n  type: T\n  preset?: { [K in keyof T]?: SerializedPanelControlValueType<T[K]> }\n}\n\ntype SerializedShapeControl<\n  _T extends Record<string, Data>,\n  U extends Record<string, SerializedPanelControl>,\n> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.Shape\n  options: SerializedShapeControlConfig<U>\n}\n\nfunction serializeShapeControl<\n  T extends Record<string, Data>,\n  U extends Record<string, PanelControl>,\n>(\n  control: ShapeControl<T, U>,\n): [\n  SerializedShapeControl<\n    T,\n    { [K in keyof U]: SerializedPanelControl<PanelControlValueType<U[K]>> }\n  >,\n  Transferable[],\n] {\n  const { type } = control.options\n  const transferables: Transferable[] = []\n  const serializedType = {} as {\n    [K in keyof U]: SerializedPanelControl<PanelControlValueType<U[K]>>\n  }\n\n  Object.entries(type).forEach(([key, control]) => {\n    const [serializedControl, serializedControlTransferables] = serializeLegacyControl(control)\n\n    serializedType[key as keyof typeof type] = serializedControl as SerializedPanelControl\n    transferables.push(...serializedControlTransferables)\n  })\n\n  // @ts-expect-error: preset types are incompatible\n  return [{ ...control, options: { ...control.options, type: serializedType } }, transferables]\n}\n\ntype DeserializedShapeControlConfig<T extends Record<string, DeserializedPanelControl>> = {\n  type: T\n  preset?: { [K in keyof T]?: DeserializedPanelControlValueType<T[K]> }\n}\n\ntype DeserializedShapeControl<\n  _T extends Record<string, Data>,\n  U extends Record<string, DeserializedPanelControl>,\n> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.Shape\n  options: DeserializedShapeControlConfig<U>\n}\n\nfunction deserializeShapeControl<\n  T extends Record<string, Data>,\n  U extends Record<string, SerializedPanelControl>,\n>(\n  control: SerializedShapeControl<T, U>,\n): DeserializedShapeControl<\n  T,\n  { [K in keyof U]: DeserializedPanelControl<SerializedPanelControlValueType<U[K]>> }\n> {\n  const { type } = control.options\n  const deserializedType = {} as {\n    [K in keyof U]: DeserializedPanelControl<SerializedPanelControlValueType<U[K]>>\n  }\n\n  Object.entries(type).forEach(([key, control]) => {\n    deserializedType[key as keyof typeof type] = deserializeLegacyControl(\n      control,\n    ) as DeserializedPanelControl\n  })\n\n  // @ts-expect-error: preset types are incompatible\n  return { ...control, options: { ...control.options, type: deserializedType } }\n}\n\ntype SerializedListControlConfig<T extends Data> = {\n  type: SerializedPanelControl<T>\n  label?: string\n  getItemLabel?: SerializedFunction<Exclude<ListControlConfig<T>['getItemLabel'], undefined>>\n  preset?: ListControlValue<T>\n  defaultValue?: ListControlValue<T>\n}\n\nexport type SerializedListControl<T extends ListControlValue = ListControlValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.List\n  options: SerializedListControlConfig<T extends ListControlValue<infer U> ? U : never>\n}\n\nfunction serializeListControl<T extends Data>(\n  control: ListControl<ListControlValue<T>>,\n): [SerializedListControl<ListControlValue<T>>, Transferable[]] {\n  const { type, getItemLabel } = control.options\n  const transferables: Transferable[] = []\n\n  const [serializedType, serializedTypeTransferables] = serializeLegacyControl(type)\n  const serializedGetItemLabel = getItemLabel && serializeFunction(getItemLabel)\n\n  transferables.push(...serializedTypeTransferables)\n  if (serializedGetItemLabel != null) transferables.push(serializedGetItemLabel)\n\n  return [\n    {\n      ...control,\n      options: {\n        ...control.options,\n        type: serializedType as SerializedPanelControl,\n        getItemLabel: serializedGetItemLabel,\n      },\n    },\n    transferables,\n  ]\n}\n\ntype DeserializedListControlConfig<T extends Data> = {\n  type: DeserializedPanelControl<T>\n  label?: string\n  getItemLabel?: DeserializedFunction<Exclude<ListControlConfig<T>['getItemLabel'], undefined>>\n  preset?: ListControlValue<T>\n  defaultValue?: ListControlValue<T>\n}\n\ntype DeserializedListControl<T extends ListControlValue = ListControlValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.List\n  options: DeserializedListControlConfig<T extends ListControlValue<infer U> ? U : never>\n}\n\nfunction deserializeListControl<T extends Data>(\n  serializedControl: SerializedListControl<ListControlValue<T>>,\n): DeserializedListControl<ListControlValue<T>> {\n  const { type, getItemLabel } = serializedControl.options\n\n  const deserializedType = deserializeLegacyControl(type) as DeserializedPanelControl\n  const deserializedGetItemLabel = isSerializedFunction(getItemLabel)\n    ? deserializeFunction(getItemLabel)\n    : getItemLabel\n\n  return {\n    ...serializedControl,\n    options: {\n      ...serializedControl.options,\n      type: deserializedType,\n      getItemLabel: deserializedGetItemLabel,\n    },\n  }\n}\n\ntype SerializedTypeaheadControlConfig<T extends Data> = {\n  getItems: SerializedFunction<TypeaheadControlConfig<T>['getItems']>\n  label?: string\n  preset?: TypeaheadControlValue<T>\n  defaultValue?: TypeaheadControlValue<T>\n}\n\nexport type SerializedTypeaheadControl<T extends TypeaheadControlValue = TypeaheadControlValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.Typeahead\n  options: SerializedTypeaheadControlConfig<T['value']>\n}\n\nfunction serializeTypeaheadControl<T extends Data>(\n  control: TypeaheadControl<TypeaheadControlValue<T>>,\n): [SerializedTypeaheadControl<TypeaheadControlValue<T>>, Transferable[]] {\n  const { getItems } = control.options\n\n  const serializedGetItems = getItems && serializeFunction(getItems)\n\n  return [\n    { ...control, options: { ...control.options, getItems: serializedGetItems } },\n    serializedGetItems == null ? [] : [serializedGetItems],\n  ]\n}\n\ntype DeserializedTypeaheadControlConfig<T extends Data> = {\n  getItems: DeserializedFunction<TypeaheadControlConfig<T>['getItems']>\n  label?: string\n  preset?: TypeaheadControlValue<T>\n  defaultValue?: TypeaheadControlValue<T>\n}\n\ntype DeserializedTypeaheadControl<T extends TypeaheadControlValue = TypeaheadControlValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.Typeahead\n  options: DeserializedTypeaheadControlConfig<T['value']>\n}\n\nfunction deserializeTypeaheadControl<T extends Data>(\n  serializedControl: SerializedTypeaheadControl<TypeaheadControlValue<T>>,\n): DeserializedTypeaheadControl<TypeaheadControlValue<T>> {\n  const { getItems } = serializedControl.options\n\n  const deserializedGetItems = isSerializedFunction(getItems)\n    ? deserializeFunction(getItems)\n    : getItems\n\n  return {\n    ...serializedControl,\n    options: { ...serializedControl.options, getItems: deserializedGetItems },\n  }\n}\n\ntype SerializedConfig<T> =\n  | T\n  | SerializedFunction<(props: Record<string, unknown>, deviceMode: Device) => T>\n\nexport type DeserializedConfig<T> =\n  | T\n  | DeserializedFunction<(props: Record<string, unknown>, deviceMode: Device) => T>\n\ntype SerializedControlDef<P extends PropDef> = Descriptor<P> & {\n  options: SerializedConfig<OptionsType<P>>\n}\n\nfunction serializeControlDef<P extends PropDef>(\n  control: Descriptor<P>,\n): [SerializedControlDef<P>, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\nexport type DeserializedControlDef<P extends PropDef> = Descriptor<P> & {\n  options: DeserializedConfig<OptionsType<P>>\n}\n\nfunction deserializeControlDef<P extends PropDef>(\n  serializedControl: SerializedControlDef<P>,\n): DeserializedControlDef<P> {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype GapYControlConfig = {\n  preset?: GapYPropControllerData\n  label?: string\n  defaultValue?: GapData\n  min?: number\n  max?: number\n  step?: number\n  hidden?: boolean\n}\n\ntype SerializedGapYControl<_T = GapYPropControllerData> = {\n  type: typeof PropControllerTypes.GapY\n  options: SerializedConfig<GapYControlConfig>\n}\n\nfunction serializeGapYControl(control: GapYDescriptor): [SerializedGapYControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedGapYControl<_T = GapYPropControllerData> = {\n  type: typeof PropControllerTypes.GapY\n  options: DeserializedConfig<GapYControlConfig>\n}\n\nfunction deserializeGapYControl(serializedControl: SerializedGapYControl): DeserializedGapYControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype CheckboxControlConfig = {\n  preset?: CheckboxPropControllerData\n  label: string\n  hidden?: boolean\n}\n\ntype SerializedCheckboxControl<_T = CheckboxPropControllerData> = {\n  type: typeof PropControllerTypes.Checkbox\n  options: SerializedConfig<CheckboxControlConfig>\n}\n\nfunction serializeCheckboxControl(\n  control: CheckboxControl,\n): [SerializedCheckboxControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedCheckboxControl<_T = CheckboxPropControllerData> = {\n  type: typeof PropControllerTypes.Checkbox\n  options: DeserializedConfig<CheckboxControlConfig>\n}\n\nfunction deserializeCheckboxControl(\n  serializedControl: SerializedCheckboxControl,\n): DeserializedCheckboxControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype ResponsiveColorControlConfig = { label?: string; placeholder?: string; hidden?: boolean }\n\ntype SerializedResponsiveColorControl<_T = ResponsiveColorPropControllerData> = {\n  type: typeof PropControllerTypes.ResponsiveColor\n  options: SerializedConfig<ResponsiveColorControlConfig>\n}\n\nfunction serializeResponsiveColorControl(\n  control: ResponsiveColorDescriptor,\n): [SerializedResponsiveColorControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedResponsiveColorControl<_T = ResponsiveColorPropControllerData> = {\n  type: typeof PropControllerTypes.ResponsiveColor\n  options: DeserializedConfig<ResponsiveColorControlConfig>\n}\n\nfunction deserializeResponsiveColorControl(\n  serializedControl: SerializedResponsiveColorControl,\n): DeserializedResponsiveColorControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\ntype SerializedNumberControl<_T = NumberPropControllerData> = {\n  type: typeof PropControllerTypes.Number\n  options: SerializedConfig<NumberOptions>\n}\n\nfunction serializeNumberControl(\n  control: NumberDescriptor,\n): [SerializedNumberControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedNumberControl<_T = NumberPropControllerData> = {\n  type: typeof PropControllerTypes.Number\n  options: DeserializedConfig<NumberOptions>\n}\n\nfunction deserializeNumberControl(\n  serializedControl: SerializedNumberControl,\n): DeserializedNumberControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype DateControlConfig = { preset?: DatePropControllerData }\n\ntype SerializedDateControl<_T = DatePropControllerData> = {\n  type: typeof PropControllerTypes.Date\n  options: SerializedConfig<DateControlConfig>\n}\n\nfunction serializeDateControl(control: DateControl): [SerializedDateControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedDateControl<_T = DatePropControllerData> = {\n  type: typeof PropControllerTypes.Date\n  options: DeserializedConfig<DateControlConfig>\n}\n\nfunction deserializeDateControl(serializedControl: SerializedDateControl): DeserializedDateControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype LinkControlConfig = {\n  preset?: LinkPropControllerData\n  label?: string\n  defaultValue?: LinkPropControllerData\n  options?: { value: LinkData['type']; label: string }[]\n  hidden?: boolean\n}\n\ntype SerializedLinkControl<_T = LinkPropControllerData> = {\n  type: typeof PropControllerTypes.Link\n  options: SerializedConfig<LinkControlConfig>\n}\n\nfunction serializeLinkControl(control: LinkControl): [SerializedLinkControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedLinkControl<_T = LinkPropControllerData> = {\n  type: typeof PropControllerTypes.Link\n  options: DeserializedConfig<LinkControlConfig>\n}\n\nfunction deserializeLinkControl(serializedControl: SerializedLinkControl): DeserializedLinkControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype TextInputControlConfig = { label?: string; placeholder?: string; hidden?: boolean }\n\ntype TextInputControlValue = string\n\ntype SerializedTextInputControl<_T = TextInputControlValue> = {\n  type: typeof PropControllerTypes.TextInput\n  options: SerializedConfig<TextInputControlConfig>\n}\n\nfunction serializeTextInputControl(\n  control: TextInputControl,\n): [SerializedTextInputControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedTextInputControl<_T = TextInputControlValue> = {\n  type: typeof PropControllerTypes.TextInput\n  options: DeserializedConfig<TextInputControlConfig>\n}\n\nfunction deserializeTextInputControl(\n  serializedControl: SerializedTextInputControl,\n): DeserializedTextInputControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype SerializedResponsiveLengthControl<_T = ResponsiveLengthPropControllerData> = {\n  type: typeof PropControllerTypes.ResponsiveLength\n  options: SerializedConfig<ResponsiveLengthOptions>\n}\n\nfunction serializeResponsiveLengthControl(\n  control: ResponsiveLengthDescriptor,\n): [SerializedResponsiveLengthControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedResponsiveLengthControl<_T = ResponsiveLengthPropControllerData> = {\n  type: typeof PropControllerTypes.ResponsiveLength\n  options: DeserializedConfig<ResponsiveLengthOptions>\n}\n\nfunction deserializeResponsiveLengthControl(\n  serializedControl: SerializedResponsiveLengthControl,\n): DeserializedResponsiveLengthControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype SerializedTextStyleControl<_T = TextStylePropControllerData> = {\n  type: typeof PropControllerTypes.TextStyle\n  options: SerializedConfig<TextStyleControlConfig>\n}\n\nfunction serializeTextStyleControl(\n  control: TextStyleControl,\n): [SerializedTextStyleControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype TextStyleControlConfig = {\n  preset?: TextStylePropControllerData\n  label?: string\n  hidden?: boolean\n}\n\ntype DeserializedTextStyleControl<_T = TextStylePropControllerData> = {\n  type: typeof PropControllerTypes.TextStyle\n  options: DeserializedConfig<TextStyleControlConfig>\n}\n\nfunction deserializeTextStyleControl(\n  serializedControl: SerializedTextStyleControl,\n): DeserializedTextStyleControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype ImageControlConfig = { label?: string; hidden?: boolean }\n\ntype SerializedImageControl<_T = ImageControlValue> = {\n  type: typeof PropControllerTypes.Image\n  options: SerializedConfig<ImageControlConfig>\n}\n\nfunction serializeImageControl(control: ImageControl): [SerializedImageControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedImageControl<_T = ImageControlValue> = {\n  type: typeof PropControllerTypes.Image\n  options: DeserializedConfig<ImageControlConfig>\n}\n\nfunction deserializeImageControl(\n  serializedControl: SerializedImageControl,\n): DeserializedImageControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype RichTextControlConfig = { preset?: RichTextControlValue }\n\ntype SerializedRichTextControl<_T = RichTextControlValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.RichText\n  options: SerializedConfig<RichTextControlConfig>\n}\n\nfunction serializeRichTextControl(\n  control: RichTextControl,\n): [SerializedRichTextControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedRichTextControl<_T = RichTextControlValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.RichText\n  options: DeserializedConfig<RichTextControlConfig>\n}\n\nfunction deserializeRichTextControl(\n  serializedControl: SerializedRichTextControl,\n): DeserializedRichTextControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\nexport type SerializedLegacyControl<T extends Data = Data> =\n  | Exclude<\n      LegacyDescriptor<T>,\n      | ListControl<T extends ListControlValue ? T : ListControlValue>\n      | ShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any>\n      | TypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue>\n      | Descriptor<typeof GapX>\n      | GapYDescriptor<T>\n      | Descriptor<typeof ResponsiveNumber>\n      | CheckboxControl<T>\n      | ResponsiveColorDescriptor<T>\n      | NumberDescriptor<T>\n      | Descriptor<typeof ResponsiveIconRadioGroup>\n      | Descriptor<typeof ResponsiveSelect>\n      | ResponsiveLengthDescriptor<T>\n      | DateControl<T>\n      | LinkControl<T>\n      | TextInputControl<T>\n      | TextStyleControl<T>\n      | ImageControl<T>\n      | RichTextControl<T>\n    >\n  | SerializedListControl<T extends ListControlValue ? T : ListControlValue>\n  | SerializedShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any>\n  | SerializedTypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue>\n  | SerializedControlDef<typeof GapX>\n  | SerializedGapYControl<T>\n  | SerializedControlDef<typeof ResponsiveNumber>\n  | SerializedCheckboxControl<T>\n  | SerializedResponsiveColorControl<T>\n  | SerializedNumberControl<T>\n  | SerializedControlDef<typeof ResponsiveIconRadioGroup>\n  | SerializedControlDef<typeof ResponsiveSelect>\n  | SerializedResponsiveLengthControl<T>\n  | SerializedDateControl<T>\n  | SerializedLinkControl<T>\n  | SerializedTextInputControl<T>\n  | SerializedTextStyleControl<T>\n  | SerializedImageControl<T>\n  | SerializedRichTextControl<T>\n\ntype SerializedPanelControl<T extends Data = Data> = Extract<\n  SerializedLegacyControl<T>,\n  { type: PanelControlType }\n>\n\ntype SerializedPanelControlValueType<T extends SerializedPanelControl> =\n  T extends SerializedPanelControl<infer U> ? U : never\n\nexport type DeserializedLegacyControl<T extends Data = Data> =\n  | Exclude<\n      LegacyDescriptor<T>,\n      | ListControl<T extends ListControlValue ? T : ListControlValue>\n      | ShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any>\n      | TypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue>\n      | Descriptor<typeof GapX>\n      | GapYDescriptor<T>\n      | Descriptor<typeof ResponsiveNumber>\n      | CheckboxControl<T>\n      | ResponsiveColorDescriptor<T>\n      | NumberDescriptor<T>\n      | Descriptor<typeof ResponsiveIconRadioGroup>\n      | Descriptor<typeof ResponsiveSelect>\n      | ResponsiveLengthDescriptor<T>\n      | DateControl<T>\n      | LinkControl<T>\n      | TextInputControl<T>\n      | TextStyleControl<T>\n      | ImageControl<T>\n      | RichTextControl<T>\n    >\n  | DeserializedListControl<T extends ListControlValue ? T : ListControlValue>\n  | DeserializedShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any>\n  | DeserializedTypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue>\n  | DeserializedControlDef<typeof GapX>\n  | DeserializedGapYControl<T>\n  | DeserializedControlDef<typeof ResponsiveNumber>\n  | DeserializedCheckboxControl<T>\n  | DeserializedResponsiveColorControl<T>\n  | DeserializedNumberControl<T>\n  | DeserializedControlDef<typeof ResponsiveIconRadioGroup>\n  | DeserializedControlDef<typeof ResponsiveSelect>\n  | DeserializedResponsiveLengthControl<T>\n  | DeserializedDateControl<T>\n  | DeserializedLinkControl<T>\n  | DeserializedTextInputControl<T>\n  | DeserializedTextStyleControl<T>\n  | DeserializedImageControl<T>\n  | DeserializedRichTextControl<T>\n\nexport type DeserializedPanelControl<T extends Data = Data> = Extract<\n  DeserializedLegacyControl<T>,\n  { type: PanelControlType }\n>\n\ntype DeserializedPanelControlValueType<T extends DeserializedPanelControl> =\n  T extends DeserializedPanelControl<infer U> ? U : never\n\nexport function serializeLegacyControl<T extends Data>(\n  control: LegacyDescriptor<T>,\n): [SerializedLegacyControl<T>, Transferable[]] {\n  switch (control.type) {\n    case PropControllerTypes.Checkbox:\n      return serializeCheckboxControl(control)\n\n    case DELETED_PROP_CONTROLLER_TYPES.List:\n      return serializeListControl(control)\n\n    case DELETED_PROP_CONTROLLER_TYPES.Shape:\n      return serializeShapeControl(control)\n\n    case DELETED_PROP_CONTROLLER_TYPES.Typeahead:\n      return serializeTypeaheadControl(control)\n\n    case PropControllerTypes.GapX:\n      return serializeControlDef<typeof GapX>(control)\n\n    case PropControllerTypes.GapY:\n      return serializeGapYControl(control)\n\n    case PropControllerTypes.ResponsiveColor:\n      return serializeResponsiveColorControl(control)\n\n    case PropControllerTypes.ResponsiveNumber:\n      return serializeControlDef<typeof ResponsiveNumber>(control)\n\n    case PropControllerTypes.Number:\n      return serializeNumberControl(control)\n\n    case PropControllerTypes.ResponsiveIconRadioGroup:\n      return serializeControlDef<typeof ResponsiveIconRadioGroup>(control)\n\n    case PropControllerTypes.ResponsiveSelect:\n      return serializeControlDef<typeof ResponsiveSelect>(control)\n\n    case PropControllerTypes.ResponsiveLength:\n      return serializeResponsiveLengthControl(control)\n\n    case PropControllerTypes.Date:\n      return serializeDateControl(control)\n\n    case PropControllerTypes.Link:\n      return serializeLinkControl(control)\n\n    case PropControllerTypes.TextInput:\n      return serializeTextInputControl(control)\n\n    case PropControllerTypes.TextStyle:\n      return serializeTextStyleControl(control)\n\n    case PropControllerTypes.Image:\n      return serializeImageControl(control)\n\n    case DELETED_PROP_CONTROLLER_TYPES.RichText:\n      return serializeRichTextControl(control)\n\n    default:\n      return [control, []]\n  }\n}\n\nexport function deserializeLegacyControl<T extends Data>(\n  serializedControl: SerializedLegacyControl<T>,\n): DeserializedLegacyControl<T> {\n  switch (serializedControl.type) {\n    case PropControllerTypes.Checkbox:\n      return deserializeCheckboxControl(serializedControl)\n\n    case DELETED_PROP_CONTROLLER_TYPES.List:\n      return deserializeListControl(serializedControl)\n\n    case DELETED_PROP_CONTROLLER_TYPES.Shape:\n      return deserializeShapeControl(serializedControl)\n\n    case DELETED_PROP_CONTROLLER_TYPES.Typeahead:\n      return deserializeTypeaheadControl(serializedControl)\n\n    case PropControllerTypes.GapX:\n      return deserializeControlDef<typeof GapX>(serializedControl)\n\n    case PropControllerTypes.GapY:\n      return deserializeGapYControl(serializedControl)\n\n    case PropControllerTypes.ResponsiveColor:\n      return deserializeResponsiveColorControl(serializedControl)\n\n    case PropControllerTypes.ResponsiveNumber:\n      return deserializeControlDef<typeof ResponsiveNumber>(serializedControl)\n\n    case PropControllerTypes.Number:\n      return deserializeNumberControl(serializedControl)\n\n    case PropControllerTypes.ResponsiveIconRadioGroup:\n      return deserializeControlDef<typeof ResponsiveIconRadioGroup>(serializedControl)\n\n    case PropControllerTypes.ResponsiveSelect:\n      return deserializeControlDef<typeof ResponsiveSelect>(serializedControl)\n\n    case PropControllerTypes.ResponsiveLength:\n      return deserializeResponsiveLengthControl(serializedControl)\n\n    case PropControllerTypes.Date:\n      return deserializeDateControl(serializedControl)\n\n    case PropControllerTypes.Link:\n      return deserializeLinkControl(serializedControl)\n\n    case PropControllerTypes.TextInput:\n      return deserializeTextInputControl(serializedControl)\n\n    case PropControllerTypes.TextStyle:\n      return deserializeTextStyleControl(serializedControl)\n\n    case PropControllerTypes.Image:\n      return deserializeImageControl(serializedControl)\n\n    case DELETED_PROP_CONTROLLER_TYPES.RichText:\n      return deserializeRichTextControl(serializedControl)\n\n    default:\n      return serializedControl\n  }\n}\n"],"mappings":"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","names":["control"]}

package/dist/esm/runtimes/react/components/GoogleFontLink.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useMemo, useSyncExternalStore } from "react";
+import { useIsInBuilder } from "../hooks/use-is-in-builder";
+import { useMakeswiftHostApiClient } from "../host-api-client";
+import {
+  getGoogleFontsParamFromFonts,
+  getGoogleFontsParamFromSite,
+  getGoogleFontsUrl
+} from "../utils/google-fonts-url";
+import { PageLink } from "./page/head-tags";
+function GoogleFontLink({ fonts, siteId }) {
+  const isInBuilder = useIsInBuilder();
+  const site = useCachedSite(isInBuilder ? siteId : null);
+  const fontFamilyParamValue = useMemo(() => {
+    if (isInBuilder && site != null) {
+      return getGoogleFontsParamFromSite(site);
+    }
+    return getGoogleFontsParamFromFonts(fonts);
+  }, [isInBuilder, site, fonts]);
+  const url = getGoogleFontsUrl(fontFamilyParamValue);
+  if (url === "") {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(PageLink, { precedence: "medium", rel: "stylesheet", href: url });
+}
+function useCachedSite(siteId) {
+  const client = useMakeswiftHostApiClient();
+  const getSnapshot = () => siteId == null ? null : client.readSite(siteId);
+  return useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot);
+}
+export {
+  GoogleFontLink
+};
+//# sourceMappingURL=GoogleFontLink.js.map

package/dist/esm/runtimes/react/components/GoogleFontLink.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/GoogleFontLink.tsx"],"sourcesContent":["'use client'\n\nimport { useMemo, useSyncExternalStore } from 'react'\n\nimport { type Font } from '../../../client'\nimport { type Site } from '../../../api'\nimport { useIsInBuilder } from '../hooks/use-is-in-builder'\nimport { useMakeswiftHostApiClient } from '../host-api-client'\n\nimport {\n  getGoogleFontsParamFromFonts,\n  getGoogleFontsParamFromSite,\n  getGoogleFontsUrl,\n} from '../utils/google-fonts-url'\nimport { PageLink } from './page/head-tags'\n\ntype Props = {\n  fonts: Font[]\n  siteId: string | null\n}\n\n/**\n * This is experimental, and some of the logic here is duplicated in the `PageHead` component.\n * \n * For now we want to avoid putting this on the critical path for rendering Makeswift pages, so we haven't\n * deduplicated the two.\n */\nexport function GoogleFontLink({ fonts, siteId }: Props) {\n  const isInBuilder = useIsInBuilder()\n\n  const site = useCachedSite(isInBuilder ? siteId : null)\n\n  const fontFamilyParamValue = useMemo(() => {\n    if (isInBuilder && site != null) {\n      return getGoogleFontsParamFromSite(site)\n    }\n    return getGoogleFontsParamFromFonts(fonts)\n  }, [isInBuilder, site, fonts])\n\n  const url = getGoogleFontsUrl(fontFamilyParamValue)\n  if (url === '') {\n    return null\n  }\n\n  return (\n    <PageLink precedence=\"medium\" rel=\"stylesheet\" href={url} />\n  )\n}\n\nfunction useCachedSite(siteId: string | null): Site | null {\n  const client = useMakeswiftHostApiClient()\n  const getSnapshot = () => (siteId == null ? null : client.readSite(siteId))\n\n  return useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot)\n}\n"],"mappings":";AA6CI;AA3CJ,SAAS,SAAS,4BAA4B;AAI9C,SAAS,sBAAsB;AAC/B,SAAS,iCAAiC;AAE1C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB;AAalB,SAAS,eAAe,EAAE,OAAO,OAAO,GAAU;AACvD,QAAM,cAAc,eAAe;AAEnC,QAAM,OAAO,cAAc,cAAc,SAAS,IAAI;AAEtD,QAAM,uBAAuB,QAAQ,MAAM;AACzC,QAAI,eAAe,QAAQ,MAAM;AAC/B,aAAO,4BAA4B,IAAI;AAAA,IACzC;AACA,WAAO,6BAA6B,KAAK;AAAA,EAC3C,GAAG,CAAC,aAAa,MAAM,KAAK,CAAC;AAE7B,QAAM,MAAM,kBAAkB,oBAAoB;AAClD,MAAI,QAAQ,IAAI;AACd,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,YAAS,YAAW,UAAS,KAAI,cAAa,MAAM,KAAK;AAE9D;AAEA,SAAS,cAAc,QAAoC;AACzD,QAAM,SAAS,0BAA0B;AACzC,QAAM,cAAc,MAAO,UAAU,OAAO,OAAO,OAAO,SAAS,MAAM;AAEzE,SAAO,qBAAqB,OAAO,WAAW,aAAa,WAAW;AACxE;","names":[]}

package/dist/esm/runtimes/react/components/MakeswiftFonts.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { GoogleFontLink } from "./GoogleFontLink";
+function MakeswiftFonts({ fonts }) {
+  return /* @__PURE__ */ jsx(GoogleFontLink, { fonts: fonts.googleFonts, siteId: fonts.siteId });
+}
+export {
+  MakeswiftFonts
+};
+//# sourceMappingURL=MakeswiftFonts.js.map

package/dist/esm/runtimes/react/components/MakeswiftFonts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/MakeswiftFonts.tsx"],"sourcesContent":["import { type GetFontsAPI } from '../../../client'\nimport { GoogleFontLink } from './GoogleFontLink'\n\ntype Props = {\n  fonts: GetFontsAPI\n}\n\nexport function MakeswiftFonts({ fonts }: Props) {\n  return <GoogleFontLink fonts={fonts.googleFonts} siteId={fonts.siteId} />\n}\n"],"mappings":"AAQS;AAPT,SAAS,sBAAsB;AAMxB,SAAS,eAAe,EAAE,MAAM,GAAU;AAC/C,SAAO,oBAAC,kBAAe,OAAO,MAAM,aAAa,QAAQ,MAAM,QAAQ;AACzE;","names":[]}

package/dist/esm/runtimes/react/hooks/use-async-effect.js

@@ -0,0 +1,31 @@
+import { useEffect } from "react";
+function useAsyncEffect(effect, deps) {
+  useEffect(() => {
+    let cancelled = false;
+    let cleanup = null;
+    const runAsyncEffect = async () => {
+      try {
+        cleanup = await effect();
+        if (cancelled) {
+          cleanup?.();
+          cleanup = null;
+        }
+      } catch (error) {
+        console.error("Async effect error:", { error, deps });
+      }
+    };
+    runAsyncEffect();
+    return () => {
+      cancelled = true;
+      try {
+        cleanup?.();
+      } catch (error) {
+        console.error("Async effect cleanup error:", { error, deps });
+      }
+    };
+  }, deps);
+}
+export {
+  useAsyncEffect
+};
+//# sourceMappingURL=use-async-effect.js.map

package/dist/esm/runtimes/react/hooks/use-async-effect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-async-effect.ts"],"sourcesContent":["import { type DependencyList, useEffect } from 'react'\n\nexport function useAsyncEffect(effect: () => Promise<void | (() => void)>, deps: DependencyList) {\n  useEffect(() => {\n    let cancelled = false\n    let cleanup: void | (() => void) | null = null\n\n    const runAsyncEffect = async () => {\n      try {\n        cleanup = await effect()\n\n        if (cancelled) {\n          cleanup?.()\n          cleanup = null\n        }\n      } catch (error) {\n        console.error('Async effect error:', { error, deps })\n      }\n    }\n\n    runAsyncEffect()\n\n    return () => {\n      cancelled = true\n      try {\n        cleanup?.()\n      } catch (error) {\n        console.error('Async effect cleanup error:', { error, deps })\n      }\n    }\n  }, deps)\n}\n"],"mappings":"AAAA,SAA8B,iBAAiB;AAExC,SAAS,eAAe,QAA4C,MAAsB;AAC/F,YAAU,MAAM;AACd,QAAI,YAAY;AAChB,QAAI,UAAsC;AAE1C,UAAM,iBAAiB,YAAY;AACjC,UAAI;AACF,kBAAU,MAAM,OAAO;AAEvB,YAAI,WAAW;AACb,oBAAU;AACV,oBAAU;AAAA,QACZ;AAAA,MACF,SAAS,OAAO;AACd,gBAAQ,MAAM,uBAAuB,EAAE,OAAO,KAAK,CAAC;AAAA,MACtD;AAAA,IACF;AAEA,mBAAe;AAEf,WAAO,MAAM;AACX,kBAAY;AACZ,UAAI;AACF,kBAAU;AAAA,MACZ,SAAS,OAAO;AACd,gBAAQ,MAAM,+BAA+B,EAAE,OAAO,KAAK,CAAC;AAAA,MAC9D;AAAA,IACF;AAAA,EACF,GAAG,IAAI;AACT;","names":[]}

package/dist/esm/runtimes/react/hooks/use-current-breakpoint.js

@@ -0,0 +1,15 @@
+import { useSyncExternalStore } from "react";
+import { getBaseBreakpoint, getClientBreakpoint } from "../../../state/read-only-state";
+import { useStore } from "./use-store";
+function useCurrentBreakpoint() {
+  const store = useStore();
+  return useSyncExternalStore(
+    store.subscribe,
+    () => getClientBreakpoint(store.getState()),
+    () => getBaseBreakpoint(store.getState())
+  );
+}
+export {
+  useCurrentBreakpoint
+};
+//# sourceMappingURL=use-current-breakpoint.js.map

package/dist/esm/runtimes/react/hooks/use-current-breakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-current-breakpoint.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react'\n\nimport { type BreakpointId } from '../../../state/modules/breakpoints'\nimport { getBaseBreakpoint, getClientBreakpoint } from '../../../state/read-only-state'\n\nimport { useStore } from './use-store'\n\nexport function useCurrentBreakpoint(): BreakpointId {\n  const store = useStore()\n\n  return useSyncExternalStore(\n    store.subscribe,\n    () => getClientBreakpoint(store.getState()),\n    () => getBaseBreakpoint(store.getState()),\n  )\n}\n"],"mappings":"AAAA,SAAS,4BAA4B;AAGrC,SAAS,mBAAmB,2BAA2B;AAEvD,SAAS,gBAAgB;AAElB,SAAS,uBAAqC;AACnD,QAAM,QAAQ,SAAS;AAEvB,SAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM,oBAAoB,MAAM,SAAS,CAAC;AAAA,IAC1C,MAAM,kBAAkB,MAAM,SAAS,CAAC;AAAA,EAC1C;AACF;","names":[]}

package/dist/esm/runtimes/react/hooks/use-is-read-only.js

@@ -0,0 +1,9 @@
+import { getIsReadOnly } from "../../../state/read-only-state";
+import { useSelector } from "./use-selector";
+function useIsReadOnly() {
+  return useSelector((state) => getIsReadOnly(state));
+}
+export {
+  useIsReadOnly
+};
+//# sourceMappingURL=use-is-read-only.js.map

package/dist/esm/runtimes/react/hooks/use-is-read-only.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-is-read-only.ts"],"sourcesContent":["import { getIsReadOnly } from '../../../state/read-only-state'\nimport { useSelector } from './use-selector'\n\nexport function useIsReadOnly(): boolean {\n  return useSelector(state => getIsReadOnly(state))\n}\n"],"mappings":"AAAA,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAErB,SAAS,gBAAyB;AACvC,SAAO,YAAY,WAAS,cAAc,KAAK,CAAC;AAClD;","names":[]}

package/dist/esm/runtimes/react/lib/resolved-style-to-css.js

@@ -0,0 +1,38 @@
+import {
+  getBaseBreakpoint,
+  getBreakpointMediaQuery
+} from "@makeswift/controls";
+import { styleV1Css } from "../controls/style";
+import { typographyCss } from "../controls/typography";
+function isTypographyStyle(style) {
+  return Array.isArray(style);
+}
+function isStyleV2(style) {
+  return typeof style === "object" && "getStyle" in style && typeof style.getStyle === "function";
+}
+function styleV2Css(breakpoints, style) {
+  return {
+    ...style.getStyle(getBaseBreakpoint(breakpoints)),
+    ...breakpoints.reduce(
+      (styles, breakpoint) => ({
+        ...styles,
+        [getBreakpointMediaQuery(breakpoint)]: style.getStyle(breakpoint)
+      }),
+      {}
+    )
+  };
+}
+function resolvedStyleToCss(breakpoints, style) {
+  if (isTypographyStyle(style)) {
+    return typographyCss(breakpoints, style);
+  }
+  if (isStyleV2(style)) {
+    return styleV2Css(breakpoints, style);
+  }
+  const { properties, styleData } = style;
+  return styleV1Css(breakpoints, styleData, properties);
+}
+export {
+  resolvedStyleToCss
+};
+//# sourceMappingURL=resolved-style-to-css.js.map

package/dist/esm/runtimes/react/lib/resolved-style-to-css.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/lib/resolved-style-to-css.ts"],"sourcesContent":["import { type CSSObject } from '@emotion/serialize'\n\nimport {\n  type Breakpoints,\n  type ResolvedStyle,\n  type ResolvedStyleV2,\n  type ResolvedTypographyStyle,\n  getBaseBreakpoint,\n  getBreakpointMediaQuery,\n} from '@makeswift/controls'\n\nimport { styleV1Css } from '../controls/style'\nimport { typographyCss } from '../controls/typography'\n\nfunction isTypographyStyle(style: ResolvedStyle): style is ResolvedTypographyStyle {\n  return Array.isArray(style)\n}\n\nfunction isStyleV2(style: ResolvedStyle): style is ResolvedStyleV2 {\n  return typeof style === 'object' && 'getStyle' in style && typeof style.getStyle === 'function'\n}\n\nfunction styleV2Css(breakpoints: Breakpoints, style: ResolvedStyleV2<CSSObject>): CSSObject {\n  return {\n    ...style.getStyle(getBaseBreakpoint(breakpoints)),\n    ...breakpoints.reduce(\n      (styles, breakpoint) => ({\n        ...styles,\n        [getBreakpointMediaQuery(breakpoint)]: style.getStyle(breakpoint),\n      }),\n      {},\n    ),\n  }\n}\n\nexport function resolvedStyleToCss(breakpoints: Breakpoints, style: ResolvedStyle): CSSObject {\n  if (isTypographyStyle(style)) {\n    return typographyCss(breakpoints, style)\n  }\n\n  if (isStyleV2(style)) {\n    return styleV2Css(breakpoints, style as ResolvedStyleV2<CSSObject>)\n  }\n\n  const { properties, styleData } = style\n  return styleV1Css(breakpoints, styleData, properties)\n}\n"],"mappings":"AAEA;AAAA,EAKE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAE9B,SAAS,kBAAkB,OAAwD;AACjF,SAAO,MAAM,QAAQ,KAAK;AAC5B;AAEA,SAAS,UAAU,OAAgD;AACjE,SAAO,OAAO,UAAU,YAAY,cAAc,SAAS,OAAO,MAAM,aAAa;AACvF;AAEA,SAAS,WAAW,aAA0B,OAA8C;AAC1F,SAAO;AAAA,IACL,GAAG,MAAM,SAAS,kBAAkB,WAAW,CAAC;AAAA,IAChD,GAAG,YAAY;AAAA,MACb,CAAC,QAAQ,gBAAgB;AAAA,QACvB,GAAG;AAAA,QACH,CAAC,wBAAwB,UAAU,CAAC,GAAG,MAAM,SAAS,UAAU;AAAA,MAClE;AAAA,MACA,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEO,SAAS,mBAAmB,aAA0B,OAAiC;AAC5F,MAAI,kBAAkB,KAAK,GAAG;AAC5B,WAAO,cAAc,aAAa,KAAK;AAAA,EACzC;AAEA,MAAI,UAAU,KAAK,GAAG;AACpB,WAAO,WAAW,aAAa,KAAmC;AAAA,EACpE;AAEA,QAAM,EAAE,YAAY,UAAU,IAAI;AAClC,SAAO,WAAW,aAAa,WAAW,UAAU;AACtD;","names":[]}

package/dist/esm/runtimes/react/testing/react-runtime.js

@@ -0,0 +1,9 @@
+import { TestOrigins } from "../../../testing/fixtures";
+import { ReactRuntime } from "../react-runtime";
+function createReactRuntime({ breakpoints } = {}) {
+  return new ReactRuntime({ fetch, breakpoints, ...TestOrigins });
+}
+export {
+  createReactRuntime
+};
+//# sourceMappingURL=react-runtime.js.map

package/dist/esm/runtimes/react/testing/react-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/testing/react-runtime.tsx"],"sourcesContent":["import { type BreakpointsInput } from '../../../state/modules/breakpoints'\nimport { TestOrigins } from '../../../testing/fixtures'\nimport { ReactRuntime } from '../react-runtime'\n\nexport function createReactRuntime({ breakpoints }: { breakpoints?: BreakpointsInput } = {}) {\n  return new ReactRuntime({ fetch, breakpoints, ...TestOrigins })\n}\n"],"mappings":"AACA,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAEtB,SAAS,mBAAmB,EAAE,YAAY,IAAwC,CAAC,GAAG;AAC3F,SAAO,IAAI,aAAa,EAAE,OAAO,aAAa,GAAG,YAAY,CAAC;AAChE;","names":[]}

package/dist/esm/runtimes/react/utils/google-fonts-url.js

@@ -0,0 +1,23 @@
+const GOOGLE_FONTS_BASE = "https://fonts.googleapis.com/css";
+function getGoogleFontsParamFromFonts(fonts) {
+  return fonts.map(({ family, variants }) => `${family.replace(/ /g, "+")}:${variants.join()}`).join("|");
+}
+function getGoogleFontsParamFromSite(site) {
+  return site.googleFonts.edges.filter((edge) => edge != null).map(({ activeVariants, node: { family, variants } }) => {
+    const activeVariantSpecifiers = variants.filter(
+      (variant) => activeVariants.some((activeVariant) => activeVariant.specifier === variant.specifier)
+    ).map((variant) => variant.specifier).join();
+    return `${family.replace(/ /g, "+")}:${activeVariantSpecifiers}`;
+  }).join("|");
+}
+function getGoogleFontsUrl(param) {
+  if (param === "")
+    return "";
+  return `${GOOGLE_FONTS_BASE}?family=${param}&display=swap`;
+}
+export {
+  getGoogleFontsParamFromFonts,
+  getGoogleFontsParamFromSite,
+  getGoogleFontsUrl
+};
+//# sourceMappingURL=google-fonts-url.js.map