Merge branch 'feat-router' of github.com:esmnext/esmx into feat-router

Author: lzxb

packages/router/src/next/router.ts

@@ -1,15 +1,17 @@
 import { Navigation } from './navigation';
 import { parsedOptions } from './options';
 import { parseRoute } from './route';
-import {
-    type NavigationAction,
-    type NavigationResult,
-    NavigationType,
-    type Route,
-    type RouteState,
-    type RouterOptions,
-    type RouterParsedOptions,
-    type RouterRawLocation
+import { NavigationType } from './types';
+import type {
+    NavigationAction,
+    NavigationResult,
+    RegisteredConfig,
+    RegisteredConfigMap,
+    Route,
+    RouteState,
+    RouterOptions,
+    RouterParsedOptions,
+    RouterRawLocation
 } from './types';
 
 export class Router {
@@ -259,5 +261,36 @@ export class Router {
     }
     public destroy() {
         this._navigation.destroy();
+        this._destroyAllApp();
+        this._registeredCfgMap = {};
+    }
+
+    protected _registeredCfgMap: RegisteredConfigMap = {};
+
+    public register(
+        appName: string,
+        generator: (router: Router) => RegisteredConfig
+    ) {
+        this._registeredCfgMap[appName] = {
+            appName,
+            mounted: false,
+            generator
+        };
+    }
+
+    protected _destroyApp(cfg: string | RegisteredConfigMap[string]) {
+        if (typeof cfg === 'string') {
+            cfg = this._registeredCfgMap[cfg];
+        }
+        if (!cfg?.mounted) return;
+        cfg.config?.destroy?.();
+        cfg.mounted = false;
+        cfg.config = void 0;
+    }
+
+    protected _destroyAllApp() {
+        for (const appType in this._registeredCfgMap) {
+            this._destroyApp(appType);
+        }
     }
 }

packages/router/src/next/task.ts

@@ -1,6 +1,5 @@
-const isDev = process.env.NODE_ENV !== 'production';
 const warn = (...message: any[]) => {
-    if (!isDev) return;
+    if (process.env.NODE_ENV === 'production') return;
     console.warn('[Task Warning]', ...message);
 };
 
@@ -19,6 +18,11 @@ export class Tasks<T extends Function> {
         protected handlers: T[] = []
     ) {}
 
+    public add(...handlers: T[]) {
+        this.handlers.push(...handlers);
+        return this;
+    }
+
     public status: TaskStatus = 'initial';
 
     public abort() {

packages/router/src/next/types.ts

@@ -1,4 +1,6 @@
 import type { MatchFunction } from 'path-to-regexp';
+import type { Router } from './router';
+
 export enum NavigationType {
     // Action 类型
     push = 'push',
@@ -212,4 +214,20 @@ export interface RouteMatchResult {
 
 export type RouteMatcher = (targetURL: URL, baseURL: URL) => RouteMatchResult;
 
+export interface RegisteredConfig {
+    mount?: () => void;
+    update?: () => void;
+    destroy?: () => void;
+    renderToString?: () => string | Promise<string>;
+}
+
+export type RegisteredConfigMap = {
+    [AppName in string]?: {
+        appName: AppName;
+        mounted: boolean;
+        generator: (router: Router) => RegisteredConfig;
+        config?: RegisteredConfig;
+    };
+};
+
 // 旧字段 + 新字段