@makeswift/runtime 0.23.1-canary.0 → 0.23.2

package/dist/cjs/next/components/tests/prop-controllers/page-prop-controller.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/next/components/tests/prop-controllers/page-prop-controller.tsx"],"sourcesContent":["/** @jest-environment jsdom */\n\nimport { render, screen } from '@testing-library/react'\nimport '@testing-library/jest-dom'\n\nimport {\n  type OptionsType,\n  Types,\n  type Descriptor,\n  type PropDef,\n  type Value,\n} from '@makeswift/prop-controllers'\n\nimport { type ElementData, type ComponentType } from '../../../../state/react-page'\nimport { randomUUID } from 'crypto'\n\nimport { Page } from '../../page'\nimport { act } from 'react-dom/test-utils'\nimport { ReactRuntimeProvider } from '../../../../runtimes/react'\nimport { ReactRuntime } from '../../../../react'\nimport {\n  createMakeswiftPageSnapshot,\n  createRootComponent,\n} from '../../../../utils/tests/element-data-test-test'\n\nexport const pagePropControllerTest = <\n  P extends PropDef & ((options?: any) => any),\n  C extends ComponentType<{ propKey: Value<P> | undefined }>,\n>(\n  propDef: P,\n  value: Value<typeof propDef>,\n  component: (testId: string) => C,\n  assert: (element: HTMLElement) => void,\n  options?: OptionsType<P>,\n) =>\n  describe('Page', () => {\n    test(`can render ${propDef.type} v0 data`, async () => {\n      // Arrange\n      const descriptorV0: Descriptor<typeof propDef> = {\n        type: propDef.type,\n        options,\n      }\n\n      const TestComponentType = 'TestComponent'\n      const testId = 'test-id'\n\n      const elementData: ElementData = createRootComponent([\n        {\n          key: randomUUID(),\n          type: TestComponentType,\n          props: {\n            propKey: propDef.toPropData(value, descriptorV0),\n          },\n        },\n      ])\n      const snapshot = createMakeswiftPageSnapshot(elementData)\n      const runtime = new ReactRuntime()\n\n      runtime.registerComponent(component(testId), {\n        type: TestComponentType,\n        label: 'TestComponent',\n        props: {\n          propKey: propDef(options),\n        },\n      })\n\n      await act(async () =>\n        render(\n          <ReactRuntimeProvider runtime={runtime} previewMode={false}>\n            <Page snapshot={snapshot} />\n          </ReactRuntimeProvider>,\n        ),\n      )\n\n      assert(screen.getByTestId(testId))\n    })\n\n    test(`can render ${propDef.type} v1 data`, async () => {\n      // Arrange\n      const gapXDefinitionV1: Descriptor<typeof propDef> = {\n        type: Types.GapX,\n        version: 1,\n        options: {},\n      }\n\n      const TestComponentType = 'TestComponent'\n      const testId = 'test-id'\n      const elementData: ElementData = createRootComponent([\n        {\n          key: randomUUID(),\n          type: TestComponentType,\n          props: {\n            propKey: propDef.toPropData(value, gapXDefinitionV1),\n          },\n        },\n      ])\n      const snapshot = createMakeswiftPageSnapshot(elementData)\n      const runtime = new ReactRuntime()\n\n      runtime.registerComponent(component(testId), {\n        type: TestComponentType,\n        label: 'TestComponent',\n        props: {\n          propKey: propDef(options),\n        },\n      })\n\n      await act(async () =>\n        render(\n          <ReactRuntimeProvider runtime={runtime} previewMode={false}>\n            <Page snapshot={snapshot} />\n          </ReactRuntimeProvider>,\n        ),\n      )\n\n      assert(screen.getByTestId(testId))\n    })\n  })\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqEY;AAnEZ,mBAA+B;AAC/B,sBAAO;AAEP,8BAMO;AAGP,oBAA2B;AAE3B,kBAAqB;AACrB,wBAAoB;AACpB,IAAAA,gBAAqC;AACrC,IAAAA,gBAA6B;AAC7B,oCAGO;AAEA,MAAM,yBAAyB,CAIpC,SACA,OACA,WACA,QACA,YAEA,SAAS,QAAQ,MAAM;AACrB,OAAK,cAAc,QAAQ,IAAI,YAAY,YAAY;AAErD,UAAM,eAA2C;AAAA,MAC/C,MAAM,QAAQ;AAAA,MACd;AAAA,IACF;AAEA,UAAM,oBAAoB;AAC1B,UAAM,SAAS;AAEf,UAAM,kBAA2B,mDAAoB;AAAA,MACnD;AAAA,QACE,SAAK,0BAAW;AAAA,QAChB,MAAM;AAAA,QACN,OAAO;AAAA,UACL,SAAS,QAAQ,WAAW,OAAO,YAAY;AAAA,QACjD;AAAA,MACF;AAAA,IACF,CAAC;AACD,UAAM,eAAW,2DAA4B,WAAW;AACxD,UAAM,UAAU,IAAI,2BAAa;AAEjC,YAAQ,kBAAkB,UAAU,MAAM,GAAG;AAAA,MAC3C,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,QACL,SAAS,QAAQ,OAAO;AAAA,MAC1B;AAAA,IACF,CAAC;AAED,cAAM;AAAA,MAAI,gBACR;AAAA,QACE,4CAAC,sCAAqB,SAAkB,aAAa,OACnD,sDAAC,oBAAK,UAAoB,GAC5B;AAAA,MACF;AAAA,IACF;AAEA,WAAO,oBAAO,YAAY,MAAM,CAAC;AAAA,EACnC,CAAC;AAED,OAAK,cAAc,QAAQ,IAAI,YAAY,YAAY;AAErD,UAAM,mBAA+C;AAAA,MACnD,MAAM,8BAAM;AAAA,MACZ,SAAS;AAAA,MACT,SAAS,CAAC;AAAA,IACZ;AAEA,UAAM,oBAAoB;AAC1B,UAAM,SAAS;AACf,UAAM,kBAA2B,mDAAoB;AAAA,MACnD;AAAA,QACE,SAAK,0BAAW;AAAA,QAChB,MAAM;AAAA,QACN,OAAO;AAAA,UACL,SAAS,QAAQ,WAAW,OAAO,gBAAgB;AAAA,QACrD;AAAA,MACF;AAAA,IACF,CAAC;AACD,UAAM,eAAW,2DAA4B,WAAW;AACxD,UAAM,UAAU,IAAI,2BAAa;AAEjC,YAAQ,kBAAkB,UAAU,MAAM,GAAG;AAAA,MAC3C,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,QACL,SAAS,QAAQ,OAAO;AAAA,MAC1B;AAAA,IACF,CAAC;AAED,cAAM;AAAA,MAAI,gBACR;AAAA,QACE,4CAAC,sCAAqB,SAAkB,aAAa,OACnD,sDAAC,oBAAK,UAAoB,GAC5B;AAAA,MACF;AAAA,IACF;AAEA,WAAO,oBAAO,YAAY,MAAM,CAAC;AAAA,EACnC,CAAC;AACH,CAAC;","names":["import_react"]}
+{"version":3,"sources":["../../../../../../src/next/components/tests/prop-controllers/page-prop-controller.tsx"],"sourcesContent":["/** @jest-environment jsdom */\n\nimport { render, screen } from '@testing-library/react'\nimport '@testing-library/jest-dom'\n\nimport {\n  type OptionsType,\n  Types,\n  type Descriptor,\n  type PropDef,\n  type Value,\n} from '@makeswift/prop-controllers'\n\nimport { type ElementData, type ComponentType } from '../../../../state/react-page'\nimport { randomUUID } from 'crypto'\n\nimport { Page } from '../../page'\nimport { act } from 'react-dom/test-utils'\nimport { ReactRuntime } from '../../../../react'\nimport * as Testing from '../../../../runtimes/react/testing'\n\nexport const pagePropControllerTest = <\n  P extends PropDef & ((options?: any) => any),\n  C extends ComponentType<{ propKey: Value<P> | undefined }>,\n>(\n  propDef: P,\n  value: Value<typeof propDef>,\n  component: (testId: string) => C,\n  assert: (element: HTMLElement) => void,\n  options?: OptionsType<P>,\n) =>\n  describe('Page', () => {\n    test(`can render ${propDef.type} v0 data`, async () => {\n      // Arrange\n      const descriptorV0: Descriptor<typeof propDef> = {\n        type: propDef.type,\n        options,\n      }\n\n      const TestComponentType = 'TestComponent'\n      const testId = 'test-id'\n\n      const elementData: ElementData = Testing.createRootComponent([\n        {\n          key: randomUUID(),\n          type: TestComponentType,\n          props: {\n            propKey: propDef.toPropData(value, descriptorV0),\n          },\n        },\n      ])\n      const snapshot = Testing.createMakeswiftPageSnapshot(elementData)\n      const runtime = new ReactRuntime()\n\n      runtime.registerComponent(component(testId), {\n        type: TestComponentType,\n        label: 'TestComponent',\n        props: {\n          propKey: propDef(options),\n        },\n      })\n\n      await act(async () =>\n        render(\n          <Testing.ReactProvider runtime={runtime}>\n            <Page snapshot={snapshot} />\n          </Testing.ReactProvider>,\n        ),\n      )\n\n      assert(screen.getByTestId(testId))\n    })\n\n    test(`can render ${propDef.type} v1 data`, async () => {\n      // Arrange\n      const gapXDefinitionV1: Descriptor<typeof propDef> = {\n        type: Types.GapX,\n        version: 1,\n        options: {},\n      }\n\n      const TestComponentType = 'TestComponent'\n      const testId = 'test-id'\n      const elementData: ElementData = Testing.createRootComponent([\n        {\n          key: randomUUID(),\n          type: TestComponentType,\n          props: {\n            propKey: propDef.toPropData(value, gapXDefinitionV1),\n          },\n        },\n      ])\n      const snapshot = Testing.createMakeswiftPageSnapshot(elementData)\n      const runtime = new ReactRuntime()\n\n      runtime.registerComponent(component(testId), {\n        type: TestComponentType,\n        label: 'TestComponent',\n        props: {\n          propKey: propDef(options),\n        },\n      })\n\n      await act(async () =>\n        render(\n          <Testing.ReactProvider runtime={runtime}>\n            <Page snapshot={snapshot} />\n          </Testing.ReactProvider>,\n        ),\n      )\n\n      assert(screen.getByTestId(testId))\n    })\n  })\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiEY;AA/DZ,mBAA+B;AAC/B,sBAAO;AAEP,8BAMO;AAGP,oBAA2B;AAE3B,kBAAqB;AACrB,wBAAoB;AACpB,IAAAA,gBAA6B;AAC7B,cAAyB;AAElB,MAAM,yBAAyB,CAIpC,SACA,OACA,WACA,QACA,YAEA,SAAS,QAAQ,MAAM;AACrB,OAAK,cAAc,QAAQ,IAAI,YAAY,YAAY;AAErD,UAAM,eAA2C;AAAA,MAC/C,MAAM,QAAQ;AAAA,MACd;AAAA,IACF;AAEA,UAAM,oBAAoB;AAC1B,UAAM,SAAS;AAEf,UAAM,cAA2B,QAAQ,oBAAoB;AAAA,MAC3D;AAAA,QACE,SAAK,0BAAW;AAAA,QAChB,MAAM;AAAA,QACN,OAAO;AAAA,UACL,SAAS,QAAQ,WAAW,OAAO,YAAY;AAAA,QACjD;AAAA,MACF;AAAA,IACF,CAAC;AACD,UAAM,WAAW,QAAQ,4BAA4B,WAAW;AAChE,UAAM,UAAU,IAAI,2BAAa;AAEjC,YAAQ,kBAAkB,UAAU,MAAM,GAAG;AAAA,MAC3C,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,QACL,SAAS,QAAQ,OAAO;AAAA,MAC1B;AAAA,IACF,CAAC;AAED,cAAM;AAAA,MAAI,gBACR;AAAA,QACE,4CAAC,QAAQ,eAAR,EAAsB,SACrB,sDAAC,oBAAK,UAAoB,GAC5B;AAAA,MACF;AAAA,IACF;AAEA,WAAO,oBAAO,YAAY,MAAM,CAAC;AAAA,EACnC,CAAC;AAED,OAAK,cAAc,QAAQ,IAAI,YAAY,YAAY;AAErD,UAAM,mBAA+C;AAAA,MACnD,MAAM,8BAAM;AAAA,MACZ,SAAS;AAAA,MACT,SAAS,CAAC;AAAA,IACZ;AAEA,UAAM,oBAAoB;AAC1B,UAAM,SAAS;AACf,UAAM,cAA2B,QAAQ,oBAAoB;AAAA,MAC3D;AAAA,QACE,SAAK,0BAAW;AAAA,QAChB,MAAM;AAAA,QACN,OAAO;AAAA,UACL,SAAS,QAAQ,WAAW,OAAO,gBAAgB;AAAA,QACrD;AAAA,MACF;AAAA,IACF,CAAC;AACD,UAAM,WAAW,QAAQ,4BAA4B,WAAW;AAChE,UAAM,UAAU,IAAI,2BAAa;AAEjC,YAAQ,kBAAkB,UAAU,MAAM,GAAG;AAAA,MAC3C,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,QACL,SAAS,QAAQ,OAAO;AAAA,MAC1B;AAAA,IACF,CAAC;AAED,cAAM;AAAA,MAAI,gBACR;AAAA,QACE,4CAAC,QAAQ,eAAR,EAAsB,SACrB,sDAAC,oBAAK,UAAoB,GAC5B;AAAA,MACF;AAAA,IACF;AAEA,WAAO,oBAAO,YAAY,MAAM,CAAC;AAAA,EACnC,CAAC;AACH,CAAC;","names":["import_react"]}

package/dist/cjs/next/root-style-registry.js

@@ -39,26 +39,27 @@ var import_css = require("@emotion/css");
 var import_navigation = require("next/navigation");
 var import_react = require("react");
 const CacheContext = (0, import_react.createContext)(import_css.cache);
+const createRootStyleCache = () => {
+  const cache2 = (0, import_cache.default)({ key: "css" });
+  cache2.compat = true;
+  const prevInsert = cache2.insert;
+  let inserted = [];
+  cache2.insert = (...args) => {
+    const serialized = args[1];
+    if (cache2.inserted[serialized.name] === void 0) {
+      inserted.push(serialized.name);
+    }
+    return prevInsert(...args);
+  };
+  const flush = () => {
+    const prevInserted = inserted;
+    inserted = [];
+    return prevInserted;
+  };
+  return { cache: cache2, flush };
+};
 function RootStyleRegistry({ children }) {
-  const [{ cache: cache2, flush }] = (0, import_react.useState)(() => {
-    const cache3 = (0, import_cache.default)({ key: "css" });
-    cache3.compat = true;
-    const prevInsert = cache3.insert;
-    let inserted = [];
-    cache3.insert = (...args) => {
-      const serialized = args[1];
-      if (cache3.inserted[serialized.name] === void 0) {
-        inserted.push(serialized.name);
-      }
-      return prevInsert(...args);
-    };
-    const flush2 = () => {
-      const prevInserted = inserted;
-      inserted = [];
-      return prevInserted;
-    };
-    return { cache: cache3, flush: flush2 };
-  });
+  const [{ cache: cache2, flush }] = (0, import_react.useState)(() => createRootStyleCache());
   (0, import_navigation.useServerInsertedHTML)(() => {
     const names = flush();
     if (names.length === 0)

package/dist/cjs/next/root-style-registry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/next/root-style-registry.tsx"],"sourcesContent":["'use client'\n\nimport createCache, { EmotionCache } from '@emotion/cache'\nimport { cache } from '@emotion/css'\nimport { useServerInsertedHTML } from 'next/navigation'\nimport { ReactNode, createContext, useContext, useState } from 'react'\n\nconst CacheContext = createContext(cache)\n\nexport function RootStyleRegistry({ children }: { children: ReactNode }) {\n  const [{ cache, flush }] = useState(() => {\n    const cache = createCache({ key: 'css' })\n    cache.compat = true\n    const prevInsert = cache.insert\n    let inserted: string[] = []\n    cache.insert = (...args) => {\n      const serialized = args[1]\n      if (cache.inserted[serialized.name] === undefined) {\n        inserted.push(serialized.name)\n      }\n      return prevInsert(...args)\n    }\n    const flush = () => {\n      const prevInserted = inserted\n      inserted = []\n      return prevInserted\n    }\n    return { cache, flush }\n  })\n\n  useServerInsertedHTML(() => {\n    const names = flush()\n    if (names.length === 0) return null\n    let styles = ''\n    for (const name of names) {\n      styles += cache.inserted[name]\n    }\n    return (\n      <style\n        data-emotion={`${cache.key} ${names.join(' ')}`}\n        dangerouslySetInnerHTML={{\n          __html: styles,\n        }}\n      />\n    )\n  })\n\n  return <CacheContext.Provider value={cache}>{children}</CacheContext.Provider>\n}\n\nexport function useCache(): EmotionCache {\n  return useContext(CacheContext)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCM;AApCN,mBAA0C;AAC1C,iBAAsB;AACtB,wBAAsC;AACtC,mBAA+D;AAE/D,MAAM,mBAAe,4BAAc,gBAAK;AAEjC,SAAS,kBAAkB,EAAE,SAAS,GAA4B;AACvE,QAAM,CAAC,EAAE,OAAAA,QAAO,MAAM,CAAC,QAAI,uBAAS,MAAM;AACxC,UAAMA,aAAQ,aAAAC,SAAY,EAAE,KAAK,MAAM,CAAC;AACxC,IAAAD,OAAM,SAAS;AACf,UAAM,aAAaA,OAAM;AACzB,QAAI,WAAqB,CAAC;AAC1B,IAAAA,OAAM,SAAS,IAAI,SAAS;AAC1B,YAAM,aAAa,KAAK,CAAC;AACzB,UAAIA,OAAM,SAAS,WAAW,IAAI,MAAM,QAAW;AACjD,iBAAS,KAAK,WAAW,IAAI;AAAA,MAC/B;AACA,aAAO,WAAW,GAAG,IAAI;AAAA,IAC3B;AACA,UAAME,SAAQ,MAAM;AAClB,YAAM,eAAe;AACrB,iBAAW,CAAC;AACZ,aAAO;AAAA,IACT;AACA,WAAO,EAAE,OAAAF,QAAO,OAAAE,OAAM;AAAA,EACxB,CAAC;AAED,+CAAsB,MAAM;AAC1B,UAAM,QAAQ,MAAM;AACpB,QAAI,MAAM,WAAW;AAAG,aAAO;AAC/B,QAAI,SAAS;AACb,eAAW,QAAQ,OAAO;AACxB,gBAAUF,OAAM,SAAS,IAAI;AAAA,IAC/B;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,gBAAc,GAAGA,OAAM,GAAG,IAAI,MAAM,KAAK,GAAG,CAAC;AAAA,QAC7C,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA;AAAA,IACF;AAAA,EAEJ,CAAC;AAED,SAAO,4CAAC,aAAa,UAAb,EAAsB,OAAOA,QAAQ,UAAS;AACxD;AAEO,SAAS,WAAyB;AACvC,aAAO,yBAAW,YAAY;AAChC;","names":["cache","createCache","flush"]}
+{"version":3,"sources":["../../../src/next/root-style-registry.tsx"],"sourcesContent":["'use client'\n\nimport createCache, { EmotionCache } from '@emotion/cache'\nimport { cache } from '@emotion/css'\nimport { useServerInsertedHTML } from 'next/navigation'\nimport { ReactNode, createContext, useContext, useState } from 'react'\n\nconst CacheContext = createContext(cache)\n\nconst createRootStyleCache = () => {\n  const cache = createCache({ key: 'css' })\n  cache.compat = true\n\n  const prevInsert = cache.insert\n  let inserted: string[] = []\n\n  cache.insert = (...args) => {\n    const serialized = args[1]\n    if (cache.inserted[serialized.name] === undefined) {\n      inserted.push(serialized.name)\n    }\n    return prevInsert(...args)\n  }\n\n  const flush = () => {\n    const prevInserted = inserted\n    inserted = []\n    return prevInserted\n  }\n\n  return { cache, flush }\n}\n\nexport function RootStyleRegistry({ children }: { children: ReactNode }) {\n  const [{ cache, flush }] = useState(() => createRootStyleCache())\n\n  useServerInsertedHTML(() => {\n    const names = flush()\n    if (names.length === 0) return null\n    let styles = ''\n    for (const name of names) {\n      styles += cache.inserted[name]\n    }\n\n    return (\n      <style\n        data-emotion={`${cache.key} ${names.join(' ')}`}\n        dangerouslySetInnerHTML={{\n          __html: styles,\n        }}\n      />\n    )\n  })\n\n  return <CacheContext.Provider value={cache}>{children}</CacheContext.Provider>\n}\n\nexport function useCache(): EmotionCache {\n  return useContext(CacheContext)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6CM;AA3CN,mBAA0C;AAC1C,iBAAsB;AACtB,wBAAsC;AACtC,mBAA+D;AAE/D,MAAM,mBAAe,4BAAc,gBAAK;AAExC,MAAM,uBAAuB,MAAM;AACjC,QAAMA,aAAQ,aAAAC,SAAY,EAAE,KAAK,MAAM,CAAC;AACxC,EAAAD,OAAM,SAAS;AAEf,QAAM,aAAaA,OAAM;AACzB,MAAI,WAAqB,CAAC;AAE1B,EAAAA,OAAM,SAAS,IAAI,SAAS;AAC1B,UAAM,aAAa,KAAK,CAAC;AACzB,QAAIA,OAAM,SAAS,WAAW,IAAI,MAAM,QAAW;AACjD,eAAS,KAAK,WAAW,IAAI;AAAA,IAC/B;AACA,WAAO,WAAW,GAAG,IAAI;AAAA,EAC3B;AAEA,QAAM,QAAQ,MAAM;AAClB,UAAM,eAAe;AACrB,eAAW,CAAC;AACZ,WAAO;AAAA,EACT;AAEA,SAAO,EAAE,OAAAA,QAAO,MAAM;AACxB;AAEO,SAAS,kBAAkB,EAAE,SAAS,GAA4B;AACvE,QAAM,CAAC,EAAE,OAAAA,QAAO,MAAM,CAAC,QAAI,uBAAS,MAAM,qBAAqB,CAAC;AAEhE,+CAAsB,MAAM;AAC1B,UAAM,QAAQ,MAAM;AACpB,QAAI,MAAM,WAAW;AAAG,aAAO;AAC/B,QAAI,SAAS;AACb,eAAW,QAAQ,OAAO;AACxB,gBAAUA,OAAM,SAAS,IAAI;AAAA,IAC/B;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,gBAAc,GAAGA,OAAM,GAAG,IAAI,MAAM,KAAK,GAAG,CAAC;AAAA,QAC7C,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA;AAAA,IACF;AAAA,EAEJ,CAAC;AAED,SAAO,4CAAC,aAAa,UAAb,EAAsB,OAAOA,QAAQ,UAAS;AACxD;AAEO,SAAS,WAAyB;AACvC,aAAO,yBAAW,YAAY;AAChC;","names":["cache","createCache"]}

package/dist/cjs/runtimes/react/hooks/use-resolved-props.js

@@ -84,11 +84,12 @@ function useResolvedProps(propDefs, elementData, elementKey) {
     [propDefs, resolveProp]
   );
   const props = (0, import_react.useMemo)(() => (0, import_resolvable_record.resolvableRecord)(resolvables), [resolvables]);
-  stylesheetFactory.useDefinedStyles();
   (0, import_react.useEffect)(() => {
     props.triggerResolve();
   }, []);
-  return (0, import_react.useSyncExternalStore)(props.subscribe, props.readStable, props.readStable);
+  const resolvedProps = (0, import_react.useSyncExternalStore)(props.subscribe, props.readStable, props.readStable);
+  stylesheetFactory.useDefinedStyles();
+  return resolvedProps;
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/runtimes/react/hooks/use-resolved-props.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-resolved-props.ts"],"sourcesContent":["import { useMemo, useEffect, useRef, useSyncExternalStore, useCallback } from 'react'\nimport {\n  ControlDefinition,\n  ControlInstance,\n  mapValues,\n  type Data,\n  type Resolvable,\n} from '@makeswift/controls'\n\nimport * as ReactPage from '../../../state/react-page'\nimport { useResourceResolver } from './use-resource-resolver'\nimport { useDocumentKey } from './use-document-context'\nimport { useSelector } from './use-selector'\n\nimport { useStylesheetFactory } from './use-stylesheet-factory'\n\nimport { resolvableRecord } from '../resolvable-record'\nimport { propErrorHandlingProxy } from '../utils/prop-error-handling-proxy'\n\nfunction useControlInstances(elementKey: string): Record<string, ControlInstance> | null {\n  const documentKey = useDocumentKey()\n\n  return useSelector(state => {\n    if (documentKey == null) return null\n\n    return ReactPage.getPropControllers(state, documentKey, elementKey)\n  })\n}\n\ntype CacheItem = {\n  data: Data\n  control: ControlInstance | undefined\n  resolvedValue: Resolvable<unknown>\n}\n\nexport function useResolvedProps(\n  propDefs: Record<string, ControlDefinition>,\n  elementData: Record<string, Data>,\n  elementKey: string,\n): Record<string, unknown> {\n  const stylesheetFactory = useStylesheetFactory()\n  const resourceResolver = useResourceResolver()\n  const controls = useControlInstances(elementKey)\n\n  const cache = useRef<Record<string, CacheItem>>({}).current\n  const resolveProp = useCallback(\n    (def: ControlDefinition, propName: string) => {\n      const data = elementData[propName]\n      const control = controls?.[propName]\n\n      if (\n        cache[propName] != null &&\n        data === cache[propName].data &&\n        control === cache[propName].control\n      ) {\n        return cache[propName].resolvedValue\n      }\n\n      const resolvedValue = def.resolveValue(\n        data,\n        resourceResolver,\n        stylesheetFactory.get(propName),\n        control,\n      )\n\n      cache[propName] = { data, control, resolvedValue }\n      return resolvedValue\n    },\n    [controls, elementData, resourceResolver, stylesheetFactory],\n  )\n\n  const resolvables = useMemo(\n    () =>\n      mapValues(propDefs, (def, propName) => {\n        const defaultValue = (def.config as any)?.defaultValue\n        return propErrorHandlingProxy(resolveProp(def, propName), defaultValue, error => {\n          console.warn(\n            `Error reading value for prop \"${propName}\", falling back to \\`${defaultValue}\\`.`,\n            { control: def, error },\n          )\n        })\n      }),\n    [propDefs, resolveProp],\n  )\n\n  const props = useMemo(() => resolvableRecord(resolvables), [resolvables])\n\n  stylesheetFactory.useDefinedStyles()\n\n  useEffect(() => {\n    props.triggerResolve()\n  }, [])\n\n  return useSyncExternalStore(props.subscribe, props.readStable, props.readStable)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8E;AAC9E,sBAMO;AAEP,gBAA2B;AAC3B,mCAAoC;AACpC,kCAA+B;AAC/B,0BAA4B;AAE5B,oCAAqC;AAErC,+BAAiC;AACjC,uCAAuC;AAEvC,SAAS,oBAAoB,YAA4D;AACvF,QAAM,kBAAc,4CAAe;AAEnC,aAAO,iCAAY,WAAS;AAC1B,QAAI,eAAe;AAAM,aAAO;AAEhC,WAAO,UAAU,mBAAmB,OAAO,aAAa,UAAU;AAAA,EACpE,CAAC;AACH;AAQO,SAAS,iBACd,UACA,aACA,YACyB;AACzB,QAAM,wBAAoB,oDAAqB;AAC/C,QAAM,uBAAmB,kDAAoB;AAC7C,QAAM,WAAW,oBAAoB,UAAU;AAE/C,QAAM,YAAQ,qBAAkC,CAAC,CAAC,EAAE;AACpD,QAAM,kBAAc;AAAA,IAClB,CAAC,KAAwB,aAAqB;AAC5C,YAAM,OAAO,YAAY,QAAQ;AACjC,YAAM,UAAU,WAAW,QAAQ;AAEnC,UACE,MAAM,QAAQ,KAAK,QACnB,SAAS,MAAM,QAAQ,EAAE,QACzB,YAAY,MAAM,QAAQ,EAAE,SAC5B;AACA,eAAO,MAAM,QAAQ,EAAE;AAAA,MACzB;AAEA,YAAM,gBAAgB,IAAI;AAAA,QACxB;AAAA,QACA;AAAA,QACA,kBAAkB,IAAI,QAAQ;AAAA,QAC9B;AAAA,MACF;AAEA,YAAM,QAAQ,IAAI,EAAE,MAAM,SAAS,cAAc;AACjD,aAAO;AAAA,IACT;AAAA,IACA,CAAC,UAAU,aAAa,kBAAkB,iBAAiB;AAAA,EAC7D;AAEA,QAAM,kBAAc;AAAA,IAClB,UACE,2BAAU,UAAU,CAAC,KAAK,aAAa;AACrC,YAAM,eAAgB,IAAI,QAAgB;AAC1C,iBAAO,yDAAuB,YAAY,KAAK,QAAQ,GAAG,cAAc,WAAS;AAC/E,gBAAQ;AAAA,UACN,iCAAiC,QAAQ,wBAAwB,YAAY;AAAA,UAC7E,EAAE,SAAS,KAAK,MAAM;AAAA,QACxB;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,IACH,CAAC,UAAU,WAAW;AAAA,EACxB;AAEA,QAAM,YAAQ,sBAAQ,UAAM,2CAAiB,WAAW,GAAG,CAAC,WAAW,CAAC;AAExE,oBAAkB,iBAAiB;AAEnC,8BAAU,MAAM;AACd,UAAM,eAAe;AAAA,EACvB,GAAG,CAAC,CAAC;AAEL,aAAO,mCAAqB,MAAM,WAAW,MAAM,YAAY,MAAM,UAAU;AACjF;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-resolved-props.ts"],"sourcesContent":["import { useMemo, useEffect, useRef, useSyncExternalStore, useCallback } from 'react'\nimport {\n  ControlDefinition,\n  ControlInstance,\n  mapValues,\n  type Data,\n  type Resolvable,\n} from '@makeswift/controls'\n\nimport * as ReactPage from '../../../state/react-page'\nimport { useResourceResolver } from './use-resource-resolver'\nimport { useDocumentKey } from './use-document-context'\nimport { useSelector } from './use-selector'\n\nimport { useStylesheetFactory } from './use-stylesheet-factory'\n\nimport { resolvableRecord } from '../resolvable-record'\nimport { propErrorHandlingProxy } from '../utils/prop-error-handling-proxy'\n\nfunction useControlInstances(elementKey: string): Record<string, ControlInstance> | null {\n  const documentKey = useDocumentKey()\n\n  return useSelector(state => {\n    if (documentKey == null) return null\n\n    return ReactPage.getPropControllers(state, documentKey, elementKey)\n  })\n}\n\ntype CacheItem = {\n  data: Data\n  control: ControlInstance | undefined\n  resolvedValue: Resolvable<unknown>\n}\n\nexport function useResolvedProps(\n  propDefs: Record<string, ControlDefinition>,\n  elementData: Record<string, Data>,\n  elementKey: string,\n): Record<string, unknown> {\n  const stylesheetFactory = useStylesheetFactory()\n  const resourceResolver = useResourceResolver()\n  const controls = useControlInstances(elementKey)\n\n  const cache = useRef<Record<string, CacheItem>>({}).current\n  const resolveProp = useCallback(\n    (def: ControlDefinition, propName: string) => {\n      const data = elementData[propName]\n      const control = controls?.[propName]\n\n      if (\n        cache[propName] != null &&\n        data === cache[propName].data &&\n        control === cache[propName].control\n      ) {\n        return cache[propName].resolvedValue\n      }\n\n      const resolvedValue = def.resolveValue(\n        data,\n        resourceResolver,\n        stylesheetFactory.get(propName),\n        control,\n      )\n\n      cache[propName] = { data, control, resolvedValue }\n      return resolvedValue\n    },\n    [controls, elementData, resourceResolver, stylesheetFactory],\n  )\n\n  const resolvables = useMemo(\n    () =>\n      mapValues(propDefs, (def, propName) => {\n        const defaultValue = (def.config as any)?.defaultValue\n        return propErrorHandlingProxy(resolveProp(def, propName), defaultValue, error => {\n          console.warn(\n            `Error reading value for prop \"${propName}\", falling back to \\`${defaultValue}\\`.`,\n            { control: def, error },\n          )\n        })\n      }),\n    [propDefs, resolveProp],\n  )\n\n  const props = useMemo(() => resolvableRecord(resolvables), [resolvables])\n\n  // no need to call `triggerResolve` on the server, all the resources should already be in\n  // the host API client's cache (populated from the snapshot's cache)\n  useEffect(() => {\n    props.triggerResolve()\n  }, [])\n\n  // the order is important here, the styles are defined in the process of the props resolution,\n  // calling `useDefinedStyles` before the props are resolved would effectively be a noop\n  const resolvedProps = useSyncExternalStore(props.subscribe, props.readStable, props.readStable)\n\n  stylesheetFactory.useDefinedStyles()\n\n  return resolvedProps\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8E;AAC9E,sBAMO;AAEP,gBAA2B;AAC3B,mCAAoC;AACpC,kCAA+B;AAC/B,0BAA4B;AAE5B,oCAAqC;AAErC,+BAAiC;AACjC,uCAAuC;AAEvC,SAAS,oBAAoB,YAA4D;AACvF,QAAM,kBAAc,4CAAe;AAEnC,aAAO,iCAAY,WAAS;AAC1B,QAAI,eAAe;AAAM,aAAO;AAEhC,WAAO,UAAU,mBAAmB,OAAO,aAAa,UAAU;AAAA,EACpE,CAAC;AACH;AAQO,SAAS,iBACd,UACA,aACA,YACyB;AACzB,QAAM,wBAAoB,oDAAqB;AAC/C,QAAM,uBAAmB,kDAAoB;AAC7C,QAAM,WAAW,oBAAoB,UAAU;AAE/C,QAAM,YAAQ,qBAAkC,CAAC,CAAC,EAAE;AACpD,QAAM,kBAAc;AAAA,IAClB,CAAC,KAAwB,aAAqB;AAC5C,YAAM,OAAO,YAAY,QAAQ;AACjC,YAAM,UAAU,WAAW,QAAQ;AAEnC,UACE,MAAM,QAAQ,KAAK,QACnB,SAAS,MAAM,QAAQ,EAAE,QACzB,YAAY,MAAM,QAAQ,EAAE,SAC5B;AACA,eAAO,MAAM,QAAQ,EAAE;AAAA,MACzB;AAEA,YAAM,gBAAgB,IAAI;AAAA,QACxB;AAAA,QACA;AAAA,QACA,kBAAkB,IAAI,QAAQ;AAAA,QAC9B;AAAA,MACF;AAEA,YAAM,QAAQ,IAAI,EAAE,MAAM,SAAS,cAAc;AACjD,aAAO;AAAA,IACT;AAAA,IACA,CAAC,UAAU,aAAa,kBAAkB,iBAAiB;AAAA,EAC7D;AAEA,QAAM,kBAAc;AAAA,IAClB,UACE,2BAAU,UAAU,CAAC,KAAK,aAAa;AACrC,YAAM,eAAgB,IAAI,QAAgB;AAC1C,iBAAO,yDAAuB,YAAY,KAAK,QAAQ,GAAG,cAAc,WAAS;AAC/E,gBAAQ;AAAA,UACN,iCAAiC,QAAQ,wBAAwB,YAAY;AAAA,UAC7E,EAAE,SAAS,KAAK,MAAM;AAAA,QACxB;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,IACH,CAAC,UAAU,WAAW;AAAA,EACxB;AAEA,QAAM,YAAQ,sBAAQ,UAAM,2CAAiB,WAAW,GAAG,CAAC,WAAW,CAAC;AAIxE,8BAAU,MAAM;AACd,UAAM,eAAe;AAAA,EACvB,GAAG,CAAC,CAAC;AAIL,QAAM,oBAAgB,mCAAqB,MAAM,WAAW,MAAM,YAAY,MAAM,UAAU;AAE9F,oBAAkB,iBAAiB;AAEnC,SAAO;AACT;","names":[]}

package/dist/cjs/{utils/tests/breakpoint-test-util.js → runtimes/react/testing/breakpoints.js}

@@ -16,13 +16,13 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var breakpoint_test_util_exports = {};
-__export(breakpoint_test_util_exports, {
+var breakpoints_exports = {};
+__export(breakpoints_exports, {
   DESKTOP_MEDIA_QUERY: () => DESKTOP_MEDIA_QUERY,
   MOBILE_MEDIA_QUERY: () => MOBILE_MEDIA_QUERY,
   TABLET_MEDIA_QUERY: () => TABLET_MEDIA_QUERY
 });
-module.exports = __toCommonJS(breakpoint_test_util_exports);
+module.exports = __toCommonJS(breakpoints_exports);
 const DESKTOP_MEDIA_QUERY = "only screen and (min-width: 769px)";
 const TABLET_MEDIA_QUERY = "only screen and (min-width: 769px)";
 const MOBILE_MEDIA_QUERY = "only screen and (min-width: 769px)";
@@ -32,4 +32,4 @@ const MOBILE_MEDIA_QUERY = "only screen and (min-width: 769px)";
   MOBILE_MEDIA_QUERY,
   TABLET_MEDIA_QUERY
 });
-//# sourceMappingURL=breakpoint-test-util.js.map
+//# sourceMappingURL=breakpoints.js.map

package/dist/cjs/runtimes/react/testing/breakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/testing/breakpoints.ts"],"sourcesContent":["export const DESKTOP_MEDIA_QUERY = 'only screen and (min-width: 769px)'\nexport const TABLET_MEDIA_QUERY = 'only screen and (min-width: 769px)'\nexport const MOBILE_MEDIA_QUERY = 'only screen and (min-width: 769px)'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,sBAAsB;AAC5B,MAAM,qBAAqB;AAC3B,MAAM,qBAAqB;","names":[]}

package/dist/cjs/{utils/tests/element-data-test-test.js → runtimes/react/testing/element-data.js}

@@ -16,14 +16,16 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var element_data_test_test_exports = {};
-__export(element_data_test_test_exports, {
+var element_data_exports = {};
+__export(element_data_exports, {
+  createMakeswiftComponentSnapshot: () => createMakeswiftComponentSnapshot,
   createMakeswiftPageSnapshot: () => createMakeswiftPageSnapshot,
   createRootComponent: () => createRootComponent
 });
-module.exports = __toCommonJS(element_data_test_test_exports);
+module.exports = __toCommonJS(element_data_exports);
 var import_crypto = require("crypto");
-var import_components = require("../../components");
+var import_react = require("../../../api/react");
+var import_components = require("../../../components");
 function createRootComponent(elements, rootId) {
   return {
     key: rootId ?? (0, import_crypto.randomUUID)(),
@@ -61,15 +63,39 @@ function createMakeswiftPageSnapshot(elementData, {
       locale
     },
     cacheData: {
-      apiResources: {},
-      localizedResourcesMap: {},
+      ...import_react.CacheData.empty(),
+      ...cacheData
+    }
+  };
+}
+function createMakeswiftComponentSnapshot(elementData, {
+  cacheData = {},
+  locale = null
+} = {}) {
+  return {
+    key: (0, import_crypto.randomUUID)(),
+    document: {
+      id: "test-component-id",
+      name: "Test Component Document",
+      siteId: "test-site-id",
+      data: elementData,
+      inheritsFromParent: false,
+      locale
+    },
+    meta: {
+      allowLocaleFallback: false,
+      requestedLocale: locale
+    },
+    cacheData: {
+      ...import_react.CacheData.empty(),
       ...cacheData
     }
   };
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  createMakeswiftComponentSnapshot,
   createMakeswiftPageSnapshot,
   createRootComponent
 });
-//# sourceMappingURL=element-data-test-test.js.map
+//# sourceMappingURL=element-data.js.map

package/dist/cjs/runtimes/react/testing/element-data.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/testing/element-data.ts"],"sourcesContent":["import { randomUUID } from 'crypto'\nimport { type MakeswiftPageSnapshot, type MakeswiftComponentSnapshot } from '../../../next/client'\nimport { type ElementData } from '../../../state/react-page'\nimport { CacheData } from '../../../api/react'\nimport { MakeswiftComponentType } from '../../../components'\n\nexport function createRootComponent(elements: ElementData[], rootId?: string) {\n  return {\n    key: rootId ?? randomUUID(),\n    type: MakeswiftComponentType.Root,\n    props: {\n      children: {\n        columns: [\n          {\n            deviceId: 'desktop',\n            value: {\n              count: 12,\n              spans: elements?.map(() => [12]),\n            },\n          },\n        ],\n        elements,\n      },\n    },\n  }\n}\n\nexport function createMakeswiftPageSnapshot(\n  elementData: ElementData,\n  {\n    cacheData = {},\n    locale = null,\n  }: { cacheData?: Partial<MakeswiftPageSnapshot['cacheData']>; locale?: string | null } = {},\n): MakeswiftPageSnapshot {\n  return {\n    document: {\n      id: 'test-page-id',\n      site: { id: 'test-site-id' },\n      data: elementData,\n      snippets: [],\n      fonts: [],\n      meta: {},\n      seo: {},\n      localizedPages: [],\n      locale,\n    },\n    cacheData: {\n      ...CacheData.empty(),\n      ...cacheData,\n    },\n  }\n}\n\nexport function createMakeswiftComponentSnapshot(\n  elementData: ElementData,\n  {\n    cacheData = {},\n    locale = null,\n  }: { cacheData?: Partial<MakeswiftComponentSnapshot['cacheData']>; locale?: string | null } = {},\n): MakeswiftComponentSnapshot {\n  return {\n    key: randomUUID(),\n    document: {\n      id: 'test-component-id',\n      name: 'Test Component Document',\n      siteId: 'test-site-id',\n      data: elementData,\n      inheritsFromParent: false,\n      locale,\n    },\n    meta: {\n      allowLocaleFallback: false,\n      requestedLocale: locale,\n    },\n    cacheData: {\n      ...CacheData.empty(),\n      ...cacheData,\n    },\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA2B;AAG3B,mBAA0B;AAC1B,wBAAuC;AAEhC,SAAS,oBAAoB,UAAyB,QAAiB;AAC5E,SAAO;AAAA,IACL,KAAK,cAAU,0BAAW;AAAA,IAC1B,MAAM,yCAAuB;AAAA,IAC7B,OAAO;AAAA,MACL,UAAU;AAAA,QACR,SAAS;AAAA,UACP;AAAA,YACE,UAAU;AAAA,YACV,OAAO;AAAA,cACL,OAAO;AAAA,cACP,OAAO,UAAU,IAAI,MAAM,CAAC,EAAE,CAAC;AAAA,YACjC;AAAA,UACF;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,SAAS,4BACd,aACA;AAAA,EACE,YAAY,CAAC;AAAA,EACb,SAAS;AACX,IAAyF,CAAC,GACnE;AACvB,SAAO;AAAA,IACL,UAAU;AAAA,MACR,IAAI;AAAA,MACJ,MAAM,EAAE,IAAI,eAAe;AAAA,MAC3B,MAAM;AAAA,MACN,UAAU,CAAC;AAAA,MACX,OAAO,CAAC;AAAA,MACR,MAAM,CAAC;AAAA,MACP,KAAK,CAAC;AAAA,MACN,gBAAgB,CAAC;AAAA,MACjB;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,GAAG,uBAAU,MAAM;AAAA,MACnB,GAAG;AAAA,IACL;AAAA,EACF;AACF;AAEO,SAAS,iCACd,aACA;AAAA,EACE,YAAY,CAAC;AAAA,EACb,SAAS;AACX,IAA8F,CAAC,GACnE;AAC5B,SAAO;AAAA,IACL,SAAK,0BAAW;AAAA,IAChB,UAAU;AAAA,MACR,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,oBAAoB;AAAA,MACpB;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,qBAAqB;AAAA,MACrB,iBAAiB;AAAA,IACnB;AAAA,IACA,WAAW;AAAA,MACT,GAAG,uBAAU,MAAM;AAAA,MACnB,GAAG;AAAA,IACL;AAAA,EACF;AACF;","names":[]}

package/dist/cjs/runtimes/react/testing/index.js

@@ -0,0 +1,27 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var testing_exports = {};
+module.exports = __toCommonJS(testing_exports);
+__reExport(testing_exports, require("./breakpoints"), module.exports);
+__reExport(testing_exports, require("./element-data"), module.exports);
+__reExport(testing_exports, require("./react-provider"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./breakpoints"),
+  ...require("./element-data"),
+  ...require("./react-provider")
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/runtimes/react/testing/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/testing/index.ts"],"sourcesContent":["export * from './breakpoints'\nexport * from './element-data'\nexport * from './react-provider'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,4BAAc,0BAAd;AACA,4BAAc,2BADd;AAEA,4BAAc,6BAFd;","names":[]}

package/dist/cjs/runtimes/react/testing/react-provider.js

@@ -0,0 +1,38 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_provider_exports = {};
+__export(react_provider_exports, {
+  ReactProvider: () => ReactProvider
+});
+module.exports = __toCommonJS(react_provider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_next = require("../../../next");
+var import_RuntimeProvider = require("../components/RuntimeProvider");
+function ReactProvider({
+  children,
+  runtime,
+  previewMode = false
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_RuntimeProvider.ReactRuntimeProvider, { previewMode, runtime, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_next.RootStyleRegistry, { children }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ReactProvider
+});
+//# sourceMappingURL=react-provider.js.map

package/dist/cjs/runtimes/react/testing/react-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/testing/react-provider.tsx"],"sourcesContent":["import { RootStyleRegistry } from '../../../next'\nimport { ReactRuntimeProvider } from '../components/RuntimeProvider'\nimport { ReactRuntime } from '../react-runtime'\n\nexport function ReactProvider({\n  children,\n  runtime,\n  previewMode = false,\n}: {\n  children: React.ReactNode\n  runtime: ReactRuntime\n  previewMode?: boolean\n}) {\n  return (\n    <ReactRuntimeProvider previewMode={previewMode} runtime={runtime}>\n      <RootStyleRegistry>{children}</RootStyleRegistry>\n    </ReactRuntimeProvider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAeM;AAfN,kBAAkC;AAClC,6BAAqC;AAG9B,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAIG;AACD,SACE,4CAAC,+CAAqB,aAA0B,SAC9C,sDAAC,iCAAmB,UAAS,GAC/B;AAEJ;","names":[]}

package/dist/cjs/runtimes/react/use-style.js

@@ -37,7 +37,7 @@ var import_react = __toESM(require("react"));
 var import_serialize = require("@emotion/serialize");
 var import_utils = require("@emotion/utils");
 var import_root_style_registry = require("../../next/root-style-registry");
-const isServer = typeof window === "undefined";
+var import_is_server = require("../../utils/is-server");
 const useInsertionEffectSpecifier = "useInsertionEffect";
 const useInsertionEffect = import_react.default[useInsertionEffectSpecifier] ?? import_react.default.useLayoutEffect;
 function useStyle(style) {
@@ -57,7 +57,7 @@ function useStyles(cache, styles) {
 }
 function useUniversalInsertionEffect(effect) {
   useInsertionEffect(effect);
-  if (isServer)
+  if ((0, import_is_server.isServer)())
     effect();
 }
 function serializedStyleClassName(cache, serialized) {

package/dist/cjs/runtimes/react/use-style.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtimes/react/use-style.ts"],"sourcesContent":["import React from 'react'\nimport { CSSObject } from '@emotion/css'\nimport { EmotionCache } from '@emotion/cache'\nimport { serializeStyles } from '@emotion/serialize'\nimport { registerStyles, insertStyles, type SerializedStyles } from '@emotion/utils'\n\nimport { useCache } from '../../next/root-style-registry'\n\nconst isServer = typeof window === 'undefined'\nconst useInsertionEffectSpecifier = 'useInsertionEffect'\nconst useInsertionEffect = React[useInsertionEffectSpecifier] ?? React.useLayoutEffect\n\nexport function useStyle(style: CSSObject): string {\n  const cache = useCache()\n  const serialized = serializeStyles([style], cache.registered)\n\n  registerStyles(cache, serialized, false)\n\n  useUniversalInsertionEffect(() => {\n    insertStyles(cache, serialized, false)\n  })\n\n  return serializedStyleClassName(cache, serialized)\n}\n\nexport function useStyles(cache: EmotionCache, styles: SerializedStyles[]) {\n  styles.forEach(s => registerStyles(cache, s, false))\n\n  useUniversalInsertionEffect(() => {\n    styles.forEach(s => insertStyles(cache, s, false))\n  })\n}\n\nfunction useUniversalInsertionEffect(effect: () => void) {\n  useInsertionEffect(effect)\n  if (isServer) effect()\n}\n\nexport function serializedStyleClassName(\n  cache: EmotionCache,\n  serialized: SerializedStyles,\n): string {\n  // see https://github.com/emotion-js/emotion/blob/main/packages/utils/src/index.ts#L26\n  return `${cache.key}-${serialized.name}`\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAGlB,uBAAgC;AAChC,mBAAoE;AAEpE,iCAAyB;AAEzB,MAAM,WAAW,OAAO,WAAW;AACnC,MAAM,8BAA8B;AACpC,MAAM,qBAAqB,aAAAA,QAAM,2BAA2B,KAAK,aAAAA,QAAM;AAEhE,SAAS,SAAS,OAA0B;AACjD,QAAM,YAAQ,qCAAS;AACvB,QAAM,iBAAa,kCAAgB,CAAC,KAAK,GAAG,MAAM,UAAU;AAE5D,mCAAe,OAAO,YAAY,KAAK;AAEvC,8BAA4B,MAAM;AAChC,mCAAa,OAAO,YAAY,KAAK;AAAA,EACvC,CAAC;AAED,SAAO,yBAAyB,OAAO,UAAU;AACnD;AAEO,SAAS,UAAU,OAAqB,QAA4B;AACzE,SAAO,QAAQ,WAAK,6BAAe,OAAO,GAAG,KAAK,CAAC;AAEnD,8BAA4B,MAAM;AAChC,WAAO,QAAQ,WAAK,2BAAa,OAAO,GAAG,KAAK,CAAC;AAAA,EACnD,CAAC;AACH;AAEA,SAAS,4BAA4B,QAAoB;AACvD,qBAAmB,MAAM;AACzB,MAAI;AAAU,WAAO;AACvB;AAEO,SAAS,yBACd,OACA,YACQ;AAER,SAAO,GAAG,MAAM,GAAG,IAAI,WAAW,IAAI;AACxC;","names":["React"]}
+{"version":3,"sources":["../../../../src/runtimes/react/use-style.ts"],"sourcesContent":["import React from 'react'\nimport { CSSObject } from '@emotion/css'\nimport { EmotionCache } from '@emotion/cache'\nimport { serializeStyles } from '@emotion/serialize'\nimport { registerStyles, insertStyles, type SerializedStyles } from '@emotion/utils'\n\nimport { useCache } from '../../next/root-style-registry'\nimport { isServer } from '../../utils/is-server'\n\nconst useInsertionEffectSpecifier = 'useInsertionEffect'\nconst useInsertionEffect = React[useInsertionEffectSpecifier] ?? React.useLayoutEffect\n\nexport function useStyle(style: CSSObject): string {\n  const cache = useCache()\n  const serialized = serializeStyles([style], cache.registered)\n\n  registerStyles(cache, serialized, false)\n\n  useUniversalInsertionEffect(() => {\n    insertStyles(cache, serialized, false)\n  })\n\n  return serializedStyleClassName(cache, serialized)\n}\n\nexport function useStyles(cache: EmotionCache, styles: SerializedStyles[]) {\n  styles.forEach(s => registerStyles(cache, s, false))\n\n  useUniversalInsertionEffect(() => {\n    styles.forEach(s => insertStyles(cache, s, false))\n  })\n}\n\nfunction useUniversalInsertionEffect(effect: () => void) {\n  useInsertionEffect(effect)\n  if (isServer()) effect()\n}\n\nexport function serializedStyleClassName(\n  cache: EmotionCache,\n  serialized: SerializedStyles,\n): string {\n  // see https://github.com/emotion-js/emotion/blob/main/packages/utils/src/index.ts#L26\n  return `${cache.key}-${serialized.name}`\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAGlB,uBAAgC;AAChC,mBAAoE;AAEpE,iCAAyB;AACzB,uBAAyB;AAEzB,MAAM,8BAA8B;AACpC,MAAM,qBAAqB,aAAAA,QAAM,2BAA2B,KAAK,aAAAA,QAAM;AAEhE,SAAS,SAAS,OAA0B;AACjD,QAAM,YAAQ,qCAAS;AACvB,QAAM,iBAAa,kCAAgB,CAAC,KAAK,GAAG,MAAM,UAAU;AAE5D,mCAAe,OAAO,YAAY,KAAK;AAEvC,8BAA4B,MAAM;AAChC,mCAAa,OAAO,YAAY,KAAK;AAAA,EACvC,CAAC;AAED,SAAO,yBAAyB,OAAO,UAAU;AACnD;AAEO,SAAS,UAAU,OAAqB,QAA4B;AACzE,SAAO,QAAQ,WAAK,6BAAe,OAAO,GAAG,KAAK,CAAC;AAEnD,8BAA4B,MAAM;AAChC,WAAO,QAAQ,WAAK,2BAAa,OAAO,GAAG,KAAK,CAAC;AAAA,EACnD,CAAC;AACH;AAEA,SAAS,4BAA4B,QAAoB;AACvD,qBAAmB,MAAM;AACzB,UAAI,2BAAS;AAAG,WAAO;AACzB;AAEO,SAAS,yBACd,OACA,YACQ;AAER,SAAO,GAAG,MAAM,GAAG,IAAI,WAAW,IAAI;AACxC;","names":["React"]}

package/dist/esm/jest-setup.js

@@ -1,10 +1,13 @@
 import "@testing-library/jest-dom";
-import { matchers } from "@emotion/jest";
+import { matchers, createSerializer } from "@emotion/jest";
 import { server } from "./mocks/server";
 beforeAll(() => server.listen());
 afterEach(() => server.resetHandlers());
 afterAll(() => server.close());
 expect.extend(matchers);
+if (typeof window !== "undefined") {
+  expect.addSnapshotSerializer(createSerializer());
+}
 jest.mock("uuid", () => ({
   v4: jest.fn(() => "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"),
   v5: jest.fn(() => "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx")

package/dist/esm/jest-setup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/jest-setup.ts"],"sourcesContent":["import '@testing-library/jest-dom'\nimport { matchers } from '@emotion/jest'\nimport { server } from './mocks/server'\n\nbeforeAll(() => server.listen())\nafterEach(() => server.resetHandlers())\nafterAll(() => server.close())\n\nexpect.extend(matchers)\n\njest.mock('uuid', () => ({\n  v4: jest.fn(() => 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx'),\n  v5: jest.fn(() => 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx'),\n}))\n\nif (typeof window !== 'undefined') {\n  Object.defineProperty(window, 'matchMedia', {\n    writable: true,\n    value: jest.fn().mockImplementation(query => ({\n      matches: false,\n      media: query,\n      onchange: null,\n      addListener: jest.fn(), // deprecated\n      removeListener: jest.fn(), // deprecated\n      addEventListener: jest.fn(),\n      removeEventListener: jest.fn(),\n      dispatchEvent: jest.fn(),\n    })),\n  })\n\n  Object.defineProperty(window, 'IntersectionObserver', {\n    writable: true,\n    value: jest.fn().mockImplementation(() => ({\n      observe: jest.fn(),\n      unobserve: jest.fn(),\n      disconnect: jest.fn(),\n    })),\n  })\n}\n"],"mappings":"AAAA,OAAO;AACP,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAEvB,UAAU,MAAM,OAAO,OAAO,CAAC;AAC/B,UAAU,MAAM,OAAO,cAAc,CAAC;AACtC,SAAS,MAAM,OAAO,MAAM,CAAC;AAE7B,OAAO,OAAO,QAAQ;AAEtB,KAAK,KAAK,QAAQ,OAAO;AAAA,EACvB,IAAI,KAAK,GAAG,MAAM,sCAAsC;AAAA,EACxD,IAAI,KAAK,GAAG,MAAM,sCAAsC;AAC1D,EAAE;AAEF,IAAI,OAAO,WAAW,aAAa;AACjC,SAAO,eAAe,QAAQ,cAAc;AAAA,IAC1C,UAAU;AAAA,IACV,OAAO,KAAK,GAAG,EAAE,mBAAmB,YAAU;AAAA,MAC5C,SAAS;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa,KAAK,GAAG;AAAA;AAAA,MACrB,gBAAgB,KAAK,GAAG;AAAA;AAAA,MACxB,kBAAkB,KAAK,GAAG;AAAA,MAC1B,qBAAqB,KAAK,GAAG;AAAA,MAC7B,eAAe,KAAK,GAAG;AAAA,IACzB,EAAE;AAAA,EACJ,CAAC;AAED,SAAO,eAAe,QAAQ,wBAAwB;AAAA,IACpD,UAAU;AAAA,IACV,OAAO,KAAK,GAAG,EAAE,mBAAmB,OAAO;AAAA,MACzC,SAAS,KAAK,GAAG;AAAA,MACjB,WAAW,KAAK,GAAG;AAAA,MACnB,YAAY,KAAK,GAAG;AAAA,IACtB,EAAE;AAAA,EACJ,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../src/jest-setup.ts"],"sourcesContent":["import '@testing-library/jest-dom'\nimport { matchers, createSerializer } from '@emotion/jest'\nimport { server } from './mocks/server'\n\nbeforeAll(() => server.listen())\nafterEach(() => server.resetHandlers())\nafterAll(() => server.close())\n\nexpect.extend(matchers)\nif (typeof window !== 'undefined') {\n  // jest-environment jsdom\n  expect.addSnapshotSerializer(createSerializer())\n}\n\njest.mock('uuid', () => ({\n  v4: jest.fn(() => 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx'),\n  v5: jest.fn(() => 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx'),\n}))\n\nif (typeof window !== 'undefined') {\n  Object.defineProperty(window, 'matchMedia', {\n    writable: true,\n    value: jest.fn().mockImplementation(query => ({\n      matches: false,\n      media: query,\n      onchange: null,\n      addListener: jest.fn(), // deprecated\n      removeListener: jest.fn(), // deprecated\n      addEventListener: jest.fn(),\n      removeEventListener: jest.fn(),\n      dispatchEvent: jest.fn(),\n    })),\n  })\n\n  Object.defineProperty(window, 'IntersectionObserver', {\n    writable: true,\n    value: jest.fn().mockImplementation(() => ({\n      observe: jest.fn(),\n      unobserve: jest.fn(),\n      disconnect: jest.fn(),\n    })),\n  })\n}\n"],"mappings":"AAAA,OAAO;AACP,SAAS,UAAU,wBAAwB;AAC3C,SAAS,cAAc;AAEvB,UAAU,MAAM,OAAO,OAAO,CAAC;AAC/B,UAAU,MAAM,OAAO,cAAc,CAAC;AACtC,SAAS,MAAM,OAAO,MAAM,CAAC;AAE7B,OAAO,OAAO,QAAQ;AACtB,IAAI,OAAO,WAAW,aAAa;AAEjC,SAAO,sBAAsB,iBAAiB,CAAC;AACjD;AAEA,KAAK,KAAK,QAAQ,OAAO;AAAA,EACvB,IAAI,KAAK,GAAG,MAAM,sCAAsC;AAAA,EACxD,IAAI,KAAK,GAAG,MAAM,sCAAsC;AAC1D,EAAE;AAEF,IAAI,OAAO,WAAW,aAAa;AACjC,SAAO,eAAe,QAAQ,cAAc;AAAA,IAC1C,UAAU;AAAA,IACV,OAAO,KAAK,GAAG,EAAE,mBAAmB,YAAU;AAAA,MAC5C,SAAS;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa,KAAK,GAAG;AAAA;AAAA,MACrB,gBAAgB,KAAK,GAAG;AAAA;AAAA,MACxB,kBAAkB,KAAK,GAAG;AAAA,MAC1B,qBAAqB,KAAK,GAAG;AAAA,MAC7B,eAAe,KAAK,GAAG;AAAA,IACzB,EAAE;AAAA,EACJ,CAAC;AAED,SAAO,eAAe,QAAQ,wBAAwB;AAAA,IACpD,UAAU;AAAA,IACV,OAAO,KAAK,GAAG,EAAE,mBAAmB,OAAO;AAAA,MACzC,SAAS,KAAK,GAAG;AAAA,MACjB,WAAW,KAAK,GAAG;AAAA,MACnB,YAAY,KAAK,GAAG;AAAA,IACtB,EAAE;AAAA,EACJ,CAAC;AACH;","names":[]}

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

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

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

@@ -19,9 +19,19 @@ async function proxyDraftModeRouteHandler(request, _context, { apiKey }) {
   const draft = await draftMode();
   draft.enable();
   const proxyUrl = request.nextUrl.clone();
+  if (process.env.FORCE_HTTP == null) {
+    proxyUrl.protocol = request.headers.get("x-forwarded-proto") ?? request.nextUrl.protocol;
+  } else {
+    proxyUrl.protocol = "http";
+  }
+  const forwardingHost = request.headers.get("x-forwarded-host") ?? request.headers.get("host");
+  if (forwardingHost) {
+    proxyUrl.host = forwardingHost;
+  }
   proxyUrl.searchParams.delete("x-makeswift-draft-mode");
-  const proxyRequest = new NextRequest(proxyUrl, { headers: request.headers });
-  proxyRequest.headers.delete("x-makeswift-draft-mode");
+  const proxyHeaders = new Headers(request.headers);
+  proxyHeaders.delete("X-Makeswift-Draft-Mode");
+  const proxyRequest = new NextRequest(proxyUrl, { headers: proxyHeaders });
   const draftModeCookie = (await cookies()).get("__prerender_bypass");
   if (draftModeCookie) {
     proxyRequest.cookies.set(draftModeCookie);

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

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

package/dist/esm/next/components/tests/controls/color-control/fixtures.js

@@ -0,0 +1,24 @@
+import { APIResourceType } from "../../../../../api";
+const swatchId = "[swatch-test-id]";
+const swatch = {
+  __typename: APIResourceType.Swatch,
+  hue: 238,
+  saturation: 87,
+  lightness: 49
+};
+const value = {
+  swatchId,
+  alpha: 0.5
+};
+const cacheData = (swatch2) => ({
+  apiResources: {
+    Swatch: [{ id: swatchId, value: swatch2 == null ? null : { id: swatchId, ...swatch2 } }]
+  }
+});
+export {
+  cacheData,
+  swatch,
+  swatchId,
+  value
+};
+//# sourceMappingURL=fixtures.js.map

package/dist/esm/next/components/tests/controls/color-control/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/next/components/tests/controls/color-control/fixtures.ts"],"sourcesContent":["import { type ValueType } from '@makeswift/controls'\nimport { ColorDefinition } from '@makeswift/controls'\n\nimport { APIResourceType, type Swatch } from '../../../../../api'\nimport { type CacheData } from '../../../../../api/react'\n\ntype SwatchData = Omit<Swatch, 'id'>\n\nexport const swatchId = '[swatch-test-id]'\nexport const swatch: SwatchData = {\n  __typename: APIResourceType.Swatch,\n  hue: 238,\n  saturation: 87,\n  lightness: 49,\n}\n\nexport const value: ValueType<ColorDefinition> = {\n  swatchId,\n  alpha: 0.5,\n}\n\nexport const cacheData = (swatch: SwatchData | null): Partial<CacheData> => ({\n  apiResources: {\n    Swatch: [{ id: swatchId, value: swatch == null ? null : { id: swatchId, ...swatch } }],\n  },\n})\n"],"mappings":"AAGA,SAAS,uBAAoC;AAKtC,MAAM,WAAW;AACjB,MAAM,SAAqB;AAAA,EAChC,YAAY,gBAAgB;AAAA,EAC5B,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,WAAW;AACb;AAEO,MAAM,QAAoC;AAAA,EAC/C;AAAA,EACA,OAAO;AACT;AAEO,MAAM,YAAY,CAACA,aAAmD;AAAA,EAC3E,cAAc;AAAA,IACZ,QAAQ,CAAC,EAAE,IAAI,UAAU,OAAOA,WAAU,OAAO,OAAO,EAAE,IAAI,UAAU,GAAGA,QAAO,EAAE,CAAC;AAAA,EACvF;AACF;","names":["swatch"]}