epos 1.1.2 → 1.1.3

package/package.json

@@ -1,17 +1,24 @@
 {
   "name": "epos",
-  "type": "module",
-  "version": "1.1.2",
-  "description": "epos",
-  "main": "index.js",
-  "keywords": [],
+  "version": "1.1.3",
   "author": "imkost",
+  "description": "",
+  "keywords": [],
   "license": "MIT",
+  "type": "module",
+  "types": "./types.d.ts",
   "exports": {
-    "./plugin-esbuild": "./src/plugin/plugin-esbuild.js",
-    "./plugin-vite": "./src/plugin/plugin-vite.js"
+    "./plugin-esbuild": "./src/plugin-esbuild.js",
+    "./plugin-vite": "./src/plugin-vite.js"
+  },
+  "bin": {
+    "epos/kit": "./src/kit/kit-bin.js"
   },
   "devDependencies": {
-    "prettier": "3.4.2"
+    "chokidar": "^4.0.3",
+    "js-yaml": "^4.1.0",
+    "mime": "^4.0.6",
+    "prettier": "^3.4.2",
+    "ws": "^8.18.0"
   }
 }

package/prettier.config.mjs

@@ -0,0 +1,7 @@
+export default {
+  semi: false,
+  singleQuote: true,
+  arrowParens: 'avoid',
+  quoteProps: 'preserve',
+  printWidth: 87,
+}

package/src/kit/kit-bin.js

@@ -0,0 +1,105 @@
+console.log('EPOS/KIT BIN')
+// import $fs from 'node:fs/promises'
+// import $path from 'path'
+// import $http from 'node:http'
+// import $mime from 'mime'
+// import $yaml from 'js-yaml'
+// import $chokidar from 'chokidar'
+// import * as $ws from 'ws'
+
+// const $server = {
+//   async init() {
+//     const webDir = $path.resolve(import.meta.dirname, '../../../web')
+//     const dirs = await this._findManifestDirs(webDir)
+//     await this._start(dirs)
+
+//     const server = $http.createServer(async (req, res) => {
+//       const pkgName = req.url.split('/')[1]
+//       const dir = dirs.find(({ name }) => name === pkgName)
+//       if (!dir) {
+//         res.writeHead(404, { 'Content-Type': 'text/plain' })
+//         res.end('404: File Not Found')
+//         return
+//       }
+//       const path = req.url.split('/').slice(2).join('/')
+//       const filePath = $path.join(dir.dir, path)
+//       const contentType = $mime.getType(filePath) || 'application/octet-stream'
+
+//       try {
+//         const data = await $fs.readFile(filePath)
+//         res.writeHead(200, { 'Content-Type': contentType })
+//         res.end(data)
+//       } catch (e) {
+//         if (e.code === 'ENOENT') {
+//           res.writeHead(404, { 'Content-Type': 'text/plain' })
+//           res.end('404: File Not Found')
+//         } else {
+//           res.writeHead(500, { 'Content-Type': 'text/plain' })
+//           res.end('500: Internal Server Error')
+//         }
+//       }
+//     })
+
+//     const PORT = 3098
+//     server.listen(PORT, () => {
+//       console.log(`Server running at http://localhost:${PORT}/`)
+//     })
+//   },
+
+//   async _findManifestDirs(dir) {
+//     const results = []
+//     const variants = ['epos.json', 'epos.yaml', 'epos.yml']
+//     const entries = await $fs.readdir(dir, { withFileTypes: true })
+
+//     const manifestEntry = entries.find(e => e.isFile() && variants.includes(e.name))
+//     if (manifestEntry) {
+//       const path = $path.join(dir, manifestEntry.name)
+//       const content = await $fs.readFile(path, 'utf-8')
+//       const isJson = path.endsWith('.json')
+//       const manifest = isJson ? JSON.parse(content) : $yaml.load(content)
+//       if (!manifest.name) throw new Error(`no name in ${path}`)
+//       results.push({ name: manifest.name, dir })
+//     }
+
+//     for (const entry of entries) {
+//       if (!entry.isDirectory()) continue
+//       if (entry.name.startsWith('.')) continue
+//       if (entry.name === 'node_modules') continue
+//       const subDir = $path.join(dir, entry.name)
+//       const subResults = await this._findManifestDirs(subDir)
+//       results.push(...subResults)
+//     }
+
+//     return results
+//   },
+
+//   async _start(dirs, port = 3099) {
+//     const wss = new $ws.WebSocketServer({ port }, () => {
+//       console.log(`WebSocket server started on ws://localhost:${port}`)
+//     })
+
+//     const manifestDirs = dirs
+
+//     manifestDirs.forEach(({ dir, name }) => {
+//       const watcher = $chokidar.watch(dir, {
+//         ignored: /(node_modules|\.git)/,
+//         ignoreInitial: true,
+//       })
+
+//       const broadcast = path => {
+//         console.log('change', path)
+//         const data = JSON.stringify({ name, path: $path.relative(dir, path) })
+//         for (const client of wss.clients) {
+//           if (client.readyState !== 1) continue
+//           client.send(data)
+//         }
+//       }
+
+//       watcher.on('add', p => broadcast(p))
+//       watcher.on('change', p => broadcast(p))
+//       watcher.on('unlink', p => broadcast(p))
+//     })
+//   },
+// }
+
+// $server.init()

