@weaverse/core 0.6.19 → 0.6.20

package/dist/index.d.ts

@@ -40,89 +40,102 @@ declare const stichesUtils: {
     };
 };
 
+declare type TODO = any;
 interface ProjectDataType {
-    items: WeaverseElementData[];
+    items: ElementData[];
     rootId: string;
     script: {
         css: string;
         js: string;
     };
 }
-declare type WeaverseType = {
+interface WeaverseType {
     mediaBreakPoints?: any;
     appUrl?: string;
     projectKey?: string;
     projectData?: ProjectDataType;
     isDesignMode?: boolean;
     ssrMode?: boolean;
-};
-declare type TODO = any;
-declare type WeaverseElementMap = {
-    [key: string]: WeaverseElement;
-};
+}
 declare type WeaverseElement = {
     Component: ForwardRefExoticComponent<any>;
     type: string;
-    schema?: WeaverseElementSchema;
+    schema?: ElementSchema;
 };
+interface ElementsMap {
+    [key: string]: WeaverseElement;
+}
 declare type CatalogGroup = "essential" | "composition" | "other";
-declare type WeaverseElementCatalog = {
+interface ElementCatalog {
     name: string;
     icon?: string;
     group?: CatalogGroup;
-};
-declare type ElementFlags = "draggable" | "resizable" | "sortable";
-declare type WeaverseElementFlags = {
-    [key in ElementFlags]?: boolean;
-};
+}
+declare type FlagType = "draggable" | "resizable" | "sortable";
+declare type ElementFlags = Partial<Record<FlagType, boolean>>;
 declare type ToolbarAction = "duplicate" | "delete" | "edit-button" | "insert-link" | "select-template" | "copy-styles" | "paste-styles";
