@weaverse/core 2.10.0 → 2.10.2

package/dist/index.d.mts

@@ -1,73 +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;
-    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 | any;
-    studioBridge?: any;
-    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;
-}
+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) => {
@@ -112,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;
 }>;
@@ -162,7 +95,6 @@ interface WeaverseCoreParams {
     data: WeaverseProjectDataType;
     isDesignMode?: boolean;
     platformType?: PlatformTypeEnum;
-    ItemConstructor: typeof WeaverseItemStore;
 }
 /**
  * BasicInput interface
@@ -216,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,73 +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;
-    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 | any;
-    studioBridge?: any;
-    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;
-}
+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) => {
@@ -112,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;
 }>;
@@ -162,7 +95,6 @@ interface WeaverseCoreParams {
     data: WeaverseProjectDataType;
     isDesignMode?: boolean;
     platformType?: PlatformTypeEnum;
-    ItemConstructor: typeof WeaverseItemStore;
 }
 /**
  * BasicInput interface
@@ -216,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

@@ -143,6 +143,7 @@ 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.`);
     }
@@ -211,7 +212,7 @@ var Weaverse = class _Weaverse extends EventEmitter {
    * 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) => {
@@ -219,7 +220,7 @@ var Weaverse = class _Weaverse extends EventEmitter {
         if (itemInstance) {
           itemInstance.setData(item);
         } else {
-          new ItemConstructor(item, this);
+          new _Weaverse.ItemConstructor(item, this);
         }
       });
     }
@@ -253,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.mjs

@@ -101,6 +101,7 @@ 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.`);
     }
@@ -169,7 +170,7 @@ var Weaverse = class _Weaverse extends EventEmitter {
    * 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) => {
@@ -177,7 +178,7 @@ var Weaverse = class _Weaverse extends EventEmitter {
         if (itemInstance) {
           itemInstance.setData(item);
         } else {
-          new ItemConstructor(item, this);
+          new _Weaverse.ItemConstructor(item, this);
         }
       });
     }
@@ -211,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/package.json

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