@makeswift/runtime 0.22.3 → 0.23.0

package/dist/esm/components/builtin/index.js

@@ -9,9 +9,10 @@ import { default as default8 } from "./Form";
 import { default as default9 } from "./Image";
 import { default as default10 } from "./Navigation";
 import { default as default11 } from "./Root";
-import { default as default12 } from "./SocialLinks";
-import { default as default13 } from "./Text";
-import { default as default14 } from "./Video";
+import { default as default12 } from "./Slot";
+import { default as default13 } from "./SocialLinks";
+import { default as default14 } from "./Text";
+import { default as default15 } from "./Video";
 import { MakeswiftComponentType } from "./constants";
 export {
   default2 as Box,
@@ -25,8 +26,9 @@ export {
   MakeswiftComponentType,
   default10 as Navigation,
   default11 as Root,
-  default12 as SocialLinks,
-  default13 as Text,
-  default14 as Video
+  default12 as Slot,
+  default13 as SocialLinks,
+  default14 as Text,
+  default15 as Video
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/components/builtin/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/builtin/index.ts"],"sourcesContent":["export * from './Box'\nexport { default as Box } from './Box'\nexport { default as Button } from './Button'\nexport { default as Carousel } from './Carousel'\nexport { default as Countdown } from './Countdown'\nexport { default as Divider } from './Divider'\nexport { default as Embed } from './Embed'\nexport { default as Form } from './Form'\nexport { default as Image } from './Image'\nexport { default as Navigation } from './Navigation'\nexport { default as Root } from './Root'\nexport { default as SocialLinks } from './SocialLinks'\nexport { default as Text } from './Text'\nexport { default as Video } from './Video'\n\nexport { MakeswiftComponentType } from './constants'\n"],"mappings":"AAAA,cAAc;AACd,SAAoB,WAAXA,gBAAsB;AAC/B,SAAoB,WAAXA,gBAAyB;AAClC,SAAoB,WAAXA,gBAA2B;AACpC,SAAoB,WAAXA,gBAA4B;AACrC,SAAoB,WAAXA,gBAA0B;AACnC,SAAoB,WAAXA,gBAAwB;AACjC,SAAoB,WAAXA,gBAAuB;AAChC,SAAoB,WAAXA,gBAAwB;AACjC,SAAoB,WAAXA,iBAA6B;AACtC,SAAoB,WAAXA,iBAAuB;AAChC,SAAoB,WAAXA,iBAA8B;AACvC,SAAoB,WAAXA,iBAAuB;AAChC,SAAoB,WAAXA,iBAAwB;AAEjC,SAAS,8BAA8B;","names":["default"]}
+{"version":3,"sources":["../../../../src/components/builtin/index.ts"],"sourcesContent":["export * from './Box'\nexport { default as Box } from './Box'\nexport { default as Button } from './Button'\nexport { default as Carousel } from './Carousel'\nexport { default as Countdown } from './Countdown'\nexport { default as Divider } from './Divider'\nexport { default as Embed } from './Embed'\nexport { default as Form } from './Form'\nexport { default as Image } from './Image'\nexport { default as Navigation } from './Navigation'\nexport { default as Root } from './Root'\nexport { default as Slot } from './Slot'\nexport { default as SocialLinks } from './SocialLinks'\nexport { default as Text } from './Text'\nexport { default as Video } from './Video'\n\nexport { MakeswiftComponentType } from './constants'\n"],"mappings":"AAAA,cAAc;AACd,SAAoB,WAAXA,gBAAsB;AAC/B,SAAoB,WAAXA,gBAAyB;AAClC,SAAoB,WAAXA,gBAA2B;AACpC,SAAoB,WAAXA,gBAA4B;AACrC,SAAoB,WAAXA,gBAA0B;AACnC,SAAoB,WAAXA,gBAAwB;AACjC,SAAoB,WAAXA,gBAAuB;AAChC,SAAoB,WAAXA,gBAAwB;AACjC,SAAoB,WAAXA,iBAA6B;AACtC,SAAoB,WAAXA,iBAAuB;AAChC,SAAoB,WAAXA,iBAAuB;AAChC,SAAoB,WAAXA,iBAA8B;AACvC,SAAoB,WAAXA,iBAAuB;AAChC,SAAoB,WAAXA,iBAAwB;AAEjC,SAAS,8BAA8B;","names":["default"]}

package/dist/esm/components/builtin/register.js

@@ -8,6 +8,7 @@ import { registerComponent as registerFormComponent } from "./Form/register";
 import { registerComponent as registerImageComponent } from "./Image/register";
 import { registerComponent as registerNavigationComponent } from "./Navigation/register";
 import { registerComponent as registerRootComponent } from "./Root/register";
+import { registerComponent as registerSlotComponent } from "./Slot/register";
 import { registerComponent as registerSocialLinksComponent } from "./SocialLinks/register";
 import { registerComponent as registerTextComponent } from "./Text/register";
 import { registerComponent as registerVideoComponent } from "./Video/register";
@@ -22,6 +23,7 @@ function registerBuiltinComponents(runtime) {
   const unregisterImageComponent = registerImageComponent(runtime);
   const unregisterNavigationComponent = registerNavigationComponent(runtime);
   const unregisterRootComponent = registerRootComponent(runtime);
+  const unregisterSlotComponent = registerSlotComponent(runtime);
   const unregisterSocialLinksComponent = registerSocialLinksComponent(runtime);
   const unregisterTextComponent = registerTextComponent(runtime);
   const unregisterVideoComponent = registerVideoComponent(runtime);
@@ -36,6 +38,7 @@ function registerBuiltinComponents(runtime) {
     unregisterImageComponent();
     unregisterNavigationComponent();
     unregisterRootComponent();
+    unregisterSlotComponent();
     unregisterSocialLinksComponent();
     unregisterTextComponent();
     unregisterVideoComponent();

package/dist/esm/components/builtin/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/builtin/register.ts"],"sourcesContent":["import { type ReactRuntime } from '../../runtimes/react'\nimport { registerComponent as registerBoxComponent } from './Box/register'\nimport { registerComponent as registerButtonComponent } from './Button/register'\nimport { registerComponent as registerCarouselComponent } from './Carousel/register'\nimport { registerComponent as registerCountdownComponent } from './Countdown/register'\nimport { registerComponent as registerDividerComponent } from './Divider/register'\nimport { registerComponent as registerEmbedComponent } from './Embed/register'\nimport { registerComponent as registerFormComponent } from './Form/register'\nimport { registerComponent as registerImageComponent } from './Image/register'\nimport { registerComponent as registerNavigationComponent } from './Navigation/register'\nimport { registerComponent as registerRootComponent } from './Root/register'\nimport { registerComponent as registerSocialLinksComponent } from './SocialLinks/register'\nimport { registerComponent as registerTextComponent } from './Text/register'\nimport { registerComponent as registerVideoComponent } from './Video/register'\n\nexport function registerBuiltinComponents(runtime: ReactRuntime) {\n  const unregisterBoxComponent = registerBoxComponent(runtime)\n  const unregisterButtonComponent = registerButtonComponent(runtime)\n  const unregisterCarouselComponent = registerCarouselComponent(runtime)\n  const unregisterCountdownComponent = registerCountdownComponent(runtime)\n  const unregisterDividerComponent = registerDividerComponent(runtime)\n  const unregisterEmbedComponent = registerEmbedComponent(runtime)\n  const unregisterFormComponent = registerFormComponent(runtime)\n  const unregisterImageComponent = registerImageComponent(runtime)\n  const unregisterNavigationComponent = registerNavigationComponent(runtime)\n  const unregisterRootComponent = registerRootComponent(runtime)\n  const unregisterSocialLinksComponent = registerSocialLinksComponent(runtime)\n  const unregisterTextComponent = registerTextComponent(runtime)\n  const unregisterVideoComponent = registerVideoComponent(runtime)\n\n  return () => {\n    unregisterBoxComponent()\n    unregisterButtonComponent()\n    unregisterCarouselComponent()\n    unregisterCountdownComponent()\n    unregisterDividerComponent()\n    unregisterEmbedComponent()\n    unregisterFormComponent()\n    unregisterImageComponent()\n    unregisterNavigationComponent()\n    unregisterRootComponent()\n    unregisterSocialLinksComponent()\n    unregisterTextComponent()\n    unregisterVideoComponent()\n  }\n}\n"],"mappings":"AACA,SAAS,qBAAqB,4BAA4B;AAC1D,SAAS,qBAAqB,+BAA+B;AAC7D,SAAS,qBAAqB,iCAAiC;AAC/D,SAAS,qBAAqB,kCAAkC;AAChE,SAAS,qBAAqB,gCAAgC;AAC9D,SAAS,qBAAqB,8BAA8B;AAC5D,SAAS,qBAAqB,6BAA6B;AAC3D,SAAS,qBAAqB,8BAA8B;AAC5D,SAAS,qBAAqB,mCAAmC;AACjE,SAAS,qBAAqB,6BAA6B;AAC3D,SAAS,qBAAqB,oCAAoC;AAClE,SAAS,qBAAqB,6BAA6B;AAC3D,SAAS,qBAAqB,8BAA8B;AAErD,SAAS,0BAA0B,SAAuB;AAC/D,QAAM,yBAAyB,qBAAqB,OAAO;AAC3D,QAAM,4BAA4B,wBAAwB,OAAO;AACjE,QAAM,8BAA8B,0BAA0B,OAAO;AACrE,QAAM,+BAA+B,2BAA2B,OAAO;AACvE,QAAM,6BAA6B,yBAAyB,OAAO;AACnE,QAAM,2BAA2B,uBAAuB,OAAO;AAC/D,QAAM,0BAA0B,sBAAsB,OAAO;AAC7D,QAAM,2BAA2B,uBAAuB,OAAO;AAC/D,QAAM,gCAAgC,4BAA4B,OAAO;AACzE,QAAM,0BAA0B,sBAAsB,OAAO;AAC7D,QAAM,iCAAiC,6BAA6B,OAAO;AAC3E,QAAM,0BAA0B,sBAAsB,OAAO;AAC7D,QAAM,2BAA2B,uBAAuB,OAAO;AAE/D,SAAO,MAAM;AACX,2BAAuB;AACvB,8BAA0B;AAC1B,gCAA4B;AAC5B,iCAA6B;AAC7B,+BAA2B;AAC3B,6BAAyB;AACzB,4BAAwB;AACxB,6BAAyB;AACzB,kCAA8B;AAC9B,4BAAwB;AACxB,mCAA+B;AAC/B,4BAAwB;AACxB,6BAAyB;AAAA,EAC3B;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/components/builtin/register.ts"],"sourcesContent":["import { type ReactRuntime } from '../../runtimes/react'\nimport { registerComponent as registerBoxComponent } from './Box/register'\nimport { registerComponent as registerButtonComponent } from './Button/register'\nimport { registerComponent as registerCarouselComponent } from './Carousel/register'\nimport { registerComponent as registerCountdownComponent } from './Countdown/register'\nimport { registerComponent as registerDividerComponent } from './Divider/register'\nimport { registerComponent as registerEmbedComponent } from './Embed/register'\nimport { registerComponent as registerFormComponent } from './Form/register'\nimport { registerComponent as registerImageComponent } from './Image/register'\nimport { registerComponent as registerNavigationComponent } from './Navigation/register'\nimport { registerComponent as registerRootComponent } from './Root/register'\nimport { registerComponent as registerSlotComponent } from './Slot/register'\nimport { registerComponent as registerSocialLinksComponent } from './SocialLinks/register'\nimport { registerComponent as registerTextComponent } from './Text/register'\nimport { registerComponent as registerVideoComponent } from './Video/register'\n\nexport function registerBuiltinComponents(runtime: ReactRuntime) {\n  const unregisterBoxComponent = registerBoxComponent(runtime)\n  const unregisterButtonComponent = registerButtonComponent(runtime)\n  const unregisterCarouselComponent = registerCarouselComponent(runtime)\n  const unregisterCountdownComponent = registerCountdownComponent(runtime)\n  const unregisterDividerComponent = registerDividerComponent(runtime)\n  const unregisterEmbedComponent = registerEmbedComponent(runtime)\n  const unregisterFormComponent = registerFormComponent(runtime)\n  const unregisterImageComponent = registerImageComponent(runtime)\n  const unregisterNavigationComponent = registerNavigationComponent(runtime)\n  const unregisterRootComponent = registerRootComponent(runtime)\n  const unregisterSlotComponent = registerSlotComponent(runtime)\n  const unregisterSocialLinksComponent = registerSocialLinksComponent(runtime)\n  const unregisterTextComponent = registerTextComponent(runtime)\n  const unregisterVideoComponent = registerVideoComponent(runtime)\n\n  return () => {\n    unregisterBoxComponent()\n    unregisterButtonComponent()\n    unregisterCarouselComponent()\n    unregisterCountdownComponent()\n    unregisterDividerComponent()\n    unregisterEmbedComponent()\n    unregisterFormComponent()\n    unregisterImageComponent()\n    unregisterNavigationComponent()\n    unregisterRootComponent()\n    unregisterSlotComponent()\n    unregisterSocialLinksComponent()\n    unregisterTextComponent()\n    unregisterVideoComponent()\n  }\n}\n"],"mappings":"AACA,SAAS,qBAAqB,4BAA4B;AAC1D,SAAS,qBAAqB,+BAA+B;AAC7D,SAAS,qBAAqB,iCAAiC;AAC/D,SAAS,qBAAqB,kCAAkC;AAChE,SAAS,qBAAqB,gCAAgC;AAC9D,SAAS,qBAAqB,8BAA8B;AAC5D,SAAS,qBAAqB,6BAA6B;AAC3D,SAAS,qBAAqB,8BAA8B;AAC5D,SAAS,qBAAqB,mCAAmC;AACjE,SAAS,qBAAqB,6BAA6B;AAC3D,SAAS,qBAAqB,6BAA6B;AAC3D,SAAS,qBAAqB,oCAAoC;AAClE,SAAS,qBAAqB,6BAA6B;AAC3D,SAAS,qBAAqB,8BAA8B;AAErD,SAAS,0BAA0B,SAAuB;AAC/D,QAAM,yBAAyB,qBAAqB,OAAO;AAC3D,QAAM,4BAA4B,wBAAwB,OAAO;AACjE,QAAM,8BAA8B,0BAA0B,OAAO;AACrE,QAAM,+BAA+B,2BAA2B,OAAO;AACvE,QAAM,6BAA6B,yBAAyB,OAAO;AACnE,QAAM,2BAA2B,uBAAuB,OAAO;AAC/D,QAAM,0BAA0B,sBAAsB,OAAO;AAC7D,QAAM,2BAA2B,uBAAuB,OAAO;AAC/D,QAAM,gCAAgC,4BAA4B,OAAO;AACzE,QAAM,0BAA0B,sBAAsB,OAAO;AAC7D,QAAM,0BAA0B,sBAAsB,OAAO;AAC7D,QAAM,iCAAiC,6BAA6B,OAAO;AAC3E,QAAM,0BAA0B,sBAAsB,OAAO;AAC7D,QAAM,2BAA2B,uBAAuB,OAAO;AAE/D,SAAO,MAAM;AACX,2BAAuB;AACvB,8BAA0B;AAC1B,gCAA4B;AAC5B,iCAA6B;AAC7B,+BAA2B;AAC3B,6BAAyB;AACzB,4BAAwB;AACxB,6BAAyB;AACzB,kCAA8B;AAC9B,4BAAwB;AACxB,4BAAwB;AACxB,mCAA+B;AAC/B,4BAAwB;AACxB,6BAAyB;AAAA,EAC3B;AACF;","names":[]}

package/dist/esm/components/hooks/usePageSnippets.js

@@ -1,7 +1,7 @@
 import { useEffect, useMemo, useState } from "react";
 import { useIsInBuilder } from "../../react";
 import deepEqual from "../../utils/deepEqual";
-import { useMakeswiftHostApiClient } from "../../next/context/makeswift-host-api-client";
+import { useMakeswiftHostApiClient } from "../../runtimes/react/host-api-client";
 import { useSyncExternalStore } from "use-sync-external-store/shim";
 const SnippetLocation = {
   Body: "BODY",

package/dist/esm/components/hooks/usePageSnippets.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/hooks/usePageSnippets.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { useIsInBuilder } from '../../react'\nimport { MakeswiftPageDocument } from '../../next'\nimport deepEqual from '../../utils/deepEqual'\nimport { useMakeswiftHostApiClient } from '../../next/context/makeswift-host-api-client'\nimport { useSyncExternalStore } from 'use-sync-external-store/shim'\nimport { Page as PageType } from '../../api'\n\nconst SnippetLocation = {\n  Body: 'BODY',\n  Head: 'HEAD',\n} as const\n\nexport type SnippetLocation = typeof SnippetLocation[keyof typeof SnippetLocation]\n\nexport type Snippet = {\n  builderEnabled: boolean\n  cleanup: string | null\n  code: string\n  id: string\n  liveEnabled: boolean\n  location: SnippetLocation\n}\n\nconst filterUsedSnippetProperties = ({\n  code,\n  builderEnabled,\n  liveEnabled,\n  location,\n  cleanup,\n}: Snippet) => ({\n  code,\n  builderEnabled,\n  liveEnabled,\n  location,\n  cleanup,\n})\n\nexport function usePageSnippets({ page }: { page: MakeswiftPageDocument }) {\n  const isInBuilder = useIsInBuilder()\n  const [snippets, setSnippets] = useState(page.snippets)\n\n  // We're using cached results here for page snippets so that anytime the user\n  // changes the snippets or fonts on the builder, the change would be reflected\n  // here. See this PR for discussions and things we can do to improve it in the\n  // future: https://github.com/makeswift/makeswift/pull/77\n  const cachedPage = useCachedPage(isInBuilder ? page.id : null)\n  useEffect(() => {\n    if (cachedPage == null) return\n\n    const oldSnippets = snippets.map(filterUsedSnippetProperties)\n    const newSnippets = cachedPage.snippets.map(filterUsedSnippetProperties)\n\n    if (deepEqual(newSnippets, oldSnippets)) return\n\n    setSnippets(cachedPage.snippets)\n  }, [cachedPage])\n\n  const filteredSnippets = useMemo(\n    () => snippets.filter(snippet => (isInBuilder ? snippet.builderEnabled : snippet.liveEnabled)),\n    [snippets, isInBuilder],\n  )\n\n  const headSnippets = useMemo(\n    () => filteredSnippets.filter(snippet => snippet.location === SnippetLocation.Head),\n    [filteredSnippets],\n  )\n\n  const bodySnippets = useMemo(\n    () => filteredSnippets.filter(snippet => snippet.location === SnippetLocation.Body),\n    [filteredSnippets],\n  )\n\n  return { headSnippets, bodySnippets }\n}\n\nfunction useCachedPage(pageId: string | null): PageType | null {\n  const client = useMakeswiftHostApiClient()\n  const getSnapshot = () => (pageId == null ? null : client.readPage(pageId))\n\n  const page = useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot)\n\n  return page\n}\n"],"mappings":"AAAA,SAAS,WAAW,SAAS,gBAAgB;AAC7C,SAAS,sBAAsB;AAE/B,OAAO,eAAe;AACtB,SAAS,iCAAiC;AAC1C,SAAS,4BAA4B;AAGrC,MAAM,kBAAkB;AAAA,EACtB,MAAM;AAAA,EACN,MAAM;AACR;AAaA,MAAM,8BAA8B,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,OAAgB;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,gBAAgB,EAAE,KAAK,GAAoC;AACzE,QAAM,cAAc,eAAe;AACnC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK,QAAQ;AAMtD,QAAM,aAAa,cAAc,cAAc,KAAK,KAAK,IAAI;AAC7D,YAAU,MAAM;AACd,QAAI,cAAc;AAAM;AAExB,UAAM,cAAc,SAAS,IAAI,2BAA2B;AAC5D,UAAM,cAAc,WAAW,SAAS,IAAI,2BAA2B;AAEvE,QAAI,UAAU,aAAa,WAAW;AAAG;AAEzC,gBAAY,WAAW,QAAQ;AAAA,EACjC,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,mBAAmB;AAAA,IACvB,MAAM,SAAS,OAAO,aAAY,cAAc,QAAQ,iBAAiB,QAAQ,WAAY;AAAA,IAC7F,CAAC,UAAU,WAAW;AAAA,EACxB;AAEA,QAAM,eAAe;AAAA,IACnB,MAAM,iBAAiB,OAAO,aAAW,QAAQ,aAAa,gBAAgB,IAAI;AAAA,IAClF,CAAC,gBAAgB;AAAA,EACnB;AAEA,QAAM,eAAe;AAAA,IACnB,MAAM,iBAAiB,OAAO,aAAW,QAAQ,aAAa,gBAAgB,IAAI;AAAA,IAClF,CAAC,gBAAgB;AAAA,EACnB;AAEA,SAAO,EAAE,cAAc,aAAa;AACtC;AAEA,SAAS,cAAc,QAAwC;AAC7D,QAAM,SAAS,0BAA0B;AACzC,QAAM,cAAc,MAAO,UAAU,OAAO,OAAO,OAAO,SAAS,MAAM;AAEzE,QAAM,OAAO,qBAAqB,OAAO,WAAW,aAAa,WAAW;AAE5E,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../../src/components/hooks/usePageSnippets.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { useIsInBuilder } from '../../react'\nimport { MakeswiftPageDocument } from '../../next'\nimport deepEqual from '../../utils/deepEqual'\nimport { useMakeswiftHostApiClient } from '../../runtimes/react/host-api-client'\nimport { useSyncExternalStore } from 'use-sync-external-store/shim'\nimport { Page as PageType } from '../../api'\n\nconst SnippetLocation = {\n  Body: 'BODY',\n  Head: 'HEAD',\n} as const\n\nexport type SnippetLocation = (typeof SnippetLocation)[keyof typeof SnippetLocation]\n\nexport type Snippet = {\n  builderEnabled: boolean\n  cleanup: string | null\n  code: string\n  id: string\n  liveEnabled: boolean\n  location: SnippetLocation\n}\n\nconst filterUsedSnippetProperties = ({\n  code,\n  builderEnabled,\n  liveEnabled,\n  location,\n  cleanup,\n}: Snippet) => ({\n  code,\n  builderEnabled,\n  liveEnabled,\n  location,\n  cleanup,\n})\n\nexport function usePageSnippets({ page }: { page: MakeswiftPageDocument }) {\n  const isInBuilder = useIsInBuilder()\n  const [snippets, setSnippets] = useState(page.snippets)\n\n  // We're using cached results here for page snippets so that anytime the user\n  // changes the snippets or fonts on the builder, the change would be reflected\n  // here. See this PR for discussions and things we can do to improve it in the\n  // future: https://github.com/makeswift/makeswift/pull/77\n  const cachedPage = useCachedPage(isInBuilder ? page.id : null)\n  useEffect(() => {\n    if (cachedPage == null) return\n\n    const oldSnippets = snippets.map(filterUsedSnippetProperties)\n    const newSnippets = cachedPage.snippets.map(filterUsedSnippetProperties)\n\n    if (deepEqual(newSnippets, oldSnippets)) return\n\n    setSnippets(cachedPage.snippets)\n  }, [cachedPage])\n\n  const filteredSnippets = useMemo(\n    () => snippets.filter(snippet => (isInBuilder ? snippet.builderEnabled : snippet.liveEnabled)),\n    [snippets, isInBuilder],\n  )\n\n  const headSnippets = useMemo(\n    () => filteredSnippets.filter(snippet => snippet.location === SnippetLocation.Head),\n    [filteredSnippets],\n  )\n\n  const bodySnippets = useMemo(\n    () => filteredSnippets.filter(snippet => snippet.location === SnippetLocation.Body),\n    [filteredSnippets],\n  )\n\n  return { headSnippets, bodySnippets }\n}\n\nfunction useCachedPage(pageId: string | null): PageType | null {\n  const client = useMakeswiftHostApiClient()\n  const getSnapshot = () => (pageId == null ? null : client.readPage(pageId))\n\n  const page = useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot)\n\n  return page\n}\n"],"mappings":"AAAA,SAAS,WAAW,SAAS,gBAAgB;AAC7C,SAAS,sBAAsB;AAE/B,OAAO,eAAe;AACtB,SAAS,iCAAiC;AAC1C,SAAS,4BAA4B;AAGrC,MAAM,kBAAkB;AAAA,EACtB,MAAM;AAAA,EACN,MAAM;AACR;AAaA,MAAM,8BAA8B,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,OAAgB;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,gBAAgB,EAAE,KAAK,GAAoC;AACzE,QAAM,cAAc,eAAe;AACnC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK,QAAQ;AAMtD,QAAM,aAAa,cAAc,cAAc,KAAK,KAAK,IAAI;AAC7D,YAAU,MAAM;AACd,QAAI,cAAc;AAAM;AAExB,UAAM,cAAc,SAAS,IAAI,2BAA2B;AAC5D,UAAM,cAAc,WAAW,SAAS,IAAI,2BAA2B;AAEvE,QAAI,UAAU,aAAa,WAAW;AAAG;AAEzC,gBAAY,WAAW,QAAQ;AAAA,EACjC,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,mBAAmB;AAAA,IACvB,MAAM,SAAS,OAAO,aAAY,cAAc,QAAQ,iBAAiB,QAAQ,WAAY;AAAA,IAC7F,CAAC,UAAU,WAAW;AAAA,EACxB;AAEA,QAAM,eAAe;AAAA,IACnB,MAAM,iBAAiB,OAAO,aAAW,QAAQ,aAAa,gBAAgB,IAAI;AAAA,IAClF,CAAC,gBAAgB;AAAA,EACnB;AAEA,QAAM,eAAe;AAAA,IACnB,MAAM,iBAAiB,OAAO,aAAW,QAAQ,aAAa,gBAAgB,IAAI;AAAA,IAClF,CAAC,gBAAgB;AAAA,EACnB;AAEA,SAAO,EAAE,cAAc,aAAa;AACtC;AAEA,SAAS,cAAc,QAAwC;AAC7D,QAAM,SAAS,0BAA0B;AACzC,QAAM,cAAc,MAAO,UAAU,OAAO,OAAO,OAAO,SAAS,MAAM;AAEzE,QAAM,OAAO,qBAAqB,OAAO,WAAW,aAAa,WAAW;AAE5E,SAAO;AACT;","names":[]}

package/dist/esm/components/page/Page.js

@@ -1,17 +1,16 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { BodySnippet } from "./BodySnippet";
-import { DocumentReference } from "../../runtimes/react";
-import { createDocumentReference } from "../../state/react-page";
+import { DocumentRoot } from "../../runtimes/react";
 import { useRouterLocaleSync } from "../hooks/useRouterLocaleSync";
 import { usePageSnippets } from "../hooks/usePageSnippets";
 import { PageHead } from "./PageHead";
-function Page({ pageDocument: page, documentKey }) {
+function Page({ page, rootDocument }) {
   const { bodySnippets } = usePageSnippets({ page });
   useRouterLocaleSync();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(PageHead, { document: page }),
-    /* @__PURE__ */ jsx(DocumentReference, { documentReference: createDocumentReference(documentKey) }),
+    /* @__PURE__ */ jsx(DocumentRoot, { rootDocument }),
     bodySnippets.map((snippet) => /* @__PURE__ */ jsx(BodySnippet, { code: snippet.code, cleanup: snippet.cleanup }, snippet.id))
   ] });
 }

package/dist/esm/components/page/Page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/page/Page.tsx"],"sourcesContent":["'use client'\n\nimport { BodySnippet } from './BodySnippet'\nimport { DocumentReference } from '../../runtimes/react'\nimport { createDocumentReference } from '../../state/react-page'\nimport { MakeswiftPageDocument } from '../../next'\nimport { useRouterLocaleSync } from '../hooks/useRouterLocaleSync'\nimport { usePageSnippets } from '../hooks/usePageSnippets'\nimport { PageHead } from './PageHead'\n\ntype Props = {\n  pageDocument: MakeswiftPageDocument\n  documentKey: string\n}\n\nexport function Page({ pageDocument: page, documentKey }: Props): JSX.Element {\n  const { bodySnippets } = usePageSnippets({ page })\n\n  useRouterLocaleSync()\n\n  return (\n    <>\n      <PageHead document={page} />\n\n      <DocumentReference documentReference={createDocumentReference(documentKey)} />\n\n      {bodySnippets.map(snippet => (\n        <BodySnippet key={snippet.id} code={snippet.code} cleanup={snippet.cleanup} />\n      ))}\n    </>\n  )\n}\n"],"mappings":";AAqBI,mBACE,KADF;AAnBJ,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,+BAA+B;AAExC,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AAOlB,SAAS,KAAK,EAAE,cAAc,MAAM,YAAY,GAAuB;AAC5E,QAAM,EAAE,aAAa,IAAI,gBAAgB,EAAE,KAAK,CAAC;AAEjD,sBAAoB;AAEpB,SACE,iCACE;AAAA,wBAAC,YAAS,UAAU,MAAM;AAAA,IAE1B,oBAAC,qBAAkB,mBAAmB,wBAAwB,WAAW,GAAG;AAAA,IAE3E,aAAa,IAAI,aAChB,oBAAC,eAA6B,MAAM,QAAQ,MAAM,SAAS,QAAQ,WAAjD,QAAQ,EAAkD,CAC7E;AAAA,KACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/page/Page.tsx"],"sourcesContent":["'use client'\n\nimport { BodySnippet } from './BodySnippet'\nimport { DocumentRoot } from '../../runtimes/react'\nimport { type Document } from '../../state/react-page'\nimport { MakeswiftPageDocument } from '../../next'\nimport { useRouterLocaleSync } from '../hooks/useRouterLocaleSync'\nimport { usePageSnippets } from '../hooks/usePageSnippets'\nimport { PageHead } from './PageHead'\n\ntype Props = {\n  page: MakeswiftPageDocument\n  rootDocument: Document\n}\n\nexport function Page({ page, rootDocument }: Props): JSX.Element {\n  const { bodySnippets } = usePageSnippets({ page })\n\n  useRouterLocaleSync()\n\n  return (\n    <>\n      <PageHead document={page} />\n\n      <DocumentRoot rootDocument={rootDocument} />\n\n      {bodySnippets.map(snippet => (\n        <BodySnippet key={snippet.id} code={snippet.code} cleanup={snippet.cleanup} />\n      ))}\n    </>\n  )\n}\n"],"mappings":";AAqBI,mBACE,KADF;AAnBJ,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAG7B,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AAOlB,SAAS,KAAK,EAAE,MAAM,aAAa,GAAuB;AAC/D,QAAM,EAAE,aAAa,IAAI,gBAAgB,EAAE,KAAK,CAAC;AAEjD,sBAAoB;AAEpB,SACE,iCACE;AAAA,wBAAC,YAAS,UAAU,MAAM;AAAA,IAE1B,oBAAC,gBAAa,cAA4B;AAAA,IAEzC,aAAa,IAAI,aAChB,oBAAC,eAA6B,MAAM,QAAQ,MAAM,SAAS,QAAQ,WAAjD,QAAQ,EAAkD,CAC7E;AAAA,KACH;AAEJ;","names":[]}

package/dist/esm/components/page/PageHead.js

@@ -3,7 +3,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { usePageSnippets } from "../hooks/usePageSnippets";
 import { useIsInBuilder } from "../../react";
-import { useMakeswiftHostApiClient } from "../../next/context/makeswift-host-api-client";
+import { useMakeswiftHostApiClient } from "../../runtimes/react/host-api-client";
 import { useSyncExternalStore } from "use-sync-external-store/shim";
 import { PageTitle, PageMeta, PageLink, PageStyle } from "../../next/components/head-tags";
 import { HeadSnippet } from "./HeadSnippet";

package/dist/esm/components/page/PageHead.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/page/PageHead.tsx"],"sourcesContent":["'use client'\n\nimport { useMemo } from 'react'\nimport { MakeswiftPageDocument } from '../../next'\nimport { usePageSnippets } from '../hooks/usePageSnippets'\nimport { useIsInBuilder } from '../../react'\nimport { useMakeswiftHostApiClient } from '../../next/context/makeswift-host-api-client'\nimport { useSyncExternalStore } from 'use-sync-external-store/shim'\nimport { Site } from '../../api'\nimport { PageTitle, PageMeta, PageLink, PageStyle } from '../../next/components/head-tags'\nimport { HeadSnippet } from './HeadSnippet'\n\nconst defaultFavicon = {\n  id: 'default-favicon',\n  mimetype: 'image/png',\n  publicUrl:\n    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAABcRAAAXEQHKJvM/AAABjElEQVRYhc2XzU3EMBCFB8TddAAXn6EE6GCpgNABZ1/IXnymBOgAOmA7YM8+ABVsXEHQQFaKQryeN3Yk3ilKJtEnv/nLUd/3pFG0riGi88yrnQn+UfJ5FUi0riWiB2H4nQn+KRd0DFP8agXEfkqCYJBoHdtxIQxfm+DfFgEhoith3NYE30o/qgGR2BJB+xY7kdYEL8oNFUi0jiFMJuxVWrJqEMFxsyUNCsE6AeNztvBp7aJ143vXksoRnwhYtmNdSoIQa6RlO9YXEWW7KgoCleOgxgTf1QZBT+RZ2lXFING6UxCCq+ceeUE8fYdknY599v9sJvzGBP+yCEgC7GPmETc0OJ+0awAlkhe2pAbIXAeFZ8xe2g2Nk3c3ub0xwWt6zY9qbmiqGVMbZK21ZC/YmhlbeBMTzZNDQqcvDb1kM1x32iqZSt1HaqukfKvq34BAOTLsrH+ETNmUkKHHA+428RgeclPVWozeSyAI2EdWB34jtqXNTAySOY3i/KgFIlqOa4GkFmBegorzg4joG07he/M7zl6jAAAAAElFTkSuQmCC',\n}\n\ntype Props = {\n  document: MakeswiftPageDocument\n}\n\nexport function PageHead({ document: page }: Props): JSX.Element {\n  const { headSnippets } = usePageSnippets({ page })\n\n  const isInBuilder = useIsInBuilder()\n\n  const site = useCachedSite(isInBuilder ? page.site.id : null)\n  const baseLocalizedPage = page.localizedPages.find(({ parentId }) => parentId == null)\n\n  const favicon = page.meta.favicon ?? defaultFavicon\n  const title = baseLocalizedPage?.meta.title ?? page.meta.title\n  const description = baseLocalizedPage?.meta.description ?? page.meta.description\n  const keywords = baseLocalizedPage?.meta.keywords ?? page.meta.keywords\n  const socialImage = baseLocalizedPage?.meta.socialImage ?? page.meta.socialImage\n  const canonicalUrl = baseLocalizedPage?.seo.canonicalUrl ?? page.seo.canonicalUrl\n  const isIndexingBlocked = baseLocalizedPage?.seo.isIndexingBlocked ?? page.seo.isIndexingBlocked\n\n  const fontFamilyParamValue = useMemo(() => {\n    if (site == null) {\n      return page.fonts\n        .map(({ family, variants }) => {\n          return `${family.replace(/ /g, '+')}:${variants.join()}`\n        })\n        .join('|')\n    }\n\n    return site.googleFonts.edges\n      .filter((edge): edge is NonNullable<typeof edge> => edge != null)\n      .map(({ activeVariants, node: { family, variants } }) => {\n        const activeVariantSpecifiers = variants\n          .filter(variant =>\n            activeVariants.some(activeVariant => activeVariant.specifier === variant.specifier),\n          )\n          .map(variant => variant.specifier)\n          .join()\n\n        return `${family.replace(/ /g, '+')}:${activeVariantSpecifiers}`\n      })\n      .join('|')\n  }, [site, page])\n\n  return (\n    <>\n      <PageStyle precedence=\"high\" href=\"makeswift-base-styles\">\n        {`\n        html {\n            font-family: sans-serif;\n        }\n        div#__next {\n            overflow: hidden;\n        }\n        `}\n      </PageStyle>\n      {title && <PageTitle>{title}</PageTitle>}\n      {favicon && <PageLink rel=\"icon\" type={favicon.mimetype} href={favicon.publicUrl} />}\n      {canonicalUrl && <PageLink rel=\"canonical\" href={canonicalUrl} />}\n      {isIndexingBlocked && <PageMeta name=\"robots\" content=\"noindex\" />}\n      {description && (\n        <>\n          <PageMeta name=\"description\" content={description} />\n          <PageMeta property=\"og:description\" content={description} />\n          <PageMeta name=\"twitter:description\" content={description} />\n        </>\n      )}\n      {keywords && <PageMeta name=\"keywords\" content={keywords} />}\n      {socialImage && (\n        <>\n          <PageMeta property=\"og:image\" content={socialImage.publicUrl} />\n          <PageMeta property=\"og:image:type\" content={socialImage.mimetype} />\n          <PageMeta name=\"twitter:image\" content={socialImage.publicUrl} />\n          <PageMeta name=\"twitter:card\" content=\"summary_large_image\" />\n        </>\n      )}\n      {fontFamilyParamValue !== '' && (\n        <PageLink\n          precedence=\"medium\"\n          rel=\"stylesheet\"\n          href={`https://fonts.googleapis.com/css?family=${fontFamilyParamValue}&display=swap`}\n        />\n      )}\n      {headSnippets.map(snippet => (\n        <HeadSnippet key={snippet.id} snippet={snippet} />\n      ))}\n    </>\n  )\n}\n\nfunction useCachedSite(siteId: string | null): Site | null {\n  const client = useMakeswiftHostApiClient()\n  const getSnapshot = () => (siteId == null ? null : client.readSite(siteId))\n\n  const site = useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot)\n\n  return site\n}\n"],"mappings":";AAiEM,SAeE,UAfF,KAeE,YAfF;AA/DN,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,iCAAiC;AAC1C,SAAS,4BAA4B;AAErC,SAAS,WAAW,UAAU,UAAU,iBAAiB;AACzD,SAAS,mBAAmB;AAE5B,MAAM,iBAAiB;AAAA,EACrB,IAAI;AAAA,EACJ,UAAU;AAAA,EACV,WACE;AACJ;AAMO,SAAS,SAAS,EAAE,UAAU,KAAK,GAAuB;AAC/D,QAAM,EAAE,aAAa,IAAI,gBAAgB,EAAE,KAAK,CAAC;AAEjD,QAAM,cAAc,eAAe;AAEnC,QAAM,OAAO,cAAc,cAAc,KAAK,KAAK,KAAK,IAAI;AAC5D,QAAM,oBAAoB,KAAK,eAAe,KAAK,CAAC,EAAE,SAAS,MAAM,YAAY,IAAI;AAErF,QAAM,UAAU,KAAK,KAAK,WAAW;AACrC,QAAM,QAAQ,mBAAmB,KAAK,SAAS,KAAK,KAAK;AACzD,QAAM,cAAc,mBAAmB,KAAK,eAAe,KAAK,KAAK;AACrE,QAAM,WAAW,mBAAmB,KAAK,YAAY,KAAK,KAAK;AAC/D,QAAM,cAAc,mBAAmB,KAAK,eAAe,KAAK,KAAK;AACrE,QAAM,eAAe,mBAAmB,IAAI,gBAAgB,KAAK,IAAI;AACrE,QAAM,oBAAoB,mBAAmB,IAAI,qBAAqB,KAAK,IAAI;AAE/E,QAAM,uBAAuB,QAAQ,MAAM;AACzC,QAAI,QAAQ,MAAM;AAChB,aAAO,KAAK,MACT,IAAI,CAAC,EAAE,QAAQ,SAAS,MAAM;AAC7B,eAAO,GAAG,OAAO,QAAQ,MAAM,GAAG,CAAC,IAAI,SAAS,KAAK,CAAC;AAAA,MACxD,CAAC,EACA,KAAK,GAAG;AAAA,IACb;AAEA,WAAO,KAAK,YAAY,MACrB,OAAO,CAAC,SAA2C,QAAQ,IAAI,EAC/D,IAAI,CAAC,EAAE,gBAAgB,MAAM,EAAE,QAAQ,SAAS,EAAE,MAAM;AACvD,YAAM,0BAA0B,SAC7B;AAAA,QAAO,aACN,eAAe,KAAK,mBAAiB,cAAc,cAAc,QAAQ,SAAS;AAAA,MACpF,EACC,IAAI,aAAW,QAAQ,SAAS,EAChC,KAAK;AAER,aAAO,GAAG,OAAO,QAAQ,MAAM,GAAG,CAAC,IAAI,uBAAuB;AAAA,IAChE,CAAC,EACA,KAAK,GAAG;AAAA,EACb,GAAG,CAAC,MAAM,IAAI,CAAC;AAEf,SACE,iCACE;AAAA,wBAAC,aAAU,YAAW,QAAO,MAAK,yBAC/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAQH;AAAA,IACC,SAAS,oBAAC,aAAW,iBAAM;AAAA,IAC3B,WAAW,oBAAC,YAAS,KAAI,QAAO,MAAM,QAAQ,UAAU,MAAM,QAAQ,WAAW;AAAA,IACjF,gBAAgB,oBAAC,YAAS,KAAI,aAAY,MAAM,cAAc;AAAA,IAC9D,qBAAqB,oBAAC,YAAS,MAAK,UAAS,SAAQ,WAAU;AAAA,IAC/D,eACC,iCACE;AAAA,0BAAC,YAAS,MAAK,eAAc,SAAS,aAAa;AAAA,MACnD,oBAAC,YAAS,UAAS,kBAAiB,SAAS,aAAa;AAAA,MAC1D,oBAAC,YAAS,MAAK,uBAAsB,SAAS,aAAa;AAAA,OAC7D;AAAA,IAED,YAAY,oBAAC,YAAS,MAAK,YAAW,SAAS,UAAU;AAAA,IACzD,eACC,iCACE;AAAA,0BAAC,YAAS,UAAS,YAAW,SAAS,YAAY,WAAW;AAAA,MAC9D,oBAAC,YAAS,UAAS,iBAAgB,SAAS,YAAY,UAAU;AAAA,MAClE,oBAAC,YAAS,MAAK,iBAAgB,SAAS,YAAY,WAAW;AAAA,MAC/D,oBAAC,YAAS,MAAK,gBAAe,SAAQ,uBAAsB;AAAA,OAC9D;AAAA,IAED,yBAAyB,MACxB;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,KAAI;AAAA,QACJ,MAAM,2CAA2C,oBAAoB;AAAA;AAAA,IACvE;AAAA,IAED,aAAa,IAAI,aAChB,oBAAC,eAA6B,WAAZ,QAAQ,EAAsB,CACjD;AAAA,KACH;AAEJ;AAEA,SAAS,cAAc,QAAoC;AACzD,QAAM,SAAS,0BAA0B;AACzC,QAAM,cAAc,MAAO,UAAU,OAAO,OAAO,OAAO,SAAS,MAAM;AAEzE,QAAM,OAAO,qBAAqB,OAAO,WAAW,aAAa,WAAW;AAE5E,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../../src/components/page/PageHead.tsx"],"sourcesContent":["'use client'\n\nimport { useMemo } from 'react'\nimport { MakeswiftPageDocument } from '../../next'\nimport { usePageSnippets } from '../hooks/usePageSnippets'\nimport { useIsInBuilder } from '../../react'\nimport { useMakeswiftHostApiClient } from '../../runtimes/react/host-api-client'\nimport { useSyncExternalStore } from 'use-sync-external-store/shim'\nimport { Site } from '../../api'\nimport { PageTitle, PageMeta, PageLink, PageStyle } from '../../next/components/head-tags'\nimport { HeadSnippet } from './HeadSnippet'\n\nconst defaultFavicon = {\n  id: 'default-favicon',\n  mimetype: 'image/png',\n  publicUrl:\n    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAABcRAAAXEQHKJvM/AAABjElEQVRYhc2XzU3EMBCFB8TddAAXn6EE6GCpgNABZ1/IXnymBOgAOmA7YM8+ABVsXEHQQFaKQryeN3Yk3ilKJtEnv/nLUd/3pFG0riGi88yrnQn+UfJ5FUi0riWiB2H4nQn+KRd0DFP8agXEfkqCYJBoHdtxIQxfm+DfFgEhoith3NYE30o/qgGR2BJB+xY7kdYEL8oNFUi0jiFMJuxVWrJqEMFxsyUNCsE6AeNztvBp7aJ143vXksoRnwhYtmNdSoIQa6RlO9YXEWW7KgoCleOgxgTf1QZBT+RZ2lXFING6UxCCq+ceeUE8fYdknY599v9sJvzGBP+yCEgC7GPmETc0OJ+0awAlkhe2pAbIXAeFZ8xe2g2Nk3c3ub0xwWt6zY9qbmiqGVMbZK21ZC/YmhlbeBMTzZNDQqcvDb1kM1x32iqZSt1HaqukfKvq34BAOTLsrH+ETNmUkKHHA+428RgeclPVWozeSyAI2EdWB34jtqXNTAySOY3i/KgFIlqOa4GkFmBegorzg4joG07he/M7zl6jAAAAAElFTkSuQmCC',\n}\n\ntype Props = {\n  document: MakeswiftPageDocument\n}\n\nexport function PageHead({ document: page }: Props): JSX.Element {\n  const { headSnippets } = usePageSnippets({ page })\n\n  const isInBuilder = useIsInBuilder()\n\n  const site = useCachedSite(isInBuilder ? page.site.id : null)\n  const baseLocalizedPage = page.localizedPages.find(({ parentId }) => parentId == null)\n\n  const favicon = page.meta.favicon ?? defaultFavicon\n  const title = baseLocalizedPage?.meta.title ?? page.meta.title\n  const description = baseLocalizedPage?.meta.description ?? page.meta.description\n  const keywords = baseLocalizedPage?.meta.keywords ?? page.meta.keywords\n  const socialImage = baseLocalizedPage?.meta.socialImage ?? page.meta.socialImage\n  const canonicalUrl = baseLocalizedPage?.seo.canonicalUrl ?? page.seo.canonicalUrl\n  const isIndexingBlocked = baseLocalizedPage?.seo.isIndexingBlocked ?? page.seo.isIndexingBlocked\n\n  const fontFamilyParamValue = useMemo(() => {\n    if (site == null) {\n      return page.fonts\n        .map(({ family, variants }) => {\n          return `${family.replace(/ /g, '+')}:${variants.join()}`\n        })\n        .join('|')\n    }\n\n    return site.googleFonts.edges\n      .filter((edge): edge is NonNullable<typeof edge> => edge != null)\n      .map(({ activeVariants, node: { family, variants } }) => {\n        const activeVariantSpecifiers = variants\n          .filter(variant =>\n            activeVariants.some(activeVariant => activeVariant.specifier === variant.specifier),\n          )\n          .map(variant => variant.specifier)\n          .join()\n\n        return `${family.replace(/ /g, '+')}:${activeVariantSpecifiers}`\n      })\n      .join('|')\n  }, [site, page])\n\n  return (\n    <>\n      <PageStyle precedence=\"high\" href=\"makeswift-base-styles\">\n        {`\n        html {\n            font-family: sans-serif;\n        }\n        div#__next {\n            overflow: hidden;\n        }\n        `}\n      </PageStyle>\n      {title && <PageTitle>{title}</PageTitle>}\n      {favicon && <PageLink rel=\"icon\" type={favicon.mimetype} href={favicon.publicUrl} />}\n      {canonicalUrl && <PageLink rel=\"canonical\" href={canonicalUrl} />}\n      {isIndexingBlocked && <PageMeta name=\"robots\" content=\"noindex\" />}\n      {description && (\n        <>\n          <PageMeta name=\"description\" content={description} />\n          <PageMeta property=\"og:description\" content={description} />\n          <PageMeta name=\"twitter:description\" content={description} />\n        </>\n      )}\n      {keywords && <PageMeta name=\"keywords\" content={keywords} />}\n      {socialImage && (\n        <>\n          <PageMeta property=\"og:image\" content={socialImage.publicUrl} />\n          <PageMeta property=\"og:image:type\" content={socialImage.mimetype} />\n          <PageMeta name=\"twitter:image\" content={socialImage.publicUrl} />\n          <PageMeta name=\"twitter:card\" content=\"summary_large_image\" />\n        </>\n      )}\n      {fontFamilyParamValue !== '' && (\n        <PageLink\n          precedence=\"medium\"\n          rel=\"stylesheet\"\n          href={`https://fonts.googleapis.com/css?family=${fontFamilyParamValue}&display=swap`}\n        />\n      )}\n      {headSnippets.map(snippet => (\n        <HeadSnippet key={snippet.id} snippet={snippet} />\n      ))}\n    </>\n  )\n}\n\nfunction useCachedSite(siteId: string | null): Site | null {\n  const client = useMakeswiftHostApiClient()\n  const getSnapshot = () => (siteId == null ? null : client.readSite(siteId))\n\n  const site = useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot)\n\n  return site\n}\n"],"mappings":"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","names":[]}

package/dist/esm/components/shared/BackgroundsContainer/index.js

@@ -9,6 +9,10 @@ import { useStyle } from "../../../runtimes/react/use-style";
 import { useBackgrounds } from "../../hooks";
 import Backgrounds from "./components/Backgrounds";
 var BackgroundsContainer_default = forwardRef(function BackgroundsContainer({ backgrounds, children, className, ...restOfProps }, ref) {
+  const widthAndMarginStyle = useStyle({
+    width: "100%",
+    margin: "0 auto"
+  });
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -17,8 +21,6 @@ var BackgroundsContainer_default = forwardRef(function BackgroundsContainer({ ba
       className: cx(
         useStyle({
           position: "relative",
-          width: "100%",
-          margin: "0 auto",
           "> *": {
             borderRadius: "inherit",
             height: "inherit"
@@ -27,7 +29,7 @@ var BackgroundsContainer_default = forwardRef(function BackgroundsContainer({ ba
             position: "relative"
           }
         }),
-        className
+        className ? className : widthAndMarginStyle
       ),
       children: [
         /* @__PURE__ */ jsx(Backgrounds, { backgrounds: useBackgrounds(backgrounds) }),

package/dist/esm/components/shared/BackgroundsContainer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/shared/BackgroundsContainer/index.tsx"],"sourcesContent":["'use client'\n\nimport { cx } from '@emotion/css'\nimport {\n  Children,\n  ComponentPropsWithoutRef,\n  ElementType,\n  forwardRef,\n  ReactElement,\n  Ref,\n} from 'react'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { useBackgrounds } from '../../hooks'\nimport Backgrounds from './components/Backgrounds'\nimport { ResponsiveBackgroundsData } from '@makeswift/prop-controllers'\n\ntype BaseProps = {\n  backgrounds: ResponsiveBackgroundsData | undefined\n  children: ReactElement<ElementType>\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'div'>, keyof BaseProps>\n\nexport default forwardRef<HTMLDivElement | null, Props>(function BackgroundsContainer(\n  { backgrounds, children, className, ...restOfProps }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  return (\n    <div\n      {...restOfProps}\n      ref={ref}\n      className={cx(\n        useStyle({\n          position: 'relative',\n          width: '100%',\n          margin: '0 auto',\n          '> *': {\n            borderRadius: 'inherit',\n            height: 'inherit',\n          },\n          '> :last-child': {\n            position: 'relative',\n          },\n        }),\n        className,\n      )}\n    >\n      <Backgrounds backgrounds={useBackgrounds(backgrounds)} />\n      {Children.only(children)}\n    </div>\n  )\n})\n"],"mappings":";AA4BI,SAmBE,KAnBF;AA1BJ,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EAGA;AAAA,OAGK;AACP,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,OAAO,iBAAiB;AAUxB,IAAO,+BAAQ,WAAyC,SAAS,qBAC/D,EAAE,aAAa,UAAU,WAAW,GAAG,YAAY,GACnD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,WAAW;AAAA,QACT,SAAS;AAAA,UACP,UAAU;AAAA,UACV,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,OAAO;AAAA,YACL,cAAc;AAAA,YACd,QAAQ;AAAA,UACV;AAAA,UACA,iBAAiB;AAAA,YACf,UAAU;AAAA,UACZ;AAAA,QACF,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MAEA;AAAA,4BAAC,eAAY,aAAa,eAAe,WAAW,GAAG;AAAA,QACtD,SAAS,KAAK,QAAQ;AAAA;AAAA;AAAA,EACzB;AAEJ,CAAC;","names":[]}
+{"version":3,"sources":["../../../../../src/components/shared/BackgroundsContainer/index.tsx"],"sourcesContent":["'use client'\n\nimport { cx } from '@emotion/css'\nimport {\n  Children,\n  ComponentPropsWithoutRef,\n  ElementType,\n  forwardRef,\n  ReactElement,\n  Ref,\n} from 'react'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { useBackgrounds } from '../../hooks'\nimport Backgrounds from './components/Backgrounds'\nimport { ResponsiveBackgroundsData } from '@makeswift/prop-controllers'\n\ntype BaseProps = {\n  backgrounds: ResponsiveBackgroundsData | undefined\n  children: ReactElement<ElementType>\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'div'>, keyof BaseProps>\n\nexport default forwardRef<HTMLDivElement | null, Props>(function BackgroundsContainer(\n  { backgrounds, children, className, ...restOfProps }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  const widthAndMarginStyle = useStyle({\n    width: '100%',\n    margin: '0 auto',\n  })\n\n  return (\n    <div\n      {...restOfProps}\n      ref={ref}\n      className={cx(\n        useStyle({\n          position: 'relative',\n          '> *': {\n            borderRadius: 'inherit',\n            height: 'inherit',\n          },\n          '> :last-child': {\n            position: 'relative',\n          },\n        }),\n        className ? className : widthAndMarginStyle,\n      )}\n    >\n      <Backgrounds backgrounds={useBackgrounds(backgrounds)} />\n      {Children.only(children)}\n    </div>\n  )\n})\n"],"mappings":";AAiCI,SAiBE,KAjBF;AA/BJ,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EAGA;AAAA,OAGK;AACP,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,OAAO,iBAAiB;AAUxB,IAAO,+BAAQ,WAAyC,SAAS,qBAC/D,EAAE,aAAa,UAAU,WAAW,GAAG,YAAY,GACnD,KACA;AACA,QAAM,sBAAsB,SAAS;AAAA,IACnC,OAAO;AAAA,IACP,QAAQ;AAAA,EACV,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,WAAW;AAAA,QACT,SAAS;AAAA,UACP,UAAU;AAAA,UACV,OAAO;AAAA,YACL,cAAc;AAAA,YACd,QAAQ;AAAA,UACV;AAAA,UACA,iBAAiB;AAAA,YACf,UAAU;AAAA,UACZ;AAAA,QACF,CAAC;AAAA,QACD,YAAY,YAAY;AAAA,MAC1B;AAAA,MAEA;AAAA,4BAAC,eAAY,aAAa,eAAe,WAAW,GAAG;AAAA,QACtD,SAAS,KAAK,QAAQ;AAAA;AAAA;AAAA,EACzB;AAEJ,CAAC;","names":[]}

package/dist/esm/controls/index.js

@@ -7,6 +7,11 @@ import {
   ColorDefinition,
   Combobox,
   ComboboxDefinition,
+  Font,
+  FontDefinition,
+  Group,
+  GroupDefinition,
+  GroupControl,
   IconRadioGroupDefinition,
   unstable_IconRadioGroup,
   Image,
@@ -14,20 +19,20 @@ import {
   List,
   ListDefinition,
   ListControl,
-  Shape,
-  ShapeDefinition,
-  ShapeControl,
   Number,
   NumberDefinition,
-  TextInput,
-  TextInputDefinition,
-  TextArea,
-  TextAreaDefinition,
   Select,
   SelectDefinition,
+  Shape,
+  ShapeDefinition,
+  ShapeControl,
   Style,
   StyleDefinition,
   StyleControl,
+  TextInput,
+  TextInputDefinition,
+  TextArea,
+  TextAreaDefinition,
   unstable_Typography,
   unstable_TypographyDefinition
 } from "@makeswift/controls";
@@ -44,6 +49,11 @@ export {
   Combobox,
   ComboboxDefinition,
   ControlDefinition,
+  Font,
+  FontDefinition,
+  Group,
+  GroupControl,
+  GroupDefinition,
   IconRadioGroupDefinition,
   Image,
   ImageDefinition,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/controls/index.ts"],"sourcesContent":["export * from './control'\n\nexport {\n  ControlDefinition,\n  Checkbox,\n  CheckboxDefinition,\n  Color,\n  ColorDefinition,\n  Combobox,\n  ComboboxDefinition,\n  IconRadioGroupDefinition,\n  type IconRadioGroupIcon,\n  unstable_IconRadioGroup,\n  Image,\n  ImageDefinition,\n  List,\n  ListDefinition,\n  ListControl,\n  Shape,\n  ShapeDefinition,\n  ShapeControl,\n  Number,\n  NumberDefinition,\n  TextInput,\n  TextInputDefinition,\n  TextArea,\n  TextAreaDefinition,\n  Select,\n  SelectDefinition,\n  Style,\n  StyleDefinition,\n  type StyleProperty,\n  StyleControl,\n  unstable_Typography,\n  unstable_TypographyDefinition,\n} from '@makeswift/controls'\n\nexport { Link, LinkDefinition } from './link'\nexport { RichTextV1Definition, RichTextV1Control } from './rich-text'\nexport { RichText, RichTextV2Definition, RichTextV2Control } from './rich-text-v2'\nexport { Slot, SlotDefinition, SlotControl } from './slot'\nexport { unstable_StyleV2, StyleV2Definition, StyleV2Control } from './style-v2/style-v2'\n"],"mappings":"AAAA,cAAc;AAEd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,MAAM,sBAAsB;AACrC,SAAS,sBAAsB,yBAAyB;AACxD,SAAS,UAAU,sBAAsB,yBAAyB;AAClE,SAAS,MAAM,gBAAgB,mBAAmB;AAClD,SAAS,kBAAkB,mBAAmB,sBAAsB;","names":[]}
+{"version":3,"sources":["../../../src/controls/index.ts"],"sourcesContent":["export * from './control'\n\nexport {\n  ControlDefinition,\n  Checkbox,\n  CheckboxDefinition,\n  Color,\n  ColorDefinition,\n  Combobox,\n  ComboboxDefinition,\n  Font,\n  FontDefinition,\n  Group,\n  GroupDefinition,\n  GroupControl,\n  IconRadioGroupDefinition,\n  type IconRadioGroupIcon,\n  unstable_IconRadioGroup,\n  Image,\n  ImageDefinition,\n  List,\n  ListDefinition,\n  ListControl,\n  Number,\n  NumberDefinition,\n  Select,\n  SelectDefinition,\n  Shape,\n  ShapeDefinition,\n  ShapeControl,\n  Style,\n  StyleDefinition,\n  type StyleProperty,\n  StyleControl,\n  TextInput,\n  TextInputDefinition,\n  TextArea,\n  TextAreaDefinition,\n  unstable_Typography,\n  unstable_TypographyDefinition,\n} from '@makeswift/controls'\n\nexport { Link, LinkDefinition } from './link'\nexport { RichTextV1Definition, RichTextV1Control } from './rich-text'\nexport { RichText, RichTextV2Definition, RichTextV2Control } from './rich-text-v2'\nexport { Slot, SlotDefinition, SlotControl } from './slot'\nexport { unstable_StyleV2, StyleV2Definition, StyleV2Control } from './style-v2/style-v2'\n"],"mappings":"AAAA,cAAc;AAEd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,MAAM,sBAAsB;AACrC,SAAS,sBAAsB,yBAAyB;AACxD,SAAS,UAAU,sBAAsB,yBAAyB;AAClE,SAAS,MAAM,gBAAgB,mBAAmB;AAClD,SAAS,kBAAkB,mBAAmB,sBAAsB;","names":[]}

package/dist/esm/core/index.js

@@ -1,11 +1,13 @@
 import {
   ControlDefinition,
   ControlInstance,
-  DefaultControlInstance
+  DefaultControlInstance,
+  ShapeV2Control
 } from "@makeswift/controls";
 export {
   ControlDefinition,
   ControlInstance,
-  DefaultControlInstance
+  DefaultControlInstance,
+  ShapeV2Control
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/core/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/core/index.ts"],"sourcesContent":["export {\n  type Data,\n  type DataType,\n  type ValueType,\n  type ResolvedValueType,\n  type ControlMessage,\n  type ReplacementContext,\n  type SendMessageType,\n  ControlDefinition,\n  ControlInstance,\n  DefaultControlInstance,\n} from '@makeswift/controls'\n"],"mappings":"AAAA;AAAA,EAQE;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}
+{"version":3,"sources":["../../../src/core/index.ts"],"sourcesContent":["export {\n  type ConfigType,\n  type Data,\n  type DataType,\n  type ValueType,\n  type ResolvedValueType,\n  type ControlMessage,\n  type ReplacementContext,\n  type SendMessageType,\n  ControlDefinition,\n  ControlInstance,\n  DefaultControlInstance,\n  ShapeV2Control,\n} from '@makeswift/controls'\n"],"mappings":"AAAA;AAAA,EASE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/esm/index.js

@@ -17,7 +17,7 @@ import {
   setLocalizedResourceId
 } from "./state/actions";
 import { ComponentIcon } from "./state/modules/components-meta";
-import { createDocument } from "./state/react-page";
+import { createBaseDocument } from "./state/react-page";
 import { MakeswiftComponentType } from "./components/builtin/constants";
 export {
   ActionTypes,
@@ -28,7 +28,7 @@ export {
   changeDocument,
   changeDocumentElementScrollTop,
   cleanUp,
-  createDocument,
+  createBaseDocument,
   evictApiResource,
   init,
   messageHostPropController,

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export type { Action, SetBreakpointsAction } from './state/actions'\nexport {\n  ActionTypes,\n  changeDocument,\n  changeDocumentElementScrollTop,\n  cleanUp,\n  init,\n  messageHostPropController,\n  changeApiResource,\n  evictApiResource,\n  registerDocument,\n  scrollDocumentElement,\n  unregisterDocument,\n  setBuilderEditMode,\n  builderPointerMove,\n  setBreakpoints,\n  setLocale,\n  setLocalizedResourceId,\n} from './state/actions'\nexport type { Operation } from './state/modules/read-write-documents'\nexport type { ComponentMeta } from './state/modules/components-meta'\nexport { ComponentIcon } from './state/modules/components-meta'\nexport type {\n  PropControllerDescriptor,\n  PropControllerDescriptorValueType,\n} from './prop-controllers'\nexport type { Element } from './state/react-page'\nexport { createDocument } from './state/react-page'\nexport { MakeswiftComponentType } from './components/builtin/constants'\n"],"mappings":"AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,qBAAqB;AAM9B,SAAS,sBAAsB;AAC/B,SAAS,8BAA8B;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export type { Action, SetBreakpointsAction } from './state/actions'\nexport {\n  ActionTypes,\n  changeDocument,\n  changeDocumentElementScrollTop,\n  cleanUp,\n  init,\n  messageHostPropController,\n  changeApiResource,\n  evictApiResource,\n  registerDocument,\n  scrollDocumentElement,\n  unregisterDocument,\n  setBuilderEditMode,\n  builderPointerMove,\n  setBreakpoints,\n  setLocale,\n  setLocalizedResourceId,\n} from './state/actions'\nexport type { Operation } from './state/modules/read-write-documents'\nexport type { ComponentMeta } from './state/modules/components-meta'\nexport { ComponentIcon } from './state/modules/components-meta'\nexport type {\n  PropControllerDescriptor,\n  PropControllerDescriptorValueType,\n} from './prop-controllers'\nexport type { Element } from './state/react-page'\nexport { createBaseDocument } from './state/react-page'\nexport { MakeswiftComponentType } from './components/builtin/constants'\n"],"mappings":"AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,qBAAqB;AAM9B,SAAS,0BAA0B;AACnC,SAAS,8BAA8B;","names":[]}

package/dist/esm/jest-setup.js

@@ -6,7 +6,8 @@ afterEach(() => server.resetHandlers());
 afterAll(() => server.close());
 expect.extend(matchers);
 jest.mock("uuid", () => ({
-  v4: jest.fn(() => "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx")
+  v4: jest.fn(() => "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"),
+  v5: jest.fn(() => "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx")
 }));
 if (typeof window !== "undefined") {
   Object.defineProperty(window, "matchMedia", {

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}))\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;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 } 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":[]}

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

@@ -12,8 +12,9 @@ async function handler(...args) {
   }
   const supportsPreviewMode = match(args).with(routeHandlerPattern, () => false).with(apiRoutePattern, () => true).exhaustive();
   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.22.3",
+    version: "0.23.0",
     previewMode: supportsPreviewMode,
     draftMode: supportsDraftMode,
     interactionMode: true,
@@ -22,7 +23,8 @@ async function handler(...args) {
     customBreakpoints: true,
     siteVersions: true,
     unstable_siteVersions: true,
-    localizedPageSSR: true
+    localizedPageSSR: true,
+    webhook: supportsWebhook
   };
   return match(args).with(routeHandlerPattern, () => NextResponse.json(body)).with(apiRoutePattern, ([, res]) => res.json(body)).exhaustive();
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/next/api-handler/handlers/manifest.ts"],"sourcesContent":["import { NextApiRequest, NextApiResponse } from 'next'\nimport { NextRequest, NextResponse } from 'next/server'\nimport { P, match } from 'ts-pattern'\n\ntype Context = { params: { [key: string]: string | string[] } }\n\nexport type Manifest = {\n  version: string\n  previewMode: boolean\n  interactionMode: boolean\n  clientSideNavigation: boolean\n  elementFromPoint: boolean\n  customBreakpoints: boolean\n  siteVersions: boolean\n  unstable_siteVersions: boolean\n  localizedPageSSR: boolean\n}\n\ntype ManifestError = { message: string }\n\nexport type ManifestResponse = Manifest | ManifestError\n\ntype ManifestHandlerArgs =\n  | [request: NextRequest, context: Context, params: { apiKey: string }]\n  | [req: NextApiRequest, res: NextApiResponse<ManifestResponse>, 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 handler(\n  request: NextRequest,\n  context: Context,\n  { apiKey }: { apiKey: string },\n): Promise<NextResponse<ManifestResponse>>\nexport default async function handler(\n  req: NextApiRequest,\n  res: NextApiResponse<ManifestResponse>,\n  { apiKey }: { apiKey: string },\n): Promise<void>\nexport default async function handler(\n  ...args: ManifestHandlerArgs\n): Promise<NextResponse<ManifestResponse> | void> {\n  const [, , { apiKey }] = args\n\n  const secret = match(args)\n    .with(routeHandlerPattern, ([request]) => request.nextUrl.searchParams.get('secret'))\n    .with(apiRoutePattern, ([req]) => req.query.secret)\n    .exhaustive()\n\n  if (secret !== apiKey) {\n    const status = 401\n    const body = { message: 'Unauthorized' }\n\n    return match(args)\n      .with(routeHandlerPattern, () => NextResponse.json(body, { status }))\n      .with(apiRoutePattern, ([, res]) => res.status(status).json(body))\n      .exhaustive()\n  }\n\n  const supportsPreviewMode = match(args)\n    .with(routeHandlerPattern, () => false)\n    .with(apiRoutePattern, () => true)\n    .exhaustive()\n\n  const supportsDraftMode = match(args)\n    .with(routeHandlerPattern, () => true)\n    .with(apiRoutePattern, () => false)\n    .exhaustive()\n\n  const body = {\n    version: PACKAGE_VERSION,\n    previewMode: supportsPreviewMode,\n    draftMode: supportsDraftMode,\n    interactionMode: true,\n    clientSideNavigation: false,\n    elementFromPoint: false,\n    customBreakpoints: true,\n    siteVersions: true,\n    unstable_siteVersions: true,\n    localizedPageSSR: true,\n  }\n\n  return match(args)\n    .with(routeHandlerPattern, () => NextResponse.json(body))\n    .with(apiRoutePattern, ([, res]) => res.json(body))\n    .exhaustive()\n}\n"],"mappings":"AACA,SAAsB,oBAAoB;AAC1C,SAAS,GAAG,aAAa;AAwBzB,MAAM,sBAAsB,CAAC,EAAE,WAAW,OAAO,GAAG,EAAE,KAAK,EAAE,GAAG;AAChE,MAAM,kBAAkB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG;AAY5C,eAAO,WACF,MAC6C;AAChD,QAAM,CAAC,EAAE,EAAE,EAAE,OAAO,CAAC,IAAI;AAEzB,QAAM,SAAS,MAAM,IAAI,EACtB,KAAK,qBAAqB,CAAC,CAAC,OAAO,MAAM,QAAQ,QAAQ,aAAa,IAAI,QAAQ,CAAC,EACnF,KAAK,iBAAiB,CAAC,CAAC,GAAG,MAAM,IAAI,MAAM,MAAM,EACjD,WAAW;AAEd,MAAI,WAAW,QAAQ;AACrB,UAAM,SAAS;AACf,UAAMA,QAAO,EAAE,SAAS,eAAe;AAEvC,WAAO,MAAM,IAAI,EACd,KAAK,qBAAqB,MAAM,aAAa,KAAKA,OAAM,EAAE,OAAO,CAAC,CAAC,EACnE,KAAK,iBAAiB,CAAC,CAAC,EAAE,GAAG,MAAM,IAAI,OAAO,MAAM,EAAE,KAAKA,KAAI,CAAC,EAChE,WAAW;AAAA,EAChB;AAEA,QAAM,sBAAsB,MAAM,IAAI,EACnC,KAAK,qBAAqB,MAAM,KAAK,EACrC,KAAK,iBAAiB,MAAM,IAAI,EAChC,WAAW;AAEd,QAAM,oBAAoB,MAAM,IAAI,EACjC,KAAK,qBAAqB,MAAM,IAAI,EACpC,KAAK,iBAAiB,MAAM,KAAK,EACjC,WAAW;AAEd,QAAM,OAAO;AAAA,IACX,SAAS;AAAA,IACT,aAAa;AAAA,IACb,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,IACnB,cAAc;AAAA,IACd,uBAAuB;AAAA,IACvB,kBAAkB;AAAA,EACpB;AAEA,SAAO,MAAM,IAAI,EACd,KAAK,qBAAqB,MAAM,aAAa,KAAK,IAAI,CAAC,EACvD,KAAK,iBAAiB,CAAC,CAAC,EAAE,GAAG,MAAM,IAAI,KAAK,IAAI,CAAC,EACjD,WAAW;AAChB;","names":["body"]}
+{"version":3,"sources":["../../../../../src/next/api-handler/handlers/manifest.ts"],"sourcesContent":["import { NextApiRequest, NextApiResponse } from 'next'\nimport { NextRequest, NextResponse } from 'next/server'\nimport { P, match } from 'ts-pattern'\n\ntype Context = { params: { [key: string]: string | string[] } }\n\nexport type Manifest = {\n  version: string\n  previewMode: boolean\n  interactionMode: boolean\n  clientSideNavigation: boolean\n  elementFromPoint: boolean\n  customBreakpoints: boolean\n  siteVersions: boolean\n  unstable_siteVersions: boolean\n  localizedPageSSR: boolean\n  webhook: boolean\n}\n\ntype ManifestError = { message: string }\n\nexport type ManifestResponse = Manifest | ManifestError\n\ntype ManifestHandlerArgs =\n  | [request: NextRequest, context: Context, params: { apiKey: string }]\n  | [req: NextApiRequest, res: NextApiResponse<ManifestResponse>, 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 handler(\n  request: NextRequest,\n  context: Context,\n  { apiKey }: { apiKey: string },\n): Promise<NextResponse<ManifestResponse>>\nexport default async function handler(\n  req: NextApiRequest,\n  res: NextApiResponse<ManifestResponse>,\n  { apiKey }: { apiKey: string },\n): Promise<void>\nexport default async function handler(\n  ...args: ManifestHandlerArgs\n): Promise<NextResponse<ManifestResponse> | void> {\n  const [, , { apiKey }] = args\n\n  const secret = match(args)\n    .with(routeHandlerPattern, ([request]) => request.nextUrl.searchParams.get('secret'))\n    .with(apiRoutePattern, ([req]) => req.query.secret)\n    .exhaustive()\n\n  if (secret !== apiKey) {\n    const status = 401\n    const body = { message: 'Unauthorized' }\n\n    return match(args)\n      .with(routeHandlerPattern, () => NextResponse.json(body, { status }))\n      .with(apiRoutePattern, ([, res]) => res.status(status).json(body))\n      .exhaustive()\n  }\n\n  const supportsPreviewMode = match(args)\n    .with(routeHandlerPattern, () => false)\n    .with(apiRoutePattern, () => true)\n    .exhaustive()\n\n  const supportsDraftMode = match(args)\n    .with(routeHandlerPattern, () => true)\n    .with(apiRoutePattern, () => false)\n    .exhaustive()\n\n  const supportsWebhook = match(args)\n    .with(routeHandlerPattern, () => true)\n    .with(apiRoutePattern, () => false)\n    .exhaustive()\n\n  const body = {\n    version: PACKAGE_VERSION,\n    previewMode: supportsPreviewMode,\n    draftMode: supportsDraftMode,\n    interactionMode: true,\n    clientSideNavigation: false,\n    elementFromPoint: false,\n    customBreakpoints: true,\n    siteVersions: true,\n    unstable_siteVersions: true,\n    localizedPageSSR: true,\n    webhook: supportsWebhook,\n  }\n\n  return match(args)\n    .with(routeHandlerPattern, () => NextResponse.json(body))\n    .with(apiRoutePattern, ([, res]) => res.json(body))\n    .exhaustive()\n}\n"],"mappings":"AACA,SAAsB,oBAAoB;AAC1C,SAAS,GAAG,aAAa;AAyBzB,MAAM,sBAAsB,CAAC,EAAE,WAAW,OAAO,GAAG,EAAE,KAAK,EAAE,GAAG;AAChE,MAAM,kBAAkB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG;AAY5C,eAAO,WACF,MAC6C;AAChD,QAAM,CAAC,EAAE,EAAE,EAAE,OAAO,CAAC,IAAI;AAEzB,QAAM,SAAS,MAAM,IAAI,EACtB,KAAK,qBAAqB,CAAC,CAAC,OAAO,MAAM,QAAQ,QAAQ,aAAa,IAAI,QAAQ,CAAC,EACnF,KAAK,iBAAiB,CAAC,CAAC,GAAG,MAAM,IAAI,MAAM,MAAM,EACjD,WAAW;AAEd,MAAI,WAAW,QAAQ;AACrB,UAAM,SAAS;AACf,UAAMA,QAAO,EAAE,SAAS,eAAe;AAEvC,WAAO,MAAM,IAAI,EACd,KAAK,qBAAqB,MAAM,aAAa,KAAKA,OAAM,EAAE,OAAO,CAAC,CAAC,EACnE,KAAK,iBAAiB,CAAC,CAAC,EAAE,GAAG,MAAM,IAAI,OAAO,MAAM,EAAE,KAAKA,KAAI,CAAC,EAChE,WAAW;AAAA,EAChB;AAEA,QAAM,sBAAsB,MAAM,IAAI,EACnC,KAAK,qBAAqB,MAAM,KAAK,EACrC,KAAK,iBAAiB,MAAM,IAAI,EAChC,WAAW;AAEd,QAAM,oBAAoB,MAAM,IAAI,EACjC,KAAK,qBAAqB,MAAM,IAAI,EACpC,KAAK,iBAAiB,MAAM,KAAK,EACjC,WAAW;AAEd,QAAM,kBAAkB,MAAM,IAAI,EAC/B,KAAK,qBAAqB,MAAM,IAAI,EACpC,KAAK,iBAAiB,MAAM,KAAK,EACjC,WAAW;AAEd,QAAM,OAAO;AAAA,IACX,SAAS;AAAA,IACT,aAAa;AAAA,IACb,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,IACnB,cAAc;AAAA,IACd,uBAAuB;AAAA,IACvB,kBAAkB;AAAA,IAClB,SAAS;AAAA,EACX;AAEA,SAAO,MAAM,IAAI,EACd,KAAK,qBAAqB,MAAM,aAAa,KAAK,IAAI,CAAC,EACvD,KAAK,iBAAiB,CAAC,CAAC,EAAE,GAAG,MAAM,IAAI,KAAK,IAAI,CAAC,EACjD,WAAW;AAChB;","names":["body"]}

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

@@ -0,0 +1,38 @@
+import { NextResponse } from "next/server";
+import { P, match } from "ts-pattern";
+import { handleSitePublished } from "./site-published";
+import {
+  sitePublishedWebhookPayloadSchema,
+  WebhookEventType
+} from "./types";
+const routeHandlerPattern = [P.instanceOf(Request), P.any, P.any];
+const apiRoutePattern = [P.any, P.any, P.any];
+function getSecret(args) {
+  return match(args).with(routeHandlerPattern, ([request]) => request.nextUrl.searchParams.get("secret")).with(apiRoutePattern, ([req]) => req.query.secret).exhaustive();
+}
+function getRequestBody(args) {
+  return match(args).with(routeHandlerPattern, ([request]) => request.json()).with(apiRoutePattern, ([req]) => req.body).exhaustive();
+}
+function respond(args, response, status) {
+  return match(args).with(routeHandlerPattern, () => NextResponse.json(response, { status })).with(apiRoutePattern, ([, res]) => res.json(response)).exhaustive();
+}
+async function handler(...args) {
+  const [, , { apiKey }] = args;
+  const secret = getSecret(args);
+  if (secret !== apiKey)
+    return respond(args, { message: "Unauthorized" }, 401);
+  let payload;
+  try {
+    const body = await getRequestBody(args);
+    payload = sitePublishedWebhookPayloadSchema.parse(body);
+  } catch (error) {
+    console.error(error);
+    return respond(args, { message: "Invalid request body" }, 400);
+  }
+  const result = match(payload.type).with(WebhookEventType.SITE_PUBLISHED, () => handleSitePublished(payload)).exhaustive();
+  return respond(args, result.body, result.status);
+}
+export {
+  handler as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/next/api-handler/handlers/webhook/index.ts"],"sourcesContent":["import { NextApiRequest, NextApiResponse } from 'next'\nimport { NextRequest, NextResponse } from 'next/server'\nimport { P, match } from 'ts-pattern'\nimport { handleSitePublished } from './site-published'\nimport {\n  sitePublishedWebhookPayloadSchema,\n  WebhookEventType,\n  WebhookPayloadSchema,\n  WebhookResponseBody,\n} from './types'\n\ntype Context = { params: { [key: string]: string | string[] } }\n\nexport type WebhookHandlerArgs =\n  | [request: NextRequest, context: Context, params: { apiKey: string }]\n  | [req: NextApiRequest, res: NextApiResponse<WebhookResponseBody>, 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\nfunction getSecret(args: WebhookHandlerArgs) {\n  return match(args)\n    .with(routeHandlerPattern, ([request]) => request.nextUrl.searchParams.get('secret'))\n    .with(apiRoutePattern, ([req]) => req.query.secret)\n    .exhaustive()\n}\n\nfunction getRequestBody(args: WebhookHandlerArgs) {\n  return match(args)\n    .with(routeHandlerPattern, ([request]) => request.json())\n    .with(apiRoutePattern, ([req]) => req.body)\n    .exhaustive()\n}\n\nfunction respond(args: WebhookHandlerArgs, response: WebhookResponseBody, status?: number) {\n  return match(args)\n    .with(routeHandlerPattern, () => NextResponse.json(response, { status }))\n    .with(apiRoutePattern, ([, res]) => res.json(response))\n    .exhaustive()\n}\n\nexport default async function handler(\n  request: NextRequest,\n  context: Context,\n  { apiKey }: { apiKey: string },\n): Promise<NextResponse<WebhookResponseBody>>\nexport default async function handler(\n  req: NextApiRequest,\n  res: NextApiResponse<WebhookResponseBody>,\n  { apiKey }: { apiKey: string },\n): Promise<void>\nexport default async function handler(\n  ...args: WebhookHandlerArgs\n): Promise<NextResponse<WebhookResponseBody> | void> {\n  const [, , { apiKey }] = args\n  const secret = getSecret(args)\n\n  if (secret !== apiKey) return respond(args, { message: 'Unauthorized' }, 401)\n\n  let payload: WebhookPayloadSchema\n\n  try {\n    const body = await getRequestBody(args)\n    payload = sitePublishedWebhookPayloadSchema.parse(body)\n  } catch (error) {\n    console.error(error)\n    return respond(args, { message: 'Invalid request body' }, 400)\n  }\n\n  const result = match(payload.type)\n    .with(WebhookEventType.SITE_PUBLISHED, () => handleSitePublished(payload))\n    .exhaustive()\n\n  return respond(args, result.body, result.status)\n}\n"],"mappings":"AACA,SAAsB,oBAAoB;AAC1C,SAAS,GAAG,aAAa;AACzB,SAAS,2BAA2B;AACpC;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AAQP,MAAM,sBAAsB,CAAC,EAAE,WAAW,OAAO,GAAG,EAAE,KAAK,EAAE,GAAG;AAChE,MAAM,kBAAkB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG;AAE5C,SAAS,UAAU,MAA0B;AAC3C,SAAO,MAAM,IAAI,EACd,KAAK,qBAAqB,CAAC,CAAC,OAAO,MAAM,QAAQ,QAAQ,aAAa,IAAI,QAAQ,CAAC,EACnF,KAAK,iBAAiB,CAAC,CAAC,GAAG,MAAM,IAAI,MAAM,MAAM,EACjD,WAAW;AAChB;AAEA,SAAS,eAAe,MAA0B;AAChD,SAAO,MAAM,IAAI,EACd,KAAK,qBAAqB,CAAC,CAAC,OAAO,MAAM,QAAQ,KAAK,CAAC,EACvD,KAAK,iBAAiB,CAAC,CAAC,GAAG,MAAM,IAAI,IAAI,EACzC,WAAW;AAChB;AAEA,SAAS,QAAQ,MAA0B,UAA+B,QAAiB;AACzF,SAAO,MAAM,IAAI,EACd,KAAK,qBAAqB,MAAM,aAAa,KAAK,UAAU,EAAE,OAAO,CAAC,CAAC,EACvE,KAAK,iBAAiB,CAAC,CAAC,EAAE,GAAG,MAAM,IAAI,KAAK,QAAQ,CAAC,EACrD,WAAW;AAChB;AAYA,eAAO,WACF,MACgD;AACnD,QAAM,CAAC,EAAE,EAAE,EAAE,OAAO,CAAC,IAAI;AACzB,QAAM,SAAS,UAAU,IAAI;AAE7B,MAAI,WAAW;AAAQ,WAAO,QAAQ,MAAM,EAAE,SAAS,eAAe,GAAG,GAAG;AAE5E,MAAI;AAEJ,MAAI;AACF,UAAM,OAAO,MAAM,eAAe,IAAI;AACtC,cAAU,kCAAkC,MAAM,IAAI;AAAA,EACxD,SAAS,OAAO;AACd,YAAQ,MAAM,KAAK;AACnB,WAAO,QAAQ,MAAM,EAAE,SAAS,uBAAuB,GAAG,GAAG;AAAA,EAC/D;AAEA,QAAM,SAAS,MAAM,QAAQ,IAAI,EAC9B,KAAK,iBAAiB,gBAAgB,MAAM,oBAAoB,OAAO,CAAC,EACxE,WAAW;AAEd,SAAO,QAAQ,MAAM,OAAO,MAAM,OAAO,MAAM;AACjD;","names":[]}

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

@@ -0,0 +1,11 @@
+import { revalidateTag } from "next/cache";
+function handleSitePublished(_payload) {
+  revalidateTag(MAKESWIFT_CACHE_TAG);
+  return { body: { success: true }, status: 200 };
+}
+const MAKESWIFT_CACHE_TAG = "@@makeswift";
+export {
+  MAKESWIFT_CACHE_TAG,
+  handleSitePublished
+};
+//# sourceMappingURL=site-published.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/next/api-handler/handlers/webhook/site-published.ts"],"sourcesContent":["import { revalidateTag } from 'next/cache'\nimport { SitePublishedWebhookPayload, WebhookHandlerResult } from './types'\n\nexport function handleSitePublished(_payload: SitePublishedWebhookPayload): WebhookHandlerResult {\n  revalidateTag(MAKESWIFT_CACHE_TAG)\n\n  return { body: { success: true }, status: 200 }\n}\n\nexport const MAKESWIFT_CACHE_TAG = '@@makeswift'\n"],"mappings":"AAAA,SAAS,qBAAqB;AAGvB,SAAS,oBAAoB,UAA6D;AAC/F,gBAAc,mBAAmB;AAEjC,SAAO,EAAE,MAAM,EAAE,SAAS,KAAK,GAAG,QAAQ,IAAI;AAChD;AAEO,MAAM,sBAAsB;","names":[]}

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

@@ -0,0 +1,21 @@
+import { z } from "zod";
+const WebhookEventType = {
+  SITE_PUBLISHED: "site.published"
+};
+const sitePublishedWebhookPayloadSchema = z.object({
+  type: z.literal(WebhookEventType.SITE_PUBLISHED),
+  data: z.object({
+    siteId: z.string().uuid(),
+    publish: z.object({
+      from: z.string().uuid().nullable(),
+      to: z.string().uuid()
+    }),
+    at: z.number()
+  })
+});
+const webhookPayloadSchema = sitePublishedWebhookPayloadSchema;
+export {
+  WebhookEventType,
+  sitePublishedWebhookPayloadSchema
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/next/api-handler/handlers/webhook/types.ts"],"sourcesContent":["import { z } from 'zod'\n\nexport const WebhookEventType = {\n  SITE_PUBLISHED: 'site.published',\n} as const\n\nexport const sitePublishedWebhookPayloadSchema = z.object({\n  type: z.literal(WebhookEventType.SITE_PUBLISHED),\n  data: z.object({\n    siteId: z.string().uuid(),\n    publish: z.object({\n      from: z.string().uuid().nullable(),\n      to: z.string().uuid(),\n    }),\n    at: z.number(),\n  }),\n})\n\nexport type SitePublishedWebhookPayload = z.infer<typeof sitePublishedWebhookPayloadSchema>\n\nconst webhookPayloadSchema = sitePublishedWebhookPayloadSchema\n\nexport type WebhookPayloadSchema = z.infer<typeof webhookPayloadSchema>\n\ntype WebhookSuccessBody = { success: true }\n\ntype WebhookErrorBody = { message: string }\n\nexport type WebhookResponseBody = WebhookSuccessBody | WebhookErrorBody\n\nexport type WebhookHandlerResult = {\n  body: WebhookResponseBody\n  status: 200\n}\n"],"mappings":"AAAA,SAAS,SAAS;AAEX,MAAM,mBAAmB;AAAA,EAC9B,gBAAgB;AAClB;AAEO,MAAM,oCAAoC,EAAE,OAAO;AAAA,EACxD,MAAM,EAAE,QAAQ,iBAAiB,cAAc;AAAA,EAC/C,MAAM,EAAE,OAAO;AAAA,IACb,QAAQ,EAAE,OAAO,EAAE,KAAK;AAAA,IACxB,SAAS,EAAE,OAAO;AAAA,MAChB,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS;AAAA,MACjC,IAAI,EAAE,OAAO,EAAE,KAAK;AAAA,IACtB,CAAC;AAAA,IACD,IAAI,EAAE,OAAO;AAAA,EACf,CAAC;AACH,CAAC;AAID,MAAM,uBAAuB;","names":[]}

package/dist/esm/next/api-handler/index.js

@@ -10,7 +10,7 @@ import proxyDraftMode from "./handlers/proxy-draft-mode";
 import { revalidate } from "./handlers/revalidate";
 import translatableData from "./handlers/translatable-data";
 import mergeTranslatedData from "./handlers/merge-translated-data";
-import { ReactRuntime } from "../../react";
+import webhook from "./handlers/webhook";
 import { P, match } from "ts-pattern";
 import { getSiteVersion } from "../draft-mode";
 function apiRequestParams(request) {
@@ -20,8 +20,8 @@ function MakeswiftApiHandler(apiKey, {
   appOrigin = "https://app.makeswift.com",
   apiOrigin = "https://api.makeswift.com",
   getFonts,
-  runtime = ReactRuntime
-} = {}) {
+  runtime
+}) {
   const cors = Cors({ origin: appOrigin });
   if (typeof apiKey !== "string") {
     throw new Error(
@@ -90,6 +90,9 @@ Read more about dynamic catch-all routes here: https://nextjs.org/docs/routing/d
     if (matches("/merge-translated-data")) {
       return match(args).with(routeHandlerPattern, (args2) => mergeTranslatedData(...args2, client)).with(apiRoutePattern, (args2) => mergeTranslatedData(...args2, client)).exhaustive();
     }
+    if (matches("/webhook")) {
+      return match(args).with(routeHandlerPattern, (args2) => webhook(...args2, { apiKey })).with(apiRoutePattern, (args2) => webhook(...args2, { apiKey })).exhaustive();
+    }
     const handleResource = (resource) => {
       const status2 = resource === null ? 404 : 200;
       const body2 = resource === null ? { message: "Not Found" } : resource;
@@ -110,10 +113,7 @@ Read more about dynamic catch-all routes here: https://nextjs.org/docs/routing/d
     if (m = matches(
       "/localized-global-elements/:globalElementId/:locale"
     )) {
-      return client.getLocalizedGlobalElement(m.params.globalElementId, m.params.locale, siteVersion).then((resource) => {
-        const body2 = resource === null ? { message: "Not Found" } : resource;
-        return match(args).with(routeHandlerPattern, () => NextResponse.json(body2)).with(apiRoutePattern, ([, res]) => res.json(body2)).exhaustive();
-      });
+      return client.getLocalizedGlobalElement(m.params.globalElementId, m.params.locale, siteVersion).then(handleResource);
     }
     if (m = matches("/page-pathname-slices/:id")) {
       const localeParam = match(args).with(routeHandlerPattern, ([request]) => request.nextUrl.searchParams.get("locale")).with(apiRoutePattern, ([req]) => req.query.locale).exhaustive();