@makeswift/runtime 0.24.4 → 0.24.5-canary.0

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

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

package/dist/cjs/runtimes/react/components/draft-switcher/draft-switcher.js

@@ -24,6 +24,7 @@ module.exports = __toCommonJS(draft_switcher_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_react_dom = require("react-dom");
+var import_head_tags = require("../../../../next/components/head-tags");
 var import_use_is_in_builder = require("../../hooks/use-is-in-builder");
 var import_draft_toolbar = require("./draft-toolbar");
 const ClearDraftModeRequestPath = "/api/makeswift/clear-draft";
@@ -49,18 +50,13 @@ function DraftSwitcher({ isDraft }) {
       setShadowRoot(root);
     }
   }, [showToolbar, shadowRoot, setShadowRoot]);
-  if (!showToolbar)
-    return null;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     showToolbar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: "makeswift-draft-switcher", ref: shadowContainerRef, children: shadowRoot ? (0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_draft_toolbar.DraftToolbar, { onExitDraft: exitDraftMode }), shadowRoot) : null }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "script",
+      import_head_tags.PageMeta,
       {
-        type: "application/json",
-        id: "makeswift-draft-info",
-        dangerouslySetInnerHTML: {
-          __html: JSON.stringify({ draft: isDraft, inBuilder: isInBuilder })
-        }
+        name: "makeswift-draft-info",
+        content: JSON.stringify({ draft: isDraft, inBuilder: isInBuilder })
       }
     )
   ] });

