@weaverse/core 2.9.0 → 2.10.1

package/dist/index.d.mts

@@ -1,71 +1,6 @@
-import * as stitches from '@stitches/core';
-import { RefObject, ForwardRefExoticComponent } from 'react';
-import Stitches from '@stitches/core/types/stitches';
-
-type AnyFunction = (...args: any[]) => any;
-declare class EventEmitter {
-    listeners: Set<AnyFunction>;
-    constructor();
-    subscribe(fn: AnyFunction): () => void;
-    unsubscribe(fn: AnyFunction): void;
-    emit(data?: any): void;
-}
-
-declare class WeaverseItemStore extends EventEmitter {
-    weaverse: Weaverse;
-    ref: RefObject<HTMLElement>;
-    _store: ElementData;
-    stitchesClass: string;
-    constructor(initialData: ElementData, weaverse: Weaverse);
-    get _id(): string;
-    get _element(): HTMLElement | null;
-    get Element(): any;
-    get css(): ElementCSS;
-    get data(): ElementData;
-    set data(update: Omit<ElementData, 'id' | 'type'>);
-    setData: (update: Omit<ElementData, 'id' | 'type'>) => ElementData;
-    triggerUpdate: () => void;
-}
-declare class Weaverse extends EventEmitter {
-    contentRootElement: HTMLElement | null;
-    static itemInstances: Map<string, any>;
-    weaverseHost: string;
-    weaverseVersion: string;
-    projectId: string;
-    isDesignMode: boolean;
-    isPreviewMode: boolean;
-    static stitchesInstance: Stitches | any;
-    studioBridge?: any;
-    ItemConstructor: typeof WeaverseItemStore;
-    data: WeaverseProjectDataType;
-    platformType: PlatformTypeEnum;
-    static elementRegistry: Map<any, any>;
-    static mediaBreakPoints: BreakPoints;
-    constructor(params: WeaverseCoreParams);
-    /**
-     * Create new `WeaverseItemStore` instance for each item in the project.
-     */
-    initProject: () => void;
-    get itemInstances(): Map<string, any>;
-    static initStitches: (externalConfig?: stitches.CreateStitches) => void;
-    get stitchesInstance(): any;
-    /**
-     * Register the custom React Component to Weaverse, store it into Weaverse.elementRegistry
-     */
-    static registerElement(element: {
-        type: string;
-        [x: string]: any;
-    }): void;
-    get elementRegistry(): Map<any, any>;
-    triggerUpdate(): void;
-    refreshAllItems(): void;
-    /**
-     * 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: WeaverseProjectDataType) => void;
-}
+import * as Stitches from '@stitches/core';
+import { ForwardRefExoticComponent, RefObject } from 'react';
+import Stitches$1 from '@stitches/core/types/stitches';
 
 declare let stitchesUtils: {
     m: (value: string) => {
@@ -110,7 +45,7 @@ type ToolbarAction = 'general-settings' | 'settings-level-2' | 'duplicate' | 'de
 type AdvancedGroupType = 'border' | 'alignment' | 'background' | 'dimensions' | 'spacing' | 'typography' | 'visibility' | 'shadows-and-effects' | 'layout-background';
 type PositionInputValue = 'top left' | 'top center' | 'top right' | 'center left' | 'center center' | 'center right' | 'bottom left' | 'bottom center' | 'bottom right';
 type InputType = 'blog' | 'collection' | 'collection-list' | 'color' | 'datepicker' | 'image' | 'map-autocomplete' | 'position' | 'product' | 'product-list' | 'range' | 'richtext' | 'select' | 'switch' | 'text' | 'textarea' | 'toggle-group' | 'swatches' | 'metaobject';
-type WeaverseCSSProperties = stitches.CSS & Partial<Record<keyof typeof stitchesUtils, string | number>>;
+type WeaverseCSSProperties = Stitches.CSS & Partial<Record<keyof typeof stitchesUtils, string | number>>;
 type ChildElementCSS = Partial<{
     [selector: string]: WeaverseCSSProperties & ChildElementCSS;
 }>;
@@ -148,6 +83,7 @@ interface BreakPoints {
     desktop: string;
 }
 interface WeaverseProjectDataType {
+    id?: string;
     items: ElementData[];
     rootId: string;
 }
@@ -159,7 +95,6 @@ interface WeaverseCoreParams {
     data: WeaverseProjectDataType;
     isDesignMode?: boolean;
     platformType?: PlatformTypeEnum;
-    ItemConstructor: typeof WeaverseItemStore;
 }
 /**
  * BasicInput interface
@@ -213,6 +148,73 @@ declare global {
     }
 }
 
+type AnyFunction = (...args: any[]) => any;
+declare class EventEmitter {
+    listeners: Set<AnyFunction>;
+    constructor();
+    subscribe: (fn: AnyFunction) => () => void;
+    unsubscribe: (fn: AnyFunction) => void;
+    emit: (data?: any) => void;
+}
+
+declare class WeaverseItemStore extends EventEmitter {
+    weaverse: Weaverse;
+    ref: RefObject<HTMLElement>;
+    _store: ElementData;
+    stitchesClass: string;
+    constructor(initialData: ElementData, weaverse: Weaverse);
+    get _id(): string;
+    get _element(): HTMLElement | null;
+    get Element(): any;
+    getDefaultCss: () => ElementCSS;
+    get data(): ElementData;
+    set data(update: Omit<ElementData, 'id' | 'type'>);
+    setData: (update: Omit<ElementData, 'id' | 'type'>) => ElementData;
+    getSnapShot: () => ElementData;
+    triggerUpdate: () => void;
+}
+declare class Weaverse extends EventEmitter {
+    contentRootElement: HTMLElement | null;
+    static itemInstances: Map<string, any>;
+    weaverseHost: string;
+    weaverseVersion: string;
+    projectId: string;
+    isDesignMode: boolean;
+    isPreviewMode: boolean;
+    static stitchesInstance: Stitches$1 | any;
+    studioBridge?: any;
+    static ItemConstructor: typeof WeaverseItemStore;
+    data: WeaverseProjectDataType;
+    platformType: PlatformTypeEnum;
+    static elementRegistry: Map<any, any>;
+    static mediaBreakPoints: BreakPoints;
+    constructor(params: WeaverseCoreParams);
+    getSnapShot: () => WeaverseProjectDataType;
+    /**
+     * Create new `WeaverseItemStore` instance for each item in the project.
+     */
+    initProject: () => void;
+    get itemInstances(): Map<string, any>;
+    static initStitches: (externalConfig?: Stitches.CreateStitches) => void;
+    get stitchesInstance(): any;
+    /**
+     * Register the custom React Component to Weaverse, store it into Weaverse.elementRegistry
+     */
+    static registerElement(element: {
+        type: string;
+        [x: string]: any;
+    }): void;
+    get elementRegistry(): Map<any, any>;
+    triggerUpdate: () => void;
+    refreshAllItems(): void;
+    /**
+     * 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: WeaverseProjectDataType) => void;
+}
+
 declare let isReactNative: boolean;
 declare let isBrowser: boolean;
 declare let isIframe: boolean;

package/dist/index.d.ts

@@ -1,71 +1,6 @@
-import * as stitches from '@stitches/core';
-import { RefObject, ForwardRefExoticComponent } from 'react';
-import Stitches from '@stitches/core/types/stitches';
-
-type AnyFunction = (...args: any[]) => any;
-declare class EventEmitter {
-    listeners: Set<AnyFunction>;
-    constructor();
-    subscribe(fn: AnyFunction): () => void;
-    unsubscribe(fn: AnyFunction): void;
-    emit(data?: any): void;
-}
-
-declare class WeaverseItemStore extends EventEmitter {
-    weaverse: Weaverse;
-    ref: RefObject<HTMLElement>;
-    _store: ElementData;
-    stitchesClass: string;
-    constructor(initialData: ElementData, weaverse: Weaverse);
-    get _id(): string;
-    get _element(): HTMLElement | null;
-    get Element(): any;
-    get css(): ElementCSS;
-    get data(): ElementData;
-    set data(update: Omit<ElementData, 'id' | 'type'>);
-    setData: (update: Omit<ElementData, 'id' | 'type'>) => ElementData;
-    triggerUpdate: () => void;
-}
-declare class Weaverse extends EventEmitter {
-    contentRootElement: HTMLElement | null;
-    static itemInstances: Map<string, any>;
-    weaverseHost: string;
-    weaverseVersion: string;
-    projectId: string;
-    isDesignMode: boolean;
-    isPreviewMode: boolean;
-    static stitchesInstance: Stitches | any;
-    studioBridge?: any;
-    ItemConstructor: typeof WeaverseItemStore;
-    data: WeaverseProjectDataType;
-    platformType: PlatformTypeEnum;
-    static elementRegistry: Map<any, any>;
-    static mediaBreakPoints: BreakPoints;
-    constructor(params: WeaverseCoreParams);
-    /**
-     * Create new `WeaverseItemStore` instance for each item in the project.
-     */
-    initProject: () => void;
-    get itemInstances(): Map<string, any>;
-    static initStitches: (externalConfig?: stitches.CreateStitches) => void;
-    get stitchesInstance(): any;
-    /**
-     * Register the custom React Component to Weaverse, store it into Weaverse.elementRegistry
-     */
-    static registerElement(element: {
-        type: string;
-        [x: string]: any;
-    }): void;
-    get elementRegistry(): Map<any, any>;
-    triggerUpdate(): void;
-    refreshAllItems(): void;
-    /**
-     * 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: WeaverseProjectDataType) => void;
-}
+import * as Stitches from '@stitches/core';
+import { ForwardRefExoticComponent, RefObject } from 'react';
+import Stitches$1 from '@stitches/core/types/stitches';
 
 declare let stitchesUtils: {
     m: (value: string) => {
@@ -110,7 +45,7 @@ type ToolbarAction = 'general-settings' | 'settings-level-2' | 'duplicate' | 'de
 type AdvancedGroupType = 'border' | 'alignment' | 'background' | 'dimensions' | 'spacing' | 'typography' | 'visibility' | 'shadows-and-effects' | 'layout-background';
 type PositionInputValue = 'top left' | 'top center' | 'top right' | 'center left' | 'center center' | 'center right' | 'bottom left' | 'bottom center' | 'bottom right';
 type InputType = 'blog' | 'collection' | 'collection-list' | 'color' | 'datepicker' | 'image' | 'map-autocomplete' | 'position' | 'product' | 'product-list' | 'range' | 'richtext' | 'select' | 'switch' | 'text' | 'textarea' | 'toggle-group' | 'swatches' | 'metaobject';
-type WeaverseCSSProperties = stitches.CSS & Partial<Record<keyof typeof stitchesUtils, string | number>>;
+type WeaverseCSSProperties = Stitches.CSS & Partial<Record<keyof typeof stitchesUtils, string | number>>;
 type ChildElementCSS = Partial<{
     [selector: string]: WeaverseCSSProperties & ChildElementCSS;
 }>;
@@ -148,6 +83,7 @@ interface BreakPoints {
     desktop: string;
 }
 interface WeaverseProjectDataType {
+    id?: string;
     items: ElementData[];
     rootId: string;
 }
@@ -159,7 +95,6 @@ interface WeaverseCoreParams {
     data: WeaverseProjectDataType;
     isDesignMode?: boolean;
     platformType?: PlatformTypeEnum;
-    ItemConstructor: typeof WeaverseItemStore;
 }
 /**
  * BasicInput interface
@@ -213,6 +148,73 @@ declare global {
     }
 }
 
+type AnyFunction = (...args: any[]) => any;
+declare class EventEmitter {
+    listeners: Set<AnyFunction>;
+    constructor();
+    subscribe: (fn: AnyFunction) => () => void;
+    unsubscribe: (fn: AnyFunction) => void;
+    emit: (data?: any) => void;
+}
+
+declare class WeaverseItemStore extends EventEmitter {
+    weaverse: Weaverse;
+    ref: RefObject<HTMLElement>;
+    _store: ElementData;
+    stitchesClass: string;
+    constructor(initialData: ElementData, weaverse: Weaverse);
+    get _id(): string;
+    get _element(): HTMLElement | null;
+    get Element(): any;
+    getDefaultCss: () => ElementCSS;
+    get data(): ElementData;
+    set data(update: Omit<ElementData, 'id' | 'type'>);
+    setData: (update: Omit<ElementData, 'id' | 'type'>) => ElementData;
+    getSnapShot: () => ElementData;
+    triggerUpdate: () => void;
+}
+declare class Weaverse extends EventEmitter {
+    contentRootElement: HTMLElement | null;
+    static itemInstances: Map<string, any>;
+    weaverseHost: string;
+    weaverseVersion: string;
+    projectId: string;
+    isDesignMode: boolean;
+    isPreviewMode: boolean;
+    static stitchesInstance: Stitches$1 | any;
+    studioBridge?: any;
+    static ItemConstructor: typeof WeaverseItemStore;
+    data: WeaverseProjectDataType;
+    platformType: PlatformTypeEnum;
+    static elementRegistry: Map<any, any>;
+    static mediaBreakPoints: BreakPoints;
+    constructor(params: WeaverseCoreParams);
+    getSnapShot: () => WeaverseProjectDataType;
+    /**
+     * Create new `WeaverseItemStore` instance for each item in the project.
+     */
+    initProject: () => void;
+    get itemInstances(): Map<string, any>;
+    static initStitches: (externalConfig?: Stitches.CreateStitches) => void;
+    get stitchesInstance(): any;
+    /**
+     * Register the custom React Component to Weaverse, store it into Weaverse.elementRegistry
+     */
+    static registerElement(element: {
+        type: string;
+        [x: string]: any;
+    }): void;
+    get elementRegistry(): Map<any, any>;
+    triggerUpdate: () => void;
+    refreshAllItems(): void;
+    /**
+     * 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: WeaverseProjectDataType) => void;
+}
+
 declare let isReactNative: boolean;
 declare let isBrowser: boolean;
 declare let isIframe: boolean;

package/dist/index.js

@@ -78,18 +78,18 @@ var EventEmitter = class {
   constructor() {
     this.listeners = /* @__PURE__ */ new Set();
   }
