@weaverse/react 1.0.24 → 1.0.26

package/dist/index.d.ts

@@ -335,6 +335,6 @@ declare global {
     }
 }
 
-declare let WeaverseRoot: ({ context }: WeaverseRootPropsType) => JSX.Element | null;
+declare let WeaverseRoot: React__default.MemoExoticComponent<({ context }: WeaverseRootPropsType) => JSX.Element | null>;
 
 export { BackgroundProps, ButtonElementProps, Components, ContainerElementProps, CountdownElementProps, CountdownTimeKey, CountdownTimerType, Elements, GridContentElementProps, ImageElementProps, InstagramElementProps, InstagramMedia, ItemComponentProps, LayoutBackgroundProps, LayoutElementProps, MapElementProps, ModalContentProps, OverlayProps, PlaceholderProps, ScrollingTextElementProps, SlideProps, SliderArrowsProps, SliderComponents, SliderDotsProps, SliderProps, SlideshowProps, TextElementProps, TimerBlockProps, TooltipProps, VideoCommonProps, VideoElementProps, VimeoElementProps, WeaverseContext, WeaverseContextConsumer, WeaverseContextProvider, WeaverseElementProps, WeaverseIcon, WeaverseIconProps, WeaverseRoot, WeaverseRootPropsType, YoutubeElementProps, createRootContext };

package/dist/index.js

@@ -2556,7 +2556,7 @@ function initUploadCareAdaptiveDelivery(baseUrl) {
 }
 
 // src/renderer.tsx
-var WeaverseRoot = ({ context }) => {
+var WeaverseRoot = (0, import_react38.memo)(({ context }) => {
   let [, setData] = (0, import_react38.useState)(context.data);
   let rootRef = (0, import_react38.useRef)();
   let renderRoot = () => setData({});
@@ -2582,8 +2582,8 @@ var WeaverseRoot = ({ context }) => {
     );
   }
   return null;
-};
-var ItemComponent = ({ instance }) => {
+});
+var ItemComponent = (0, import_react38.memo)(({ instance }) => {
   let context = (0, import_react38.useContext)(WeaverseContext);
   let { stitchesInstance, elementInstances } = context;
   let [data, setData] = (0, import_react38.useState)(instance.data);
@@ -2630,19 +2630,20 @@ var ItemComponent = ({ instance }) => {
       children.map((item) => /* @__PURE__ */ import_react38.default.createElement(ItemInstance, { key: item.id, id: item.id }))
     );
   } else {
-    console.log(`Unknown element: ${type}`);
+    console.warn(`Unknown element: ${type}`);
     return null;
   }
-};
-var ItemInstance = ({ id }) => {
+});
+var ItemInstance = (0, import_react38.memo)(({ id }) => {
   let context = (0, import_react38.useContext)(WeaverseContext);
   let { itemInstances } = context;
   let instance = itemInstances.get(id);
   if (!instance) {
+    console.warn(`Item instance ${id} not found`);
     return /* @__PURE__ */ import_react38.default.createElement("div", { style: { display: "none" } }, "Item instance ", id, " not found");
   }
   return /* @__PURE__ */ import_react38.default.createElement(ItemComponent, { key: id, instance });
-};
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Components,

package/dist/index.mjs

@@ -2487,7 +2487,7 @@ var WeaverseContextConsumer = WeaverseContext.Consumer;
 
 // src/renderer.tsx
 import { isBrowser as isBrowser2 } from "@weaverse/core";
-import React30, { useContext as useContext6, useEffect as useEffect5, useRef, useState as useState6 } from "react";
+import React30, { memo, useContext as useContext6, useEffect as useEffect5, useRef, useState as useState6 } from "react";
 
 // src/utils/uploadcare.ts
 import { isBrowser } from "@weaverse/core";
@@ -2520,7 +2520,7 @@ function initUploadCareAdaptiveDelivery(baseUrl) {
 }
 
 // src/renderer.tsx
-var WeaverseRoot = ({ context }) => {
+var WeaverseRoot = memo(({ context }) => {
   let [, setData] = useState6(context.data);
   let rootRef = useRef();
   let renderRoot = () => setData({});
@@ -2546,8 +2546,8 @@ var WeaverseRoot = ({ context }) => {
     );
   }
   return null;
-};
-var ItemComponent = ({ instance }) => {
+});
+var ItemComponent = memo(({ instance }) => {
   let context = useContext6(WeaverseContext);
   let { stitchesInstance, elementInstances } = context;
   let [data, setData] = useState6(instance.data);
@@ -2594,19 +2594,20 @@ var ItemComponent = ({ instance }) => {
       children.map((item) => /* @__PURE__ */ React30.createElement(ItemInstance, { key: item.id, id: item.id }))
     );
   } else {
-    console.log(`Unknown element: ${type}`);
+    console.warn(`Unknown element: ${type}`);
     return null;
   }
-};
-var ItemInstance = ({ id }) => {
+});
+var ItemInstance = memo(({ id }) => {
   let context = useContext6(WeaverseContext);
   let { itemInstances } = context;
   let instance = itemInstances.get(id);
   if (!instance) {
+    console.warn(`Item instance ${id} not found`);
     return /* @__PURE__ */ React30.createElement("div", { style: { display: "none" } }, "Item instance ", id, " not found");
   }
   return /* @__PURE__ */ React30.createElement(ItemComponent, { key: id, instance });
-};
+});
 export {
   Components,
   Elements,

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.24",
+  "version": "1.0.26",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -34,7 +34,7 @@
   "dependencies": {
     "@radix-ui/react-dialog": "^1.0.3",
     "@stitches/react": "^1.2.8",
-    "@weaverse/core": "1.0.24",
+    "@weaverse/core": "1.0.26",
     "clsx": "^1.2.1",
     "keen-slider": "^6.8.5"
   }