package/dist/cjs/runtimes/react/components/draft-switcher/draft-switcher.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/runtimes/react/components/draft-switcher/draft-switcher.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { useIsInBuilder } from '../../hooks/use-is-in-builder'\nimport { DraftToolbar } from './draft-toolbar'\n\nconst ClearDraftModeRequestPath = '/api/makeswift/clear-draft'\n\nasync function exitDraftMode() {\n  try {\n    await fetch(ClearDraftModeRequestPath)\n    window.location.reload()\n  } catch (err) {\n    console.error('Could not clear Makeswift cookies. Please report this error to your developer.')\n    console.error(err)\n  }\n}\n\nexport function DraftSwitcher({ isDraft }: { isDraft: boolean }) {\n  const shadowContainerRef = useRef<HTMLSpanElement | null>(null)\n  const [shadowRoot, setShadowRoot] = useState<ShadowRoot | null>(null)\n  const isInBuilder = useIsInBuilder()\n\n  const showToolbar = !isInBuilder && isDraft\n\n  useEffect(() => {\n    if (!showToolbar) return\n    if (\n      shadowContainerRef.current &&\n      shadowContainerRef.current.shadowRoot == null &&\n      shadowRoot == null\n    ) {\n      const root = shadowContainerRef.current.attachShadow({ mode: 'open' })\n      setShadowRoot(root)\n    }\n  }, [showToolbar, shadowRoot, setShadowRoot])\n\n  if (!showToolbar) return null\n\n  return (\n    <>\n      {showToolbar && (\n        <span id=\"makeswift-draft-switcher\" ref={shadowContainerRef}>\n          {shadowRoot\n            ? createPortal(<DraftToolbar onExitDraft={exitDraftMode} />, shadowRoot)\n            : null}\n        </span>\n      )}\n      <script\n        type=\"application/json\"\n        id=\"makeswift-draft-info\"\n        dangerouslySetInnerHTML={{\n          __html: JSON.stringify({ draft: isDraft, inBuilder: isInBuilder }),\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwCI;AAxCJ,mBAA4C;AAC5C,uBAA6B;AAE7B,+BAA+B;AAC/B,2BAA6B;AAE7B,MAAM,4BAA4B;AAElC,eAAe,gBAAgB;AAC7B,MAAI;AACF,UAAM,MAAM,yBAAyB;AACrC,WAAO,SAAS,OAAO;AAAA,EACzB,SAAS,KAAK;AACZ,YAAQ,MAAM,gFAAgF;AAC9F,YAAQ,MAAM,GAAG;AAAA,EACnB;AACF;AAEO,SAAS,cAAc,EAAE,QAAQ,GAAyB;AAC/D,QAAM,yBAAqB,qBAA+B,IAAI;AAC9D,QAAM,CAAC,YAAY,aAAa,QAAI,uBAA4B,IAAI;AACpE,QAAM,kBAAc,yCAAe;AAEnC,QAAM,cAAc,CAAC,eAAe;AAEpC,8BAAU,MAAM;AACd,QAAI,CAAC;AAAa;AAClB,QACE,mBAAmB,WACnB,mBAAmB,QAAQ,cAAc,QACzC,cAAc,MACd;AACA,YAAM,OAAO,mBAAmB,QAAQ,aAAa,EAAE,MAAM,OAAO,CAAC;AACrE,oBAAc,IAAI;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,aAAa,YAAY,aAAa,CAAC;AAE3C,MAAI,CAAC;AAAa,WAAO;AAEzB,SACE,4EACG;AAAA,mBACC,4CAAC,UAAK,IAAG,4BAA2B,KAAK,oBACtC,2BACG,+BAAa,4CAAC,qCAAa,aAAa,eAAe,GAAI,UAAU,IACrE,MACN;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAG;AAAA,QACH,yBAAyB;AAAA,UACvB,QAAQ,KAAK,UAAU,EAAE,OAAO,SAAS,WAAW,YAAY,CAAC;AAAA,QACnE;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../../src/runtimes/react/components/draft-switcher/draft-switcher.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { PageMeta } from '../../../../next/components/head-tags'\nimport { useIsInBuilder } from '../../hooks/use-is-in-builder'\nimport { DraftToolbar } from './draft-toolbar'\n\nconst ClearDraftModeRequestPath = '/api/makeswift/clear-draft'\n\nasync function exitDraftMode() {\n  try {\n    await fetch(ClearDraftModeRequestPath)\n    window.location.reload()\n  } catch (err) {\n    console.error('Could not clear Makeswift cookies. Please report this error to your developer.')\n    console.error(err)\n  }\n}\n\nexport function DraftSwitcher({ isDraft }: { isDraft: boolean }) {\n  const shadowContainerRef = useRef<HTMLSpanElement | null>(null)\n  const [shadowRoot, setShadowRoot] = useState<ShadowRoot | null>(null)\n  const isInBuilder = useIsInBuilder()\n\n  const showToolbar = !isInBuilder && isDraft\n\n  useEffect(() => {\n    if (!showToolbar) return\n    if (\n      shadowContainerRef.current &&\n      shadowContainerRef.current.shadowRoot == null &&\n      shadowRoot == null\n    ) {\n      const root = shadowContainerRef.current.attachShadow({ mode: 'open' })\n      setShadowRoot(root)\n    }\n  }, [showToolbar, shadowRoot, setShadowRoot])\n\n  return (\n    <>\n      {showToolbar && (\n        <span id=\"makeswift-draft-switcher\" ref={shadowContainerRef}>\n          {shadowRoot\n            ? createPortal(<DraftToolbar onExitDraft={exitDraftMode} />, shadowRoot)\n            : null}\n        </span>\n      )}\n      {/* Insert draft mode information into the DOM to make it easier to debug draft mode-related \n          issues on production sites */}\n      <PageMeta\n        name=\"makeswift-draft-info\"\n        content={JSON.stringify({ draft: isDraft, inBuilder: isInBuilder })} />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuCI;AAvCJ,mBAA4C;AAC5C,uBAA6B;AAE7B,uBAAyB;AACzB,+BAA+B;AAC/B,2BAA6B;AAE7B,MAAM,4BAA4B;AAElC,eAAe,gBAAgB;AAC7B,MAAI;AACF,UAAM,MAAM,yBAAyB;AACrC,WAAO,SAAS,OAAO;AAAA,EACzB,SAAS,KAAK;AACZ,YAAQ,MAAM,gFAAgF;AAC9F,YAAQ,MAAM,GAAG;AAAA,EACnB;AACF;AAEO,SAAS,cAAc,EAAE,QAAQ,GAAyB;AAC/D,QAAM,yBAAqB,qBAA+B,IAAI;AAC9D,QAAM,CAAC,YAAY,aAAa,QAAI,uBAA4B,IAAI;AACpE,QAAM,kBAAc,yCAAe;AAEnC,QAAM,cAAc,CAAC,eAAe;AAEpC,8BAAU,MAAM;AACd,QAAI,CAAC;AAAa;AAClB,QACE,mBAAmB,WACnB,mBAAmB,QAAQ,cAAc,QACzC,cAAc,MACd;AACA,YAAM,OAAO,mBAAmB,QAAQ,aAAa,EAAE,MAAM,OAAO,CAAC;AACrE,oBAAc,IAAI;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,aAAa,YAAY,aAAa,CAAC;AAE3C,SACE,4EACG;AAAA,mBACC,4CAAC,UAAK,IAAG,4BAA2B,KAAK,oBACtC,2BACG,+BAAa,4CAAC,qCAAa,aAAa,eAAe,GAAI,UAAU,IACrE,MACN;AAAA,IAIF;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,KAAK,UAAU,EAAE,OAAO,SAAS,WAAW,YAAY,CAAC;AAAA;AAAA,IAAG;AAAA,KACzE;AAEJ;","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.24.4",
+    version: "0.24.5-canary.0",
     previewMode: supportsPreviewMode,
     draftMode: supportsDraftMode,
     interactionMode: true,

package/dist/esm/runtimes/react/components/draft-switcher/draft-switcher.js

@@ -1,6 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { createPortal } from "react-dom";
+import { PageMeta } from "../../../../next/components/head-tags";
 import { useIsInBuilder } from "../../hooks/use-is-in-builder";
 import { DraftToolbar } from "./draft-toolbar";
 const ClearDraftModeRequestPath = "/api/makeswift/clear-draft";
@@ -26,18 +27,13 @@ function DraftSwitcher({ isDraft }) {
       setShadowRoot(root);
     }
   }, [showToolbar, shadowRoot, setShadowRoot]);
-  if (!showToolbar)
-    return null;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     showToolbar && /* @__PURE__ */ jsx("span", { id: "makeswift-draft-switcher", ref: shadowContainerRef, children: shadowRoot ? createPortal(/* @__PURE__ */ jsx(DraftToolbar, { onExitDraft: exitDraftMode }), shadowRoot) : null }),
     /* @__PURE__ */ jsx(
-      "script",
+      PageMeta,
       {
-        type: "application/json",
-        id: "makeswift-draft-info",
-        dangerouslySetInnerHTML: {
-          __html: JSON.stringify({ draft: isDraft, inBuilder: isInBuilder })
-        }
+        name: "makeswift-draft-info",
+        content: JSON.stringify({ draft: isDraft, inBuilder: isInBuilder })
       }
     )
   ] });

