alibaba · ClarkXia · Oct 12, 2023 · Sep 25, 2023 · Sep 27, 2023 · Sep 27, 2023
diff --git a/.eslintignore b/.eslintignore
@@ -5,6 +5,7 @@ node_modules/
 dist/
 out/
 compiled/
+public/
 
 # node 覆盖率文件
 coverage/

diff --git a/examples/basic-project/src/app.tsx b/examples/basic-project/src/app.tsx
@@ -1,4 +1,4 @@
-import { defineAppConfig, defineDataLoader } from 'ice';
+import { defineAppConfig, defineDataLoader, defineRunApp } from 'ice';
 import { isWeb, isNode } from '@uni/env';
 
 if (process.env.ICE_CORE_ERROR_BOUNDARY === 'true') {
@@ -43,6 +43,6 @@ export const dataLoader = defineDataLoader(() => {
   });
 });
 
-export const runApp = (render) => {
+export const runApp = defineRunApp((render) => {
   render();
-};
+});
diff --git a/examples/csr-project/ice.config.mts b/examples/csr-project/ice.config.mts
@@ -10,6 +10,10 @@ export default defineConfig(() => ({
     }
     return webpackConfig;
   },
+  server: {
+    onDemand: true,
+    format: 'esm',
+  },
   dropLogLevel: 'warn',
   plugins: [
     auth(),

diff --git a/examples/hash-router/src/pages/layout.tsx b/examples/hash-router/src/pages/layout.tsx
@@ -1,9 +1,11 @@
-import { Outlet } from 'ice';
+import { Outlet, useConfig } from 'ice';
 
 export default () => {
+  const config = useConfig();
   return (
     <div>
       <h1>Layout</h1>
+      <h3>{config.title}</h3>
       <Outlet />
     </div>
   );

diff --git a/examples/icestark-layout/ice.config.mts b/examples/icestark-layout/ice.config.mts
@@ -8,5 +8,18 @@ export default defineConfig(() => ({
     icestark({
       type: 'framework',
     }),
+    {
+      setup({ onGetConfig }) {
+        // Enable option `enableCopyPlugin`, so devserver can access public folder when run test.
+        if (process.env.NODE_ENV === 'test') {
+          onGetConfig((config) => {
+            return {
+              ...config,
+              enableCopyPlugin: true,
+            }
+          });
+        }
+      }
+    }
   ]
 }));
diff --git a/examples/icestark-layout/public/page-seller/assets/index.css b/examples/icestark-layout/public/page-seller/assets/index.css
diff --git a/examples/icestark-layout/public/page-seller/assets/index.js b/examples/icestark-layout/public/page-seller/assets/index.js
diff --git a/examples/icestark-layout/public/page-seller/assets/vendor.js b/examples/icestark-layout/public/page-seller/assets/vendor.js
diff --git a/examples/icestark-layout/public/page-seller/index.html b/examples/icestark-layout/public/page-seller/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1"><meta name="viewport" content="width=device-width"><title>icestark</title><link rel="stylesheet" href="/page-seller/assets/index.css"></head><body><div id="ice-container"></div><script type="module" src="/page-seller/assets/index.js"></script><script type="module" src="/page-seller/assets/vendor.js"></script></body></html>
diff --git a/examples/icestark-layout/public/page-waiter/assets/main.css b/examples/icestark-layout/public/page-waiter/assets/main.css
diff --git a/examples/icestark-layout/public/page-waiter/assets/main.js b/examples/icestark-layout/public/page-waiter/assets/main.js
diff --git a/examples/icestark-layout/public/page-waiter/assets/vendor.js b/examples/icestark-layout/public/page-waiter/assets/vendor.js
diff --git a/examples/icestark-layout/public/page-waiter/index.html b/examples/icestark-layout/public/page-waiter/index.html
@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><meta charset="UTF-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Vite App</title><link rel="stylesheet" href="/page-waiter/assets/main.css"></head><body><div id="app"></div><script type="module" src="/page-waiter/assets/main.js"></script></body></html>
diff --git a/examples/icestark-layout/src/app.tsx b/examples/icestark-layout/src/app.tsx
@@ -8,12 +8,12 @@ export const icestark = defineFrameworkConfig(() => ({
     path: '/seller',
     title: '商家平台',
     loadScriptMode: 'import',
-    entry: 'https://iceworks.oss-cn-hangzhou.aliyuncs.com/icestark/child-seller-ice-vite/index.html',
+    entry: '/page-seller/index.html',
   }, {
     path: '/waiter',
     title: '小二平台',
     loadScriptMode: 'import',
-    entry: 'https://iceworks.oss-cn-hangzhou.aliyuncs.com/icestark/child-vue3-vite/index.html',
+    entry: '/page-waiter/index.html',
   }]),
 }));
 

