@weaverse/core 0.6.21 → 0.6.22

package/dist/index.d.ts

@@ -1,88 +1,141 @@
-import { CSSProperties } from '@stitches/core';
 import { ForwardRefExoticComponent, RefObject } from 'react';
-import Stitches from '@stitches/core/types/stitches';
+import * as Stitches from '@stitches/core';
+import Stitches$1 from '@stitches/core/types/stitches';
 
+declare const stichesUtils: {
+    m: (value: string) => {
+        margin: string;
+    };
+    mt: (value: string) => {
+        marginTop: string;
+    };
+    mr: (value: string) => {
+        marginRight: string;
+    };
+    mb: (value: string) => {
+        marginBottom: string;
+    };
+    ml: (value: string) => {
+        marginLeft: string;
+    };
+    mx: (value: string) => {
+        marginLeft: string;
+        marginRight: string;
+    };
+    my: (value: string) => {
+        marginTop: string;
+        marginBottom: string;
+    };
+    size: (value: string) => {
+        width: string;
+        height: string;
+    };
+    px: (value: string) => {
+        paddingLeft: string;
+        paddingRight: string;
+    };
+    py: (value: string) => {
+        paddingTop: string;
+        paddingBottom: string;
+    };
+};
+
+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 ParentType = "container" | "layout" | "root";
+declare type GridSize = {
+    rowSpan: number;
+    colSpan: number;
 };
-declare type ElementParentType = "container" | "layout" | "root";
-declare type WeaverseElementSchema = {
-    type: string;
-    parentType: ElementParentType;
+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;
+}>;
+interface ElementCSS {
+    "@desktop"?: WeaverseCSSProperties | ChildElementCSS;
+    "@mobile"?: WeaverseCSSProperties | ChildElementCSS;
+}
+interface ElementInspector {
+    settings?: (AdvancedGroup | BasicGroup)[];
+    styles?: (AdvancedGroup | BasicGroup)[];
+}
+declare type AdvancedGroup = {
+    type: AdvancedInput;
 };
-declare type WeaverseElementCSS = {
-    "@desktop"?: CSSProperties | {
-        [key: string]: CSSProperties;
-    };
-    "@mobile"?: CSSProperties | {
-        [key: string]: CSSProperties;
-    };
-};
-declare type ElementInspector = {
-    settings?: InspectorInput[];
-    styles?: InspectorInput[];
+declare type BasicGroup = {
+    type: "basic";
+    label: string;
+    inputs: BasicInput[];
 };
-declare type InspectorInput = {
+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;
@@ -92,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(() => {
@@ -110,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;
@@ -171,7 +224,7 @@ declare class Weaverse {
     /**
      * stitches instance for handling CSS stylesheet, media, theme for Weaverse project
      */
-    stitchesInstance: Stitches | any;
+    stitchesInstance: Stitches$1 | any;
     studioBridge?: any;
     static WeaverseItemStore: typeof WeaverseItemStore;
     mediaBreakPoints: {
@@ -222,4 +275,4 @@ declare const isReactNative: boolean;
 declare const isBrowser: boolean;
 declare const isIframe: boolean;
 
-export { CatalogGroup, ElementFlags, ElementInspector, ElementParentType, InputType, InspectorInput, ProjectDataType, TODO, ToolbarAction, Weaverse, 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.21",
+  "version": "0.6.22",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",