@weaverse/core 0.6.6 → 0.6.8

package/dist/index.d.ts

@@ -1,6 +1,23 @@
+import { CSSProperties } from '@stitches/core';
 import Stitches from '@stitches/core/types/stitches';
 import { RefObject } from 'react';
 
+interface ProjectDataType {
+    items: WeaverseElementData[];
+    rootId: string | number;
+    script: {
+        css: string;
+        js: string;
+    };
+}
+declare type WeaverseType = {
+    mediaBreakPoints?: any;
+    appUrl?: string;
+    projectKey?: string;
+    projectData?: ProjectDataType;
+    isDesignMode?: boolean;
+    ssrMode?: boolean;
+};
 declare type TODO = any;
 declare type WeaverseElementMap = {
     [key: string]: WeaverseElement;
@@ -24,9 +41,20 @@ declare type WeaverseElementSchema = {
     catalog?: WeaverseElementCatalog;
 };
 declare type WeaverseElementData = {
-    id: string;
+    id?: string | number;
+    type?: string | undefined;
+    childIds?: (string | number)[] | undefined;
+    css?: WeaverseElementCSS;
     [key: string]: any;
 };
+declare type WeaverseElementCSS = {
+    '@desktop'?: CSSProperties | {
+        [key: string]: CSSProperties;
+    };
+    '@mobile'?: CSSProperties | {
+        [key: string]: CSSProperties;
+    };
+};
 declare type WeaverseElementInput = {
     label?: string;
     type: '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';
@@ -44,34 +72,11 @@ declare global {
     }
 }
 
-interface ProjectDataItemType {
-    type: string;
-    name?: string;
-    id: string | number;
-    description?: string;
-    childIds?: Array<string | number>;
-    css?: {
-        [key: string]: string;
-    };
-}
-interface ProjectDataType {
-    items: ProjectDataItemType[];
-    rootId: string | number;
-}
-declare type WeaverseType = {
-    mediaBreakPoints?: any;
-    appUrl?: string;
-    projectKey?: string;
-    projectData?: ProjectDataType;
-    isDesignMode?: boolean;
-    ssrMode?: boolean;
-};
 /**
  * WeaverseItemStore is a store for Weaverse item, it can be used to subscribe/update the item data
- * @param itemData {ProjectDataItemType} Weaverse item data
+ * @param itemData {WeaverseElementData} Weaverse item data
  * @param weaverse {Weaverse} Weaverse instance
- * Usage:
- * ```jsx
+ * @example
  * useEffect(() => {
  *     let handleUpdate = (update: any) => {
  *       setData({...update})
@@ -80,20 +85,19 @@ declare type WeaverseType = {
  *     return () => {
  *       itemInstance.unsubscribe(handleUpdate)
  *     }
- *   }, [])
- *   ```
+ * }, [])
  */
 declare class WeaverseItemStore {
     listeners: Set<any>;
     ref: RefObject<HTMLElement>;
     weaverse: Weaverse;
     stitchesClass: string;
-    constructor(itemData: any, weaverse: Weaverse);
-    _data: any;
+    constructor(itemData: WeaverseElementData, weaverse: Weaverse);
+    _data: WeaverseElementData;
     get Element(): WeaverseElement;
-    set data(data: any);
-    get data(): any;
-    setData: (data: any) => any;
+    set data(data: WeaverseElementData);
+    get data(): WeaverseElementData;
+    setData: (data: WeaverseElementData) => WeaverseElementData;
     subscribe: (fn: any) => void;
     unsubscribe: (fn: any) => void;
     triggerUpdate: () => void;
@@ -193,4 +197,4 @@ declare const isReactNative: boolean;
 declare const isBrowser: boolean;
 declare const isIframe: boolean;
 
-export { ProjectDataItemType, ProjectDataType, TODO, Weaverse, WeaverseElement, WeaverseElementCatalog, WeaverseElementData, WeaverseElementInput, WeaverseElementMap, WeaverseElementSchema, WeaverseItemStore, WeaverseType, isBrowser, isIframe, isReactNative };
+export { ProjectDataType, TODO, Weaverse, WeaverseElement, WeaverseElementCSS, WeaverseElementCatalog, WeaverseElementData, WeaverseElementInput, WeaverseElementMap, WeaverseElementSchema, WeaverseItemStore, WeaverseType, isBrowser, isIframe, isReactNative };

package/dist/index.js

@@ -96,7 +96,11 @@ var _Weaverse = class {
     this.projectKey = "";
     this.projectData = {
       items: [],
-      rootId: 0
+      rootId: 0,
+      script: {
+        css: "",
+        js: ""
+      }
     };
     this.listeners = /* @__PURE__ */ new Set();
     this.isDesignMode = false;

package/dist/index.mjs

@@ -67,7 +67,11 @@ var _Weaverse = class {
     this.projectKey = "";
     this.projectData = {
       items: [],
-      rootId: 0
+      rootId: 0,
+      script: {
+        css: "",
+        js: ""
+      }
     };
     this.listeners = /* @__PURE__ */ new Set();
     this.isDesignMode = false;

package/package.json

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