@weaverse/core 0.7.59 → 0.7.61

package/dist/index.d.ts

@@ -61,14 +61,6 @@ interface ProjectDataType {
     };
     pageId?: string;
 }
-interface InitializeData {
-    id: string;
-    handle: string;
-    data: ProjectDataType;
-    published: boolean;
-    projectKey?: string;
-    studioUrl?: string;
-}
 interface BreakPoints {
     mobile: string;
     desktop: string;
@@ -110,7 +102,7 @@ type GridSize = {
     rowSpan: number;
     colSpan: number;
 };
-type ToolbarAction = "general-settings" | "edit-text" | "duplicate" | "delete" | "copy-styles" | "paste-styles" | "move-up" | "move-down" | "toggle-visibility" | "more-actions";
+type ToolbarAction = "general-settings" | "settings-level-2" | "edit-text" | "duplicate" | "delete" | "copy-styles" | "paste-styles" | "move-up" | "move-down" | "toggle-visibility" | "more-actions";
 interface ElementSchema {
     title: string;
     type: string;
@@ -282,24 +274,29 @@ declare class Weaverse {
      */
     projectData: ProjectDataType;
     /**
-     * storing subscribe callback function for any component that want to listen to the change of WeaverseRoot
+     * Storing subscribe callback function for any component that want to listen to the change of WeaverseRoot
      * @type {Map<string, (data: any) => void>}
      */
     listeners: Set<any>;
     /**
-     * check whether the sdk is isDesignMode or not
-     * if isDesignMode is true, it means the sdk is isDesignMode mode, render the editor UI
+     * 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
      * @type {boolean}
      */
     isDesignMode: boolean;
+    /**
+     * Check whether the sdk is in preview mode or not
+     * @type {boolean}
+     */
+    isPreviewMode: boolean;
     /**
      * Use in element to optionally render special HTML for hydration
      * @type {boolean}
      */
     ssrMode: boolean;
     /**
-     * stitches instance for handling CSS stylesheet, media, theme for Weaverse project
+     * Stitches instance for handling CSS stylesheet, media, theme for Weaverse project
      */
     stitchesInstance: Stitches$1 | any;
     studioBridge?: any;
@@ -316,11 +313,9 @@ declare class Weaverse {
      */
     constructor({ appUrl, projectKey, projectData, mediaBreakPoints, isDesignMode, ssrMode }?: WeaverseType);
     init({ appUrl, projectKey, projectData, mediaBreakPoints, isDesignMode, ssrMode }?: WeaverseType): void;
-    initialized: boolean;
-    initializeData: (data: InitializeData) => void;
     loadStudio(): void;
     /**
-     * register the custom React Component to Weaverse, store it into Weaverse.elementInstances
+     * Register the custom React Component to Weaverse, store it into Weaverse.elementInstances
      * @param element {WeaverseElement} custom React Component
      */
     registerElement(element: WeaverseElement): void;
@@ -329,7 +324,7 @@ declare class Weaverse {
     unsubscribe(fn: any): void;
     triggerUpdate(): void;
     /**
-     * fetch data from Weaverse API (https://weaverse.io/api/v1/project/:projectKey)
+     * Fetch data from Weaverse API (https://weaverse.io/api/v1/project/:projectKey)
      * @param fetch {fetch} custom fetch function, pass in custom fetch function if you want to use your own fetch function
      * @param appUrl
      * @param projectKey
@@ -343,4 +338,4 @@ declare class Weaverse {
     initProjectItemData(): void;
 }
 
-export { AdditionalInputConfigs, AdvancedGroup, AdvancedGroupType, BasicGroup, BasicInput, BreakPoints, CatalogGroup, ChildElement, ChildElementCSS, ChildElementSelector, ElementCSS, ElementCatalog, ElementData, ElementDataInCatalog, ElementFlags, ElementInspector, ElementSchema, FlagType, GridSize, InitializeData, InputType, ParentType, ProjectDataType, RangeInputConfigs, SelectInputConfigs, SortableInputConfigs, SortableItemAction, ToggleGroupConfigs, ToolbarAction, Weaverse, WeaverseCSSProperties, WeaverseElement, WeaverseItemStore, WeaverseType, isBrowser, isIframe, isReactNative, merge, stichesUtils };
+export { AdditionalInputConfigs, AdvancedGroup, AdvancedGroupType, BasicGroup, BasicInput, BreakPoints, CatalogGroup, ChildElement, ChildElementCSS, ChildElementSelector, ElementCSS, ElementCatalog, ElementData, ElementDataInCatalog, ElementFlags, ElementInspector, ElementSchema, FlagType, GridSize, InputType, ParentType, ProjectDataType, RangeInputConfigs, SelectInputConfigs, SortableInputConfigs, SortableItemAction, ToggleGroupConfigs, ToolbarAction, Weaverse, WeaverseCSSProperties, WeaverseElement, WeaverseItemStore, WeaverseType, isBrowser, isIframe, isReactNative, merge, stichesUtils };

package/dist/index.js

@@ -159,27 +159,12 @@ var Weaverse = class {
     };
     this.listeners = /* @__PURE__ */ new Set();
     this.isDesignMode = false;
+    this.isPreviewMode = false;
     this.ssrMode = false;
     this.mediaBreakPoints = {
       desktop: "all",
       mobile: "(max-width: 767.98px)"
     };
-    this.initialized = false;
-    this.initializeData = (data) => {
-      if (!this.initialized) {
-        let { data: pageData, published, id, projectKey, studioUrl } = data;
-        this.projectKey = projectKey || this.projectKey;
-        this.appUrl = studioUrl || this.appUrl;
-        this.projectData = { ...pageData, pageId: id };
-        this.isDesignMode = !published;
-        this.initProjectItemData();
-        if (this.isDesignMode) {
-          this.triggerUpdate();
-          this.loadStudio();
-        }
-      }
-      this.initialized = true;
-    };
     this.initStitches = () => {
       this.stitchesInstance = this.stitchesInstance || stitches.createStitches({
         prefix: "weaverse",

package/dist/index.mjs

@@ -121,27 +121,12 @@ var Weaverse = class {
     };
     this.listeners = /* @__PURE__ */ new Set();
     this.isDesignMode = false;
+    this.isPreviewMode = false;
     this.ssrMode = false;
     this.mediaBreakPoints = {
       desktop: "all",
       mobile: "(max-width: 767.98px)"
     };
-    this.initialized = false;
-    this.initializeData = (data) => {
-      if (!this.initialized) {
-        let { data: pageData, published, id, projectKey, studioUrl } = data;
-        this.projectKey = projectKey || this.projectKey;
-        this.appUrl = studioUrl || this.appUrl;
-        this.projectData = { ...pageData, pageId: id };
-        this.isDesignMode = !published;
-        this.initProjectItemData();
-        if (this.isDesignMode) {
-          this.triggerUpdate();
-          this.loadStudio();
-        }
-      }
-      this.initialized = true;
-    };
     this.initStitches = () => {
       this.stitchesInstance = this.stitchesInstance || stitches.createStitches({
         prefix: "weaverse",

package/package.json

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