epos 1.22.0 → 1.25.0

package/dist/epos-vite.d.ts

@@ -0,0 +1,10 @@
+import { Plugin } from 'vite';
+
+declare class EposVite {
+    private libs;
+    get plugin(): Plugin;
+    private onResolveId;
+}
+declare function epos(): Plugin<any>;
+
+export { EposVite, epos as default, epos };

package/dist/epos-vite.js

@@ -0,0 +1,31 @@
+// src/epos-vite.ts
+import { resolve } from "path";
+var EposVite = class {
+  libs = {
+    "react": resolve(import.meta.dirname, "./libs/libs-react.js"),
+    "react/jsx-runtime": resolve(import.meta.dirname, "./libs/libs-react-jsx-runtime.js"),
+    "react-dom": resolve(import.meta.dirname, "./libs/libs-react-dom.js"),
+    "react-dom/client": resolve(import.meta.dirname, "./libs/libs-react-dom-client.js"),
+    "mobx": resolve(import.meta.dirname, "./libs/libs-mobx.js"),
+    "mobx-react-lite": resolve(import.meta.dirname, "./libs/libs-mobx-react-lite.js")
+  };
+  get plugin() {
+    return {
+      name: "epos",
+      enforce: "pre",
+      resolveId: this.onResolveId
+    };
+  }
+  onResolveId = (source) => {
+    return this.libs[source] ?? null;
+  };
+};
+function epos() {
+  return new EposVite().plugin;
+}
+var epos_vite_default = epos;
+export {
+  EposVite,
+  epos_vite_default as default,
+  epos
+};

package/dist/epos.d.ts

@@ -16,6 +16,36 @@ type Initial<T extends Obj | Model> = T | (() => T);
 type StateConfig = {
     allowMissingModels?: boolean | string[];
 };
