@weaverse/core 0.7.45 → 0.7.48

package/dist/index.js

@@ -1 +1 @@
-"use strict";var b=Object.create;var p=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var S=(e,t)=>{for(var i in t)p(e,i,{get:t[i],enumerable:!0})},m=(e,t,i,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of w(t))!D.call(e,n)&&n!==i&&p(e,n,{get:()=>t[n],enumerable:!(s=x(t,n))||s.enumerable});return e};var E=(e,t,i)=>(i=e!=null?b(j(e)):{},m(t||!e||!e.__esModule?p(i,"default",{value:e,enumerable:!0}):i,e)),I=e=>m(p({},"__esModule",{value:!0}),e);var v={};S(v,{Weaverse:()=>c,WeaverseItemStore:()=>o,createGlobalStyles:()=>h,isBrowser:()=>f,isIframe:()=>g,isReactNative:()=>u,merge:()=>d,stichesUtils:()=>l});module.exports=I(v);var y=E(require("@stitches/core"));var l={m:e=>({margin:e}),mt:e=>({marginTop:e}),mr:e=>({marginRight:e}),mb:e=>({marginBottom:e}),ml:e=>({marginLeft:e}),mx:e=>({marginLeft:e,marginRight:e}),my:e=>({marginTop:e,marginBottom:e}),size:e=>({width:e,height:e}),px:e=>({paddingLeft:e,paddingRight:e}),py:e=>({paddingTop:e,paddingBottom:e})};function h(e){e.globalCss({"@keyframes spin":{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},"@keyframes pulse":{"0%, 100%":{opacity:1},"50%":{opacity:.5}},".wv-spinner-wrapper":{position:"absolute",inset:"0px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"inherit",".wv-spinner":{width:"20px",height:"20px",animation:"spin .75s linear infinite"}},"[data-wv-placeholder]":{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(236, 236, 236, 0.5)",backgroundClip:"content-box",padding:"10px"},"[data-blink-src]":{visibility:"hidden"},body:{"&.wv-modal-open":{".weaverse-content-root":{zIndex:9999,'[data-wv-type="product-details"]':{zIndex:999}}}},".weaverse-content-root":{position:"relative",zIndex:0,"*":{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"auto",textRendering:"optimizeLegibility",boxSizing:"border-box"},input:{"&::-webkit-outer-spin-button, &::-webkit-inner-spin-button":{"-webkit-appearance":"none",margin:0},"&[type=number]":{"-moz-appearance":"textfield"}},select:{WebkitAppearance:"none",MozAppearance:"none",appearance:"none",outline:"none",boxShadow:"none",color:"currentColor",verticalAlign:"middle",backgroundColor:"transparent",backgroundPosition:"center",backgroundRepeat:"no-repeat",backgroundImage:"url(https://ucarecdn.com/4bb6a6e7-1ce8-4201-8f2d-da00a50105f3/)",backgroundSize:"10px",backgroundPositionX:"calc(100% - 12px)",paddingLeft:"12px",paddingRight:"35px !important",cursor:"pointer"},button:{outline:"none",boxShadow:"none",cursor:"pointer",border:"none","&:focus":{outline:"none",boxShadow:"none"}},".animate-pulse":{animation:"pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"}},".wv-error-boundary":{textAlign:"center",padding:"32px 0",button:{cursor:"pointer",fontSize:"14px",padding:"4px 10px"}}})()}var u=typeof navigator=="object"&&navigator.product==="ReactNative",f=typeof window<"u"&&!u,g=f&&window.top!==window.self;function d(e,t){let i={...e||{}};for(let s of Object.keys(t))t[s]instanceof Object&&!Array.isArray(t[s])&&Object.assign(t[s],d(i[s],t[s]));return Object.assign(i||{},t),i}var o=class{constructor(t,i){this.listeners=new Set;this.ref={current:null};this.stitchesClass="";this._data={id:"",type:""};this._flags={};this.setData=t=>(this.data=Object.assign(this.data,t),this.triggerUpdate(),this.data);this.subscribe=t=>{this.listeners.add(t)};this.unsubscribe=t=>{this.listeners.delete(t)};this.triggerUpdate=()=>{this.listeners.forEach(t=>t(this.data))};let{type:s,id:n}=t;this.weaverse=i,n&&s&&(i.itemInstances.set(n,this),this.data={...t})}get _id(){return this._data.id}get _element(){return this.ref.current}get Element(){return this.weaverse.elementInstances.get(this._data.type)}set data(t){this._data={...this.data,...t}}get data(){let t=this.Element?.defaultCss||{},i=this._data.css||{},s=d(t,i);return{...{...this.Element?.Component?.defaultProps},...this._data,css:s}}},c=class{constructor({appUrl:t,projectKey:i,projectData:s,mediaBreakPoints:n,isDesignMode:a,ssrMode:r}={}){this.elementInstances=new Map;this.itemInstances=new Map;this.appUrl=process.env.NODE_ENV==="development"?"http://localhost:3000":"https://studio.weaverse.io";this.projectKey="";this.projectData={rootId:"",items:[],script:{css:"",js:""}};this.listeners=new Set;this.isDesignMode=!1;this.ssrMode=!1;this.mediaBreakPoints={desktop:"all",mobile:"(max-width: 767.98px)"};this.initialized=!1;this.initializeData=t=>{if(!this.initialized){let{data:i,published:s,id:n,projectKey:a,studioUrl:r}=t;this.projectKey=a||this.projectKey,this.appUrl=r||this.appUrl,this.projectData={...i,pageId:n},this.isDesignMode=!s,this.initProjectItemData(),this.isDesignMode&&(this.triggerUpdate(),this.loadStudio())}this.initialized=!0};this.initStitches=()=>{this.stitchesInstance=this.stitchesInstance||y.createStitches({prefix:"weaverse",media:this.mediaBreakPoints,utils:l}),h(this.stitchesInstance)};this.init({appUrl:t,projectKey:i,projectData:s,mediaBreakPoints:n,isDesignMode:a,ssrMode:r})}init({appUrl:t,projectKey:i,projectData:s,mediaBreakPoints:n,isDesignMode:a,ssrMode:r}={}){this.appUrl=t||this.appUrl,this.projectKey=i||this.projectKey,this.mediaBreakPoints=n||this.mediaBreakPoints,this.isDesignMode=a||this.isDesignMode,this.ssrMode=r||this.ssrMode,this.projectData=s||this.projectData,this.initStitches(),this.initProjectItemData()}loadStudio(){setTimeout(()=>{if(g&&this.isDesignMode&&!this.studioBridge){let t=()=>{this.studioBridge=new window.WeaverseStudioBridge(this),this.triggerUpdate()};if(window.WeaverseStudioBridge)t();else{let i=document.createElement("script"),s=new Date().getTime();i.src=`${this.appUrl}/assets/studio/studio-bridge.js?t=${s}`,i.type="module",i.onload=t,document.body.appendChild(i)}}},2e3)}registerElement(t){if(t?.type){if(this.elementInstances.has(t.type))throw new Error(`Weaverse: Element '${t.type}' already registered`);this.elementInstances.set(t?.type,t)}else throw new Error("Weaverse: registerElement: `type` is required")}subscribe(t){this.listeners.add(t)}unsubscribe(t){this.listeners.delete(t)}triggerUpdate(){this.listeners.forEach(t=>t())}static fetchProjectData({fetch:t=globalThis.fetch,appUrl:i,projectKey:s}){return t(i+`/api/public/project/${s}`).then(n=>n.json()).catch(n=>console.log("Error fetching project data:",n))}setProjectData(t){this.projectData=t,this.initProjectItemData(),this.triggerUpdate()}initProjectItemData(){let t=this.projectData;t?.items&&t.items.forEach(i=>{this.itemInstances.get(i.id)||new o(i,this)})}};c.WeaverseItemStore=o;0&&(module.exports={Weaverse,WeaverseItemStore,createGlobalStyles,isBrowser,isIframe,isReactNative,merge,stichesUtils});
+"use strict";var y=Object.create;var p=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty;var D=(e,t)=>{for(var i in t)p(e,i,{get:t[i],enumerable:!0})},g=(e,t,i,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of w(t))!j.call(e,a)&&a!==i&&p(e,a,{get:()=>t[a],enumerable:!(s=x(t,a))||s.enumerable});return e};var S=(e,t,i)=>(i=e!=null?y(v(e)):{},g(t||!e||!e.__esModule?p(i,"default",{value:e,enumerable:!0}):i,e)),E=e=>g(p({},"__esModule",{value:!0}),e);var k={};D(k,{Weaverse:()=>c,WeaverseItemStore:()=>o,createGlobalStyles:()=>h,isBrowser:()=>f,isIframe:()=>m,isReactNative:()=>u,merge:()=>d,stichesUtils:()=>l});module.exports=E(k);var b=S(require("@stitches/core"));var l={m:e=>({margin:e}),mt:e=>({marginTop:e}),mr:e=>({marginRight:e}),mb:e=>({marginBottom:e}),ml:e=>({marginLeft:e}),mx:e=>({marginLeft:e,marginRight:e}),my:e=>({marginTop:e,marginBottom:e}),size:e=>({width:e,height:e}),px:e=>({paddingLeft:e,paddingRight:e}),py:e=>({paddingTop:e,paddingBottom:e})};function h(e){e.globalCss({"@keyframes spin":{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},"@keyframes pulse":{"0%, 100%":{opacity:1},"50%":{opacity:.5}},".wv-tooltip-container":{position:"relative !important",display:"inline-flex !important",".wv-tooltip":{position:"absolute",color:"#fff !important",backgroundColor:"#000 !important",fontSize:"13px",textAlign:"center",transition:".3s all",borderRadius:"5px !important",lineHeight:"12px",bottom:"calc(100% + 5px)",left:"50%",transform:"translateX(-50%)",padding:"8px 12px",opacity:0,visibility:"hidden",textTransform:"initial",width:"max-content !important",maxWidth:"initial !important",height:"auto !important",display:"inline-block !important","&:after":{content:'""',position:"absolute",width:"10px",height:"10px",backgroundColor:"#000",bottom:"-4px",left:"50%",transform:"translateX(-50%) rotate(45deg)"}},"&:hover":{".wv-tooltip":{opacity:1,visibility:"visible",bottom:"calc(100% + 10px)"}}},".wv-spinner-wrapper":{position:"absolute",inset:"0px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"inherit",".wv-spinner":{width:"20px",height:"20px",animation:"spin .75s linear infinite"}},"[data-wv-placeholder]":{height:"100%",width:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(236, 236, 236, 0.5)",backgroundClip:"content-box",padding:"10px"},".wv-pcard__quickview":{borderRadius:"0px !important",width:"950px !important"},body:{"&.wv-modal-open":{".weaverse-content-root":{zIndex:9999,'[data-wv-type="product-details"]':{zIndex:999}}}},".weaverse-content-root":{position:"relative",zIndex:0,"*":{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"auto",textRendering:"optimizeLegibility",boxSizing:"border-box"},input:{"&::-webkit-outer-spin-button, &::-webkit-inner-spin-button":{"-webkit-appearance":"none",margin:0},"&[type=number]":{"-moz-appearance":"textfield"}},select:{WebkitAppearance:"none",MozAppearance:"none",appearance:"none",outline:"none",boxShadow:"none",color:"currentColor",verticalAlign:"middle",backgroundColor:"transparent",backgroundPosition:"center",backgroundRepeat:"no-repeat",backgroundImage:"url(https://ucarecdn.com/4bb6a6e7-1ce8-4201-8f2d-da00a50105f3/)",backgroundSize:"10px",backgroundPositionX:"calc(100% - 12px)",paddingLeft:"12px",paddingRight:"35px !important",cursor:"pointer"},button:{outline:"none",boxShadow:"none",cursor:"pointer",border:"none","&:focus":{outline:"none",boxShadow:"none"}},".animate-pulse":{animation:"pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"}},".wv-error-boundary":{textAlign:"center",padding:"32px 0",button:{cursor:"pointer",fontSize:"14px",padding:"4px 10px"}},"@media (max-width: 768px)":{".wv-tooltip-container":{".wv-tooltip":{display:"none !important"}}}})()}var u=typeof navigator=="object"&&navigator.product==="ReactNative",f=typeof window<"u"&&!u,m=f&&window.top!==window.self;function d(e,t){let i={...e||{}};for(let s of Object.keys(t))t[s]instanceof Object&&!Array.isArray(t[s])&&Object.assign(t[s],d(i[s],t[s]));return Object.assign(i||{},t),i}var o=class{constructor(t,i){this.listeners=new Set;this.ref={current:null};this.stitchesClass="";this._data={id:"",type:""};this._flags={};this.setData=t=>(this.data=Object.assign(this.data,t),this.triggerUpdate(),this.data);this.subscribe=t=>{this.listeners.add(t)};this.unsubscribe=t=>{this.listeners.delete(t)};this.triggerUpdate=()=>{this.listeners.forEach(t=>t(this.data))};let{type:s,id:a}=t;this.weaverse=i,a&&s&&(i.itemInstances.set(a,this),this.data={...t})}get _id(){return this._data.id}get _element(){return this.ref.current}get Element(){return this.weaverse.elementInstances.get(this._data.type)}set data(t){this._data={...this.data,...t}}get data(){let t=this.Element?.defaultCss||{},i=this._data.css||{},s=d(t,i);return{...{...this.Element?.Component?.defaultProps},...this._data,css:s}}},c=class{constructor({appUrl:t,projectKey:i,projectData:s,mediaBreakPoints:a,isDesignMode:n,ssrMode:r}={}){this.elementInstances=new Map;this.itemInstances=new Map;this.appUrl=process.env.NODE_ENV==="development"?"http://localhost:3000":"https://studio.weaverse.io";this.projectKey="";this.projectData={rootId:"",items:[],script:{css:"",js:""}};this.listeners=new Set;this.isDesignMode=!1;this.ssrMode=!1;this.mediaBreakPoints={desktop:"all",mobile:"(max-width: 767.98px)"};this.initialized=!1;this.initializeData=t=>{if(!this.initialized){let{data:i,published:s,id:a,projectKey:n,studioUrl:r}=t;this.projectKey=n||this.projectKey,this.appUrl=r||this.appUrl,this.projectData={...i,pageId:a},this.isDesignMode=!s,this.initProjectItemData(),this.isDesignMode&&(this.triggerUpdate(),this.loadStudio())}this.initialized=!0};this.initStitches=()=>{this.stitchesInstance=this.stitchesInstance||b.createStitches({prefix:"weaverse",media:this.mediaBreakPoints,utils:l}),h(this.stitchesInstance)};this.init({appUrl:t,projectKey:i,projectData:s,mediaBreakPoints:a,isDesignMode:n,ssrMode:r})}init({appUrl:t,projectKey:i,projectData:s,mediaBreakPoints:a,isDesignMode:n,ssrMode:r}={}){this.appUrl=t||this.appUrl,this.projectKey=i||this.projectKey,this.mediaBreakPoints=a||this.mediaBreakPoints,this.isDesignMode=n||this.isDesignMode,this.ssrMode=r||this.ssrMode,this.projectData=s||this.projectData,this.initStitches(),this.initProjectItemData()}loadStudio(){setTimeout(()=>{if(m&&this.isDesignMode&&!this.studioBridge){let t=()=>{this.studioBridge=new window.WeaverseStudioBridge(this),this.triggerUpdate()};if(window.WeaverseStudioBridge)t();else{let i=document.createElement("script"),s=new Date().getTime();i.src=`${this.appUrl}/assets/studio/studio-bridge.js?t=${s}`,i.type="module",i.onload=t,document.body.appendChild(i)}}},2e3)}registerElement(t){if(t?.type){if(this.elementInstances.has(t.type))throw new Error(`Weaverse: Element '${t.type}' already registered`);this.elementInstances.set(t?.type,t)}else throw new Error("Weaverse: registerElement: `type` is required")}subscribe(t){this.listeners.add(t)}unsubscribe(t){this.listeners.delete(t)}triggerUpdate(){this.listeners.forEach(t=>t())}static fetchProjectData({fetch:t=globalThis.fetch,appUrl:i,projectKey:s}){return t(i+`/api/public/project/${s}`).then(a=>a.json()).catch(a=>console.log("Error fetching project data:",a))}setProjectData(t){this.projectData=t,this.initProjectItemData(),this.triggerUpdate()}initProjectItemData(){let t=this.projectData;t?.items&&t.items.forEach(i=>{this.itemInstances.get(i.id)||new o(i,this)})}};c.WeaverseItemStore=o;0&&(module.exports={Weaverse,WeaverseItemStore,createGlobalStyles,isBrowser,isIframe,isReactNative,merge,stichesUtils});

