@weaverse/core 0.7.2 → 0.7.6

package/dist/index.d.ts

@@ -1,7 +1,9 @@
-import { ForwardRefExoticComponent, RefObject } from 'react';
 import * as Stitches from '@stitches/core';
+import { ForwardRefExoticComponent, RefObject } from 'react';
 import Stitches$1 from '@stitches/core/types/stitches';
 
+declare function loadScript(url: string): Promise<unknown>;
+
 declare const stichesUtils: {
     m: (value: string) => {
         margin: string;
@@ -40,6 +42,10 @@ declare const stichesUtils: {
     };
 };
 
+declare const isReactNative: boolean;
+declare const isBrowser: boolean;
+declare const isIframe: boolean;
+
 declare type TODO = any;
 interface ProjectDataType {
     items: ElementData[];
@@ -58,19 +64,27 @@ interface InitializeData {
     projectKey?: string;
     studioUrl?: string;
 }
+declare type BreakPoints = {
+    mobile: string;
+    desktop: string;
+};
 interface WeaverseType {
-    mediaBreakPoints?: any;
+    mediaBreakPoints?: BreakPoints;
     appUrl?: string;
     projectKey?: string;
     projectData?: ProjectDataType;
     isDesignMode?: boolean;
     ssrMode?: boolean;
 }
-declare type WeaverseElement = {
-    Component: ForwardRefExoticComponent<any>;
+interface ElementComponentProps extends ElementData {
+    css: ElementCSS;
+    [key: string]: any;
+}
+interface WeaverseElement {
+    Component: ForwardRefExoticComponent<ElementComponentProps>;
     type: string;
     schema?: ElementSchema;
-};
+}
 interface ElementsMap {
     [key: string]: WeaverseElement;
 }
@@ -131,7 +145,7 @@ declare type BasicGroup = {
     label: string;
     inputs: BasicInput[];
 };
-declare type AdvancedInput = "alignment" | "background" | "border" | "countdown" | "dimensions" | "form" | "product" | "spacing" | "visibility";
+declare type AdvancedInput = "alignment" | "background" | "border" | "countdown" | "dimensions" | "visibility" | "spacing" | "form" | "product";
 interface BasicInput {
     type: InputType;
     label: string;
@@ -149,7 +163,7 @@ interface BasicInput {
     step?: number;
     conditions?: TODO[];
 }
-declare type InputType = "color" | "image" | "instagram" | "range" | "select" | "switch" | "text" | "textarea" | "toggle-group";
+declare type InputType = "color" | "image" | "instagram" | "range" | "select" | "sortable" | "switch" | "text" | "textarea" | "toggle-group";
 declare global {
     interface Window {
         WeaverseStudioBridge: TODO;
@@ -242,10 +256,7 @@ declare class Weaverse {
     stitchesInstance: Stitches$1 | any;
     studioBridge?: any;
     static WeaverseItemStore: typeof WeaverseItemStore;
-    mediaBreakPoints: {
-        desktop: string;
-        mobile: string;
-    };
+    mediaBreakPoints: BreakPoints;
     /**
      * constructor
      * @param appUrl {string} Weaverse base URL that can provide by user/developer. for local development, use localhost:3000
@@ -287,8 +298,4 @@ declare class Weaverse {
     initProjectItemData(): void;
 }
 
-declare const isReactNative: boolean;
-declare const isBrowser: boolean;
-declare const isIframe: boolean;
-
-export { AdvancedGroup, AdvancedInput, BasicGroup, BasicInput, CatalogGroup, ChildElement, ChildElementCSS, ElementCSS, ElementCatalog, ElementData, ElementFlags, ElementInspector, ElementSchema, ElementsMap, FlagType, GridSize, InitializeData, InputType, ParentType, ProjectDataType, TODO, ToolbarAction, Weaverse, WeaverseCSSProperties, WeaverseElement, WeaverseItemStore, WeaverseType, isBrowser, isIframe, isReactNative };
+export { AdvancedGroup, AdvancedInput, BasicGroup, BasicInput, BreakPoints, CatalogGroup, ChildElement, ChildElementCSS, ElementCSS, ElementCatalog, ElementComponentProps, ElementData, ElementFlags, ElementInspector, ElementSchema, ElementsMap, FlagType, GridSize, InitializeData, InputType, ParentType, ProjectDataType, TODO, ToolbarAction, Weaverse, WeaverseCSSProperties, WeaverseElement, WeaverseItemStore, WeaverseType, isBrowser, isIframe, isReactNative, loadScript, stichesUtils };

package/dist/index.js

@@ -30,17 +30,26 @@ __export(src_exports, {
   WeaverseItemStore: () => WeaverseItemStore,
   isBrowser: () => isBrowser,
   isIframe: () => isIframe,
-  isReactNative: () => isReactNative
+  isReactNative: () => isReactNative,
+  loadScript: () => loadScript,
+  stichesUtils: () => stichesUtils
 });
 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/load-script.ts
+function loadScript(url) {
+  return new Promise(function(resolve) {
+    const script = document.createElement("script");
+    script.src = url;
+    script.addEventListener("load", function() {
+      resolve(true);
+    });
+    document.head.appendChild(script);
+  });
+}
 
 // src/utils/styles.ts
 var stichesUtils = {
@@ -81,6 +90,11 @@ 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) {
@@ -252,5 +266,7 @@ Weaverse.WeaverseItemStore = WeaverseItemStore;
   WeaverseItemStore,
   isBrowser,
   isIframe,
-  isReactNative
+  isReactNative,
+  loadScript,
+  stichesUtils
 });

package/dist/index.mjs

@@ -1,10 +1,17 @@
 // 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/load-script.ts
+function loadScript(url) {
+  return new Promise(function(resolve) {
+    const script = document.createElement("script");
+    script.src = url;
+    script.addEventListener("load", function() {
+      resolve(true);
+    });
+    document.head.appendChild(script);
+  });
+}
 
 // src/utils/styles.ts
 var stichesUtils = {
@@ -45,6 +52,11 @@ 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) {
@@ -215,5 +227,7 @@ export {
   WeaverseItemStore,
   isBrowser,
   isIframe,
-  isReactNative
+  isReactNative,
+  loadScript,
+  stichesUtils
 };

package/package.json

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