alibaba · ClarkXia · Jan 16, 2025 · Jan 16, 2025 · Jan 16, 2025 · Jan 17, 2025
diff --git a/examples/custom-runtime/.browserslistrc b/examples/custom-runtime/.browserslistrc
@@ -0,0 +1 @@
+chrome 55
diff --git a/examples/custom-runtime/ice.config.mts b/examples/custom-runtime/ice.config.mts
@@ -0,0 +1,34 @@
+import { defineConfig } from '@ice/app';
+
+export default defineConfig(() => ({
+  ssg: false,
+  plugins: [
+    {
+      name: 'custom-runtime',
+      setup: (api) => {
+        // Customize the runtime
+        api.onGetConfig((config) => {
+          // Override the runtime config
+          config.runtime = {
+            exports: [
+              {
+                specifier: ['Meta', 'Title', 'Links', 'Main', 'Scripts'],
+                source: '@ice/runtime',
+              },
+              {
+                specifier: ['defineAppConfig'],
+                source: '@ice/runtime-kit',
+              },
+            ],
+            source: '../runtime',
+            server: '@ice/runtime/server',
+            router: {
+              source: '@/routes',
+            },
+          };
+        })
+      },
+    },
+  ],
+}));
+
diff --git a/examples/custom-runtime/package.json b/examples/custom-runtime/package.json
@@ -0,0 +1,23 @@
+{
+  "name": "@examples/custom-runtime",
+  "version": "1.0.0",
+  "private": true,
+  "scripts": {
+    "start": "ice start",
+    "build": "ice build"
+  },
+  "description": "",
+  "author": "",
+  "license": "MIT",
+  "dependencies": {
+    "@ice/app": "workspace:*",
+    "@ice/runtime": "workspace:*",
+    "@ice/runtime-kit": "workspace:*",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.2"
+  }
+}
diff --git a/examples/custom-runtime/runtime.tsx b/examples/custom-runtime/runtime.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import type { RunClientAppOptions } from '@ice/runtime-kit';
+import { getAppConfig } from '@ice/runtime-kit';
+
+import ReactDOM from 'react-dom';
+
+const runClientApp = (options: RunClientAppOptions) => {
+  const { basename = '', createRoutes } = options;
+  // Normalize pathname with leading slash
+  const pathname = `/${window.location.pathname.replace(basename, '').replace(/^\/+/, '')}`;
+
+  const routes = createRoutes?.({ renderMode: 'CSR' });
+  const Component = routes?.find(route => route.path === pathname)?.component;
+
+  ReactDOM.render(
+    Component ? <Component /> : <div>404</div>,
+    document.getElementById('ice-container'),
+  );
+};
+
+export {
+  getAppConfig,
+  runClientApp,
+};
diff --git a/examples/custom-runtime/runtimeServer.tsx b/examples/custom-runtime/runtimeServer.tsx
diff --git a/examples/custom-runtime/src/app.tsx b/examples/custom-runtime/src/app.tsx
@@ -0,0 +1,5 @@
+import { defineAppConfig } from 'ice';
+
+export default defineAppConfig(() => ({
+
+}));
diff --git a/examples/custom-runtime/src/document.tsx b/examples/custom-runtime/src/document.tsx
@@ -0,0 +1,22 @@
+import { Meta, Title, Links, Main, Scripts } from 'ice';
+
+function Document() {
+  return (
+    <html>
+      <head>
+        <meta charSet="utf-8" />
+        <meta name="description" content="ICE Demo" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <Meta />
+        <Title />
+        <Links />
+      </head>
+      <body>
+        <Main />
+        <Scripts />
+      </body>
+    </html>
+  );
+}
+
+export default Document;
diff --git a/examples/custom-runtime/src/pages/home.tsx b/examples/custom-runtime/src/pages/home.tsx
@@ -0,0 +1,3 @@
+export default function Home() {
+  return <h1>home</h1>;
+}
diff --git a/examples/custom-runtime/src/pages/index.tsx b/examples/custom-runtime/src/pages/index.tsx
@@ -0,0 +1,3 @@
+export default function Index() {
+  return <h1>index</h1>;
+}
diff --git a/examples/custom-runtime/src/routes.tsx b/examples/custom-runtime/src/routes.tsx
@@ -0,0 +1,13 @@
+import Index from './pages/index';
+import Home from './pages/home';
+
+export default () => [
+  {
+    path: '/',
+    component: Index,
+  },
+  {
+    path: '/home',
+    component: Home,
+  },
+];
diff --git a/examples/custom-runtime/src/typings.d.ts b/examples/custom-runtime/src/typings.d.ts
@@ -0,0 +1 @@
+/// <reference types="@ice/app/types" />
diff --git a/examples/custom-runtime/tsconfig.json b/examples/custom-runtime/tsconfig.json
@@ -0,0 +1,32 @@
+{
+  "compileOnSave": false,
+  "buildOnSave": false,
+  "compilerOptions": {
+    "baseUrl": ".",
+    "outDir": "build",
+    "module": "esnext",
+    "target": "es6",
+    "jsx": "react-jsx",
+    "moduleResolution": "node",
+    "allowSyntheticDefaultImports": true,
+    "lib": ["es6", "dom"],
+    "sourceMap": true,
+    "allowJs": true,
+    "rootDir": "./",
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": false,
+    "importHelpers": true,
+    "strictNullChecks": true,
+    "suppressImplicitAnyIndexErrors": true,
+    "noUnusedLocals": true,
+    "skipLibCheck": true,
+    "paths": {
+      "@/*": ["./src/*"],
+      "ice": [".ice"]
+    }
+  },
+  "include": ["src", ".ice", "ice.config.*"],
+  "exclude": ["build", "public"]
+}
diff --git a/examples/with-antd-mobile/src/store.tsx b/examples/with-antd-mobile/src/store.tsx
@@ -1,4 +1,3 @@
-import type { ComponentWithChildren } from '@ice/runtime/types';
 import { useState } from 'react';
 import constate from 'constate';
 
