@makeswift/runtime 0.23.12-canary.0 → 0.23.12-canary.1

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.23.12-canary.0",
+    version: "0.23.12-canary.1",
     previewMode: supportsPreviewMode,
     draftMode: supportsDraftMode,
     interactionMode: true,

package/dist/cjs/runtimes/react/hooks/use-register-document.js

@@ -25,15 +25,22 @@ var import_react = require("react");
 var import_use_dispatch = require("./use-dispatch");
 var import_use_is_in_builder = require("./use-is-in-builder");
 var import_actions = require("../../../state/actions");
+var import_is_server = require("../../../utils/is-server");
 function useRegisterDocument(document) {
   const isInBuilder = (0, import_use_is_in_builder.useIsInBuilder)();
   const dispatch = (0, import_use_dispatch.useDispatch)();
-  (0, import_react.useEffect)(() => dispatch((0, import_actions.registerDocumentsEffect)([document])), [document]);
+  const documentArray = (0, import_react.useMemo)(() => [document], [document]);
+  if ((0, import_is_server.isServer)()) {
+    dispatch((0, import_actions.registerDocumentsEffect)(documentArray));
+  }
+  (0, import_react.useLayoutEffect)(() => {
+    return dispatch((0, import_actions.registerDocumentsEffect)(documentArray));
+  }, [dispatch, documentArray]);
   (0, import_react.useEffect)(() => {
     if (!isInBuilder)
       return;
-    return dispatch((0, import_actions.registerBuilderDocumentsEffect)([document]));
-  }, [isInBuilder, document]);
+    return dispatch((0, import_actions.registerBuilderDocumentsEffect)(documentArray));
+  }, [isInBuilder, documentArray]);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/runtimes/react/hooks/use-register-document.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-register-document.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { type Document } from '../../../state/react-page'\nimport { useDispatch } from './use-dispatch'\nimport { useIsInBuilder } from './use-is-in-builder'\nimport { registerBuilderDocumentsEffect, registerDocumentsEffect } from '../../../state/actions'\n\n/**\n * @param document Document to register\n */\nexport function useRegisterDocument(document: Document): void {\n  const isInBuilder = useIsInBuilder()\n  const dispatch = useDispatch()\n\n  useEffect(() => dispatch(registerDocumentsEffect([document])), [document])\n\n  // TODO: Decide whether to do this via middleware or via explicit action (like\n  // what we're doing below)\n  useEffect(() => {\n    if (!isInBuilder) return\n    return dispatch(registerBuilderDocumentsEffect([document]))\n  }, [isInBuilder, document])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;AAE1B,0BAA4B;AAC5B,+BAA+B;AAC/B,qBAAwE;AAKjE,SAAS,oBAAoB,UAA0B;AAC5D,QAAM,kBAAc,yCAAe;AACnC,QAAM,eAAW,iCAAY;AAE7B,8BAAU,MAAM,aAAS,wCAAwB,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC;AAIzE,8BAAU,MAAM;AACd,QAAI,CAAC;AAAa;AAClB,WAAO,aAAS,+CAA+B,CAAC,QAAQ,CAAC,CAAC;AAAA,EAC5D,GAAG,CAAC,aAAa,QAAQ,CAAC;AAC5B;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-register-document.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useMemo } from 'react'\nimport { type Document } from '../../../state/react-page'\nimport { useDispatch } from './use-dispatch'\nimport { useIsInBuilder } from './use-is-in-builder'\nimport { registerBuilderDocumentsEffect, registerDocumentsEffect } from '../../../state/actions'\nimport { isServer } from '../../../utils/is-server'\n\n/**\n * @param document Document to register\n */\nexport function useRegisterDocument(document: Document): void {\n  const isInBuilder = useIsInBuilder()\n  const dispatch = useDispatch()\n\n  const documentArray = useMemo(() => [document], [document])\n\n  if (isServer()) {\n    dispatch(registerDocumentsEffect(documentArray))\n  }\n\n  /*\n    Layout effect is to ensure that the document registration happens prior to the\n    attempted creation/registration of prop controllers in child components.\n  */\n  useLayoutEffect(() => {\n    return dispatch(registerDocumentsEffect(documentArray))\n  }, [dispatch, documentArray])\n\n  // TODO: Decide whether to do this via middleware or via explicit action (like\n  // what we're doing below)\n  useEffect(() => {\n    if (!isInBuilder) return\n    return dispatch(registerBuilderDocumentsEffect(documentArray))\n  }, [isInBuilder, documentArray])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoD;AAEpD,0BAA4B;AAC5B,+BAA+B;AAC/B,qBAAwE;AACxE,uBAAyB;AAKlB,SAAS,oBAAoB,UAA0B;AAC5D,QAAM,kBAAc,yCAAe;AACnC,QAAM,eAAW,iCAAY;AAE7B,QAAM,oBAAgB,sBAAQ,MAAM,CAAC,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAE1D,UAAI,2BAAS,GAAG;AACd,iBAAS,wCAAwB,aAAa,CAAC;AAAA,EACjD;AAMA,oCAAgB,MAAM;AACpB,WAAO,aAAS,wCAAwB,aAAa,CAAC;AAAA,EACxD,GAAG,CAAC,UAAU,aAAa,CAAC;AAI5B,8BAAU,MAAM;AACd,QAAI,CAAC;AAAa;AAClB,WAAO,aAAS,+CAA+B,aAAa,CAAC;AAAA,EAC/D,GAAG,CAAC,aAAa,aAAa,CAAC;AACjC;","names":[]}

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

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

package/dist/esm/runtimes/react/hooks/use-register-document.js

@@ -1,16 +1,23 @@
-import { useEffect } from "react";
+import { useEffect, useLayoutEffect, useMemo } from "react";
 import { useDispatch } from "./use-dispatch";
 import { useIsInBuilder } from "./use-is-in-builder";
 import { registerBuilderDocumentsEffect, registerDocumentsEffect } from "../../../state/actions";
+import { isServer } from "../../../utils/is-server";
 function useRegisterDocument(document) {
   const isInBuilder = useIsInBuilder();
   const dispatch = useDispatch();
-  useEffect(() => dispatch(registerDocumentsEffect([document])), [document]);
+  const documentArray = useMemo(() => [document], [document]);
+  if (isServer()) {
+    dispatch(registerDocumentsEffect(documentArray));
+  }
+  useLayoutEffect(() => {
+    return dispatch(registerDocumentsEffect(documentArray));
+  }, [dispatch, documentArray]);
   useEffect(() => {
     if (!isInBuilder)
       return;
-    return dispatch(registerBuilderDocumentsEffect([document]));
-  }, [isInBuilder, document]);
+    return dispatch(registerBuilderDocumentsEffect(documentArray));
+  }, [isInBuilder, documentArray]);
 }
 export {
   useRegisterDocument

package/dist/esm/runtimes/react/hooks/use-register-document.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-register-document.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { type Document } from '../../../state/react-page'\nimport { useDispatch } from './use-dispatch'\nimport { useIsInBuilder } from './use-is-in-builder'\nimport { registerBuilderDocumentsEffect, registerDocumentsEffect } from '../../../state/actions'\n\n/**\n * @param document Document to register\n */\nexport function useRegisterDocument(document: Document): void {\n  const isInBuilder = useIsInBuilder()\n  const dispatch = useDispatch()\n\n  useEffect(() => dispatch(registerDocumentsEffect([document])), [document])\n\n  // TODO: Decide whether to do this via middleware or via explicit action (like\n  // what we're doing below)\n  useEffect(() => {\n    if (!isInBuilder) return\n    return dispatch(registerBuilderDocumentsEffect([document]))\n  }, [isInBuilder, document])\n}\n"],"mappings":"AAAA,SAAS,iBAAiB;AAE1B,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,gCAAgC,+BAA+B;AAKjE,SAAS,oBAAoB,UAA0B;AAC5D,QAAM,cAAc,eAAe;AACnC,QAAM,WAAW,YAAY;AAE7B,YAAU,MAAM,SAAS,wBAAwB,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC;AAIzE,YAAU,MAAM;AACd,QAAI,CAAC;AAAa;AAClB,WAAO,SAAS,+BAA+B,CAAC,QAAQ,CAAC,CAAC;AAAA,EAC5D,GAAG,CAAC,aAAa,QAAQ,CAAC;AAC5B;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-register-document.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useMemo } from 'react'\nimport { type Document } from '../../../state/react-page'\nimport { useDispatch } from './use-dispatch'\nimport { useIsInBuilder } from './use-is-in-builder'\nimport { registerBuilderDocumentsEffect, registerDocumentsEffect } from '../../../state/actions'\nimport { isServer } from '../../../utils/is-server'\n\n/**\n * @param document Document to register\n */\nexport function useRegisterDocument(document: Document): void {\n  const isInBuilder = useIsInBuilder()\n  const dispatch = useDispatch()\n\n  const documentArray = useMemo(() => [document], [document])\n\n  if (isServer()) {\n    dispatch(registerDocumentsEffect(documentArray))\n  }\n\n  /*\n    Layout effect is to ensure that the document registration happens prior to the\n    attempted creation/registration of prop controllers in child components.\n  */\n  useLayoutEffect(() => {\n    return dispatch(registerDocumentsEffect(documentArray))\n  }, [dispatch, documentArray])\n\n  // TODO: Decide whether to do this via middleware or via explicit action (like\n  // what we're doing below)\n  useEffect(() => {\n    if (!isInBuilder) return\n    return dispatch(registerBuilderDocumentsEffect(documentArray))\n  }, [isInBuilder, documentArray])\n}\n"],"mappings":"AAAA,SAAS,WAAW,iBAAiB,eAAe;AAEpD,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,gCAAgC,+BAA+B;AACxE,SAAS,gBAAgB;AAKlB,SAAS,oBAAoB,UAA0B;AAC5D,QAAM,cAAc,eAAe;AACnC,QAAM,WAAW,YAAY;AAE7B,QAAM,gBAAgB,QAAQ,MAAM,CAAC,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAE1D,MAAI,SAAS,GAAG;AACd,aAAS,wBAAwB,aAAa,CAAC;AAAA,EACjD;AAMA,kBAAgB,MAAM;AACpB,WAAO,SAAS,wBAAwB,aAAa,CAAC;AAAA,EACxD,GAAG,CAAC,UAAU,aAAa,CAAC;AAI5B,YAAU,MAAM;AACd,QAAI,CAAC;AAAa;AAClB,WAAO,SAAS,+BAA+B,aAAa,CAAC;AAAA,EAC/D,GAAG,CAAC,aAAa,aAAa,CAAC;AACjC;","names":[]}

package/dist/types/runtimes/react/hooks/use-register-document.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-register-document.d.ts","sourceRoot":"","sources":["../../../../../src/runtimes/react/hooks/use-register-document.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAKzD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAY5D"}
+{"version":3,"file":"use-register-document.d.ts","sourceRoot":"","sources":["../../../../../src/runtimes/react/hooks/use-register-document.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAMzD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAwB5D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@makeswift/runtime",
-  "version": "0.23.12-canary.0",
+  "version": "0.23.12-canary.1",
   "license": "MIT",
   "files": [
     "dist",
@@ -164,8 +164,8 @@
     "uuid": "^9.0.0",
     "zod": "^3.21.4",
     "@makeswift/controls": "0.1.8",
-    "@makeswift/prop-controllers": "0.4.1",
-    "@makeswift/next-plugin": "0.3.1"
+    "@makeswift/next-plugin": "0.3.1",
+    "@makeswift/prop-controllers": "0.4.1"
   },
   "devDependencies": {
     "@emotion/jest": "^11.11.0",