@weaverse/core 0.6.22 → 0.6.23

package/dist/index.d.ts

@@ -71,7 +71,7 @@ interface ElementCatalog {
     icon?: string;
     group?: CatalogGroup;
 }
-declare type FlagType = "draggable" | "resizable" | "sortable";
+declare type FlagType = "draggable" | "resizable" | "sortable" | "droppable";
 declare type ElementFlags = Partial<Record<FlagType, boolean>>;
 declare type ToolbarAction = "duplicate" | "delete" | "edit-button" | "insert-link" | "select-template" | "copy-styles" | "paste-styles";
 interface ChildElement {
@@ -140,6 +140,7 @@ declare global {
     interface Window {
         WeaverseStudioBridge: TODO;
         weaverseShopifyProducts: TODO;
+        weaverseGlobalSettings: TODO;
     }
 }
 
@@ -209,13 +210,6 @@ declare class Weaverse {
      * @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
-     * else render the preview UI, plain HTML + CSS + React hydrate
-     * @type {boolean}
-     */
-    isDesignMode: boolean;
     /**
      * Use in element to optionally render special HTML for hydration
      * @type {boolean}
@@ -237,10 +231,9 @@ declare class Weaverse {
      * @param projectKey {string} Weaverse project key to access project data via API
      * @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.
-     * @param isDesignMode {boolean} check whether the sdk is isDesignMode or not
      * @param ssrMode {boolean} Use in element to optionally render special HTML for hydration
      */
-    constructor({ appUrl, projectKey, projectData, mediaBreakPoints, isDesignMode, ssrMode }?: WeaverseType);
+    constructor({ appUrl, projectKey, projectData, mediaBreakPoints, ssrMode }?: WeaverseType);
     loadStudio(): void;
     /**
      * register the custom React Component to Weaverse, store it into Weaverse.elementInstances

package/dist/index.js

@@ -142,7 +142,7 @@ var WeaverseItemStore = class {
   }
 };
 var _Weaverse = class {
-  constructor({ appUrl, projectKey, projectData, mediaBreakPoints, isDesignMode, ssrMode } = {}) {
+  constructor({ appUrl, projectKey, projectData, mediaBreakPoints, ssrMode } = {}) {
     this.elementInstances = /* @__PURE__ */ new Map();
     this.itemInstances = /* @__PURE__ */ new Map();
     this.appUrl = process.env.NODE_ENV === "development" ? "http://localhost:3000" : "https://weaverse.io";
@@ -153,7 +153,6 @@ var _Weaverse = class {
       script: { css: "", js: "" }
     };
     this.listeners = /* @__PURE__ */ new Set();
-    this.isDesignMode = false;
     this.ssrMode = false;
     this.mediaBreakPoints = {
       desktop: "all",
@@ -169,27 +168,28 @@ var _Weaverse = class {
     this.appUrl = appUrl || this.appUrl;
     this.projectKey = projectKey || this.projectKey;
     this.mediaBreakPoints = mediaBreakPoints || this.mediaBreakPoints;
-    this.isDesignMode = isDesignMode || this.isDesignMode;
     this.ssrMode = ssrMode || this.ssrMode;
     projectData && (this.projectData = projectData);
     this.init();
   }
   loadStudio() {
-    if (this.isDesignMode && isIframe) {
-      const initStudio = () => {
-        this.studioBridge = new window.WeaverseStudioBridge(this);
-        this.triggerUpdate();
-      };
-      if (!window.WeaverseStudioBridge) {
-        const studioBridgeScript = document.createElement("script");
-        studioBridgeScript.src = `${this.appUrl}/assets/studio/studio-bridge.js`;
-        studioBridgeScript.type = "module";
-        studioBridgeScript.onload = initStudio;
-        document.body.appendChild(studioBridgeScript);
-      } else {
-        initStudio();
+    setTimeout(() => {
+      if (isIframe) {
+        const initStudio = () => {
+          this.studioBridge = new window.WeaverseStudioBridge(this);
+          this.triggerUpdate();
+        };
+        if (!window.WeaverseStudioBridge) {
+          const studioBridgeScript = document.createElement("script");
+          studioBridgeScript.src = `${this.appUrl}/assets/studio/studio-bridge.js`;
+          studioBridgeScript.type = "module";
+          studioBridgeScript.onload = initStudio;
+          document.body.appendChild(studioBridgeScript);
+        } else {
+          initStudio();
+        }
       }
-    }
+    }, 2e3);
   }
   registerElement(element) {
     if (element == null ? void 0 : element.type) {
@@ -204,9 +204,6 @@ var _Weaverse = class {
   init() {
     this.initStitches();
     this.initProjectItemData();
-    setTimeout(() => {
-      this.loadStudio();
-    }, 1e3);
   }
   subscribe(fn) {
     this.listeners.add(fn);

package/dist/index.mjs

@@ -113,7 +113,7 @@ var WeaverseItemStore = class {
   }
 };
 var _Weaverse = class {
-  constructor({ appUrl, projectKey, projectData, mediaBreakPoints, isDesignMode, ssrMode } = {}) {
+  constructor({ appUrl, projectKey, projectData, mediaBreakPoints, ssrMode } = {}) {
     this.elementInstances = /* @__PURE__ */ new Map();
     this.itemInstances = /* @__PURE__ */ new Map();
     this.appUrl = process.env.NODE_ENV === "development" ? "http://localhost:3000" : "https://weaverse.io";
@@ -124,7 +124,6 @@ var _Weaverse = class {
       script: { css: "", js: "" }
     };
     this.listeners = /* @__PURE__ */ new Set();
-    this.isDesignMode = false;
     this.ssrMode = false;
     this.mediaBreakPoints = {
       desktop: "all",
@@ -140,27 +139,28 @@ var _Weaverse = class {
     this.appUrl = appUrl || this.appUrl;
     this.projectKey = projectKey || this.projectKey;
     this.mediaBreakPoints = mediaBreakPoints || this.mediaBreakPoints;
-    this.isDesignMode = isDesignMode || this.isDesignMode;
     this.ssrMode = ssrMode || this.ssrMode;
     projectData && (this.projectData = projectData);
     this.init();
   }
   loadStudio() {
-    if (this.isDesignMode && isIframe) {
-      const initStudio = () => {
-        this.studioBridge = new window.WeaverseStudioBridge(this);
-        this.triggerUpdate();
-      };
-      if (!window.WeaverseStudioBridge) {
-        const studioBridgeScript = document.createElement("script");
-        studioBridgeScript.src = `${this.appUrl}/assets/studio/studio-bridge.js`;
-        studioBridgeScript.type = "module";
-        studioBridgeScript.onload = initStudio;
-        document.body.appendChild(studioBridgeScript);
-      } else {
-        initStudio();
+    setTimeout(() => {
+      if (isIframe) {
+        const initStudio = () => {
+          this.studioBridge = new window.WeaverseStudioBridge(this);
+          this.triggerUpdate();
+        };
+        if (!window.WeaverseStudioBridge) {
+          const studioBridgeScript = document.createElement("script");
+          studioBridgeScript.src = `${this.appUrl}/assets/studio/studio-bridge.js`;
+          studioBridgeScript.type = "module";
+          studioBridgeScript.onload = initStudio;
+          document.body.appendChild(studioBridgeScript);
+        } else {
+          initStudio();
+        }
       }
-    }
+    }, 2e3);
   }
   registerElement(element) {
     if (element == null ? void 0 : element.type) {
@@ -175,9 +175,6 @@ var _Weaverse = class {
   init() {
     this.initStitches();
     this.initProjectItemData();
-    setTimeout(() => {
-      this.loadStudio();
-    }, 1e3);
   }
   subscribe(fn) {
     this.listeners.add(fn);

package/package.json

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