@makeswift/runtime 0.0.0-a8dd080 → 0.0.0-b87dd43

package/dist/control-serialization.cjs.js

@@ -0,0 +1,223 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var descriptors = require("./descriptors.cjs.js");
+function isSerializedFunction(value) {
+  return value instanceof MessagePort;
+}
+function serializeFunction(func) {
+  const messageChannel = new MessageChannel();
+  messageChannel.port1.onmessage = ({ data: [callId, args] }) => {
+    Promise.resolve().then(() => func.apply(null, args)).then((result) => messageChannel.port1.postMessage([callId, result]));
+  };
+  return messageChannel.port2;
+}
+function deserializeFunction(serializedFunction) {
+  let nextCallId = 0;
+  const calls = /* @__PURE__ */ new Map();
+  serializedFunction.onmessage = ({ data: [callId, result] }) => {
+    var _a;
+    (_a = calls.get(callId)) == null ? void 0 : _a(result);
+    calls.delete(callId);
+  };
+  return function deserializedFunction(...args) {
+    return new Promise((resolve) => {
+      const callId = nextCallId++;
+      calls.set(callId, resolve);
+      serializedFunction.postMessage([callId, args]);
+    });
+  };
+}
+function serializeShapeControl(control) {
+  const { type } = control.options;
+  const transferables = [];
+  const serializedType = {};
+  Object.entries(type).forEach(([key, control2]) => {
+    const [serializedControl, serializedControlTransferables] = serializeControl(control2);
+    serializedType[key] = serializedControl;
+    transferables.push(...serializedControlTransferables);
+  });
+  return [__spreadProps(__spreadValues({}, control), { options: __spreadProps(__spreadValues({}, control.options), { type: serializedType }) }), transferables];
+}
+function deserializeShapeControl(control) {
+  const { type } = control.options;
+  const deserializedType = {};
+  Object.entries(type).forEach(([key, control2]) => {
+    deserializedType[key] = deserializeControl(control2);
+  });
+  return __spreadProps(__spreadValues({}, control), { options: __spreadProps(__spreadValues({}, control.options), { type: deserializedType }) });
+}
+function serializeListControl(control) {
+  const { type, getItemLabel } = control.options;
+  const transferables = [];
+  const [serializedType, serializedTypeTransferables] = serializeControl(type);
+  const serializedGetItemLabel = getItemLabel && serializeFunction(getItemLabel);
+  transferables.push(...serializedTypeTransferables);
+  if (serializedGetItemLabel != null)
+    transferables.push(serializedGetItemLabel);
+  return [
+    __spreadProps(__spreadValues({}, control), {
+      options: __spreadProps(__spreadValues({}, control.options), {
+        type: serializedType,
+        getItemLabel: serializedGetItemLabel
+      })
+    }),
+    transferables
+  ];
+}
+function deserializeListControl(serializedControl) {
+  const { type, getItemLabel } = serializedControl.options;
+  const deserializedType = deserializeControl(type);
+  const deserializedGetItemLabel = getItemLabel && deserializeFunction(getItemLabel);
+  return __spreadProps(__spreadValues({}, serializedControl), {
+    options: __spreadProps(__spreadValues({}, serializedControl.options), {
+      type: deserializedType,
+      getItemLabel: deserializedGetItemLabel
+    })
+  });
+}
+function serializeTypeaheadControl(control) {
+  const { getItems } = control.options;
+  const serializedGetItems = getItems && serializeFunction(getItems);
+  return [
+    __spreadProps(__spreadValues({}, control), { options: __spreadProps(__spreadValues({}, control.options), { getItems: serializedGetItems }) }),
+    serializedGetItems == null ? [] : [serializedGetItems]
+  ];
+}
+function deserializeTypeaheadControl(serializedControl) {
+  const { getItems } = serializedControl.options;
+  const deserializedGetItems = getItems && deserializeFunction(getItems);
+  return __spreadProps(__spreadValues({}, serializedControl), {
+    options: __spreadProps(__spreadValues({}, serializedControl.options), { getItems: deserializedGetItems })
+  });
+}
+function serializeGapXControl(control) {
+  const { options } = control;
+  if (typeof options !== "function")
+    return [__spreadProps(__spreadValues({}, control), { options }), []];
+  const serializedOptions = serializeFunction(options);
+  return [__spreadProps(__spreadValues({}, control), { options: serializedOptions }), [serializedOptions]];
+}
+function deserializeGapXControl(serializedControl) {
+  const { options } = serializedControl;
+  if (!isSerializedFunction(options))
+    return __spreadProps(__spreadValues({}, serializedControl), { options });
+  const deserializedOptions = deserializeFunction(options);
+  return __spreadProps(__spreadValues({}, serializedControl), { options: deserializedOptions });
+}
+function serializeGapYControl(control) {
+  const { options } = control;
+  if (typeof options !== "function")
+    return [__spreadProps(__spreadValues({}, control), { options }), []];
+  const serializedOptions = serializeFunction(options);
+  return [__spreadProps(__spreadValues({}, control), { options: serializedOptions }), [serializedOptions]];
+}
+function deserializeGapYControl(serializedControl) {
+  const { options } = serializedControl;
+  if (!isSerializedFunction(options))
+    return __spreadProps(__spreadValues({}, serializedControl), { options });
+  const deserializedOptions = deserializeFunction(options);
+  return __spreadProps(__spreadValues({}, serializedControl), { options: deserializedOptions });
+}
+function serializeResponsiveNumberControl(control) {
+  const { options } = control;
+  if (typeof options !== "function")
+    return [__spreadProps(__spreadValues({}, control), { options }), []];
+  const serializedOptions = serializeFunction(options);
+  return [__spreadProps(__spreadValues({}, control), { options: serializedOptions }), [serializedOptions]];
+}
+function deserializeResponsiveNumberControl(serializedControl) {
+  const { options } = serializedControl;
+  if (!isSerializedFunction(options))
+    return __spreadProps(__spreadValues({}, serializedControl), { options });
+  const deserializedOptions = deserializeFunction(options);
+  return __spreadProps(__spreadValues({}, serializedControl), { options: deserializedOptions });
+}
+function serializeCheckboxControl(control) {
+  const { options } = control;
+  if (typeof options !== "function")
+    return [__spreadProps(__spreadValues({}, control), { options }), []];
+  const serializedOptions = serializeFunction(options);
+  return [__spreadProps(__spreadValues({}, control), { options: serializedOptions }), [serializedOptions]];
+}
+function deserializeCheckboxControl(serializedControl) {
+  const { options } = serializedControl;
+  if (!isSerializedFunction(options))
+    return __spreadProps(__spreadValues({}, serializedControl), { options });
+  const deserializedOptions = deserializeFunction(options);
+  return __spreadProps(__spreadValues({}, serializedControl), { options: deserializedOptions });
+}
+function serializeControl(control) {
+  switch (control.type) {
+    case descriptors.Types.Checkbox:
+      return serializeCheckboxControl(control);
+    case descriptors.Types.List:
+      return serializeListControl(control);
+    case descriptors.Types.Shape:
+      return serializeShapeControl(control);
+    case descriptors.Types.Typeahead:
+      return serializeTypeaheadControl(control);
+    case descriptors.Types.GapX:
+      return serializeGapXControl(control);
+    case descriptors.Types.GapY:
+      return serializeGapYControl(control);
+    case descriptors.Types.ResponsiveNumber:
+      return serializeResponsiveNumberControl(control);
+    default:
+      return [control, []];
+  }
+}
+function deserializeControl(serializedControl) {
+  switch (serializedControl.type) {
+    case descriptors.Types.Checkbox:
+      return deserializeCheckboxControl(serializedControl);
+    case descriptors.Types.List:
+      return deserializeListControl(serializedControl);
+    case descriptors.Types.Shape:
+      return deserializeShapeControl(serializedControl);
+    case descriptors.Types.Typeahead:
+      return deserializeTypeaheadControl(serializedControl);
+    case descriptors.Types.GapX:
+      return deserializeGapXControl(serializedControl);
+    case descriptors.Types.GapY:
+      return deserializeGapYControl(serializedControl);
+    case descriptors.Types.ResponsiveNumber:
+      return deserializeResponsiveNumberControl(serializedControl);
+    default:
+      return serializedControl;
+  }
+}
+function serializeControls(controls) {
+  return Object.entries(controls).reduce(([accControls, accTransferables], [key, control]) => {
+    const [serializedControl, transferables] = serializeControl(control);
+    return [__spreadProps(__spreadValues({}, accControls), { [key]: serializedControl }), [...accTransferables, ...transferables]];
+  }, [{}, []]);
+}
+function deserializeControls(serializedControls) {
+  return Object.entries(serializedControls).reduce((deserializedControls, [key, serializedControl]) => {
+    return __spreadProps(__spreadValues({}, deserializedControls), { [key]: deserializeControl(serializedControl) });
+  }, {});
+}
+exports.deserializeControls = deserializeControls;
+exports.deserializeFunction = deserializeFunction;
+exports.isSerializedFunction = isSerializedFunction;
+exports.serializeControls = serializeControls;
+exports.serializeFunction = serializeFunction;
+//# sourceMappingURL=control-serialization.cjs.js.map