package/dist/esm/runtimes/react/components/draft-switcher/draft-switcher.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/runtimes/react/components/draft-switcher/draft-switcher.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { useIsInBuilder } from '../../hooks/use-is-in-builder'\nimport { DraftToolbar } from './draft-toolbar'\n\nconst ClearDraftModeRequestPath = '/api/makeswift/clear-draft'\n\nasync function exitDraftMode() {\n  try {\n    await fetch(ClearDraftModeRequestPath)\n    window.location.reload()\n  } catch (err) {\n    console.error('Could not clear Makeswift cookies. Please report this error to your developer.')\n    console.error(err)\n  }\n}\n\nexport function DraftSwitcher({ isDraft }: { isDraft: boolean }) {\n  const shadowContainerRef = useRef<HTMLSpanElement | null>(null)\n  const [shadowRoot, setShadowRoot] = useState<ShadowRoot | null>(null)\n  const isInBuilder = useIsInBuilder()\n\n  const showToolbar = !isInBuilder && isDraft\n\n  useEffect(() => {\n    if (!showToolbar) return\n    if (\n      shadowContainerRef.current &&\n      shadowContainerRef.current.shadowRoot == null &&\n      shadowRoot == null\n    ) {\n      const root = shadowContainerRef.current.attachShadow({ mode: 'open' })\n      setShadowRoot(root)\n    }\n  }, [showToolbar, shadowRoot, setShadowRoot])\n\n  if (!showToolbar) return null\n\n  return (\n    <>\n      {showToolbar && (\n        <span id=\"makeswift-draft-switcher\" ref={shadowContainerRef}>\n          {shadowRoot\n            ? createPortal(<DraftToolbar onExitDraft={exitDraftMode} />, shadowRoot)\n            : null}\n        </span>\n      )}\n      <script\n        type=\"application/json\"\n        id=\"makeswift-draft-info\"\n        dangerouslySetInnerHTML={{\n          __html: JSON.stringify({ draft: isDraft, inBuilder: isInBuilder }),\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":"AAwCI,mBAIuB,KAJvB;AAxCJ,SAAS,WAAW,QAAQ,gBAAgB;AAC5C,SAAS,oBAAoB;AAE7B,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAE7B,MAAM,4BAA4B;AAElC,eAAe,gBAAgB;AAC7B,MAAI;AACF,UAAM,MAAM,yBAAyB;AACrC,WAAO,SAAS,OAAO;AAAA,EACzB,SAAS,KAAK;AACZ,YAAQ,MAAM,gFAAgF;AAC9F,YAAQ,MAAM,GAAG;AAAA,EACnB;AACF;AAEO,SAAS,cAAc,EAAE,QAAQ,GAAyB;AAC/D,QAAM,qBAAqB,OAA+B,IAAI;AAC9D,QAAM,CAAC,YAAY,aAAa,IAAI,SAA4B,IAAI;AACpE,QAAM,cAAc,eAAe;AAEnC,QAAM,cAAc,CAAC,eAAe;AAEpC,YAAU,MAAM;AACd,QAAI,CAAC;AAAa;AAClB,QACE,mBAAmB,WACnB,mBAAmB,QAAQ,cAAc,QACzC,cAAc,MACd;AACA,YAAM,OAAO,mBAAmB,QAAQ,aAAa,EAAE,MAAM,OAAO,CAAC;AACrE,oBAAc,IAAI;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,aAAa,YAAY,aAAa,CAAC;AAE3C,MAAI,CAAC;AAAa,WAAO;AAEzB,SACE,iCACG;AAAA,mBACC,oBAAC,UAAK,IAAG,4BAA2B,KAAK,oBACtC,uBACG,aAAa,oBAAC,gBAAa,aAAa,eAAe,GAAI,UAAU,IACrE,MACN;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAG;AAAA,QACH,yBAAyB;AAAA,UACvB,QAAQ,KAAK,UAAU,EAAE,OAAO,SAAS,WAAW,YAAY,CAAC;AAAA,QACnE;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../../src/runtimes/react/components/draft-switcher/draft-switcher.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { PageMeta } from '../../../../next/components/head-tags'\nimport { useIsInBuilder } from '../../hooks/use-is-in-builder'\nimport { DraftToolbar } from './draft-toolbar'\n\nconst ClearDraftModeRequestPath = '/api/makeswift/clear-draft'\n\nasync function exitDraftMode() {\n  try {\n    await fetch(ClearDraftModeRequestPath)\n    window.location.reload()\n  } catch (err) {\n    console.error('Could not clear Makeswift cookies. Please report this error to your developer.')\n    console.error(err)\n  }\n}\n\nexport function DraftSwitcher({ isDraft }: { isDraft: boolean }) {\n  const shadowContainerRef = useRef<HTMLSpanElement | null>(null)\n  const [shadowRoot, setShadowRoot] = useState<ShadowRoot | null>(null)\n  const isInBuilder = useIsInBuilder()\n\n  const showToolbar = !isInBuilder && isDraft\n\n  useEffect(() => {\n    if (!showToolbar) return\n    if (\n      shadowContainerRef.current &&\n      shadowContainerRef.current.shadowRoot == null &&\n      shadowRoot == null\n    ) {\n      const root = shadowContainerRef.current.attachShadow({ mode: 'open' })\n      setShadowRoot(root)\n    }\n  }, [showToolbar, shadowRoot, setShadowRoot])\n\n  return (\n    <>\n      {showToolbar && (\n        <span id=\"makeswift-draft-switcher\" ref={shadowContainerRef}>\n          {shadowRoot\n            ? createPortal(<DraftToolbar onExitDraft={exitDraftMode} />, shadowRoot)\n            : null}\n        </span>\n      )}\n      {/* Insert draft mode information into the DOM to make it easier to debug draft mode-related \n          issues on production sites */}\n      <PageMeta\n        name=\"makeswift-draft-info\"\n        content={JSON.stringify({ draft: isDraft, inBuilder: isInBuilder })} />\n    </>\n  )\n}\n"],"mappings":"AAuCI,mBAIuB,KAJvB;AAvCJ,SAAS,WAAW,QAAQ,gBAAgB;AAC5C,SAAS,oBAAoB;AAE7B,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAE7B,MAAM,4BAA4B;AAElC,eAAe,gBAAgB;AAC7B,MAAI;AACF,UAAM,MAAM,yBAAyB;AACrC,WAAO,SAAS,OAAO;AAAA,EACzB,SAAS,KAAK;AACZ,YAAQ,MAAM,gFAAgF;AAC9F,YAAQ,MAAM,GAAG;AAAA,EACnB;AACF;AAEO,SAAS,cAAc,EAAE,QAAQ,GAAyB;AAC/D,QAAM,qBAAqB,OAA+B,IAAI;AAC9D,QAAM,CAAC,YAAY,aAAa,IAAI,SAA4B,IAAI;AACpE,QAAM,cAAc,eAAe;AAEnC,QAAM,cAAc,CAAC,eAAe;AAEpC,YAAU,MAAM;AACd,QAAI,CAAC;AAAa;AAClB,QACE,mBAAmB,WACnB,mBAAmB,QAAQ,cAAc,QACzC,cAAc,MACd;AACA,YAAM,OAAO,mBAAmB,QAAQ,aAAa,EAAE,MAAM,OAAO,CAAC;AACrE,oBAAc,IAAI;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,aAAa,YAAY,aAAa,CAAC;AAE3C,SACE,iCACG;AAAA,mBACC,oBAAC,UAAK,IAAG,4BAA2B,KAAK,oBACtC,uBACG,aAAa,oBAAC,gBAAa,aAAa,eAAe,GAAI,UAAU,IACrE,MACN;AAAA,IAIF;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,KAAK,UAAU,EAAE,OAAO,SAAS,WAAW,YAAY,CAAC;AAAA;AAAA,IAAG;AAAA,KACzE;AAEJ;","names":[]}

package/dist/types/runtimes/react/components/draft-switcher/draft-switcher.d.ts

@@ -1,4 +1,4 @@
 export declare function DraftSwitcher({ isDraft }: {
     isDraft: boolean;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=draft-switcher.d.ts.map

package/dist/types/runtimes/react/components/draft-switcher/draft-switcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"draft-switcher.d.ts","sourceRoot":"","sources":["../../../../../../src/runtimes/react/components/draft-switcher/draft-switcher.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,kDAuC9D"}
+{"version":3,"file":"draft-switcher.d.ts","sourceRoot":"","sources":["../../../../../../src/runtimes/react/components/draft-switcher/draft-switcher.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,2CAmC9D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@makeswift/runtime",
-  "version": "0.24.4",
+  "version": "0.24.5-canary.0",
   "license": "MIT",
   "files": [
     "dist",