@weaverse/core 4.3.3 → 5.0.0-next.0

package/dist/index.d.mts

@@ -426,10 +426,7 @@ declare class Weaverse extends EventEmitter {
     /**
      * Register the custom React Component to Weaverse, store it into Weaverse.elementRegistry
      */
-    static registerElement(element: {
-        type: string;
-        [x: string]: any;
-    }): void;
+    static registerElement: typeof registerElement;
     get elementRegistry(): Map<any, any>;
     triggerUpdate: () => void;
     refreshAllItems(): void;
@@ -440,6 +437,10 @@ declare class Weaverse extends EventEmitter {
      */
     setProjectData: (data: WeaverseProjectDataType) => void;
 }
+declare function registerElement(element: {
+    type: string;
+    [x: string]: any;
+}): void;
 
 declare let isReactNative: boolean;
 declare let isBrowser: boolean;
@@ -454,4 +455,4 @@ declare function merge(target: Record<string, any>, source: Record<string, any>)
 };
 declare function loadScript(src: string): Promise<unknown>;
 
-export { type AdditionalInputConfigs, type AdvancedGroupType, type BasicInput, type BreakPoints, type ChildElementCSS, type ElementCSS, type ElementData, type ElementSchema, EventEmitter, type InputType, type PlatformTypeEnum, type PositionInputValue, type RangeInputConfigs, type SelectInputConfigs, type ToggleGroupConfigs, type ToolbarAction, Weaverse, type WeaverseCSSProperties, type WeaverseCoreParams, type WeaverseElement, type WeaverseImage, WeaverseItemStore, type WeaverseProjectDataType, type WeaverseResourcePickerData, type WeaverseVideo, isBrowser, isIframe, isReactNative, loadScript, merge };
+export { type AdditionalInputConfigs, type AdvancedGroupType, type BasicInput, type BreakPoints, type ChildElementCSS, type ElementCSS, type ElementData, type ElementSchema, EventEmitter, type InputType, type PlatformTypeEnum, type PositionInputValue, type RangeInputConfigs, type SelectInputConfigs, type ToggleGroupConfigs, type ToolbarAction, Weaverse, type WeaverseCSSProperties, type WeaverseCoreParams, type WeaverseElement, type WeaverseImage, WeaverseItemStore, type WeaverseProjectDataType, type WeaverseResourcePickerData, type WeaverseVideo, isBrowser, isIframe, isReactNative, loadScript, merge, registerElement };

package/dist/index.d.ts

@@ -426,10 +426,7 @@ declare class Weaverse extends EventEmitter {
     /**
      * Register the custom React Component to Weaverse, store it into Weaverse.elementRegistry
      */
-    static registerElement(element: {
-        type: string;
-        [x: string]: any;
-    }): void;
+    static registerElement: typeof registerElement;
     get elementRegistry(): Map<any, any>;
     triggerUpdate: () => void;
     refreshAllItems(): void;
@@ -440,6 +437,10 @@ declare class Weaverse extends EventEmitter {
      */
     setProjectData: (data: WeaverseProjectDataType) => void;
 }
+declare function registerElement(element: {
+    type: string;
+    [x: string]: any;
+}): void;
 
 declare let isReactNative: boolean;
 declare let isBrowser: boolean;
@@ -454,4 +455,4 @@ declare function merge(target: Record<string, any>, source: Record<string, any>)
 };
 declare function loadScript(src: string): Promise<unknown>;
 
-export { type AdditionalInputConfigs, type AdvancedGroupType, type BasicInput, type BreakPoints, type ChildElementCSS, type ElementCSS, type ElementData, type ElementSchema, EventEmitter, type InputType, type PlatformTypeEnum, type PositionInputValue, type RangeInputConfigs, type SelectInputConfigs, type ToggleGroupConfigs, type ToolbarAction, Weaverse, type WeaverseCSSProperties, type WeaverseCoreParams, type WeaverseElement, type WeaverseImage, WeaverseItemStore, type WeaverseProjectDataType, type WeaverseResourcePickerData, type WeaverseVideo, isBrowser, isIframe, isReactNative, loadScript, merge };
+export { type AdditionalInputConfigs, type AdvancedGroupType, type BasicInput, type BreakPoints, type ChildElementCSS, type ElementCSS, type ElementData, type ElementSchema, EventEmitter, type InputType, type PlatformTypeEnum, type PositionInputValue, type RangeInputConfigs, type SelectInputConfigs, type ToggleGroupConfigs, type ToolbarAction, Weaverse, type WeaverseCSSProperties, type WeaverseCoreParams, type WeaverseElement, type WeaverseImage, WeaverseItemStore, type WeaverseProjectDataType, type WeaverseResourcePickerData, type WeaverseVideo, isBrowser, isIframe, isReactNative, loadScript, merge, registerElement };

package/dist/index.js

