@weaverse/core 0.7.34 → 0.7.37

package/dist/index.js

@@ -1,360 +1 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  Weaverse: () => Weaverse,
-  WeaverseItemStore: () => WeaverseItemStore,
-  createGlobalStyles: () => createGlobalStyles,
-  isBrowser: () => isBrowser,
-  isIframe: () => isIframe,
-  isReactNative: () => isReactNative,
-  loadScript: () => loadScript,
-  stichesUtils: () => stichesUtils
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/core.ts
-var stitches = __toESM(require("@stitches/core"));
-
-// src/utils/load-script.ts
-function loadScript(url) {
-  return new Promise(function(resolve) {
-    const script = document.createElement("script");
-    script.src = url;
-    script.addEventListener("load", function() {
-      resolve(true);
-    });
-    document.head.appendChild(script);
-  });
-}
-
-// src/utils/styles.ts
-var stichesUtils = {
-  m: (value) => ({
-    margin: value
-  }),
-  mt: (value) => ({
-    marginTop: value
-  }),
-  mr: (value) => ({
-    marginRight: value
-  }),
-  mb: (value) => ({
-    marginBottom: value
-  }),
-  ml: (value) => ({
-    marginLeft: value
-  }),
-  mx: (value) => ({
-    marginLeft: value,
-    marginRight: value
-  }),
-  my: (value) => ({
-    marginTop: value,
-    marginBottom: value
-  }),
-  size: (value) => ({
-    width: value,
-    height: value
-  }),
-  px: (value) => ({
-    paddingLeft: value,
-    paddingRight: value
-  }),
-  py: (value) => ({
-    paddingTop: value,
-    paddingBottom: value
-  })
-};
-function createGlobalStyles(stitches2) {
-  let globalStyles = stitches2.globalCss({
-    "@keyframes spin": {
-      from: { transform: "rotate(0deg)" },
-      to: { transform: "rotate(360deg)" }
-    },
-    "@keyframes pulse": {
-      "0%, 100%": { opacity: 1 },
-      "50%": { opacity: 0.5 }
-    },
-    ".weaverse-content-root": {
-      "*": {
-        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-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"
-    }
-  });
-  globalStyles();
-}
-
-// src/utils/index.ts
-var isReactNative = typeof navigator === "object" && navigator.product === "ReactNative";
-var isBrowser = typeof window !== "undefined" && !isReactNative;
-var isIframe = isBrowser && window.top !== window.self;
-
-// src/core.ts
-var WeaverseItemStore = class {
-  constructor(itemData, weaverse) {
-    this.listeners = /* @__PURE__ */ new Set();
-    this.ref = {
-      current: null
-    };
-    this.stitchesClass = "";
-    this._data = { id: "", type: "" };
-    this._flags = {};
-    this.setData = (data) => {
-      this.data = Object.assign(this.data, data);
-      this.triggerUpdate();
-      return this.data;
-    };
-    this.subscribe = (fn) => {
-      this.listeners.add(fn);
-    };
-    this.unsubscribe = (fn) => {
-      this.listeners.delete(fn);
-    };
-    this.triggerUpdate = () => {
-      this.listeners.forEach((fn) => {
-        return fn(this.data);
-      });
-    };
-    let { type, id } = itemData;
-    this.weaverse = weaverse;
-    if (id && type) {
-      weaverse.itemInstances.set(id, this);
-      this.data = { ...itemData };
-    }
-  }
-  get _id() {
-    return this._data.id;
-  }
-  get _element() {
-    return this.ref.current;
-  }
-  get Element() {
-    return this.weaverse.elementInstances.get(this._data.type);
-  }
-  set data(data) {
-    this._data = { ...this.data, ...data };
-  }
-  get data() {
-    let css = this.Element?.defaultCss;
-    let defaultData = { ...this.Element?.Component?.defaultProps, ...css && { css } };
-    return { ...defaultData, ...this._data };
-  }
-};
-var Weaverse = class {
-  constructor({ appUrl, projectKey, projectData, mediaBreakPoints, isDesignMode, ssrMode } = {}) {
-    this.elementInstances = /* @__PURE__ */ new Map();
-    this.itemInstances = /* @__PURE__ */ 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 = /* @__PURE__ */ new Set();
-    this.isDesignMode = false;
-    this.ssrMode = false;
-    this.mediaBreakPoints = {
-      desktop: "all",
-      mobile: "(max-width: 767.98px)"
-    };
-    this.initialized = false;
-    this.initializeData = (data) => {
-      if (!this.initialized) {
-        let { data: pageData, published, id, projectKey, studioUrl } = data;
-        this.projectKey = projectKey || this.projectKey;
-        this.appUrl = studioUrl || this.appUrl;
-        this.projectData = { ...pageData, pageId: id };
-        this.isDesignMode = !published;
-        this.initProjectItemData();
-        if (this.isDesignMode) {
-          this.triggerUpdate();
-          this.loadStudio();
-        }
-      }
-      this.initialized = true;
-    };
-    this.initStitches = () => {
-      this.stitchesInstance = this.stitchesInstance || stitches.createStitches({
-        prefix: "weaverse",
-        media: this.mediaBreakPoints,
-        utils: stichesUtils
-      });
-      createGlobalStyles(this.stitchesInstance);
-    };
-    this.init({ appUrl, projectKey, projectData, mediaBreakPoints, isDesignMode, ssrMode });
-  }
-  init({ appUrl, projectKey, projectData, mediaBreakPoints, isDesignMode, ssrMode } = {}) {
-    this.appUrl = appUrl || this.appUrl;
-    this.projectKey = projectKey || this.projectKey;
-    this.mediaBreakPoints = mediaBreakPoints || this.mediaBreakPoints;
-    this.isDesignMode = isDesignMode || this.isDesignMode;
-    this.ssrMode = ssrMode || this.ssrMode;
-    this.projectData = projectData || this.projectData;
-    this.initStitches();
-    this.initProjectItemData();
-  }
-  loadStudio() {
-    setTimeout(() => {
-      if (isIframe && this.isDesignMode && !this.studioBridge) {
-        const initStudio = () => {
-          this.studioBridge = new window.WeaverseStudioBridge(this);
-          this.triggerUpdate();
-        };
-        if (!window.WeaverseStudioBridge) {
-          const studioBridgeScript = document.createElement("script");
-          studioBridgeScript.src = `${this.appUrl}/assets/studio/studio-bridge.js`;
-          studioBridgeScript.type = "module";
-          studioBridgeScript.onload = initStudio;
-          document.body.appendChild(studioBridgeScript);
-        } else {
-          initStudio();
-        }
-      }
-    }, 2e3);
-  }
-  registerElement(element) {
-    if (element?.type) {
-      if (this.elementInstances.has(element.type)) {
-        throw new Error(`Weaverse: Element '${element.type}' already registered`);
-      }
-      this.elementInstances.set(element?.type, element);
-    } else {
-      throw new Error("Weaverse: registerElement: `type` is required");
-    }
-  }
-  subscribe(fn) {
-    this.listeners.add(fn);
-  }
-  unsubscribe(fn) {
-    this.listeners.delete(fn);
-  }
-  triggerUpdate() {
-    this.listeners.forEach((fn) => fn());
-  }
-  static fetchProjectData({
-    fetch = globalThis.fetch,
-    appUrl,
-    projectKey
-  }) {
-    return fetch(appUrl + `/api/public/project/${projectKey}`).then((r) => r.json()).catch(console.error);
-  }
-  setProjectData(projectData) {
-    this.projectData = projectData;
-    this.initProjectItemData();
-    this.triggerUpdate();
-  }
-  initProjectItemData() {
-    const data = this.projectData;
-    if (data?.items) {
-      data.items.forEach((item) => {
-        if (!this.itemInstances.get(item.id)) {
-          new WeaverseItemStore(item, this);
-        }
-      });
-    }
-  }
-};
-Weaverse.WeaverseItemStore = WeaverseItemStore;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Weaverse,
-  WeaverseItemStore,
-  createGlobalStyles,
-  isBrowser,
-  isIframe,
-  isReactNative,
-  loadScript,
-  stichesUtils
-});
+"use strict";var y=Object.create;var p=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var j=(e,t)=>{for(var i in t)p(e,i,{get:t[i],enumerable:!0})},m=(e,t,i,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of w(t))!D.call(e,s)&&s!==i&&p(e,s,{get:()=>t[s],enumerable:!(n=b(t,s))||n.enumerable});return e};var S=(e,t,i)=>(i=e!=null?y(x(e)):{},m(t||!e||!e.__esModule?p(i,"default",{value:e,enumerable:!0}):i,e)),E=e=>m(p({},"__esModule",{value:!0}),e);var v={};j(v,{Weaverse:()=>c,WeaverseItemStore:()=>o,createGlobalStyles:()=>l,isBrowser:()=>u,isIframe:()=>h,isReactNative:()=>g,loadScript:()=>I,stichesUtils:()=>d});module.exports=E(v);var f=S(require("@stitches/core"));function I(e){return new Promise(function(t){let i=document.createElement("script");i.src=e,i.addEventListener("load",function(){t(!0)}),document.head.appendChild(i)})}var d={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"},body:{"&.wv-modal-open":{".weaverse-content-root":{zIndex:9999}}},".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"}}})()}var g=typeof navigator=="object"&&navigator.product==="ReactNative",u=typeof window<"u"&&!g,h=u&&window.top!==window.self;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:n,id:s}=t;this.weaverse=i,s&&n&&(i.itemInstances.set(s,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;return{...{...this.Element?.Component?.defaultProps,...t&&{css:t}},...this._data}}},c=class{constructor({appUrl:t,projectKey:i,projectData:n,mediaBreakPoints:s,isDesignMode:r,ssrMode:a}={}){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:n,id:s,projectKey:r,studioUrl:a}=t;this.projectKey=r||this.projectKey,this.appUrl=a||this.appUrl,this.projectData={...i,pageId:s},this.isDesignMode=!n,this.initProjectItemData(),this.isDesignMode&&(this.triggerUpdate(),this.loadStudio())}this.initialized=!0};this.initStitches=()=>{this.stitchesInstance=this.stitchesInstance||f.createStitches({prefix:"weaverse",media:this.mediaBreakPoints,utils:d}),l(this.stitchesInstance)};this.init({appUrl:t,projectKey:i,projectData:n,mediaBreakPoints:s,isDesignMode:r,ssrMode:a})}init({appUrl:t,projectKey:i,projectData:n,mediaBreakPoints:s,isDesignMode:r,ssrMode:a}={}){this.appUrl=t||this.appUrl,this.projectKey=i||this.projectKey,this.mediaBreakPoints=s||this.mediaBreakPoints,this.isDesignMode=r||this.isDesignMode,this.ssrMode=a||this.ssrMode,this.projectData=n||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");i.src=`${this.appUrl}/assets/studio/studio-bridge.js`,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:n}){return t(i+`/api/public/project/${n}`).then(s=>s.json()).catch(console.error)}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,loadScript,stichesUtils});

