@weaverse/core 0.5.11 → 0.6.1

package/dist/index.d.ts

@@ -9,31 +9,26 @@ declare type WeaverseElement = {
     schema: WeaverseElementSchema;
 };
 declare type WeaverseElementSchema = {
-    title: string;
+    title?: string;
     type: string;
-    settings: WeaverseElementSetting[];
+    settings?: WeaverseElementSettingInput[];
+    styles?: WeaverseElementStyleInput[];
     toolbar?: TODO;
     data?: TODO;
 };
-declare type WeaverseElementSetting = {
-    tab: string;
-    label: string;
-    inspectors: WeaverseElementInspector[];
-};
-declare type WeaverseElementInspector = {
-    binding?: "data" | "style";
-    key?: string;
-    label?: string;
-    placeholder?: string;
-    type: InspectorInputType;
-    options?: InspectorOption[];
-    default?: TODO;
+declare type WeaverseElementStyleInput = {
+    name?: string;
+    type: 'alignment' | 'color' | 'dimensions' | 'flex' | 'grid' | 'input' | 'switch' | 'spacing' | 'textarea' | 'visibility' | 'border' | 'background' | 'typography' | 'shadow' | 'position' | 'overflow' | 'display' | 'other';
+    defaultValue?: string;
 };
-declare type InspectorOption = {
-    value: TODO;
-    label: string;
+declare type WeaverseElementSettingInput = {
+    type: 'input' | 'textarea' | 'select' | 'checkbox' | 'radio' | 'color' | 'range' | 'button' | 'image';
+    name: string;
+    defaultValue?: string;
+    helpText?: string;
+    options?: TODO[];
+    condition?: TODO;
 };
-declare type InspectorInputType = "alignment" | "color" | "dimensions" | "flex" | "grid" | "input" | "switch" | "spacing" | "textarea" | "select" | "visibility" | "border" | "image";
 declare global {
     interface Window {
         WeaverseStudioBridge: TODO;
@@ -185,4 +180,4 @@ declare const isReactNative: boolean;
 declare const isBrowser: boolean;
 declare const isIframe: boolean;
 
-export { InspectorInputType, InspectorOption, MediaBreakpoints, ProjectDataItemType, ProjectDataType, TODO, Weaverse, WeaverseElement, WeaverseElementInspector, WeaverseElementMap, WeaverseElementSchema, WeaverseElementSetting, WeaverseItemStore, WeaverseType, isBrowser, isIframe, isReactNative };
+export { MediaBreakpoints, ProjectDataItemType, ProjectDataType, TODO, Weaverse, WeaverseElement, WeaverseElementMap, WeaverseElementSchema, WeaverseElementSettingInput, WeaverseElementStyleInput, WeaverseItemStore, WeaverseType, isBrowser, isIframe, isReactNative };

package/dist/index.js

@@ -127,7 +127,6 @@ var _Weaverse = class {
     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,13 +142,12 @@ var _Weaverse = class {
     this.initStitches();
     this.loadStudio();
     this.initProjectItemData();
+    this.updateProjectData();
   }
   loadStudio() {
-    console.log("this.isDesignMode", this.isDesignMode);
     if (this.isDesignMode && isIframe) {
       let initStudio = () => {
         this.studioBridge = new window.WeaverseStudioBridge(this);
-        this.studioBridge.subscribeMessageEvent();
         this.triggerUpdate();
       };
       if (!window.WeaverseStudioBridge) {
@@ -171,13 +169,6 @@ var _Weaverse = class {
   }
   triggerUpdate() {
     this.listeners.forEach((fn) => fn());
-    if (this.isDesignMode && this.studioBridge) {
-      this.studioBridge.sendMessageToEditor("weaverse.editor.updateProject", {
-        projectData: this.projectData,
-        projectKey: this.projectKey,
-        appUrl: this.appUrl
-      });
-    }
   }
   static fetchProjectData({
     fetch = globalThis.fetch,
@@ -187,7 +178,7 @@ var _Weaverse = class {
     return fetch(appUrl + `/api/public/${projectKey}`).then((r) => r.json()).catch(console.error);
   }
   updateProjectData() {
-    if (this.projectKey) {
+    if (this.projectKey && !this.projectData.rootId) {
       _Weaverse.fetchProjectData({ appUrl: this.appUrl, projectKey: this.projectKey }).then((data) => {
         if (data) {
           this.projectData = data;

package/dist/index.mjs

@@ -98,7 +98,6 @@ var _Weaverse = class {
     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,13 +113,12 @@ var _Weaverse = class {
     this.initStitches();
     this.loadStudio();
     this.initProjectItemData();
+    this.updateProjectData();
   }
   loadStudio() {
-    console.log("this.isDesignMode", this.isDesignMode);
     if (this.isDesignMode && isIframe) {
       let initStudio = () => {
         this.studioBridge = new window.WeaverseStudioBridge(this);
-        this.studioBridge.subscribeMessageEvent();
         this.triggerUpdate();
       };
       if (!window.WeaverseStudioBridge) {
@@ -142,13 +140,6 @@ var _Weaverse = class {
   }
   triggerUpdate() {
     this.listeners.forEach((fn) => fn());
-    if (this.isDesignMode && this.studioBridge) {
-      this.studioBridge.sendMessageToEditor("weaverse.editor.updateProject", {
-        projectData: this.projectData,
-        projectKey: this.projectKey,
-        appUrl: this.appUrl
-      });
-    }
   }
   static fetchProjectData({
     fetch = globalThis.fetch,
@@ -158,7 +149,7 @@ var _Weaverse = class {
     return fetch(appUrl + `/api/public/${projectKey}`).then((r) => r.json()).catch(console.error);
   }
   updateProjectData() {
-    if (this.projectKey) {
+    if (this.projectKey && !this.projectData.rootId) {
       _Weaverse.fetchProjectData({ appUrl: this.appUrl, projectKey: this.projectKey }).then((data) => {
         if (data) {
           this.projectData = data;

package/package.json

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