alemonjs 2.1.0-alpha.53 → 2.1.0-alpha.55

package/lib/cbp/connects/client.js

@@ -113,7 +113,6 @@ const cbpClient = (url, options = {}) => {
                     }
                 }
                 else if (parsedMessage.name) {
-                    console.log('--- parsedMessage ----', parsedMessage);
                     onProcessor(parsedMessage.name, parsedMessage, parsedMessage.value);
                 }
             }

package/lib/cbp/routers/hello.html.d.ts

@@ -0,0 +1,2 @@
+declare const _default: string;
+export default _default;

package/lib/cbp/routers/hello.html.js

@@ -0,0 +1,31 @@
+import { Component, Head, Title, Style, Body, H1, P, A, Div, Html } from '../../core/react.js';
+
+class App extends Component {
+    render() {
+        const style = `
+      body {
+        width: 35em;
+        margin: 0 auto;
+        font-family: Tahoma, Verdana, Arial, sans-serif;
+        background-color: #f8f8f8;
+        color: #333;
+      }
+      h1 {
+        color: #0099cc;
+        margin-top: 2em;
+      }
+      .footer {
+        margin-top: 3em;
+        font-size: 0.9em;
+        color: #888;
+      }
+      a { color: #0099cc; }
+    `;
+        const head = Head(null, Title('欢迎使用 AlemonJS！'), Style(style));
+        const body = Body(null, H1('AlemonJS 启动成功！'), P(null, '已成功通过 ', A({ href: 'https://alemonjs.com', target: '_blank' }, 'AlemonJS 框架'), ' 启动。'), Div({ className: 'footer' }, '— 感谢选择 AlemonJS。'));
+        return Html(null, head, body);
+    }
+}
+var hello = App.renderToHtml();
+
+export { hello as default };

package/lib/cbp/routers/router.js

@@ -1,21 +1,13 @@
 import KoaRouter from 'koa-router';
-import fs, { existsSync } from 'fs';
-import path, { join, dirname } from 'path';
-import mime from 'mime-types';
-import { createRequire } from 'module';
-import { html } from '../processor/hello.html.js';
-import { getModuelFile, formatPath } from './utils.js';
-import { collectMiddlewares, runMiddlewares } from './middleware.js';
+import hello from './hello.html.js';
 
