@bleedingdev/modern-js-main-doc 3.2.0-ultramodern.120 → 3.2.0-ultramodern.122

package/docs/zh/guides/concept/server.mdx

@@ -26,10 +26,10 @@ Modern.js 开发环境和生产环境的 Web 服务器流程是完全同构的
 
 Modern.js 支持在任何 Node.js 环境运行构建产物。在 CI 环境中，通常情况下已经安装了应用全部的依赖。
 
-你可以执行 [`ultramodern build`](/apis/app/commands#ultramodern-build) 来构建应用，执行 [`ultramodern serve`](/apis/app/commands#ultramodern-serve) 命令来运行 Web 服务器，启动 UltraModern.js 应用。
+你可以执行 [`modern build`](/apis/app/commands#modern-build) 来构建应用，执行 [`modern serve`](/apis/app/commands#modern-serve) 命令来运行 Web 服务器，启动 UltraModern.js 应用。
 
 ## 在生产环境中运行
 
 在部署到生产环境时，产物体积应该尽可能小，而上述在 CI 中运行的方案，会保留原项目的所有产物。因此在生产环境，不推荐通过上述命令运行应用。
 
-UltraModern.js 提供了独立的部署方案，当运行 [`ultramodern deploy`](/apis/app/commands#ultramodern-deploy) 命令时，产物中会包含可运行 Web 服务器的入口文件。
+UltraModern.js 提供了独立的部署方案，当运行 [`modern deploy`](/apis/app/commands#modern-deploy) 命令时，产物中会包含可运行 Web 服务器的入口文件。

package/docs/zh/guides/get-started/quick-start.mdx

@@ -46,7 +46,7 @@ export default defineConfig({
 
 在新创建的工程中，默认会安装 `@modern-js/app-tools` npm 包，它是 Modern.js 框架的核心包，主要提供以下能力：
 
-- 提供 `ultramodern dev`, `ultramodern build` 等常用的 CLI 命令。
+- 提供 `modern dev`, `modern build` 等常用的 CLI 命令。
 - 集成 Rsbuild，提供构建能力。
 - 集成 Modern.js Server，提供开发和生产服务器相关能力。
 

package/docs/zh/guides/get-started/ultramodern.mdx

@@ -30,7 +30,7 @@ UltraModern.js 的增强能力是新 SuperApp 的默认产品面。兼容分支
 
 | 领域 | Modern.js 3.0 基线 | UltraModern.js 3.0 |
 | --- | --- | --- |
-| 构建诊断能力 | RsDoctor 多为显式开启 | 新增 `performance.rsdoctor`，并在 Rspack 生产构建默认开启，同时产出 `.rsdoctor/ultramodern-diagnostics.json` 契约文件 |
+| 构建诊断能力 | RsDoctor 多为显式开启 | 新增一等的 `performance.rsdoctor` 配置项（按需开启；早期的默认开启行为与诊断契约产物已回退） |
 | 输出与静态资源回源 | 预压缩策略通常由业务自定义 | 默认开启 `output.precompress`，并按 `Accept-Encoding` 协商 `.br` / `.gz` 回源 |
 | BFF 运行时与契约 | 提供标准 BFF 运行时与客户端生成能力 | 增加 `requestId` 维度隔离、初始化 fail-fast 校验与操作/追踪关联 Header |
 | BFF 运行时选型 | Modern.js 3.0 基线仅提供 Hono 运行时路径（无内建 Effect 运行时） | 将 Effect 设为默认运行时，并采用严格运行时拆分（`effect` -> `api/effect`，`hono` -> `api/lambda`），同时补齐 Effect-Schema-first 契约与 MF failure-injection 覆盖 |
@@ -40,7 +40,7 @@ UltraModern.js 的增强能力是新 SuperApp 的默认产品面。兼容分支
 | 模块准入治理 | 基线无模块认证证据化 gate profile | 新增模块 SDK 契约、边界反模式守卫与发布/模块认证 gate 工作流 |
 | 路由运行时 | 默认运行时路径以 React Router 为中心 | 增加 TanStack Router 运行时/CLI 一等支持（React Router 继续可用） |
 | 脚手架模板 | 默认 create 模板以 React Router 起步路径为中心 | 增加 TanStack-ready 与 Tailwind-ready 的 create 模板 |
-| Starter 预设约束 | 生成应用默认没有 UltraModern 预设 gate 工作流 | 生成脚手架会附带 `ultramodern:check`、可关闭的 env 开关，以及 `.github/workflows/ultramodern-gates.yml` |
+| Starter 预设约束 | 生成应用默认没有 UltraModern 预设 gate 工作流 | 生成 workspace 会附带 `.github/workflows/ultramodern-workspace-gates.yml`、`pnpm check`、基础本地 gate 与生成契约校验 |
 
 ## 我们刻意不做的事情
 
@@ -56,31 +56,21 @@ UltraModern.js 的增强能力是新 SuperApp 的默认产品面。兼容分支
 1. 既有 React Router 应用可以继续按现状运行。TanStack Router 是新脚手架与增量迁移的优先路径，但 React Router 兼容分支仍然保留，团队可以按自己的节奏迁移。
 2. 新建或迁移中的 BFF 能力优先使用 `bff.runtimeFramework: 'effect'`，并将入口实现放在 `api/effect/index.ts`。如果当前应用已经在 `api/lambda/**` 下使用 Hono 处理函数，就继续显式使用 `bff.runtimeFramework: 'hono'`，等准备好再迁移；Hono 仍是受支持的兼容分支。
 3. 将基线契约视为渐进式默认值，而不是一次性强制切换。`MODERN_BASELINE_ENABLE_MF_SSR`、`MODERN_BASELINE_ENABLE_BFF_REQUEST_ID` 和 `MODERN_BASELINE_ENABLE_TELEMETRY_EXPORTERS` 已经提供了按应用、按环境关闭的能力，方便在收敛到目标栈之前逐步过渡。
-4. 这套公开预设现在已经附带显式的发布 / 认证 gate。生成脚手架也会自带 `.github/workflows/ultramodern-gates.yml`，因此 `pnpm run ultramodern:check` 与 `pnpm run build` 从第一天开始就是接入契约的一部分。
+4. 这套公开预设现在已经附带显式的发布 / 认证 gate。生成 workspace 会自带 `.github/workflows/ultramodern-workspace-gates.yml`，因此 `pnpm check` 与 `pnpm build` 从第一天开始就是本地接入契约的一部分；CI 会以并行矩阵运行这些基础 gate。
 
 ## 人类工作流
 
-公开的 BleedingDev create 包默认从简单路径开始。默认命令会创建一个
-可上线的 UltraModern 单应用，包含 `presetUltramodern(...)`、SSR、
-TanStack Router、Tailwind CSS v4、i18n、Effect BFF、生成质量 gate，以及
-Cloudflare 部署基础：
+公开的 BleedingDev create 包只有一个受支持的生成产品。默认命令会创建一个
+可上线的 UltraModern SuperApp workspace，包含 `presetUltramodern(...)`、
+SSR、TanStack Router、Tailwind CSS v4、i18n、Effect BFF、Module Federation
+topology、生成质量 gate，以及 Cloudflare 部署基础：
 
 ```bash
 pnpm dlx @bleedingdev/modern-js-create myapp
 cd myapp
 mise install
 mise exec -- pnpm install
-mise exec -- pnpm ultramodern:check
-```
-
-只有当独立归属边界有实际价值时，才创建 SuperApp workspace：
-
-```bash
-pnpm dlx @bleedingdev/modern-js-create my-super-app --ultramodern-workspace
-cd my-super-app
-mise install
-mise exec -- pnpm install
-mise exec -- pnpm ultramodern:check
+mise exec -- pnpm check
 ```
 
 workspace 从 shell 和平台契约起步，不强制生成演示业务域。真实业务边界出现后，
@@ -91,7 +81,7 @@ pnpm dlx @bleedingdev/modern-js-create transportation --vertical
 pnpm dlx @bleedingdev/modern-js-create food-delivery --vertical
 pnpm dlx @bleedingdev/modern-js-create payments --vertical
 pnpm dlx @bleedingdev/modern-js-create maps --vertical
-mise exec -- pnpm ultramodern:check
+mise exec -- pnpm check
 ```
 
 `--vertical` 会修改当前 workspace：创建 vertical 包，并更新 topology 元数据、
@@ -106,8 +96,13 @@ Module Federation SSR 时会加入 `server.ssr.moduleFederationAppSSR`，但这
 
 每个应用都会产出 `src/routes/ultramodern-route-metadata` 和
 `ultramodernLocalisedUrls`。i18n 插件在 `localeDetection.localisedUrls` 中读取它，
-并从 `/locales/{{lng}}/{{ns}}.json` 提供动态后端 JSON。路由 owner 需要同时维护
-本地化路径和 locale resource JSON。
+这就是在 `localePathRedirect` 之上启用路径片段翻译的显式非空映射。i18n 插件也会从
+`/locales/{{lng}}/{{ns}}.json` 提供动态后端 JSON。路由 owner 需要同时维护本地化路径和
+locale resource JSON。
+
+JSON-LD 是可选的路由 metadata，不会自动推断。私有路由和不可索引路由默认不输出
+JSON-LD。公开路由 owner 可以在本地化路径旁显式添加 `jsonLd`，并使用生成的
+`src/routes/ultramodern-jsonld.ts` helper 编写常见 schema.org 结构。
 
 生成契约会在 `.modernjs/ultramodern-generated-contract.json` 中写入
 `cssFederation`：
@@ -125,7 +120,7 @@ Module Federation SSR 时会加入 `server.ssr.moduleFederationAppSSR`，但这
 本地 gate：
 
 ```bash
-mise exec -- pnpm ultramodern:check
+mise exec -- pnpm check
 mise exec -- pnpm build
 mise exec -- pnpm cloudflare:build
 ```

package/docs/zh/guides/topic-detail/module-federation/application.mdx

@@ -104,7 +104,7 @@ export default RemoteApp;
 
 ## 启动应用
 
-现在，生产者应用和消费者应用都已经搭建完毕，我们可以在本地运行 `ultramodern dev` 启动两个应用。
+现在，生产者应用和消费者应用都已经搭建完毕，我们可以在本地运行 `modern dev` 启动两个应用。
 
 启动后，消费者应用访问 `/remote` 路由时，会进入生产者应用中。访问 `http://localhost:8080/remote`，可以看到页面中已经包含了生产者的远程模块的完整页面。
 

package/docs/zh/guides/topic-detail/module-federation/deploy.mdx

@@ -88,10 +88,10 @@ export default createModuleFederationConfig({
 
 ## 本地验证部署
 
-Modern.js 提供了 `ultramodern deploy` 命令，可以方便生成可运行在 Node.js 环境的产物。
+Modern.js 提供了 `modern deploy` 命令，可以方便生成可运行在 Node.js 环境的产物。
 
 ```bash
-ultramodern deploy
+modern deploy
 ```
 
 执行命令后，可以在控制台看到以下输出：

package/docs/zh/guides/topic-detail/module-federation/usage.mdx

@@ -154,7 +154,7 @@ export default Index;
 
 ## 启动应用
 
-现在，生产者应用和消费者应用都已经搭建完毕，我们可以在本地运行 `ultramodern dev` 启动两个应用。
+现在，生产者应用和消费者应用都已经搭建完毕，我们可以在本地运行 `modern dev` 启动两个应用。
 
 启动后，消费者中对生产者模块的引入，不会再出现抛错，类型已经下载到消费者应用中。
 
@@ -164,7 +164,7 @@ export default Index;
 
 访问 `http://localhost:8080/remote`，可以看到页面中已经包含了生产者的远程模块 `Button` 组件。
 
-我们也可以在本地执行 `ultramodern serve` 来模拟生产环境。
+我们也可以在本地执行 `modern serve` 来模拟生产环境。
 
 因为 Module Federation 插件会自动读取 Modern.js 的 `output.assetPrefix` 配置作为远程模块的访问地址，而该值在生产环境下构建后默认是 `/`。如果不做特殊处理，消费者将从自己的域名下拉取远程模块的入口文件。我们可以添加如下配置：
 
@@ -178,7 +178,7 @@ export default defineConfig({
     port: 3051,
   },
   output: {
-    // Now this configuration is only used in the local when you run ultramodern serve command.
+    // Now this configuration is only used in the local when you run modern serve command.
     // If you want to deploy the application to the platform, use your own domain name.
     // Module federation will automatically write it to mf-manifest.json, which influences consumer to fetch remoteEntry.js.
     assetPrefix: 'http://127.0.0.1:3051',
@@ -187,10 +187,10 @@ export default defineConfig({
 });
 ```
 
-现在，在生产者中运行 `ultramodern build && MODERN_MF_AUTO_CORS=true ultramodern serve`，在消费者中运行 `ultramodern build && ultramodern serve`，即可在本地模拟生产环境，访问到远程模块。
+现在，在生产者中运行 `modern build && MODERN_MF_AUTO_CORS=true modern serve`，在消费者中运行 `modern build && modern serve`，即可在本地模拟生产环境，访问到远程模块。
 
 :::tip
-在使用 `ultramodern serve` 命令时，需要在启动生产者项目时携带 `MODERN_MF_AUTO_CORS=true` 环境变量，以自动处理跨域问题，确保消费者可以正常访问生产者的远程模块资源。
+在使用 `modern serve` 命令时，需要在启动生产者项目时携带 `MODERN_MF_AUTO_CORS=true` 环境变量，以自动处理跨域问题，确保消费者可以正常访问生产者的远程模块资源。
 :::
 
 上述用例可以参考：[Modern.js & Module Federation 基础用法示例](https://github.com/web-infra-dev/modern-js-examples/tree/main/examples/module-federation/base)。

package/docs/zh/guides/troubleshooting/builder.mdx

@@ -23,7 +23,7 @@ Modern.js 内部基于 [Rsbuild](https://v2.rsbuild.rs/) 封装了自身的构
 Modern.js 提供 [inspect 命令](/apis/app/commands.html) 用于查看项目最终生成的 Modern.js 配置以及 Rspack 配置。
 
 ```bash
-➜ npx ultramodern inspect
+➜ npx modern inspect
 
 Inspect config succeed, open following files to view the content:
 

package/docs/zh/guides/upgrade/config.mdx

@@ -334,7 +334,7 @@ export default {
 
 ### tools.rsdoctor
 
-**变更内容**：该配置已废弃。v3 中 Modern.js 会在生产构建默认启用 Rsdoctor。可通过 [`performance.rsdoctor`](/configure/app/performance/rsdoctor) 进行配置或关闭。
+**变更内容**：该配置已废弃。v3 中可通过 [`performance.rsdoctor`](/configure/app/performance/rsdoctor) 显式启用 Rsdoctor 诊断能力。
 
 **迁移示例**：
 
@@ -350,7 +350,6 @@ tools: {
 // v3
 export default {
   performance: {
-    // 生产构建默认启用
     rsdoctor: {
       enabled: true,
     },

package/docs/zh/guides/upgrade/other.md

@@ -95,7 +95,7 @@ Modern.js 3.0 不再支持通过 `@bleedingdev/modern-js-create` 创建 Monorepo
 **变更内容**：
 
 - 在 [v2.53.0](https://github.com/web-infra-dev/modern.js/releases/tag/v2.53.0) 版本中，移除了使用 `@bleedingdev/modern-js-create` 创建 Monorepo 项目的功能
-- 在 [v2.61.0](https://github.com/web-infra-dev/modern.js/releases/tag/v2.61.0) 版本中，移除了使用 `@bleedingdev/modern-js-create` 和 `ultramodern new` 命令创建 Modern.js Module 项目的功能
+- 在 [v2.61.0](https://github.com/web-infra-dev/modern.js/releases/tag/v2.61.0) 版本中，移除了使用 `@bleedingdev/modern-js-create` 和 `modern new` 命令创建 Modern.js Module 项目的功能
 
 **处理方式**：
 
@@ -104,12 +104,12 @@ Modern.js 3.0 不再支持通过 `@bleedingdev/modern-js-create` 创建 Monorepo
 
 ## new 命令和 upgrade 命令移除
 
-Modern.js 3.0 移除了 `ultramodern new` 和 `ultramodern upgrade` 命令，需要按照文档手动操作。
+Modern.js 3.0 移除了 `modern new` 和 `modern upgrade` 命令，需要按照文档手动操作。
 
 **变更内容**：
 
-- `ultramodern new` 命令在 Modern.js 3.0 中不再支持，无法通过命令添加入口或启用功能
-- `ultramodern upgrade` 命令在 Modern.js 3.0 中不再支持，无法通过命令自动升级依赖
+- `modern new` 命令在 Modern.js 3.0 中不再支持，无法通过命令添加入口或启用功能
+- `modern upgrade` 命令在 Modern.js 3.0 中不再支持，无法通过命令自动升级依赖
 
 **处理方式**：
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bleedingdev/modern-js-main-doc",
-  "description": "Documentation of modern.js framework",
+  "description": "Documentation for the UltraModern.js framework",
   "type": "module",
   "homepage": "https://github.com/BleedingDev/ultramodern.js#readme",
   "bugs": {
@@ -16,16 +16,17 @@
     "react",
     "framework",
     "modern",
-    "modern.js"
+    "modern.js",
+    "ultramodern.js"
   ],
-  "version": "3.2.0-ultramodern.120",
+  "version": "3.2.0-ultramodern.122",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
   "dependencies": {
     "mermaid": "^11.15.0",
-    "@modern-js/sandpack-react": "npm:@bleedingdev/modern-js-sandpack-react@3.2.0-ultramodern.120"
+    "@modern-js/sandpack-react": "npm:@bleedingdev/modern-js-sandpack-react@3.2.0-ultramodern.122"
   },
   "devDependencies": {
     "@rsbuild/plugin-sass": "1.5.3",

package/rspress.config.ts

@@ -5,13 +5,12 @@ import path from 'path';
 import { pluginOpenGraph } from 'rsbuild-plugin-open-graph';
 
 const docPath = path.join(__dirname, 'docs');
+const staticPath = path.join(__dirname, 'static');
 const siteTitle = 'UltraModern.js 3.0';
 const siteDescription =
   'UltraModern.js 3.0 is a SuperApp framework forked from Modern.js for Effect, TanStack Router, SSR, BFF, and independently deployable Micro Verticals.';
 const socialDescription =
   'A SuperApp framework for Effect, TanStack Router, SSR, BFF, and Micro Verticals.';
-const socialImage =
-  'https://lf3-static.bytednsdoc.com/obj/eden-cn/nuvjhpqnuvr/modern-website/banner.jpeg';
 
 function normalizeBase(base = '/') {
   const trimmed = base.trim();
@@ -23,6 +22,14 @@ function normalizeBase(base = '/') {
 
 // Set by CI for GitHub Pages project sites. Defaults to root for local dev/custom domains.
 const docsBase = normalizeBase(process.env.DOCS_BASE);
+const docsOrigin = (
+  process.env.DOCS_ORIGIN || 'https://bleedingdev.github.io'
+).replace(/\/+$/, '');
+const siteUrl = new URL(docsBase, `${docsOrigin}/`).toString();
+const socialImage = new URL('img/social-card.svg', siteUrl).toString();
+const faviconUrl = new URL('img/favicon.ico', siteUrl).toString();
+const docsAsset = (assetPath: string) =>
+  `${docsBase}${assetPath.replace(/^\//, '')}`;
 
 export default defineConfig({
   root: docPath,
@@ -30,8 +37,8 @@ export default defineConfig({
   title: siteTitle,
   description: siteDescription,
   base: docsBase,
-  logo: 'https://lf-cdn-tos.bytescm.com/obj/static/webinfra/modern-js-website/assets/images/images/modernjs-logo.svg',
-  icon: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/uhbfnupenuhf/favicon.ico',
+  logo: docsAsset('/img/logo.svg'),
+  icon: faviconUrl,
   lang: 'en',
   themeDir: path.join(__dirname, 'src'),
   markdown: {
@@ -121,6 +128,11 @@ export default defineConfig({
     output: {
       dataUriLimit: 0,
     },
+    server: {
+      publicDir: {
+        name: staticPath,
+      },
+    },
     dev: {
       lazyCompilation: process.env.LAZY !== 'false',
     },
@@ -139,7 +151,7 @@ export default defineConfig({
         // While site name is site wide
         siteName: siteTitle,
         type: 'website',
-        url: 'https://bleedingdev.github.io/ultramodern.js/',
+        url: siteUrl,
         image: socialImage,
         description: socialDescription,
         twitter: {

package/src/components/Footer/index.tsx

@@ -81,15 +81,15 @@ export default function Footer() {
       items: [
         {
           label: t('changelog'),
-          to: 'https://github.com/web-infra-dev/modern.js/releases',
+          to: 'https://github.com/BleedingDev/ultramodern.js/releases',
         },
         {
           label: 'GitHub Issues',
-          to: 'https://github.com/web-infra-dev/modern.js/issues',
+          to: 'https://github.com/BleedingDev/ultramodern.js/issues',
         },
         {
           label: t('githubDiscussion'),
-          to: 'https://github.com/web-infra-dev/modern.js/discussions',
+          to: 'https://github.com/BleedingDev/ultramodern.js/discussions',
         },
       ],
     },

package/src/components/SecondaryTitle/index.module.css

@@ -1,8 +1,13 @@
 .titleWrap {
   display: flex;
   justify-content: space-between;
-  background-image: url(https://lf3-static.bytednsdoc.com/obj/eden-cn/aphqeh7uhohpquloj/modern-js/text-bg.png);
-  background-size: 374px 32.7px;
+  background-image: linear-gradient(
+    90deg,
+    rgba(20, 184, 166, 0.36),
+    rgba(14, 165, 233, 0.18) 58%,
+    transparent
+  );
+  background-size: min(374px, 100%) 32.7px;
   background-repeat: no-repeat;
 }
 .title {

package/src/components/ShowcaseList/useShowcases.ts

@@ -1,4 +1,4 @@
-import { useI18n } from '../../i18n';
+import { withBase } from '@rspress/core/runtime';
 
 export type ShowcaseType = 'framework' | 'builder' | 'doc' | 'module';
 
@@ -10,92 +10,50 @@ export type ShowcaseItem = {
 };
 
 export const useShowcases = (): ShowcaseItem[] => {
-  const t = useI18n();
+  const preview = (name: string) => withBase(`/img/features/${name}.svg`);
 
   return [
     {
-      name: 'Tiktok Seller',
-      url: 'https://seller-us-accounts.tiktok.com/',
-      preview:
-        'https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/showcase/tiktok-seller-showcase-08172.png',
+      name: 'UltraModern.js',
+      url: 'https://bleedingdev.github.io/ultramodern.js/',
+      preview: preview('framework'),
       type: 'framework',
     },
     {
-      name: 'Tiktok Streamer',
-      url: 'https://shop.tiktok.com/streamer/welcome',
-      preview:
-        'https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/showcase/tiktok-steamer-showcase-08172.png',
+      name: 'Effect',
+      url: 'https://effect.website/',
+      preview: preview('api'),
       type: 'framework',
     },
     {
-      name: 'Tiktok Shop Partner',
-      url: 'https://partner-us.tiktok.com/',
-      preview:
-        'https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/showcase/tiktok-shop-partner-0817.png',
-      type: 'framework',
-    },
-    {
-      name: t('doubao'),
-      url: 'https://www.doubao.com/',
-      preview:
-        'https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/showcase/doubao-showcase-0817.png',
-      type: 'framework',
-    },
-    {
-      name: t('volctrans'),
-      url: 'https://translate.volcengine.com/',
-      preview:
-        'https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/showcase/volctrans-0424.jpeg',
-      type: 'framework',
-    },
-    {
-      name: t('writingo'),
-      url: 'https://writingo.net/',
-      preview:
-        'https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/showcase/writingo-0424.jpeg',
+      name: 'TanStack Router',
+      url: 'https://tanstack.com/router',
+      preview: preview('url'),
       type: 'framework',
     },
     {
       name: 'Rspack',
       url: 'https://rspack.rs/',
-      preview:
-        'https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/showcase/rspack-0424.jpeg',
+      preview: preview('compiler'),
+      type: 'builder',
+    },
+    {
+      name: 'Rspress',
+      url: 'https://rspress.rs/',
+      preview: preview('visual'),
       type: 'doc',
     },
     {
       name: 'Modern.js',
       url: 'https://modernjs.dev/en/',
-      preview:
-        'https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/showcase/modernjs-dev-0425.jpeg',
+      preview: preview('app'),
       type: 'doc',
     },
     {
-      name: t('shidianbaike'),
-      url: 'https://shidian.baike.com/',
-      preview:
-        'https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/showcase/shidianbaike-0424.jpeg',
-      type: 'framework',
-    },
-    {
-      name: t('xiaohe'),
-      url: 'https://xiaohe.cn/',
-      preview:
-        'https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/showcase/xiaohe-0424.png',
-      type: 'framework',
-    },
-    {
-      name: t('dongchedi'),
-      url: 'https://m.dcdapp.com/motor/feoffline/usedcar_channel/channel.html',
-      preview:
-        'https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/showcase/dongchedi-0425.png',
-      type: 'builder',
-    },
-    {
-      name: t('volcengineDeveloper'),
-      url: 'https://developer.volcengine.com/',
-      preview:
-        'https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/showcase/developer-volcengine-0425.png',
-      type: 'framework',
+      name: 'Module Federation',
+      url: 'https://module-federation.io/',
+      preview: preview('frameworks'),
+      type: 'module',
     },
   ];
 };

package/src/i18n/enUS.ts

@@ -43,13 +43,4 @@ export const EN_US = {
   pluginSystem: 'Plugin System',
   githubDiscussion: 'Github Discussion',
   changelog: 'Changelog',
-
-  // Showcases
-  doubao: 'Doubao',
-  writingo: 'Writingo',
-  volctrans: 'Volctrans',
-  shidianbaike: 'Shidian Baike',
-  xiaohe: 'Xiaohe',
-  dongchedi: 'Dongchedi',
-  volcengineDeveloper: 'Volcengine Developer',
 } as const;

package/src/i18n/zhCN.ts

@@ -42,13 +42,4 @@ export const ZH_CN: Record<keyof typeof EN_US, string> = {
   pluginSystem: '插件系统',
   githubDiscussion: 'Github 讨论区',
   changelog: '更新日志',
-
-  // Showcase
-  doubao: '豆包',
-  writingo: '火山写作',
-  volctrans: '火山翻译',
-  shidianbaike: '识典百科',
-  xiaohe: '小荷健康',
-  dongchedi: '懂车帝',
-  volcengineDeveloper: '火山引擎开发者社区',
 };

package/src/sandbox/csr-auth/src/routes/page-tsx.txt

@@ -7,7 +7,7 @@ const PublicPage = (): JSX.Element => (
       <link
         rel="icon"
         type="image/x-icon"
-        href="https://lf3-static.bytednsdoc.com/obj/eden-cn/uhbfnupenuhf/favicon.ico"
+        href="https://bleedingdev.github.io/ultramodern.js/img/favicon.ico"
       />
     </Helmet>
     <h3>Public</h3>

package/static/img/logo.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="220" height="48" viewBox="0 0 220 48" role="img" aria-labelledby="title">
+  <title id="title">UltraModern.js</title>
+  <rect width="48" height="48" rx="12" fill="#0f172a"/>
+  <path fill="#14b8a6" d="M13 13h7v13c0 5 2.6 8 7 8s7-3 7-8V13h7v13c0 8.8-5.6 14-14 14s-14-5.2-14-14V13z"/>
+  <path fill="#38bdf8" d="M31 13h8v27h-8V13z"/>
+  <text x="60" y="31" fill="#0f172a" font-family="Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif" font-size="23" font-weight="700">UltraModern.js</text>
+</svg>

package/static/img/social-card.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630" role="img" aria-labelledby="title desc">
+  <title id="title">UltraModern.js 3.0</title>
+  <desc id="desc">A SuperApp framework for Effect, TanStack Router, SSR, BFF, and Micro Verticals.</desc>
+  <rect width="1200" height="630" fill="#0f172a"/>
+  <path fill="#14b8a6" opacity=".22" d="M0 360c180-92 330-116 498-48 173 70 310 61 480-22 77-38 149-58 222-62v402H0V360z"/>
+  <path fill="#38bdf8" opacity=".18" d="M0 438c160-54 316-49 468 15 160 67 337 67 531 0 74-26 141-39 201-40v217H0V438z"/>
+  <rect x="86" y="90" width="96" height="96" rx="24" fill="#020617"/>
+  <path fill="#14b8a6" d="M111 116h15v35c0 13 7 21 18 21s18-8 18-21v-35h15v35c0 22-13 35-33 35s-33-13-33-35v-35z"/>
+  <path fill="#38bdf8" d="M157 116h18v70h-18v-70z"/>
+  <text x="86" y="284" fill="#f8fafc" font-family="Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif" font-size="76" font-weight="800">UltraModern.js 3.0</text>
+  <text x="90" y="360" fill="#cbd5e1" font-family="Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif" font-size="35" font-weight="500">Effect, TanStack Router, SSR, BFF, and Micro Verticals.</text>
+</svg>

package/builder-doc/docs/en/config/performance/rsdoctor.md

@@ -1,37 +0,0 @@
-- **Type:** `boolean | { enabled?: boolean; disableClientServer?: boolean; reportDir?: string; mode?: 'normal' | 'brief' | 'lite' }`
-- **Default:** enabled in production build, disabled in development build
-
-Configure [Rsdoctor](https://rsdoctor.dev/) diagnostics for build.
-
-- This config only takes effect when using the Rspack provider.
-- `disableClientServer` defaults to `true` to avoid hanging the build process after report generation.
-- `reportDir` lets you move diagnostics artifacts to a deterministic directory.
-- `mode` controls RsDoctor report mode (`normal`, `brief`, `lite`).
-- Modern.js writes a machine-readable diagnostics contract artifact to:
-  - `<reportDir or outputPath>/.rsdoctor/ultramodern-diagnostics.json`
-  - This contract points coding agents and tools to `.rsdoctor/manifest.json`.
-
-### Example
-
-```js
-export default {
-  performance: {
-    rsdoctor: {
-      enabled: true,
-      disableClientServer: true,
-      reportDir: './artifacts',
-      mode: 'brief',
-    },
-  },
-};
-```
-
-You can also use a boolean:
-
-```js
-export default {
-  performance: {
-    rsdoctor: false,
-  },
-};
-```

package/builder-doc/docs/zh/config/performance/rsdoctor.md

@@ -1,37 +0,0 @@
-- **类型：** `boolean | { enabled?: boolean; disableClientServer?: boolean; reportDir?: string; mode?: 'normal' | 'brief' | 'lite' }`
-- **默认值：** 生产构建默认开启，开发构建默认关闭
-
-用于配置 [Rsdoctor](https://rsdoctor.dev/) 构建诊断。
-
-- 该配置仅在使用 Rspack provider 时生效。
-- `disableClientServer` 默认值为 `true`，用于避免报告生成后构建进程不退出。
-- `reportDir` 可将诊断产物输出到确定的目录。
-- `mode` 用于控制 RsDoctor 报告模式（`normal`、`brief`、`lite`）。
-- Modern.js 会额外生成机器可读诊断契约文件：
-  - `<reportDir 或 outputPath>/.rsdoctor/ultramodern-diagnostics.json`
-  - 该文件可指向 `.rsdoctor/manifest.json`，便于开发者工具与编码代理稳定消费。
-
-### 示例
-
-```js
-export default {
-  performance: {
-    rsdoctor: {
-      enabled: true,
-      disableClientServer: true,
-      reportDir: './artifacts',
-      mode: 'brief',
-    },
-  },
-};
-```
-
-也可以直接使用布尔值：
-
-```js
-export default {
-  performance: {
-    rsdoctor: false,
-  },
-};
-```