chore(workflow): bundless shared and add references

.gitignore

@@ -119,4 +119,5 @@ CLAUDE.md
 **/CLAUDE.md
 .cursor/rules/nx-rules.mdc
 .github/instructions/nx.instructions.md
-.gemini-clipboard
+.gemini-clipboard
+tsconfig.build.tsbuildinfo

apps/android-playground/package.json

@@ -29,6 +29,7 @@
     "@rsbuild/plugin-node-polyfill": "1.3.0",
     "@rsbuild/plugin-react": "^1.3.1",
     "@rsbuild/plugin-svgr": "^1.1.1",
+    "@rsbuild/plugin-type-check": "1.2.3",
     "@types/react": "^18.3.1",
     "@types/react-dom": "^18.3.1",
     "archiver": "^6.0.0",

apps/android-playground/rsbuild.config.ts

@@ -67,6 +67,9 @@ export default defineConfig({
       'react-dom': path.resolve(__dirname, 'node_modules/react-dom'),
     },
   },
+  output: {
+    externals: ['sharp'],
+  },
   plugins: [
     pluginReact(),
     pluginNodePolyfill(),

apps/android-playground/tsconfig.json

@@ -17,7 +17,25 @@
     /* type checking */
     "strict": true,
     "noUnusedLocals": true,
-    "noUnusedParameters": true
+    "noUnusedParameters": true,
+    "composite": true
   },
-  "include": ["src"]
+  "include": ["src"],
+  "references": [
+    {
+      "path": "../../packages/android"
+    },
+    {
+      "path": "../../packages/core"
+    },
+    {
+      "path": "../../packages/shared"
+    },
+    {
+      "path": "../../packages/visualizer"
+    },
+    {
+      "path": "../../packages/web-integration"
+    }
+  ]
 }

apps/chrome-extension/package.json

@@ -43,6 +43,7 @@
     "archiver": "^6.0.0",
     "less": "^4.2.0",
     "tailwindcss": "4.1.11",
-    "typescript": "^5.8.3"
+    "typescript": "^5.8.3",
+    "openai": "4.81.0"
   }
 }

apps/chrome-extension/src/extension/recorder/utils.ts

@@ -8,6 +8,7 @@ import type { ChromeRecordedEvent } from '@midscene/recorder';
 import { message } from 'antd';
 import { saveAs } from 'file-saver';
 import JSZip from 'jszip';
+import type { ChatCompletionContentPart } from 'openai/resources/index';
 import type { RecordingSession } from '../../store';
 import { recordLogger } from './logger';
 import { isChromeExtension, safeChromeAPI } from './types';
