@weaverse/core 1.3.2 → 1.4.1

package/dist/index.js

@@ -32,7 +32,6 @@ var src_exports = {};
 __export(src_exports, {
   Weaverse: () => Weaverse,
   WeaverseItemStore: () => WeaverseItemStore,
-  getItemDefaultData: () => getItemDefaultData,
   isBrowser: () => isBrowser,
   isIframe: () => isIframe,
   isReactNative: () => isReactNative,
@@ -44,22 +43,6 @@ module.exports = __toCommonJS(src_exports);
 // src/core.ts
 var stitches = __toESM(require("@stitches/core"));
 
-// src/utils/load-script.ts
-var loadScript = (src) => {
-  return new Promise((resolve, reject) => {
-    let currScript = document.querySelector(`script[src="${src}"]`);
-    if (currScript) {
-      return resolve(true);
-    }
-    let script = document.createElement("script");
-    script.src = src;
-    script.onload = resolve;
-    script.onerror = reject;
-    script.defer = true;
-    document.body.appendChild(script);
-  });
-};
-
 // src/utils/index.ts
 var isReactNative = typeof navigator === "object" && navigator.product === "ReactNative";
 var isBrowser = typeof window !== "undefined" && !isReactNative;
@@ -74,24 +57,42 @@ function merge(target, source) {
   Object.assign(t || {}, source);
   return t;
 }
-function getItemDefaultData(item) {
-  let platformType = item.weaverse.platformType;
-  if (platformType === "shopify-section") {
-    return { ...item.Element?.Component?.defaultProps };
-  }
-  let groups = item.Element?.schema?.inspector;
-  let inputs = groups?.flatMap((group) => group.inputs);
-  return inputs?.reduce((a, { defaultValue, name }) => {
-    if (name && defaultValue !== null && defaultValue !== void 0) {
-      a[name] = defaultValue;
+function loadScript(src) {
+  return new Promise((resolve, reject) => {
+    let currScript = document.querySelector(`script[src="${src}"]`);
+    if (currScript) {
+      return resolve(true);
     }
-    return a;
-  }, {});
+    let script = document.createElement("script");
+    script.src = src;
+    script.onload = resolve;
+    script.onerror = reject;
+    script.defer = true;
+    document.body.appendChild(script);
+  });
 }
 
-// src/utils/styles.ts
+// src/utils/event-emiiter.ts
+var EventEmitter = class {
+  listeners;
+  constructor() {
+    this.listeners = /* @__PURE__ */ new Set();
+  }
+  subscribe(fn) {
+    this.listeners.add(fn);
+  }
+  unsubscribe(fn) {
+    this.listeners.delete(fn);
+  }
+  emit(data) {
+    this.listeners.forEach((fn) => {
+      return fn(data);
+    });
+  }
+};
+
+// src/utils/stitches.ts
 var stitchesUtils = {
-  // Abbreviated margin properties
   m: (value) => ({
     margin: value
   }),
@@ -115,12 +116,10 @@ var stitchesUtils = {
     marginTop: value,
     marginBottom: value
   }),
-  // A property for applying width/height together
   size: (value) => ({
     width: value,
     height: value
   }),
-  // Abbreviated padding properties
   px: (value) => ({
     paddingLeft: value,
     paddingRight: value
@@ -132,38 +131,19 @@ var stitchesUtils = {
 };
 
 // src/core.ts
-var WeaverseItemStore = class {
-  constructor(itemData, weaverse) {
-    this.listeners = /* @__PURE__ */ new Set();
-    this.ref = { current: null };
-    this.stitchesClass = "";
-    this._store = { id: "", type: "" };
-    this.setData = (update) => {
-      this.data = Object.assign(this.data, update);
-      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;
+var WeaverseItemStore = class extends EventEmitter {
+  weaverse;
+  ref = { current: null };
+  _store = { id: "", type: "" };
+  stitchesClass = "";
+  constructor(intialData, weaverse) {
+    super();
+    let { type, id } = intialData || {};
     this.weaverse = weaverse;
     if (id && type) {
       weaverse.itemInstances.set(id, this);
-      if (weaverse.platformType === "shopify-hydrogen") {
-        let { data, ...rest } = itemData;
-        this._store = { ...data, ...rest };
-      } else {
-        this._store = { ...itemData };
-      }
+    } else {
+      throw new Error(`'id' and 'type' are required to create a new Weaverse item.`);
     }
   }
   get _id() {
@@ -172,125 +152,97 @@ var WeaverseItemStore = class {
   get _element() {
     return this.ref.current;
   }
-  get _flags() {
-    return this.Element?.schema?.flags || {};
-  }
   get Element() {
-    return this.weaverse.elementInstances.get(this._store.type);
-  }
-  set data(update) {
-    this._store = { ...this.data, ...update };
+    return this.weaverse.elementRegistry.get(this._store.type);
   }
-  get data() {
-    let defaultData = getItemDefaultData(this);
+  get css() {
     let defaultCss = this.Element?.defaultCss || {};
     let currentCss = this._store.css || {};
     let css = merge(defaultCss, currentCss);
-    let extraData = this.Element?.extraData;
-    return { ...defaultData, ...extraData, ...this._store, css };
+    return css;
+  }
+  get data() {
+    let css = this.css;
+    return { ...this._store, css };
+  }
+  set data(update) {
+    this._store = { ...this.data, ...update };
   }
+  setData = (update) => {
+    this.data = Object.assign(this.data, update);
+    this.triggerUpdate();
+    return this.data;
+  };
+  triggerUpdate = () => {
+    this.emit(this.data);
+  };
 };
-var Weaverse = class {
-  constructor(params = {}) {
-    /**
-     * For storing, registering element React component from Weaverse or created by user/developer
-     */
-    this.elementInstances = /* @__PURE__ */ new Map();
-    /**
-     * list of element/items store to provide data, handle state update, state sharing, etc.
-     */
-    this.itemInstances = /* @__PURE__ */ new Map();
-    /**
-     * Weaverse base URL that can provide by user/developer. for local development, use localhost:3000
-     */
-    this.weaverseHost = "https://weaverse.io";
-    /**
-     * Weaverse version, it can be used to load the correct version of Weaverse SDK
-     */
-    this.weaverseVersion = "";
-    /**
-     * Weaverse project key to access project data via API
-     */
-    this.projectId = "";
-    this.pageId = "";
-    this.internal = {};
-    this.requestInfo = {};
-    /**
-     * Weaverse project data, by default, user can provide project data via React Component:
-     * <WeaverseRoot data={data} /> it will be used to server-side rendering
-     */
-    this.data = {
-      rootId: "",
-      items: [],
-      script: { css: "", js: "" }
-    };
-    /**
-     * Storing subscribe callback function for any component that want to listen to the change of WeaverseRoot
-     */
-    this.listeners = /* @__PURE__ */ new Set();
-    /**
-     * Check whether the sdk is in editor 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
-     */
-    this.isDesignMode = false;
-    /**
-     * Check the platform, shopify-section or react-ssr(hydrogen)
-     */
-    this.platformType = "shopify-section";
-    /**
-     * Check whether the sdk is in preview mode or not
-     */
-    this.isPreviewMode = false;
-    /**
-     * Use in element to optionally render special HTML for hydration
-     */
-    this.ssrMode = false;
-    this.elementSchemas = [];
-    this.mediaBreakPoints = {
-      desktop: "all",
-      // max-width need to subtract 0.02px to prevent bug https://getbootstrap.com/docs/5.1/layout/breakpoints/#max-width
-      // tablet: "(max-width: 1023.98px)", // to set css for tablet, {'@tablet' : { // css }},
-      mobile: "(max-width: 767.98px)"
-    };
-    this.initStitches = (externalConfig = {}) => {
-      this.stitchesInstance = this.stitchesInstance || stitches.createStitches({
-        prefix: "weaverse",
-        media: this.mediaBreakPoints,
-        utils: stitchesUtils,
-        ...externalConfig
-      });
-    };
+var Weaverse = class extends EventEmitter {
+  contentRootElement = null;
+  itemInstances = /* @__PURE__ */ new Map();
+  weaverseHost = "https://weaverse.io";
+  weaverseVersion = "";
+  projectId = "";
+  isDesignMode = false;
+  isPreviewMode = false;
+  stitchesInstance;
+  studioBridge;
+  elementRegistry = /* @__PURE__ */ new Map();
+  mediaBreakPoints = {
+    desktop: "all",
+    // max-width need to subtract 0.02px to prevent bug
+    // ref: https://getbootstrap.com/docs/5.1/layout/breakpoints/#max-width
+    mobile: "(max-width: 767.98px)"
+  };
+  constructor(params) {
+    super();
     Object.entries(params).forEach(([k, v]) => {
       let key = k;
-      if (key in this) {
-        this[key] = v || this[key];
-      }
+      this[key] = v || this[key];
     });
     this.initProject();
     this.initStitches();
   }
   /**
-   * Register the custom React Component to Weaverse, store it into Weaverse.elementInstances
-   * @param element {WeaverseElement} custom React Component
+   * Create new `WeaverseItemStore` instance for each item in the project.
+   */
+  initProject() {
+    let { data, itemInstances, ItemConstructor } = this;
+    if (data?.items) {
+      data.items.forEach((item) => {
+        if (!itemInstances.get(item.id)) {
+          new ItemConstructor(item, this);
+        } else {
+          let itemInstance = itemInstances.get(item.id);
+          itemInstance.setData(item);
+        }
+      });
+    }
+  }
+  initStitches = (externalConfig) => {
+    this.stitchesInstance = this.stitchesInstance || stitches.createStitches({
+      prefix: "weaverse",
+      media: this.mediaBreakPoints,
+      utils: stitchesUtils,
+      ...externalConfig
+    });
+  };
+  /**
+   * Register the custom React Component to Weaverse, store it into Weaverse.elementRegistry
    */
   registerElement(element) {
     if (element?.type) {
-      if (!this.elementInstances.has(element.type)) {
-        this.elementInstances.set(element?.type, element);
+      if (!this.elementRegistry.has(element.type)) {
+        this.elementRegistry.set(element?.type, element);
+      } else {
+        console.warn(`Element with type '${element.type}' already exists.`);
       }
     } else {
-      console.error("Weaverse: registerElement: `type` is required");
+      console.error("Cannot register element without 'type'.");
     }
   }
-  subscribe(fn) {
-    this.listeners.add(fn);
-  }
-  unsubscribe(fn) {
-    this.listeners.delete(fn);
-  }
   triggerUpdate() {
-    this.listeners.forEach((fn) => fn());
+    this.emit();
   }
   refreshAllItems() {
     this.itemInstances.forEach((item) => {
@@ -298,39 +250,19 @@ var Weaverse = class {
     });
   }
   /**
-   * When applying new template,
-   * we need to reset the project data and re-initialize the project item data
+   * Reset the project data and re-initialize all items.
+   * Used when we need to re-render the project with new data (like applying new template)
    * @param data {WeaverseProjectDataType}
    */
   setProjectData(data) {
     this.data = data;
     this.initProject();
   }
-  /**
-   * Create new WeaverseItemStore instance for each item in project data
-   */
-  initProject() {
-    const data = this.data;
-    if (data?.items) {
-      data.items.forEach((item) => {
-        if (!this.itemInstances.get(item.id)) {
-          return new WeaverseItemStore(item, this);
-        } else {
-          let itemInstance = this.itemInstances.get(item.id);
-          if (itemInstance) {
-            itemInstance.setData(item);
-          }
-        }
-      });
-    }
-  }
 };
-Weaverse.WeaverseItemStore = WeaverseItemStore;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Weaverse,
   WeaverseItemStore,
-  getItemDefaultData,
   isBrowser,
   isIframe,
   isReactNative,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/core.ts","../src/utils/load-script.ts","../src/utils/index.ts","../src/utils/styles.ts"],"sourcesContent":["export * from \"./types\"\nexport * from \"./core\"\nexport * from \"./utils\"\n","/*\n  @weaverse/core is the core package of Weaverse SDKs, it contains the core logic of Weaverse.\n  It is a singleton class that can be used to register item, store project data, etc.\n  ---\n  Licensed under MIT License.\n  Source: https://github.com/weaverse/sdks\n  About Weaverse: https://weaverse.io\n*/\n\nimport * as stitches from \"@stitches/core\"\nimport type Stitches from \"@stitches/core/types/stitches\"\nimport type { RefObject } from \"react\"\nimport type {\n  BreakPoints,\n  ElementData,\n  ElementSchema,\n  PlatformTypeEnum,\n  WeaverseElement,\n  WeaverseProjectDataType,\n  WeaverseType,\n} from \"./types\"\nimport { getItemDefaultData, merge } from \"./utils\"\nimport { stitchesUtils } from \"./utils/styles\"\n\nexport class WeaverseItemStore {\n  weaverse: Weaverse\n  listeners: Set<(_: ElementData) => void> = new Set()\n  ref: RefObject<HTMLElement> = { current: null }\n  stitchesClass = \"\"\n  private _store: ElementData = { id: \"\", type: \"\" }\n\n  constructor(itemData: ElementData, weaverse: Weaverse) {\n    let { type, id } = itemData\n    this.weaverse = weaverse\n    if (id && type) {\n      weaverse.itemInstances.set(id, this)\n      if (weaverse.platformType === \"shopify-hydrogen\") {\n        let { data, ...rest } = itemData\n        this._store = { ...data, ...rest }\n      } else {\n        this._store = { ...itemData }\n      }\n    }\n  }\n\n  get _id() {\n    return this._store.id\n  }\n  get _element() {\n    return this.ref.current\n  }\n  get _flags() {\n    return this.Element?.schema?.flags || {}\n  }\n  get Element() {\n    return this.weaverse.elementInstances.get(this._store.type)\n  }\n\n  set data(update: Omit<ElementData, \"id\" | \"type\">) {\n    this._store = { ...this.data, ...update }\n  }\n\n  get data(): ElementData {\n    let defaultData = getItemDefaultData(this)\n    let defaultCss = this.Element?.defaultCss || {}\n    let currentCss = this._store.css || {}\n    let css = merge(defaultCss, currentCss)\n    let extraData = this.Element?.extraData\n    return { ...defaultData, ...extraData, ...this._store, css }\n  }\n\n  setData = (update: Omit<ElementData, \"id\" | \"type\">) => {\n    this.data = Object.assign(this.data, update)\n    this.triggerUpdate()\n    return this.data\n  }\n\n  subscribe = (fn: (_: ElementData) => void) => {\n    this.listeners.add(fn)\n  }\n\n  unsubscribe = (fn: (_: ElementData) => void) => {\n    this.listeners.delete(fn)\n  }\n\n  triggerUpdate = () => {\n    this.listeners.forEach((fn) => {\n      return fn(this.data)\n    })\n  }\n}\n\nexport class Weaverse {\n  /**\n   * The `weaverse-content-root` element of Weaverse SDK\n   */\n  contentRootElement: HTMLElement | undefined\n  /**\n   * For storing, registering element React component from Weaverse or created by user/developer\n   */\n  elementInstances = new Map<string, WeaverseElement>()\n  /**\n   * list of element/items store to provide data, handle state update, state sharing, etc.\n   */\n  itemInstances = new Map<string | number, WeaverseItemStore>()\n  /**\n   * Weaverse base URL that can provide by user/developer. for local development, use localhost:3000\n   */\n  weaverseHost = \"https://weaverse.io\"\n  /**\n   * Weaverse version, it can be used to load the correct version of Weaverse SDK\n   */\n  weaverseVersion = \"\"\n  /**\n   * Weaverse project key to access project data via API\n   */\n  projectId = \"\"\n\n  pageId = \"\"\n\n  internal: any = {}\n  requestInfo: any = {}\n  /**\n   * Weaverse project data, by default, user can provide project data via React Component:\n   * <WeaverseRoot data={data} /> it will be used to server-side rendering\n   */\n  data: WeaverseProjectDataType = {\n    rootId: \"\",\n    items: [],\n    script: { css: \"\", js: \"\" },\n  }\n  /**\n   * Storing subscribe callback function for any component that want to listen to the change of WeaverseRoot\n   */\n  listeners: Set<() => void> = new Set()\n  /**\n   * Check whether the sdk is in editor or not.\n   * If isDesignMode is true, it means the sdk is isDesignMode mode, render the editor UI,\n   * else render the preview UI, plain HTML + CSS + React hydrate\n   */\n  isDesignMode = false\n\n  /**\n   * Check the platform, shopify-section or react-ssr(hydrogen)\n   */\n  platformType: PlatformTypeEnum = \"shopify-section\"\n\n  /**\n   * Check whether the sdk is in preview mode or not\n   */\n  isPreviewMode = false\n\n  /**\n   * Use in element to optionally render special HTML for hydration\n   */\n  ssrMode = false\n  /**\n   * Stitches instance for handling CSS stylesheet, media, theme for Weaverse project\n   */\n  stitchesInstance: Stitches | any\n\n  studioBridge?: any\n  elementSchemas: ElementSchema[] = []\n  static WeaverseItemStore: typeof WeaverseItemStore = WeaverseItemStore\n\n  mediaBreakPoints: BreakPoints = {\n    desktop: \"all\",\n    // max-width need to subtract 0.02px to prevent bug https://getbootstrap.com/docs/5.1/layout/breakpoints/#max-width\n    // tablet: \"(max-width: 1023.98px)\", // to set css for tablet, {'@tablet' : { // css }},\n    mobile: \"(max-width: 767.98px)\",\n  }\n\n  constructor(params: WeaverseType = {}) {\n    Object.entries(params).forEach(([k, v]) => {\n      let key = k as keyof typeof this\n      if (key in this) {\n        this[key] = v || this[key]\n      }\n    })\n    this.initProject()\n    this.initStitches()\n  }\n\n  /**\n   * Register the custom React Component to Weaverse, store it into Weaverse.elementInstances\n   * @param element {WeaverseElement} custom React Component\n   */\n  registerElement(element: WeaverseElement) {\n    if (element?.type) {\n      if (!this.elementInstances.has(element.type)) {\n        this.elementInstances.set(element?.type, element)\n      }\n    } else {\n      console.error(\"Weaverse: registerElement: `type` is required\")\n    }\n  }\n\n  initStitches = (externalConfig = {}) => {\n    this.stitchesInstance =\n      this.stitchesInstance ||\n      stitches.createStitches({\n        prefix: \"weaverse\",\n        media: this.mediaBreakPoints,\n        utils: stitchesUtils,\n        ...externalConfig,\n      })\n  }\n\n  subscribe(fn: any) {\n    this.listeners.add(fn)\n  }\n\n  unsubscribe(fn: any) {\n    this.listeners.delete(fn)\n  }\n\n  triggerUpdate() {\n    this.listeners.forEach((fn) => fn())\n  }\n  refreshAllItems() {\n    this.itemInstances.forEach((item) => {\n      item.triggerUpdate()\n    })\n  }\n\n  /**\n   * When applying new template,\n   * we need to reset the project data and re-initialize the project item data\n   * @param data {WeaverseProjectDataType}\n   */\n  setProjectData(data: WeaverseProjectDataType) {\n    this.data = data\n    this.initProject()\n  }\n\n  /**\n   * Create new WeaverseItemStore instance for each item in project data\n   */\n  initProject() {\n    const data = this.data\n    if (data?.items) {\n      data.items.forEach((item) => {\n        if (!this.itemInstances.get(item.id as string | number)) {\n          return new WeaverseItemStore(item, this)\n        } else {\n          let itemInstance = this.itemInstances.get(item.id as string | number)\n          if (itemInstance) {\n            itemInstance.setData(item)\n          }\n        }\n      })\n    }\n  }\n}\n","export let loadScript = (src: string) => {\n  return new Promise((resolve, reject) => {\n    let currScript = document.querySelector(`script[src=\"${src}\"]`)\n    if (currScript) {\n      return resolve(true)\n    }\n    let script = document.createElement(\"script\")\n    script.src = src\n    script.onload = resolve\n    script.onerror = reject\n    script.defer = true\n    document.body.appendChild(script)\n  })\n}\n\nexport default loadScript\n","import type { WeaverseItemStore } from \"~/core\"\nimport type { BasicGroup } from \"~/types\"\n\nexport let isReactNative = typeof navigator === \"object\" && navigator.product === \"ReactNative\"\nexport let isBrowser = typeof window !== \"undefined\" && !isReactNative\nexport let isIframe = isBrowser && window.top !== window.self\n\n/**\n * Deep merge two objects.\n * @param target\n * @param source\n */\nexport function merge(target: Record<string, any>, source: Record<string, any>) {\n  let t = { ...(target || {}) }\n  // Iterate through `source` properties and if an `Object` set property to merge of `target` and `source` properties\n  for (let key of Object.keys(source)) {\n    if (source[key] instanceof Object && !Array.isArray(source[key])) {\n      Object.assign(source[key], merge(t[key], source[key]))\n    }\n  }\n\n  // Join `target` and modified `source`\n  Object.assign(t || {}, source)\n  return t\n}\n\nexport { loadScript } from \"./load-script\"\n\nexport function getItemDefaultData(item: WeaverseItemStore) {\n  let platformType = item.weaverse.platformType\n  if (platformType === \"shopify-section\") {\n    return { ...item.Element?.Component?.defaultProps }\n  }\n  let groups = item.Element?.schema?.inspector as BasicGroup[]\n  let inputs = groups?.flatMap((group) => group.inputs)\n  return inputs?.reduce<Record<string, any>>((a, { defaultValue, name }) => {\n    if (name && defaultValue !== null && defaultValue !== undefined) {\n      a[name] = defaultValue\n    }\n    return a\n  }, {})\n}\n","export let stitchesUtils = {\n  // Abbreviated margin properties\n  m: (value: string) => ({\n    margin: value,\n  }),\n  mt: (value: string) => ({\n    marginTop: value,\n  }),\n  mr: (value: string) => ({\n    marginRight: value,\n  }),\n  mb: (value: string) => ({\n    marginBottom: value,\n  }),\n  ml: (value: string) => ({\n    marginLeft: value,\n  }),\n  mx: (value: string) => ({\n    marginLeft: value,\n    marginRight: value,\n  }),\n  my: (value: string) => ({\n    marginTop: value,\n    marginBottom: value,\n  }),\n\n  // A property for applying width/height together\n  size: (value: string) => ({\n    width: value,\n    height: value,\n  }),\n  // Abbreviated padding properties\n  px: (value: string) => ({\n    paddingLeft: value,\n    paddingRight: value,\n  }),\n  py: (value: string) => ({\n    paddingTop: value,\n    paddingBottom: value,\n  }),\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/index.ts","../src/core.ts","../src/utils/index.ts","../src/utils/event-emiiter.ts","../src/utils/stitches.ts"],"sourcesContent":["export * from \"./types\"\nexport * from \"./core\"\nexport * from \"./utils\"\n","/*\n  @weaverse/core is the core package of Weaverse SDKs, it contains the core logic of Weaverse.\n  It is a singleton class that can be used to register item, store project data, trigger update on item or project data, etc.\n  ---\n  Licensed under MIT License.\n  Source: https://github.com/weaverse/sdks\n  About Weaverse: https://weaverse.io\n*/\n\nimport * as stitches from \"@stitches/core\"\nimport type Stitches from \"@stitches/core/types/stitches\"\nimport type { RefObject } from \"react\"\nimport type {\n  BreakPoints,\n  ElementCSS,\n  ElementData,\n  PlatformTypeEnum,\n  WeaverseCoreParams,\n  WeaverseProjectDataType,\n} from \"./types\"\nimport { merge } from \"./utils\"\nimport { EventEmitter } from \"./utils/event-emiiter\"\nimport { stitchesUtils } from \"./utils/stitches\"\n\nexport class WeaverseItemStore extends EventEmitter {\n  weaverse: Weaverse\n  ref: RefObject<HTMLElement> = { current: null }\n  _store: ElementData = { id: \"\", type: \"\" }\n  stitchesClass = \"\"\n\n  constructor(intialData: ElementData, weaverse: Weaverse) {\n    super()\n    let { type, id } = intialData || {}\n    this.weaverse = weaverse\n    if (id && type) {\n      weaverse.itemInstances.set(id, this)\n    } else {\n      throw new Error(`'id' and 'type' are required to create a new Weaverse item.`)\n    }\n  }\n\n  get _id() {\n    return this._store.id\n  }\n\n  get _element() {\n    return this.ref.current\n  }\n\n  get Element() {\n    return this.weaverse.elementRegistry.get(this._store.type)\n  }\n\n  get css(): ElementCSS {\n    let defaultCss = this.Element?.defaultCss || {}\n    let currentCss = this._store.css || {}\n    let css = merge(defaultCss, currentCss)\n    return css\n  }\n\n  get data(): ElementData {\n    let css = this.css\n    return { ...this._store, css }\n  }\n\n  set data(update: Omit<ElementData, \"id\" | \"type\">) {\n    this._store = { ...this.data, ...update }\n  }\n\n  setData = (update: Omit<ElementData, \"id\" | \"type\">) => {\n    this.data = Object.assign(this.data, update)\n    this.triggerUpdate()\n    return this.data\n  }\n\n  triggerUpdate = () => {\n    this.emit(this.data)\n  }\n}\n\nexport class Weaverse extends EventEmitter {\n  contentRootElement: HTMLElement | null = null\n  itemInstances = new Map()\n  weaverseHost = \"https://weaverse.io\"\n  weaverseVersion = \"\"\n  projectId = \"\"\n  isDesignMode = false\n  isPreviewMode = false\n  stitchesInstance: Stitches | any\n  studioBridge?: any\n\n  declare ItemConstructor: typeof WeaverseItemStore\n  declare data: WeaverseProjectDataType\n  declare platformType: PlatformTypeEnum\n  readonly elementRegistry = new Map()\n\n  mediaBreakPoints: BreakPoints = {\n    desktop: \"all\",\n    // max-width need to subtract 0.02px to prevent bug\n    // ref: https://getbootstrap.com/docs/5.1/layout/breakpoints/#max-width\n    mobile: \"(max-width: 767.98px)\",\n  }\n\n  constructor(params: WeaverseCoreParams) {\n    super()\n    Object.entries(params).forEach(([k, v]) => {\n      let key = k as keyof typeof this\n      this[key] = v || this[key]\n    })\n    this.initProject()\n    this.initStitches()\n  }\n\n  /**\n   * Create new `WeaverseItemStore` instance for each item in the project.\n   */\n  initProject() {\n    let { data, itemInstances, ItemConstructor } = this\n    if (data?.items) {\n      data.items.forEach((item) => {\n        if (!itemInstances.get(item.id)) {\n          new ItemConstructor(item, this)\n        } else {\n          let itemInstance = itemInstances.get(item.id)\n          itemInstance.setData(item)\n        }\n      })\n    }\n  }\n\n  initStitches = (externalConfig?: stitches.CreateStitches) => {\n    this.stitchesInstance =\n      this.stitchesInstance ||\n      stitches.createStitches({\n        prefix: \"weaverse\",\n        media: this.mediaBreakPoints,\n        utils: stitchesUtils,\n        ...externalConfig,\n      })\n  }\n\n  /**\n   * Register the custom React Component to Weaverse, store it into Weaverse.elementRegistry\n   */\n  registerElement(element: { type: string }) {\n    if (element?.type) {\n      if (!this.elementRegistry.has(element.type)) {\n        this.elementRegistry.set(element?.type, element)\n      } else {\n        console.warn(`Element with type '${element.type}' already exists.`)\n      }\n    } else {\n      console.error(\"Cannot register element without 'type'.\")\n    }\n  }\n\n  triggerUpdate() {\n    this.emit()\n  }\n\n  refreshAllItems() {\n    this.itemInstances.forEach((item) => {\n      item.triggerUpdate()\n    })\n  }\n\n  /**\n   * Reset the project data and re-initialize all items.\n   * Used when we need to re-render the project with new data (like applying new template)\n   * @param data {WeaverseProjectDataType}\n   */\n  setProjectData(data: WeaverseProjectDataType) {\n    this.data = data\n    this.initProject()\n  }\n}\n","export let isReactNative = typeof navigator === \"object\" && navigator.product === \"ReactNative\"\nexport let isBrowser = typeof window !== \"undefined\" && !isReactNative\nexport let isIframe = isBrowser && window.top !== window.self\n\n/**\n * Deep merge two objects.\n * @param target\n * @param source\n */\nexport function merge(target: Record<string, any>, source: Record<string, any>) {\n  let t = { ...(target || {}) }\n  // Iterate through `source` properties and if an `Object` set property to merge of `target` and `source` properties\n  for (let key of Object.keys(source)) {\n    if (source[key] instanceof Object && !Array.isArray(source[key])) {\n      Object.assign(source[key], merge(t[key], source[key]))\n    }\n  }\n\n  // Join `target` and modified `source`\n  Object.assign(t || {}, source)\n  return t\n}\n\nexport function loadScript(src: string) {\n  return new Promise((resolve, reject) => {\n    let currScript = document.querySelector(`script[src=\"${src}\"]`)\n    if (currScript) {\n      return resolve(true)\n    }\n    let script = document.createElement(\"script\")\n    script.src = src\n    script.onload = resolve\n    script.onerror = reject\n    script.defer = true\n    document.body.appendChild(script)\n  })\n}\n","type AnyFunction = (...args: any[]) => any\n\nexport class EventEmitter {\n  listeners: Set<AnyFunction>\n  constructor() {\n    this.listeners = new Set()\n  }\n  subscribe(fn: AnyFunction) {\n    this.listeners.add(fn)\n  }\n  unsubscribe(fn: AnyFunction) {\n    this.listeners.delete(fn)\n  }\n  emit(data?: any) {\n    this.listeners.forEach((fn) => {\n      return fn(data)\n    })\n  }\n}\n","export let stitchesUtils = {\n  m: (value: string) => ({\n    margin: value,\n  }),\n  mt: (value: string) => ({\n    marginTop: value,\n  }),\n  mr: (value: string) => ({\n    marginRight: value,\n  }),\n  mb: (value: string) => ({\n    marginBottom: value,\n  }),\n  ml: (value: string) => ({\n    marginLeft: value,\n  }),\n  mx: (value: string) => ({\n    marginLeft: value,\n    marginRight: value,\n  }),\n  my: (value: string) => ({\n    marginTop: value,\n    marginBottom: value,\n  }),\n  size: (value: string) => ({\n    width: value,\n    height: value,\n  }),\n  px: (value: string) => ({\n    paddingLeft: value,\n    paddingRight: value,\n  }),\n  py: (value: string) => ({\n    paddingTop: value,\n    paddingBottom: value,\n  }),\n}\n"],"mappings":"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","names":[]}