@weaverse/core 0.3.3 → 0.3.6

package/dist/index.d.ts

@@ -1,5 +1,34 @@
 import Stitches from '@stitches/core/types/stitches';
 
+declare type WeaverseElementMap = {
+    [key: string]: WeaverseElement;
+};
+declare type WeaverseElement = {
+    Component: any;
+    schema: WeaverseElementSchema;
+};
+declare type WeaverseElementSchema = {
+    title: string;
+    type: string;
+    settings: WeaverseElementSetting[];
+};
+declare type WeaverseElementSetting = {
+    tab: string;
+    label: string;
+    inspectors: WeaverseElementInspector[];
+};
+declare type WeaverseElementInspector = {
+    binding: 'data' | 'style';
+    key: string;
+    componentType: InspectorComponentType;
+};
+declare type InspectorComponentType = "textarea" | "color";
+declare global {
+    interface Window {
+        WeaverseStudioBridge: any;
+    }
+}
+
 interface ProjectDataItemType {
     type: string;
     name?: string;
@@ -53,7 +82,7 @@ declare class Weaverse {
      * For storing, registering element React component from Weaverse or created by user/developer
      * @type {Map<string, React.Component>}
      */
-    elementInstances: Map<string, any>;
+    elementInstances: Map<string, WeaverseElement>;
     /**
      * list of element/items store to provide data, handle state update, state sharing, etc.
      * @type {Map<string, any>}
@@ -104,7 +133,7 @@ declare class Weaverse {
      * @param name {string} unique name of the custom React Component
      * @param element {React.Component} custom React Component
      */
-    registerElement(name: string, element: any): void;
+    registerElement(element: WeaverseElement): void;
     init(): void;
     loadStudio(): void;
     subscribe(fn: any): void;
@@ -126,4 +155,4 @@ declare const isReactNative: boolean;
 declare const isBrowser: boolean;
 declare const isIframe: boolean;
 
-export { ProjectDataItemType, ProjectDataType, Weaverse, WeaverseItemStore, WeaverseType, isBrowser, isIframe, isReactNative };
+export { InspectorComponentType, ProjectDataItemType, ProjectDataType, Weaverse, WeaverseElement, WeaverseElementInspector, WeaverseElementMap, WeaverseElementSchema, WeaverseElementSetting, WeaverseItemStore, WeaverseType, isBrowser, isIframe, isReactNative };

package/dist/index.js

@@ -4,27 +4,20 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
 var src_exports = {};
@@ -35,6 +28,7 @@ __export(src_exports, {
   isIframe: () => isIframe,
   isReactNative: () => isReactNative
 });
+module.exports = __toCommonJS(src_exports);
 
 // src/utils/index.ts
 var isReactNative = typeof navigator === "object" && navigator.product === "ReactNative";
@@ -70,7 +64,6 @@ var WeaverseItemStore = class {
     if (type && id) {
       this.Component = weaverse.elementInstances.get(type);
       weaverse.itemInstances.set(id, this);
-      console.log("WeaverseItemStore created", this);
     }
   }
 };
@@ -91,12 +84,17 @@ var Weaverse = class {
     projectData && (this.projectData = projectData);
     this.init();
   }
-  registerElement(name, element) {
-    this.elementInstances.set(name, element);
+  registerElement(element) {
+    var _a;
+    if ((_a = element == null ? void 0 : element.schema) == null ? void 0 : _a.type) {
+      this.elementInstances.set(element.schema.type, element);
+    } else {
+      throw new Error("Weaverse: registerElement: schema.type is required");
+    }
   }
   init() {
     this.stitchesInstance = stitches.createStitches({
-      prefix: "weaverse",
+      prefix: "we",
       media: {
         bp1: "(min-width: 640px)",
         bp2: "(max-width: 768px)",
@@ -106,9 +104,7 @@ var Weaverse = class {
     this.loadStudio();
   }
   loadStudio() {
-    console.log("loadStudio", { isIframe });
     if (isIframe) {
-      console.log("Weaverse SDK is initializing...", isIframe);
       window.addEventListener("message", (e) => {
         var _a;
         if (((_a = e.data) == null ? void 0 : _a.type) === "weaverse.preview.initializeEditor") {
@@ -117,9 +113,7 @@ var Weaverse = class {
             this.studioBridge = new StudioBridge(this);
             this.studioBridge.subscribeMessageEvent();
             this.triggerUpdate();
-            console.log("studio bridge initialized", this.studioBridge);
           };
-          console.log("studio message", e.data);
           this.isEditor = true;
           if (!window.WeaverseStudioBridge) {
             const studioBridgeScript = document.createElement("script");
@@ -151,7 +145,6 @@ var Weaverse = class {
     }
   }
   fetchProjectData(fetch = globalThis.fetch) {
-    console.log("fetching project data...");
     return fetch(this.appUrl + `/api/public/${this.projectKey}`).then((r) => r.json()).catch(console.error);
   }
   updateProjectData() {
@@ -169,11 +162,9 @@ var Weaverse = class {
   }
   initProjectItemData() {
     let data = this.projectData;
-    console.log("init project data", data);
     if (data.items) {
       data.items.forEach((item) => {
         if (!this.itemInstances.get(item.id)) {
-          console.log("init item instance", item);
           new WeaverseItemStore(item, this);
         }
       });
@@ -181,7 +172,6 @@ var Weaverse = class {
   }
 };
 Weaverse.WeaverseItemStore = WeaverseItemStore;
-module.exports = __toCommonJS(src_exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Weaverse,

package/dist/index.mjs

@@ -32,7 +32,6 @@ var WeaverseItemStore = class {
     if (type && id) {
       this.Component = weaverse.elementInstances.get(type);
       weaverse.itemInstances.set(id, this);
-      console.log("WeaverseItemStore created", this);
     }
   }
 };
@@ -53,12 +52,17 @@ var Weaverse = class {
     projectData && (this.projectData = projectData);
     this.init();
   }
-  registerElement(name, element) {
-    this.elementInstances.set(name, element);
+  registerElement(element) {
+    var _a;
+    if ((_a = element == null ? void 0 : element.schema) == null ? void 0 : _a.type) {
+      this.elementInstances.set(element.schema.type, element);
+    } else {
+      throw new Error("Weaverse: registerElement: schema.type is required");
+    }
   }
   init() {
     this.stitchesInstance = stitches.createStitches({
-      prefix: "weaverse",
+      prefix: "we",
       media: {
         bp1: "(min-width: 640px)",
         bp2: "(max-width: 768px)",
@@ -68,9 +72,7 @@ var Weaverse = class {
     this.loadStudio();
   }
   loadStudio() {
-    console.log("loadStudio", { isIframe });
     if (isIframe) {
-      console.log("Weaverse SDK is initializing...", isIframe);
       window.addEventListener("message", (e) => {
         var _a;
         if (((_a = e.data) == null ? void 0 : _a.type) === "weaverse.preview.initializeEditor") {
@@ -79,9 +81,7 @@ var Weaverse = class {
             this.studioBridge = new StudioBridge(this);
             this.studioBridge.subscribeMessageEvent();
             this.triggerUpdate();
-            console.log("studio bridge initialized", this.studioBridge);
           };
-          console.log("studio message", e.data);
           this.isEditor = true;
           if (!window.WeaverseStudioBridge) {
             const studioBridgeScript = document.createElement("script");
@@ -113,7 +113,6 @@ var Weaverse = class {
     }
   }
   fetchProjectData(fetch = globalThis.fetch) {
-    console.log("fetching project data...");
     return fetch(this.appUrl + `/api/public/${this.projectKey}`).then((r) => r.json()).catch(console.error);
   }
   updateProjectData() {
@@ -131,11 +130,9 @@ var Weaverse = class {
   }
   initProjectItemData() {
     let data = this.projectData;
-    console.log("init project data", data);
     if (data.items) {
       data.items.forEach((item) => {
         if (!this.itemInstances.get(item.id)) {
-          console.log("init item instance", item);
           new WeaverseItemStore(item, this);
         }
       });

package/package.json

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