@weaverse/core 0.7.16 → 0.7.18

package/dist/index.d.ts

@@ -4,7 +4,7 @@ import Stitches$1 from '@stitches/core/types/stitches';
 
 declare function loadScript(url: string): Promise<unknown>;
 
-declare const stichesUtils: {
+declare let stichesUtils: {
     m: (value: string) => {
         margin: string;
     };
@@ -41,6 +41,7 @@ declare const stichesUtils: {
         paddingBottom: string;
     };
 };
+declare function createGlobalStyles(stitches: Stitches$1): void;
 
 declare const isReactNative: boolean;
 declare const isBrowser: boolean;
@@ -82,28 +83,28 @@ interface WeaverseElement {
     defaultCss?: ElementCSS;
     permanentCss?: ElementCSS;
 }
-interface ElementsMap {
-    [key: string]: WeaverseElement;
-}
 declare type CatalogGroup = "essential" | "composition" | "shopify";
 interface ElementCatalog {
     name: string;
     icon?: string;
     group?: CatalogGroup;
-    data?: ElementData[];
+    data?: ElementDataInCatalog[];
+}
+interface ElementDataInCatalog extends Omit<ElementData, "id"> {
+    id: string | number;
 }
-declare type FlagType = "draggable" | "resizable" | "sortable" | "droppable" | "ignoreShortcutKeys" | "hasContextMenu";
+declare type FlagType = "draggable" | "resizable" | "sortable" | "ignoreShortcutKeys" | "hasContextMenu";
 declare type ElementFlags = Partial<Record<FlagType, boolean>>;
 interface ChildElement {
     label: string;
     selector: string;
 }
-declare type ParentType = "container" | "layout" | "root" | "product.content";
+declare type ParentType = 'container' | 'layout' | 'root' | 'product-details' | 'product-info' | 'collection.box' | 'collection-box' | 'article-box' | 'article-list' | 'slider' | 'tab' | 'accordion' | 'accordion.wrapper';
 declare type GridSize = {
     rowSpan: number;
     colSpan: number;
 };
-declare type ToolbarAction = "duplicate" | "delete" | "copy-styles" | "paste-styles";
+declare type ToolbarAction = "general-settings" | "edit-text" | "duplicate" | "delete" | "copy-styles" | "paste-styles" | "move-up" | "move-down" | "toggle-visibility";
 interface ElementSchema {
     title: string;
     type: string;
@@ -136,21 +137,23 @@ interface ElementInspector {
 }
 interface AdvancedGroup {
     groupType: AdvancedGroupType;
+    useData?: boolean;
 }
 interface BasicGroup {
     groupType: "basic";
     groupHeader: string;
     inputs: BasicInput[];
 }
-declare type AdvancedGroupType = "border" | "alignment" | "background" | "dimensions" | "spacing" | "typography" | "visibility";
+declare type AdvancedGroupType = "border" | "alignment" | "background" | "dimensions" | "spacing" | "typography" | "visibility" | "shadows-and-effects";
 interface BasicInput {
     type: InputType;
-    label: string;
+    label?: string;
+    binding?: "style" | "data";
     /**
      * The key of the value in the element data or css
      */
-    name: string;
-    defaultValue?: string;
+    name?: string;
+    defaultValue?: string | number | boolean;
     placeholder?: string;
     helpText?: string;
     /**
@@ -185,12 +188,19 @@ interface BasicInput {
      * `imagesPerRow.gt.1`
      */
     condition?: string;
+    default?: string | number | boolean;
 }
-declare type InputType = "color" | "datepicker" | "image" | "range" | "select" | "sortable" | "switch" | "text" | "textarea" | "toggle-group" | "form" | "product" | "custom.html" | "instagram";
+declare type InputType = 'color' | 'datepicker' | 'image' | 'range' | 'select' | 'sortable' | 'switch' | 'text' | 'textarea' | 'toggle-group' | 'form' | 'product' | 'product-swatches' | 'custom.html' | 'instagram' | 'collection-list' | 'collection' | 'article-list';
 declare global {
     interface Window {
         WeaverseStudioBridge: any;
+        weaverseShopifyConfigs: any;
         weaverseShopifyProducts: any;
+        weaverseShopifyProductsByCollection: any;
+        weaverseShopifyCollections: any;
+        weaverseShopifyArticles: any;
+        weaverseShopifyBlogs: any;
+        weaverseCartHelpers: any;
         Blinkloader: any;
     }
 }
@@ -315,10 +325,7 @@ declare class Weaverse {
         projectKey?: string;
     }): any;
     setProjectData(projectData: ProjectDataType): void;
-    /**
-     * fetch and update the project data, then trigger update to re-render the WeaverseRoot
-     */
     initProjectItemData(): void;
 }
 
