@makeswift/runtime 0.0.0-e7e30fa → 0.0.0-f94dde1

package/dist/constants.cjs.js

@@ -0,0 +1,146 @@
+"use strict";
+const SwatchFragmentDoc = {
+  kind: "Document",
+  definitions: [
+    {
+      kind: "FragmentDefinition",
+      name: { kind: "Name", value: "Swatch" },
+      typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Swatch" } },
+      selectionSet: {
+        kind: "SelectionSet",
+        selections: [
+          { kind: "Field", name: { kind: "Name", value: "__typename" } },
+          { kind: "Field", name: { kind: "Name", value: "id" } },
+          { kind: "Field", name: { kind: "Name", value: "hue" } },
+          { kind: "Field", name: { kind: "Name", value: "saturation" } },
+          { kind: "Field", name: { kind: "Name", value: "lightness" } }
+        ]
+      }
+    }
+  ]
+};
+const FileFragmentDoc = {
+  kind: "Document",
+  definitions: [
+    {
+      kind: "FragmentDefinition",
+      name: { kind: "Name", value: "File" },
+      typeCondition: { kind: "NamedType", name: { kind: "Name", value: "File" } },
+      selectionSet: {
+        kind: "SelectionSet",
+        selections: [
+          { kind: "Field", name: { kind: "Name", value: "__typename" } },
+          { kind: "Field", name: { kind: "Name", value: "id" } },
+          { kind: "Field", name: { kind: "Name", value: "name" } },
+          { kind: "Field", name: { kind: "Name", value: "publicUrl" } },
+          { kind: "Field", name: { kind: "Name", value: "extension" } },
+          {
+            kind: "Field",
+            name: { kind: "Name", value: "dimensions" },
+            selectionSet: {
+              kind: "SelectionSet",
+              selections: [
+                { kind: "Field", name: { kind: "Name", value: "width" } },
+                { kind: "Field", name: { kind: "Name", value: "height" } }
+              ]
+            }
+          }
+        ]
+      }
+    }
+  ]
+};
+const TypographyFragmentDoc = {
+  kind: "Document",
+  definitions: [
+    {
+      kind: "FragmentDefinition",
+      name: { kind: "Name", value: "Typography" },
+      typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Typography" } },
+      selectionSet: {
+        kind: "SelectionSet",
+        selections: [
+          { kind: "Field", name: { kind: "Name", value: "__typename" } },
+          { kind: "Field", name: { kind: "Name", value: "id" } },
+          { kind: "Field", name: { kind: "Name", value: "name" } },
+          {
+            kind: "Field",
+            name: { kind: "Name", value: "style" },
+            selectionSet: {
+              kind: "SelectionSet",
+              selections: [
+                { kind: "Field", name: { kind: "Name", value: "deviceId" } },
+                {
+                  kind: "Field",
+                  name: { kind: "Name", value: "value" },
+                  selectionSet: {
+                    kind: "SelectionSet",
+                    selections: [
+                      { kind: "Field", name: { kind: "Name", value: "fontFamily" } },
+                      {
+                        kind: "Field",
+                        name: { kind: "Name", value: "fontSize" },
+                        selectionSet: {
+                          kind: "SelectionSet",
+                          selections: [
+                            { kind: "Field", name: { kind: "Name", value: "value" } },
+                            { kind: "Field", name: { kind: "Name", value: "unit" } }
+                          ]
+                        }
+                      },
+                      {
+                        kind: "Field",
+                        name: { kind: "Name", value: "color" },
+                        selectionSet: {
+                          kind: "SelectionSet",
+                          selections: [
+                            { kind: "Field", name: { kind: "Name", value: "swatchId" } },
+                            { kind: "Field", name: { kind: "Name", value: "alpha" } }
+                          ]
+                        }
+                      },
+                      { kind: "Field", name: { kind: "Name", value: "lineHeight" } },
+                      { kind: "Field", name: { kind: "Name", value: "letterSpacing" } },
+                      { kind: "Field", name: { kind: "Name", value: "fontWeight" } },
+                      { kind: "Field", name: { kind: "Name", value: "textAlign" } },
+                      { kind: "Field", name: { kind: "Name", value: "uppercase" } },
+                      { kind: "Field", name: { kind: "Name", value: "underline" } },
+                      { kind: "Field", name: { kind: "Name", value: "strikethrough" } },
+                      { kind: "Field", name: { kind: "Name", value: "italic" } }
+                    ]
+                  }
+                }
+              ]
+            }
+          }
+        ]
+      }
+    }
+  ]
+};
+const PagePathnameSliceFragmentDoc = {
+  kind: "Document",
+  definitions: [
+    {
+      kind: "FragmentDefinition",
+      name: { kind: "Name", value: "PagePathnameSlice" },
+      typeCondition: { kind: "NamedType", name: { kind: "Name", value: "PagePathnameSlice" } },
+      selectionSet: {
+        kind: "SelectionSet",
+        selections: [
+          { kind: "Field", name: { kind: "Name", value: "__typename" } },
+          { kind: "Field", name: { kind: "Name", value: "id" } },
+          { kind: "Field", name: { kind: "Name", value: "pathname" } }
+        ]
+      }
+    }
+  ]
+};
+const Fragments = {
+  Swatch: SwatchFragmentDoc,
+  File: FileFragmentDoc,
+  Typography: TypographyFragmentDoc,
+  PagePathnameSlice: PagePathnameSliceFragmentDoc
+};
+exports.Fragments = Fragments;
+//# sourceMappingURL=constants.cjs.js.map