package/src/plugin/plugin-esbuild.js

@@ -2,7 +2,7 @@ import $path from 'path'
 const dirname = import.meta.dirname
 
 export default {
-  name: 'epos/esbuild-plugin',
+  name: 'epos-plugin/esbuild',
   setup(build) {
     // react
     build.onResolve({ filter: /^react$/ }, () => ({

package/src/plugin/plugin-vite.js

@@ -2,7 +2,7 @@ import $path from 'path'
 const dirname = import.meta.dirname
 
 export default {
-  name: 'epos/vite-plugin',
+  name: 'epos-plugin/vite',
   enforce: 'pre',
   resolveId(source) {
     // react

package/types.d.ts

@@ -0,0 +1,112 @@
+declare var Self: {
+  // base
+  name: string
+  state: { [key: string]: any }
+  storage: EposStorage
+  on: (event: string, callback: (...args: any[]) => any) => void
+  off: (event: string, callback?: (...args: any[]) => any) => void
+  send: (event: string, ...args: any[]) => Promise<any>
+  call: (event: string, ...args: any[]) => Promise<any>
+  is: { tab: boolean; popup: boolean; sidePanel: boolean; background: boolean }
+  use: (packageName: string) => any
+
+  // ui
+  render: (what: any, container?: HTMLElement | ShadowRoot) => void
+  portal: (vnode: Object, container: HTMLElement | ShadowRoot) => void
+  component: EposComponent
+  root: HTMLElement
+  shadow: ShadowRoot
+
+  // unit
+  unit: (name: string, schema: EposUnitSchema) => Function
+  hydrate: (target: any) => void
+
+  // files
+  files: EposFiles
+
+  // fetcher
+  fetcher: EposFetcher
+
+  // libs
+  react: Object
+  reactJsxRuntime: Object
+  reactDom: Object
+  reactDomClient: Object
+  mobx: Object
+  mobxReact: Object
+}
+
+// base
+declare var state: typeof Self.state
+declare var storage: typeof Self.storage
+declare var on: typeof Self.on
+declare var off: typeof Self.off
+declare var send: typeof Self.send
+declare var call: typeof Self.call
+declare var is: typeof Self.is
+declare var use: typeof Self.use
+
+// ui
+declare var render: typeof Self.render
+declare var portal: typeof Self.portal
+declare var component: typeof Self.component
+declare var root: typeof Self.root
+declare var shadow: typeof Self.shadow
+
+// unit
+declare var unit: typeof Self.unit
+declare var hydrate: typeof Self.hydrate
+
+// files
+declare var files: typeof Self.files
+
+// fetcher
+declare var fetcher: typeof Self.fetcher
+
+// libs
+declare var react: typeof Self.react
+declare var reactJsxRuntime: typeof Self.reactJsxRuntime
+declare var reactDom: typeof Self.reactDom
+declare var reactDomClient: typeof Self.reactDomClient
+declare var mobx: typeof Self.mobx
+declare var mobxReact: typeof Self.mobxReact
+
+type EposStorage = EposStorageBase & {
+  connect: (name: string) => EposStorageBase
+}
+
+type EposStorageBase = {
+  get: (key: string) => Promise<any>
+  set: (key: string, value: any) => Promise<void>
+  keys: () => Promise<string[]>
+  remove: (key: string) => Promise<void>
+  clear: () => Promise<void>
+}
+
+type EposComponent = {
+  (name: string, schema: EposComponentSchema): any
+  (name: string, render: Function): any
+  (schema: EposComponentSchema): any
+  (render: Function): any
+}
+
+type EposComponentSchema = {}
+
+type EposUnitSchema = {}
+
+type EposFiles = {
+  get: (name: string) => Promise<Blob>
+  url: (name: string) => Promise<string>
+  text: (name: string) => Promise<string>
+}
+
+type EposFetcher = {
+  text: (url: string, opts?: RequestInit) => Promise<string>
+  json: (url: string, opts?: RequestInit) => Promise<string>
+  blob: (url: string, opts?: RequestInit) => Promise<Blob>
+}
+
+// declare function unit<T extends { constructor: (...args: any[]) => void }>(
+//   name: string,
+//   definition: T & ThisType<T>,
+// ): (...args: Parameters<T['constructor']>) => T

package/.prettierrc

@@ -1,7 +0,0 @@
-{
-  "semi": false,
-  "singleQuote": true,
-  "arrowParens": "avoid",
-  "quoteProps": "preserve",
-  "printWidth": 87
-}