-const require = createRequire(import.meta.url);
-const mainDirMap = new Map();
 const router = new KoaRouter({
     prefix: '/'
 });
 router.get('/', ctx => {
     ctx.status = 200;
     ctx.set('Content-Type', 'text/html; charset=utf-8');
-    ctx.body = html;
+    ctx.body = hello;
 });
 router.get('api/online', ctx => {
     ctx.status = 200;
@@ -25,231 +17,5 @@ router.get('api/online', ctx => {
         data: null
     };
 });
-router.all('app/{*path}', async (ctx) => {
-    if (!process.env.input) {
-        ctx.status = 400;
-        ctx.body = {
-            code: 400,
-            message: '没有主要入口文件',
-            data: null
-        };
-        return;
-    }
-    const rootPath = process.cwd();
-    const apiPath = '/app/api';
-    if (ctx.path.startsWith(apiPath)) {
-        const mainPath = join(rootPath, process.env.input);
-        if (!existsSync(mainPath)) {
-            ctx.status = 400;
-            ctx.body = {
-                code: 400,
-                message: '未找到主要入口文件',
-                data: 'existsSync input'
-            };
-            return;
-        }
-        const mainDir = dirname(mainPath);
-        try {
-            const dir = join(mainDir, 'route', ctx.path?.replace(apiPath, '/api') || '');
-            if (existsSync(dir) && fs.statSync(dir).isFile()) {
-                ctx.status = 404;
-                ctx.body = {
-                    code: 404,
-                    message: `API '${ctx.path}' 未找到。`,
-                    data: 'route path is file not directory'
-                };
-                return;
-            }
-            const modulePath = getModuelFile(dir);
-            if (!modulePath) {
-                ctx.status = 404;
-                ctx.body = {
-                    code: 404,
-                    message: `API '${ctx.path}' 未找到。`,
-                    data: 'existsSync modulePath'
-                };
-                return;
-            }
-            const apiModule = await import(`file://${modulePath}`);
-            const handler = apiModule[ctx.method];
-            if (!handler || typeof handler !== 'function') {
-                ctx.status = 405;
-                return;
-            }
-            const middlewares = await collectMiddlewares(modulePath);
-            await runMiddlewares(middlewares, ctx, handler);
-        }
-        catch (err) {
-            console.error(`Error handling API request ${ctx.path}`);
-            ctx.status = 500;
-            ctx.body = {
-                code: 500,
-                message: '处理 API 请求时发生错误。',
-                error: err.message
-            };
-        }
-        return;
-    }
-    if (ctx.method !== 'GET') {
-        ctx.status = 405;
-        return;
-    }
-    let root = '';
-    const resourcePath = formatPath(ctx.params?.path);
-    try {
-        const pkg = require(path.join(rootPath, 'package.json')) ?? {};
-        root = pkg.alemonjs?.web?.root ?? '';
-    }
-    catch (err) {
-        ctx.status = 500;
-        ctx.body = {
-            code: 500,
-            message: '加载 package.json 时发生错误。',
-            error: err.message
-        };
-        return;
-    }
-    const fullPath = root ? path.join(rootPath, root, resourcePath) : path.join(rootPath, resourcePath);
-    try {
-        const file = await fs.promises.readFile(fullPath);
-        const mimeType = mime.lookup(fullPath) || 'application/octet-stream';
-        ctx.set('Content-Type', mimeType);
-        ctx.body = file;
-        ctx.status = 200;
-    }
-    catch (err) {
-        if (err?.status === 404) {
-            ctx.status = 404;
-            ctx.body = {
-                code: 404,
-                message: '资源中未找到。',
-                data: null
-            };
-        }
-        else {
-            ctx.status = 500;
-            ctx.body = {
-                code: 500,
-                message: '加载资源时发生服务器错误。',
-                error: err.message
-            };
-        }
-    }
-});
-router.all('app', ctx => {
-    ctx.redirect('/app/');
-});
-router.all('apps/:app/{*path}', async (ctx) => {
-    const appName = ctx.params.app;
-    const apiPath = `/apps/${appName}/api`;
-    if (ctx.path.startsWith(apiPath)) {
-        try {
-            if (!mainDirMap.has(appName)) {
-                const mainPath = require.resolve(appName);
-                if (!existsSync(mainPath)) {
-                    ctx.status = 400;
-                    ctx.body = {
-                        code: 400,
-                        message: '未找到主要入口文件',
-                        data: null
-                    };
-                    return;
-                }
-                const mainDir = dirname(mainPath);
-                mainDirMap.set(appName, mainDir);
-            }
-            const dir = join(mainDirMap.get(appName), 'route', ctx.path?.replace(apiPath, '/api') || '');
-            if (existsSync(dir) && fs.statSync(dir).isFile()) {
-                ctx.status = 404;
-                ctx.body = {
-                    code: 404,
-                    message: `API 'route/${ctx.path}' 未找到。`,
-                    data: 'route path is file not directory'
-                };
-                return;
-            }
-            const modulePath = getModuelFile(dir);
-            if (!modulePath) {
-                ctx.status = 404;
-                ctx.body = {
-                    code: 404,
-                    message: `API '${ctx.path}' 未找到。`,
-                    data: 'existsSync modulePath'
-                };
-                return;
-            }
-            const apiModule = await import(`file://${modulePath}`);
-            const handler = apiModule[ctx.method];
-            if (!handler || typeof handler !== 'function') {
-                ctx.status = 405;
-                return;
-            }
-            const middlewares = await collectMiddlewares(modulePath);
-            await runMiddlewares(middlewares, ctx, handler);
-        }
-        catch (err) {
-            logger.warn(`Error request ${ctx.path}:`, err?.message || '');
-            ctx.status = 500;
-            ctx.body = {
-                code: 500,
-                message: '处理 API 请求时发生错误。',
-                error: err.message
-            };
-        }
-        return;
-    }
-    if (ctx.method !== 'GET') {
-        ctx.status = 405;
-        return;
-    }
-    const rootPath = path.join(process.cwd(), 'node_modules', appName);
-    const resourcePath = formatPath(ctx.params?.path);
-    let root = '';
-    try {
-        const pkg = require(`${appName}/package`) ?? {};
-        root = pkg?.alemonjs?.web?.root ?? '';
-    }
-    catch (err) {
-        ctx.status = 500;
-        ctx.body = {
-            code: 500,
-            message: '加载 package.json 时发生错误。',
-            error: err.message
-        };
-        return;
-    }
-    const fullPath = root ? path.join(rootPath, root, resourcePath) : path.join(rootPath, resourcePath);
-    try {
-        const file = await fs.promises.readFile(fullPath);
-        const mimeType = mime.lookup(fullPath) || 'application/octet-stream';
-        ctx.set('Content-Type', mimeType);
-        ctx.body = file;
-        ctx.status = 200;
-    }
-    catch (err) {
-        if (err?.status === 404) {
-            ctx.status = 404;
-            ctx.body = {
-                code: 404,
-                message: `资源 '${resourcePath}' 在子应用 '${appName}' 中未找到。`,
-                data: null
-            };
-        }
-        else {
-            logger.warn(`Error request ${ctx.path}:`, err?.message || '');
-            ctx.status = 500;
-            ctx.body = {
-                code: 500,
-                message: `加载子应用 '${appName}' 资源时发生服务器错误。`,
-                error: err.message
-            };
-        }
-    }
-});
-router.all('apps/:name', ctx => {
-    if (ctx.path === `/apps/${ctx.params.name}`) {
-        ctx.redirect(`/apps/${ctx.params.name}/`);
-    }
-});
 
 export { router as default };

package/lib/cbp/server/main.js

@@ -198,7 +198,6 @@ const setPlatformClient = (originId, ws) => {
     }
     platformClient.set(originId, ws);
     ws.on('message', (message) => {
-        console.log('平台消息', message);
         try {
             const parsedMessage = flattedJSON.parse(message.toString());
             logger.debug({

package/lib/client.d.ts

@@ -1,2 +1 @@
-declare const main: () => void;
-export default main;
+export {};

package/lib/client.js

@@ -29,7 +29,18 @@ import './app/message-api.js';
 import './app/message-format.js';
 import './process/platform.js';
 import './process/module.js';
+import { createServer } from './server/main.js';
 
+const mainServer = () => {
+    const port = process.env.serverPort;
+    if (!port) {
+        return;
+    }
+    createServer(port, () => {
+        const httpURL = `http://127.0.0.1:${port}`;
+        logger.info(`应用服务器: ${httpURL}`);
+    });
+};
 const main = () => {
     const login = process.env.login ?? '';
     const platform = process.env.platform ?? '';
@@ -61,6 +72,7 @@ const mainProcess = () => {
             const data = typeof msg === 'string' ? JSON.parse(msg) : msg;
             if (data?.type === 'start') {
                 main();
+                mainServer();
             }
             else if (data?.type === 'stop') {
                 process.exit(0);
@@ -73,5 +85,3 @@ const mainProcess = () => {
     }
 };
 mainProcess();
-
-export { main as default };

package/lib/core/react.d.ts

@@ -0,0 +1,28 @@
+type Props = Record<string, any>;
+type VNode = string | number | null | boolean | {
+    type: string | any;
+    props: Props;
+    children: any[];
+};
+export declare const DOCTYPE = "<!DOCTYPE html>";
+export declare function createElement(type: string | any, props?: Props | null, ...children: any[]): VNode;
+export declare class Component<P = object, S = object> {
+    props: P;
+    state: S;
+    constructor(props: P);
+    setState(partial: Partial<S>): void;
+    render(): VNode;
+    static renderToString(this: any): string;
+    static renderToHtml(this: any): string;
+}
+export declare function renderToString(vnode: any): string;
+export declare const Html: (first?: any, ...restChildren: any[]) => VNode;
+export declare const Head: (first?: any, ...restChildren: any[]) => VNode;
+export declare const Body: (first?: any, ...restChildren: any[]) => VNode;
+export declare const Title: (first?: any, ...restChildren: any[]) => VNode;
+export declare const Style: (first?: any, ...restChildren: any[]) => VNode;
+export declare const H1: (first?: any, ...restChildren: any[]) => VNode;
+export declare const P: (first?: any, ...restChildren: any[]) => VNode;
+export declare const A: (first?: any, ...restChildren: any[]) => VNode;
+export declare const Div: (first?: any, ...restChildren: any[]) => VNode;
+export {};

package/lib/core/react.js

@@ -0,0 +1,147 @@
+const DOCTYPE = '<!DOCTYPE html>';
+const escapeHtml = (s) => String(s)
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;');
+function createElement(type, props, ...children) {
+    props = props || {};
+    const flatChildren = children.flat(Infinity).filter((c) => c !== false && c !== null && c !== undefined);
+    return {
+        type,
+        props,
+        children: flatChildren
+    };
+}
+class Component {
+    props;
+    state;
+    constructor(props) {
+        this.props = props;
+        this.state = {};
+    }
+    setState(partial) {
+        this.state = Object.assign({}, this.state, partial);
+    }
+    render() {
+        return '';
+    }
+    static renderToString() {
+        return renderToString(createElement(this, null));
+    }
+    static renderToHtml() {
+        return DOCTYPE + this.renderToString();
+    }
+}
+function attrsToString(props = {}) {
+    const parts = [];
+    for (const key of Object.keys(props)) {
+        if (key === 'children') {
+            continue;
+        }
+        const val = props[key];
+        if (val === false || val === undefined || val === null) {
+            continue;
+        }
+        if (key === 'className') {
+            parts.push(`class="${escapeHtml(String(val))}"`);
+            continue;
+        }
+        if (key === 'style' && typeof val === 'object') {
+            const styleStr = Object.entries(val)
+                .map(([k, v]) => `${k.replace(/[A-Z]/g, (m) => '-' + m.toLowerCase())}:${v}`)
+                .join(';');
+            parts.push(`style="${escapeHtml(styleStr)}"`);
+            continue;
+        }
+        if (val === true) {
+            parts.push(`${key}`);
+            continue;
+        }
+        parts.push(`${key}="${escapeHtml(String(val))}"`);
+    }
+    return parts.length ? ' ' + parts.join(' ') : '';
+}
+const voidTags = new Set([
+    'area',
+    'base',
+    'br',
+    'col',
+    'embed',
+    'hr',
+    'img',
+    'input',
+    'link',
+    'meta',
+    'param',
+    'source',
+    'track',
+    'wbr'
+]);
+function renderToString(vnode) {
+    if (vnode === null || vnode === undefined || vnode === false) {
+        return '';
+    }
+    if (typeof vnode === 'string' || typeof vnode === 'number') {
+        return escapeHtml(String(vnode));
+    }
+    if (typeof vnode === 'object' && vnode.type === undefined) {
+        return (vnode.children ?? []).map(renderToString).join('');
+    }
+    if (typeof vnode.type === 'function') {
+        const Comp = vnode.type;
+        if (Comp.prototype && typeof Comp.prototype.render === 'function') {
+            const inst = new (Comp)(Object.assign({}, vnode.props, { children: vnode.children }));
+            const rendered = inst.render();
+            return renderToString(rendered);
+        }
+        else {
+            const rendered = (Comp)(Object.assign({}, vnode.props, { children: vnode.children }));
+            return renderToString(rendered);
+        }
+    }
+    const tag = String(vnode.type);
+    const props = vnode.props ?? {};
+    if (props?.dangerouslySetInnerHTML && typeof props.dangerouslySetInnerHTML === 'object' && props.dangerouslySetInnerHTML.__html !== null) {
+        const attrs = attrsToString(props);
+        const inner = String(props.dangerouslySetInnerHTML.__html);
+        return `<${tag}${attrs}>${inner}</${tag}>`;
+    }
+    const attrs = attrsToString(props);
+    if (voidTags.has(tag.toLowerCase())) {
+        return `<${tag}${attrs} />`;
+    }
+    const children = (vnode.children ?? []).map(renderToString).join('');
+    return `<${tag}${attrs}>${children}</${tag}>`;
+}
+function makeTag(tag) {
+    return function tagFactory(first, ...restChildren) {
+        const looksLikeProps = first !== null
+            && typeof first === 'object'
+            && !Array.isArray(first)
+            && Object.prototype.toString.call(first) === '[object Object]';
+        if (looksLikeProps) {
+            return createElement(tag, first, ...restChildren);
+        }
+        else {
+            const children = [];
+            if (first !== undefined && first !== null) {
+                children.push(first);
+            }
+            children.push(...restChildren);
+            return createElement(tag, null, ...children);
+        }
+    };
+}
+const Html = makeTag('html');
+const Head = makeTag('head');
+const Body = makeTag('body');
+const Title = makeTag('title');
+const Style = makeTag('style');
+const H1 = makeTag('h1');
+const P = makeTag('p');
+const A = makeTag('a');
+const Div = makeTag('div');
+
+export { A, Body, Component, DOCTYPE, Div, H1, Head, Html, P, Style, Title, createElement, renderToString };

package/lib/index.d.ts

@@ -4,4 +4,3 @@ export * from './core/index.js';
 export * from './cbp/index.js';
 export * from './app/index.js';
 export * from './main.js';
-export * from './app.js';

package/lib/index.js

@@ -25,4 +25,3 @@ export { useObserver, useSubscribe } from './app/hook-use-subscribe.js';
 export { createDataFormat, createEventValue, format, sendToChannel, sendToUser } from './app/message-api.js';
 export { Ark, BT, Image, ImageFile, ImageURL, Link, MD, Mention, Text } from './app/message-format.js';
 export { start } from './main.js';
-export { App } from './app.js';

package/lib/main.js

@@ -50,7 +50,9 @@ const start = (options = {}) => {
         options = { input: options };
     }
     const port = createOptionsByKey(options, 'port', defaultPort);
+    const serverPort = createOptionsByKey(options, 'serverPort', '');
     process.env.port = port;
+    process.env.serverPort = serverPort;
     cbpServer(port, () => {
         const httpURL = `http://127.0.0.1:${port}`;
         const wsURL = `ws://127.0.0.1:${port}`;

package/lib/server/main.d.ts

@@ -0,0 +1 @@
+export declare const createServer: (port: any, listeningListener: any) => void;

package/lib/server/main.js

@@ -0,0 +1,30 @@
+import Koa from 'koa';
+import koaCors from '@koa/cors';
+import router from './routers/router.js';
+import { ResultCode } from '../core/variable.js';
+import 'fs';
+import 'path';
+import 'yaml';
+import '../core/utils.js';
+
+const createServer = (port, listeningListener) => {
+    try {
+        const app = new Koa();
+        app.use(router.routes());
+        app.use(router.allowedMethods());
+        app.use(koaCors({
+            origin: '*',
+            allowMethods: ['GET', 'POST', 'PUT', 'DELETE']
+        }));
+        app.listen(port, listeningListener);
+    }
+    catch (error) {
+        logger.error({
+            code: ResultCode.FailInternal,
+            message: '创建应用服务器失败',
+            data: error
+        });
+    }
+};
+
+export { createServer };

package/lib/server/routers/hello.html.d.ts

@@ -0,0 +1,2 @@
+declare const _default: string;
+export default _default;

package/lib/server/routers/hello.html.js

@@ -0,0 +1,31 @@
+import { Component, Head, Title, Style, Body, H1, P, A, Div, Html } from '../../core/react.js';
+
+class App extends Component {
+    render() {
+        const style = `
+      body {
+        width: 35em;
+        margin: 0 auto;
+        font-family: Tahoma, Verdana, Arial, sans-serif;
+        background-color: #f8f8f8;
+        color: #333;
+      }
+      h1 {
+        color: #0099cc;
+        margin-top: 2em;
+      }
+      .footer {
+        margin-top: 3em;
+        font-size: 0.9em;
+        color: #888;
+      }
+      a { color: #0099cc; }
+    `;
+        const head = Head(null, Title('欢迎使用 AlemonJS！'), Style(style));
+        const body = Body(null, H1('AlemonJS 启动成功！'), P(null, '已成功通过 ', A({ href: 'https://alemonjs.com', target: '_blank' }, 'AlemonJS 框架'), ' 启动。'), P(null, '如果想访问主应用，请访问， ', A({ href: '/app', target: '_blank' }, '/app'), '（对应根目录index.html）'), P(null, '如果想访问其他应用，请访问 ', A({ href: '/apps/[package-name]', target: '_blank' }, '/apps/[package-name]'), '。(对应/packages/[package-name]/index.html)'), Div({ className: 'footer' }, '— 感谢选择 AlemonJS。'));
+        return Html(null, head, body);
+    }
+}
+var hello = App.renderToHtml();
+
+export { hello as default };

package/lib/server/routers/middleware.d.ts

@@ -0,0 +1,2 @@
+export declare function collectMiddlewares(routeFile: string): Promise<Array<(ctx: any, next: () => Promise<void>) => Promise<void>>>;
+export declare function runMiddlewares(middlewares: Array<(ctx: any, next: () => Promise<void>) => Promise<void>>, ctx: any, handler: (ctx: any) => Promise<void>): Promise<void>;

package/lib/server/routers/middleware.js

@@ -0,0 +1,40 @@
+import { existsSync } from 'fs';
+import path, { dirname } from 'path';
+
+async function collectMiddlewares(routeFile) {
+    const middlewares = [];
+    let dir = dirname(routeFile);
+    const suffixes = ['.ts', '.js', '.cjs', '.mjs', '.tsx', '.jsx'];
+    while (true) {
+        for (const ext of suffixes) {
+            const mwPath = path.join(dir, `_middleware${ext}`);
+            if (existsSync(mwPath)) {
+                const module = await import(`file://${mwPath}`);
+                const mw = module?.default ?? {};
+                if (typeof mw === 'function') {
+                    middlewares.unshift(mw);
+                }
+            }
+        }
+        const parent = dirname(dir);
+        if (parent === dir) {
+            break;
+        }
+        dir = parent;
+    }
+    return middlewares;
+}
+async function runMiddlewares(middlewares, ctx, handler) {
+    let idx = 0;
+    async function dispatch() {
+        if (idx < middlewares.length) {
+            await middlewares[idx++](ctx, dispatch);
+        }
+        else {
+            await handler(ctx);
+        }
+    }
+    await dispatch();
+}
+
+export { collectMiddlewares, runMiddlewares };

package/lib/server/routers/router.d.ts

@@ -0,0 +1,3 @@
+import KoaRouter from 'koa-router';
+declare const router: KoaRouter<any, {}>;
+export { router as default };

package/lib/server/routers/router.js

@@ -0,0 +1,255 @@
+import KoaRouter from 'koa-router';
+import fs, { existsSync } from 'fs';
+import path, { join, dirname } from 'path';
+import mime from 'mime-types';
+import { createRequire } from 'module';
+import hello from './hello.html.js';
+import { getModuelFile, formatPath } from './utils.js';
+import { collectMiddlewares, runMiddlewares } from './middleware.js';
+
+const require = createRequire(import.meta.url);
+const mainDirMap = new Map();
+const router = new KoaRouter({
+    prefix: '/'
+});
+router.get('/', ctx => {
+    ctx.status = 200;
+    ctx.set('Content-Type', 'text/html; charset=utf-8');
+    ctx.body = hello;
+});
+router.get('api/online', ctx => {
+    ctx.status = 200;
+    ctx.body = {
+        code: 200,
+        message: 'service online',
+        data: null
+    };
+});
+router.all('app/{*path}', async (ctx) => {
+    if (!process.env.input) {
+        ctx.status = 400;
+        ctx.body = {
+            code: 400,
+            message: '没有主要入口文件',
+            data: null
+        };
+        return;
+    }
+    const rootPath = process.cwd();
+    const apiPath = '/app/api';
+    if (ctx.path.startsWith(apiPath)) {
+        const mainPath = join(rootPath, process.env.input);
+        if (!existsSync(mainPath)) {
+            ctx.status = 400;
+            ctx.body = {
+                code: 400,
+                message: '未找到主要入口文件',
+                data: 'existsSync input'
+            };
+            return;
+        }
+        const mainDir = dirname(mainPath);
+        try {
+            const dir = join(mainDir, 'route', ctx.path?.replace(apiPath, '/api') || '');
+            if (existsSync(dir) && fs.statSync(dir).isFile()) {
+                ctx.status = 404;
+                ctx.body = {
+                    code: 404,
+                    message: `API '${ctx.path}' 未找到。`,
+                    data: 'route path is file not directory'
+                };
+                return;
+            }
+            const modulePath = getModuelFile(dir);
+            if (!modulePath) {
+                ctx.status = 404;
+                ctx.body = {
+                    code: 404,
+                    message: `API '${ctx.path}' 未找到。`,
+                    data: 'existsSync modulePath'
+                };
+                return;
+            }
+            const apiModule = await import(`file://${modulePath}`);
+            const handler = apiModule[ctx.method];
+            if (!handler || typeof handler !== 'function') {
+                ctx.status = 405;
+                return;
+            }
+            const middlewares = await collectMiddlewares(modulePath);
+            await runMiddlewares(middlewares, ctx, handler);
+        }
+        catch (err) {
+            console.error(`Error handling API request ${ctx.path}`);
+            ctx.status = 500;
+            ctx.body = {
+                code: 500,
+                message: '处理 API 请求时发生错误。',
+                error: err.message
+            };
+        }
+        return;
+    }
+    if (ctx.method !== 'GET') {
+        ctx.status = 405;
+        return;
+    }
+    let root = '';
+    const resourcePath = formatPath(ctx.params?.path);
+    try {
+        const pkg = require(path.join(rootPath, 'package.json')) ?? {};
+        root = pkg.alemonjs?.web?.root ?? '';
+    }
+    catch (err) {
+        ctx.status = 500;
+        ctx.body = {
+            code: 500,
+            message: '加载 package.json 时发生错误。',
+            error: err.message
+        };
+        return;
+    }
+    const fullPath = root ? path.join(rootPath, root, resourcePath) : path.join(rootPath, resourcePath);
+    try {
+        const file = await fs.promises.readFile(fullPath);
+        const mimeType = mime.lookup(fullPath) || 'application/octet-stream';
+        ctx.set('Content-Type', mimeType);
+        ctx.body = file;
+        ctx.status = 200;
+    }
+    catch (err) {
+        if (err?.status === 404) {
+            ctx.status = 404;
+            ctx.body = {
+                code: 404,
+                message: '资源中未找到。',
+                data: null
+            };
+        }
+        else {
+            ctx.status = 500;
+            ctx.body = {
+                code: 500,
+                message: '加载资源时发生服务器错误。',
+                error: err.message
+            };
+        }
+    }
+});
+router.all('app', ctx => {
+    ctx.redirect('/app/');
+});
+router.all('apps/:app/{*path}', async (ctx) => {
+    const appName = ctx.params.app;
+    const apiPath = `/apps/${appName}/api`;
+    if (ctx.path.startsWith(apiPath)) {
+        try {
+            if (!mainDirMap.has(appName)) {
+                const mainPath = require.resolve(appName);
+                if (!existsSync(mainPath)) {
+                    ctx.status = 400;
+                    ctx.body = {
+                        code: 400,
+                        message: '未找到主要入口文件',
+                        data: null
+                    };
+                    return;
+                }
+                const mainDir = dirname(mainPath);
+                mainDirMap.set(appName, mainDir);
+            }
+            const dir = join(mainDirMap.get(appName), 'route', ctx.path?.replace(apiPath, '/api') || '');
+            if (existsSync(dir) && fs.statSync(dir).isFile()) {
+                ctx.status = 404;
+                ctx.body = {
+                    code: 404,
+                    message: `API 'route/${ctx.path}' 未找到。`,
+                    data: 'route path is file not directory'
+                };
+                return;
+            }
+            const modulePath = getModuelFile(dir);
+            if (!modulePath) {
+                ctx.status = 404;
+                ctx.body = {
+                    code: 404,
+                    message: `API '${ctx.path}' 未找到。`,
+                    data: 'existsSync modulePath'
+                };
+                return;
+            }
+            const apiModule = await import(`file://${modulePath}`);
+            const handler = apiModule[ctx.method];
+            if (!handler || typeof handler !== 'function') {
+                ctx.status = 405;
+                return;
+            }
+            const middlewares = await collectMiddlewares(modulePath);
+            await runMiddlewares(middlewares, ctx, handler);
+        }
+        catch (err) {
+            logger.warn(`Error request ${ctx.path}:`, err?.message || '');
+            ctx.status = 500;
+            ctx.body = {
+                code: 500,
+                message: '处理 API 请求时发生错误。',
+                error: err.message
+            };
+        }
+        return;
+    }
+    if (ctx.method !== 'GET') {
+        ctx.status = 405;
+        return;
+    }
+    const rootPath = path.join(process.cwd(), 'node_modules', appName);
+    const resourcePath = formatPath(ctx.params?.path);
+    let root = '';
+    try {
+        const pkg = require(`${appName}/package`) ?? {};
+        root = pkg?.alemonjs?.web?.root ?? '';
+    }
+    catch (err) {
+        ctx.status = 500;
+        ctx.body = {
+            code: 500,
+            message: '加载 package.json 时发生错误。',
+            error: err.message
+        };
+        return;
+    }
+    const fullPath = root ? path.join(rootPath, root, resourcePath) : path.join(rootPath, resourcePath);
+    try {
+        const file = await fs.promises.readFile(fullPath);
+        const mimeType = mime.lookup(fullPath) || 'application/octet-stream';
+        ctx.set('Content-Type', mimeType);
+        ctx.body = file;
+        ctx.status = 200;
+    }
+    catch (err) {
+        if (err?.status === 404) {
+            ctx.status = 404;
+            ctx.body = {
+                code: 404,
+                message: `资源 '${resourcePath}' 在子应用 '${appName}' 中未找到。`,
+                data: null
+            };
+        }
+        else {
+            logger.warn(`Error request ${ctx.path}:`, err?.message || '');
+            ctx.status = 500;
+            ctx.body = {
+                code: 500,
+                message: `加载子应用 '${appName}' 资源时发生服务器错误。`,
+                error: err.message
+            };
+        }
+    }
+});
+router.all('apps/:name', ctx => {
+    if (ctx.path === `/apps/${ctx.params.name}`) {
+        ctx.redirect(`/apps/${ctx.params.name}/`);
+    }
+});
+
+export { router as default };

package/lib/server/routers/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const getModuelFile: (dir: string) => string;
+export declare const formatPath: (path: string) => string;

package/lib/server/routers/utils.js

@@ -0,0 +1,39 @@
+import fs, { existsSync } from 'fs';
+
+const getModuelFile = (dir) => {
+    const dirMap = {
+        '.js': `${dir}.js`,
+        '.jsx': `${dir}.jsx`,
+        '.mjs': `${dir}.mjs`,
+        '.cjs': `${dir}.cjs`,
+        '/index.js': `${dir}/index.js`,
+        '/index.jsx': `${dir}/index.jsx`,
+        '/index.mjs': `${dir}/index.mjs`,
+        '/index.cjs': `${dir}/index.cjs`,
+        '.ts': `${dir}.ts`,
+        '.tsx': `${dir}.tsx`,
+        '/index.ts': `${dir}/index.ts`,
+        '/index.tsx': `${dir}/index.tsx`
+    };
+    for (const key in dirMap) {
+        const filePath = dirMap[key];
+        if (existsSync(filePath) && fs.statSync(filePath)) {
+            return filePath;
+        }
+    }
+    return '';
+};
+const formatPath = (path) => {
+    if (!path || path === '/') {
+        return '/index.html';
+    }
+    const pates = path.split('/');
+    const lastPath = pates[pates.length - 1];
+    if (lastPath.includes('.')) {
+        return path;
+    }
+    path += '.html';
+    return path;
+};
+
+export { formatPath, getModuelFile };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "alemonjs",
-  "version": "2.1.0-alpha.53",
+  "version": "2.1.0-alpha.55",
   "description": "bot script",
   "author": "lemonade",
   "license": "MIT",