@weaverse/react 0.1.8 → 0.1.9

package/dist/sdk-react.cjs.development.js

@@ -124,13 +124,6 @@ var WeaverseRoot = function WeaverseRoot(_ref) {
 
     context.subscribe(handleUpdate);
     context.updateProjectData();
-    var shouldRenderStudio = context.loadStudio();
-    console.log('shouldRenderStudio', shouldRenderStudio);
-
-    if (shouldRenderStudio) {
-      handleUpdate();
-    }
-
     return function () {
       context.unsubscribe(handleUpdate);
     };

package/dist/sdk-react.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdk-react.cjs.development.js","sources":["../src/elements/button.tsx","../src/elements/base.tsx","../src/elements/grid.tsx","../src/elements/index.ts","../src/index.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport const Button = React.forwardRef((props: any, ref) => {\n  let [count, setCount] = React.useState(0)\n  return <button ref={ref} {...props} onClick={() => setCount(count + 1)}>Test Button {count}</button>\n})\n\nButton.defaultProps = {\n    style: {\n        backgroundColor: 'green',\n        borderRadius: '9999px',\n        fontSize: '13px',\n        padding: '10px 15px'\n    },\n    type: 'button',\n    tag: 'button'\n}\n\nexport default Button","import React from 'react'\n\nexport const BaseElement = ({tag, children, ...props}: any) => {\n  return React.createElement(tag, {\n    ...props\n  }, children)\n}\n\nBaseElement.defaultProps = {\n  type: 'base',\n  tag: 'div'\n}\nexport default BaseElement\n","import React from 'react'\n\nexport default function Grid(props: any) {\n  return <div {...props} />\n}\n\nGrid.defaultProps = {\n  style: {\n    // display: 'grid',\n    // outline: '1px solid red',\n  },\n  type: 'grid'\n}","import Button from './button'\nimport BaseElement from './base'\nimport Grid from './grid'\n\nconst elements = {\n  Button,\n  BaseElement,\n  Grid\n}\nexport default elements","import React, {FC, useEffect, useState} from 'react'\nimport {isBrowser, Weaverse, WeaverseItemStore, WeaverseType} from '@weaverse/core'\nimport Elements from './elements'\n\n\nconst createRootContext = (configs: WeaverseType) => {\n  const rootContext = new Weaverse(configs)\n  // Register the element components\n  Object.keys(Elements).forEach(key => {\n    // @ts-ignore\n    Elements[key]?.defaultProps?.type && rootContext.registerElement(Elements[key].defaultProps.type, Elements[key])\n  })\n\n  return rootContext\n}\n\nconst WeaverseRoot = ({context, defaultData}: { context: Weaverse, defaultData: any }) => {\n  let [, setData] = useState<any>(context.projectData)\n  useEffect(() => {\n    let handleUpdate = () => {\n      setData({...context.projectData})\n    }\n    context.subscribe(handleUpdate)\n    context.updateProjectData()\n    let shouldRenderStudio = context.loadStudio()\n    console.log('shouldRenderStudio', shouldRenderStudio)\n    if (shouldRenderStudio) {\n      handleUpdate()\n    }\n    return () => {\n      context.unsubscribe(handleUpdate)\n    }\n  }, [])\n  if (!context.projectData?.items?.length && defaultData) {\n    context.projectData = defaultData\n    context.initItemData()\n  }\n  let handleProps = context?.studioBridge?.handleProps || {}\n  console.log('handleProps', handleProps)\n  return <div {...handleProps}>\n    <RenderItem itemId={0} context={context}/>\n  </div>\n}\n\ntype ItemProps = {\n  itemInstance: WeaverseItemStore\n  elementInstances: Map<string, FC>\n  context: Weaverse\n}\n\n\nconst Item = ({itemInstance, elementInstances, context}: ItemProps) => {\n  let [data, setData] = useState<any>(itemInstance.data)\n  let {id, type, childIds, css, className, ...rest} = data\n  useEffect(() => {\n    let handleUpdate = (update: any) => {\n      setData({...update})\n    }\n    itemInstance.subscribe(handleUpdate)\n    if (!itemInstance.ref.current && isBrowser) {\n      Object.assign(itemInstance.ref, {current: document.querySelector(`[data-wv-id=\"${id}\"]`)})\n    }\n\n    return () => {\n      itemInstance.unsubscribe(handleUpdate)\n    }\n  }, [])\n\n  let realClassName = className || ''\n  if (css) {\n\n    // let stitches create the style from css object and\n    // then return the classname, so we can use it in the render\n    let selector = (context.stitchesInstance.css(css)()).className\n\n    realClassName += ' ' + selector\n  }\n  let Component = elementInstances.get(type)\n  if (Component) {\n    // @ts-ignore\n    if (Component.$$typeof === Symbol.for('react.forward_ref')) {\n      rest.ref = itemInstance.ref\n    }\n    return <Component key={id} data-wv-id={id} {...rest} className={realClassName}>\n      {Array.isArray(childIds)\n              && childIds.map(childId =>\n                      <RenderItem\n                              key={childId}\n                              itemId={childId}\n                              context={context}\n                      />\n              )}\n    </Component>\n  }\n  return null\n}\n\nconst RenderItem = ({itemId, context}: { itemId: number, context: any }): any => {\n  let {itemInstances, elementInstances} = context\n  let itemInstance = itemInstances.get(itemId)\n  if (itemInstance) {\n    return <Item itemInstance={itemInstance} elementInstances={elementInstances} context={context}/>\n  }\n  return <></>\n}\n\nexport {createRootContext, WeaverseRoot}\n"],"names":["Button","React","props","ref","count","setCount","onClick","defaultProps","style","backgroundColor","borderRadius","fontSize","padding","type","tag","BaseElement","children","createElement","Grid","elements","createRootContext","configs","rootContext","Weaverse","Object","keys","Elements","forEach","key","registerElement","WeaverseRoot","context","defaultData","useState","projectData","setData","useEffect","handleUpdate","subscribe","updateProjectData","shouldRenderStudio","loadStudio","console","log","unsubscribe","items","length","initItemData","handleProps","studioBridge","RenderItem","itemId","Item","itemInstance","elementInstances","data","id","childIds","css","className","rest","update","current","isBrowser","assign","document","querySelector","realClassName","selector","stitchesInstance","Component","get","$$typeof","Symbol","Array","isArray","map","childId","itemInstances"],"mappings":"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"}
+{"version":3,"file":"sdk-react.cjs.development.js","sources":["../src/elements/button.tsx","../src/elements/base.tsx","../src/elements/grid.tsx","../src/elements/index.ts","../src/index.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport const Button = React.forwardRef((props: any, ref) => {\n  let [count, setCount] = React.useState(0)\n  return <button ref={ref} {...props} onClick={() => setCount(count + 1)}>Test Button {count}</button>\n})\n\nButton.defaultProps = {\n    style: {\n        backgroundColor: 'green',\n        borderRadius: '9999px',\n        fontSize: '13px',\n        padding: '10px 15px'\n    },\n    type: 'button',\n    tag: 'button'\n}\n\nexport default Button","import React from 'react'\n\nexport const BaseElement = ({tag, children, ...props}: any) => {\n  return React.createElement(tag, {\n    ...props\n  }, children)\n}\n\nBaseElement.defaultProps = {\n  type: 'base',\n  tag: 'div'\n}\nexport default BaseElement\n","import React from 'react'\n\nexport default function Grid(props: any) {\n  return <div {...props} />\n}\n\nGrid.defaultProps = {\n  style: {\n    // display: 'grid',\n    // outline: '1px solid red',\n  },\n  type: 'grid'\n}","import Button from './button'\nimport BaseElement from './base'\nimport Grid from './grid'\n\nconst elements = {\n  Button,\n  BaseElement,\n  Grid\n}\nexport default elements","import React, {FC, useEffect, useState} from 'react'\nimport {isBrowser, Weaverse, WeaverseItemStore, WeaverseType} from '@weaverse/core'\nimport Elements from './elements'\n\n\nconst createRootContext = (configs: WeaverseType) => {\n  const rootContext = new Weaverse(configs)\n  // Register the element components\n  Object.keys(Elements).forEach(key => {\n    // @ts-ignore\n    Elements[key]?.defaultProps?.type && rootContext.registerElement(Elements[key].defaultProps.type, Elements[key])\n  })\n\n  return rootContext\n}\n\nconst WeaverseRoot = ({context, defaultData}: { context: Weaverse, defaultData: any }) => {\n  let [, setData] = useState<any>(context.projectData)\n  useEffect(() => {\n    let handleUpdate = () => {\n      setData({...context.projectData})\n    }\n    context.subscribe(handleUpdate)\n    context.updateProjectData()\n    return () => {\n      context.unsubscribe(handleUpdate)\n    }\n  }, [])\n  if (!context.projectData?.items?.length && defaultData) {\n    context.projectData = defaultData\n    context.initItemData()\n  }\n  let handleProps = context?.studioBridge?.handleProps || {}\n  console.log('handleProps', handleProps)\n  return <div {...handleProps}>\n    <RenderItem itemId={0} context={context}/>\n  </div>\n}\n\n\ntype ItemProps = {\n  itemInstance: WeaverseItemStore\n  elementInstances: Map<string, FC>\n  context: Weaverse\n}\n\n\nconst Item = ({itemInstance, elementInstances, context}: ItemProps) => {\n  let [data, setData] = useState<any>(itemInstance.data)\n  let {id, type, childIds, css, className, ...rest} = data\n  useEffect(() => {\n    let handleUpdate = (update: any) => {\n      setData({...update})\n    }\n    itemInstance.subscribe(handleUpdate)\n    if (!itemInstance.ref.current && isBrowser) {\n      Object.assign(itemInstance.ref, {current: document.querySelector(`[data-wv-id=\"${id}\"]`)})\n    }\n\n    return () => {\n      itemInstance.unsubscribe(handleUpdate)\n    }\n  }, [])\n\n  let realClassName = className || ''\n  if (css) {\n\n    // let stitches create the style from css object and\n    // then return the classname, so we can use it in the render\n    let selector = (context.stitchesInstance.css(css)()).className\n    realClassName += ' ' + selector\n  }\n  let Component = elementInstances.get(type)\n  if (Component) {\n    // @ts-ignore\n    if (Component.$$typeof === Symbol.for('react.forward_ref')) {\n      rest.ref = itemInstance.ref\n    }\n    return <Component key={id} data-wv-id={id} {...rest} className={realClassName}>\n      {Array.isArray(childIds)\n              && childIds.map(childId =>\n                      <RenderItem\n                              key={childId}\n                              itemId={childId}\n                              context={context}\n                      />\n              )}\n    </Component>\n  }\n  return null\n}\n\nconst RenderItem = ({itemId, context}: { itemId: number, context: any }): any => {\n  let {itemInstances, elementInstances} = context\n  let itemInstance = itemInstances.get(itemId)\n  if (itemInstance) {\n    return <Item itemInstance={itemInstance} elementInstances={elementInstances} context={context}/>\n  }\n  return <></>\n}\n\nexport {createRootContext, WeaverseRoot}\n"],"names":["Button","React","props","ref","count","setCount","onClick","defaultProps","style","backgroundColor","borderRadius","fontSize","padding","type","tag","BaseElement","children","createElement","Grid","elements","createRootContext","configs","rootContext","Weaverse","Object","keys","Elements","forEach","key","registerElement","WeaverseRoot","context","defaultData","useState","projectData","setData","useEffect","handleUpdate","subscribe","updateProjectData","unsubscribe","items","length","initItemData","handleProps","studioBridge","console","log","RenderItem","itemId","Item","itemInstance","elementInstances","data","id","childIds","css","className","rest","update","current","isBrowser","assign","document","querySelector","realClassName","selector","stitchesInstance","Component","get","$$typeof","Symbol","Array","isArray","map","childId","itemInstances"],"mappings":"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"}

package/dist/sdk-react.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,n=require("@weaverse/core");function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function c(e,t){if(null==e)return{};var r,n,a={},c=Object.keys(e);for(n=0;n<c.length;n++)t.indexOf(r=c[n])>=0||(a[r]=e[r]);return a}var o=t.forwardRef((function(e,r){var n=t.useState(0),a=n[0],c=n[1];return t.createElement("button",Object.assign({ref:r},e,{onClick:function(){return c(a+1)}}),"Test Button ",a)}));o.defaultProps={style:{backgroundColor:"green",borderRadius:"9999px",fontSize:"13px",padding:"10px 15px"},type:"button",tag:"button"};var s=["tag","children"],u=function(e){var t=e.tag,n=e.children,o=c(e,s);return r.createElement(t,a({},o),n)};function i(e){return r.createElement("div",Object.assign({},e))}u.defaultProps={type:"base",tag:"div"},i.defaultProps={style:{},type:"grid"};var l={Button:o,BaseElement:u,Grid:i},d=["id","type","childIds","css","className"],f=function(e){var o=e.itemInstance,s=e.elementInstances,u=e.context,i=t.useState(o.data),l=i[0],f=i[1],v=l.id,m=l.type,b=l.childIds,g=l.css,y=l.className,j=c(l,d);t.useEffect((function(){var e=function(e){f(a({},e))};return o.subscribe(e),!o.ref.current&&n.isBrowser&&Object.assign(o.ref,{current:document.querySelector('[data-wv-id="'+v+'"]')}),function(){o.unsubscribe(e)}}),[]);var x=y||"";g&&(x+=" "+u.stitchesInstance.css(g)().className);var h=s.get(m);return h?(h.$$typeof===Symbol.for("react.forward_ref")&&(j.ref=o.ref),r.createElement(h,Object.assign({key:v,"data-wv-id":v},j,{className:x}),Array.isArray(b)&&b.map((function(e){return r.createElement(p,{key:e,itemId:e,context:u})})))):null},p=function(e){var t=e.context,n=t.elementInstances,a=t.itemInstances.get(e.itemId);return a?r.createElement(f,{itemInstance:a,elementInstances:n,context:t}):r.createElement(r.Fragment,null)};exports.WeaverseRoot=function(e){var n,c,o,s=e.context,u=e.defaultData,i=t.useState(s.projectData)[1];t.useEffect((function(){var e=function(){i(a({},s.projectData))};s.subscribe(e),s.updateProjectData();var t=s.loadStudio();return console.log("shouldRenderStudio",t),t&&e(),function(){s.unsubscribe(e)}}),[]),null!=(n=s.projectData)&&null!=(c=n.items)&&c.length||!u||(s.projectData=u,s.initItemData());var l=(null==s||null==(o=s.studioBridge)?void 0:o.handleProps)||{};return console.log("handleProps",l),r.createElement("div",Object.assign({},l),r.createElement(p,{itemId:0,context:s}))},exports.createRootContext=function(e){var t=new n.Weaverse(e);return Object.keys(l).forEach((function(e){var r,n;(null==(r=l[e])||null==(n=r.defaultProps)?void 0:n.type)&&t.registerElement(l[e].defaultProps.type,l[e])})),t};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,n=require("@weaverse/core");function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function c(e,t){if(null==e)return{};var r,n,a={},c=Object.keys(e);for(n=0;n<c.length;n++)t.indexOf(r=c[n])>=0||(a[r]=e[r]);return a}var s=t.forwardRef((function(e,r){var n=t.useState(0),a=n[0],c=n[1];return t.createElement("button",Object.assign({ref:r},e,{onClick:function(){return c(a+1)}}),"Test Button ",a)}));s.defaultProps={style:{backgroundColor:"green",borderRadius:"9999px",fontSize:"13px",padding:"10px 15px"},type:"button",tag:"button"};var o=["tag","children"],u=function(e){var t=e.tag,n=e.children,s=c(e,o);return r.createElement(t,a({},s),n)};function i(e){return r.createElement("div",Object.assign({},e))}u.defaultProps={type:"base",tag:"div"},i.defaultProps={style:{},type:"grid"};var l={Button:s,BaseElement:u,Grid:i},f=["id","type","childIds","css","className"],d=function(e){var s=e.itemInstance,o=e.elementInstances,u=e.context,i=t.useState(s.data),l=i[0],d=i[1],v=l.id,m=l.type,b=l.childIds,g=l.css,y=l.className,j=c(l,f);t.useEffect((function(){var e=function(e){d(a({},e))};return s.subscribe(e),!s.ref.current&&n.isBrowser&&Object.assign(s.ref,{current:document.querySelector('[data-wv-id="'+v+'"]')}),function(){s.unsubscribe(e)}}),[]);var x=y||"";g&&(x+=" "+u.stitchesInstance.css(g)().className);var E=o.get(m);return E?(E.$$typeof===Symbol.for("react.forward_ref")&&(j.ref=s.ref),r.createElement(E,Object.assign({key:v,"data-wv-id":v},j,{className:x}),Array.isArray(b)&&b.map((function(e){return r.createElement(p,{key:e,itemId:e,context:u})})))):null},p=function(e){var t=e.context,n=t.elementInstances,a=t.itemInstances.get(e.itemId);return a?r.createElement(d,{itemInstance:a,elementInstances:n,context:t}):r.createElement(r.Fragment,null)};exports.WeaverseRoot=function(e){var n,c,s,o=e.context,u=e.defaultData,i=t.useState(o.projectData)[1];t.useEffect((function(){var e=function(){i(a({},o.projectData))};return o.subscribe(e),o.updateProjectData(),function(){o.unsubscribe(e)}}),[]),null!=(n=o.projectData)&&null!=(c=n.items)&&c.length||!u||(o.projectData=u,o.initItemData());var l=(null==o||null==(s=o.studioBridge)?void 0:s.handleProps)||{};return console.log("handleProps",l),r.createElement("div",Object.assign({},l),r.createElement(p,{itemId:0,context:o}))},exports.createRootContext=function(e){var t=new n.Weaverse(e);return Object.keys(l).forEach((function(e){var r,n;(null==(r=l[e])||null==(n=r.defaultProps)?void 0:n.type)&&t.registerElement(l[e].defaultProps.type,l[e])})),t};
 //# sourceMappingURL=sdk-react.cjs.production.min.js.map

package/dist/sdk-react.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdk-react.cjs.production.min.js","sources":["../src/elements/button.tsx","../src/elements/base.tsx","../src/elements/grid.tsx","../src/elements/index.ts","../src/index.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport const Button = React.forwardRef((props: any, ref) => {\n  let [count, setCount] = React.useState(0)\n  return <button ref={ref} {...props} onClick={() => setCount(count + 1)}>Test Button {count}</button>\n})\n\nButton.defaultProps = {\n    style: {\n        backgroundColor: 'green',\n        borderRadius: '9999px',\n        fontSize: '13px',\n        padding: '10px 15px'\n    },\n    type: 'button',\n    tag: 'button'\n}\n\nexport default Button","import React from 'react'\n\nexport const BaseElement = ({tag, children, ...props}: any) => {\n  return React.createElement(tag, {\n    ...props\n  }, children)\n}\n\nBaseElement.defaultProps = {\n  type: 'base',\n  tag: 'div'\n}\nexport default BaseElement\n","import React from 'react'\n\nexport default function Grid(props: any) {\n  return <div {...props} />\n}\n\nGrid.defaultProps = {\n  style: {\n    // display: 'grid',\n    // outline: '1px solid red',\n  },\n  type: 'grid'\n}","import Button from './button'\nimport BaseElement from './base'\nimport Grid from './grid'\n\nconst elements = {\n  Button,\n  BaseElement,\n  Grid\n}\nexport default elements","import React, {FC, useEffect, useState} from 'react'\nimport {isBrowser, Weaverse, WeaverseItemStore, WeaverseType} from '@weaverse/core'\nimport Elements from './elements'\n\n\nconst createRootContext = (configs: WeaverseType) => {\n  const rootContext = new Weaverse(configs)\n  // Register the element components\n  Object.keys(Elements).forEach(key => {\n    // @ts-ignore\n    Elements[key]?.defaultProps?.type && rootContext.registerElement(Elements[key].defaultProps.type, Elements[key])\n  })\n\n  return rootContext\n}\n\nconst WeaverseRoot = ({context, defaultData}: { context: Weaverse, defaultData: any }) => {\n  let [, setData] = useState<any>(context.projectData)\n  useEffect(() => {\n    let handleUpdate = () => {\n      setData({...context.projectData})\n    }\n    context.subscribe(handleUpdate)\n    context.updateProjectData()\n    let shouldRenderStudio = context.loadStudio()\n    console.log('shouldRenderStudio', shouldRenderStudio)\n    if (shouldRenderStudio) {\n      handleUpdate()\n    }\n    return () => {\n      context.unsubscribe(handleUpdate)\n    }\n  }, [])\n  if (!context.projectData?.items?.length && defaultData) {\n    context.projectData = defaultData\n    context.initItemData()\n  }\n  let handleProps = context?.studioBridge?.handleProps || {}\n  console.log('handleProps', handleProps)\n  return <div {...handleProps}>\n    <RenderItem itemId={0} context={context}/>\n  </div>\n}\n\ntype ItemProps = {\n  itemInstance: WeaverseItemStore\n  elementInstances: Map<string, FC>\n  context: Weaverse\n}\n\n\nconst Item = ({itemInstance, elementInstances, context}: ItemProps) => {\n  let [data, setData] = useState<any>(itemInstance.data)\n  let {id, type, childIds, css, className, ...rest} = data\n  useEffect(() => {\n    let handleUpdate = (update: any) => {\n      setData({...update})\n    }\n    itemInstance.subscribe(handleUpdate)\n    if (!itemInstance.ref.current && isBrowser) {\n      Object.assign(itemInstance.ref, {current: document.querySelector(`[data-wv-id=\"${id}\"]`)})\n    }\n\n    return () => {\n      itemInstance.unsubscribe(handleUpdate)\n    }\n  }, [])\n\n  let realClassName = className || ''\n  if (css) {\n\n    // let stitches create the style from css object and\n    // then return the classname, so we can use it in the render\n    let selector = (context.stitchesInstance.css(css)()).className\n\n    realClassName += ' ' + selector\n  }\n  let Component = elementInstances.get(type)\n  if (Component) {\n    // @ts-ignore\n    if (Component.$$typeof === Symbol.for('react.forward_ref')) {\n      rest.ref = itemInstance.ref\n    }\n    return <Component key={id} data-wv-id={id} {...rest} className={realClassName}>\n      {Array.isArray(childIds)\n              && childIds.map(childId =>\n                      <RenderItem\n                              key={childId}\n                              itemId={childId}\n                              context={context}\n                      />\n              )}\n    </Component>\n  }\n  return null\n}\n\nconst RenderItem = ({itemId, context}: { itemId: number, context: any }): any => {\n  let {itemInstances, elementInstances} = context\n  let itemInstance = itemInstances.get(itemId)\n  if (itemInstance) {\n    return <Item itemInstance={itemInstance} elementInstances={elementInstances} context={context}/>\n  }\n  return <></>\n}\n\nexport {createRootContext, WeaverseRoot}\n"],"names":["Button","React","props","ref","count","setCount","onClick","defaultProps","style","backgroundColor","borderRadius","fontSize","padding","type","tag","BaseElement","children","createElement","Grid","elements","Item","itemInstance","elementInstances","context","useState","data","setData","id","childIds","css","className","rest","useEffect","handleUpdate","update","subscribe","current","isBrowser","Object","assign","document","querySelector","unsubscribe","realClassName","stitchesInstance","Component","get","$$typeof","Symbol","key","Array","isArray","map","childId","RenderItem","itemId","itemInstances","defaultData","projectData","updateProjectData","shouldRenderStudio","loadStudio","console","log","_context$projectData","items","_context$projectData$","length","initItemData","handleProps","studioBridge","configs","rootContext","Weaverse","keys","Elements","forEach","registerElement"],"mappings":"mgBAEO,IAAMA,EAASC,cAAiB,SAACC,EAAYC,SAC1BF,WAAe,GAAlCG,OAAOC,cACLJ,wCAAQE,IAAKA,GAASD,GAAOI,QAAS,kBAAMD,EAASD,EAAQ,qBAAiBA,MAGvFJ,EAAOO,aAAe,CAClBC,MAAO,CACHC,gBAAiB,QACjBC,aAAc,SACdC,SAAU,OACVC,QAAS,aAEbC,KAAM,SACNC,IAAK,mCCbIC,EAAc,gBAAED,IAAAA,IAAKE,IAAAA,SAAad,gBACtCD,EAAMgB,cAAcH,OACtBZ,GACFc,aCHmBE,EAAKhB,UACpBD,uCAASC,IDKlBa,EAAYR,aAAe,CACzBM,KAAM,OACNC,IAAK,OCJPI,EAAKX,aAAe,CAClBC,MAAO,GAIPK,KAAM,YCPFM,EAAW,CACfnB,OAAAA,EACAe,YAAAA,EACAG,KAAAA,gDC4CIE,EAAO,gBAAEC,IAAAA,aAAcC,IAAAA,iBAAkBC,IAAAA,UACvBC,WAAcH,EAAaI,MAA5CA,OAAMC,OACNC,EAA+CF,EAA/CE,GAAId,EAA2CY,EAA3CZ,KAAMe,EAAqCH,EAArCG,SAAUC,EAA2BJ,EAA3BI,IAAKC,EAAsBL,EAAtBK,UAAcC,IAAQN,KACpDO,aAAU,eACJC,EAAe,SAACC,GAClBR,OAAYQ,YAEdb,EAAac,UAAUF,IAClBZ,EAAalB,IAAIiC,SAAWC,aAC/BC,OAAOC,OAAOlB,EAAalB,IAAK,CAACiC,QAASI,SAASC,8BAA8Bd,UAG5E,WACLN,EAAaqB,YAAYT,MAE1B,QAECU,EAAgBb,GAAa,GAC7BD,IAMFc,GAAiB,IAFDpB,EAAQqB,iBAAiBf,IAAIA,EAA7BN,GAAqCO,eAInDe,EAAYvB,EAAiBwB,IAAIjC,UACjCgC,GAEEA,EAAUE,WAAaC,WAAW,uBACpCjB,EAAK5B,IAAMkB,EAAalB,KAEnBF,gBAAC4C,iBAAUI,IAAKtB,eAAgBA,GAAQI,GAAMD,UAAWa,IAC7DO,MAAMC,QAAQvB,IACJA,EAASwB,KAAI,SAAAC,UACRpD,gBAACqD,GACOL,IAAKI,EACLE,OAAQF,EACR9B,QAASA,SAK9B,MAGH+B,EAAa,gBAAU/B,IAAAA,QACPD,EAAoBC,EAApBD,iBAChBD,EADoCE,EAAnCiC,cAC4BV,MAFdS,eAGflC,EACKpB,gBAACmB,GAAKC,aAAcA,EAAcC,iBAAkBA,EAAkBC,QAASA,IAEjFtB,uDAvFY,sBAAEsB,IAAAA,QAASkC,IAAAA,YACvB/B,EAAWF,WAAcD,EAAQmC,gBACxC1B,aAAU,eACJC,EAAe,WACjBP,OAAYH,EAAQmC,eAEtBnC,EAAQY,UAAUF,GAClBV,EAAQoC,wBACJC,EAAqBrC,EAAQsC,oBACjCC,QAAQC,IAAI,qBAAsBH,GAC9BA,GACF3B,IAEK,WACLV,EAAQmB,YAAYT,MAErB,aACEV,EAAQmC,uBAARM,EAAqBC,QAArBC,EAA4BC,SAAUV,IACzClC,EAAQmC,YAAcD,EACtBlC,EAAQ6C,oBAENC,SAAc9C,YAAAA,EAAS+C,uBAAcD,cAAe,UACxDP,QAAQC,IAAI,cAAeM,GACpBpE,uCAASoE,GACdpE,gBAACqD,GAAWC,OAAQ,EAAGhC,QAASA,gCAnCV,SAACgD,OACnBC,EAAc,IAAIC,WAASF,UAEjCjC,OAAOoC,KAAKC,GAAUC,SAAQ,SAAA3B,qBAE5B0B,EAAS1B,gBAAM1C,uBAAcM,OAAQ2D,EAAYK,gBAAgBF,EAAS1B,GAAK1C,aAAaM,KAAM8D,EAAS1B,OAGtGuB"}
+{"version":3,"file":"sdk-react.cjs.production.min.js","sources":["../src/elements/button.tsx","../src/elements/base.tsx","../src/elements/grid.tsx","../src/elements/index.ts","../src/index.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport const Button = React.forwardRef((props: any, ref) => {\n  let [count, setCount] = React.useState(0)\n  return <button ref={ref} {...props} onClick={() => setCount(count + 1)}>Test Button {count}</button>\n})\n\nButton.defaultProps = {\n    style: {\n        backgroundColor: 'green',\n        borderRadius: '9999px',\n        fontSize: '13px',\n        padding: '10px 15px'\n    },\n    type: 'button',\n    tag: 'button'\n}\n\nexport default Button","import React from 'react'\n\nexport const BaseElement = ({tag, children, ...props}: any) => {\n  return React.createElement(tag, {\n    ...props\n  }, children)\n}\n\nBaseElement.defaultProps = {\n  type: 'base',\n  tag: 'div'\n}\nexport default BaseElement\n","import React from 'react'\n\nexport default function Grid(props: any) {\n  return <div {...props} />\n}\n\nGrid.defaultProps = {\n  style: {\n    // display: 'grid',\n    // outline: '1px solid red',\n  },\n  type: 'grid'\n}","import Button from './button'\nimport BaseElement from './base'\nimport Grid from './grid'\n\nconst elements = {\n  Button,\n  BaseElement,\n  Grid\n}\nexport default elements","import React, {FC, useEffect, useState} from 'react'\nimport {isBrowser, Weaverse, WeaverseItemStore, WeaverseType} from '@weaverse/core'\nimport Elements from './elements'\n\n\nconst createRootContext = (configs: WeaverseType) => {\n  const rootContext = new Weaverse(configs)\n  // Register the element components\n  Object.keys(Elements).forEach(key => {\n    // @ts-ignore\n    Elements[key]?.defaultProps?.type && rootContext.registerElement(Elements[key].defaultProps.type, Elements[key])\n  })\n\n  return rootContext\n}\n\nconst WeaverseRoot = ({context, defaultData}: { context: Weaverse, defaultData: any }) => {\n  let [, setData] = useState<any>(context.projectData)\n  useEffect(() => {\n    let handleUpdate = () => {\n      setData({...context.projectData})\n    }\n    context.subscribe(handleUpdate)\n    context.updateProjectData()\n    return () => {\n      context.unsubscribe(handleUpdate)\n    }\n  }, [])\n  if (!context.projectData?.items?.length && defaultData) {\n    context.projectData = defaultData\n    context.initItemData()\n  }\n  let handleProps = context?.studioBridge?.handleProps || {}\n  console.log('handleProps', handleProps)\n  return <div {...handleProps}>\n    <RenderItem itemId={0} context={context}/>\n  </div>\n}\n\n\ntype ItemProps = {\n  itemInstance: WeaverseItemStore\n  elementInstances: Map<string, FC>\n  context: Weaverse\n}\n\n\nconst Item = ({itemInstance, elementInstances, context}: ItemProps) => {\n  let [data, setData] = useState<any>(itemInstance.data)\n  let {id, type, childIds, css, className, ...rest} = data\n  useEffect(() => {\n    let handleUpdate = (update: any) => {\n      setData({...update})\n    }\n    itemInstance.subscribe(handleUpdate)\n    if (!itemInstance.ref.current && isBrowser) {\n      Object.assign(itemInstance.ref, {current: document.querySelector(`[data-wv-id=\"${id}\"]`)})\n    }\n\n    return () => {\n      itemInstance.unsubscribe(handleUpdate)\n    }\n  }, [])\n\n  let realClassName = className || ''\n  if (css) {\n\n    // let stitches create the style from css object and\n    // then return the classname, so we can use it in the render\n    let selector = (context.stitchesInstance.css(css)()).className\n    realClassName += ' ' + selector\n  }\n  let Component = elementInstances.get(type)\n  if (Component) {\n    // @ts-ignore\n    if (Component.$$typeof === Symbol.for('react.forward_ref')) {\n      rest.ref = itemInstance.ref\n    }\n    return <Component key={id} data-wv-id={id} {...rest} className={realClassName}>\n      {Array.isArray(childIds)\n              && childIds.map(childId =>\n                      <RenderItem\n                              key={childId}\n                              itemId={childId}\n                              context={context}\n                      />\n              )}\n    </Component>\n  }\n  return null\n}\n\nconst RenderItem = ({itemId, context}: { itemId: number, context: any }): any => {\n  let {itemInstances, elementInstances} = context\n  let itemInstance = itemInstances.get(itemId)\n  if (itemInstance) {\n    return <Item itemInstance={itemInstance} elementInstances={elementInstances} context={context}/>\n  }\n  return <></>\n}\n\nexport {createRootContext, WeaverseRoot}\n"],"names":["Button","React","props","ref","count","setCount","onClick","defaultProps","style","backgroundColor","borderRadius","fontSize","padding","type","tag","BaseElement","children","createElement","Grid","elements","Item","itemInstance","elementInstances","context","useState","data","setData","id","childIds","css","className","rest","useEffect","handleUpdate","update","subscribe","current","isBrowser","Object","assign","document","querySelector","unsubscribe","realClassName","stitchesInstance","Component","get","$$typeof","Symbol","key","Array","isArray","map","childId","RenderItem","itemId","itemInstances","defaultData","projectData","updateProjectData","_context$projectData","items","_context$projectData$","length","initItemData","handleProps","studioBridge","console","log","configs","rootContext","Weaverse","keys","Elements","forEach","registerElement"],"mappings":"mgBAEO,IAAMA,EAASC,cAAiB,SAACC,EAAYC,SAC1BF,WAAe,GAAlCG,OAAOC,cACLJ,wCAAQE,IAAKA,GAASD,GAAOI,QAAS,kBAAMD,EAASD,EAAQ,qBAAiBA,MAGvFJ,EAAOO,aAAe,CAClBC,MAAO,CACHC,gBAAiB,QACjBC,aAAc,SACdC,SAAU,OACVC,QAAS,aAEbC,KAAM,SACNC,IAAK,mCCbIC,EAAc,gBAAED,IAAAA,IAAKE,IAAAA,SAAad,gBACtCD,EAAMgB,cAAcH,OACtBZ,GACFc,aCHmBE,EAAKhB,UACpBD,uCAASC,IDKlBa,EAAYR,aAAe,CACzBM,KAAM,OACNC,IAAK,OCJPI,EAAKX,aAAe,CAClBC,MAAO,GAIPK,KAAM,YCPFM,EAAW,CACfnB,OAAAA,EACAe,YAAAA,EACAG,KAAAA,gDCwCIE,EAAO,gBAAEC,IAAAA,aAAcC,IAAAA,iBAAkBC,IAAAA,UACvBC,WAAcH,EAAaI,MAA5CA,OAAMC,OACNC,EAA+CF,EAA/CE,GAAId,EAA2CY,EAA3CZ,KAAMe,EAAqCH,EAArCG,SAAUC,EAA2BJ,EAA3BI,IAAKC,EAAsBL,EAAtBK,UAAcC,IAAQN,KACpDO,aAAU,eACJC,EAAe,SAACC,GAClBR,OAAYQ,YAEdb,EAAac,UAAUF,IAClBZ,EAAalB,IAAIiC,SAAWC,aAC/BC,OAAOC,OAAOlB,EAAalB,IAAK,CAACiC,QAASI,SAASC,8BAA8Bd,UAG5E,WACLN,EAAaqB,YAAYT,MAE1B,QAECU,EAAgBb,GAAa,GAC7BD,IAKFc,GAAiB,IADDpB,EAAQqB,iBAAiBf,IAAIA,EAA7BN,GAAqCO,eAGnDe,EAAYvB,EAAiBwB,IAAIjC,UACjCgC,GAEEA,EAAUE,WAAaC,WAAW,uBACpCjB,EAAK5B,IAAMkB,EAAalB,KAEnBF,gBAAC4C,iBAAUI,IAAKtB,eAAgBA,GAAQI,GAAMD,UAAWa,IAC7DO,MAAMC,QAAQvB,IACJA,EAASwB,KAAI,SAAAC,UACRpD,gBAACqD,GACOL,IAAKI,EACLE,OAAQF,EACR9B,QAASA,SAK9B,MAGH+B,EAAa,gBAAU/B,IAAAA,QACPD,EAAoBC,EAApBD,iBAChBD,EADoCE,EAAnCiC,cAC4BV,MAFdS,eAGflC,EACKpB,gBAACmB,GAAKC,aAAcA,EAAcC,iBAAkBA,EAAkBC,QAASA,IAEjFtB,uDAlFY,sBAAEsB,IAAAA,QAASkC,IAAAA,YACvB/B,EAAWF,WAAcD,EAAQmC,gBACxC1B,aAAU,eACJC,EAAe,WACjBP,OAAYH,EAAQmC,sBAEtBnC,EAAQY,UAAUF,GAClBV,EAAQoC,oBACD,WACLpC,EAAQmB,YAAYT,MAErB,aACEV,EAAQmC,uBAARE,EAAqBC,QAArBC,EAA4BC,SAAUN,IACzClC,EAAQmC,YAAcD,EACtBlC,EAAQyC,oBAENC,SAAc1C,YAAAA,EAAS2C,uBAAcD,cAAe,UACxDE,QAAQC,IAAI,cAAeH,GACpBhE,uCAASgE,GACdhE,gBAACqD,GAAWC,OAAQ,EAAGhC,QAASA,gCA9BV,SAAC8C,OACnBC,EAAc,IAAIC,WAASF,UAEjC/B,OAAOkC,KAAKC,GAAUC,SAAQ,SAAAzB,qBAE5BwB,EAASxB,gBAAM1C,uBAAcM,OAAQyD,EAAYK,gBAAgBF,EAASxB,GAAK1C,aAAaM,KAAM4D,EAASxB,OAGtGqB"}

package/dist/sdk-react.esm.js

@@ -117,13 +117,6 @@ var WeaverseRoot = function WeaverseRoot(_ref) {
 
     context.subscribe(handleUpdate);
     context.updateProjectData();
-    var shouldRenderStudio = context.loadStudio();
-    console.log('shouldRenderStudio', shouldRenderStudio);
-
-    if (shouldRenderStudio) {
-      handleUpdate();
-    }
-
     return function () {
       context.unsubscribe(handleUpdate);
     };

package/dist/sdk-react.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdk-react.esm.js","sources":["../src/elements/button.tsx","../src/elements/base.tsx","../src/elements/grid.tsx","../src/elements/index.ts","../src/index.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport const Button = React.forwardRef((props: any, ref) => {\n  let [count, setCount] = React.useState(0)\n  return <button ref={ref} {...props} onClick={() => setCount(count + 1)}>Test Button {count}</button>\n})\n\nButton.defaultProps = {\n    style: {\n        backgroundColor: 'green',\n        borderRadius: '9999px',\n        fontSize: '13px',\n        padding: '10px 15px'\n    },\n    type: 'button',\n    tag: 'button'\n}\n\nexport default Button","import React from 'react'\n\nexport const BaseElement = ({tag, children, ...props}: any) => {\n  return React.createElement(tag, {\n    ...props\n  }, children)\n}\n\nBaseElement.defaultProps = {\n  type: 'base',\n  tag: 'div'\n}\nexport default BaseElement\n","import React from 'react'\n\nexport default function Grid(props: any) {\n  return <div {...props} />\n}\n\nGrid.defaultProps = {\n  style: {\n    // display: 'grid',\n    // outline: '1px solid red',\n  },\n  type: 'grid'\n}","import Button from './button'\nimport BaseElement from './base'\nimport Grid from './grid'\n\nconst elements = {\n  Button,\n  BaseElement,\n  Grid\n}\nexport default elements","import React, {FC, useEffect, useState} from 'react'\nimport {isBrowser, Weaverse, WeaverseItemStore, WeaverseType} from '@weaverse/core'\nimport Elements from './elements'\n\n\nconst createRootContext = (configs: WeaverseType) => {\n  const rootContext = new Weaverse(configs)\n  // Register the element components\n  Object.keys(Elements).forEach(key => {\n    // @ts-ignore\n    Elements[key]?.defaultProps?.type && rootContext.registerElement(Elements[key].defaultProps.type, Elements[key])\n  })\n\n  return rootContext\n}\n\nconst WeaverseRoot = ({context, defaultData}: { context: Weaverse, defaultData: any }) => {\n  let [, setData] = useState<any>(context.projectData)\n  useEffect(() => {\n    let handleUpdate = () => {\n      setData({...context.projectData})\n    }\n    context.subscribe(handleUpdate)\n    context.updateProjectData()\n    let shouldRenderStudio = context.loadStudio()\n    console.log('shouldRenderStudio', shouldRenderStudio)\n    if (shouldRenderStudio) {\n      handleUpdate()\n    }\n    return () => {\n      context.unsubscribe(handleUpdate)\n    }\n  }, [])\n  if (!context.projectData?.items?.length && defaultData) {\n    context.projectData = defaultData\n    context.initItemData()\n  }\n  let handleProps = context?.studioBridge?.handleProps || {}\n  console.log('handleProps', handleProps)\n  return <div {...handleProps}>\n    <RenderItem itemId={0} context={context}/>\n  </div>\n}\n\ntype ItemProps = {\n  itemInstance: WeaverseItemStore\n  elementInstances: Map<string, FC>\n  context: Weaverse\n}\n\n\nconst Item = ({itemInstance, elementInstances, context}: ItemProps) => {\n  let [data, setData] = useState<any>(itemInstance.data)\n  let {id, type, childIds, css, className, ...rest} = data\n  useEffect(() => {\n    let handleUpdate = (update: any) => {\n      setData({...update})\n    }\n    itemInstance.subscribe(handleUpdate)\n    if (!itemInstance.ref.current && isBrowser) {\n      Object.assign(itemInstance.ref, {current: document.querySelector(`[data-wv-id=\"${id}\"]`)})\n    }\n\n    return () => {\n      itemInstance.unsubscribe(handleUpdate)\n    }\n  }, [])\n\n  let realClassName = className || ''\n  if (css) {\n\n    // let stitches create the style from css object and\n    // then return the classname, so we can use it in the render\n    let selector = (context.stitchesInstance.css(css)()).className\n\n    realClassName += ' ' + selector\n  }\n  let Component = elementInstances.get(type)\n  if (Component) {\n    // @ts-ignore\n    if (Component.$$typeof === Symbol.for('react.forward_ref')) {\n      rest.ref = itemInstance.ref\n    }\n    return <Component key={id} data-wv-id={id} {...rest} className={realClassName}>\n      {Array.isArray(childIds)\n              && childIds.map(childId =>\n                      <RenderItem\n                              key={childId}\n                              itemId={childId}\n                              context={context}\n                      />\n              )}\n    </Component>\n  }\n  return null\n}\n\nconst RenderItem = ({itemId, context}: { itemId: number, context: any }): any => {\n  let {itemInstances, elementInstances} = context\n  let itemInstance = itemInstances.get(itemId)\n  if (itemInstance) {\n    return <Item itemInstance={itemInstance} elementInstances={elementInstances} context={context}/>\n  }\n  return <></>\n}\n\nexport {createRootContext, WeaverseRoot}\n"],"names":["Button","React","props","ref","count","setCount","onClick","defaultProps","style","backgroundColor","borderRadius","fontSize","padding","type","tag","BaseElement","children","createElement","Grid","elements","createRootContext","configs","rootContext","Weaverse","Object","keys","Elements","forEach","key","registerElement","WeaverseRoot","context","defaultData","useState","projectData","setData","useEffect","handleUpdate","subscribe","updateProjectData","shouldRenderStudio","loadStudio","console","log","unsubscribe","items","length","initItemData","handleProps","studioBridge","RenderItem","itemId","Item","itemInstance","elementInstances","data","id","childIds","css","className","rest","update","current","isBrowser","assign","document","querySelector","realClassName","selector","stitchesInstance","Component","get","$$typeof","Symbol","Array","isArray","map","childId","itemInstances"],"mappings":"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"}
+{"version":3,"file":"sdk-react.esm.js","sources":["../src/elements/button.tsx","../src/elements/base.tsx","../src/elements/grid.tsx","../src/elements/index.ts","../src/index.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport const Button = React.forwardRef((props: any, ref) => {\n  let [count, setCount] = React.useState(0)\n  return <button ref={ref} {...props} onClick={() => setCount(count + 1)}>Test Button {count}</button>\n})\n\nButton.defaultProps = {\n    style: {\n        backgroundColor: 'green',\n        borderRadius: '9999px',\n        fontSize: '13px',\n        padding: '10px 15px'\n    },\n    type: 'button',\n    tag: 'button'\n}\n\nexport default Button","import React from 'react'\n\nexport const BaseElement = ({tag, children, ...props}: any) => {\n  return React.createElement(tag, {\n    ...props\n  }, children)\n}\n\nBaseElement.defaultProps = {\n  type: 'base',\n  tag: 'div'\n}\nexport default BaseElement\n","import React from 'react'\n\nexport default function Grid(props: any) {\n  return <div {...props} />\n}\n\nGrid.defaultProps = {\n  style: {\n    // display: 'grid',\n    // outline: '1px solid red',\n  },\n  type: 'grid'\n}","import Button from './button'\nimport BaseElement from './base'\nimport Grid from './grid'\n\nconst elements = {\n  Button,\n  BaseElement,\n  Grid\n}\nexport default elements","import React, {FC, useEffect, useState} from 'react'\nimport {isBrowser, Weaverse, WeaverseItemStore, WeaverseType} from '@weaverse/core'\nimport Elements from './elements'\n\n\nconst createRootContext = (configs: WeaverseType) => {\n  const rootContext = new Weaverse(configs)\n  // Register the element components\n  Object.keys(Elements).forEach(key => {\n    // @ts-ignore\n    Elements[key]?.defaultProps?.type && rootContext.registerElement(Elements[key].defaultProps.type, Elements[key])\n  })\n\n  return rootContext\n}\n\nconst WeaverseRoot = ({context, defaultData}: { context: Weaverse, defaultData: any }) => {\n  let [, setData] = useState<any>(context.projectData)\n  useEffect(() => {\n    let handleUpdate = () => {\n      setData({...context.projectData})\n    }\n    context.subscribe(handleUpdate)\n    context.updateProjectData()\n    return () => {\n      context.unsubscribe(handleUpdate)\n    }\n  }, [])\n  if (!context.projectData?.items?.length && defaultData) {\n    context.projectData = defaultData\n    context.initItemData()\n  }\n  let handleProps = context?.studioBridge?.handleProps || {}\n  console.log('handleProps', handleProps)\n  return <div {...handleProps}>\n    <RenderItem itemId={0} context={context}/>\n  </div>\n}\n\n\ntype ItemProps = {\n  itemInstance: WeaverseItemStore\n  elementInstances: Map<string, FC>\n  context: Weaverse\n}\n\n\nconst Item = ({itemInstance, elementInstances, context}: ItemProps) => {\n  let [data, setData] = useState<any>(itemInstance.data)\n  let {id, type, childIds, css, className, ...rest} = data\n  useEffect(() => {\n    let handleUpdate = (update: any) => {\n      setData({...update})\n    }\n    itemInstance.subscribe(handleUpdate)\n    if (!itemInstance.ref.current && isBrowser) {\n      Object.assign(itemInstance.ref, {current: document.querySelector(`[data-wv-id=\"${id}\"]`)})\n    }\n\n    return () => {\n      itemInstance.unsubscribe(handleUpdate)\n    }\n  }, [])\n\n  let realClassName = className || ''\n  if (css) {\n\n    // let stitches create the style from css object and\n    // then return the classname, so we can use it in the render\n    let selector = (context.stitchesInstance.css(css)()).className\n    realClassName += ' ' + selector\n  }\n  let Component = elementInstances.get(type)\n  if (Component) {\n    // @ts-ignore\n    if (Component.$$typeof === Symbol.for('react.forward_ref')) {\n      rest.ref = itemInstance.ref\n    }\n    return <Component key={id} data-wv-id={id} {...rest} className={realClassName}>\n      {Array.isArray(childIds)\n              && childIds.map(childId =>\n                      <RenderItem\n                              key={childId}\n                              itemId={childId}\n                              context={context}\n                      />\n              )}\n    </Component>\n  }\n  return null\n}\n\nconst RenderItem = ({itemId, context}: { itemId: number, context: any }): any => {\n  let {itemInstances, elementInstances} = context\n  let itemInstance = itemInstances.get(itemId)\n  if (itemInstance) {\n    return <Item itemInstance={itemInstance} elementInstances={elementInstances} context={context}/>\n  }\n  return <></>\n}\n\nexport {createRootContext, WeaverseRoot}\n"],"names":["Button","React","props","ref","count","setCount","onClick","defaultProps","style","backgroundColor","borderRadius","fontSize","padding","type","tag","BaseElement","children","createElement","Grid","elements","createRootContext","configs","rootContext","Weaverse","Object","keys","Elements","forEach","key","registerElement","WeaverseRoot","context","defaultData","useState","projectData","setData","useEffect","handleUpdate","subscribe","updateProjectData","unsubscribe","items","length","initItemData","handleProps","studioBridge","console","log","RenderItem","itemId","Item","itemInstance","elementInstances","data","id","childIds","css","className","rest","update","current","isBrowser","assign","document","querySelector","realClassName","selector","stitchesInstance","Component","get","$$typeof","Symbol","Array","isArray","map","childId","itemInstances"],"mappings":"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"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.8",
+  "version": "0.1.9",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -65,6 +65,6 @@
   },
   "dependencies": {
     "@nextui-org/react": "^1.0.2-beta.3",
-    "@weaverse/core": "^0.2.2"
+    "@weaverse/core": "^0.2.3"
   }
 }