package/dist/control-serialization.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-serialization.cjs.js","sources":["../src/builder/serialization/function-serialization.ts","../src/builder/serialization/control-serialization.ts"],"sourcesContent":["declare const SerializedFunctionTag: unique symbol\n\ntype AnyFunction = (...args: any) => any\n\nexport type SerializedFunction<T extends AnyFunction> = MessagePort & {\n  readonly [SerializedFunctionTag]: T\n}\n\ntype SerializedFunctionReturnType<T extends AnyFunction> = Awaited<ReturnType<T>>\n\nexport type DeserializedFunction<T extends AnyFunction> = (\n  ...args: Parameters<T>\n) => Promise<SerializedFunctionReturnType<T>>\n\nexport function isSerializedFunction(value: any): value is SerializedFunction<AnyFunction> {\n  return value instanceof MessagePort\n}\n\ntype CallID = number\n\nexport function serializeFunction<T extends AnyFunction>(func: T): SerializedFunction<T> {\n  type CallMessageEvent = MessageEvent<[CallID, Parameters<T>]>\n\n  const messageChannel = new MessageChannel()\n\n  messageChannel.port1.onmessage = ({ data: [callId, args] }: CallMessageEvent) => {\n    Promise.resolve()\n      .then(() => func.apply(null, args))\n      .then(result => messageChannel.port1.postMessage([callId, result]))\n  }\n\n  return messageChannel.port2 as SerializedFunction<T>\n}\n\nexport function deserializeFunction<T extends AnyFunction>(\n  serializedFunction: SerializedFunction<T>,\n): DeserializedFunction<T> {\n  type Result = SerializedFunctionReturnType<T>\n  type ResultMessageEvent = MessageEvent<[CallID, Result]>\n  type ResolveCallPromise = (value: Result | PromiseLike<Result>) => void\n\n  let nextCallId = 0\n  const calls = new Map<CallID, ResolveCallPromise>()\n\n  serializedFunction.onmessage = ({ data: [callId, result] }: ResultMessageEvent) => {\n    calls.get(callId)?.(result)\n\n    calls.delete(callId)\n  }\n\n  return function deserializedFunction(...args) {\n    return new Promise(resolve => {\n      const callId = nextCallId++\n\n      calls.set(callId, resolve)\n\n      serializedFunction.postMessage([callId, args])\n    })\n  }\n}\n\nif (import.meta.vitest) {\n  const { describe, test, expect } = import.meta.vitest\n\n  describe.concurrent('serializeFunction & deserializeFunction', () => {\n    test('simple call', async () => {\n      // Arrange\n      const add = deserializeFunction(serializeFunction((a, b) => a + b))\n\n      // Act\n      const result = await add(2, 2)\n\n      // Assert\n      expect(result).toBe(4)\n    })\n\n    test('multiple synchronous calls', async () => {\n      // Arrange\n      const add = deserializeFunction(serializeFunction((a, b) => a + b))\n\n      // Act\n      const results = await Promise.all(Array.from({ length: 5 }, (_, i) => add(1, i)))\n\n      // Assert\n      expect(results).toEqual([1, 2, 3, 4, 5])\n    })\n  })\n\n  describe.concurrent('isSerializedFunction', () => {\n    test('trivial case', () => {\n      // Arrange\n      const add = serializeFunction((a, b) => a + b)\n\n      // Act\n      const result = isSerializedFunction(add)\n\n      // Assert\n      expect(result).toBe(true)\n    })\n\n    test('false positive', () => {\n      // Arrange\n      const add = (a: number, b: number) => a + b\n\n      // Act\n      const result = isSerializedFunction(add)\n\n      // Assert\n      expect(result).toBe(false)\n    })\n  })\n}\n","import {\n  CheckboxDescriptor as CheckboxControl,\n  CheckboxValue as CheckboxControlValue,\n  Data,\n  Device,\n  Gap,\n  GapXDescriptor as GapXControl,\n  GapXValue as GapXControlValue,\n  GapYDescriptor as GapYControl,\n  GapYValue as GapYControlValue,\n  ListDescriptor as ListControl,\n  ListOptions as ListControlConfig,\n  ListValue as ListControlValue,\n  ResponsiveNumberDescriptor as ResponsiveNumberControl,\n  ResponsiveNumberValue as ResponsiveNumberControlValue,\n  ShapeDescriptor as ShapeControl,\n  ShapeValue as ShapeControlValue,\n  TypeaheadDescriptor as TypeaheadControl,\n  TypeaheadOptions as TypeaheadControlConfig,\n  TypeaheadValue as TypeaheadControlValue,\n  PanelDescriptor as PanelControl,\n  PanelDescriptorType as PanelControlType,\n  PanelDescriptorValueType as PanelControlValueType,\n  PropControllerDescriptor as Control,\n  Props as Controls,\n} from '../../prop-controllers'\nimport {\n  DeserializedFunction,\n  deserializeFunction,\n  isSerializedFunction,\n  SerializedFunction,\n  serializeFunction,\n} from './function-serialization'\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 Controls.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] = serializeControl(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 Controls.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] = deserializeControl(\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\ntype SerializedListControl<T extends ListControlValue = ListControlValue> = {\n  type: typeof Controls.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] = serializeControl(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 Controls.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 = deserializeControl(type) as DeserializedPanelControl\n  const deserializedGetItemLabel = getItemLabel && deserializeFunction(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\ntype SerializedTypeaheadControl<T extends TypeaheadControlValue = TypeaheadControlValue> = {\n  type: typeof Controls.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 Controls.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 = getItems && deserializeFunction(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\ntype DeserializedConfig<T> =\n  | T\n  | DeserializedFunction<(props: Record<string, unknown>, deviceMode: Device) => T>\n\ntype GapXControlConfig = {\n  preset?: GapXControlValue\n  label?: string\n  defaultValue?: Gap\n  min?: number\n  max?: number\n  step?: number\n  hidden?: boolean\n}\n\ntype SerializedGapXControl<_T = GapXControlValue> = {\n  type: typeof Controls.Types.GapX\n  options: SerializedConfig<GapXControlConfig>\n}\n\nfunction serializeGapXControl(control: GapXControl): [SerializedGapXControl, 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 DeserializedGapXControl<_T = GapXControlValue> = {\n  type: typeof Controls.Types.GapX\n  options: DeserializedConfig<GapXControlConfig>\n}\n\nfunction deserializeGapXControl(serializedControl: SerializedGapXControl): DeserializedGapXControl {\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?: GapYControlValue\n  label?: string\n  defaultValue?: Gap\n  min?: number\n  max?: number\n  step?: number\n  hidden?: boolean\n}\n\ntype SerializedGapYControl<_T = GapYControlValue> = {\n  type: typeof Controls.Types.GapY\n  options: SerializedConfig<GapYControlConfig>\n}\n\nfunction serializeGapYControl(control: GapYControl): [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 = GapYControlValue> = {\n  type: typeof Controls.Types.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 ResponsiveNumberControlConfig = {\n  preset?: ResponsiveNumberControlValue\n  label?: string\n  defaultValue?: number\n  min?: number\n  max?: number\n  step?: number\n  hidden?: boolean\n}\n\ntype SerializedResponsiveNumberControl<_T = ResponsiveNumberControlValue> = {\n  type: typeof Controls.Types.ResponsiveNumber\n  options: SerializedConfig<ResponsiveNumberControlConfig>\n}\n\nfunction serializeResponsiveNumberControl(\n  control: ResponsiveNumberControl,\n): [SerializedResponsiveNumberControl, 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 DeserializedResponsiveNumberControl<_T = ResponsiveNumberControlValue> = {\n  type: typeof Controls.Types.ResponsiveNumber\n  options: DeserializedConfig<ResponsiveNumberControlConfig>\n}\n\nfunction deserializeResponsiveNumberControl(\n  serializedControl: SerializedResponsiveNumberControl,\n): DeserializedResponsiveNumberControl {\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?: CheckboxControlValue\n  label: string\n  hidden?: boolean\n}\n\ntype SerializedCheckboxControl<_T = CheckboxControlValue> = {\n  type: typeof Controls.Types.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 = CheckboxControlValue> = {\n  type: typeof Controls.Types.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\nexport type SerializedControl<T extends Data = Data> =\n  | Exclude<\n      Control<T>,\n      | ListControl<T extends ListControlValue ? T : ListControlValue>\n      | ShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any>\n      | TypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue>\n      | GapXControl<T>\n      | GapYControl<T>\n      | ResponsiveNumberControl<T>\n      | CheckboxControl<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  | SerializedGapXControl<T>\n  | SerializedGapYControl<T>\n  | SerializedResponsiveNumberControl<T>\n  | SerializedCheckboxControl<T>\n\ntype SerializedPanelControl<T extends Data = Data> = Extract<\n  SerializedControl<T>,\n  { type: PanelControlType }\n>\n\ntype SerializedPanelControlValueType<T extends SerializedPanelControl> =\n  T extends SerializedPanelControl<infer U> ? U : never\n\nexport type DeserializedControl<T extends Data = Data> =\n  | Exclude<\n      Control<T>,\n      | ListControl<T extends ListControlValue ? T : ListControlValue>\n      | ShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any>\n      | TypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue>\n      | GapXControl<T>\n      | GapYControl<T>\n      | ResponsiveNumberControl<T>\n      | CheckboxControl<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  | DeserializedGapXControl<T>\n  | DeserializedGapYControl<T>\n  | DeserializedResponsiveNumberControl<T>\n  | DeserializedCheckboxControl<T>\n\nexport type DeserializedPanelControl<T extends Data = Data> = Extract<\n  DeserializedControl<T>,\n  { type: PanelControlType }\n>\n\ntype DeserializedPanelControlValueType<T extends DeserializedPanelControl> =\n  T extends DeserializedPanelControl<infer U> ? U : never\n\nfunction serializeControl<T extends Data>(\n  control: Control<T>,\n): [SerializedControl<T>, Transferable[]] {\n  switch (control.type) {\n    case Controls.Types.Checkbox:\n      return serializeCheckboxControl(control)\n\n    case Controls.Types.List:\n      return serializeListControl(control)\n\n    case Controls.Types.Shape:\n      return serializeShapeControl(control)\n\n    case Controls.Types.Typeahead:\n      return serializeTypeaheadControl(control)\n\n    case Controls.Types.GapX:\n      return serializeGapXControl(control)\n\n    case Controls.Types.GapY:\n      return serializeGapYControl(control)\n\n    case Controls.Types.ResponsiveNumber:\n      return serializeResponsiveNumberControl(control)\n\n    default:\n      return [control, []]\n  }\n}\n\nfunction deserializeControl<T extends Data>(\n  serializedControl: SerializedControl<T>,\n): DeserializedControl<T> {\n  switch (serializedControl.type) {\n    case Controls.Types.Checkbox:\n      return deserializeCheckboxControl(serializedControl)\n\n    case Controls.Types.List:\n      return deserializeListControl(serializedControl)\n\n    case Controls.Types.Shape:\n      return deserializeShapeControl(serializedControl)\n\n    case Controls.Types.Typeahead:\n      return deserializeTypeaheadControl(serializedControl)\n\n    case Controls.Types.GapX:\n      return deserializeGapXControl(serializedControl)\n\n    case Controls.Types.GapY:\n      return deserializeGapYControl(serializedControl)\n\n    case Controls.Types.ResponsiveNumber:\n      return deserializeResponsiveNumberControl(serializedControl)\n\n    default:\n      return serializedControl\n  }\n}\n\nexport function serializeControls(\n  controls: Record<string, Control>,\n): [Record<string, SerializedControl>, Transferable[]] {\n  return Object.entries(controls).reduce(\n    ([accControls, accTransferables], [key, control]) => {\n      const [serializedControl, transferables] = serializeControl(control)\n\n      return [{ ...accControls, [key]: serializedControl }, [...accTransferables, ...transferables]]\n    },\n    [{}, []] as [Record<string, SerializedControl>, Transferable[]],\n  )\n}\n\nexport function deserializeControls(\n  serializedControls: Record<string, SerializedControl>,\n): Record<string, DeserializedControl> {\n  return Object.entries(serializedControls).reduce(\n    (deserializedControls, [key, serializedControl]) => {\n      return { ...deserializedControls, [key]: deserializeControl(serializedControl) }\n    },\n    {} as Record<string, DeserializedControl>,\n  )\n}\n"],"names":["Controls.Types"],"mappings":"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"}

package/dist/control-serialization.es.js

@@ -0,0 +1,218 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { T as Types } from "./descriptors.es.js";
+function isSerializedFunction(value) {
+  return value instanceof MessagePort;
+}
+function serializeFunction(func) {
+  const messageChannel = new MessageChannel();
+  messageChannel.port1.onmessage = ({ data: [callId, args] }) => {
+    Promise.resolve().then(() => func.apply(null, args)).then((result) => messageChannel.port1.postMessage([callId, result]));
+  };
+  return messageChannel.port2;
+}
+function deserializeFunction(serializedFunction) {
+  let nextCallId = 0;
+  const calls = /* @__PURE__ */ new Map();
+  serializedFunction.onmessage = ({ data: [callId, result] }) => {
+    var _a;
+    (_a = calls.get(callId)) == null ? void 0 : _a(result);
+    calls.delete(callId);
+  };
+  return function deserializedFunction(...args) {
+    return new Promise((resolve) => {
+      const callId = nextCallId++;
+      calls.set(callId, resolve);
+      serializedFunction.postMessage([callId, args]);
+    });
+  };
+}
+function serializeShapeControl(control) {
+  const { type } = control.options;
+  const transferables = [];
+  const serializedType = {};
+  Object.entries(type).forEach(([key, control2]) => {
+    const [serializedControl, serializedControlTransferables] = serializeControl(control2);
+    serializedType[key] = serializedControl;
+    transferables.push(...serializedControlTransferables);
+  });
+  return [__spreadProps(__spreadValues({}, control), { options: __spreadProps(__spreadValues({}, control.options), { type: serializedType }) }), transferables];
+}
+function deserializeShapeControl(control) {
+  const { type } = control.options;
+  const deserializedType = {};
+  Object.entries(type).forEach(([key, control2]) => {
+    deserializedType[key] = deserializeControl(control2);
+  });
+  return __spreadProps(__spreadValues({}, control), { options: __spreadProps(__spreadValues({}, control.options), { type: deserializedType }) });
+}
+function serializeListControl(control) {
+  const { type, getItemLabel } = control.options;
+  const transferables = [];
+  const [serializedType, serializedTypeTransferables] = serializeControl(type);
+  const serializedGetItemLabel = getItemLabel && serializeFunction(getItemLabel);
+  transferables.push(...serializedTypeTransferables);
+  if (serializedGetItemLabel != null)
+    transferables.push(serializedGetItemLabel);
+  return [
+    __spreadProps(__spreadValues({}, control), {
+      options: __spreadProps(__spreadValues({}, control.options), {
+        type: serializedType,
+        getItemLabel: serializedGetItemLabel
+      })
+    }),
+    transferables
+  ];
+}
+function deserializeListControl(serializedControl) {
+  const { type, getItemLabel } = serializedControl.options;
+  const deserializedType = deserializeControl(type);
+  const deserializedGetItemLabel = getItemLabel && deserializeFunction(getItemLabel);
+  return __spreadProps(__spreadValues({}, serializedControl), {
+    options: __spreadProps(__spreadValues({}, serializedControl.options), {
+      type: deserializedType,
+      getItemLabel: deserializedGetItemLabel
+    })
+  });
+}
+function serializeTypeaheadControl(control) {
+  const { getItems } = control.options;
+  const serializedGetItems = getItems && serializeFunction(getItems);
+  return [
+    __spreadProps(__spreadValues({}, control), { options: __spreadProps(__spreadValues({}, control.options), { getItems: serializedGetItems }) }),
+    serializedGetItems == null ? [] : [serializedGetItems]
+  ];
+}
+function deserializeTypeaheadControl(serializedControl) {
+  const { getItems } = serializedControl.options;
+  const deserializedGetItems = getItems && deserializeFunction(getItems);
+  return __spreadProps(__spreadValues({}, serializedControl), {
+    options: __spreadProps(__spreadValues({}, serializedControl.options), { getItems: deserializedGetItems })
+  });
+}
+function serializeGapXControl(control) {
+  const { options } = control;
+  if (typeof options !== "function")
+    return [__spreadProps(__spreadValues({}, control), { options }), []];
+  const serializedOptions = serializeFunction(options);
+  return [__spreadProps(__spreadValues({}, control), { options: serializedOptions }), [serializedOptions]];
+}
+function deserializeGapXControl(serializedControl) {
+  const { options } = serializedControl;
+  if (!isSerializedFunction(options))
+    return __spreadProps(__spreadValues({}, serializedControl), { options });
+  const deserializedOptions = deserializeFunction(options);
+  return __spreadProps(__spreadValues({}, serializedControl), { options: deserializedOptions });
+}
+function serializeGapYControl(control) {
+  const { options } = control;
+  if (typeof options !== "function")
+    return [__spreadProps(__spreadValues({}, control), { options }), []];
+  const serializedOptions = serializeFunction(options);
+  return [__spreadProps(__spreadValues({}, control), { options: serializedOptions }), [serializedOptions]];
+}
+function deserializeGapYControl(serializedControl) {
+  const { options } = serializedControl;
+  if (!isSerializedFunction(options))
+    return __spreadProps(__spreadValues({}, serializedControl), { options });
+  const deserializedOptions = deserializeFunction(options);
+  return __spreadProps(__spreadValues({}, serializedControl), { options: deserializedOptions });
+}
+function serializeResponsiveNumberControl(control) {
+  const { options } = control;
+  if (typeof options !== "function")
+    return [__spreadProps(__spreadValues({}, control), { options }), []];
+  const serializedOptions = serializeFunction(options);
+  return [__spreadProps(__spreadValues({}, control), { options: serializedOptions }), [serializedOptions]];
+}
+function deserializeResponsiveNumberControl(serializedControl) {
+  const { options } = serializedControl;
+  if (!isSerializedFunction(options))
+    return __spreadProps(__spreadValues({}, serializedControl), { options });
+  const deserializedOptions = deserializeFunction(options);
+  return __spreadProps(__spreadValues({}, serializedControl), { options: deserializedOptions });
+}
+function serializeCheckboxControl(control) {
+  const { options } = control;
+  if (typeof options !== "function")
+    return [__spreadProps(__spreadValues({}, control), { options }), []];
+  const serializedOptions = serializeFunction(options);
+  return [__spreadProps(__spreadValues({}, control), { options: serializedOptions }), [serializedOptions]];
+}
+function deserializeCheckboxControl(serializedControl) {
+  const { options } = serializedControl;
+  if (!isSerializedFunction(options))
+    return __spreadProps(__spreadValues({}, serializedControl), { options });
+  const deserializedOptions = deserializeFunction(options);
+  return __spreadProps(__spreadValues({}, serializedControl), { options: deserializedOptions });
+}
+function serializeControl(control) {
+  switch (control.type) {
+    case Types.Checkbox:
+      return serializeCheckboxControl(control);
+    case Types.List:
+      return serializeListControl(control);
+    case Types.Shape:
+      return serializeShapeControl(control);
+    case Types.Typeahead:
+      return serializeTypeaheadControl(control);
+    case Types.GapX:
+      return serializeGapXControl(control);
+    case Types.GapY:
+      return serializeGapYControl(control);
+    case Types.ResponsiveNumber:
+      return serializeResponsiveNumberControl(control);
+    default:
+      return [control, []];
+  }
+}
+function deserializeControl(serializedControl) {
+  switch (serializedControl.type) {
+    case Types.Checkbox:
+      return deserializeCheckboxControl(serializedControl);
+    case Types.List:
+      return deserializeListControl(serializedControl);
+    case Types.Shape:
+      return deserializeShapeControl(serializedControl);
+    case Types.Typeahead:
+      return deserializeTypeaheadControl(serializedControl);
+    case Types.GapX:
+      return deserializeGapXControl(serializedControl);
+    case Types.GapY:
+      return deserializeGapYControl(serializedControl);
+    case Types.ResponsiveNumber:
+      return deserializeResponsiveNumberControl(serializedControl);
+    default:
+      return serializedControl;
+  }
+}
+function serializeControls(controls) {
+  return Object.entries(controls).reduce(([accControls, accTransferables], [key, control]) => {
+    const [serializedControl, transferables] = serializeControl(control);
+    return [__spreadProps(__spreadValues({}, accControls), { [key]: serializedControl }), [...accTransferables, ...transferables]];
+  }, [{}, []]);
+}
+function deserializeControls(serializedControls) {
+  return Object.entries(serializedControls).reduce((deserializedControls, [key, serializedControl]) => {
+    return __spreadProps(__spreadValues({}, deserializedControls), { [key]: deserializeControl(serializedControl) });
+  }, {});
+}
+export { serializeFunction as a, deserializeFunction as b, deserializeControls as d, isSerializedFunction as i, serializeControls as s };
+//# sourceMappingURL=control-serialization.es.js.map

package/dist/control-serialization.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-serialization.es.js","sources":["../src/builder/serialization/function-serialization.ts","../src/builder/serialization/control-serialization.ts"],"sourcesContent":["declare const SerializedFunctionTag: unique symbol\n\ntype AnyFunction = (...args: any) => any\n\nexport type SerializedFunction<T extends AnyFunction> = MessagePort & {\n  readonly [SerializedFunctionTag]: T\n}\n\ntype SerializedFunctionReturnType<T extends AnyFunction> = Awaited<ReturnType<T>>\n\nexport type DeserializedFunction<T extends AnyFunction> = (\n  ...args: Parameters<T>\n) => Promise<SerializedFunctionReturnType<T>>\n\nexport function isSerializedFunction(value: any): value is SerializedFunction<AnyFunction> {\n  return value instanceof MessagePort\n}\n\ntype CallID = number\n\nexport function serializeFunction<T extends AnyFunction>(func: T): SerializedFunction<T> {\n  type CallMessageEvent = MessageEvent<[CallID, Parameters<T>]>\n\n  const messageChannel = new MessageChannel()\n\n  messageChannel.port1.onmessage = ({ data: [callId, args] }: CallMessageEvent) => {\n    Promise.resolve()\n      .then(() => func.apply(null, args))\n      .then(result => messageChannel.port1.postMessage([callId, result]))\n  }\n\n  return messageChannel.port2 as SerializedFunction<T>\n}\n\nexport function deserializeFunction<T extends AnyFunction>(\n  serializedFunction: SerializedFunction<T>,\n): DeserializedFunction<T> {\n  type Result = SerializedFunctionReturnType<T>\n  type ResultMessageEvent = MessageEvent<[CallID, Result]>\n  type ResolveCallPromise = (value: Result | PromiseLike<Result>) => void\n\n  let nextCallId = 0\n  const calls = new Map<CallID, ResolveCallPromise>()\n\n  serializedFunction.onmessage = ({ data: [callId, result] }: ResultMessageEvent) => {\n    calls.get(callId)?.(result)\n\n    calls.delete(callId)\n  }\n\n  return function deserializedFunction(...args) {\n    return new Promise(resolve => {\n      const callId = nextCallId++\n\n      calls.set(callId, resolve)\n\n      serializedFunction.postMessage([callId, args])\n    })\n  }\n}\n\nif (import.meta.vitest) {\n  const { describe, test, expect } = import.meta.vitest\n\n  describe.concurrent('serializeFunction & deserializeFunction', () => {\n    test('simple call', async () => {\n      // Arrange\n      const add = deserializeFunction(serializeFunction((a, b) => a + b))\n\n      // Act\n      const result = await add(2, 2)\n\n      // Assert\n      expect(result).toBe(4)\n    })\n\n    test('multiple synchronous calls', async () => {\n      // Arrange\n      const add = deserializeFunction(serializeFunction((a, b) => a + b))\n\n      // Act\n      const results = await Promise.all(Array.from({ length: 5 }, (_, i) => add(1, i)))\n\n      // Assert\n      expect(results).toEqual([1, 2, 3, 4, 5])\n    })\n  })\n\n  describe.concurrent('isSerializedFunction', () => {\n    test('trivial case', () => {\n      // Arrange\n      const add = serializeFunction((a, b) => a + b)\n\n      // Act\n      const result = isSerializedFunction(add)\n\n      // Assert\n      expect(result).toBe(true)\n    })\n\n    test('false positive', () => {\n      // Arrange\n      const add = (a: number, b: number) => a + b\n\n      // Act\n      const result = isSerializedFunction(add)\n\n      // Assert\n      expect(result).toBe(false)\n    })\n  })\n}\n","import {\n  CheckboxDescriptor as CheckboxControl,\n  CheckboxValue as CheckboxControlValue,\n  Data,\n  Device,\n  Gap,\n  GapXDescriptor as GapXControl,\n  GapXValue as GapXControlValue,\n  GapYDescriptor as GapYControl,\n  GapYValue as GapYControlValue,\n  ListDescriptor as ListControl,\n  ListOptions as ListControlConfig,\n  ListValue as ListControlValue,\n  ResponsiveNumberDescriptor as ResponsiveNumberControl,\n  ResponsiveNumberValue as ResponsiveNumberControlValue,\n  ShapeDescriptor as ShapeControl,\n  ShapeValue as ShapeControlValue,\n  TypeaheadDescriptor as TypeaheadControl,\n  TypeaheadOptions as TypeaheadControlConfig,\n  TypeaheadValue as TypeaheadControlValue,\n  PanelDescriptor as PanelControl,\n  PanelDescriptorType as PanelControlType,\n  PanelDescriptorValueType as PanelControlValueType,\n  PropControllerDescriptor as Control,\n  Props as Controls,\n} from '../../prop-controllers'\nimport {\n  DeserializedFunction,\n  deserializeFunction,\n  isSerializedFunction,\n  SerializedFunction,\n  serializeFunction,\n} from './function-serialization'\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 Controls.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] = serializeControl(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 Controls.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] = deserializeControl(\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\ntype SerializedListControl<T extends ListControlValue = ListControlValue> = {\n  type: typeof Controls.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] = serializeControl(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 Controls.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 = deserializeControl(type) as DeserializedPanelControl\n  const deserializedGetItemLabel = getItemLabel && deserializeFunction(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\ntype SerializedTypeaheadControl<T extends TypeaheadControlValue = TypeaheadControlValue> = {\n  type: typeof Controls.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 Controls.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 = getItems && deserializeFunction(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\ntype DeserializedConfig<T> =\n  | T\n  | DeserializedFunction<(props: Record<string, unknown>, deviceMode: Device) => T>\n\ntype GapXControlConfig = {\n  preset?: GapXControlValue\n  label?: string\n  defaultValue?: Gap\n  min?: number\n  max?: number\n  step?: number\n  hidden?: boolean\n}\n\ntype SerializedGapXControl<_T = GapXControlValue> = {\n  type: typeof Controls.Types.GapX\n  options: SerializedConfig<GapXControlConfig>\n}\n\nfunction serializeGapXControl(control: GapXControl): [SerializedGapXControl, 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 DeserializedGapXControl<_T = GapXControlValue> = {\n  type: typeof Controls.Types.GapX\n  options: DeserializedConfig<GapXControlConfig>\n}\n\nfunction deserializeGapXControl(serializedControl: SerializedGapXControl): DeserializedGapXControl {\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?: GapYControlValue\n  label?: string\n  defaultValue?: Gap\n  min?: number\n  max?: number\n  step?: number\n  hidden?: boolean\n}\n\ntype SerializedGapYControl<_T = GapYControlValue> = {\n  type: typeof Controls.Types.GapY\n  options: SerializedConfig<GapYControlConfig>\n}\n\nfunction serializeGapYControl(control: GapYControl): [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 = GapYControlValue> = {\n  type: typeof Controls.Types.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 ResponsiveNumberControlConfig = {\n  preset?: ResponsiveNumberControlValue\n  label?: string\n  defaultValue?: number\n  min?: number\n  max?: number\n  step?: number\n  hidden?: boolean\n}\n\ntype SerializedResponsiveNumberControl<_T = ResponsiveNumberControlValue> = {\n  type: typeof Controls.Types.ResponsiveNumber\n  options: SerializedConfig<ResponsiveNumberControlConfig>\n}\n\nfunction serializeResponsiveNumberControl(\n  control: ResponsiveNumberControl,\n): [SerializedResponsiveNumberControl, 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 DeserializedResponsiveNumberControl<_T = ResponsiveNumberControlValue> = {\n  type: typeof Controls.Types.ResponsiveNumber\n  options: DeserializedConfig<ResponsiveNumberControlConfig>\n}\n\nfunction deserializeResponsiveNumberControl(\n  serializedControl: SerializedResponsiveNumberControl,\n): DeserializedResponsiveNumberControl {\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?: CheckboxControlValue\n  label: string\n  hidden?: boolean\n}\n\ntype SerializedCheckboxControl<_T = CheckboxControlValue> = {\n  type: typeof Controls.Types.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 = CheckboxControlValue> = {\n  type: typeof Controls.Types.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\nexport type SerializedControl<T extends Data = Data> =\n  | Exclude<\n      Control<T>,\n      | ListControl<T extends ListControlValue ? T : ListControlValue>\n      | ShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any>\n      | TypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue>\n      | GapXControl<T>\n      | GapYControl<T>\n      | ResponsiveNumberControl<T>\n      | CheckboxControl<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  | SerializedGapXControl<T>\n  | SerializedGapYControl<T>\n  | SerializedResponsiveNumberControl<T>\n  | SerializedCheckboxControl<T>\n\ntype SerializedPanelControl<T extends Data = Data> = Extract<\n  SerializedControl<T>,\n  { type: PanelControlType }\n>\n\ntype SerializedPanelControlValueType<T extends SerializedPanelControl> =\n  T extends SerializedPanelControl<infer U> ? U : never\n\nexport type DeserializedControl<T extends Data = Data> =\n  | Exclude<\n      Control<T>,\n      | ListControl<T extends ListControlValue ? T : ListControlValue>\n      | ShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any>\n      | TypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue>\n      | GapXControl<T>\n      | GapYControl<T>\n      | ResponsiveNumberControl<T>\n      | CheckboxControl<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  | DeserializedGapXControl<T>\n  | DeserializedGapYControl<T>\n  | DeserializedResponsiveNumberControl<T>\n  | DeserializedCheckboxControl<T>\n\nexport type DeserializedPanelControl<T extends Data = Data> = Extract<\n  DeserializedControl<T>,\n  { type: PanelControlType }\n>\n\ntype DeserializedPanelControlValueType<T extends DeserializedPanelControl> =\n  T extends DeserializedPanelControl<infer U> ? U : never\n\nfunction serializeControl<T extends Data>(\n  control: Control<T>,\n): [SerializedControl<T>, Transferable[]] {\n  switch (control.type) {\n    case Controls.Types.Checkbox:\n      return serializeCheckboxControl(control)\n\n    case Controls.Types.List:\n      return serializeListControl(control)\n\n    case Controls.Types.Shape:\n      return serializeShapeControl(control)\n\n    case Controls.Types.Typeahead:\n      return serializeTypeaheadControl(control)\n\n    case Controls.Types.GapX:\n      return serializeGapXControl(control)\n\n    case Controls.Types.GapY:\n      return serializeGapYControl(control)\n\n    case Controls.Types.ResponsiveNumber:\n      return serializeResponsiveNumberControl(control)\n\n    default:\n      return [control, []]\n  }\n}\n\nfunction deserializeControl<T extends Data>(\n  serializedControl: SerializedControl<T>,\n): DeserializedControl<T> {\n  switch (serializedControl.type) {\n    case Controls.Types.Checkbox:\n      return deserializeCheckboxControl(serializedControl)\n\n    case Controls.Types.List:\n      return deserializeListControl(serializedControl)\n\n    case Controls.Types.Shape:\n      return deserializeShapeControl(serializedControl)\n\n    case Controls.Types.Typeahead:\n      return deserializeTypeaheadControl(serializedControl)\n\n    case Controls.Types.GapX:\n      return deserializeGapXControl(serializedControl)\n\n    case Controls.Types.GapY:\n      return deserializeGapYControl(serializedControl)\n\n    case Controls.Types.ResponsiveNumber:\n      return deserializeResponsiveNumberControl(serializedControl)\n\n    default:\n      return serializedControl\n  }\n}\n\nexport function serializeControls(\n  controls: Record<string, Control>,\n): [Record<string, SerializedControl>, Transferable[]] {\n  return Object.entries(controls).reduce(\n    ([accControls, accTransferables], [key, control]) => {\n      const [serializedControl, transferables] = serializeControl(control)\n\n      return [{ ...accControls, [key]: serializedControl }, [...accTransferables, ...transferables]]\n    },\n    [{}, []] as [Record<string, SerializedControl>, Transferable[]],\n  )\n}\n\nexport function deserializeControls(\n  serializedControls: Record<string, SerializedControl>,\n): Record<string, DeserializedControl> {\n  return Object.entries(serializedControls).reduce(\n    (deserializedControls, [key, serializedControl]) => {\n      return { ...deserializedControls, [key]: deserializeControl(serializedControl) }\n    },\n    {} as Record<string, DeserializedControl>,\n  )\n}\n"],"names":["Controls.Types"],"mappings":"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"}