@weaverse/core 0.5.9 → 0.5.10

package/dist/index.d.ts

@@ -63,6 +63,7 @@ declare type WeaverseType = {
     appUrl?: string;
     projectKey?: string;
     projectData?: ProjectDataType;
+    isDesignMode?: boolean;
 };
 /**
  * WeaverseItemStore is a store for Weaverse item, it can be used to subscribe/update the item data
@@ -127,12 +128,12 @@ declare class Weaverse {
      */
     listeners: Set<any>;
     /**
-     * check whether the sdk is inEditor or not
-     * if isEditor is true, it means the sdk is inEditor mode, render the editor UI
+     * check whether the sdk is isDesignMode 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}
      */
-    isEditor: boolean;
+    isDesignMode: boolean;
     /**
      * stitches instance for handling CSS stylesheet, media, theme for Weaverse project
      */
@@ -150,7 +151,7 @@ declare class Weaverse {
      * @param projectData {ProjectDataType} Weaverse project data, by default, user can provide project data via React Component.
      * @param mediaBreakPoints {object} Pass down custom media query breakpoints or just use the default.
      */
-    constructor({ appUrl, projectKey, projectData, mediaBreakPoints }?: WeaverseType);
+    constructor({ appUrl, projectKey, projectData, mediaBreakPoints, isDesignMode }?: WeaverseType);
     /**
      * register the custom React Component to Weaverse, store it into Weaverse.elementInstances
      * @param element {WeaverseElement} custom React Component

package/dist/index.js

@@ -93,7 +93,7 @@ var WeaverseItemStore = class {
   }
 };
 var _Weaverse = class {
-  constructor({ appUrl, projectKey, projectData, mediaBreakPoints } = {}) {
+  constructor({ appUrl, projectKey, projectData, mediaBreakPoints, isDesignMode } = {}) {
     this.elementInstances = /* @__PURE__ */ new Map();
     this.itemInstances = /* @__PURE__ */ new Map();
     this.appUrl = process.env.NODE_ENV === "development" ? "http://localhost:3000" : "https://weaverse.io";
@@ -103,7 +103,7 @@ var _Weaverse = class {
       rootId: 0
     };
     this.listeners = /* @__PURE__ */ new Set();
-    this.isEditor = false;
+    this.isDesignMode = false;
     this.mediaBreakPoints = {
       desktop: "all",
       mobile: "(max-width: 767.98px)"
@@ -126,6 +126,8 @@ var _Weaverse = class {
     this.appUrl = appUrl || this.appUrl;
     this.projectKey = projectKey || this.projectKey;
     this.mediaBreakPoints = mediaBreakPoints || this.mediaBreakPoints;
+    this.isDesignMode = isDesignMode || this.isDesignMode;
+    console.log("set design mode", this.isDesignMode);
     projectData && (this.projectData = projectData);
     this.init();
   }
@@ -143,8 +145,8 @@ var _Weaverse = class {
     this.initProjectItemData();
   }
   loadStudio() {
-    if (isIframe) {
-      this.isEditor = true;
+    console.log("this.isDesignMode", this.isDesignMode);
+    if (this.isDesignMode && isIframe) {
       let initStudio = () => {
         this.studioBridge = new window.WeaverseStudioBridge(this);
         this.studioBridge.subscribeMessageEvent();
@@ -169,7 +171,7 @@ var _Weaverse = class {
   }
   triggerUpdate() {
     this.listeners.forEach((fn) => fn());
-    if (this.isEditor && this.studioBridge) {
+    if (this.isDesignMode && this.studioBridge) {
       this.studioBridge.sendMessageToEditor("weaverse.editor.updateProject", {
         projectData: this.projectData,
         projectKey: this.projectKey,

package/dist/index.mjs

@@ -64,7 +64,7 @@ var WeaverseItemStore = class {
   }
 };
 var _Weaverse = class {
-  constructor({ appUrl, projectKey, projectData, mediaBreakPoints } = {}) {
+  constructor({ appUrl, projectKey, projectData, mediaBreakPoints, isDesignMode } = {}) {
     this.elementInstances = /* @__PURE__ */ new Map();
     this.itemInstances = /* @__PURE__ */ new Map();
     this.appUrl = process.env.NODE_ENV === "development" ? "http://localhost:3000" : "https://weaverse.io";
@@ -74,7 +74,7 @@ var _Weaverse = class {
       rootId: 0
     };
     this.listeners = /* @__PURE__ */ new Set();
-    this.isEditor = false;
+    this.isDesignMode = false;
     this.mediaBreakPoints = {
       desktop: "all",
       mobile: "(max-width: 767.98px)"
@@ -97,6 +97,8 @@ var _Weaverse = class {
     this.appUrl = appUrl || this.appUrl;
     this.projectKey = projectKey || this.projectKey;
     this.mediaBreakPoints = mediaBreakPoints || this.mediaBreakPoints;
+    this.isDesignMode = isDesignMode || this.isDesignMode;
+    console.log("set design mode", this.isDesignMode);
     projectData && (this.projectData = projectData);
     this.init();
   }
@@ -114,8 +116,8 @@ var _Weaverse = class {
     this.initProjectItemData();
   }
   loadStudio() {
-    if (isIframe) {
-      this.isEditor = true;
+    console.log("this.isDesignMode", this.isDesignMode);
+    if (this.isDesignMode && isIframe) {
       let initStudio = () => {
         this.studioBridge = new window.WeaverseStudioBridge(this);
         this.studioBridge.subscribeMessageEvent();
@@ -140,7 +142,7 @@ var _Weaverse = class {
   }
   triggerUpdate() {
     this.listeners.forEach((fn) => fn());
-    if (this.isEditor && this.studioBridge) {
+    if (this.isDesignMode && this.studioBridge) {
       this.studioBridge.sendMessageToEditor("weaverse.editor.updateProject", {
         projectData: this.projectData,
         projectKey: this.projectKey,

package/package.json

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