@@ -36,7 +36,8 @@ __export(index_exports, {
   isIframe: () => isIframe,
   isReactNative: () => isReactNative,
   loadScript: () => loadScript,
-  merge: () => merge
+  merge: () => merge,
+  registerElement: () => registerElement
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -48,7 +49,7 @@ var package_default = {
   name: "@weaverse/core",
   author: "Weaverse Team",
   description: "Weaverse Core",
-  version: "4.3.3",
+  version: "4.3.4",
   license: "MIT",
   main: "dist/index.js",
   types: "dist/index.d.ts",
@@ -61,26 +62,18 @@ var package_default = {
     access: "public",
     "@weaverse:registry": "https://registry.npmjs.org"
   },
-  files: [
-    "dist/*"
-  ],
+  files: ["dist/*"],
   engines: {
     node: ">=18"
   },
   scripts: {
     dev: "tsup --watch",
     build: "tsup",
-    clean: "rimraf dist",
-    prepublish: "npm run build"
+    clean: "rimraf dist"
   },
   tsup: {
-    entry: [
-      "src/index.ts"
-    ],
-    format: [
-      "esm",
-      "cjs"
-    ],
+    entry: ["src/index.ts"],
+    format: ["esm", "cjs"],
     dts: true,
     sourcemap: true,
     clean: true,
@@ -295,15 +288,7 @@ var Weaverse = class _Weaverse extends EventEmitter {
   /**
    * Register the custom React Component to Weaverse, store it into Weaverse.elementRegistry
    */
-  static registerElement(element) {
-    if (element?.type) {
-      if (!_Weaverse.elementRegistry.has(element.type)) {
-        _Weaverse.elementRegistry.set(element?.type, element);
-      }
-    } else {
-      console.error("Cannot register element without 'type'.");
-    }
-  }
+  static registerElement = registerElement;
   get elementRegistry() {
     return _Weaverse.elementRegistry;
   }
@@ -326,6 +311,15 @@ var Weaverse = class _Weaverse extends EventEmitter {
     this.initProject();
   };
 };
+function registerElement(element) {
+  if (element?.type) {
+    if (!Weaverse.elementRegistry.has(element.type)) {
+      Weaverse.elementRegistry.set(element?.type, element);
+    }
+  } else {
+    console.error("Cannot register element without 'type'.");
+  }
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   EventEmitter,
@@ -335,6 +329,7 @@ var Weaverse = class _Weaverse extends EventEmitter {
   isIframe,
   isReactNative,
   loadScript,
-  merge
+  merge,
+  registerElement
 });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/core.ts","../package.json","../src/utils/index.ts","../src/utils/event-emitter.ts","../src/utils/stitches.ts"],"sourcesContent":["export * from './types'\nexport * from './core'\nexport * from './utils'\n","/*\n  @weaverse/core is the core package of Weaverse SDKs, it contains the core logic of Weaverse.\n  It is a singleton class that can be used to register item, store project data, trigger update on item or project data, etc.\n  ---\n  Licensed under MIT License.\n  Source: https://github.com/weaverse/weaverse\n  About Weaverse: https://weaverse.io\n*/\n\nimport * as stitches from '@stitches/core'\nimport type Stitches from '@stitches/core/types/stitches'\nimport type { RefObject } from 'react'\nimport pkg from '../package.json'\nimport type {\n  BreakPoints,\n  ElementCSS,\n  ElementData,\n  PlatformTypeEnum,\n  WeaverseCoreParams,\n  WeaverseProjectDataType,\n} from './types'\nimport { merge } from './utils'\nimport { EventEmitter } from './utils/event-emitter'\nimport { stitchesUtils } from './utils/stitches'\n\nexport class WeaverseItemStore extends EventEmitter {\n  weaverse: Weaverse\n  ref: RefObject<HTMLElement> = { current: null }\n  _store: ElementData = { id: '', type: '' }\n  stitchesClass = ''\n\n  constructor(initialData: ElementData, weaverse: Weaverse) {\n    super()\n    let { type, id } = initialData || {}\n    this.weaverse = weaverse\n    if (id && type) {\n      Weaverse.itemInstances.set(id, this)\n      Object.assign(this._store, initialData)\n    } else {\n      throw new Error(\n        `'id' and 'type' are required to create a new Weaverse item.`,\n      )\n    }\n    this._store.css = this.getDefaultCss()\n  }\n\n  get _id() {\n    return this._store.id\n  }\n\n  get _element() {\n    return this.ref.current\n  }\n\n  get Element() {\n    return this.weaverse.elementRegistry.get(this._store.type)\n  }\n\n  getDefaultCss = (): ElementCSS => {\n    let defaultCss = this.Element?.defaultCss || {}\n    let currentCss = this._store.css || {}\n    return merge(defaultCss, currentCss)\n  }\n\n  get data(): ElementData {\n    return this._store\n  }\n\n  set data(update: Omit<ElementData, 'id' | 'type'>) {\n    this._store = { ...this._store, ...update }\n  }\n\n  setData = (update: Omit<ElementData, 'id' | 'type'>) => {\n    this.data = update\n    this.triggerUpdate()\n    return this.data\n  }\n\n  getSnapShot = () => this.data\n\n  triggerUpdate = () => {\n    this.emit(this._store)\n  }\n}\n\nexport class Weaverse extends EventEmitter {\n  contentRootElement: HTMLElement | null = null\n  static itemInstances = new Map()\n  weaverseHost = 'https://studio.weaverse.io'\n  weaverseVersion = pkg.version\n  projectId = ''\n  isDesignMode = false\n  isPreviewMode = false\n  static stitchesInstance: Stitches | any\n  studioBridge?: any\n\n  declare static ItemConstructor: typeof WeaverseItemStore\n  declare data: WeaverseProjectDataType\n  declare platformType: PlatformTypeEnum\n  static elementRegistry = new Map()\n\n  static mediaBreakPoints: BreakPoints = {\n    desktop: 'all',\n    // max-width need to subtract 0.02px to prevent bug\n    // ref: https://getbootstrap.com/docs/5.1/layout/breakpoints/#max-width\n    mobile: '(max-width: 767.98px)',\n  }\n\n  constructor(params: WeaverseCoreParams) {\n    super()\n    for (const param of Object.entries(params)) {\n      let [key, value] = param\n      this[key] = value || this[key]\n    }\n    this.initProject()\n    Weaverse.initStitches()\n  }\n\n  getSnapShot = () => {\n    return this.data\n  }\n  /**\n   * Create new `WeaverseItemStore` instance for each item in the project.\n   */\n  initProject = () => {\n    let { data } = this\n    let itemInstances = Weaverse.itemInstances\n    if (data?.items) {\n      // data.items.forEach((item) => {\n      //   let itemInstance = itemInstances.get(item.id)\n      //   if (itemInstance) {\n      //     itemInstance.setData(item)\n      //   } else {\n      //     this.createItemInstance(item)\n      //   }\n      // })\n      for (const item of data.items) {\n        let itemInstance = itemInstances.get(item.id)\n        if (itemInstance) {\n          itemInstance.setData(item)\n        } else {\n          this.createItemInstance(item)\n        }\n      }\n    }\n  }\n\n  get itemInstances() {\n    return Weaverse.itemInstances\n  }\n  createItemInstance = (data: ElementData) => {\n    return new Weaverse.ItemConstructor(data, this)\n  }\n\n  static initStitches = (externalConfig?: stitches.CreateStitches) => {\n    Weaverse.stitchesInstance =\n      Weaverse.stitchesInstance ||\n      stitches.createStitches({\n        prefix: 'weaverse',\n        media: Weaverse.mediaBreakPoints,\n        utils: stitchesUtils,\n        ...externalConfig,\n      })\n  }\n\n  get stitchesInstance() {\n    return Weaverse.stitchesInstance\n  }\n\n  /**\n   * Register the custom React Component to Weaverse, store it into Weaverse.elementRegistry\n   */\n  static registerElement(element: { type: string; [x: string]: any }) {\n    if (element?.type) {\n      if (!Weaverse.elementRegistry.has(element.type)) {\n        Weaverse.elementRegistry.set(element?.type, element)\n      }\n    } else {\n      console.error(\"Cannot register element without 'type'.\")\n    }\n  }\n\n  get elementRegistry() {\n    return Weaverse.elementRegistry\n  }\n\n  triggerUpdate = () => {\n    // make new copy of data to trigger update\n    this.data = { ...this.data }\n    this.emit(this.data)\n  }\n\n  refreshAllItems() {\n    for (const item of Weaverse.itemInstances.values()) {\n      item.triggerUpdate()\n    }\n  }\n\n  /**\n   * Reset the project data and re-initialize all items.\n   * Used when we need to re-render the project with new data (like applying new template)\n   * @param data {WeaverseProjectDataType}\n   */\n  setProjectData = (data: WeaverseProjectDataType) => {\n    this.data = data\n    this.initProject()\n  }\n}\n\nexport { EventEmitter }\n","{\n  \"name\": \"@weaverse/core\",\n  \"author\": \"Weaverse Team\",\n  \"description\": \"Weaverse Core\",\n  \"version\": \"4.3.3\",\n  \"license\": \"MIT\",\n  \"main\": \"dist/index.js\",\n  \"types\": \"dist/index.d.ts\",\n  \"module\": \"dist/index.mjs\",\n  \"repository\": {\n    \"url\": \"git+https://github.com/Weaverse/weaverse.git\",\n    \"directory\": \"packages/core\"\n  },\n  \"publishConfig\": {\n    \"access\": \"public\",\n    \"@weaverse:registry\": \"https://registry.npmjs.org\"\n  },\n  \"files\": [\n    \"dist/*\"\n  ],\n  \"engines\": {\n    \"node\": \">=18\"\n  },\n  \"scripts\": {\n    \"dev\": \"tsup --watch\",\n    \"build\": \"tsup\",\n    \"clean\": \"rimraf dist\",\n    \"prepublish\": \"npm run build\"\n  },\n  \"tsup\": {\n    \"entry\": [\n      \"src/index.ts\"\n    ],\n    \"format\": [\n      \"esm\",\n      \"cjs\"\n    ],\n    \"dts\": true,\n    \"sourcemap\": true,\n    \"clean\": true,\n    \"outDir\": \"dist\"\n  },\n  \"dependencies\": {\n    \"@stitches/core\": \"^1.2.8\"\n  }\n}\n","export let isReactNative =\n  typeof navigator === 'object' && navigator.product === 'ReactNative'\nexport let isBrowser = typeof window !== 'undefined' && !isReactNative\nexport let isIframe = isBrowser && window.top !== window.self\n\n/**\n * Deep merge two objects.\n * @param target\n * @param source\n */\nexport function merge(\n  target: Record<string, any>,\n  source: Record<string, any>,\n) {\n  let t = { ...(target || {}) }\n  // Iterate through `source` properties and if an `Object` set property to merge of `target` and `source` properties\n  for (let key of Object.keys(source)) {\n    if (source[key] instanceof Object && !Array.isArray(source[key])) {\n      Object.assign(source[key], merge(t[key], source[key]))\n    }\n  }\n\n  // Join `target` and modified `source`\n  Object.assign(t || {}, source)\n  return t\n}\n\nexport function loadScript(src: string) {\n  return new Promise((resolve, reject) => {\n    let currScript = document.querySelector(`script[src=\"${src}\"]`)\n    if (currScript) {\n      return resolve(true)\n    }\n    let script = document.createElement('script')\n    script.src = src\n    script.onload = resolve\n    script.onerror = reject\n    script.defer = true\n    document.body.appendChild(script)\n  })\n}\n","type AnyFunction = (...args: any[]) => any\n\nexport class EventEmitter {\n  listeners: Set<AnyFunction>\n\n  constructor() {\n    this.listeners = new Set()\n  }\n\n  subscribe = (fn: AnyFunction) => {\n    this.listeners.add(fn)\n    return () => this.unsubscribe(fn)\n  }\n\n  unsubscribe = (fn: AnyFunction) => {\n    this.listeners.delete(fn)\n  }\n\n  emit = (data) => {\n    for (const fn of this.listeners) {\n      fn(data)\n    }\n  }\n}\n","export let stitchesUtils = {\n  m: (value: string) => ({\n    margin: value,\n  }),\n  mt: (value: string) => ({\n    marginTop: value,\n  }),\n  mr: (value: string) => ({\n    marginRight: value,\n  }),\n  mb: (value: string) => ({\n    marginBottom: value,\n  }),\n  ml: (value: string) => ({\n    marginLeft: value,\n  }),\n  mx: (value: string) => ({\n    marginLeft: value,\n    marginRight: value,\n  }),\n  my: (value: string) => ({\n    marginTop: value,\n    marginBottom: value,\n  }),\n  size: (value: string) => ({\n    width: value,\n    height: value,\n  }),\n  px: (value: string) => ({\n    paddingLeft: value,\n    paddingRight: value,\n  }),\n  py: (value: string) => ({\n    paddingTop: value,\n    paddingBottom: value,\n  }),\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/index.ts","../src/core.ts","../package.json","../src/utils/index.ts","../src/utils/event-emitter.ts","../src/utils/stitches.ts"],"sourcesContent":["export * from './types'\nexport * from './core'\nexport * from './utils'\n","/*\n  @weaverse/core is the core package of Weaverse SDKs, it contains the core logic of Weaverse.\n  It is a singleton class that can be used to register item, store project data, trigger update on item or project data, etc.\n  ---\n  Licensed under MIT License.\n  Source: https://github.com/weaverse/weaverse\n  About Weaverse: https://weaverse.io\n*/\n\nimport * as stitches from '@stitches/core'\nimport type Stitches from '@stitches/core/types/stitches'\nimport type { RefObject } from 'react'\nimport pkg from '../package.json'\nimport type {\n  BreakPoints,\n  ElementCSS,\n  ElementData,\n  PlatformTypeEnum,\n  WeaverseCoreParams,\n  WeaverseProjectDataType,\n} from './types'\nimport { merge } from './utils'\nimport { EventEmitter } from './utils/event-emitter'\nimport { stitchesUtils } from './utils/stitches'\n\nexport class WeaverseItemStore extends EventEmitter {\n  weaverse: Weaverse\n  ref: RefObject<HTMLElement> = { current: null }\n  _store: ElementData = { id: '', type: '' }\n  stitchesClass = ''\n\n  constructor(initialData: ElementData, weaverse: Weaverse) {\n    super()\n    let { type, id } = initialData || {}\n    this.weaverse = weaverse\n    if (id && type) {\n      Weaverse.itemInstances.set(id, this)\n      Object.assign(this._store, initialData)\n    } else {\n      throw new Error(\n        `'id' and 'type' are required to create a new Weaverse item.`,\n      )\n    }\n    this._store.css = this.getDefaultCss()\n  }\n\n  get _id() {\n    return this._store.id\n  }\n\n  get _element() {\n    return this.ref.current\n  }\n\n  get Element() {\n    return this.weaverse.elementRegistry.get(this._store.type)\n  }\n\n  getDefaultCss = (): ElementCSS => {\n    let defaultCss = this.Element?.defaultCss || {}\n    let currentCss = this._store.css || {}\n    return merge(defaultCss, currentCss)\n  }\n\n  get data(): ElementData {\n    return this._store\n  }\n\n  set data(update: Omit<ElementData, 'id' | 'type'>) {\n    this._store = { ...this._store, ...update }\n  }\n\n  setData = (update: Omit<ElementData, 'id' | 'type'>) => {\n    this.data = update\n    this.triggerUpdate()\n    return this.data\n  }\n\n  getSnapShot = () => this.data\n\n  triggerUpdate = () => {\n    this.emit(this._store)\n  }\n}\n\nexport class Weaverse extends EventEmitter {\n  contentRootElement: HTMLElement | null = null\n  static itemInstances = new Map()\n  weaverseHost = 'https://studio.weaverse.io'\n  weaverseVersion = pkg.version\n  projectId = ''\n  isDesignMode = false\n  isPreviewMode = false\n  static stitchesInstance: Stitches | any\n  studioBridge?: any\n\n  declare static ItemConstructor: typeof WeaverseItemStore\n  declare data: WeaverseProjectDataType\n  declare platformType: PlatformTypeEnum\n  static elementRegistry = new Map()\n\n  static mediaBreakPoints: BreakPoints = {\n    desktop: 'all',\n    // max-width need to subtract 0.02px to prevent bug\n    // ref: https://getbootstrap.com/docs/5.1/layout/breakpoints/#max-width\n    mobile: '(max-width: 767.98px)',\n  }\n\n  constructor(params: WeaverseCoreParams) {\n    super()\n    for (const param of Object.entries(params)) {\n      let [key, value] = param\n      this[key] = value || this[key]\n    }\n    this.initProject()\n    Weaverse.initStitches()\n  }\n\n  getSnapShot = () => {\n    return this.data\n  }\n  /**\n   * Create new `WeaverseItemStore` instance for each item in the project.\n   */\n  initProject = () => {\n    let { data } = this\n    let itemInstances = Weaverse.itemInstances\n    if (data?.items) {\n      // data.items.forEach((item) => {\n      //   let itemInstance = itemInstances.get(item.id)\n      //   if (itemInstance) {\n      //     itemInstance.setData(item)\n      //   } else {\n      //     this.createItemInstance(item)\n      //   }\n      // })\n      for (const item of data.items) {\n        let itemInstance = itemInstances.get(item.id)\n        if (itemInstance) {\n          itemInstance.setData(item)\n        } else {\n          this.createItemInstance(item)\n        }\n      }\n    }\n  }\n\n  get itemInstances() {\n    return Weaverse.itemInstances\n  }\n  createItemInstance = (data: ElementData) => {\n    return new Weaverse.ItemConstructor(data, this)\n  }\n\n  static initStitches = (externalConfig?: stitches.CreateStitches) => {\n    Weaverse.stitchesInstance =\n      Weaverse.stitchesInstance ||\n      stitches.createStitches({\n        prefix: 'weaverse',\n        media: Weaverse.mediaBreakPoints,\n        utils: stitchesUtils,\n        ...externalConfig,\n      })\n  }\n\n  get stitchesInstance() {\n    return Weaverse.stitchesInstance\n  }\n\n  /**\n   * Register the custom React Component to Weaverse, store it into Weaverse.elementRegistry\n   */\n  static registerElement = registerElement\n\n  get elementRegistry() {\n    return Weaverse.elementRegistry\n  }\n\n  triggerUpdate = () => {\n    // make new copy of data to trigger update\n    this.data = { ...this.data }\n    this.emit(this.data)\n  }\n\n  refreshAllItems() {\n    for (const item of Weaverse.itemInstances.values()) {\n      item.triggerUpdate()\n    }\n  }\n\n  /**\n   * Reset the project data and re-initialize all items.\n   * Used when we need to re-render the project with new data (like applying new template)\n   * @param data {WeaverseProjectDataType}\n   */\n  setProjectData = (data: WeaverseProjectDataType) => {\n    this.data = data\n    this.initProject()\n  }\n}\nexport function registerElement(element: { type: string; [x: string]: any }) {\n  if (element?.type) {\n    if (!Weaverse.elementRegistry.has(element.type)) {\n      Weaverse.elementRegistry.set(element?.type, element)\n    }\n  } else {\n    console.error(\"Cannot register element without 'type'.\")\n  }\n}\n\nexport { EventEmitter }\n","{\n  \"name\": \"@weaverse/core\",\n  \"author\": \"Weaverse Team\",\n  \"description\": \"Weaverse Core\",\n  \"version\": \"4.3.4\",\n  \"license\": \"MIT\",\n  \"main\": \"dist/index.js\",\n  \"types\": \"dist/index.d.ts\",\n  \"module\": \"dist/index.mjs\",\n  \"repository\": {\n    \"url\": \"git+https://github.com/Weaverse/weaverse.git\",\n    \"directory\": \"packages/core\"\n  },\n  \"publishConfig\": {\n    \"access\": \"public\",\n    \"@weaverse:registry\": \"https://registry.npmjs.org\"\n  },\n  \"files\": [\"dist/*\"],\n  \"engines\": {\n    \"node\": \">=18\"\n  },\n  \"scripts\": {\n    \"dev\": \"tsup --watch\",\n    \"build\": \"tsup\",\n    \"clean\": \"rimraf dist\"\n  },\n  \"tsup\": {\n    \"entry\": [\"src/index.ts\"],\n    \"format\": [\"esm\", \"cjs\"],\n    \"dts\": true,\n    \"sourcemap\": true,\n    \"clean\": true,\n    \"outDir\": \"dist\"\n  },\n  \"dependencies\": {\n    \"@stitches/core\": \"^1.2.8\"\n  }\n}\n","export let isReactNative =\n  typeof navigator === 'object' && navigator.product === 'ReactNative'\nexport let isBrowser = typeof window !== 'undefined' && !isReactNative\nexport let isIframe = isBrowser && window.top !== window.self\n\n/**\n * Deep merge two objects.\n * @param target\n * @param source\n */\nexport function merge(\n  target: Record<string, any>,\n  source: Record<string, any>,\n) {\n  let t = { ...(target || {}) }\n  // Iterate through `source` properties and if an `Object` set property to merge of `target` and `source` properties\n  for (let key of Object.keys(source)) {\n    if (source[key] instanceof Object && !Array.isArray(source[key])) {\n      Object.assign(source[key], merge(t[key], source[key]))\n    }\n  }\n\n  // Join `target` and modified `source`\n  Object.assign(t || {}, source)\n  return t\n}\n\nexport function loadScript(src: string) {\n  return new Promise((resolve, reject) => {\n    let currScript = document.querySelector(`script[src=\"${src}\"]`)\n    if (currScript) {\n      return resolve(true)\n    }\n    let script = document.createElement('script')\n    script.src = src\n    script.onload = resolve\n    script.onerror = reject\n    script.defer = true\n    document.body.appendChild(script)\n  })\n}\n","type AnyFunction = (...args: any[]) => any\n\nexport class EventEmitter {\n  listeners: Set<AnyFunction>\n\n  constructor() {\n    this.listeners = new Set()\n  }\n\n  subscribe = (fn: AnyFunction) => {\n    this.listeners.add(fn)\n    return () => this.unsubscribe(fn)\n  }\n\n  unsubscribe = (fn: AnyFunction) => {\n    this.listeners.delete(fn)\n  }\n\n  emit = (data) => {\n    for (const fn of this.listeners) {\n      fn(data)\n    }\n  }\n}\n","export let stitchesUtils = {\n  m: (value: string) => ({\n    margin: value,\n  }),\n  mt: (value: string) => ({\n    marginTop: value,\n  }),\n  mr: (value: string) => ({\n    marginRight: value,\n  }),\n  mb: (value: string) => ({\n    marginBottom: value,\n  }),\n  ml: (value: string) => ({\n    marginLeft: value,\n  }),\n  mx: (value: string) => ({\n    marginLeft: value,\n    marginRight: value,\n  }),\n  my: (value: string) => ({\n    marginTop: value,\n    marginBottom: value,\n  }),\n  size: (value: string) => ({\n    width: value,\n    height: value,\n  }),\n  px: (value: string) => ({\n    paddingLeft: value,\n    paddingRight: value,\n  }),\n  py: (value: string) => ({\n    paddingTop: value,\n    paddingBottom: value,\n  }),\n}\n"],"mappings":"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","names":[]}

package/dist/index.mjs

@@ -6,7 +6,7 @@ var package_default = {
   name: "@weaverse/core",
   author: "Weaverse Team",
   description: "Weaverse Core",
-  version: "4.3.3",
+  version: "4.3.4",
   license: "MIT",
   main: "dist/index.js",
   types: "dist/index.d.ts",
@@ -19,26 +19,18 @@ var package_default = {
     access: "public",
     "@weaverse:registry": "https://registry.npmjs.org"
   },
-  files: [
-    "dist/*"
-  ],
+  files: ["dist/*"],
   engines: {
     node: ">=18"
   },
   scripts: {
     dev: "tsup --watch",
     build: "tsup",
-    clean: "rimraf dist",
-    prepublish: "npm run build"
+    clean: "rimraf dist"
   },
   tsup: {
-    entry: [
-      "src/index.ts"
-    ],
-    format: [
-      "esm",
-      "cjs"
-    ],
+    entry: ["src/index.ts"],
+    format: ["esm", "cjs"],
     dts: true,
     sourcemap: true,
     clean: true,
@@ -253,15 +245,7 @@ var Weaverse = class _Weaverse extends EventEmitter {
   /**
    * Register the custom React Component to Weaverse, store it into Weaverse.elementRegistry
    */
-  static registerElement(element) {
-    if (element?.type) {
-      if (!_Weaverse.elementRegistry.has(element.type)) {
-        _Weaverse.elementRegistry.set(element?.type, element);
-      }
-    } else {
-      console.error("Cannot register element without 'type'.");
-    }
-  }
+  static registerElement = registerElement;
   get elementRegistry() {
     return _Weaverse.elementRegistry;
   }
@@ -284,6 +268,15 @@ var Weaverse = class _Weaverse extends EventEmitter {
     this.initProject();
   };
 };
+function registerElement(element) {
+  if (element?.type) {
+    if (!Weaverse.elementRegistry.has(element.type)) {
+      Weaverse.elementRegistry.set(element?.type, element);
+    }
+  } else {
+    console.error("Cannot register element without 'type'.");
+  }
+}
 export {
   EventEmitter,
   Weaverse,
@@ -292,6 +285,7 @@ export {
   isIframe,
   isReactNative,
   loadScript,
-  merge
+  merge,
+  registerElement
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core.ts","../package.json","../src/utils/index.ts","../src/utils/event-emitter.ts","../src/utils/stitches.ts"],"sourcesContent":["/*\n  @weaverse/core is the core package of Weaverse SDKs, it contains the core logic of Weaverse.\n  It is a singleton class that can be used to register item, store project data, trigger update on item or project data, etc.\n  ---\n  Licensed under MIT License.\n  Source: https://github.com/weaverse/weaverse\n  About Weaverse: https://weaverse.io\n*/\n\nimport * as stitches from '@stitches/core'\nimport type Stitches from '@stitches/core/types/stitches'\nimport type { RefObject } from 'react'\nimport pkg from '../package.json'\nimport type {\n  BreakPoints,\n  ElementCSS,\n  ElementData,\n  PlatformTypeEnum,\n  WeaverseCoreParams,\n  WeaverseProjectDataType,\n} from './types'\nimport { merge } from './utils'\nimport { EventEmitter } from './utils/event-emitter'\nimport { stitchesUtils } from './utils/stitches'\n\nexport class WeaverseItemStore extends EventEmitter {\n  weaverse: Weaverse\n  ref: RefObject<HTMLElement> = { current: null }\n  _store: ElementData = { id: '', type: '' }\n  stitchesClass = ''\n\n  constructor(initialData: ElementData, weaverse: Weaverse) {\n    super()\n    let { type, id } = initialData || {}\n    this.weaverse = weaverse\n    if (id && type) {\n      Weaverse.itemInstances.set(id, this)\n      Object.assign(this._store, initialData)\n    } else {\n      throw new Error(\n        `'id' and 'type' are required to create a new Weaverse item.`,\n      )\n    }\n    this._store.css = this.getDefaultCss()\n  }\n\n  get _id() {\n    return this._store.id\n  }\n\n  get _element() {\n    return this.ref.current\n  }\n\n  get Element() {\n    return this.weaverse.elementRegistry.get(this._store.type)\n  }\n\n  getDefaultCss = (): ElementCSS => {\n    let defaultCss = this.Element?.defaultCss || {}\n    let currentCss = this._store.css || {}\n    return merge(defaultCss, currentCss)\n  }\n\n  get data(): ElementData {\n    return this._store\n  }\n\n  set data(update: Omit<ElementData, 'id' | 'type'>) {\n    this._store = { ...this._store, ...update }\n  }\n\n  setData = (update: Omit<ElementData, 'id' | 'type'>) => {\n    this.data = update\n    this.triggerUpdate()\n    return this.data\n  }\n\n  getSnapShot = () => this.data\n\n  triggerUpdate = () => {\n    this.emit(this._store)\n  }\n}\n\nexport class Weaverse extends EventEmitter {\n  contentRootElement: HTMLElement | null = null\n  static itemInstances = new Map()\n  weaverseHost = 'https://studio.weaverse.io'\n  weaverseVersion = pkg.version\n  projectId = ''\n  isDesignMode = false\n  isPreviewMode = false\n  static stitchesInstance: Stitches | any\n  studioBridge?: any\n\n  declare static ItemConstructor: typeof WeaverseItemStore\n  declare data: WeaverseProjectDataType\n  declare platformType: PlatformTypeEnum\n  static elementRegistry = new Map()\n\n  static mediaBreakPoints: BreakPoints = {\n    desktop: 'all',\n    // max-width need to subtract 0.02px to prevent bug\n    // ref: https://getbootstrap.com/docs/5.1/layout/breakpoints/#max-width\n    mobile: '(max-width: 767.98px)',\n  }\n\n  constructor(params: WeaverseCoreParams) {\n    super()\n    for (const param of Object.entries(params)) {\n      let [key, value] = param\n      this[key] = value || this[key]\n    }\n    this.initProject()\n    Weaverse.initStitches()\n  }\n\n  getSnapShot = () => {\n    return this.data\n  }\n  /**\n   * Create new `WeaverseItemStore` instance for each item in the project.\n   */\n  initProject = () => {\n    let { data } = this\n    let itemInstances = Weaverse.itemInstances\n    if (data?.items) {\n      // data.items.forEach((item) => {\n      //   let itemInstance = itemInstances.get(item.id)\n      //   if (itemInstance) {\n      //     itemInstance.setData(item)\n      //   } else {\n      //     this.createItemInstance(item)\n      //   }\n      // })\n      for (const item of data.items) {\n        let itemInstance = itemInstances.get(item.id)\n        if (itemInstance) {\n          itemInstance.setData(item)\n        } else {\n          this.createItemInstance(item)\n        }\n      }\n    }\n  }\n\n  get itemInstances() {\n    return Weaverse.itemInstances\n  }\n  createItemInstance = (data: ElementData) => {\n    return new Weaverse.ItemConstructor(data, this)\n  }\n\n  static initStitches = (externalConfig?: stitches.CreateStitches) => {\n    Weaverse.stitchesInstance =\n      Weaverse.stitchesInstance ||\n      stitches.createStitches({\n        prefix: 'weaverse',\n        media: Weaverse.mediaBreakPoints,\n        utils: stitchesUtils,\n        ...externalConfig,\n      })\n  }\n\n  get stitchesInstance() {\n    return Weaverse.stitchesInstance\n  }\n\n  /**\n   * Register the custom React Component to Weaverse, store it into Weaverse.elementRegistry\n   */\n  static registerElement(element: { type: string; [x: string]: any }) {\n    if (element?.type) {\n      if (!Weaverse.elementRegistry.has(element.type)) {\n        Weaverse.elementRegistry.set(element?.type, element)\n      }\n    } else {\n      console.error(\"Cannot register element without 'type'.\")\n    }\n  }\n\n  get elementRegistry() {\n    return Weaverse.elementRegistry\n  }\n\n  triggerUpdate = () => {\n    // make new copy of data to trigger update\n    this.data = { ...this.data }\n    this.emit(this.data)\n  }\n\n  refreshAllItems() {\n    for (const item of Weaverse.itemInstances.values()) {\n      item.triggerUpdate()\n    }\n  }\n\n  /**\n   * Reset the project data and re-initialize all items.\n   * Used when we need to re-render the project with new data (like applying new template)\n   * @param data {WeaverseProjectDataType}\n   */\n  setProjectData = (data: WeaverseProjectDataType) => {\n    this.data = data\n    this.initProject()\n  }\n}\n\nexport { EventEmitter }\n","{\n  \"name\": \"@weaverse/core\",\n  \"author\": \"Weaverse Team\",\n  \"description\": \"Weaverse Core\",\n  \"version\": \"4.3.3\",\n  \"license\": \"MIT\",\n  \"main\": \"dist/index.js\",\n  \"types\": \"dist/index.d.ts\",\n  \"module\": \"dist/index.mjs\",\n  \"repository\": {\n    \"url\": \"git+https://github.com/Weaverse/weaverse.git\",\n    \"directory\": \"packages/core\"\n  },\n  \"publishConfig\": {\n    \"access\": \"public\",\n    \"@weaverse:registry\": \"https://registry.npmjs.org\"\n  },\n  \"files\": [\n    \"dist/*\"\n  ],\n  \"engines\": {\n    \"node\": \">=18\"\n  },\n  \"scripts\": {\n    \"dev\": \"tsup --watch\",\n    \"build\": \"tsup\",\n    \"clean\": \"rimraf dist\",\n    \"prepublish\": \"npm run build\"\n  },\n  \"tsup\": {\n    \"entry\": [\n      \"src/index.ts\"\n    ],\n    \"format\": [\n      \"esm\",\n      \"cjs\"\n    ],\n    \"dts\": true,\n    \"sourcemap\": true,\n    \"clean\": true,\n    \"outDir\": \"dist\"\n  },\n  \"dependencies\": {\n    \"@stitches/core\": \"^1.2.8\"\n  }\n}\n","export let isReactNative =\n  typeof navigator === 'object' && navigator.product === 'ReactNative'\nexport let isBrowser = typeof window !== 'undefined' && !isReactNative\nexport let isIframe = isBrowser && window.top !== window.self\n\n/**\n * Deep merge two objects.\n * @param target\n * @param source\n */\nexport function merge(\n  target: Record<string, any>,\n  source: Record<string, any>,\n) {\n  let t = { ...(target || {}) }\n  // Iterate through `source` properties and if an `Object` set property to merge of `target` and `source` properties\n  for (let key of Object.keys(source)) {\n    if (source[key] instanceof Object && !Array.isArray(source[key])) {\n      Object.assign(source[key], merge(t[key], source[key]))\n    }\n  }\n\n  // Join `target` and modified `source`\n  Object.assign(t || {}, source)\n  return t\n}\n\nexport function loadScript(src: string) {\n  return new Promise((resolve, reject) => {\n    let currScript = document.querySelector(`script[src=\"${src}\"]`)\n    if (currScript) {\n      return resolve(true)\n    }\n    let script = document.createElement('script')\n    script.src = src\n    script.onload = resolve\n    script.onerror = reject\n    script.defer = true\n    document.body.appendChild(script)\n  })\n}\n","type AnyFunction = (...args: any[]) => any\n\nexport class EventEmitter {\n  listeners: Set<AnyFunction>\n\n  constructor() {\n    this.listeners = new Set()\n  }\n\n  subscribe = (fn: AnyFunction) => {\n    this.listeners.add(fn)\n    return () => this.unsubscribe(fn)\n  }\n\n  unsubscribe = (fn: AnyFunction) => {\n    this.listeners.delete(fn)\n  }\n\n  emit = (data) => {\n    for (const fn of this.listeners) {\n      fn(data)\n    }\n  }\n}\n","export let stitchesUtils = {\n  m: (value: string) => ({\n    margin: value,\n  }),\n  mt: (value: string) => ({\n    marginTop: value,\n  }),\n  mr: (value: string) => ({\n    marginRight: value,\n  }),\n  mb: (value: string) => ({\n    marginBottom: value,\n  }),\n  ml: (value: string) => ({\n    marginLeft: value,\n  }),\n  mx: (value: string) => ({\n    marginLeft: value,\n    marginRight: value,\n  }),\n  my: (value: string) => ({\n    marginTop: value,\n    marginBottom: value,\n  }),\n  size: (value: string) => ({\n    width: value,\n    height: value,\n  }),\n  px: (value: string) => ({\n    paddingLeft: value,\n    paddingRight: value,\n  }),\n  py: (value: string) => ({\n    paddingTop: value,\n    paddingBottom: value,\n  }),\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/core.ts","../package.json","../src/utils/index.ts","../src/utils/event-emitter.ts","../src/utils/stitches.ts"],"sourcesContent":["/*\n  @weaverse/core is the core package of Weaverse SDKs, it contains the core logic of Weaverse.\n  It is a singleton class that can be used to register item, store project data, trigger update on item or project data, etc.\n  ---\n  Licensed under MIT License.\n  Source: https://github.com/weaverse/weaverse\n  About Weaverse: https://weaverse.io\n*/\n\nimport * as stitches from '@stitches/core'\nimport type Stitches from '@stitches/core/types/stitches'\nimport type { RefObject } from 'react'\nimport pkg from '../package.json'\nimport type {\n  BreakPoints,\n  ElementCSS,\n  ElementData,\n  PlatformTypeEnum,\n  WeaverseCoreParams,\n  WeaverseProjectDataType,\n} from './types'\nimport { merge } from './utils'\nimport { EventEmitter } from './utils/event-emitter'\nimport { stitchesUtils } from './utils/stitches'\n\nexport class WeaverseItemStore extends EventEmitter {\n  weaverse: Weaverse\n  ref: RefObject<HTMLElement> = { current: null }\n  _store: ElementData = { id: '', type: '' }\n  stitchesClass = ''\n\n  constructor(initialData: ElementData, weaverse: Weaverse) {\n    super()\n    let { type, id } = initialData || {}\n    this.weaverse = weaverse\n    if (id && type) {\n      Weaverse.itemInstances.set(id, this)\n      Object.assign(this._store, initialData)\n    } else {\n      throw new Error(\n        `'id' and 'type' are required to create a new Weaverse item.`,\n      )\n    }\n    this._store.css = this.getDefaultCss()\n  }\n\n  get _id() {\n    return this._store.id\n  }\n\n  get _element() {\n    return this.ref.current\n  }\n\n  get Element() {\n    return this.weaverse.elementRegistry.get(this._store.type)\n  }\n\n  getDefaultCss = (): ElementCSS => {\n    let defaultCss = this.Element?.defaultCss || {}\n    let currentCss = this._store.css || {}\n    return merge(defaultCss, currentCss)\n  }\n\n  get data(): ElementData {\n    return this._store\n  }\n\n  set data(update: Omit<ElementData, 'id' | 'type'>) {\n    this._store = { ...this._store, ...update }\n  }\n\n  setData = (update: Omit<ElementData, 'id' | 'type'>) => {\n    this.data = update\n    this.triggerUpdate()\n    return this.data\n  }\n\n  getSnapShot = () => this.data\n\n  triggerUpdate = () => {\n    this.emit(this._store)\n  }\n}\n\nexport class Weaverse extends EventEmitter {\n  contentRootElement: HTMLElement | null = null\n  static itemInstances = new Map()\n  weaverseHost = 'https://studio.weaverse.io'\n  weaverseVersion = pkg.version\n  projectId = ''\n  isDesignMode = false\n  isPreviewMode = false\n  static stitchesInstance: Stitches | any\n  studioBridge?: any\n\n  declare static ItemConstructor: typeof WeaverseItemStore\n  declare data: WeaverseProjectDataType\n  declare platformType: PlatformTypeEnum\n  static elementRegistry = new Map()\n\n  static mediaBreakPoints: BreakPoints = {\n    desktop: 'all',\n    // max-width need to subtract 0.02px to prevent bug\n    // ref: https://getbootstrap.com/docs/5.1/layout/breakpoints/#max-width\n    mobile: '(max-width: 767.98px)',\n  }\n\n  constructor(params: WeaverseCoreParams) {\n    super()\n    for (const param of Object.entries(params)) {\n      let [key, value] = param\n      this[key] = value || this[key]\n    }\n    this.initProject()\n    Weaverse.initStitches()\n  }\n\n  getSnapShot = () => {\n    return this.data\n  }\n  /**\n   * Create new `WeaverseItemStore` instance for each item in the project.\n   */\n  initProject = () => {\n    let { data } = this\n    let itemInstances = Weaverse.itemInstances\n    if (data?.items) {\n      // data.items.forEach((item) => {\n      //   let itemInstance = itemInstances.get(item.id)\n      //   if (itemInstance) {\n      //     itemInstance.setData(item)\n      //   } else {\n      //     this.createItemInstance(item)\n      //   }\n      // })\n      for (const item of data.items) {\n        let itemInstance = itemInstances.get(item.id)\n        if (itemInstance) {\n          itemInstance.setData(item)\n        } else {\n          this.createItemInstance(item)\n        }\n      }\n    }\n  }\n\n  get itemInstances() {\n    return Weaverse.itemInstances\n  }\n  createItemInstance = (data: ElementData) => {\n    return new Weaverse.ItemConstructor(data, this)\n  }\n\n  static initStitches = (externalConfig?: stitches.CreateStitches) => {\n    Weaverse.stitchesInstance =\n      Weaverse.stitchesInstance ||\n      stitches.createStitches({\n        prefix: 'weaverse',\n        media: Weaverse.mediaBreakPoints,\n        utils: stitchesUtils,\n        ...externalConfig,\n      })\n  }\n\n  get stitchesInstance() {\n    return Weaverse.stitchesInstance\n  }\n\n  /**\n   * Register the custom React Component to Weaverse, store it into Weaverse.elementRegistry\n   */\n  static registerElement = registerElement\n\n  get elementRegistry() {\n    return Weaverse.elementRegistry\n  }\n\n  triggerUpdate = () => {\n    // make new copy of data to trigger update\n    this.data = { ...this.data }\n    this.emit(this.data)\n  }\n\n  refreshAllItems() {\n    for (const item of Weaverse.itemInstances.values()) {\n      item.triggerUpdate()\n    }\n  }\n\n  /**\n   * Reset the project data and re-initialize all items.\n   * Used when we need to re-render the project with new data (like applying new template)\n   * @param data {WeaverseProjectDataType}\n   */\n  setProjectData = (data: WeaverseProjectDataType) => {\n    this.data = data\n    this.initProject()\n  }\n}\nexport function registerElement(element: { type: string; [x: string]: any }) {\n  if (element?.type) {\n    if (!Weaverse.elementRegistry.has(element.type)) {\n      Weaverse.elementRegistry.set(element?.type, element)\n    }\n  } else {\n    console.error(\"Cannot register element without 'type'.\")\n  }\n}\n\nexport { EventEmitter }\n","{\n  \"name\": \"@weaverse/core\",\n  \"author\": \"Weaverse Team\",\n  \"description\": \"Weaverse Core\",\n  \"version\": \"4.3.4\",\n  \"license\": \"MIT\",\n  \"main\": \"dist/index.js\",\n  \"types\": \"dist/index.d.ts\",\n  \"module\": \"dist/index.mjs\",\n  \"repository\": {\n    \"url\": \"git+https://github.com/Weaverse/weaverse.git\",\n    \"directory\": \"packages/core\"\n  },\n  \"publishConfig\": {\n    \"access\": \"public\",\n    \"@weaverse:registry\": \"https://registry.npmjs.org\"\n  },\n  \"files\": [\"dist/*\"],\n  \"engines\": {\n    \"node\": \">=18\"\n  },\n  \"scripts\": {\n    \"dev\": \"tsup --watch\",\n    \"build\": \"tsup\",\n    \"clean\": \"rimraf dist\"\n  },\n  \"tsup\": {\n    \"entry\": [\"src/index.ts\"],\n    \"format\": [\"esm\", \"cjs\"],\n    \"dts\": true,\n    \"sourcemap\": true,\n    \"clean\": true,\n    \"outDir\": \"dist\"\n  },\n  \"dependencies\": {\n    \"@stitches/core\": \"^1.2.8\"\n  }\n}\n","export let isReactNative =\n  typeof navigator === 'object' && navigator.product === 'ReactNative'\nexport let isBrowser = typeof window !== 'undefined' && !isReactNative\nexport let isIframe = isBrowser && window.top !== window.self\n\n/**\n * Deep merge two objects.\n * @param target\n * @param source\n */\nexport function merge(\n  target: Record<string, any>,\n  source: Record<string, any>,\n) {\n  let t = { ...(target || {}) }\n  // Iterate through `source` properties and if an `Object` set property to merge of `target` and `source` properties\n  for (let key of Object.keys(source)) {\n    if (source[key] instanceof Object && !Array.isArray(source[key])) {\n      Object.assign(source[key], merge(t[key], source[key]))\n    }\n  }\n\n  // Join `target` and modified `source`\n  Object.assign(t || {}, source)\n  return t\n}\n\nexport function loadScript(src: string) {\n  return new Promise((resolve, reject) => {\n    let currScript = document.querySelector(`script[src=\"${src}\"]`)\n    if (currScript) {\n      return resolve(true)\n    }\n    let script = document.createElement('script')\n    script.src = src\n    script.onload = resolve\n    script.onerror = reject\n    script.defer = true\n    document.body.appendChild(script)\n  })\n}\n","type AnyFunction = (...args: any[]) => any\n\nexport class EventEmitter {\n  listeners: Set<AnyFunction>\n\n  constructor() {\n    this.listeners = new Set()\n  }\n\n  subscribe = (fn: AnyFunction) => {\n    this.listeners.add(fn)\n    return () => this.unsubscribe(fn)\n  }\n\n  unsubscribe = (fn: AnyFunction) => {\n    this.listeners.delete(fn)\n  }\n\n  emit = (data) => {\n    for (const fn of this.listeners) {\n      fn(data)\n    }\n  }\n}\n","export let stitchesUtils = {\n  m: (value: string) => ({\n    margin: value,\n  }),\n  mt: (value: string) => ({\n    marginTop: value,\n  }),\n  mr: (value: string) => ({\n    marginRight: value,\n  }),\n  mb: (value: string) => ({\n    marginBottom: value,\n  }),\n  ml: (value: string) => ({\n    marginLeft: value,\n  }),\n  mx: (value: string) => ({\n    marginLeft: value,\n    marginRight: value,\n  }),\n  my: (value: string) => ({\n    marginTop: value,\n    marginBottom: value,\n  }),\n  size: (value: string) => ({\n    width: value,\n    height: value,\n  }),\n  px: (value: string) => ({\n    paddingLeft: value,\n    paddingRight: value,\n  }),\n  py: (value: string) => ({\n    paddingTop: value,\n    paddingBottom: value,\n  }),\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@weaverse/core",
   "author": "Weaverse Team",
   "description": "Weaverse Core",
-  "version": "4.3.3",
+  "version": "5.0.0-next.0",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -40,7 +40,6 @@
   "scripts": {
     "dev": "tsup --watch",
     "build": "tsup",
-    "clean": "rimraf dist",
-    "prepublish": "npm run build"
+    "clean": "rimraf dist"
   }
 }