package/dist/index.mjs

@@ -1 +1 @@
-import*as g from"@stitches/core";var c={m:e=>({margin:e}),mt:e=>({marginTop:e}),mr:e=>({marginRight:e}),mb:e=>({marginBottom:e}),ml:e=>({marginLeft:e}),mx:e=>({marginLeft:e,marginRight:e}),my:e=>({marginTop:e,marginBottom:e}),size:e=>({width:e,height:e}),px:e=>({paddingLeft:e,paddingRight:e}),py:e=>({paddingTop:e,paddingBottom:e})};function l(e){e.globalCss({"@keyframes spin":{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},"@keyframes pulse":{"0%, 100%":{opacity:1},"50%":{opacity:.5}},".wv-spinner-wrapper":{position:"absolute",inset:"0px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"inherit",".wv-spinner":{width:"20px",height:"20px",animation:"spin .75s linear infinite"}},"[data-wv-placeholder]":{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(236, 236, 236, 0.5)",backgroundClip:"content-box",padding:"10px"},"[data-blink-src]":{visibility:"hidden"},body:{"&.wv-modal-open":{".weaverse-content-root":{zIndex:9999,'[data-wv-type="product-details"]':{zIndex:999}}}},".weaverse-content-root":{position:"relative",zIndex:0,"*":{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"auto",textRendering:"optimizeLegibility",boxSizing:"border-box"},input:{"&::-webkit-outer-spin-button, &::-webkit-inner-spin-button":{"-webkit-appearance":"none",margin:0},"&[type=number]":{"-moz-appearance":"textfield"}},select:{WebkitAppearance:"none",MozAppearance:"none",appearance:"none",outline:"none",boxShadow:"none",color:"currentColor",verticalAlign:"middle",backgroundColor:"transparent",backgroundPosition:"center",backgroundRepeat:"no-repeat",backgroundImage:"url(https://ucarecdn.com/4bb6a6e7-1ce8-4201-8f2d-da00a50105f3/)",backgroundSize:"10px",backgroundPositionX:"calc(100% - 12px)",paddingLeft:"12px",paddingRight:"35px !important",cursor:"pointer"},button:{outline:"none",boxShadow:"none",cursor:"pointer",border:"none","&:focus":{outline:"none",boxShadow:"none"}},".animate-pulse":{animation:"pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"}},".wv-error-boundary":{textAlign:"center",padding:"32px 0",button:{cursor:"pointer",fontSize:"14px",padding:"4px 10px"}}})()}var m=typeof navigator=="object"&&navigator.product==="ReactNative",u=typeof window<"u"&&!m,h=u&&window.top!==window.self;function p(e,t){let i={...e||{}};for(let s of Object.keys(t))t[s]instanceof Object&&!Array.isArray(t[s])&&Object.assign(t[s],p(i[s],t[s]));return Object.assign(i||{},t),i}var o=class{constructor(t,i){this.listeners=new Set;this.ref={current:null};this.stitchesClass="";this._data={id:"",type:""};this._flags={};this.setData=t=>(this.data=Object.assign(this.data,t),this.triggerUpdate(),this.data);this.subscribe=t=>{this.listeners.add(t)};this.unsubscribe=t=>{this.listeners.delete(t)};this.triggerUpdate=()=>{this.listeners.forEach(t=>t(this.data))};let{type:s,id:n}=t;this.weaverse=i,n&&s&&(i.itemInstances.set(n,this),this.data={...t})}get _id(){return this._data.id}get _element(){return this.ref.current}get Element(){return this.weaverse.elementInstances.get(this._data.type)}set data(t){this._data={...this.data,...t}}get data(){let t=this.Element?.defaultCss||{},i=this._data.css||{},s=p(t,i);return{...{...this.Element?.Component?.defaultProps},...this._data,css:s}}},d=class{constructor({appUrl:t,projectKey:i,projectData:s,mediaBreakPoints:n,isDesignMode:a,ssrMode:r}={}){this.elementInstances=new Map;this.itemInstances=new Map;this.appUrl=process.env.NODE_ENV==="development"?"http://localhost:3000":"https://studio.weaverse.io";this.projectKey="";this.projectData={rootId:"",items:[],script:{css:"",js:""}};this.listeners=new Set;this.isDesignMode=!1;this.ssrMode=!1;this.mediaBreakPoints={desktop:"all",mobile:"(max-width: 767.98px)"};this.initialized=!1;this.initializeData=t=>{if(!this.initialized){let{data:i,published:s,id:n,projectKey:a,studioUrl:r}=t;this.projectKey=a||this.projectKey,this.appUrl=r||this.appUrl,this.projectData={...i,pageId:n},this.isDesignMode=!s,this.initProjectItemData(),this.isDesignMode&&(this.triggerUpdate(),this.loadStudio())}this.initialized=!0};this.initStitches=()=>{this.stitchesInstance=this.stitchesInstance||g.createStitches({prefix:"weaverse",media:this.mediaBreakPoints,utils:c}),l(this.stitchesInstance)};this.init({appUrl:t,projectKey:i,projectData:s,mediaBreakPoints:n,isDesignMode:a,ssrMode:r})}init({appUrl:t,projectKey:i,projectData:s,mediaBreakPoints:n,isDesignMode:a,ssrMode:r}={}){this.appUrl=t||this.appUrl,this.projectKey=i||this.projectKey,this.mediaBreakPoints=n||this.mediaBreakPoints,this.isDesignMode=a||this.isDesignMode,this.ssrMode=r||this.ssrMode,this.projectData=s||this.projectData,this.initStitches(),this.initProjectItemData()}loadStudio(){setTimeout(()=>{if(h&&this.isDesignMode&&!this.studioBridge){let t=()=>{this.studioBridge=new window.WeaverseStudioBridge(this),this.triggerUpdate()};if(window.WeaverseStudioBridge)t();else{let i=document.createElement("script"),s=new Date().getTime();i.src=`${this.appUrl}/assets/studio/studio-bridge.js?t=${s}`,i.type="module",i.onload=t,document.body.appendChild(i)}}},2e3)}registerElement(t){if(t?.type){if(this.elementInstances.has(t.type))throw new Error(`Weaverse: Element '${t.type}' already registered`);this.elementInstances.set(t?.type,t)}else throw new Error("Weaverse: registerElement: `type` is required")}subscribe(t){this.listeners.add(t)}unsubscribe(t){this.listeners.delete(t)}triggerUpdate(){this.listeners.forEach(t=>t())}static fetchProjectData({fetch:t=globalThis.fetch,appUrl:i,projectKey:s}){return t(i+`/api/public/project/${s}`).then(n=>n.json()).catch(n=>console.log("Error fetching project data:",n))}setProjectData(t){this.projectData=t,this.initProjectItemData(),this.triggerUpdate()}initProjectItemData(){let t=this.projectData;t?.items&&t.items.forEach(i=>{this.itemInstances.get(i.id)||new o(i,this)})}};d.WeaverseItemStore=o;export{d as Weaverse,o as WeaverseItemStore,l as createGlobalStyles,u as isBrowser,h as isIframe,m as isReactNative,p as merge,c as stichesUtils};
+import*as m from"@stitches/core";var c={m:e=>({margin:e}),mt:e=>({marginTop:e}),mr:e=>({marginRight:e}),mb:e=>({marginBottom:e}),ml:e=>({marginLeft:e}),mx:e=>({marginLeft:e,marginRight:e}),my:e=>({marginTop:e,marginBottom:e}),size:e=>({width:e,height:e}),px:e=>({paddingLeft:e,paddingRight:e}),py:e=>({paddingTop:e,paddingBottom:e})};function l(e){e.globalCss({"@keyframes spin":{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},"@keyframes pulse":{"0%, 100%":{opacity:1},"50%":{opacity:.5}},".wv-tooltip-container":{position:"relative !important",display:"inline-flex !important",".wv-tooltip":{position:"absolute",color:"#fff !important",backgroundColor:"#000 !important",fontSize:"13px",textAlign:"center",transition:".3s all",borderRadius:"5px !important",lineHeight:"12px",bottom:"calc(100% + 5px)",left:"50%",transform:"translateX(-50%)",padding:"8px 12px",opacity:0,visibility:"hidden",textTransform:"initial",width:"max-content !important",maxWidth:"initial !important",height:"auto !important",display:"inline-block !important","&:after":{content:'""',position:"absolute",width:"10px",height:"10px",backgroundColor:"#000",bottom:"-4px",left:"50%",transform:"translateX(-50%) rotate(45deg)"}},"&:hover":{".wv-tooltip":{opacity:1,visibility:"visible",bottom:"calc(100% + 10px)"}}},".wv-spinner-wrapper":{position:"absolute",inset:"0px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"inherit",".wv-spinner":{width:"20px",height:"20px",animation:"spin .75s linear infinite"}},"[data-wv-placeholder]":{height:"100%",width:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(236, 236, 236, 0.5)",backgroundClip:"content-box",padding:"10px"},".wv-pcard__quickview":{borderRadius:"0px !important",width:"950px !important"},body:{"&.wv-modal-open":{".weaverse-content-root":{zIndex:9999,'[data-wv-type="product-details"]':{zIndex:999}}}},".weaverse-content-root":{position:"relative",zIndex:0,"*":{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"auto",textRendering:"optimizeLegibility",boxSizing:"border-box"},input:{"&::-webkit-outer-spin-button, &::-webkit-inner-spin-button":{"-webkit-appearance":"none",margin:0},"&[type=number]":{"-moz-appearance":"textfield"}},select:{WebkitAppearance:"none",MozAppearance:"none",appearance:"none",outline:"none",boxShadow:"none",color:"currentColor",verticalAlign:"middle",backgroundColor:"transparent",backgroundPosition:"center",backgroundRepeat:"no-repeat",backgroundImage:"url(https://ucarecdn.com/4bb6a6e7-1ce8-4201-8f2d-da00a50105f3/)",backgroundSize:"10px",backgroundPositionX:"calc(100% - 12px)",paddingLeft:"12px",paddingRight:"35px !important",cursor:"pointer"},button:{outline:"none",boxShadow:"none",cursor:"pointer",border:"none","&:focus":{outline:"none",boxShadow:"none"}},".animate-pulse":{animation:"pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"}},".wv-error-boundary":{textAlign:"center",padding:"32px 0",button:{cursor:"pointer",fontSize:"14px",padding:"4px 10px"}},"@media (max-width: 768px)":{".wv-tooltip-container":{".wv-tooltip":{display:"none !important"}}}})()}var g=typeof navigator=="object"&&navigator.product==="ReactNative",u=typeof window<"u"&&!g,h=u&&window.top!==window.self;function p(e,t){let i={...e||{}};for(let s of Object.keys(t))t[s]instanceof Object&&!Array.isArray(t[s])&&Object.assign(t[s],p(i[s],t[s]));return Object.assign(i||{},t),i}var o=class{constructor(t,i){this.listeners=new Set;this.ref={current:null};this.stitchesClass="";this._data={id:"",type:""};this._flags={};this.setData=t=>(this.data=Object.assign(this.data,t),this.triggerUpdate(),this.data);this.subscribe=t=>{this.listeners.add(t)};this.unsubscribe=t=>{this.listeners.delete(t)};this.triggerUpdate=()=>{this.listeners.forEach(t=>t(this.data))};let{type:s,id:a}=t;this.weaverse=i,a&&s&&(i.itemInstances.set(a,this),this.data={...t})}get _id(){return this._data.id}get _element(){return this.ref.current}get Element(){return this.weaverse.elementInstances.get(this._data.type)}set data(t){this._data={...this.data,...t}}get data(){let t=this.Element?.defaultCss||{},i=this._data.css||{},s=p(t,i);return{...{...this.Element?.Component?.defaultProps},...this._data,css:s}}},d=class{constructor({appUrl:t,projectKey:i,projectData:s,mediaBreakPoints:a,isDesignMode:n,ssrMode:r}={}){this.elementInstances=new Map;this.itemInstances=new Map;this.appUrl=process.env.NODE_ENV==="development"?"http://localhost:3000":"https://studio.weaverse.io";this.projectKey="";this.projectData={rootId:"",items:[],script:{css:"",js:""}};this.listeners=new Set;this.isDesignMode=!1;this.ssrMode=!1;this.mediaBreakPoints={desktop:"all",mobile:"(max-width: 767.98px)"};this.initialized=!1;this.initializeData=t=>{if(!this.initialized){let{data:i,published:s,id:a,projectKey:n,studioUrl:r}=t;this.projectKey=n||this.projectKey,this.appUrl=r||this.appUrl,this.projectData={...i,pageId:a},this.isDesignMode=!s,this.initProjectItemData(),this.isDesignMode&&(this.triggerUpdate(),this.loadStudio())}this.initialized=!0};this.initStitches=()=>{this.stitchesInstance=this.stitchesInstance||m.createStitches({prefix:"weaverse",media:this.mediaBreakPoints,utils:c}),l(this.stitchesInstance)};this.init({appUrl:t,projectKey:i,projectData:s,mediaBreakPoints:a,isDesignMode:n,ssrMode:r})}init({appUrl:t,projectKey:i,projectData:s,mediaBreakPoints:a,isDesignMode:n,ssrMode:r}={}){this.appUrl=t||this.appUrl,this.projectKey=i||this.projectKey,this.mediaBreakPoints=a||this.mediaBreakPoints,this.isDesignMode=n||this.isDesignMode,this.ssrMode=r||this.ssrMode,this.projectData=s||this.projectData,this.initStitches(),this.initProjectItemData()}loadStudio(){setTimeout(()=>{if(h&&this.isDesignMode&&!this.studioBridge){let t=()=>{this.studioBridge=new window.WeaverseStudioBridge(this),this.triggerUpdate()};if(window.WeaverseStudioBridge)t();else{let i=document.createElement("script"),s=new Date().getTime();i.src=`${this.appUrl}/assets/studio/studio-bridge.js?t=${s}`,i.type="module",i.onload=t,document.body.appendChild(i)}}},2e3)}registerElement(t){if(t?.type){if(this.elementInstances.has(t.type))throw new Error(`Weaverse: Element '${t.type}' already registered`);this.elementInstances.set(t?.type,t)}else throw new Error("Weaverse: registerElement: `type` is required")}subscribe(t){this.listeners.add(t)}unsubscribe(t){this.listeners.delete(t)}triggerUpdate(){this.listeners.forEach(t=>t())}static fetchProjectData({fetch:t=globalThis.fetch,appUrl:i,projectKey:s}){return t(i+`/api/public/project/${s}`).then(a=>a.json()).catch(a=>console.log("Error fetching project data:",a))}setProjectData(t){this.projectData=t,this.initProjectItemData(),this.triggerUpdate()}initProjectItemData(){let t=this.projectData;t?.items&&t.items.forEach(i=>{this.itemInstances.get(i.id)||new o(i,this)})}};d.WeaverseItemStore=o;export{d as Weaverse,o as WeaverseItemStore,l as createGlobalStyles,u as isBrowser,h as isIframe,g as isReactNative,p as merge,c as stichesUtils};

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.7.45",
+  "version": "0.7.48",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/dist/index.d.ts