@@ -12,7 +11,7 @@ function useCounter() {
 
 const [CounterProvider, useCounterContext] = constate(useCounter);
 
-export const StoreProvider: ComponentWithChildren = ({ children }) => {
+export const StoreProvider = ({ children }) => {
   return <CounterProvider>{ children } </CounterProvider>;
 };
 

diff --git a/package.json b/package.json
@@ -74,5 +74,8 @@
       "@rspack/[email protected]": "patches/@[email protected]",
       "[email protected]": "patches/[email protected]"
     }
-  }
+  },
+  "workspaces": [
+    "packages/runtime-kit"
+  ]
 }
diff --git a/packages/ice/package.json b/packages/ice/package.json
@@ -50,6 +50,7 @@
     "@ice/bundles": "workspace:*",
     "@ice/route-manifest": "workspace:*",
     "@ice/runtime": "workspace:^",
+    "@ice/runtime-kit": "workspace:^",
     "@ice/shared-config": "workspace:*",
     "@ice/webpack-config": "workspace:*",
     "@ice/rspack-config": "workspace:*",

diff --git a/packages/ice/src/bundler/config/getUrls.ts b/packages/ice/src/bundler/config/getUrls.ts
@@ -1,6 +1,6 @@
 import type { TaskConfig } from 'build-scripts';
 import type { Config } from '@ice/shared-config/types';
-import type { AppConfig } from '@ice/runtime/types';
+import type { AppConfig } from '@ice/runtime-kit';
 import type { Configuration as DevServerConfiguration } from 'webpack-dev-server';
 import type { Configuration as RSPackDevServerConfiguration } from '@rspack/dev-server';
 

diff --git a/packages/ice/src/bundler/types.ts b/packages/ice/src/bundler/types.ts
@@ -1,7 +1,7 @@
 import type { Config } from '@ice/shared-config/types';
 import type ora from '@ice/bundles/compiled/ora/index.js';
 import type { Stats as WebpackStats } from '@ice/bundles/compiled/webpack/index.js';
-import type { AppConfig } from '@ice/runtime/types';
+import type { AppConfig } from '@ice/runtime-kit';
 import type { Configuration, MultiCompiler, MultiStats } from '@rspack/core';
 import type { Context as DefaultContext, TaskConfig } from 'build-scripts';
 import type { ServerCompiler, GetAppConfig, GetRoutesConfig, GetDataloaderConfig, ExtendsPluginAPI } from '../types/plugin.js';