package/dist/index.mjs

@@ -1,320 +1 @@
-// src/core.ts
-import * as stitches from "@stitches/core";
-
-// src/utils/load-script.ts
-function loadScript(url) {
-  return new Promise(function(resolve) {
-    const script = document.createElement("script");
-    script.src = url;
-    script.addEventListener("load", function() {
-      resolve(true);
-    });
-    document.head.appendChild(script);
-  });
-}
-
-// src/utils/styles.ts
-var stichesUtils = {
-  m: (value) => ({
-    margin: value
-  }),
-  mt: (value) => ({
-    marginTop: value
-  }),
-  mr: (value) => ({
-    marginRight: value
-  }),
-  mb: (value) => ({
-    marginBottom: value
-  }),
-  ml: (value) => ({
-    marginLeft: value
-  }),
-  mx: (value) => ({
-    marginLeft: value,
-    marginRight: value
-  }),
-  my: (value) => ({
-    marginTop: value,
-    marginBottom: value
-  }),
-  size: (value) => ({
-    width: value,
-    height: value
-  }),
-  px: (value) => ({
-    paddingLeft: value,
-    paddingRight: value
-  }),
-  py: (value) => ({
-    paddingTop: value,
-    paddingBottom: value
-  })
-};
-function createGlobalStyles(stitches2) {
-  let globalStyles = stitches2.globalCss({
-    "@keyframes spin": {
-      from: { transform: "rotate(0deg)" },
-      to: { transform: "rotate(360deg)" }
-    },
-    "@keyframes pulse": {
-      "0%, 100%": { opacity: 1 },
-      "50%": { opacity: 0.5 }
-    },
-    ".weaverse-content-root": {
-      "*": {
-        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-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"
-    }
-  });
-  globalStyles();
-}
-
-// src/utils/index.ts
-var isReactNative = typeof navigator === "object" && navigator.product === "ReactNative";
-var isBrowser = typeof window !== "undefined" && !isReactNative;
-var isIframe = isBrowser && window.top !== window.self;
-
-// src/core.ts
-var WeaverseItemStore = class {
-  constructor(itemData, weaverse) {
-    this.listeners = /* @__PURE__ */ new Set();
-    this.ref = {
-      current: null
-    };
-    this.stitchesClass = "";
-    this._data = { id: "", type: "" };
-    this._flags = {};
-    this.setData = (data) => {
-      this.data = Object.assign(this.data, data);
-      this.triggerUpdate();
-      return this.data;
-    };
-    this.subscribe = (fn) => {
-      this.listeners.add(fn);
-    };
-    this.unsubscribe = (fn) => {
-      this.listeners.delete(fn);
-    };
-    this.triggerUpdate = () => {
-      this.listeners.forEach((fn) => {
-        return fn(this.data);
-      });
-    };
-    let { type, id } = itemData;
-    this.weaverse = weaverse;
-    if (id && type) {
-      weaverse.itemInstances.set(id, this);
-      this.data = { ...itemData };
-    }
-  }
-  get _id() {
-    return this._data.id;
-  }
-  get _element() {
-    return this.ref.current;
-  }
-  get Element() {
-    return this.weaverse.elementInstances.get(this._data.type);
-  }
-  set data(data) {
-    this._data = { ...this.data, ...data };
-  }
-  get data() {
-    let css = this.Element?.defaultCss;
-    let defaultData = { ...this.Element?.Component?.defaultProps, ...css && { css } };
-    return { ...defaultData, ...this._data };
-  }
-};
-var Weaverse = class {
-  constructor({ appUrl, projectKey, projectData, mediaBreakPoints, isDesignMode, ssrMode } = {}) {
-    this.elementInstances = /* @__PURE__ */ new Map();
-    this.itemInstances = /* @__PURE__ */ 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 = /* @__PURE__ */ new Set();
-    this.isDesignMode = false;
-    this.ssrMode = false;
-    this.mediaBreakPoints = {
-      desktop: "all",
-      mobile: "(max-width: 767.98px)"
-    };
-    this.initialized = false;
-    this.initializeData = (data) => {
-      if (!this.initialized) {
-        let { data: pageData, published, id, projectKey, studioUrl } = data;
-        this.projectKey = projectKey || this.projectKey;
-        this.appUrl = studioUrl || this.appUrl;
-        this.projectData = { ...pageData, pageId: id };
-        this.isDesignMode = !published;
-        this.initProjectItemData();
-        if (this.isDesignMode) {
-          this.triggerUpdate();
-          this.loadStudio();
-        }
-      }
-      this.initialized = true;
-    };
-    this.initStitches = () => {
-      this.stitchesInstance = this.stitchesInstance || stitches.createStitches({
-        prefix: "weaverse",
-        media: this.mediaBreakPoints,
-        utils: stichesUtils
-      });
-      createGlobalStyles(this.stitchesInstance);
-    };
-    this.init({ appUrl, projectKey, projectData, mediaBreakPoints, isDesignMode, ssrMode });
-  }
-  init({ appUrl, projectKey, projectData, mediaBreakPoints, isDesignMode, ssrMode } = {}) {
-    this.appUrl = appUrl || this.appUrl;
-    this.projectKey = projectKey || this.projectKey;
-    this.mediaBreakPoints = mediaBreakPoints || this.mediaBreakPoints;
-    this.isDesignMode = isDesignMode || this.isDesignMode;
-    this.ssrMode = ssrMode || this.ssrMode;
-    this.projectData = projectData || this.projectData;
-    this.initStitches();
-    this.initProjectItemData();
-  }
-  loadStudio() {
-    setTimeout(() => {
-      if (isIframe && this.isDesignMode && !this.studioBridge) {
-        const initStudio = () => {
-          this.studioBridge = new window.WeaverseStudioBridge(this);
-          this.triggerUpdate();
-        };
-        if (!window.WeaverseStudioBridge) {
-          const studioBridgeScript = document.createElement("script");
-          studioBridgeScript.src = `${this.appUrl}/assets/studio/studio-bridge.js`;
-          studioBridgeScript.type = "module";
-          studioBridgeScript.onload = initStudio;
-          document.body.appendChild(studioBridgeScript);
-        } else {
-          initStudio();
-        }
-      }
-    }, 2e3);
-  }
-  registerElement(element) {
-    if (element?.type) {
-      if (this.elementInstances.has(element.type)) {
-        throw new Error(`Weaverse: Element '${element.type}' already registered`);
-      }
-      this.elementInstances.set(element?.type, element);
-    } else {
-      throw new Error("Weaverse: registerElement: `type` is required");
-    }
-  }
-  subscribe(fn) {
-    this.listeners.add(fn);
-  }
-  unsubscribe(fn) {
-    this.listeners.delete(fn);
-  }
-  triggerUpdate() {
-    this.listeners.forEach((fn) => fn());
-  }
-  static fetchProjectData({
-    fetch = globalThis.fetch,
-    appUrl,
-    projectKey
-  }) {
-    return fetch(appUrl + `/api/public/project/${projectKey}`).then((r) => r.json()).catch(console.error);
-  }
-  setProjectData(projectData) {
-    this.projectData = projectData;
-    this.initProjectItemData();
-    this.triggerUpdate();
-  }
-  initProjectItemData() {
-    const data = this.projectData;
-    if (data?.items) {
-      data.items.forEach((item) => {
-        if (!this.itemInstances.get(item.id)) {
-          new WeaverseItemStore(item, this);
-        }
-      });
-    }
-  }
-};
-Weaverse.WeaverseItemStore = WeaverseItemStore;
-export {
-  Weaverse,
-  WeaverseItemStore,
-  createGlobalStyles,
-  isBrowser,
-  isIframe,
-  isReactNative,
-  loadScript,
-  stichesUtils
-};
+import*as h from"@stitches/core";function u(e){return new Promise(function(t){let i=document.createElement("script");i.src=e,i.addEventListener("load",function(){t(!0)}),document.head.appendChild(i)})}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 d(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"},body:{"&.wv-modal-open":{".weaverse-content-root":{zIndex:9999}}},".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"}}})()}var m=typeof navigator=="object"&&navigator.product==="ReactNative",g=typeof window<"u"&&!m,l=g&&window.top!==window.self;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:n,id:s}=t;this.weaverse=i,s&&n&&(i.itemInstances.set(s,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;return{...{...this.Element?.Component?.defaultProps,...t&&{css:t}},...this._data}}},p=class{constructor({appUrl:t,projectKey:i,projectData:n,mediaBreakPoints:s,isDesignMode:r,ssrMode:a}={}){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:n,id:s,projectKey:r,studioUrl:a}=t;this.projectKey=r||this.projectKey,this.appUrl=a||this.appUrl,this.projectData={...i,pageId:s},this.isDesignMode=!n,this.initProjectItemData(),this.isDesignMode&&(this.triggerUpdate(),this.loadStudio())}this.initialized=!0};this.initStitches=()=>{this.stitchesInstance=this.stitchesInstance||h.createStitches({prefix:"weaverse",media:this.mediaBreakPoints,utils:c}),d(this.stitchesInstance)};this.init({appUrl:t,projectKey:i,projectData:n,mediaBreakPoints:s,isDesignMode:r,ssrMode:a})}init({appUrl:t,projectKey:i,projectData:n,mediaBreakPoints:s,isDesignMode:r,ssrMode:a}={}){this.appUrl=t||this.appUrl,this.projectKey=i||this.projectKey,this.mediaBreakPoints=s||this.mediaBreakPoints,this.isDesignMode=r||this.isDesignMode,this.ssrMode=a||this.ssrMode,this.projectData=n||this.projectData,this.initStitches(),this.initProjectItemData()}loadStudio(){setTimeout(()=>{if(l&&this.isDesignMode&&!this.studioBridge){let t=()=>{this.studioBridge=new window.WeaverseStudioBridge(this),this.triggerUpdate()};if(window.WeaverseStudioBridge)t();else{let i=document.createElement("script");i.src=`${this.appUrl}/assets/studio/studio-bridge.js`,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:n}){return t(i+`/api/public/project/${n}`).then(s=>s.json()).catch(console.error)}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)})}};p.WeaverseItemStore=o;export{p as Weaverse,o as WeaverseItemStore,d as createGlobalStyles,g as isBrowser,l as isIframe,m as isReactNative,u as loadScript,c as stichesUtils};

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.7.34",
+  "version": "0.7.37",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -15,8 +15,9 @@
   },
   "scripts": {
     "start": "npm run dev",
-    "dev": "tsup src/index.ts --format esm,cjs --dts --outDir dist --watch",
-    "build": "tsup src/index.ts --format esm,cjs --dts --outDir dist",
+    "dev": "tsup src/index.ts --format esm,cjs --dts --outDir dist --watch --sourcemap",
+    "build": "tsup src/index.ts --format esm,cjs --dts --outDir dist --minify",
+    "clean": "rimraf dist",
     "prepublish": "npm run build"
   },
   "name": "@weaverse/core",