diff --git a/packages/ice/CHANGELOG.md b/packages/ice/CHANGELOG.md
@@ -1,5 +1,26 @@
 # Changelog
 
+## 3.3.4
+
+### Patch Changes
+
+- ca14f6d3: fix: compatible with configureWebpack in speedup mode
+- 244bb17f: add typesVersions for export fields support
+- 6f18c3db: fix: deal with json file when use on-demand compile
+- 1de19371: feat: add type definition of runApp
+- 7924f2d1: fix: return render root
+- 93e868d3: fix: hasDocument should check jsx
+- aa29b37b: fix: get flatten routes which nested level more than 3
+- Updated dependencies [ca14f6d3]
+- Updated dependencies [df854102]
+- Updated dependencies [50efd1ee]
+- Updated dependencies [4d256e30]
+- Updated dependencies [50efd1ee]
+  - @ice/[email protected]
+  - @ice/[email protected]
+  - @ice/[email protected]
+  - @ice/[email protected]
+
 ## 3.3.3
 
 ### Patch Changes

diff --git a/packages/ice/package.json b/packages/ice/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ice/app",
-  "version": "3.3.3",
+  "version": "3.3.4",
   "description": "provide scripts and configuration used by web framework ice",
   "type": "module",
   "main": "./esm/index.js",
@@ -10,6 +10,19 @@
     "./analyze": "./esm/service/analyze.js",
     "./service": "./esm/createService.js"
   },
+  "typesVersions": {
+    "*": {
+      "types": [
+        "./esm/types/index.d.ts"
+      ],
+      "analyze": [
+        "./esm/service/analyze.d.ts"
+      ],
+      "service": [
+        "./esm/createService.d.ts"
+      ]
+    }
+  },
   "bin": {
     "ice": "./bin/ice-cli.mjs"
   },
@@ -39,10 +52,10 @@
   "dependencies": {
     "@ice/bundles": "0.1.16",
     "@ice/route-manifest": "1.2.2",
-    "@ice/runtime": "^1.2.9",
-    "@ice/shared-config": "1.0.4",
-    "@ice/webpack-config": "1.1.3",
-    "@ice/rspack-config": "1.0.4",
+    "@ice/runtime": "^1.3.0",
+    "@ice/shared-config": "1.1.0",
+    "@ice/webpack-config": "1.1.4",
+    "@ice/rspack-config": "1.0.5",
     "@swc/helpers": "0.5.1",
     "@types/express": "^4.17.14",
     "address": "^1.1.2",
@@ -98,4 +111,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}
diff --git a/packages/ice/src/bundler/rspack/getConfig.ts b/packages/ice/src/bundler/rspack/getConfig.ts
@@ -1,5 +1,6 @@
 import getRspackConfig from '@ice/rspack-config';
 import type { Configuration } from '@rspack/core';
