@bleedingdev/modern-js-main-doc 3.2.0-ultramodern.99 → 3.4.0-ultramodern.1

package/src/components/Mermaid/style.scss

@@ -1,41 +1,29 @@
-.dark {
-  .modern-mermaid {
-    .flowchart-label {
-      rect {
-        fill: #23272f !important;
-        stroke: #81b1db !important;
-        stroke-width: 1px !important;
-      }
-
-      polygon {
-        fill: #23272f !important;
-        stroke: #81b1db !important;
-        stroke-width: 1px !important;
-      }
-
-      span.nodeLabel {
-        color: #ccc !important;
-      }
-    }
+.modern-mermaid {
+  font-size: 20px;
+  text-align: center;
+  svg {
+    display: block;
+    margin: 0 auto;
+  }
+}
 
-    .edgeLabel {
-      fill: #23272f !important;
-      color: #ccc !important;
-      background-color: #23272f !important;
-    }
+.modern-doc {
+  .flowchart-link {
+    stroke: #666 !important;
+  }
 
-    .flowchart-link {
-      stroke: #ccc !important;
-    }
+  .marker {
+    stroke: #666 !important;
+    fill: #666 !important;
+  }
 
-    .marker {
-      stroke: #ccc !important;
-      fill: #ccc !important;
+  .cluster {
+    rect {
+      fill: transparent !important;
+      stroke: #666 !important;
     }
   }
-}
 
-.modern-doc {
   .modern-mermaid {
     svg {
       display: block;
@@ -114,20 +102,41 @@
       }
     }
   }
+}
 
-  .flowchart-link {
-    stroke: #666 !important;
-  }
+.dark {
+  .modern-mermaid {
+    .flowchart-link {
+      stroke: #ccc !important;
+    }
 
-  .marker {
-    stroke: #666 !important;
-    fill: #666 !important;
-  }
+    .marker {
+      stroke: #ccc !important;
+      fill: #ccc !important;
+    }
 
-  .cluster {
-    rect {
-      fill: transparent !important;
-      stroke: #666 !important;
+    .flowchart-label {
+      rect {
+        fill: #23272f !important;
+        stroke: #81b1db !important;
+        stroke-width: 1px !important;
+      }
+
+      polygon {
+        fill: #23272f !important;
+        stroke: #81b1db !important;
+        stroke-width: 1px !important;
+      }
+
+      span.nodeLabel {
+        color: #ccc !important;
+      }
+    }
+
+    .edgeLabel {
+      fill: #23272f !important;
+      color: #ccc !important;
+      background-color: #23272f !important;
     }
   }
 }
@@ -210,12 +219,3 @@
     }
   }
 }
-
-.modern-mermaid {
-  font-size: 20px;
-  text-align: center;
-  svg {
-    display: block;
-    margin: 0 auto;
-  }
-}

package/src/components/RandomMemberList/index.module.scss

@@ -4,6 +4,14 @@
   align-items: center;
 }
 
+.avatar {
+  width: 48px;
+  height: 48px;
+  border-radius: 999px;
+  transition: all 0.2s ease-in-out;
+  background-color: #f8f8f8;
+}
+
 .link {
   display: flex;
   align-items: center;
@@ -20,14 +28,6 @@
   }
 }
 
-.avatar {
-  width: 48px;
-  height: 48px;
-  border-radius: 999px;
-  transition: all 0.2s ease-in-out;
-  background-color: #f8f8f8;
-}
-
 .name {
   margin-top: 12px;
   font-size: 13px;

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/index.module.scss

@@ -63,7 +63,7 @@
   -webkit-text-fill-color: transparent;
 }
 
-:global(.dark) .type {
+[class~='dark'] .type {
   background: -webkit-linear-gradient(
     305deg,
     hsl(166deg, 77%, 53%) 10%,

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/pages/index.module.scss

@@ -56,7 +56,7 @@
   }
 }
 
-:global(.dark) .announcement {
+[class~='dark'] .announcement {
   background: linear-gradient(
     150.85deg,
     rgba(124, 178, 250, 0.18) 3%,
@@ -93,7 +93,7 @@
   color: rgba(0, 0, 0, 0.75);
 }
 
-:global(.dark) .announcementText {
+[class~='dark'] .announcementText {
   color: rgba(255, 255, 255, 0.85);
 }
 
@@ -107,7 +107,7 @@
   }
 }
 
-:global(.dark) .announcementArrow {
+[class~='dark'] .announcementArrow {
   color: rgba(255, 255, 255, 0.5);
 }
 
@@ -125,7 +125,7 @@
 .mask {
   position: absolute;
   background-image: conic-gradient(
-    from 180deg at 50%50%,
+    from 180deg at 50% 50%,
     var(--edenx-primary-color) 0deg,
     180deg,
     hsl(198deg, 100%, 50%) 0deg
@@ -144,7 +144,7 @@
   pointer-events: none;
 }
 
-:global(.dark) .mask {
+[class~='dark'] .mask {
   opacity: 0.15;
 }
 
@@ -346,6 +346,6 @@
   }
 }
 
-:global(.rspress-logo) {
+[class~='rspress-logo'] {
   width: auto !important;
 }

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,
-  },
-};
-```