@@ -278,7 +279,7 @@ export const generateRecordTitle = async (
       const screenshots = getScreenshotsForLLM(events);
 
       // Create the message content
-      const messageContent: Array<string | Record<string, any>> = [
+      const messageContent: ChatCompletionContentPart[] = [
         {
           type: 'text',
           text: `Generate a concise title (5-7 words) and brief description (1-2 sentences) for a browser recording session with the following events:\n\n${JSON.stringify(summary, null, 2)}\n\nRespond with a JSON object containing "title" and "description" fields. The title should be action-oriented and highlight the main task accomplished. The description should provide slightly more detail about what was done.`,
@@ -313,7 +314,7 @@ export const generateRecordTitle = async (
           role: 'user',
           content: messageContent,
         },
-      ];
+      ] as const;
 
       const response = await callAiFn(
         [prompt[0], prompt[1]],

apps/chrome-extension/tsconfig.json

@@ -17,7 +17,25 @@
     /* type checking */
     "strict": true,
     "noUnusedLocals": false,
-    "noUnusedParameters": false
+    "noUnusedParameters": false,
+    "composite": true
   },
-  "include": ["src"]
+  "include": ["src"],
+  "references": [
+    {
+      "path": "../../packages/core"
+    },
+    {
+      "path": "../../packages/recorder"
+    },
+    {
+      "path": "../../packages/shared"
+    },
+    {
+      "path": "../../packages/visualizer"
+    },
+    {
+      "path": "../../packages/web-integration"
+    }
+  ]
 }

apps/recorder-form/package.json

@@ -17,6 +17,7 @@
   },
   "devDependencies": {
     "@rsbuild/plugin-node-polyfill": "1.3.0",
+    "@rsbuild/plugin-type-check": "1.2.3",
     "@rsbuild/core": "^1.3.22",
     "@rsbuild/plugin-react": "^1.3.1",
     "@types/react": "^18.3.1",

apps/report/rsbuild.config.ts

@@ -59,7 +59,10 @@ const copyReportTemplate = () => ({
       const jsFiles = fs.readdirSync(corePkgDistDir, { recursive: true });
       let replacedCount = 0;
       for (const file of jsFiles) {
-        if (typeof file === 'string' && file.endsWith('.js')) {
+        if (
+          typeof file === 'string' &&
+          (file.endsWith('.js') || file.endsWith('.mjs'))
+        ) {
           const filePath = path.join(corePkgDistDir, file.toString());
           const fileContent = fs.readFileSync(filePath, 'utf-8');
           if (fileContent.includes(replacedMark)) {

apps/report/tsconfig.json

@@ -21,7 +21,23 @@
 
     "paths": {
       "@/*": ["./src/*"]
-    }
+    },
+    "composite": true,
+    "declarationDir": "dist/types"
   },
-  "include": ["src"]
+  "include": ["src"],
+  "references": [
+    {
+      "path": "../../packages/core"
+    },
+    {
+      "path": "../../packages/shared"
+    },
+    {
+      "path": "../../packages/visualizer"
+    },
+    {
+      "path": "../../packages/web-integration"
+    }
+  ]
 }

biome.json

@@ -29,7 +29,8 @@
       "**/page-data/**",
       "**/dump.json",
       "**/dump-with-invisible.json",
-      "**/dump-for-utils-test.json"
+      "**/dump-for-utils-test.json",
+      "**/.rslib"
     ]
   },
   "javascript": {

packages/android-playground/package.json

@@ -4,6 +4,7 @@
   "description": "Android playground for Midscene",
   "main": "./dist/lib/index.js",
   "types": "./dist/types/index.d.ts",
+  "module": "./dist/es/index.mjs",
   "files": ["dist", "static", "bin", "README.md"],
   "bin": {
     "midscene-android-playground": "./bin/android-playground",

packages/android-playground/rslib.config.ts

@@ -8,7 +8,6 @@ export default defineConfig({
           root: 'dist/lib',
         },
       },
-      autoExtension: false,
       format: 'cjs',
       syntax: 'es2020',
     },
@@ -18,7 +17,6 @@ export default defineConfig({
           root: 'dist/es',
         },
       },
-      autoExtension: false,
       dts: {
         bundle: true,
         distPath: 'dist/types',

packages/android-playground/tsconfig.json

@@ -9,15 +9,28 @@
     "isolatedModules": true,
     "jsx": "preserve",
     "lib": ["DOM", "ESNext"],
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "rootDir": "src",
     "skipLibCheck": true,
     "strict": true,
     "module": "ES2020",
     "target": "es2020",
-    "types": ["node"]
+    "types": ["node"],
+    "composite": true,
+    "declarationDir": "dist/types"
   },
   "exclude": ["**/node_modules"],
-  "include": ["src"]
+  "include": ["src"],
+  "references": [
+    {
+      "path": "../android"
+    },
+    {
+      "path": "../shared"
+    },
+    {
+      "path": "../web-integration"
+    }
+  ]
 }

packages/android/package.json

@@ -10,12 +10,14 @@
     "Android use"
   ],
   "main": "./dist/lib/index.js",
+  "module": "./dist/es/index.mjs",
   "types": "./dist/types/index.d.ts",
   "files": ["bin", "dist", "README.md"],
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
-      "default": "./dist/lib/index.js"
+      "import": "./dist/es/index.mjs",
+      "require": "./dist/lib/index.js"
     },
     "./package.json": "./package.json"
   },

