@yh-mf/runtime 0.0.0-stage → 1.0.0

package/AGENTS.md

@@ -0,0 +1,15 @@
+# AGENTS.md
+
+## Commands
+
+- `pnpm run build` - Build the library for production
+- `pnpm run dev` - Turn on watch mode, watch for changes and rebuild the library
+- `pnpm run test` - Run tests
+- `pnpm run test:watch` - Run tests in watch mode
+
+## Docs
+
+- Rslib: https://rslib.rs/llms.txt
+- Rsbuild: https://rsbuild.rs/llms.txt
+- Rspack: https://rspack.rs/llms.txt
+- Rstest: https://rstest.rs/llms.txt

package/README.md

@@ -1,3 +1,35 @@
-# Temporary Holding Version
+# Rslib project
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+## Setup
+
+Install the dependencies:
+
+```bash
+pnpm install
+```
+
+## Get started
+
+Build the library:
+
+```bash
+pnpm run build
+```
+
+Build the library in watch mode:
+
+```bash
+pnpm run dev
+```
+
+Run tests:
+
+```bash
+pnpm run test
+```
+
+Run tests in watch mode:
+
+```bash
+pnpm run test:watch
+```

package/package.json

@@ -1,6 +1,24 @@
 {
   "name": "@yh-mf/runtime",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./src/index.ts",
+      "default": "./src/index.ts"
+    }
+  },
+  "scripts": {},
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@module-federation/enhanced": "2.8.1",
+    "@types/node": "^26.6.6",
+    "typescript": "^7.0.2",
+    "vue": "3.5.40",
+    "pinia": "3.0.4"
+  }
+}

package/src/index.ts

@@ -0,0 +1,3 @@
+export * from "./useDevMount"
+export * from "./types"
+export * from "./useHooks"

package/src/types/index.ts

@@ -0,0 +1 @@
+export type ViewsDynamic = Record<string, () => Promise<{ default: unknown }>>;

package/src/useDevMount.ts

@@ -0,0 +1,38 @@
+import { loadRemote } from "@module-federation/enhanced/runtime";
+import type { ViewsDynamic } from "./types"
+
+const { default: useAuthApp } = (await loadRemote("his_platform_fe/useAuthApp")) as { default: any }
+
+declare global {
+  interface ImportMeta {
+    webpackContext(
+      request: string,
+      options?: { recursive?: boolean; regExp?: RegExp; mode?: "sync" | "lazy" | "lazy-once" | "eager" },
+    ): {
+      keys(): string[];
+      (key: string): Promise<{ default: unknown }>;
+    };
+  }
+}
+
+function buildViewsDynamic(): ViewsDynamic {
+  const ctx = import.meta.webpackContext("@/views", {
+    recursive: true,
+    regExp: /\.(vue|tsx|jsx)$/,
+  });
+
+  return ctx.keys().reduce((acc, file) => {
+    const path = file.replace(/\.(vue|tsx|jsx)$/, "").replace("./", "");
+    acc[path] = async () => await ctx(file);
+    return acc
+  }, {} as ViewsDynamic);
+}
+
+export function useDevMount() {
+  const appName = process.env.PUBLIC_APP_NAME as string;
+  const viewsDynamic = buildViewsDynamic();
+
+  console.log(viewsDynamic)
+  const { app } = useAuthApp({ appName, viewsDynamic })
+  app.mount('#root')
+}

package/src/useHooks.ts

@@ -0,0 +1,12 @@
+// const hooksModule = await import('his_platform_fe/hooks')
+// const hooks: Record<string, (...args: any[]) => any> = hooksModule.default()
+// export default hooks
+import { loadRemote } from "@module-federation/enhanced/runtime";
+const { default: hooks } = (await loadRemote("his_platform_fe/hooks")) as { default: any }
+
+
+
+export const useHooks = () => {
+  console.log(hooks)
+  return hooks
+}

package/src/useStore.ts

@@ -0,0 +1,27 @@
+import { loadRemote } from "@module-federation/enhanced/runtime";
+import type { Pinia } from "pinia";
+
+// 定义 store 函数的类型
+type StoreFunction<T = any> = () => T;
+
+// 动态加载 supply 模块的 store
+const supplyStore = await loadRemote('his_platform_fe/store') as { 
+  default: Pinia;
+  usePermissionStore: StoreFunction;
+  useCacheViewStore: StoreFunction;
+  useUserStore: StoreFunction;
+  useAppStore: StoreFunction;
+  useThemeStore: StoreFunction;
+  useLayoutStore: StoreFunction;
+};
+
+// 导出 Pinia 实例作为默认导出
+export default supplyStore.default;
+
+// 重新导出所有 store 函数
+export const usePermissionStore: StoreFunction = supplyStore.usePermissionStore;
+export const useCacheViewStore: StoreFunction = supplyStore.useCacheViewStore;
+export const useUserStore: StoreFunction = supplyStore.useUserStore;
+export const useAppStore: StoreFunction = supplyStore.useAppStore;
+export const useThemeStore: StoreFunction = supplyStore.useThemeStore;
+export const useLayoutStore: StoreFunction = supplyStore.useLayoutStore;

package/src/useUtils.ts

@@ -0,0 +1,3 @@
+import { loadRemote } from "@module-federation/enhanced/runtime";
+const { default: utils } = (await loadRemote("his_platform_fe/utils")) as { default: any }
+export default utils

package/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "lib": ["ES2022"],
+    "target": "ES2022",
+    "module": "ESNext",
+    "noEmit": true,
+    "skipLibCheck": true,
+    "types": ["node"],
+    "useDefineForClassFields": true,
+    "rootDir": "src",
+
+    /* modules */
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "allowImportingTsExtensions": true,
+
+    /* type checking */
+    "noUnusedLocals": true,
+    "noUnusedParameters": true
+  },
+  "include": ["src/**/*", "types/**/*"]
+}