@@ -1,346 +0,0 @@
-import * as Stitches from '@stitches/core';
-import { ForwardRefExoticComponent, RefObject } from 'react';
-import Stitches$1 from '@stitches/core/types/stitches';
-
-declare let stichesUtils: {
-    m: (value: string) => {
-        margin: string;
-    };
-    mt: (value: string) => {
-        marginTop: string;
-    };
-    mr: (value: string) => {
-        marginRight: string;
-    };
-    mb: (value: string) => {
-        marginBottom: string;
-    };
-    ml: (value: string) => {
-        marginLeft: string;
-    };
-    mx: (value: string) => {
-        marginLeft: string;
-        marginRight: string;
-    };
-    my: (value: string) => {
-        marginTop: string;
-        marginBottom: string;
-    };
-    size: (value: string) => {
-        width: string;
-        height: string;
-    };
-    px: (value: string) => {
-        paddingLeft: string;
-        paddingRight: string;
-    };
-    py: (value: string) => {
-        paddingTop: string;
-        paddingBottom: string;
-    };
-};
-declare function createGlobalStyles(stitches: Stitches$1): void;
-
-declare const isReactNative: boolean;
-declare const isBrowser: boolean;
-declare const isIframe: boolean;
-/**
- * Deep merge two objects.
- * @param target
- * @param source
- */
-declare function merge(target: Record<string, any>, source: Record<string, any>): {
-    [x: string]: any;
-};
-
-interface ProjectDataType {
-    items: ElementData[];
-    rootId: string;
-    script: {
-        css: string;
-        js: string;
-    };
-    pageId?: string;
-}
-interface InitializeData {
-    id: string;
-    handle: string;
-    data: ProjectDataType;
-    published: boolean;
-    projectKey?: string;
-    studioUrl?: string;
-}
-interface BreakPoints {
-    mobile: string;
-    desktop: string;
-}
-interface WeaverseType {
-    mediaBreakPoints?: BreakPoints;
-    appUrl?: string;
-    projectKey?: string;
-    projectData?: ProjectDataType;
-    isDesignMode?: boolean;
-    ssrMode?: boolean;
-}
-interface WeaverseElement {
-    Component: ForwardRefExoticComponent<any>;
-    type: string;
-    schema?: ElementSchema;
-    defaultCss?: ElementCSS;
-    permanentCss?: ElementCSS;
-}
-type CatalogGroup = "essential" | "composition" | "shopify";
-interface ElementCatalog {
-    name: string;
-    icon?: string;
-    group?: CatalogGroup;
-    data?: ElementDataInCatalog[];
-}
-interface ElementDataInCatalog extends Omit<ElementData, "id"> {
-    id: string | number;
-}
-type FlagType = "draggable" | "resizable" | "sortable" | "ignoreShortcutKeys" | "hasContextMenu" | "isSortableContext";
-type ElementFlags = Partial<Record<FlagType, boolean>>;
-type ChildElementSelector = string | string[];
-interface ChildElement {
-    label: string;
-    selector: ChildElementSelector;
-}
-type ParentType = "container" | "layout" | "root" | "product-details" | "product-info" | "collection.box" | "collection-box" | "article-box" | "article-list" | "slider" | "tab" | "accordion" | "accordion.wrapper";
-type GridSize = {
-    rowSpan: number;
-    colSpan: number;
-};
-type ToolbarAction = "general-settings" | "edit-text" | "duplicate" | "delete" | "copy-styles" | "paste-styles" | "move-up" | "move-down" | "toggle-visibility";
-interface ElementSchema {
-    title: string;
-    type: string;
-    parentTypes: ParentType[];
-    gridSize?: GridSize;
-    inspector?: ElementInspector;
-    toolbar?: (ToolbarAction | ToolbarAction[])[];
-    childElements?: ChildElement[];
-    catalog?: ElementCatalog;
-    flags?: ElementFlags;
-}
-interface ElementData {
-    id: string;
-    type: string;
-    childIds?: (string | number)[];
-    css?: ElementCSS;
-    [key: string]: any;
-}
-type WeaverseCSSProperties = Stitches.CSS & Partial<Record<keyof typeof stichesUtils, string | number>>;
-type ChildElementCSS = Partial<{
-    [selector: string]: WeaverseCSSProperties & ChildElementCSS;
-}>;
-interface ElementCSS {
-    "@desktop"?: WeaverseCSSProperties | ChildElementCSS;
-    "@mobile"?: WeaverseCSSProperties | ChildElementCSS;
-}
-interface ElementInspector {
-    settings?: (AdvancedGroup | BasicGroup)[];
-    styles?: (AdvancedGroup | BasicGroup)[];
-}
-interface AdvancedGroup {
-    groupType: AdvancedGroupType;
-    useData?: boolean;
-}
-interface BasicGroup {
-    groupType: "basic";
-    groupHeader: string;
-    inputs: BasicInput[];
-}
-type AdvancedGroupType = "border" | "alignment" | "background" | "dimensions" | "spacing" | "typography" | "visibility" | "shadows-and-effects" | "layout-background";
-interface BasicInput<ConfigsType = AdditionalInputConfigs> {
-    type: InputType;
-    label?: string;
-    binding?: "style" | "data";
-    /**
-     * The key of the value of the element data or styles
-     * @example
-     * // Bind to `element.data.title`
-     * name: "title"
-     * // Bind to `element.css["@desktop"].backgroundColor`
-     * name: "backgroundColor"
-     */
-    name?: string;
-    /**
-     * Additional options for inputs that require more configuration
-     */
-    configs?: ConfigsType;
-    /**
-     * Only display if condition matches.
-     *
-     * Format: `dataBindingKey.conditionalOperator.value`
-     *
-     * Supported operators: `eq`, `ne`, `gt`, `gte`, `lt`, `lte`
-     *
-     * @example
-     * `clickAction.eq.openLink`
-     * `clickAction.ne.openLink`
-     * `imagesPerRow.gt.1`
-     */
-    condition?: string;
-    defaultValue?: string | number | boolean;
-    placeholder?: string;
-    helpText?: string;
-}
-type AdditionalInputConfigs = SelectInputConfigs | ToggleGroupConfigs | RangeInputConfigs | SortableInputConfigs;
-interface SelectInputConfigs {
-    options?: {
-        value: string;
-        label: string;
-        icon?: string;
-        weight?: string;
-    }[];
-}
-interface ToggleGroupConfigs {
-    options?: {
-        value: string;
-        label: string;
-        icon?: string;
-        weight?: string;
-    }[];
-}
-interface RangeInputConfigs {
-    min?: number;
-    max?: number;
-    step?: number;
-}
-type SortableItemAction = "add" | "edit" | "duplicate" | "delete" | "toggle-visibility";
-interface SortableInputConfigs {
-    actions: SortableItemAction[];
-}
-type InputType = "color" | "datepicker" | "image" | "range" | "select" | "sortable" | "switch" | "text" | "textarea" | "toggle-group" | "form" | "product" | "product-list" | "product-swatches" | "text-editor" | "custom.html" | "instagram" | "collection-list" | "collection" | "article-list" | "map-autocomplete";
-declare global {
-    interface Window {
-        WeaverseStudioBridge: any;
-        Blinkloader: any;
-    }
-}
-
-/**
- * WeaverseItemStore is a store for Weaverse item, it can be used to subscribe/update the item data
- * @param itemData {ElementData} Weaverse item data
- * @param weaverse {Weaverse} Weaverse instance
- * @example
- * useEffect(() => {
- *     let handleUpdate = (update: any) => {
- *       setData({...update})
- *     }
- *     itemInstance.subscribe(handleUpdate)
- *     return () => {
- *       itemInstance.unsubscribe(handleUpdate)
- *     }
- * }, [])
- */
-declare class WeaverseItemStore {
-    listeners: Set<any>;
-    ref: RefObject<HTMLElement>;
-    weaverse: Weaverse;
-    stitchesClass: string;
-    _data: ElementData;
-    _flags: ElementFlags;
-    constructor(itemData: ElementData, weaverse: Weaverse);
-    get _id(): string;
-    get _element(): HTMLElement | null;
-    get Element(): WeaverseElement | undefined;
-    set data(data: Omit<ElementData, "id" | "type">);
-    get data(): ElementData;
-    setData: (data: Omit<ElementData, "id" | "type">) => ElementData;
-    subscribe: (fn: any) => void;
-    unsubscribe: (fn: any) => void;
-    triggerUpdate: () => void;
-}
-declare class Weaverse {
-    /**
-     * The `weaverse-content-root` element of Weaverse SDK
-     */
-    contentRootElement: HTMLElement | undefined;
-    /**
-     * For storing, registering element React component from Weaverse or created by user/developer
-     */
-    elementInstances: Map<string, WeaverseElement>;
-    /**
-     * list of element/items store to provide data, handle state update, state sharing, etc.
-     */
-    itemInstances: Map<string | number, WeaverseItemStore>;
-    /**
-     * Weaverse base URL that can provide by user/developer. for local development, use localhost:3000
-     * @type {string}
-     */
-    appUrl: string;
-    /**
-     * Weaverse project key to access project data via API
-     * @type {string}
-     */
-    projectKey: string;
-    /**
-     * Weaverse project data, by default, user can provide project data via React Component:
-     * <WeaverseRoot defaultData={projectData} /> it will be used to server-side rendering
-     */
-    projectData: ProjectDataType;
-    /**
-     * storing subscribe callback function for any component that want to listen to the change of WeaverseRoot
-     * @type {Map<string, (data: any) => void>}
-     */
-    listeners: Set<any>;
-    /**
-     * check whether the sdk is isDesignMode or not
-     * if isDesignMode is true, it means the sdk is isDesignMode mode, render the editor UI
-     * else render the preview UI, plain HTML + CSS + React hydrate
-     * @type {boolean}
-     */
-    isDesignMode: boolean;
-    /**
-     * Use in element to optionally render special HTML for hydration
-     * @type {boolean}
-     */
-    ssrMode: boolean;
-    /**
-     * stitches instance for handling CSS stylesheet, media, theme for Weaverse project
-     */
-    stitchesInstance: Stitches$1 | any;
-    studioBridge?: any;
-    static WeaverseItemStore: typeof WeaverseItemStore;
-    mediaBreakPoints: BreakPoints;
-    /**
-     * constructor
-     * @param appUrl {string} Weaverse base URL that can provide by user/developer. for local development, use localhost:3000
-     * @param projectKey {string} Weaverse project key to access project data via API
-     * @param projectData {ProjectDataType} Weaverse project data, by default, user can provide project data via React Component.
-     * @param mediaBreakPoints {object} Pass down custom media query breakpoints or just use the default.
-     * @param isDesignMode {boolean} check whether the sdk is isDesignMode or not
-     * @param ssrMode {boolean} Use in element to optionally render special HTML for hydration
-     */
-    constructor({ appUrl, projectKey, projectData, mediaBreakPoints, isDesignMode, ssrMode }?: WeaverseType);
-    init({ appUrl, projectKey, projectData, mediaBreakPoints, isDesignMode, ssrMode }?: WeaverseType): void;
-    initialized: boolean;
-    initializeData: (data: InitializeData) => void;
-    loadStudio(): void;
-    /**
-     * register the custom React Component to Weaverse, store it into Weaverse.elementInstances
-     * @param element {WeaverseElement} custom React Component
-     */
-    registerElement(element: WeaverseElement): void;
-    initStitches: () => void;
-    subscribe(fn: any): void;
-    unsubscribe(fn: any): void;
-    triggerUpdate(): void;
-    /**
-     * fetch data from Weaverse API (https://weaverse.io/api/v1/project/:projectKey)
-     * @param fetch {fetch} custom fetch function, pass in custom fetch function if you want to use your own fetch function
-     * @param appUrl
-     * @param projectKey
-     */
-    static fetchProjectData({ fetch, appUrl, projectKey, }: {
-        fetch?: any;
-        appUrl?: string;
-        projectKey?: string;
-    }): any;
-    setProjectData(projectData: ProjectDataType): void;
-    initProjectItemData(): void;
-}
-
-export { AdditionalInputConfigs, AdvancedGroup, AdvancedGroupType, BasicGroup, BasicInput, BreakPoints, CatalogGroup, ChildElement, ChildElementCSS, ChildElementSelector, ElementCSS, ElementCatalog, ElementData, ElementDataInCatalog, ElementFlags, ElementInspector, ElementSchema, FlagType, GridSize, InitializeData, InputType, ParentType, ProjectDataType, RangeInputConfigs, SelectInputConfigs, SortableInputConfigs, SortableItemAction, ToggleGroupConfigs, ToolbarAction, Weaverse, WeaverseCSSProperties, WeaverseElement, WeaverseItemStore, WeaverseType, createGlobalStyles, isBrowser, isIframe, isReactNative, merge, stichesUtils };