@weaverse/core 1.0.22 → 1.0.23

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,6 +91,11 @@ 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}
@@ -146,8 +151,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, }?: WeaverseType);
+    init({ weaverseHost, weaverseVersion, elementSchemas, platformType, projectId, data, mediaBreakPoints, isDesignMode, ssrMode, }?: WeaverseType): void;
     /**
      * Register the custom React Component to Weaverse, store it into Weaverse.elementInstances
      * @param element {WeaverseElement} custom React Component
@@ -178,6 +183,7 @@ type PlatformTypeEnum = "shopify-section" | "shopify-hydrogen" | "nextjs";
 interface WeaverseType {
     mediaBreakPoints?: BreakPoints;
     weaverseHost?: string;
+    weaverseVersion?: string;
     projectId?: string;
     data?: WeaverseProjectDataType;
     isDesignMode?: boolean;
@@ -202,7 +208,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,6 +181,7 @@ var Weaverse = class {
    */
   constructor({
     weaverseHost,
+    weaverseVersion,
     projectId,
     data,
     mediaBreakPoints,
@@ -200,6 +203,11 @@ var Weaverse = class {
      * @type {string}
      */
     this.weaverseHost = process.env.NODE_ENV === "development" ? "http://localhost:3000" : "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}
@@ -253,10 +261,21 @@ 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
+    });
   }
   init({
     weaverseHost,
+    weaverseVersion,
     elementSchemas,
     platformType,
     projectId,
@@ -267,6 +286,7 @@ var Weaverse = class {
   } = {}) {
     this.elementSchemas = elementSchemas || this.elementSchemas;
     this.weaverseHost = weaverseHost || this.weaverseHost;
+    this.weaverseVersion = weaverseVersion || this.weaverseVersion;
     this.projectId = projectId || this.projectId;
     this.mediaBreakPoints = mediaBreakPoints || this.mediaBreakPoints;
     this.isDesignMode = isDesignMode || this.isDesignMode;

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,6 +139,7 @@ var Weaverse = class {
    */
   constructor({
     weaverseHost,
+    weaverseVersion,
     projectId,
     data,
     mediaBreakPoints,
@@ -158,6 +161,11 @@ var Weaverse = class {
      * @type {string}
      */
     this.weaverseHost = process.env.NODE_ENV === "development" ? "http://localhost:3000" : "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}
@@ -211,10 +219,21 @@ 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
+    });
   }
   init({
     weaverseHost,
+    weaverseVersion,
     elementSchemas,
     platformType,
     projectId,
@@ -225,6 +244,7 @@ var Weaverse = class {
   } = {}) {
     this.elementSchemas = elementSchemas || this.elementSchemas;
     this.weaverseHost = weaverseHost || this.weaverseHost;
+    this.weaverseVersion = weaverseVersion || this.weaverseVersion;
     this.projectId = projectId || this.projectId;
     this.mediaBreakPoints = mediaBreakPoints || this.mediaBreakPoints;
     this.isDesignMode = isDesignMode || this.isDesignMode;

package/package.json

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