-  subscribe(fn) {
+  subscribe = (fn) => {
     this.listeners.add(fn);
     return () => this.unsubscribe(fn);
-  }
-  unsubscribe(fn) {
+  };
+  unsubscribe = (fn) => {
     this.listeners.delete(fn);
-  }
-  emit(data) {
+  };
+  emit = (data) => {
     this.listeners.forEach((fn) => {
       return fn(data);
     });
-  }
+  };
 };
 
 // src/utils/stitches.ts
@@ -143,9 +143,11 @@ var WeaverseItemStore = class extends EventEmitter {
     this.weaverse = weaverse;
     if (id && type) {
       weaverse.itemInstances.set(id, this);
+      Object.assign(this._store, initialData);
     } else {
       throw new Error(`'id' and 'type' are required to create a new Weaverse item.`);
     }
+    this._store.css = this.getDefaultCss();
   }
   get _id() {
     return this._store.id;
@@ -156,23 +158,23 @@ var WeaverseItemStore = class extends EventEmitter {
   get Element() {
     return this.weaverse.elementRegistry.get(this._store.type);
   }
-  get css() {
+  getDefaultCss = () => {
     let defaultCss = this.Element?.defaultCss || {};
     let currentCss = this._store.css || {};
     return merge(defaultCss, currentCss);
-  }
+  };
   get data() {
-    let css = this.css;
-    return { ...this._store, css };
+    return this._store;
   }
   set data(update) {
     this._store = { ...this.data, ...update };
   }
   setData = (update) => {
-    this.data = Object.assign(this.data, update);
+    this.data = Object.assign(this._store, update);
     this.triggerUpdate();
     return this.data;
   };
+  getSnapShot = () => this.data;
   triggerUpdate = () => {
     this.emit(this.data);
   };
@@ -203,11 +205,14 @@ var Weaverse = class _Weaverse extends EventEmitter {
     this.initProject();
     _Weaverse.initStitches();
   }
+  getSnapShot = () => {
+    return this.data;
+  };
   /**
    * Create new `WeaverseItemStore` instance for each item in the project.
    */
   initProject = () => {
-    let { data, ItemConstructor } = this;
+    let { data } = this;
     let itemInstances = this.itemInstances;
     if (data?.items) {
       data.items.forEach((item) => {
@@ -215,7 +220,7 @@ var Weaverse = class _Weaverse extends EventEmitter {
         if (itemInstance) {
           itemInstance.setData(item);
         } else {
-          new ItemConstructor(item, this);
+          new _Weaverse.ItemConstructor(item, this);
         }
       });
     }
@@ -249,9 +254,10 @@ var Weaverse = class _Weaverse extends EventEmitter {
   get elementRegistry() {
     return _Weaverse.elementRegistry;
   }
-  triggerUpdate() {
+  triggerUpdate = () => {
+    this.data = { ...this.data };
     this.emit();
-  }
+  };
   refreshAllItems() {
     this.itemInstances.forEach((item) => {
       item.triggerUpdate();

package/dist/index.js.map

@@ -1 +1 @@
-{"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/weaverse\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(initialData: ElementData, weaverse: Weaverse) {\n    super()\n    let { type, id } = initialData || {}\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    return merge(defaultCss, currentCss)\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  static itemInstances = new Map<string, WeaverseItemStore | any>()\n  weaverseHost = 'https://studio.weaverse.io'\n  weaverseVersion = ''\n  projectId = ''\n  isDesignMode = false\n  isPreviewMode = false\n  static stitchesInstance: Stitches | any\n  studioBridge?: any\n\n  declare ItemConstructor: typeof WeaverseItemStore\n  declare data: WeaverseProjectDataType\n  declare platformType: PlatformTypeEnum\n  static elementRegistry = new Map()\n\n  static 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    Weaverse.initStitches()\n  }\n\n  /**\n   * Create new `WeaverseItemStore` instance for each item in the project.\n   */\n  initProject = () => {\n    let { data, ItemConstructor } = this\n    let itemInstances = this.itemInstances\n    if (data?.items) {\n      data.items.forEach((item) => {\n        let itemInstance = itemInstances.get(item.id)\n        if (itemInstance) {\n          itemInstance.setData(item)\n        } else {\n          new ItemConstructor(item, this)\n        }\n      })\n    }\n  }\n\n  get itemInstances() {\n    return Weaverse.itemInstances\n  }\n\n  static initStitches = (externalConfig?: stitches.CreateStitches) => {\n    Weaverse.stitchesInstance =\n      Weaverse.stitchesInstance ||\n      stitches.createStitches({\n        prefix: 'weaverse',\n        media: Weaverse.mediaBreakPoints,\n        utils: stitchesUtils,\n        ...externalConfig,\n      })\n  }\n\n  get stitchesInstance() {\n    return Weaverse.stitchesInstance\n  }\n\n  /**\n   * Register the custom React Component to Weaverse, store it into Weaverse.elementRegistry\n   */\n  static registerElement(element: { type: string; [x: string]: any }) {\n    if (element?.type) {\n      if (!Weaverse.elementRegistry.has(element.type)) {\n        Weaverse.elementRegistry.set(element?.type, element)\n      }\n    } else {\n      console.error(\"Cannot register element without 'type'.\")\n    }\n  }\n\n  get elementRegistry() {\n    return Weaverse.elementRegistry\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\n  constructor() {\n    this.listeners = new Set()\n  }\n\n  subscribe(fn: AnyFunction) {\n    this.listeners.add(fn)\n    return () => this.unsubscribe(fn)\n  }\n\n  unsubscribe(fn: AnyFunction) {\n    this.listeners.delete(fn)\n  }\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":[]}
+{"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/weaverse\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(initialData: ElementData, weaverse: Weaverse) {\n    super()\n    let { type, id } = initialData || {}\n    this.weaverse = weaverse\n    if (id && type) {\n      weaverse.itemInstances.set(id, this)\n      Object.assign(this._store, initialData)\n    } else {\n      throw new Error(`'id' and 'type' are required to create a new Weaverse item.`)\n    }\n    this._store.css = this.getDefaultCss()\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  getDefaultCss = (): ElementCSS => {\n    let defaultCss = this.Element?.defaultCss || {}\n    let currentCss = this._store.css || {}\n    return merge(defaultCss, currentCss)\n  }\n\n  get data(): ElementData {\n    return this._store\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._store, update)\n    this.triggerUpdate()\n    return this.data\n  }\n  getSnapShot = () => this.data\n\n  triggerUpdate = () => {\n    this.emit(this.data)\n  }\n}\n\nexport class Weaverse extends EventEmitter {\n  contentRootElement: HTMLElement | null = null\n  static itemInstances = new Map<string, WeaverseItemStore | any>()\n  weaverseHost = 'https://studio.weaverse.io'\n  weaverseVersion = ''\n  projectId = ''\n  isDesignMode = false\n  isPreviewMode = false\n  static stitchesInstance: Stitches | any\n  studioBridge?: any\n\n  declare static ItemConstructor: typeof WeaverseItemStore\n  declare data: WeaverseProjectDataType\n  declare platformType: PlatformTypeEnum\n  static elementRegistry = new Map()\n\n  static 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    Weaverse.initStitches()\n  }\n\n  getSnapShot = () => {\n    return this.data\n  }\n  /**\n   * Create new `WeaverseItemStore` instance for each item in the project.\n   */\n  initProject = () => {\n    let { data } = this\n    let itemInstances = this.itemInstances\n    if (data?.items) {\n      data.items.forEach((item) => {\n        let itemInstance = itemInstances.get(item.id)\n        if (itemInstance) {\n          itemInstance.setData(item)\n        } else {\n          new Weaverse.ItemConstructor(item, this)\n        }\n      })\n    }\n  }\n\n  get itemInstances() {\n    return Weaverse.itemInstances\n  }\n\n  static initStitches = (externalConfig?: stitches.CreateStitches) => {\n    Weaverse.stitchesInstance =\n      Weaverse.stitchesInstance ||\n      stitches.createStitches({\n        prefix: 'weaverse',\n        media: Weaverse.mediaBreakPoints,\n        utils: stitchesUtils,\n        ...externalConfig,\n      })\n  }\n\n  get stitchesInstance() {\n    return Weaverse.stitchesInstance\n  }\n\n  /**\n   * Register the custom React Component to Weaverse, store it into Weaverse.elementRegistry\n   */\n  static registerElement(element: { type: string; [x: string]: any }) {\n    if (element?.type) {\n      if (!Weaverse.elementRegistry.has(element.type)) {\n        Weaverse.elementRegistry.set(element?.type, element)\n      }\n    } else {\n      console.error(\"Cannot register element without 'type'.\")\n    }\n  }\n\n  get elementRegistry() {\n    return Weaverse.elementRegistry\n  }\n\n  triggerUpdate = () => {\n    // make new copy of data to trigger update\n    this.data = { ...this.data }\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\n  constructor() {\n    this.listeners = new Set()\n  }\n\n  subscribe = (fn: AnyFunction) => {\n    this.listeners.add(fn)\n    return () => this.unsubscribe(fn)\n  }\n\n  unsubscribe = (fn: AnyFunction) => {\n    this.listeners.delete(fn)\n  }\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACSA,eAA0B;;;ACTnB,IAAI,gBAAgB,OAAO,cAAc,YAAY,UAAU,YAAY;AAC3E,IAAI,YAAY,OAAO,WAAW,eAAe,CAAC;AAClD,IAAI,WAAW,aAAa,OAAO,QAAQ,OAAO;AAOlD,SAAS,MAAM,QAA6B,QAA6B;AAC9E,MAAI,IAAI,EAAE,GAAI,UAAU,CAAC,EAAG;AAE5B,WAAS,OAAO,OAAO,KAAK,MAAM,GAAG;AACnC,QAAI,OAAO,GAAG,aAAa,UAAU,CAAC,MAAM,QAAQ,OAAO,GAAG,CAAC,GAAG;AAChE,aAAO,OAAO,OAAO,GAAG,GAAG,MAAM,EAAE,GAAG,GAAG,OAAO,GAAG,CAAC,CAAC;AAAA,IACvD;AAAA,EACF;AAGA,SAAO,OAAO,KAAK,CAAC,GAAG,MAAM;AAC7B,SAAO;AACT;AAEO,SAAS,WAAW,KAAa;AACtC,SAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,QAAI,aAAa,SAAS,cAAc,eAAe,GAAG,IAAI;AAC9D,QAAI,YAAY;AACd,aAAO,QAAQ,IAAI;AAAA,IACrB;AACA,QAAI,SAAS,SAAS,cAAc,QAAQ;AAC5C,WAAO,MAAM;AACb,WAAO,SAAS;AAChB,WAAO,UAAU;AACjB,WAAO,QAAQ;AACf,aAAS,KAAK,YAAY,MAAM;AAAA,EAClC,CAAC;AACH;;;AClCO,IAAM,eAAN,MAAmB;AAAA,EACxB;AAAA,EAEA,cAAc;AACZ,SAAK,YAAY,oBAAI,IAAI;AAAA,EAC3B;AAAA,EAEA,YAAY,CAAC,OAAoB;AAC/B,SAAK,UAAU,IAAI,EAAE;AACrB,WAAO,MAAM,KAAK,YAAY,EAAE;AAAA,EAClC;AAAA,EAEA,cAAc,CAAC,OAAoB;AACjC,SAAK,UAAU,OAAO,EAAE;AAAA,EAC1B;AAAA,EAEA,OAAO,CAAC,SAAe;AACrB,SAAK,UAAU,QAAQ,CAAC,OAAO;AAC7B,aAAO,GAAG,IAAI;AAAA,IAChB,CAAC;AAAA,EACH;AACF;;;ACvBO,IAAI,gBAAgB;AAAA,EACzB,GAAG,CAAC,WAAmB;AAAA,IACrB,QAAQ;AAAA,EACV;AAAA,EACA,IAAI,CAAC,WAAmB;AAAA,IACtB,WAAW;AAAA,EACb;AAAA,EACA,IAAI,CAAC,WAAmB;AAAA,IACtB,aAAa;AAAA,EACf;AAAA,EACA,IAAI,CAAC,WAAmB;AAAA,IACtB,cAAc;AAAA,EAChB;AAAA,EACA,IAAI,CAAC,WAAmB;AAAA,IACtB,YAAY;AAAA,EACd;AAAA,EACA,IAAI,CAAC,WAAmB;AAAA,IACtB,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AAAA,EACA,IAAI,CAAC,WAAmB;AAAA,IACtB,WAAW;AAAA,IACX,cAAc;AAAA,EAChB;AAAA,EACA,MAAM,CAAC,WAAmB;AAAA,IACxB,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,IAAI,CAAC,WAAmB;AAAA,IACtB,aAAa;AAAA,IACb,cAAc;AAAA,EAChB;AAAA,EACA,IAAI,CAAC,WAAmB;AAAA,IACtB,YAAY;AAAA,IACZ,eAAe;AAAA,EACjB;AACF;;;AHZO,IAAM,oBAAN,cAAgC,aAAa;AAAA,EAClD;AAAA,EACA,MAA8B,EAAE,SAAS,KAAK;AAAA,EAC9C,SAAsB,EAAE,IAAI,IAAI,MAAM,GAAG;AAAA,EACzC,gBAAgB;AAAA,EAEhB,YAAY,aAA0B,UAAoB;AACxD,UAAM;AACN,QAAI,EAAE,MAAM,GAAG,IAAI,eAAe,CAAC;AACnC,SAAK,WAAW;AAChB,QAAI,MAAM,MAAM;AACd,eAAS,cAAc,IAAI,IAAI,IAAI;AACnC,aAAO,OAAO,KAAK,QAAQ,WAAW;AAAA,IACxC,OAAO;AACL,YAAM,IAAI,MAAM,6DAA6D;AAAA,IAC/E;AACA,SAAK,OAAO,MAAM,KAAK,cAAc;AAAA,EACvC;AAAA,EAEA,IAAI,MAAM;AACR,WAAO,KAAK,OAAO;AAAA,EACrB;AAAA,EAEA,IAAI,WAAW;AACb,WAAO,KAAK,IAAI;AAAA,EAClB;AAAA,EAEA,IAAI,UAAU;AACZ,WAAO,KAAK,SAAS,gBAAgB,IAAI,KAAK,OAAO,IAAI;AAAA,EAC3D;AAAA,EAEA,gBAAgB,MAAkB;AAChC,QAAI,aAAa,KAAK,SAAS,cAAc,CAAC;AAC9C,QAAI,aAAa,KAAK,OAAO,OAAO,CAAC;AACrC,WAAO,MAAM,YAAY,UAAU;AAAA,EACrC;AAAA,EAEA,IAAI,OAAoB;AACtB,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAI,KAAK,QAA0C;AACjD,SAAK,SAAS,EAAE,GAAG,KAAK,MAAM,GAAG,OAAO;AAAA,EAC1C;AAAA,EAEA,UAAU,CAAC,WAA6C;AACtD,SAAK,OAAO,OAAO,OAAO,KAAK,QAAQ,MAAM;AAC7C,SAAK,cAAc;AACnB,WAAO,KAAK;AAAA,EACd;AAAA,EACA,cAAc,MAAM,KAAK;AAAA,EAEzB,gBAAgB,MAAM;AACpB,SAAK,KAAK,KAAK,IAAI;AAAA,EACrB;AACF;AAEO,IAAM,WAAN,MAAM,kBAAiB,aAAa;AAAA,EACzC,qBAAyC;AAAA,EACzC,OAAO,gBAAgB,oBAAI,IAAqC;AAAA,EAChE,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP;AAAA,EAKA,OAAO,kBAAkB,oBAAI,IAAI;AAAA,EAEjC,OAAO,mBAAgC;AAAA,IACrC,SAAS;AAAA;AAAA;AAAA,IAGT,QAAQ;AAAA,EACV;AAAA,EAEA,YAAY,QAA4B;AACtC,UAAM;AACN,WAAO,QAAQ,MAAM,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,MAAM;AACzC,UAAI,MAAM;AACV,WAAK,GAAG,IAAI,KAAK,KAAK,GAAG;AAAA,IAC3B,CAAC;AACD,SAAK,YAAY;AACjB,cAAS,aAAa;AAAA,EACxB;AAAA,EAEA,cAAc,MAAM;AAClB,WAAO,KAAK;AAAA,EACd;AAAA;AAAA;AAAA;AAAA,EAIA,cAAc,MAAM;AAClB,QAAI,EAAE,KAAK,IAAI;AACf,QAAI,gBAAgB,KAAK;AACzB,QAAI,MAAM,OAAO;AACf,WAAK,MAAM,QAAQ,CAAC,SAAS;AAC3B,YAAI,eAAe,cAAc,IAAI,KAAK,EAAE;AAC5C,YAAI,cAAc;AAChB,uBAAa,QAAQ,IAAI;AAAA,QAC3B,OAAO;AACL,cAAI,UAAS,gBAAgB,MAAM,IAAI;AAAA,QACzC;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,IAAI,gBAAgB;AAClB,WAAO,UAAS;AAAA,EAClB;AAAA,EAEA,OAAO,eAAe,CAAC,mBAA6C;AAClE,cAAS,mBACP,UAAS,oBACA,wBAAe;AAAA,MACtB,QAAQ;AAAA,MACR,OAAO,UAAS;AAAA,MAChB,OAAO;AAAA,MACP,GAAG;AAAA,IACL,CAAC;AAAA,EACL;AAAA,EAEA,IAAI,mBAAmB;AACrB,WAAO,UAAS;AAAA,EAClB;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,gBAAgB,SAA6C;AAClE,QAAI,SAAS,MAAM;AACjB,UAAI,CAAC,UAAS,gBAAgB,IAAI,QAAQ,IAAI,GAAG;AAC/C,kBAAS,gBAAgB,IAAI,SAAS,MAAM,OAAO;AAAA,MACrD;AAAA,IACF,OAAO;AACL,cAAQ,MAAM,yCAAyC;AAAA,IACzD;AAAA,EACF;AAAA,EAEA,IAAI,kBAAkB;AACpB,WAAO,UAAS;AAAA,EAClB;AAAA,EAEA,gBAAgB,MAAM;AAEpB,SAAK,OAAO,EAAE,GAAG,KAAK,KAAK;AAC3B,SAAK,KAAK;AAAA,EACZ;AAAA,EAEA,kBAAkB;AAChB,SAAK,cAAc,QAAQ,CAAC,SAAS;AACnC,WAAK,cAAc;AAAA,IACrB,CAAC;AAAA,EACH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,iBAAiB,CAAC,SAAkC;AAClD,SAAK,OAAO;AACZ,SAAK,YAAY;AAAA,EACnB;AACF;","names":[]}

package/dist/index.mjs

@@ -36,18 +36,18 @@ var EventEmitter = class {
   constructor() {
     this.listeners = /* @__PURE__ */ new Set();
   }
-  subscribe(fn) {
+  subscribe = (fn) => {
     this.listeners.add(fn);
     return () => this.unsubscribe(fn);
-  }
-  unsubscribe(fn) {
+  };
+  unsubscribe = (fn) => {
     this.listeners.delete(fn);
-  }
-  emit(data) {
+  };
+  emit = (data) => {
     this.listeners.forEach((fn) => {
       return fn(data);
     });
-  }
+  };
 };
 
 // src/utils/stitches.ts
@@ -101,9 +101,11 @@ var WeaverseItemStore = class extends EventEmitter {
     this.weaverse = weaverse;
     if (id && type) {
       weaverse.itemInstances.set(id, this);
+      Object.assign(this._store, initialData);
     } else {
       throw new Error(`'id' and 'type' are required to create a new Weaverse item.`);
     }
+    this._store.css = this.getDefaultCss();
   }
   get _id() {
     return this._store.id;
@@ -114,23 +116,23 @@ var WeaverseItemStore = class extends EventEmitter {
   get Element() {
     return this.weaverse.elementRegistry.get(this._store.type);
   }
-  get css() {
+  getDefaultCss = () => {
     let defaultCss = this.Element?.defaultCss || {};
     let currentCss = this._store.css || {};
     return merge(defaultCss, currentCss);
-  }
+  };
   get data() {
-    let css = this.css;
-    return { ...this._store, css };
+    return this._store;
   }
   set data(update) {
     this._store = { ...this.data, ...update };
   }
   setData = (update) => {
-    this.data = Object.assign(this.data, update);
+    this.data = Object.assign(this._store, update);
     this.triggerUpdate();
     return this.data;
   };
+  getSnapShot = () => this.data;
   triggerUpdate = () => {
     this.emit(this.data);
   };
@@ -161,11 +163,14 @@ var Weaverse = class _Weaverse extends EventEmitter {
     this.initProject();
     _Weaverse.initStitches();
   }
+  getSnapShot = () => {
+    return this.data;
+  };
   /**
    * Create new `WeaverseItemStore` instance for each item in the project.
    */
   initProject = () => {
-    let { data, ItemConstructor } = this;
+    let { data } = this;
     let itemInstances = this.itemInstances;
     if (data?.items) {
       data.items.forEach((item) => {
@@ -173,7 +178,7 @@ var Weaverse = class _Weaverse extends EventEmitter {
         if (itemInstance) {
           itemInstance.setData(item);
         } else {
-          new ItemConstructor(item, this);
+          new _Weaverse.ItemConstructor(item, this);
         }
       });
     }
@@ -207,9 +212,10 @@ var Weaverse = class _Weaverse extends EventEmitter {
   get elementRegistry() {
     return _Weaverse.elementRegistry;
   }
-  triggerUpdate() {
+  triggerUpdate = () => {
+    this.data = { ...this.data };
     this.emit();
-  }
+  };
   refreshAllItems() {
     this.itemInstances.forEach((item) => {
       item.triggerUpdate();

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core.ts","../src/utils/index.ts","../src/utils/event-emiiter.ts","../src/utils/stitches.ts"],"sourcesContent":["/*\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/weaverse\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(initialData: ElementData, weaverse: Weaverse) {\n    super()\n    let { type, id } = initialData || {}\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    return merge(defaultCss, currentCss)\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  static itemInstances = new Map<string, WeaverseItemStore | any>()\n  weaverseHost = 'https://studio.weaverse.io'\n  weaverseVersion = ''\n  projectId = ''\n  isDesignMode = false\n  isPreviewMode = false\n  static stitchesInstance: Stitches | any\n  studioBridge?: any\n\n  declare ItemConstructor: typeof WeaverseItemStore\n  declare data: WeaverseProjectDataType\n  declare platformType: PlatformTypeEnum\n  static elementRegistry = new Map()\n\n  static 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    Weaverse.initStitches()\n  }\n\n  /**\n   * Create new `WeaverseItemStore` instance for each item in the project.\n   */\n  initProject = () => {\n    let { data, ItemConstructor } = this\n    let itemInstances = this.itemInstances\n    if (data?.items) {\n      data.items.forEach((item) => {\n        let itemInstance = itemInstances.get(item.id)\n        if (itemInstance) {\n          itemInstance.setData(item)\n        } else {\n          new ItemConstructor(item, this)\n        }\n      })\n    }\n  }\n\n  get itemInstances() {\n    return Weaverse.itemInstances\n  }\n\n  static initStitches = (externalConfig?: stitches.CreateStitches) => {\n    Weaverse.stitchesInstance =\n      Weaverse.stitchesInstance ||\n      stitches.createStitches({\n        prefix: 'weaverse',\n        media: Weaverse.mediaBreakPoints,\n        utils: stitchesUtils,\n        ...externalConfig,\n      })\n  }\n\n  get stitchesInstance() {\n    return Weaverse.stitchesInstance\n  }\n\n  /**\n   * Register the custom React Component to Weaverse, store it into Weaverse.elementRegistry\n   */\n  static registerElement(element: { type: string; [x: string]: any }) {\n    if (element?.type) {\n      if (!Weaverse.elementRegistry.has(element.type)) {\n        Weaverse.elementRegistry.set(element?.type, element)\n      }\n    } else {\n      console.error(\"Cannot register element without 'type'.\")\n    }\n  }\n\n  get elementRegistry() {\n    return Weaverse.elementRegistry\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\n  constructor() {\n    this.listeners = new Set()\n  }\n\n  subscribe(fn: AnyFunction) {\n    this.listeners.add(fn)\n    return () => this.unsubscribe(fn)\n  }\n\n  unsubscribe(fn: AnyFunction) {\n    this.listeners.delete(fn)\n  }\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":[]}
+{"version":3,"sources":["../src/core.ts","../src/utils/index.ts","../src/utils/event-emiiter.ts","../src/utils/stitches.ts"],"sourcesContent":["/*\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/weaverse\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(initialData: ElementData, weaverse: Weaverse) {\n    super()\n    let { type, id } = initialData || {}\n    this.weaverse = weaverse\n    if (id && type) {\n      weaverse.itemInstances.set(id, this)\n      Object.assign(this._store, initialData)\n    } else {\n      throw new Error(`'id' and 'type' are required to create a new Weaverse item.`)\n    }\n    this._store.css = this.getDefaultCss()\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  getDefaultCss = (): ElementCSS => {\n    let defaultCss = this.Element?.defaultCss || {}\n    let currentCss = this._store.css || {}\n    return merge(defaultCss, currentCss)\n  }\n\n  get data(): ElementData {\n    return this._store\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._store, update)\n    this.triggerUpdate()\n    return this.data\n  }\n  getSnapShot = () => this.data\n\n  triggerUpdate = () => {\n    this.emit(this.data)\n  }\n}\n\nexport class Weaverse extends EventEmitter {\n  contentRootElement: HTMLElement | null = null\n  static itemInstances = new Map<string, WeaverseItemStore | any>()\n  weaverseHost = 'https://studio.weaverse.io'\n  weaverseVersion = ''\n  projectId = ''\n  isDesignMode = false\n  isPreviewMode = false\n  static stitchesInstance: Stitches | any\n  studioBridge?: any\n\n  declare static ItemConstructor: typeof WeaverseItemStore\n  declare data: WeaverseProjectDataType\n  declare platformType: PlatformTypeEnum\n  static elementRegistry = new Map()\n\n  static 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    Weaverse.initStitches()\n  }\n\n  getSnapShot = () => {\n    return this.data\n  }\n  /**\n   * Create new `WeaverseItemStore` instance for each item in the project.\n   */\n  initProject = () => {\n    let { data } = this\n    let itemInstances = this.itemInstances\n    if (data?.items) {\n      data.items.forEach((item) => {\n        let itemInstance = itemInstances.get(item.id)\n        if (itemInstance) {\n          itemInstance.setData(item)\n        } else {\n          new Weaverse.ItemConstructor(item, this)\n        }\n      })\n    }\n  }\n\n  get itemInstances() {\n    return Weaverse.itemInstances\n  }\n\n  static initStitches = (externalConfig?: stitches.CreateStitches) => {\n    Weaverse.stitchesInstance =\n      Weaverse.stitchesInstance ||\n      stitches.createStitches({\n        prefix: 'weaverse',\n        media: Weaverse.mediaBreakPoints,\n        utils: stitchesUtils,\n        ...externalConfig,\n      })\n  }\n\n  get stitchesInstance() {\n    return Weaverse.stitchesInstance\n  }\n\n  /**\n   * Register the custom React Component to Weaverse, store it into Weaverse.elementRegistry\n   */\n  static registerElement(element: { type: string; [x: string]: any }) {\n    if (element?.type) {\n      if (!Weaverse.elementRegistry.has(element.type)) {\n        Weaverse.elementRegistry.set(element?.type, element)\n      }\n    } else {\n      console.error(\"Cannot register element without 'type'.\")\n    }\n  }\n\n  get elementRegistry() {\n    return Weaverse.elementRegistry\n  }\n\n  triggerUpdate = () => {\n    // make new copy of data to trigger update\n    this.data = { ...this.data }\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\n  constructor() {\n    this.listeners = new Set()\n  }\n\n  subscribe = (fn: AnyFunction) => {\n    this.listeners.add(fn)\n    return () => this.unsubscribe(fn)\n  }\n\n  unsubscribe = (fn: AnyFunction) => {\n    this.listeners.delete(fn)\n  }\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":[]}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@weaverse/core",
   "author": "Weaverse Team",
   "description": "Weaverse Core",
-  "version": "2.9.0",
+  "version": "2.10.1",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",