@weaverse/core 0.7.15 → 0.7.17

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" | "other";
+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";
 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;
@@ -142,15 +143,16 @@ interface BasicGroup {
     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;
     /**
@@ -186,11 +188,17 @@ interface BasicInput {
      */
     condition?: string;
 }
-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";
 declare global {
     interface Window {
         WeaverseStudioBridge: any;
+        weaverseShopifyConfigs: any;
         weaverseShopifyProducts: any;
+        weaverseShopifyProductsByCollection: any;
+        weaverseShopifyCollections: any;
+        weaverseShopifyArticles: any;
+        weaverseShopifyBlogs: any;
+        weaverseCartHelpers: any;
         Blinkloader: any;
     }
 }
@@ -315,10 +323,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,24 @@ 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"
+      }
+    }
+  });
+  globalStyles();
+}
 
 // src/utils/index.ts
 var isReactNative = typeof navigator === "object" && navigator.product === "ReactNative";
@@ -187,6 +206,7 @@ var Weaverse = class {
         media: this.mediaBreakPoints,
         utils: stichesUtils
       });
+      createGlobalStyles(this.stitchesInstance);
     };
     this.init({ appUrl, projectKey, projectData, mediaBreakPoints, isDesignMode, ssrMode });
   }
@@ -266,6 +286,7 @@ Weaverse.WeaverseItemStore = WeaverseItemStore;
 0 && (module.exports = {
   Weaverse,
   WeaverseItemStore,
+  createGlobalStyles,
   isBrowser,
   isIframe,
   isReactNative,

package/dist/index.mjs

@@ -51,6 +51,24 @@ 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"
+      }
+    }
+  });
+  globalStyles();
+}
 
 // src/utils/index.ts
 var isReactNative = typeof navigator === "object" && navigator.product === "ReactNative";
@@ -149,6 +167,7 @@ var Weaverse = class {
         media: this.mediaBreakPoints,
         utils: stichesUtils
       });
+      createGlobalStyles(this.stitchesInstance);
     };
     this.init({ appUrl, projectKey, projectData, mediaBreakPoints, isDesignMode, ssrMode });
   }
@@ -227,6 +246,7 @@ Weaverse.WeaverseItemStore = WeaverseItemStore;
 export {
   Weaverse,
   WeaverseItemStore,
+  createGlobalStyles,
   isBrowser,
   isIframe,
   isReactNative,

package/package.json

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