-declare type WeaverseChildElement = {
+interface ChildElement {
     label: string;
     selector: string;
-};
-declare type ElementParentType = "container" | "layout" | "root";
-declare type ElementGridSize = {
+}
+declare type ParentType = "container" | "layout" | "root";
+declare type GridSize = {
     rowSpan: number;
     colSpan: number;
 };
-declare type WeaverseElementSchema = {
-    type: string;
-    parentType: ElementParentType;
-    gridSize?: ElementGridSize;
+interface ElementSchema {
     title: string;
+    type: string;
+    parentType: ParentType;
+    gridSize?: GridSize;
     inspector?: ElementInspector;
     toolbar?: (ToolbarAction | ToolbarAction[])[];
-    subElements?: WeaverseChildElement[];
-    catalog?: WeaverseElementCatalog;
-    flags?: WeaverseElementFlags;
-};
-declare type WeaverseElementData = {
+    subElements?: ChildElement[];
+    catalog?: ElementCatalog;
+    flags?: ElementFlags;
+}
+interface ElementData {
     id: string;
     type: string;
-    childIds?: (string | number)[] | undefined;
-    css?: WeaverseElementCSS;
+    childIds?: (string | number)[];
+    css?: ElementCSS;
     [key: string]: any;
-};
+}
 declare type WeaverseCSSProperties = Stitches.CSS & Partial<Record<keyof typeof stichesUtils, string | number>>;
 declare type ChildElementCSS = Partial<{
     [selector: string]: WeaverseCSSProperties & ChildElementCSS;
 }>;
-declare type WeaverseElementCSS = Partial<Record<"@desktop" | "@mobile", WeaverseCSSProperties | ChildElementCSS>>;
-declare type ElementInspector = {
-    settings?: InspectorInput[];
-    styles?: InspectorInput[];
+interface ElementCSS {
+    "@desktop"?: WeaverseCSSProperties | ChildElementCSS;
+    "@mobile"?: WeaverseCSSProperties | ChildElementCSS;
+}
+interface ElementInspector {
+    settings?: (AdvancedGroup | BasicGroup)[];
+    styles?: (AdvancedGroup | BasicGroup)[];
+}
+declare type AdvancedGroup = {
+    type: AdvancedInput;
 };
-declare type InspectorInput = {
+declare type BasicGroup = {
+    type: "basic";
+    label: string;
+    inputs: BasicInput[];
+};
+declare type AdvancedInput = "alignment" | "background" | "border" | "countdown" | "dimensions" | "form" | "instagram" | "product" | "spacing" | "visibility";
+interface BasicInput {
     type: InputType;
-    label?: string;
-    name?: string;
+    label: string;
+    name: string;
     defaultValue?: string;
+    placeholder?: string;
     helpText?: string;
-    options?: TODO[];
+    options?: {
+        value: string;
+        label: string;
+    }[];
     conditions?: TODO[];
-    [key: string]: TODO;
-};
-declare type InputType = "select" | "checkbox" | "radio" | "range" | "button" | "image" | "file" | "hidden" | "alignment" | "color" | "dimensions" | "flex" | "grid" | "input" | "switch" | "spacing" | "textarea" | "visibility" | "border" | "background" | "typography" | "shadow" | "position" | "overflow" | "display" | "other";
+}
+declare type InputType = "select" | "radio" | "range" | "button" | "image" | "color" | "input" | "switch" | "textarea";
 declare global {
     interface Window {
         WeaverseStudioBridge: TODO;
@@ -132,7 +145,7 @@ declare global {
 
 /**
  * WeaverseItemStore is a store for Weaverse item, it can be used to subscribe/update the item data
- * @param itemData {WeaverseElementData} Weaverse item data
+ * @param itemData {ElementData} Weaverse item data
  * @param weaverse {Weaverse} Weaverse instance
  * @example
  * useEffect(() => {
@@ -150,15 +163,15 @@ declare class WeaverseItemStore {
     ref: RefObject<HTMLElement>;
     weaverse: Weaverse;
     stitchesClass: string;
-    _data: WeaverseElementData;
-    _flags: WeaverseElementFlags;
-    constructor(itemData: WeaverseElementData, weaverse: Weaverse);
+    _data: ElementData;
+    _flags: ElementFlags;
+    constructor(itemData: ElementData, weaverse: Weaverse);
     get _id(): string;
     get _element(): HTMLElement | null;
     get Element(): WeaverseElement | undefined;
-    set data(data: Omit<WeaverseElementData, "id" | "type">);
-    get data(): WeaverseElementData;
-    setData: (data: Omit<WeaverseElementData, "id" | "type">) => WeaverseElementData;
+    set data(data: Omit<ElementData, "id" | "type">);
+    get data(): ElementData;
+    setData: (data: Omit<ElementData, "id" | "type">) => ElementData;
     subscribe: (fn: any) => void;
     unsubscribe: (fn: any) => void;
     triggerUpdate: () => void;
@@ -261,4 +274,4 @@ declare const isReactNative: boolean;
 declare const isBrowser: boolean;
 declare const isIframe: boolean;
 
-export { CatalogGroup, ChildElementCSS, ElementFlags, ElementGridSize, ElementInspector, ElementParentType, InputType, InspectorInput, ProjectDataType, TODO, ToolbarAction, Weaverse, WeaverseCSSProperties, WeaverseChildElement, WeaverseElement, WeaverseElementCSS, WeaverseElementCatalog, WeaverseElementData, WeaverseElementFlags, WeaverseElementMap, WeaverseElementSchema, WeaverseItemStore, WeaverseType, isBrowser, isIframe, isReactNative };
+export { AdvancedGroup, AdvancedInput, BasicGroup, BasicInput, CatalogGroup, ChildElement, ChildElementCSS, ElementCSS, ElementCatalog, ElementData, ElementFlags, ElementInspector, ElementSchema, ElementsMap, FlagType, GridSize, InputType, ParentType, ProjectDataType, TODO, ToolbarAction, Weaverse, WeaverseCSSProperties, WeaverseElement, WeaverseItemStore, WeaverseType, isBrowser, isIframe, isReactNative };

package/dist/index.js

@@ -47,6 +47,11 @@ module.exports = __toCommonJS(src_exports);
 // src/core.ts
 var stitches = __toESM(require("@stitches/core"));
 
+// src/utils/index.ts
+var isReactNative = typeof navigator === "object" && navigator.product === "ReactNative";
+var isBrowser = typeof window !== "undefined" && !isReactNative;
+var isIframe = isBrowser && window.top !== window.self;
+
 // src/utils/styles.ts
 var stichesUtils = {
   m: (value) => ({
@@ -86,11 +91,6 @@ var stichesUtils = {
   })
 };
 
-// src/utils/index.ts
-var isReactNative = typeof navigator === "object" && navigator.product === "ReactNative";
-var isBrowser = typeof window !== "undefined" && !isReactNative;
-var isIframe = isBrowser && window.top !== window.self;
-
 // src/core.ts
 var WeaverseItemStore = class {
   constructor(itemData, weaverse) {
@@ -193,6 +193,9 @@ var _Weaverse = class {
   }
   registerElement(element) {
     if (element == null ? void 0 : element.type) {
+      if (this.elementInstances.has(element.type)) {
+        throw new Error(`Weaverse: Element '${element.type}' already registered`);
+      }
       this.elementInstances.set(element == null ? void 0 : element.type, element);
     } else {
       throw new Error("Weaverse: registerElement: `type` is required");

package/dist/index.mjs

@@ -18,6 +18,11 @@ var __spreadValues = (a, b) => {
 // src/core.ts
 import * as stitches from "@stitches/core";
 
+// src/utils/index.ts
+var isReactNative = typeof navigator === "object" && navigator.product === "ReactNative";
+var isBrowser = typeof window !== "undefined" && !isReactNative;
+var isIframe = isBrowser && window.top !== window.self;
+
 // src/utils/styles.ts
 var stichesUtils = {
   m: (value) => ({
@@ -57,11 +62,6 @@ var stichesUtils = {
   })
 };
 
-// src/utils/index.ts
-var isReactNative = typeof navigator === "object" && navigator.product === "ReactNative";
-var isBrowser = typeof window !== "undefined" && !isReactNative;
-var isIframe = isBrowser && window.top !== window.self;
-
 // src/core.ts
 var WeaverseItemStore = class {
   constructor(itemData, weaverse) {
@@ -164,6 +164,9 @@ var _Weaverse = class {
   }
   registerElement(element) {
     if (element == null ? void 0 : element.type) {
+      if (this.elementInstances.has(element.type)) {
+        throw new Error(`Weaverse: Element '${element.type}' already registered`);
+      }
       this.elementInstances.set(element == null ? void 0 : element.type, element);
     } else {
       throw new Error("Weaverse: registerElement: `type` is required");

package/package.json

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