+type ReqInit = {
+    body: RequestInit['body'];
+    cache: RequestInit['cache'];
+    credentials: RequestInit['credentials'];
+    headers: RequestInit['headers'];
+    integrity: RequestInit['integrity'];
+    keepalive: RequestInit['keepalive'];
+    method: RequestInit['method'];
+    mode: RequestInit['mode'];
+    priority: RequestInit['priority'];
+    redirect: RequestInit['redirect'];
+    referrer: RequestInit['referrer'];
+    referrerPolicy: RequestInit['referrerPolicy'];
+};
+type Res = {
+    ok: Response['ok'];
+    url: Response['url'];
+    type: Response['type'];
+    status: Response['status'];
+    statusText: Response['statusText'];
+    redirected: Response['redirected'];
+    text: Response['text'];
+    json: Response['json'];
+    blob: Response['blob'];
+    headers: {
+        get: Response['headers']['get'];
+        has: Response['headers']['has'];
+        keys: () => string[];
+    };
+};
 type Storage = {
     /** Get value from the storage. */
     get<T = unknown>(key: string): Promise<T>;
@@ -29,14 +59,11 @@ type Storage = {
     clear(): Promise<void>;
 };
 interface Epos {
-    fetch: typeof window.fetch;
+    fetch: (url: string | URL, init?: ReqInit) => Promise<Res>;
     browser: typeof chrome;
     element: HTMLDivElement;
     render(node: react.ReactNode, container?: reactDomClient.Container): void;
-    component: {
-        <P>(Component: react.FC<P>): typeof Component;
-        <P>(name: string, Component: react.FC<P>): typeof Component;
-    };
+    component<T>(Component: react.FC<T>): typeof Component;
     bus: {
         /** Listen for an event. */
         on(eventName: string, callback: Fn, thisValue?: unknown): void;
@@ -114,18 +141,24 @@ interface Epos {
             url: string;
         }[]>;
     };
-    static: {
-        /** Get static file URL. The file must be loaded first via `epos.static.load`. */
+    assets: {
+        /** Get asset URL. The asset must be loaded first via `epos.assets.load`. */
         url(path: string): string;
-        /** Load static file by path. */
-        load(path: string): Promise<Blob>;
-        /** Load all static files. */
-        loadAll(): Promise<Blob[]>;
-        /** Unload static file from memory. */
-        unload(path: string): void;
-        /** Unload all static files from memory. */
-        unloadAll(): void;
-        /** Get list of all available static files. */
+        /** Load either all assets or a specific asset by its path. */
+        load: {
+            /** Load all assets. */
+            (): Promise<void>;
+            /** Load asset by path. */
+            (path: string): Promise<Blob>;
+        };
+        /** Unload either all assets from memory or a specific asset by its path. */
+        unload: {
+            /** Unload all assets from memory. */
+            (): void;
+            /** Unload asset by path. */
+            (path: string): void;
+        };
+        /** Get list of all available asset files. */
         list(filter?: {
             loaded?: boolean;
         }): {
@@ -159,6 +192,5 @@ declare global {
     }
 }
 declare const _epos: Epos;
-var epos$1 = epos;
 
-export { type ClassName, type Epos, type Fn, type Initial, type Model, type ModelClass, type Obj, type StateConfig, type Storage, type Versioner, epos$1 as default, _epos as epos };
+export { type ClassName, type Epos, type Fn, type Initial, type Model, type ModelClass, type Obj, type ReqInit, type Res, type StateConfig, type Storage, type Versioner, _epos as default, _epos as epos };

package/dist/epos.js

@@ -1,6 +1,6 @@
 // src/epos.ts
 var _epos = epos;
-var epos_default = epos;
+var epos_default = _epos;
 export {
   epos_default as default,
   _epos as epos

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "epos",
-  "version": "1.22.0",
+  "version": "1.25.0",
   "type": "module",
   "license": "MIT",
   "author": "imkost",
@@ -19,9 +19,12 @@
       "types": "./dist/epos.d.ts"
     },
     "./vite": {
-      "source": "./src/vite.ts",
-      "import": "./dist/vite.js",
-      "types": "./dist/vite.d.ts"
+      "source": "./src/epos-vite.ts",
+      "import": "./dist/epos-vite.js",
+      "types": "./dist/epos-vite.d.ts"
+    },
+    "./vite/ts": {
+      "import": "./src/epos-vite.ts"
     }
   },
   "files": [
@@ -29,18 +32,21 @@
     "dist"
   ],
   "dependencies": {
-    "@types/chrome": "^0.1.22",
+    "@parcel/watcher": "^2.5.1",
+    "@types/chrome": "^0.1.24",
     "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.2.1",
+    "@types/react-dom": "^19.2.2",
     "mobx": "^6.15.0",
     "mobx-react-lite": "^4.1.1",
+    "portfinder": "^1.0.38",
     "react": "^19.2.0",
+    "ws": "^8.18.3",
     "yjs": "^13.6.27"
   },
   "devDependencies": {
-    "vite": "^7.1.9"
+    "vite": "^7.1.12"
   },
   "peerDependencies": {
-    "vite": "^7.1.4"
+    "vite": "^7.1.9"
   }
 }

package/src/epos-vite.ts

@@ -0,0 +1,31 @@
+import { resolve } from 'node:path'
+import type { Plugin } from 'vite'
+
+export class EposVite {
+  private libs: Record<string, string> = {
+    'react': resolve(import.meta.dirname, './libs/libs-react.js'),
+    'react/jsx-runtime': resolve(import.meta.dirname, './libs/libs-react-jsx-runtime.js'),
+    'react-dom': resolve(import.meta.dirname, './libs/libs-react-dom.js'),
+    'react-dom/client': resolve(import.meta.dirname, './libs/libs-react-dom-client.js'),
+    'mobx': resolve(import.meta.dirname, './libs/libs-mobx.js'),
+    'mobx-react-lite': resolve(import.meta.dirname, './libs/libs-mobx-react-lite.js'),
+  }
+
+  get plugin(): Plugin {
+    return {
+      name: 'epos',
+      enforce: 'pre',
+      resolveId: this.onResolveId,
+    }
+  }
+
+  private onResolveId = (source: string) => {
+    return this.libs[source] ?? null
+  }
+}
+
+export function epos() {
+  return new EposVite().plugin
+}
+
+export default epos

package/src/epos.ts

@@ -1,5 +1,3 @@
-import './chrome-types.d.ts'
-
 import type * as mobx from 'mobx'
 import type * as mobxReactLite from 'mobx-react-lite'
 import type * as react from 'react'
@@ -7,6 +5,7 @@ import type * as reactDom from 'react-dom'
 import type * as reactDomClient from 'react-dom/client'
 import type * as reactJsxRuntime from 'react/jsx-runtime'
 import type * as yjs from 'yjs'
+import './chrome-types.d.ts'
 
 export type Fn<T = any> = (...args: any[]) => T
 export type Obj = Record<string, unknown>
@@ -20,6 +19,38 @@ export type StateConfig = {
   allowMissingModels?: boolean | string[]
 }
 
+export type ReqInit = {
+  body: RequestInit['body']
+  cache: RequestInit['cache']
+  credentials: RequestInit['credentials']
+  headers: RequestInit['headers']
+  integrity: RequestInit['integrity']
+  keepalive: RequestInit['keepalive']
+  method: RequestInit['method']
+  mode: RequestInit['mode']
+  priority: RequestInit['priority']
+  redirect: RequestInit['redirect']
+  referrer: RequestInit['referrer']
+  referrerPolicy: RequestInit['referrerPolicy']
+}
+
+export type Res = {
+  ok: Response['ok']
+  url: Response['url']
+  type: Response['type']
+  status: Response['status']
+  statusText: Response['statusText']
+  redirected: Response['redirected']
+  text: Response['text']
+  json: Response['json']
+  blob: Response['blob']
+  headers: {
+    get: Response['headers']['get']
+    has: Response['headers']['has']
+    keys: () => string[]
+  }
+}
+
 export type Storage = {
   /** Get value from the storage. */
   get<T = unknown>(key: string): Promise<T>
@@ -35,14 +66,11 @@ export type Storage = {
 
 export interface Epos {
   // General
-  fetch: typeof window.fetch
+  fetch: (url: string | URL, init?: ReqInit) => Promise<Res>
   browser: typeof chrome
   element: HTMLDivElement
   render(node: react.ReactNode, container?: reactDomClient.Container): void
-  component: {
-    <P>(Component: react.FC<P>): typeof Component
-    <P>(name: string, Component: react.FC<P>): typeof Component
-  }
+  component<T>(Component: react.FC<T>): typeof Component
 
   // Bus
   bus: {
@@ -120,19 +148,25 @@ export interface Epos {
     list(): Promise<{ name: string | null; url: string }[]>
   }
 
-  // Static
-  static: {
-    /** Get static file URL. The file must be loaded first via `epos.static.load`. */
+  // Assets
+  assets: {
+    /** Get asset URL. The asset must be loaded first via `epos.assets.load`. */
     url(path: string): string
-    /** Load static file by path. */
-    load(path: string): Promise<Blob>
-    /** Load all static files. */
-    loadAll(): Promise<Blob[]>
-    /** Unload static file from memory. */
-    unload(path: string): void
-    /** Unload all static files from memory. */
-    unloadAll(): void
-    /** Get list of all available static files. */
+    /** Load either all assets or a specific asset by its path. */
+    load: {
+      /** Load all assets. */
+      (): Promise<void>
+      /** Load asset by path. */
+      (path: string): Promise<Blob>
+    }
+    /** Unload either all assets from memory or a specific asset by its path. */
+    unload: {
+      /** Unload all assets from memory. */
+      (): void
+      /** Unload asset by path. */
+      (path: string): void
+    }
+    /** Get list of all available asset files. */
     list(filter?: { loaded?: boolean }): { path: string; loaded: boolean }[]
   }
 
@@ -169,4 +203,4 @@ declare global {
 
 const _epos = epos
 export { _epos as epos }
-export default epos
+export default _epos

package/dist/vite.d.ts

@@ -1,5 +0,0 @@
-import { Plugin } from 'vite';
-
-declare function epos(): Plugin;
-
-export { epos as default, epos };

package/dist/vite.js

@@ -1,22 +0,0 @@
-// src/vite.ts
-import { resolve } from "path";
-var libs = {
-  "react": resolve(import.meta.dirname, "./libs/libs-react.js"),
-  "react/jsx-runtime": resolve(import.meta.dirname, "./libs/libs-react-jsx-runtime.js"),
-  "react-dom": resolve(import.meta.dirname, "./libs/libs-react-dom.js"),
-  "react-dom/client": resolve(import.meta.dirname, "./libs/libs-react-dom-client.js"),
-  "mobx": resolve(import.meta.dirname, "./libs/libs-mobx.js"),
-  "mobx-react-lite": resolve(import.meta.dirname, "./libs/libs-mobx-react-lite.js")
-};
-function epos() {
-  return {
-    name: "epos",
-    enforce: "pre",
-    resolveId: (source) => libs[source] ?? null
-  };
-}
-var vite_default = epos;
-export {
-  vite_default as default,
-  epos
-};

package/src/vite.ts

@@ -1,21 +0,0 @@
-import { resolve } from 'node:path'
-import type { Plugin } from 'vite'
-
-const libs: Record<string, string> = {
-  'react': resolve(import.meta.dirname, './libs/libs-react.js'),
-  'react/jsx-runtime': resolve(import.meta.dirname, './libs/libs-react-jsx-runtime.js'),
-  'react-dom': resolve(import.meta.dirname, './libs/libs-react-dom.js'),
-  'react-dom/client': resolve(import.meta.dirname, './libs/libs-react-dom-client.js'),
-  'mobx': resolve(import.meta.dirname, './libs/libs-mobx.js'),
-  'mobx-react-lite': resolve(import.meta.dirname, './libs/libs-mobx-react-lite.js'),
-}
-
-export function epos(): Plugin {
-  return {
-    name: 'epos',
-    enforce: 'pre',
-    resolveId: source => libs[source] ?? null,
-  }
-}
-
-export default epos