package/dist/constants.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs.js","sources":["../src/api/generated/graphql.ts","../src/api/constants.ts"],"sourcesContent":["import { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core'\nexport type SwatchFragment = {\n  __typename: 'Swatch'\n  id: string\n  hue: number\n  saturation: number\n  lightness: number\n}\n\nexport type FileFragment = {\n  __typename: 'File'\n  id: string\n  name: string\n  publicUrl: any\n  extension?: string | null\n  dimensions?: { __typename?: 'ImageDimensions'; width: number; height: number } | null\n}\n\nexport type TypographyFragment = {\n  __typename: 'Typography'\n  id: string\n  name: string\n  style: Array<{\n    __typename?: 'TypographyStyle'\n    deviceId: string\n    value: {\n      __typename?: 'TypographyStyleValue'\n      fontFamily?: string | null\n      lineHeight?: number | null\n      letterSpacing?: number | null\n      fontWeight?: number | null\n      textAlign?: string | null\n      uppercase?: boolean | null\n      underline?: boolean | null\n      strikethrough?: boolean | null\n      italic?: boolean | null\n      fontSize?: { __typename?: 'Length'; value?: number | null; unit?: string | null } | null\n      color?: { __typename?: 'Color'; swatchId?: string | null; alpha?: number | null } | null\n    }\n  }>\n}\n\nexport type PagePathnameSliceFragment = {\n  __typename: 'PagePathnameSlice'\n  id: string\n  pathname: any\n}\n\nexport const SwatchFragmentDoc = {\n  kind: 'Document',\n  definitions: [\n    {\n      kind: 'FragmentDefinition',\n      name: { kind: 'Name', value: 'Swatch' },\n      typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'Swatch' } },\n      selectionSet: {\n        kind: 'SelectionSet',\n        selections: [\n          { kind: 'Field', name: { kind: 'Name', value: '__typename' } },\n          { kind: 'Field', name: { kind: 'Name', value: 'id' } },\n          { kind: 'Field', name: { kind: 'Name', value: 'hue' } },\n          { kind: 'Field', name: { kind: 'Name', value: 'saturation' } },\n          { kind: 'Field', name: { kind: 'Name', value: 'lightness' } },\n        ],\n      },\n    },\n  ],\n} as unknown as DocumentNode<SwatchFragment, unknown>\nexport const FileFragmentDoc = {\n  kind: 'Document',\n  definitions: [\n    {\n      kind: 'FragmentDefinition',\n      name: { kind: 'Name', value: 'File' },\n      typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'File' } },\n      selectionSet: {\n        kind: 'SelectionSet',\n        selections: [\n          { kind: 'Field', name: { kind: 'Name', value: '__typename' } },\n          { kind: 'Field', name: { kind: 'Name', value: 'id' } },\n          { kind: 'Field', name: { kind: 'Name', value: 'name' } },\n          { kind: 'Field', name: { kind: 'Name', value: 'publicUrl' } },\n          { kind: 'Field', name: { kind: 'Name', value: 'extension' } },\n          {\n            kind: 'Field',\n            name: { kind: 'Name', value: 'dimensions' },\n            selectionSet: {\n              kind: 'SelectionSet',\n              selections: [\n                { kind: 'Field', name: { kind: 'Name', value: 'width' } },\n                { kind: 'Field', name: { kind: 'Name', value: 'height' } },\n              ],\n            },\n          },\n        ],\n      },\n    },\n  ],\n} as unknown as DocumentNode<FileFragment, unknown>\nexport const TypographyFragmentDoc = {\n  kind: 'Document',\n  definitions: [\n    {\n      kind: 'FragmentDefinition',\n      name: { kind: 'Name', value: 'Typography' },\n      typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'Typography' } },\n      selectionSet: {\n        kind: 'SelectionSet',\n        selections: [\n          { kind: 'Field', name: { kind: 'Name', value: '__typename' } },\n          { kind: 'Field', name: { kind: 'Name', value: 'id' } },\n          { kind: 'Field', name: { kind: 'Name', value: 'name' } },\n          {\n            kind: 'Field',\n            name: { kind: 'Name', value: 'style' },\n            selectionSet: {\n              kind: 'SelectionSet',\n              selections: [\n                { kind: 'Field', name: { kind: 'Name', value: 'deviceId' } },\n                {\n                  kind: 'Field',\n                  name: { kind: 'Name', value: 'value' },\n                  selectionSet: {\n                    kind: 'SelectionSet',\n                    selections: [\n                      { kind: 'Field', name: { kind: 'Name', value: 'fontFamily' } },\n                      {\n                        kind: 'Field',\n                        name: { kind: 'Name', value: 'fontSize' },\n                        selectionSet: {\n                          kind: 'SelectionSet',\n                          selections: [\n                            { kind: 'Field', name: { kind: 'Name', value: 'value' } },\n                            { kind: 'Field', name: { kind: 'Name', value: 'unit' } },\n                          ],\n                        },\n                      },\n                      {\n                        kind: 'Field',\n                        name: { kind: 'Name', value: 'color' },\n                        selectionSet: {\n                          kind: 'SelectionSet',\n                          selections: [\n                            { kind: 'Field', name: { kind: 'Name', value: 'swatchId' } },\n                            { kind: 'Field', name: { kind: 'Name', value: 'alpha' } },\n                          ],\n                        },\n                      },\n                      { kind: 'Field', name: { kind: 'Name', value: 'lineHeight' } },\n                      { kind: 'Field', name: { kind: 'Name', value: 'letterSpacing' } },\n                      { kind: 'Field', name: { kind: 'Name', value: 'fontWeight' } },\n                      { kind: 'Field', name: { kind: 'Name', value: 'textAlign' } },\n                      { kind: 'Field', name: { kind: 'Name', value: 'uppercase' } },\n                      { kind: 'Field', name: { kind: 'Name', value: 'underline' } },\n                      { kind: 'Field', name: { kind: 'Name', value: 'strikethrough' } },\n                      { kind: 'Field', name: { kind: 'Name', value: 'italic' } },\n                    ],\n                  },\n                },\n              ],\n            },\n          },\n        ],\n      },\n    },\n  ],\n} as unknown as DocumentNode<TypographyFragment, unknown>\nexport const PagePathnameSliceFragmentDoc = {\n  kind: 'Document',\n  definitions: [\n    {\n      kind: 'FragmentDefinition',\n      name: { kind: 'Name', value: 'PagePathnameSlice' },\n      typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'PagePathnameSlice' } },\n      selectionSet: {\n        kind: 'SelectionSet',\n        selections: [\n          { kind: 'Field', name: { kind: 'Name', value: '__typename' } },\n          { kind: 'Field', name: { kind: 'Name', value: 'id' } },\n          { kind: 'Field', name: { kind: 'Name', value: 'pathname' } },\n        ],\n      },\n    },\n  ],\n} as unknown as DocumentNode<PagePathnameSliceFragment, unknown>\n","import type { DocumentNode } from 'graphql'\n\nimport {\n  SwatchFragmentDoc,\n  FileFragmentDoc,\n  TypographyFragmentDoc,\n  PagePathnameSliceFragmentDoc,\n} from './generated/graphql'\nimport type { APIResourceType } from './types'\n\nexport const Fragments: Record<APIResourceType, DocumentNode> = {\n  Swatch: SwatchFragmentDoc,\n  File: FileFragmentDoc,\n  Typography: TypographyFragmentDoc,\n  PagePathnameSlice: PagePathnameSliceFragmentDoc,\n}\n"],"names":[],"mappings":";AAgDO,MAAM,oBAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,aAAa;AAAA,IACX;AAAA,MACE,MAAM;AAAA,MACN,MAAM,EAAE,MAAM,QAAQ,OAAO,SAAS;AAAA,MACtC,eAAe,EAAE,MAAM,aAAa,MAAM,EAAE,MAAM,QAAQ,OAAO,WAAW;AAAA,MAC5E,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,YAAY;AAAA,UACV,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,eAAe;AAAA,UAC7D,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,OAAO;AAAA,UACrD,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,QAAQ;AAAA,UACtD,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,eAAe;AAAA,UAC7D,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,cAAc;AAAA,QAC9D;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AACO,MAAM,kBAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,aAAa;AAAA,IACX;AAAA,MACE,MAAM;AAAA,MACN,MAAM,EAAE,MAAM,QAAQ,OAAO,OAAO;AAAA,MACpC,eAAe,EAAE,MAAM,aAAa,MAAM,EAAE,MAAM,QAAQ,OAAO,SAAS;AAAA,MAC1E,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,YAAY;AAAA,UACV,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,eAAe;AAAA,UAC7D,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,OAAO;AAAA,UACrD,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,SAAS;AAAA,UACvD,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,cAAc;AAAA,UAC5D,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,cAAc;AAAA,UAC5D;AAAA,YACE,MAAM;AAAA,YACN,MAAM,EAAE,MAAM,QAAQ,OAAO,aAAa;AAAA,YAC1C,cAAc;AAAA,cACZ,MAAM;AAAA,cACN,YAAY;AAAA,gBACV,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,UAAU;AAAA,gBACxD,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,WAAW;AAAA,cAC3D;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AACO,MAAM,wBAAwB;AAAA,EACnC,MAAM;AAAA,EACN,aAAa;AAAA,IACX;AAAA,MACE,MAAM;AAAA,MACN,MAAM,EAAE,MAAM,QAAQ,OAAO,aAAa;AAAA,MAC1C,eAAe,EAAE,MAAM,aAAa,MAAM,EAAE,MAAM,QAAQ,OAAO,eAAe;AAAA,MAChF,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,YAAY;AAAA,UACV,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,eAAe;AAAA,UAC7D,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,OAAO;AAAA,UACrD,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,SAAS;AAAA,UACvD;AAAA,YACE,MAAM;AAAA,YACN,MAAM,EAAE,MAAM,QAAQ,OAAO,QAAQ;AAAA,YACrC,cAAc;AAAA,cACZ,MAAM;AAAA,cACN,YAAY;AAAA,gBACV,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,aAAa;AAAA,gBAC3D;AAAA,kBACE,MAAM;AAAA,kBACN,MAAM,EAAE,MAAM,QAAQ,OAAO,QAAQ;AAAA,kBACrC,cAAc;AAAA,oBACZ,MAAM;AAAA,oBACN,YAAY;AAAA,sBACV,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,eAAe;AAAA,sBAC7D;AAAA,wBACE,MAAM;AAAA,wBACN,MAAM,EAAE,MAAM,QAAQ,OAAO,WAAW;AAAA,wBACxC,cAAc;AAAA,0BACZ,MAAM;AAAA,0BACN,YAAY;AAAA,4BACV,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,UAAU;AAAA,4BACxD,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,SAAS;AAAA,0BACzD;AAAA,wBACF;AAAA,sBACF;AAAA,sBACA;AAAA,wBACE,MAAM;AAAA,wBACN,MAAM,EAAE,MAAM,QAAQ,OAAO,QAAQ;AAAA,wBACrC,cAAc;AAAA,0BACZ,MAAM;AAAA,0BACN,YAAY;AAAA,4BACV,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,aAAa;AAAA,4BAC3D,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,UAAU;AAAA,0BAC1D;AAAA,wBACF;AAAA,sBACF;AAAA,sBACA,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,eAAe;AAAA,sBAC7D,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,kBAAkB;AAAA,sBAChE,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,eAAe;AAAA,sBAC7D,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,cAAc;AAAA,sBAC5D,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,cAAc;AAAA,sBAC5D,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,cAAc;AAAA,sBAC5D,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,kBAAkB;AAAA,sBAChE,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,WAAW;AAAA,oBAC3D;AAAA,kBACF;AAAA,gBACF;AAAA,cACF;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AACO,MAAM,+BAA+B;AAAA,EAC1C,MAAM;AAAA,EACN,aAAa;AAAA,IACX;AAAA,MACE,MAAM;AAAA,MACN,MAAM,EAAE,MAAM,QAAQ,OAAO,oBAAoB;AAAA,MACjD,eAAe,EAAE,MAAM,aAAa,MAAM,EAAE,MAAM,QAAQ,OAAO,sBAAsB;AAAA,MACvF,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,YAAY;AAAA,UACV,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,eAAe;AAAA,UAC7D,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,OAAO;AAAA,UACrD,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,QAAQ,OAAO,aAAa;AAAA,QAC7D;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AC9KO,MAAM,YAAmD;AAAA,EAC9D,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,mBAAmB;AACrB;;"}

package/dist/constants.es.js

@@ -0,0 +1,145 @@
+const SwatchFragmentDoc = {
+  kind: "Document",
+  definitions: [
+    {
+      kind: "FragmentDefinition",
+      name: { kind: "Name", value: "Swatch" },
+      typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Swatch" } },
+      selectionSet: {
+        kind: "SelectionSet",
+        selections: [
+          { kind: "Field", name: { kind: "Name", value: "__typename" } },
+          { kind: "Field", name: { kind: "Name", value: "id" } },
+          { kind: "Field", name: { kind: "Name", value: "hue" } },
+          { kind: "Field", name: { kind: "Name", value: "saturation" } },
+          { kind: "Field", name: { kind: "Name", value: "lightness" } }
+        ]
+      }
+    }
+  ]
+};
+const FileFragmentDoc = {
+  kind: "Document",
+  definitions: [
+    {
+      kind: "FragmentDefinition",
+      name: { kind: "Name", value: "File" },
+      typeCondition: { kind: "NamedType", name: { kind: "Name", value: "File" } },
+      selectionSet: {
+        kind: "SelectionSet",
+        selections: [
+          { kind: "Field", name: { kind: "Name", value: "__typename" } },
+          { kind: "Field", name: { kind: "Name", value: "id" } },
+          { kind: "Field", name: { kind: "Name", value: "name" } },
+          { kind: "Field", name: { kind: "Name", value: "publicUrl" } },
+          { kind: "Field", name: { kind: "Name", value: "extension" } },
+          {
+            kind: "Field",
+            name: { kind: "Name", value: "dimensions" },
+            selectionSet: {
+              kind: "SelectionSet",
+              selections: [
+                { kind: "Field", name: { kind: "Name", value: "width" } },
+                { kind: "Field", name: { kind: "Name", value: "height" } }
+              ]
+            }
+          }
+        ]
+      }
+    }
+  ]
+};
+const TypographyFragmentDoc = {
+  kind: "Document",
+  definitions: [
+    {
+      kind: "FragmentDefinition",
+      name: { kind: "Name", value: "Typography" },
+      typeCondition: { kind: "NamedType", name: { kind: "Name", value: "Typography" } },
+      selectionSet: {
+        kind: "SelectionSet",
+        selections: [
+          { kind: "Field", name: { kind: "Name", value: "__typename" } },
+          { kind: "Field", name: { kind: "Name", value: "id" } },
+          { kind: "Field", name: { kind: "Name", value: "name" } },
+          {
+            kind: "Field",
+            name: { kind: "Name", value: "style" },
+            selectionSet: {
+              kind: "SelectionSet",
+              selections: [
+                { kind: "Field", name: { kind: "Name", value: "deviceId" } },
+                {
+                  kind: "Field",
+                  name: { kind: "Name", value: "value" },
+                  selectionSet: {
+                    kind: "SelectionSet",
+                    selections: [
+                      { kind: "Field", name: { kind: "Name", value: "fontFamily" } },
+                      {
+                        kind: "Field",
+                        name: { kind: "Name", value: "fontSize" },
+                        selectionSet: {
+                          kind: "SelectionSet",
+                          selections: [
+                            { kind: "Field", name: { kind: "Name", value: "value" } },
+                            { kind: "Field", name: { kind: "Name", value: "unit" } }
+                          ]
+                        }
+                      },
+                      {
+                        kind: "Field",
+                        name: { kind: "Name", value: "color" },
+                        selectionSet: {
+                          kind: "SelectionSet",
+                          selections: [
+                            { kind: "Field", name: { kind: "Name", value: "swatchId" } },
+                            { kind: "Field", name: { kind: "Name", value: "alpha" } }
+                          ]
+                        }
+                      },
+                      { kind: "Field", name: { kind: "Name", value: "lineHeight" } },
+                      { kind: "Field", name: { kind: "Name", value: "letterSpacing" } },
+                      { kind: "Field", name: { kind: "Name", value: "fontWeight" } },
+                      { kind: "Field", name: { kind: "Name", value: "textAlign" } },
+                      { kind: "Field", name: { kind: "Name", value: "uppercase" } },
+                      { kind: "Field", name: { kind: "Name", value: "underline" } },
+                      { kind: "Field", name: { kind: "Name", value: "strikethrough" } },
+                      { kind: "Field", name: { kind: "Name", value: "italic" } }
+                    ]
+                  }
+                }
+              ]
+            }
+          }
+        ]
+      }
+    }
+  ]
+};
+const PagePathnameSliceFragmentDoc = {
+  kind: "Document",
+  definitions: [
+    {
+      kind: "FragmentDefinition",
+      name: { kind: "Name", value: "PagePathnameSlice" },
+      typeCondition: { kind: "NamedType", name: { kind: "Name", value: "PagePathnameSlice" } },
+      selectionSet: {
+        kind: "SelectionSet",
+        selections: [
+          { kind: "Field", name: { kind: "Name", value: "__typename" } },
+          { kind: "Field", name: { kind: "Name", value: "id" } },
+          { kind: "Field", name: { kind: "Name", value: "pathname" } }
+        ]
+      }
+    }
+  ]
+};
+const Fragments = {
+  Swatch: SwatchFragmentDoc,
+  File: FileFragmentDoc,
+  Typography: TypographyFragmentDoc,
+  PagePathnameSlice: PagePathnameSliceFragmentDoc
+};
+export { Fragments as F };
+//# sourceMappingURL=constants.es.js.map

package/dist/constants.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.es.js","sources":["../src/api/generated/graphql.ts","../src/api/constants.ts"],"sourcesContent":["import { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core'\nexport type SwatchFragment = {\n  __typename: 'Swatch'\n  id: string\n  hue: number\n  saturation: number\n  lightness: number\n}\n\nexport type FileFragment = {\n  __typename: 'File'\n  id: string\n  name: string\n  publicUrl: any\n  extension?: string | null\n  dimensions?: { __typename?: 'ImageDimensions'; width: number; height: number } | null\n}\n\nexport type TypographyFragment = {\n  __typename: 'Typography'\n  id: string\n  name: string\n  style: Array<{\n    __typename?: 'TypographyStyle'\n    deviceId: string\n    value: {\n      __typename?: 'TypographyStyleValue'\n      fontFamily?: string | null\n      lineHeight?: number | null\n      letterSpacing?: number | null\n      fontWeight?: number | null\n      textAlign?: string | null\n      uppercase?: boolean | null\n      underline?: boolean | null\n      strikethrough?: boolean | null\n      italic?: boolean | null\n      fontSize?: { __typename?: 'Length'; value?: number | null; unit?: string | null } | null\n      color?: { __typename?: 'Color'; swatchId?: string | null; alpha?: number | null } | null\n    }\n  }>\n}\n\nexport type PagePathnameSliceFragment = {\n  __typename: 'PagePathnameSlice'\n  id: string\n  pathname: any\n}\n\nexport const SwatchFragmentDoc = {\n  kind: 'Document',\n  definitions: [\n    {\n      kind: 'FragmentDefinition',\n      name: { kind: 'Name', value: 'Swatch' },\n      typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'Swatch' } },\n      selectionSet: {\n        kind: 'SelectionSet',\n        selections: [\n          { kind: 'Field', name: { kind: 'Name', value: '__typename' } },\n          { kind: 'Field', name: { kind: 'Name', value: 'id' } },\n          { kind: 'Field', name: { kind: 'Name', value: 'hue' } },\n          { kind: 'Field', name: { kind: 'Name', value: 'saturation' } },\n          { kind: 'Field', name: { kind: 'Name', value: 'lightness' } },\n        ],\n      },\n    },\n  ],\n} as unknown as DocumentNode<SwatchFragment, unknown>\nexport const FileFragmentDoc = {\n  kind: 'Document',\n  definitions: [\n    {\n      kind: 'FragmentDefinition',\n      name: { kind: 'Name', value: 'File' },\n      typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'File' } },\n      selectionSet: {\n        kind: 'SelectionSet',\n        selections: [\n          { kind: 'Field', name: { kind: 'Name', value: '__typename' } },\n          { kind: 'Field', name: { kind: 'Name', value: 'id' } },\n          { kind: 'Field', name: { kind: 'Name', value: 'name' } },\n          { kind: 'Field', name: { kind: 'Name', value: 'publicUrl' } },\n          { kind: 'Field', name: { kind: 'Name', value: 'extension' } },\n          {\n            kind: 'Field',\n            name: { kind: 'Name', value: 'dimensions' },\n            selectionSet: {\n              kind: 'SelectionSet',\n              selections: [\n                { kind: 'Field', name: { kind: 'Name', value: 'width' } },\n                { kind: 'Field', name: { kind: 'Name', value: 'height' } },\n              ],\n            },\n          },\n        ],\n      },\n    },\n  ],\n} as unknown as DocumentNode<FileFragment, unknown>\nexport const TypographyFragmentDoc = {\n  kind: 'Document',\n  definitions: [\n    {\n      kind: 'FragmentDefinition',\n      name: { kind: 'Name', value: 'Typography' },\n      typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'Typography' } },\n      selectionSet: {\n        kind: 'SelectionSet',\n        selections: [\n          { kind: 'Field', name: { kind: 'Name', value: '__typename' } },\n          { kind: 'Field', name: { kind: 'Name', value: 'id' } },\n          { kind: 'Field', name: { kind: 'Name', value: 'name' } },\n          {\n            kind: 'Field',\n            name: { kind: 'Name', value: 'style' },\n            selectionSet: {\n              kind: 'SelectionSet',\n              selections: [\n                { kind: 'Field', name: { kind: 'Name', value: 'deviceId' } },\n                {\n                  kind: 'Field',\n                  name: { kind: 'Name', value: 'value' },\n                  selectionSet: {\n                    kind: 'SelectionSet',\n                    selections: [\n                      { kind: 'Field', name: { kind: 'Name', value: 'fontFamily' } },\n                      {\n                        kind: 'Field',\n                        name: { kind: 'Name', value: 'fontSize' },\n                        selectionSet: {\n                          kind: 'SelectionSet',\n                          selections: [\n                            { kind: 'Field', name: { kind: 'Name', value: 'value' } },\n                            { kind: 'Field', name: { kind: 'Name', value: 'unit' } },\n                          ],\n                        },\n                      },\n                      {\n                        kind: 'Field',\n                        name: { kind: 'Name', value: 'color' },\n                        selectionSet: {\n                          kind: 'SelectionSet',\n                          selections: [\n                            { kind: 'Field', name: { kind: 'Name', value: 'swatchId' } },\n                            { kind: 'Field', name: { kind: 'Name', value: 'alpha' } },\n                          ],\n                        },\n                      },\n                      { kind: 'Field', name: { kind: 'Name', value: 'lineHeight' } },\n                      { kind: 'Field', name: { kind: 'Name', value: 'letterSpacing' } },\n                      { kind: 'Field', name: { kind: 'Name', value: 'fontWeight' } },\n                      { kind: 'Field', name: { kind: 'Name', value: 'textAlign' } },\n                      { kind: 'Field', name: { kind: 'Name', value: 'uppercase' } },\n                      { kind: 'Field', name: { kind: 'Name', value: 'underline' } },\n                      { kind: 'Field', name: { kind: 'Name', value: 'strikethrough' } },\n                      { kind: 'Field', name: { kind: 'Name', value: 'italic' } },\n                    ],\n                  },\n                },\n              ],\n            },\n          },\n        ],\n      },\n    },\n  ],\n} as unknown as DocumentNode<TypographyFragment, unknown>\nexport const PagePathnameSliceFragmentDoc = {\n  kind: 'Document',\n  definitions: [\n    {\n      kind: 'FragmentDefinition',\n      name: { kind: 'Name', value: 'PagePathnameSlice' },\n      typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'PagePathnameSlice' } },\n      selectionSet: {\n        kind: 'SelectionSet',\n        selections: [\n          { kind: 'Field', name: { kind: 'Name', value: '__typename' } },\n          { kind: 'Field', name: { kind: 'Name', value: 'id' } },\n          { kind: 'Field', name: { kind: 'Name', value: 'pathname' } },\n        ],\n      },\n    },\n  ],\n} as unknown as DocumentNode<PagePathnameSliceFragment, unknown>\n","import type { DocumentNode } from 'graphql'\n\nimport {\n  SwatchFragmentDoc,\n  FileFragmentDoc,\n  TypographyFragmentDoc,\n  PagePathnameSliceFragmentDoc,\n} from './generated/graphql'\nimport type { APIResourceType } from './types'\n\nexport const Fragments: Record<APIResourceType, DocumentNode> = {\n  Swatch: SwatchFragmentDoc,\n  File: FileFragmentDoc,\n  Typography: TypographyFragmentDoc,\n  PagePathnameSlice: PagePathnameSliceFragmentDoc,\n}\n"],"names":[],"mappings":"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"}

package/dist/control-serialization.cjs.js

@@ -0,0 +1,91 @@
+"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 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 serializeListControl(control) {
+  const { getItemLabel } = control.options;
+  const serializedGetItemLabel = getItemLabel && serializeFunction(getItemLabel);
+  return [
+    __spreadProps(__spreadValues({}, control), { options: __spreadProps(__spreadValues({}, control.options), { getItemLabel: serializedGetItemLabel }) }),
+    serializedGetItemLabel == null ? [] : [serializedGetItemLabel]
+  ];
+}
+function deserializeListControl(serializedControl) {
+  const { getItemLabel } = serializedControl.options;
+  const deserializedGetItemLabel = getItemLabel && deserializeFunction(getItemLabel);
+  return __spreadProps(__spreadValues({}, serializedControl), {
+    options: __spreadProps(__spreadValues({}, serializedControl.options), { getItemLabel: deserializedGetItemLabel })
+  });
+}
+function serializeControl(control) {
+  switch (control.type) {
+    case descriptors.Types.List:
+      return serializeListControl(control);
+    default:
+      return [control, []];
+  }
+}
+function deserializeControl(serializedControl) {
+  switch (serializedControl.type) {
+    case descriptors.Types.List:
+      return deserializeListControl(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.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\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","import {\n  Data,\n  ListDescriptor as ListControl,\n  ListOptions as ListControlConfig,\n  ListValue as ListControlValue,\n  PanelDescriptor,\n  PropControllerDescriptor as Control,\n  Props as Controls,\n} from '../../prop-controllers'\nimport {\n  DeserializedFunction,\n  deserializeFunction,\n  SerializedFunction,\n  serializeFunction,\n} from './function-serialization'\n\ntype SerializedListControlConfig<T extends Data> = {\n  type: PanelDescriptor<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[number]['value']>\n}\n\nfunction serializeListControl<T extends Data>(\n  control: ListControl<ListControlValue<T>>,\n): [SerializedListControl<ListControlValue<T>>, Transferable[]] {\n  const { getItemLabel } = control.options\n\n  const serializedGetItemLabel = getItemLabel && serializeFunction(getItemLabel)\n\n  return [\n    { ...control, options: { ...control.options, getItemLabel: serializedGetItemLabel } },\n    serializedGetItemLabel == null ? [] : [serializedGetItemLabel],\n  ]\n}\n\ntype DeserializedListControlConfig<T extends Data> = {\n  type: PanelDescriptor<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[number]['value']>\n}\n\nfunction deserializeListControl<T extends Data>(\n  serializedControl: SerializedListControl<ListControlValue<T>>,\n): DeserializedListControl<ListControlValue<T>> {\n  const { getItemLabel } = serializedControl.options\n\n  const deserializedGetItemLabel = getItemLabel && deserializeFunction(getItemLabel)\n\n  return {\n    ...serializedControl,\n    options: { ...serializedControl.options, getItemLabel: deserializedGetItemLabel },\n  }\n}\n\nexport type SerializedControl = Exclude<Control, ListControl> | SerializedListControl\n\nexport type DeserializedControl = Exclude<Control, ListControl> | DeserializedListControl\n\nfunction serializeControl(control: Control): [SerializedControl, Transferable[]] {\n  switch (control.type) {\n    case Controls.Types.List:\n      return serializeListControl(control)\n\n    default:\n      return [control, []]\n  }\n}\n\nfunction deserializeControl(serializedControl: SerializedControl): DeserializedControl {\n  switch (serializedControl.type) {\n    case Controls.Types.List:\n      return deserializeListControl(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":";;;;;;;;;;;;;;;;;;;;;AAgBO,2BAAkD,MAAgC;AAGjF,QAAA,iBAAiB,IAAI;AAE3B,iBAAe,MAAM,YAAY,CAAC,EAAE,MAAM,CAAC,QAAQ,YAA8B;AAC/E,YAAQ,QACL,EAAA,KAAK,MAAM,KAAK,MAAM,MAAM,IAAI,CAAC,EACjC,KAAK,CAAA,WAAU,eAAe,MAAM,YAAY,CAAC,QAAQ,MAAM,CAAC,CAAC;AAAA,EAAA;AAGtE,SAAO,eAAe;AACxB;AAEO,6BACL,oBACyB;AAKzB,MAAI,aAAa;AACX,QAAA,4BAAY;AAElB,qBAAmB,YAAY,CAAC,EAAE,MAAM,CAAC,QAAQ,cAAkC;;AAC3E,gBAAA,IAAI,MAAM,MAAV,mBAAc;AAEpB,UAAM,OAAO,MAAM;AAAA,EAAA;AAGrB,SAAO,iCAAiC,MAAM;AACrC,WAAA,IAAI,QAAQ,CAAW,YAAA;AAC5B,YAAM,SAAS;AAET,YAAA,IAAI,QAAQ,OAAO;AAEzB,yBAAmB,YAAY,CAAC,QAAQ,IAAI,CAAC;AAAA,IAAA,CAC9C;AAAA,EAAA;AAEL;AC1BA,8BACE,SAC8D;AACxD,QAAA,EAAE,iBAAiB,QAAQ;AAE3B,QAAA,yBAAyB,gBAAgB,kBAAkB,YAAY;AAEtE,SAAA;AAAA,IACL,iCAAK,UAAL,EAAc,SAAS,iCAAK,QAAQ,UAAb,EAAsB,cAAc,0BAAyB;AAAA,IACpF,0BAA0B,OAAO,KAAK,CAAC,sBAAsB;AAAA,EAAA;AAEjE;AAeA,gCACE,mBAC8C;AACxC,QAAA,EAAE,iBAAiB,kBAAkB;AAErC,QAAA,2BAA2B,gBAAgB,oBAAoB,YAAY;AAE1E,SAAA,iCACF,oBADE;AAAA,IAEL,SAAS,iCAAK,kBAAkB,UAAvB,EAAgC,cAAc,yBAAyB;AAAA,EAAA;AAEpF;AAMA,0BAA0B,SAAuD;AAC/E,UAAQ,QAAQ;AAAA,SACTA,YAAe,MAAA;AAClB,aAAO,qBAAqB,OAAO;AAAA;AAG5B,aAAA,CAAC,SAAS,CAAA,CAAE;AAAA;AAEzB;AAEA,4BAA4B,mBAA2D;AACrF,UAAQ,kBAAkB;AAAA,SACnBA,YAAe,MAAA;AAClB,aAAO,uBAAuB,iBAAiB;AAAA;AAGxC,aAAA;AAAA;AAEb;AAEO,2BACL,UACqD;AAC9C,SAAA,OAAO,QAAQ,QAAQ,EAAE,OAC9B,CAAC,CAAC,aAAa,mBAAmB,CAAC,KAAK,aAAa;AACnD,UAAM,CAAC,mBAAmB,iBAAiB,iBAAiB,OAAO;AAE5D,WAAA,CAAC,iCAAK,cAAL,GAAmB,MAAM,sBAAqB,CAAC,GAAG,kBAAkB,GAAG,aAAa,CAAC;AAAA,EAAA,GAE/F,CAAC,CAAA,GAAI,CAAE,CAAA,CACT;AACF;AAEO,6BACL,oBACqC;AAC9B,SAAA,OAAO,QAAQ,kBAAkB,EAAE,OACxC,CAAC,sBAAsB,CAAC,KAAK,uBAAuB;AAClD,WAAO,iCAAK,uBAAL,GAA4B,MAAM,mBAAmB,iBAAiB;EAC/E,GACA,CACF,CAAA;AACF;;;;;"}

package/dist/control-serialization.es.js

@@ -0,0 +1,87 @@
+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 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 serializeListControl(control) {
+  const { getItemLabel } = control.options;
+  const serializedGetItemLabel = getItemLabel && serializeFunction(getItemLabel);
+  return [
+    __spreadProps(__spreadValues({}, control), { options: __spreadProps(__spreadValues({}, control.options), { getItemLabel: serializedGetItemLabel }) }),
+    serializedGetItemLabel == null ? [] : [serializedGetItemLabel]
+  ];
+}
+function deserializeListControl(serializedControl) {
+  const { getItemLabel } = serializedControl.options;
+  const deserializedGetItemLabel = getItemLabel && deserializeFunction(getItemLabel);
+  return __spreadProps(__spreadValues({}, serializedControl), {
+    options: __spreadProps(__spreadValues({}, serializedControl.options), { getItemLabel: deserializedGetItemLabel })
+  });
+}
+function serializeControl(control) {
+  switch (control.type) {
+    case Types.List:
+      return serializeListControl(control);
+    default:
+      return [control, []];
+  }
+}
+function deserializeControl(serializedControl) {
+  switch (serializedControl.type) {
+    case Types.List:
+      return deserializeListControl(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, 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\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","import {\n  Data,\n  ListDescriptor as ListControl,\n  ListOptions as ListControlConfig,\n  ListValue as ListControlValue,\n  PanelDescriptor,\n  PropControllerDescriptor as Control,\n  Props as Controls,\n} from '../../prop-controllers'\nimport {\n  DeserializedFunction,\n  deserializeFunction,\n  SerializedFunction,\n  serializeFunction,\n} from './function-serialization'\n\ntype SerializedListControlConfig<T extends Data> = {\n  type: PanelDescriptor<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[number]['value']>\n}\n\nfunction serializeListControl<T extends Data>(\n  control: ListControl<ListControlValue<T>>,\n): [SerializedListControl<ListControlValue<T>>, Transferable[]] {\n  const { getItemLabel } = control.options\n\n  const serializedGetItemLabel = getItemLabel && serializeFunction(getItemLabel)\n\n  return [\n    { ...control, options: { ...control.options, getItemLabel: serializedGetItemLabel } },\n    serializedGetItemLabel == null ? [] : [serializedGetItemLabel],\n  ]\n}\n\ntype DeserializedListControlConfig<T extends Data> = {\n  type: PanelDescriptor<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[number]['value']>\n}\n\nfunction deserializeListControl<T extends Data>(\n  serializedControl: SerializedListControl<ListControlValue<T>>,\n): DeserializedListControl<ListControlValue<T>> {\n  const { getItemLabel } = serializedControl.options\n\n  const deserializedGetItemLabel = getItemLabel && deserializeFunction(getItemLabel)\n\n  return {\n    ...serializedControl,\n    options: { ...serializedControl.options, getItemLabel: deserializedGetItemLabel },\n  }\n}\n\nexport type SerializedControl = Exclude<Control, ListControl> | SerializedListControl\n\nexport type DeserializedControl = Exclude<Control, ListControl> | DeserializedListControl\n\nfunction serializeControl(control: Control): [SerializedControl, Transferable[]] {\n  switch (control.type) {\n    case Controls.Types.List:\n      return serializeListControl(control)\n\n    default:\n      return [control, []]\n  }\n}\n\nfunction deserializeControl(serializedControl: SerializedControl): DeserializedControl {\n  switch (serializedControl.type) {\n    case Controls.Types.List:\n      return deserializeListControl(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":";;;;;;;;;;;;;;;;;;;;AAgBO,2BAAkD,MAAgC;AAGjF,QAAA,iBAAiB,IAAI;AAE3B,iBAAe,MAAM,YAAY,CAAC,EAAE,MAAM,CAAC,QAAQ,YAA8B;AAC/E,YAAQ,QACL,EAAA,KAAK,MAAM,KAAK,MAAM,MAAM,IAAI,CAAC,EACjC,KAAK,CAAA,WAAU,eAAe,MAAM,YAAY,CAAC,QAAQ,MAAM,CAAC,CAAC;AAAA,EAAA;AAGtE,SAAO,eAAe;AACxB;AAEO,6BACL,oBACyB;AAKzB,MAAI,aAAa;AACX,QAAA,4BAAY;AAElB,qBAAmB,YAAY,CAAC,EAAE,MAAM,CAAC,QAAQ,cAAkC;;AAC3E,gBAAA,IAAI,MAAM,MAAV,mBAAc;AAEpB,UAAM,OAAO,MAAM;AAAA,EAAA;AAGrB,SAAO,iCAAiC,MAAM;AACrC,WAAA,IAAI,QAAQ,CAAW,YAAA;AAC5B,YAAM,SAAS;AAET,YAAA,IAAI,QAAQ,OAAO;AAEzB,yBAAmB,YAAY,CAAC,QAAQ,IAAI,CAAC;AAAA,IAAA,CAC9C;AAAA,EAAA;AAEL;AC1BA,8BACE,SAC8D;AACxD,QAAA,EAAE,iBAAiB,QAAQ;AAE3B,QAAA,yBAAyB,gBAAgB,kBAAkB,YAAY;AAEtE,SAAA;AAAA,IACL,iCAAK,UAAL,EAAc,SAAS,iCAAK,QAAQ,UAAb,EAAsB,cAAc,0BAAyB;AAAA,IACpF,0BAA0B,OAAO,KAAK,CAAC,sBAAsB;AAAA,EAAA;AAEjE;AAeA,gCACE,mBAC8C;AACxC,QAAA,EAAE,iBAAiB,kBAAkB;AAErC,QAAA,2BAA2B,gBAAgB,oBAAoB,YAAY;AAE1E,SAAA,iCACF,oBADE;AAAA,IAEL,SAAS,iCAAK,kBAAkB,UAAvB,EAAgC,cAAc,yBAAyB;AAAA,EAAA;AAEpF;AAMA,0BAA0B,SAAuD;AAC/E,UAAQ,QAAQ;AAAA,SACTA,MAAe;AAClB,aAAO,qBAAqB,OAAO;AAAA;AAG5B,aAAA,CAAC,SAAS,CAAA,CAAE;AAAA;AAEzB;AAEA,4BAA4B,mBAA2D;AACrF,UAAQ,kBAAkB;AAAA,SACnBA,MAAe;AAClB,aAAO,uBAAuB,iBAAiB;AAAA;AAGxC,aAAA;AAAA;AAEb;AAEO,2BACL,UACqD;AAC9C,SAAA,OAAO,QAAQ,QAAQ,EAAE,OAC9B,CAAC,CAAC,aAAa,mBAAmB,CAAC,KAAK,aAAa;AACnD,UAAM,CAAC,mBAAmB,iBAAiB,iBAAiB,OAAO;AAE5D,WAAA,CAAC,iCAAK,cAAL,GAAmB,MAAM,sBAAqB,CAAC,GAAG,kBAAkB,GAAG,aAAa,CAAC;AAAA,EAAA,GAE/F,CAAC,CAAA,GAAI,CAAE,CAAA,CACT;AACF;AAEO,6BACL,oBACqC;AAC9B,SAAA,OAAO,QAAQ,kBAAkB,EAAE,OACxC,CAAC,sBAAsB,CAAC,KAAK,uBAAuB;AAClD,WAAO,iCAAK,uBAAL,GAA4B,MAAM,mBAAmB,iBAAiB;EAC/E,GACA,CACF,CAAA;AACF;;"}