+import type { rspack as Rspack } from '@ice/bundles/esm/rspack.js';
 import type { Config } from '@ice/shared-config/types';
 import { getRouteExportConfig } from '../../service/config.js';
 import {
@@ -16,10 +17,11 @@ import type { BundlerOptions, Context } from '../types.js';
 
 type GetConfig = (
   context: Context,
-  options: BundlerOptions
+  options: BundlerOptions,
+  rspack: typeof Rspack,
 ) => Promise<Configuration[]>;
 
-const getConfig: GetConfig = async (context, options) => {
+const getConfig: GetConfig = async (context, options, rspack) => {
   const {
     taskConfigs,
     spinner,
@@ -73,6 +75,7 @@ const getConfig: GetConfig = async (context, options) => {
     const plugins = getPlugins(config);
     return getRspackConfig({
       rootDir,
+      rspack,
       runtimeTmpDir: RUNTIME_TMP_DIR,
       runtimeDefineVars: {
         [IMPORT_META_TARGET]: JSON.stringify(config.target),

diff --git a/packages/ice/src/bundler/rspack/index.ts b/packages/ice/src/bundler/rspack/index.ts
@@ -17,12 +17,11 @@ async function bundler(
     routeManifest,
     appConfig,
   } = options;
-  const rspackConfigs = await getConfig(context, options);
-
   let compiler: MultiCompiler;
   let devServer: RspackDevServer;
+  const { rspack } = await import('@ice/bundles/esm/rspack.js');
+  const rspackConfigs = await getConfig(context, options, rspack);
   try {
-    const { rspack } = await import('@ice/bundles/esm/rspack.js');
     compiler = rspack(rspackConfigs);
   } catch (error) {
     logger.error('Webpack compile error.');

diff --git a/packages/ice/src/createService.ts b/packages/ice/src/createService.ts
@@ -275,7 +275,7 @@ async function createService({ rootDir, command, commandArgs }: CreateServiceOpt
     enableRoutes: true,
     entryCode,
     jsOutput: distType.includes('javascript'),
-    hasDocument: fse.existsSync(path.join(rootDir, 'src/document.tsx')),
+    hasDocument: fse.existsSync(path.join(rootDir, 'src/document.tsx')) || fse.existsSync(path.join(rootDir, 'src/document.jsx')) || fse.existsSync(path.join(rootDir, 'src/document.js')),
     dataLoader: userConfig.dataLoader,
     routeImports,
     routeDefinition,

diff --git a/packages/ice/src/service/ServerRunner.ts b/packages/ice/src/service/ServerRunner.ts
@@ -34,6 +34,11 @@ interface InitOptions {
 type ResolveCallback = Parameters<PluginBuild['onResolve']>[1];
 type LoadCallback = Parameters<PluginBuild['onLoad']>[1];
 
+const FALLBACK_LOADERS = {
+  '.json': 'json',
+  '.txt': 'text',
+};
+
 function getPluginLifecycle(plugin: Plugin, compiler: 'onLoad'): [OnResolveOptions, LoadCallback][];
 function getPluginLifecycle(plugin: Plugin, compiler: 'onResolve'): [OnResolveOptions, ResolveCallback][];
 function getPluginLifecycle(plugin: Plugin, hookKey: 'onResolve' | 'onLoad') {
@@ -67,7 +72,7 @@ async function transformJsxRuntime(source: string) {
     }
     // JSX runtime is added after swc plugins
     // use es-module-lexer to replace the import statement.
-    if (imp.n === '@ice/runtime/jsx-dev-runtime') {
+    if (imp.n === '@ice/runtime/jsx-dev-runtime' || imp.n === '@ice/runtime/react/jsx-dev-runtime') {
       str().overwrite(
         imp.ss,
         imp.se,
@@ -263,11 +268,21 @@ class ServerRunner extends Runner {
                     ...args,
                     path: formatedId,
                   });
-
+                  // If res is undefined, it means the plugin does not handle the file, fallback to default handler.
+                  if (!res && FALLBACK_LOADERS[path.extname(formatedId)]) {
+                    res = {
+                      loader: FALLBACK_LOADERS[path.extname(formatedId)],
+                    };
+                  }
                   if (res) {
                     const { contents, loader } = res;
                     if (['json', 'text'].includes(loader)) {
-                      code = `__ice_exports__.default = ${contents || JSON.stringify(await fse.readFile(formatedId, 'utf-8'))}`;
+                      if (contents) {
+                        code = `__ice_exports__.default = ${contents}`;
+                      } else {
+                        const contents = await fse.readFile(formatedId, 'utf-8');
+                        code = `__ice_exports__.default = ${loader === 'text' ? JSON.stringify(contents) : contents}`;
+                      }
                     } else {
                       code = typeof contents === 'string' ? contents : contents.toString();
                     }

diff --git a/packages/ice/src/utils/getRoutePaths.ts b/packages/ice/src/utils/getRoutePaths.ts
@@ -9,12 +9,12 @@ import formatPath from './formatPath.js';
  */
 export default function getRoutePaths(routes: NestedRouteManifest[], parentPath = ''): string[] {
   let pathList = [];
-
   routes.forEach(route => {
+    const routePath = formatPath(path.join('/', parentPath.replace(/^\//, ''), route.path || ''));
     if (route.children) {
-      pathList = pathList.concat(getRoutePaths(route.children, route.path));
+      pathList = pathList.concat(getRoutePaths(route.children, routePath));
     } else {
-      pathList.push(formatPath(path.join('/', parentPath, route.path || '')));
+      pathList.push(routePath);
     }
   });
 

diff --git a/packages/ice/templates/core/entry.client.tsx.ejs b/packages/ice/templates/core/entry.client.tsx.ejs
@@ -69,7 +69,7 @@ const renderApp = (appExport: any, customOptions: Partial<RunClientAppOptions>)
 };
 
 const render = (customOptions: Partial<RunClientAppOptions> = {}) => {
-  renderApp(app, customOptions);
+  return renderApp(app, customOptions);
 };
 
 <%- entryCode %>

diff --git a/packages/ice/templates/core/index.ts.ejs b/packages/ice/templates/core/index.ts.ejs
@@ -1,14 +1,15 @@
 <% if (globalStyle) {-%>
 import '<%= globalStyle %>'
 <% } -%>
-import { definePageConfig } from './type-defines';
+import { definePageConfig, defineRunApp } from './type-defines';
 <%- framework.imports %>
 
 <%- framework.variablesStr %>
 <%- framework.targetImport %>
 
 export {
   definePageConfig,
+  defineRunApp,
   <% if (framework.exports) { -%><%- framework.exports %><% } -%>
   <% if (framework.targetExports) { -%><%- framework.targetExports %><% } -%>
 

diff --git a/packages/ice/templates/core/type-defines.ts.ejs b/packages/ice/templates/core/type-defines.ts.ejs
@@ -1,10 +1,18 @@
+import type ReactDOM from 'react-dom/client';
+import type { RunClientAppOptions } from '@ice/runtime';
 import type { PageConfig, PageConfigDefinition } from './types';
 
-// Only used for type defination.
+// Only used for type defination of pageConfig.
 export function definePageConfig(pageConfig: PageConfig | PageConfigDefinition): PageConfigDefinition {
   if (typeof pageConfig !== 'function') {
     return () => pageConfig;
   } else {
     return pageConfig;
   }
 }
+
+// Only used for type defination of runApp.
+type RunApp = (render: (customOptions?: Partial<RunClientAppOptions>) => Promise<ReactDOM.Root>, options?: RunClientAppOptions) => void;
+export function defineRunApp(runApp: RunApp): RunApp {
+  return runApp;
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -5,6 +5,7 @@ node_modules/ @@
     dist/
     out/
     compiled/
+    public/
     # node 覆盖率文件
     coverage/
@@ Expand Down @@
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1"><meta name="viewport" content="width=device-width"><title>icestark</title><link rel="stylesheet" href="/page-seller/assets/index.css"></head><body><div id="ice-container"></div><script type="module" src="/page-seller/assets/index.js"></script><script type="module" src="/page-seller/assets/vendor.js"></script></body></html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<!doctype html><html lang="en"><head><meta charset="UTF-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Vite App</title><link rel="stylesheet" href="/page-waiter/assets/main.css"></head><body><div id="app"></div><script type="module" src="/page-waiter/assets/main.js"></script></body></html>