packages/android/rslib.config.ts

@@ -8,7 +8,6 @@ export default defineConfig({
           root: 'dist/lib',
         },
       },
-      autoExtension: false,
       format: 'cjs',
       syntax: 'es2020',
     },
@@ -18,7 +17,6 @@ export default defineConfig({
           root: 'dist/es',
         },
       },
-      autoExtension: false,
       dts: {
         bundle: true,
         distPath: 'dist/types',

packages/android/tests/unit-test/page.test.ts

@@ -37,16 +37,23 @@ vi.mock('appium-adb', () => {
 
 vi.mock('@midscene/shared/img');
 vi.mock('@midscene/core/utils');
-vi.mock('node:fs', () => ({
-  promises: {
-    readFile: vi.fn(),
-  },
-  default: {
+vi.mock('node:fs', async (importOriginal) => {
+  const original = (await importOriginal()) as {
+    default: Record<string, unknown>;
+  };
+  return {
+    ...original,
     promises: {
       readFile: vi.fn(),
     },
-  },
-}));
+    default: {
+      ...original.default,
+      promises: {
+        readFile: vi.fn(),
+      },
+    },
+  };
+});
 
 describe('AndroidDevice', () => {
   let device: AndroidDevice;

packages/android/tsconfig.json

@@ -9,15 +9,28 @@
     "isolatedModules": true,
     "jsx": "preserve",
     "lib": ["DOM", "ESNext"],
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "rootDir": "src",
     "skipLibCheck": true,
     "strict": true,
     "module": "ES2020",
     "target": "es2020",
-    "types": ["node"]
+    "types": ["node"],
+    "composite": true,
+    "declarationDir": "dist/types"
   },
   "exclude": ["**/node_modules"],
-  "include": ["src"]
+  "include": ["src"],
+  "references": [
+    {
+      "path": "../core"
+    },
+    {
+      "path": "../shared"
+    },
+    {
+      "path": "../web-integration"
+    }
+  ]
 }

packages/cli/package.json

@@ -5,6 +5,7 @@
   "repository": "https://github.com/web-infra-dev/midscene",
   "homepage": "https://midscenejs.com/",
   "main": "./dist/lib/index.js",
+  "module": "./dist/es/index.mjs",
   "bin": {
     "midscene": "./bin/midscene"
   },

packages/cli/rslib.config.ts

@@ -9,7 +9,6 @@ export default defineConfig({
           root: 'dist/lib',
         },
       },
-      autoExtension: false,
       format: 'cjs',
       // disable default shims for import.meta.url
       shims: {
@@ -31,7 +30,6 @@ export default defineConfig({
           root: 'dist/es',
         },
       },
-      autoExtension: false,
       format: 'esm',
       syntax: 'es2020',
       dts: {

packages/cli/tsconfig.json

@@ -8,15 +8,32 @@
     "isolatedModules": true,
     "jsx": "preserve",
     "lib": ["ESNext", "DOM"],
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
+    "module": "esnext",
     "paths": {
       "@/*": ["./src/*"]
     },
     "resolveJsonModule": true,
     "rootDir": ".",
     "skipLibCheck": true,
-    "strict": true
+    "strict": true,
+    "composite": true,
+    "declarationDir": "dist/types"
   },
   "exclude": ["**/node_modules"],
-  "include": ["src", "tests"]
+  "include": ["src", "tests"],
+  "references": [
+    {
+      "path": "../android"
+    },
+    {
+      "path": "../core"
+    },
+    {
+      "path": "../shared"
+    },
+    {
+      "path": "../web-integration"
+    }
+  ]
 }