@makeswift/runtime 0.20.0-canary.0 → 0.20.0

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

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

package/dist/cjs/runtimes/react/components/ElementData.js

@@ -25,38 +25,17 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_react2 = require("react");
 var import_use_component = require("../hooks/use-component");
+var import_suppress_ref_warning = require("../utils/suppress-ref-warning");
 var import_FallbackComponent = require("../../../components/shared/FallbackComponent");
 var import_controls = require("../controls");
-function hasTypeofSymbol(Component, symbol) {
-  return Component && Component.type && Component.$$typeof?.toString() === `Symbol(${symbol})`;
-}
-function isMemoComponent(Component) {
-  return hasTypeofSymbol(Component, "react.memo");
-}
-function unwrapIfMemo(Component) {
-  return isMemoComponent(Component) ? Component.type : Component;
-}
-function isForwardRef(Component) {
-  return hasTypeofSymbol(Component, "react.forward_ref");
-}
-function isClassComponent(Component) {
-  return typeof Component === "function" && Component.prototype && Component.prototype.isReactComponent;
-}
-function isLazyComponent(Component) {
-  return hasTypeofSymbol(Component, "react.lazy");
-}
-function canAcceptRef(Component) {
-  return isClassComponent(Component) || isForwardRef(Component) || // will try to pass a ref to all lazy components since we can't know if they accept refs without loading them
-  isLazyComponent(Component);
-}
 const ElementData = (0, import_react2.memo)(
   (0, import_react2.forwardRef)(function ElementData2({ elementData }, ref) {
     const Component = (0, import_use_component.useComponent)(elementData.type);
-    const forwardRef2 = canAcceptRef(unwrapIfMemo(Component));
+    (0, import_suppress_ref_warning.suppressRefWarning)(`\`ForwardRef(${ElementData2.name})\``);
     if (Component == null) {
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FallbackComponent.FallbackComponent, { ref, text: "Component not found" });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Suspense, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_controls.PropsValue, { element: elementData, children: (props) => forwardRef2 ? /* @__PURE__ */ (0, import_react.createElement)(Component, { ...props, key: elementData.key, ref }) : /* @__PURE__ */ (0, import_react.createElement)(Component, { ...props, key: elementData.key }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Suspense, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_controls.PropsValue, { element: elementData, children: (props) => /* @__PURE__ */ (0, import_react.createElement)(Component, { ...props, key: elementData.key, ref }) }) });
   })
 );
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/runtimes/react/components/ElementData.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementData.tsx"],"sourcesContent":["import { Ref, Suspense, forwardRef, memo } from 'react'\nimport { ElementData as ReactPageElementData } from '../../../state/react-page'\nimport { useComponent } from '../hooks/use-component'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { PropsValue } from '../controls'\n\ntype ElementDataProps = {\n  elementData: ReactPageElementData\n}\n\nfunction hasTypeofSymbol(Component: any, symbol: string) {\n  return Component && Component.type && Component.$$typeof?.toString() === `Symbol(${symbol})`\n}\n\nfunction isMemoComponent(Component: any) {\n  return hasTypeofSymbol(Component, 'react.memo')\n}\n\nfunction unwrapIfMemo(Component: any) {\n  return isMemoComponent(Component) ? Component.type : Component\n}\n\nfunction isForwardRef(Component: any) {\n  return hasTypeofSymbol(Component, 'react.forward_ref')\n}\n\nfunction isClassComponent(Component: any) {\n  return (\n    typeof Component === 'function' && Component.prototype && Component.prototype.isReactComponent\n  )\n}\n\nfunction isLazyComponent(Component: any) {\n  return hasTypeofSymbol(Component, 'react.lazy')\n}\n\nfunction canAcceptRef(Component: any) {\n  return (\n    isClassComponent(Component) ||\n    isForwardRef(Component) ||\n    // will try to pass a ref to all lazy components since we can't know if they accept refs without loading them\n    isLazyComponent(Component)\n  )\n}\n\nexport const ElementData = memo(\n  forwardRef(function ElementData(\n    { elementData }: ElementDataProps,\n    ref: Ref<unknown>,\n  ): JSX.Element {\n    const Component = useComponent(elementData.type)\n    const forwardRef = canAcceptRef(unwrapIfMemo(Component))\n\n    if (Component == null) {\n      return <FallbackComponent ref={ref as Ref<HTMLDivElement>} text=\"Component not found\" />\n    }\n\n    return (\n      <Suspense>\n        <PropsValue element={elementData}>\n          {props =>\n            forwardRef ? (\n              <Component {...props} key={elementData.key} ref={ref} />\n            ) : (\n              <Component {...props} key={elementData.key} />\n            )\n          }\n        </PropsValue>\n      </Suspense>\n    )\n  }),\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsDa;AAQC;AA9Dd,IAAAA,gBAAgD;AAEhD,2BAA6B;AAC7B,+BAAkC;AAClC,sBAA2B;AAM3B,SAAS,gBAAgB,WAAgB,QAAgB;AACvD,SAAO,aAAa,UAAU,QAAQ,UAAU,UAAU,SAAS,MAAM,UAAU,MAAM;AAC3F;AAEA,SAAS,gBAAgB,WAAgB;AACvC,SAAO,gBAAgB,WAAW,YAAY;AAChD;AAEA,SAAS,aAAa,WAAgB;AACpC,SAAO,gBAAgB,SAAS,IAAI,UAAU,OAAO;AACvD;AAEA,SAAS,aAAa,WAAgB;AACpC,SAAO,gBAAgB,WAAW,mBAAmB;AACvD;AAEA,SAAS,iBAAiB,WAAgB;AACxC,SACE,OAAO,cAAc,cAAc,UAAU,aAAa,UAAU,UAAU;AAElF;AAEA,SAAS,gBAAgB,WAAgB;AACvC,SAAO,gBAAgB,WAAW,YAAY;AAChD;AAEA,SAAS,aAAa,WAAgB;AACpC,SACE,iBAAiB,SAAS,KAC1B,aAAa,SAAS;AAAA,EAEtB,gBAAgB,SAAS;AAE7B;AAEO,MAAM,kBAAc;AAAA,MACzB,0BAAW,SAASC,aAClB,EAAE,YAAY,GACd,KACa;AACb,UAAM,gBAAY,mCAAa,YAAY,IAAI;AAC/C,UAAMC,cAAa,aAAa,aAAa,SAAS,CAAC;AAEvD,QAAI,aAAa,MAAM;AACrB,aAAO,4CAAC,8CAAkB,KAAiC,MAAK,uBAAsB;AAAA,IACxF;AAEA,WACE,4CAAC,0BACC,sDAAC,8BAAW,SAAS,aAClB,qBACCA,cACE,gDAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,KAAU,IAEtD,gDAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,GAGlD,GACF;AAAA,EAEJ,CAAC;AACH;","names":["import_react","ElementData","forwardRef"]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementData.tsx"],"sourcesContent":["import { Ref, Suspense, forwardRef, memo } from 'react'\nimport { ElementData as ReactPageElementData } from '../../../state/react-page'\nimport { useComponent } from '../hooks/use-component'\nimport { suppressRefWarning } from '../utils/suppress-ref-warning'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { PropsValue } from '../controls'\n\ntype ElementDataProps = {\n  elementData: ReactPageElementData\n}\n\nexport const ElementData = memo(\n  forwardRef(function ElementData(\n    { elementData }: ElementDataProps,\n    ref: Ref<unknown>,\n  ): JSX.Element {\n    const Component = useComponent(elementData.type)\n\n    suppressRefWarning(`\\`ForwardRef(${ElementData.name})\\``)\n\n    if (Component == null) {\n      return <FallbackComponent ref={ref as Ref<HTMLDivElement>} text=\"Component not found\" />\n    }\n\n    return (\n      <Suspense>\n        <PropsValue element={elementData}>\n          {props => <Component {...props} key={elementData.key} ref={ref} />}\n        </PropsValue>\n      </Suspense>\n    )\n  }),\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBa;AAMO;AA3BpB,IAAAA,gBAAgD;AAEhD,2BAA6B;AAC7B,kCAAmC;AACnC,+BAAkC;AAClC,sBAA2B;AAMpB,MAAM,kBAAc;AAAA,MACzB,0BAAW,SAASC,aAClB,EAAE,YAAY,GACd,KACa;AACb,UAAM,gBAAY,mCAAa,YAAY,IAAI;AAE/C,wDAAmB,gBAAgBA,aAAY,IAAI,KAAK;AAExD,QAAI,aAAa,MAAM;AACrB,aAAO,4CAAC,8CAAkB,KAAiC,MAAK,uBAAsB;AAAA,IACxF;AAEA,WACE,4CAAC,0BACC,sDAAC,8BAAW,SAAS,aAClB,qBAAS,gDAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,KAAU,GAClE,GACF;AAAA,EAEJ,CAAC;AACH;","names":["import_react","ElementData"]}

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

@@ -13,7 +13,7 @@ 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 body = {
-    version: "0.20.0-canary.0",
+    version: "0.20.0",
     previewMode: supportsPreviewMode,
     draftMode: supportsDraftMode,
     interactionMode: true,

package/dist/esm/runtimes/react/components/ElementData.js

@@ -2,38 +2,17 @@ import { jsx } from "react/jsx-runtime";
 import { createElement } from "react";
 import { Suspense, forwardRef, memo } from "react";
 import { useComponent } from "../hooks/use-component";
+import { suppressRefWarning } from "../utils/suppress-ref-warning";
 import { FallbackComponent } from "../../../components/shared/FallbackComponent";
 import { PropsValue } from "../controls";
-function hasTypeofSymbol(Component, symbol) {
-  return Component && Component.type && Component.$$typeof?.toString() === `Symbol(${symbol})`;
-}
-function isMemoComponent(Component) {
-  return hasTypeofSymbol(Component, "react.memo");
-}
-function unwrapIfMemo(Component) {
-  return isMemoComponent(Component) ? Component.type : Component;
-}
-function isForwardRef(Component) {
-  return hasTypeofSymbol(Component, "react.forward_ref");
-}
-function isClassComponent(Component) {
-  return typeof Component === "function" && Component.prototype && Component.prototype.isReactComponent;
-}
-function isLazyComponent(Component) {
-  return hasTypeofSymbol(Component, "react.lazy");
-}
-function canAcceptRef(Component) {
-  return isClassComponent(Component) || isForwardRef(Component) || // will try to pass a ref to all lazy components since we can't know if they accept refs without loading them
-  isLazyComponent(Component);
-}
 const ElementData = memo(
   forwardRef(function ElementData2({ elementData }, ref) {
     const Component = useComponent(elementData.type);
-    const forwardRef2 = canAcceptRef(unwrapIfMemo(Component));
+    suppressRefWarning(`\`ForwardRef(${ElementData2.name})\``);
     if (Component == null) {
       return /* @__PURE__ */ jsx(FallbackComponent, { ref, text: "Component not found" });
     }
-    return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(PropsValue, { element: elementData, children: (props) => forwardRef2 ? /* @__PURE__ */ createElement(Component, { ...props, key: elementData.key, ref }) : /* @__PURE__ */ createElement(Component, { ...props, key: elementData.key }) }) });
+    return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(PropsValue, { element: elementData, children: (props) => /* @__PURE__ */ createElement(Component, { ...props, key: elementData.key, ref }) }) });
   })
 );
 export {

package/dist/esm/runtimes/react/components/ElementData.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementData.tsx"],"sourcesContent":["import { Ref, Suspense, forwardRef, memo } from 'react'\nimport { ElementData as ReactPageElementData } from '../../../state/react-page'\nimport { useComponent } from '../hooks/use-component'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { PropsValue } from '../controls'\n\ntype ElementDataProps = {\n  elementData: ReactPageElementData\n}\n\nfunction hasTypeofSymbol(Component: any, symbol: string) {\n  return Component && Component.type && Component.$$typeof?.toString() === `Symbol(${symbol})`\n}\n\nfunction isMemoComponent(Component: any) {\n  return hasTypeofSymbol(Component, 'react.memo')\n}\n\nfunction unwrapIfMemo(Component: any) {\n  return isMemoComponent(Component) ? Component.type : Component\n}\n\nfunction isForwardRef(Component: any) {\n  return hasTypeofSymbol(Component, 'react.forward_ref')\n}\n\nfunction isClassComponent(Component: any) {\n  return (\n    typeof Component === 'function' && Component.prototype && Component.prototype.isReactComponent\n  )\n}\n\nfunction isLazyComponent(Component: any) {\n  return hasTypeofSymbol(Component, 'react.lazy')\n}\n\nfunction canAcceptRef(Component: any) {\n  return (\n    isClassComponent(Component) ||\n    isForwardRef(Component) ||\n    // will try to pass a ref to all lazy components since we can't know if they accept refs without loading them\n    isLazyComponent(Component)\n  )\n}\n\nexport const ElementData = memo(\n  forwardRef(function ElementData(\n    { elementData }: ElementDataProps,\n    ref: Ref<unknown>,\n  ): JSX.Element {\n    const Component = useComponent(elementData.type)\n    const forwardRef = canAcceptRef(unwrapIfMemo(Component))\n\n    if (Component == null) {\n      return <FallbackComponent ref={ref as Ref<HTMLDivElement>} text=\"Component not found\" />\n    }\n\n    return (\n      <Suspense>\n        <PropsValue element={elementData}>\n          {props =>\n            forwardRef ? (\n              <Component {...props} key={elementData.key} ref={ref} />\n            ) : (\n              <Component {...props} key={elementData.key} />\n            )\n          }\n        </PropsValue>\n      </Suspense>\n    )\n  }),\n)\n"],"mappings":"AAsDa;AAQC;AA9Dd,SAAc,UAAU,YAAY,YAAY;AAEhD,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAM3B,SAAS,gBAAgB,WAAgB,QAAgB;AACvD,SAAO,aAAa,UAAU,QAAQ,UAAU,UAAU,SAAS,MAAM,UAAU,MAAM;AAC3F;AAEA,SAAS,gBAAgB,WAAgB;AACvC,SAAO,gBAAgB,WAAW,YAAY;AAChD;AAEA,SAAS,aAAa,WAAgB;AACpC,SAAO,gBAAgB,SAAS,IAAI,UAAU,OAAO;AACvD;AAEA,SAAS,aAAa,WAAgB;AACpC,SAAO,gBAAgB,WAAW,mBAAmB;AACvD;AAEA,SAAS,iBAAiB,WAAgB;AACxC,SACE,OAAO,cAAc,cAAc,UAAU,aAAa,UAAU,UAAU;AAElF;AAEA,SAAS,gBAAgB,WAAgB;AACvC,SAAO,gBAAgB,WAAW,YAAY;AAChD;AAEA,SAAS,aAAa,WAAgB;AACpC,SACE,iBAAiB,SAAS,KAC1B,aAAa,SAAS;AAAA,EAEtB,gBAAgB,SAAS;AAE7B;AAEO,MAAM,cAAc;AAAA,EACzB,WAAW,SAASA,aAClB,EAAE,YAAY,GACd,KACa;AACb,UAAM,YAAY,aAAa,YAAY,IAAI;AAC/C,UAAMC,cAAa,aAAa,aAAa,SAAS,CAAC;AAEvD,QAAI,aAAa,MAAM;AACrB,aAAO,oBAAC,qBAAkB,KAAiC,MAAK,uBAAsB;AAAA,IACxF;AAEA,WACE,oBAAC,YACC,8BAAC,cAAW,SAAS,aAClB,qBACCA,cACE,8BAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,KAAU,IAEtD,8BAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,GAGlD,GACF;AAAA,EAEJ,CAAC;AACH;","names":["ElementData","forwardRef"]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementData.tsx"],"sourcesContent":["import { Ref, Suspense, forwardRef, memo } from 'react'\nimport { ElementData as ReactPageElementData } from '../../../state/react-page'\nimport { useComponent } from '../hooks/use-component'\nimport { suppressRefWarning } from '../utils/suppress-ref-warning'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { PropsValue } from '../controls'\n\ntype ElementDataProps = {\n  elementData: ReactPageElementData\n}\n\nexport const ElementData = memo(\n  forwardRef(function ElementData(\n    { elementData }: ElementDataProps,\n    ref: Ref<unknown>,\n  ): JSX.Element {\n    const Component = useComponent(elementData.type)\n\n    suppressRefWarning(`\\`ForwardRef(${ElementData.name})\\``)\n\n    if (Component == null) {\n      return <FallbackComponent ref={ref as Ref<HTMLDivElement>} text=\"Component not found\" />\n    }\n\n    return (\n      <Suspense>\n        <PropsValue element={elementData}>\n          {props => <Component {...props} key={elementData.key} ref={ref} />}\n        </PropsValue>\n      </Suspense>\n    )\n  }),\n)\n"],"mappings":"AAqBa;AAMO;AA3BpB,SAAc,UAAU,YAAY,YAAY;AAEhD,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAMpB,MAAM,cAAc;AAAA,EACzB,WAAW,SAASA,aAClB,EAAE,YAAY,GACd,KACa;AACb,UAAM,YAAY,aAAa,YAAY,IAAI;AAE/C,uBAAmB,gBAAgBA,aAAY,IAAI,KAAK;AAExD,QAAI,aAAa,MAAM;AACrB,aAAO,oBAAC,qBAAkB,KAAiC,MAAK,uBAAsB;AAAA,IACxF;AAEA,WACE,oBAAC,YACC,8BAAC,cAAW,SAAS,aAClB,qBAAS,8BAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,KAAU,GAClE,GACF;AAAA,EAEJ,CAAC;AACH;","names":["ElementData"]}

package/dist/types/runtimes/react/components/ElementData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ElementData.d.ts","sourceRoot":"","sources":["../../../../../src/runtimes/react/components/ElementData.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAK/E,KAAK,gBAAgB,GAAG;IACtB,WAAW,EAAE,oBAAoB,CAAA;CAClC,CAAA;AAqCD,eAAO,MAAM,WAAW,2IA0BvB,CAAA"}
+{"version":3,"file":"ElementData.d.ts","sourceRoot":"","sources":["../../../../../src/runtimes/react/components/ElementData.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAM/E,KAAK,gBAAgB,GAAG;IACtB,WAAW,EAAE,oBAAoB,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,WAAW,2IAqBvB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@makeswift/runtime",
-  "version": "0.20.0-canary.0",
+  "version": "0.20.0",
   "license": "MIT",
   "files": [
     "dist",
@@ -149,9 +149,9 @@
     "use-sync-external-store": "^1.0.0-rc.0",
     "uuid": "^9.0.0",
     "zod": "^3.21.4",
-    "@makeswift/controls": "0.1.0-canary.0",
-    "@makeswift/next-plugin": "0.3.0",
-    "@makeswift/prop-controllers": "0.3.1-canary.0"
+    "@makeswift/controls": "0.1.0",
+    "@makeswift/prop-controllers": "0.3.1",
+    "@makeswift/next-plugin": "0.3.0"
   },
   "devDependencies": {
     "@emotion/jest": "^11.11.0",