@weaverse/core 1.0.22 → 1.0.24

package/dist/index.d.ts

@@ -61,10 +61,10 @@ declare class WeaverseItemStore {
     weaverse: Weaverse;
     stitchesClass: string;
     _data: ElementData;
-    _flags: ElementFlags;
     constructor(itemData: ElementData, weaverse: Weaverse);
     get _id(): string;
     get _element(): HTMLElement | null;
+    get _flags(): Partial<Record<FlagType, boolean>>;
     get Element(): WeaverseElement | undefined;
     set data(data: Omit<ElementData, "id" | "type">);
     get data(): ElementData;
@@ -91,11 +91,17 @@ declare class Weaverse {
      * @type {string}
      */
     weaverseHost: string;
+    /**
+     * Weaverse version, it can be used to load the correct version of Weaverse SDK
+     * @type {string}
+     */
+    weaverseVersion: string;
     /**
      * Weaverse project key to access project data via API
      * @type {string}
      */
     projectId: string;
+    pageId: string;
     /**
      * Weaverse project data, by default, user can provide project data via React Component:
      * <WeaverseRoot data={data} /> it will be used to server-side rendering
@@ -146,8 +152,8 @@ declare class Weaverse {
      * @param elementSchemas {Array<ElementSchema>} List of element schemas
      * @param platformType {PlatformTypeEnum} Check the platform, shopify-section or react-ssr(hydrogen)
      */
-    constructor({ weaverseHost, projectId, data, mediaBreakPoints, isDesignMode, ssrMode, elementSchemas, platformType, }?: WeaverseType);
-    init({ weaverseHost, elementSchemas, platformType, projectId, data, mediaBreakPoints, isDesignMode, ssrMode, }?: WeaverseType): void;
+    constructor({ weaverseHost, weaverseVersion, projectId, data, mediaBreakPoints, isDesignMode, ssrMode, elementSchemas, platformType, pageId, }?: WeaverseType);
+    init({ weaverseHost, weaverseVersion, elementSchemas, platformType, projectId, data, mediaBreakPoints, isDesignMode, ssrMode, pageId, }?: WeaverseType): void;
     /**
      * Register the custom React Component to Weaverse, store it into Weaverse.elementInstances
      * @param element {WeaverseElement} custom React Component
@@ -178,7 +184,9 @@ type PlatformTypeEnum = "shopify-section" | "shopify-hydrogen" | "nextjs";
 interface WeaverseType {
     mediaBreakPoints?: BreakPoints;
     weaverseHost?: string;
+    weaverseVersion?: string;
     projectId?: string;
+    pageId?: string;
     data?: WeaverseProjectDataType;
     isDesignMode?: boolean;
     ssrMode?: boolean;
@@ -202,7 +210,7 @@ interface ElementCatalog {
 interface ElementDataInCatalog extends Omit<ElementData, "id"> {
     id: string | number;
 }
-type FlagType = "draggable" | "resizable" | "sortable" | "ignoreShortcutKeys" | "hasContextMenu" | "isSortableContext";
+type FlagType = "draggable" | "resizable" | "sortable" | "ignoreShortcutKeys" | "hasContextMenu" | "isSortableContext" | "mustHaveChildren";
 type ElementFlags = Partial<Record<FlagType, boolean>>;
 type ChildElementSelector = string | string[];
 interface ChildElement {

package/dist/index.js

@@ -121,7 +121,6 @@ var WeaverseItemStore = class {
     };
     this.stitchesClass = "";
     this._data = { id: "", type: "" };
-    this._flags = {};
     this.setData = (data) => {
       this.data = Object.assign(this.data, data);
       this.triggerUpdate();
@@ -151,6 +150,9 @@ var WeaverseItemStore = class {
   get _element() {
     return this.ref.current;
   }
+  get _flags() {
+    return this.Element?.schema?.flags || {};
+  }
   get Element() {
     return this.weaverse.elementInstances.get(this._data.type);
   }
@@ -179,13 +181,15 @@ var Weaverse = class {
    */
   constructor({
     weaverseHost,
+    weaverseVersion,
     projectId,
     data,
     mediaBreakPoints,
     isDesignMode,
     ssrMode,
     elementSchemas,
-    platformType
+    platformType,
+    pageId
   } = {}) {
     /**
      * For storing, registering element React component from Weaverse or created by user/developer
@@ -199,12 +203,18 @@ var Weaverse = class {
      * Weaverse base URL that can provide by user/developer. for local development, use localhost:3000
      * @type {string}
      */
-    this.weaverseHost = process.env.NODE_ENV === "development" ? "http://localhost:3000" : "https://studio.weaverse.io";
+    this.weaverseHost = "https://studio.weaverse.io";
+    /**
+     * Weaverse version, it can be used to load the correct version of Weaverse SDK
+     * @type {string}
+     */
+    this.weaverseVersion = "";
     /**
      * Weaverse project key to access project data via API
      * @type {string}
      */
     this.projectId = "";
+    this.pageId = "";
     /**
      * Weaverse project data, by default, user can provide project data via React Component:
      * <WeaverseRoot data={data} /> it will be used to server-side rendering
@@ -253,21 +263,36 @@ var Weaverse = class {
         utils: stitchesUtils
       });
     };
-    this.init({ weaverseHost, projectId, data, platformType, mediaBreakPoints, isDesignMode, ssrMode, elementSchemas });
+    this.init({
+      weaverseHost,
+      weaverseVersion,
+      projectId,
+      data,
+      platformType,
+      mediaBreakPoints,
+      isDesignMode,
+      ssrMode,
+      elementSchemas,
+      pageId
+    });
   }
   init({
     weaverseHost,
+    weaverseVersion,
     elementSchemas,
     platformType,
     projectId,
     data,
     mediaBreakPoints,
     isDesignMode,
-    ssrMode
+    ssrMode,
+    pageId
   } = {}) {
     this.elementSchemas = elementSchemas || this.elementSchemas;
     this.weaverseHost = weaverseHost || this.weaverseHost;
+    this.weaverseVersion = weaverseVersion || this.weaverseVersion;
     this.projectId = projectId || this.projectId;
+    this.pageId = pageId || this.pageId;
     this.mediaBreakPoints = mediaBreakPoints || this.mediaBreakPoints;
     this.isDesignMode = isDesignMode || this.isDesignMode;
     this.ssrMode = ssrMode || this.ssrMode;
@@ -283,11 +308,12 @@ var Weaverse = class {
   registerElement(element) {
     if (element?.type) {
       if (this.elementInstances.has(element.type)) {
-        throw new Error(`Weaverse: Element '${element.type}' already registered`);
+        console.error(`Weaverse: Element '${element.type}' already registered`);
+        return;
       }
       this.elementInstances.set(element?.type, element);
     } else {
-      throw new Error("Weaverse: registerElement: `type` is required");
+      console.error("Weaverse: registerElement: `type` is required");
     }
   }
   subscribe(fn) {

package/dist/index.mjs

@@ -79,7 +79,6 @@ var WeaverseItemStore = class {
     };
     this.stitchesClass = "";
     this._data = { id: "", type: "" };
-    this._flags = {};
     this.setData = (data) => {
       this.data = Object.assign(this.data, data);
       this.triggerUpdate();
@@ -109,6 +108,9 @@ var WeaverseItemStore = class {
   get _element() {
     return this.ref.current;
   }
+  get _flags() {
+    return this.Element?.schema?.flags || {};
+  }
   get Element() {
     return this.weaverse.elementInstances.get(this._data.type);
   }
@@ -137,13 +139,15 @@ var Weaverse = class {
    */
   constructor({
     weaverseHost,
+    weaverseVersion,
     projectId,
     data,
     mediaBreakPoints,
     isDesignMode,
     ssrMode,
     elementSchemas,
-    platformType
+    platformType,
+    pageId
   } = {}) {
     /**
      * For storing, registering element React component from Weaverse or created by user/developer
@@ -157,12 +161,18 @@ var Weaverse = class {
      * Weaverse base URL that can provide by user/developer. for local development, use localhost:3000
      * @type {string}
      */
-    this.weaverseHost = process.env.NODE_ENV === "development" ? "http://localhost:3000" : "https://studio.weaverse.io";
+    this.weaverseHost = "https://studio.weaverse.io";
+    /**
+     * Weaverse version, it can be used to load the correct version of Weaverse SDK
+     * @type {string}
+     */
+    this.weaverseVersion = "";
     /**
      * Weaverse project key to access project data via API
      * @type {string}
      */
     this.projectId = "";
+    this.pageId = "";
     /**
      * Weaverse project data, by default, user can provide project data via React Component:
      * <WeaverseRoot data={data} /> it will be used to server-side rendering
@@ -211,21 +221,36 @@ var Weaverse = class {
         utils: stitchesUtils
       });
     };
-    this.init({ weaverseHost, projectId, data, platformType, mediaBreakPoints, isDesignMode, ssrMode, elementSchemas });
+    this.init({
+      weaverseHost,
+      weaverseVersion,
+      projectId,
+      data,
+      platformType,
+      mediaBreakPoints,
+      isDesignMode,
+      ssrMode,
+      elementSchemas,
+      pageId
+    });
   }
   init({
     weaverseHost,
+    weaverseVersion,
     elementSchemas,
     platformType,
     projectId,
     data,
     mediaBreakPoints,
     isDesignMode,
-    ssrMode
+    ssrMode,
+    pageId
   } = {}) {
     this.elementSchemas = elementSchemas || this.elementSchemas;
     this.weaverseHost = weaverseHost || this.weaverseHost;
+    this.weaverseVersion = weaverseVersion || this.weaverseVersion;
     this.projectId = projectId || this.projectId;
+    this.pageId = pageId || this.pageId;
     this.mediaBreakPoints = mediaBreakPoints || this.mediaBreakPoints;
     this.isDesignMode = isDesignMode || this.isDesignMode;
     this.ssrMode = ssrMode || this.ssrMode;
@@ -241,11 +266,12 @@ var Weaverse = class {
   registerElement(element) {
     if (element?.type) {
       if (this.elementInstances.has(element.type)) {
-        throw new Error(`Weaverse: Element '${element.type}' already registered`);
+        console.error(`Weaverse: Element '${element.type}' already registered`);
+        return;
       }
       this.elementInstances.set(element?.type, element);
     } else {
-      throw new Error("Weaverse: registerElement: `type` is required");
+      console.error("Weaverse: registerElement: `type` is required");
     }
   }
   subscribe(fn) {

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.22",
+  "version": "1.0.24",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",