-export { AdvancedGroup, AdvancedGroupType, BasicGroup, BasicInput, BreakPoints, CatalogGroup, ChildElement, ChildElementCSS, ElementCSS, ElementCatalog, ElementData, ElementFlags, ElementInspector, ElementSchema, ElementsMap, FlagType, GridSize, InitializeData, InputType, ParentType, ProjectDataType, ToolbarAction, Weaverse, WeaverseCSSProperties, WeaverseElement, WeaverseItemStore, WeaverseType, isBrowser, isIframe, isReactNative, loadScript, stichesUtils };
+export { AdvancedGroup, AdvancedGroupType, BasicGroup, BasicInput, BreakPoints, CatalogGroup, ChildElement, ChildElementCSS, ElementCSS, ElementCatalog, ElementData, ElementDataInCatalog, ElementFlags, ElementInspector, ElementSchema, FlagType, GridSize, InitializeData, InputType, ParentType, ProjectDataType, ToolbarAction, Weaverse, WeaverseCSSProperties, WeaverseElement, WeaverseItemStore, WeaverseType, createGlobalStyles, isBrowser, isIframe, isReactNative, loadScript, stichesUtils };

package/dist/index.js

@@ -28,6 +28,7 @@ var src_exports = {};
 __export(src_exports, {
   Weaverse: () => Weaverse,
   WeaverseItemStore: () => WeaverseItemStore,
+  createGlobalStyles: () => createGlobalStyles,
   isBrowser: () => isBrowser,
   isIframe: () => isIframe,
   isReactNative: () => isReactNative,
@@ -89,6 +90,37 @@ var stichesUtils = {
     paddingBottom: value
   })
 };
+function createGlobalStyles(stitches2) {
+  let globalStyles = stitches2.globalCss({
+    "@keyframes spin": {
+      from: { transform: "rotate(0deg)" },
+      to: { transform: "rotate(360deg)" }
+    },
+    input: {
+      "&::-webkit-outer-spin-button, &::-webkit-inner-spin-button": {
+        "-webkit-appearance": "none",
+        margin: 0
+      },
+      "&[type=number]": {
+        "-moz-appearance": "textfield"
+      }
+    },
+    ".wv-spinner-wrapper": {
+      position: "absolute",
+      inset: "0px",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor: "inherit",
+      ".wv-spinner": {
+        width: "20px",
+        height: "20px",
+        animation: "spin .75s linear infinite"
+      }
+    }
+  });
+  globalStyles();
+}
 
 // src/utils/index.ts
 var isReactNative = typeof navigator === "object" && navigator.product === "ReactNative";
@@ -187,6 +219,7 @@ var Weaverse = class {
         media: this.mediaBreakPoints,
         utils: stichesUtils
       });
+      createGlobalStyles(this.stitchesInstance);
     };
     this.init({ appUrl, projectKey, projectData, mediaBreakPoints, isDesignMode, ssrMode });
   }
@@ -266,6 +299,7 @@ Weaverse.WeaverseItemStore = WeaverseItemStore;
 0 && (module.exports = {
   Weaverse,
   WeaverseItemStore,
+  createGlobalStyles,
   isBrowser,
   isIframe,
   isReactNative,

package/dist/index.mjs

@@ -51,6 +51,37 @@ var stichesUtils = {
     paddingBottom: value
   })
 };
+function createGlobalStyles(stitches2) {
+  let globalStyles = stitches2.globalCss({
+    "@keyframes spin": {
+      from: { transform: "rotate(0deg)" },
+      to: { transform: "rotate(360deg)" }
+    },
+    input: {
+      "&::-webkit-outer-spin-button, &::-webkit-inner-spin-button": {
+        "-webkit-appearance": "none",
+        margin: 0
+      },
+      "&[type=number]": {
+        "-moz-appearance": "textfield"
+      }
+    },
+    ".wv-spinner-wrapper": {
+      position: "absolute",
+      inset: "0px",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor: "inherit",
+      ".wv-spinner": {
+        width: "20px",
+        height: "20px",
+        animation: "spin .75s linear infinite"
+      }
+    }
+  });
+  globalStyles();
+}
 
 // src/utils/index.ts
 var isReactNative = typeof navigator === "object" && navigator.product === "ReactNative";
@@ -149,6 +180,7 @@ var Weaverse = class {
         media: this.mediaBreakPoints,
         utils: stichesUtils
       });
+      createGlobalStyles(this.stitchesInstance);
     };
     this.init({ appUrl, projectKey, projectData, mediaBreakPoints, isDesignMode, ssrMode });
   }
@@ -227,6 +259,7 @@ Weaverse.WeaverseItemStore = WeaverseItemStore;
 export {
   Weaverse,
   WeaverseItemStore,
+  createGlobalStyles,
   isBrowser,
   isIframe,
   isReactNative,

package/package.json

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