@modern-js/main-doc 2.30.0 → 2.31.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @modern-js/main-doc
 
+## 2.31.1
+
+### Patch Changes
+
+- 7c4698f: fix(main-doc): modify the correct NoSSR import mode
+
+  fix(main-doc): 修复 NoSSR 组件引入找不到
+
+  - @modern-js/builder-doc@2.31.1
+
+## 2.31.0
+
+### Patch Changes
+
+- @modern-js/builder-doc@2.31.0
+
 ## 2.30.0
 
 ### Patch Changes

package/docs/en/apis/app/runtime/ssr/no-ssr.mdx

@@ -8,7 +8,7 @@ The content wrapped by NoSSR will not be rendered at the server, nor will it be
 ## Usage
 
 ```tsx
-import { NoSSR } from '@modern-js/runtime';
+import { NoSSR } from '@modern-js/runtime/ssr';
 
 export default () => <NoSSR>...</NoSSR>;
 ```
@@ -18,7 +18,7 @@ export default () => <NoSSR>...</NoSSR>;
 In the following code, the `Time` component is used to display the current time. Since the time obtained by server-side rendering and client side hydrate are diff, React will throw an exception. For this case, you can use `NoSSR` to optimize:
 
 ```tsx
-import { NoSSR } from '@modern-js/runtime';
+import { NoSSR } from '@modern-js/runtime/ssr';
 
 function Time() {
   return (

package/docs/en/configure/app/output/enable-inline-route-manifests.mdx

@@ -0,0 +1,10 @@
+---
+sidebar_label: enableInlineRouteManifests
+---
+
+# output.enableInlineRouteManifests
+
+- **Type:** `boolean`
+- **Default:** `true`
+
+When using convention-based routing, the framework injects routing information into the client for optimization purposes. By default, routing information is injected into the html, but when this is configured to `false`, routing information is injected into a separate JS file.

package/docs/en/configure/app/plugins.mdx

@@ -17,7 +17,8 @@ Refer to [How to Develop Plugins](/guides/topic-detail/framework-plugin/implemen
 This option is used to configure framework plugins. If you need to configure other types of plugins, please choose the corresponding configuration method:
 
 - To configure Modern.js Builder plugins, use the [builderPlugins](/configure/app/builder-plugins) option.
-- To configure webpack plugins, use the [tools.webpack](/configure/app/tools/webpack) or [tools.webpackChain](/configure/app/tools/webpack-chain) options.
+- To configure webpack plugins, use the [tools.webpack](/configure/app/tools/webpack)、[tools.webpackChain](/configure/app/tools/webpack-chain) or [tools.bundlerChain](/configure/app/tools/bundler-chain) options.
+- To configure Rspack plugins, use the [tools.rspack](/configure/app/tools/rspack) or [tools.bundlerChain](/configure/app/tools/bundler-chain) options.
 - To configure Babel plugins, use the [tools.babel](/configure/app/tools/babel) option.
 
 ## Plugin types

package/docs/zh/apis/app/runtime/ssr/no-ssr.mdx

@@ -8,7 +8,7 @@ title: NoSSR
 ## 使用姿势
 
 ```tsx
-import { NoSSR } from '@modern-js/runtime';
+import { NoSSR } from '@modern-js/runtime/ssr';
 
 export default () => <NoSSR>...</NoSSR>;
 ```
@@ -18,7 +18,7 @@ export default () => <NoSSR>...</NoSSR>;
 下列代码中，`Time` 组件用于展示当前的时间，由于服务端渲染和客户端 hydrate 时获取到的时间是不一致的，React 就会抛出异常。针对这种情况可以使用 `NoSSR` 进行优化：
 
 ```tsx
-import { NoSSR } from '@modern-js/runtime';
+import { NoSSR } from '@modern-js/runtime/ssr';
 
 function Time() {
   return (

package/docs/zh/configure/app/output/enable-inline-route-manifests.mdx

@@ -0,0 +1,21 @@
+---
+sidebar_label: enableInlineRouteManifests
+---
+
+# output.enableInlineRouteManifests
+
+- **类型:** `boolean`
+- **默认值:** `true`
+
+当使用约定式路由时，框架为了做一些优化，会向客户端中注入路由信息，默认情况下路由信息会注入到 html 中，
+当该配置为 `false` 时，路由信息会注入到一个单独的 JS 文件中。
+
+Example:
+
+```ts
+export default {
+  output: {
+    enableInlineRouteManifests: false,
+  },
+}
+```

package/docs/zh/configure/app/plugins.mdx

@@ -17,7 +17,8 @@ sidebar_position: 9
 该选项**用于配置框架插件**，如果你需要配置其他类型的插件，请选择对应的配置方式：
 
 - 配置 Modern.js Builder 插件，请使用 [builderPlugins](/configure/app/builder-plugins) 配置项。
-- 配置 webpack 插件，请使用 [tools.webpack](/configure/app/tools/webpack) 或 [tools.webpackChain](/configure/app/tools/webpack-chain) 配置项。
+- 配置 webpack 插件，请使用 [tools.webpack](/configure/app/tools/webpack)、[tools.webpackChain](/configure/app/tools/webpack-chain) 或 [tools.bundlerChain](/configure/app/tools/bundler-chain) 配置项。
+- 配置 Rspack 插件，请使用 [tools.rspack](/configure/app/tools/rspack) 或 [tools.bundlerChain](/configure/app/tools/bundler-chain) 配置项。
 - 配置 Babel 插件，请使用 [tools.babel](/configure/app/tools/babel) 配置项。
 
 ## 插件类型

package/package.json

@@ -15,14 +15,14 @@
     "modern",
     "modern.js"
   ],
-  "version": "2.30.0",
+  "version": "2.31.1",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public",
     "provenance": true
   },
   "peerDependencies": {
-    "@modern-js/builder-doc": "^2.30.0"
+    "@modern-js/builder-doc": "^2.31.1"
   },
   "devDependencies": {
     "classnames": "^2",
@@ -34,9 +34,9 @@
     "fs-extra": "^10",
     "@types/node": "^16",
     "@types/fs-extra": "^9",
-    "@modern-js/builder-doc": "2.30.0",
-    "@modern-js/doc-tools": "2.30.0",
-    "@modern-js/doc-plugin-auto-sidebar": "2.30.0"
+    "@modern-js/builder-doc": "2.31.1",
+    "@modern-js/doc-tools": "2.31.1",
+    "@modern-js/doc-plugin-auto-sidebar": "2.31.1"
   },
   "scripts": {
     "dev": "modern dev",

package/src/components/ShowcaseList/useShowcases.ts

@@ -13,6 +13,34 @@ export const useShowcases = (): ShowcaseItem[] => {
   const t = useI18n();
 
   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',
+      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',
+      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/',

package/src/i18n/enUS.ts

@@ -49,6 +49,7 @@ export const EN_US = {
   changelog: 'Changelog',
 
   // Showcases
+  doubao: 'Doubao',
   writingo: 'Writingo',
   volctrans: 'Volctrans',
   shidianbaike: 'Shidian Baike',

package/src/i18n/zhCN.ts

@@ -49,6 +49,7 @@ export const ZH_CN: Record<keyof typeof EN_US, string> = {
   changelog: '更新日志',
 
   // Showcase
+  doubao: '豆包',
   writingo: '火山写作',
   volctrans: '火山翻译',
   shidianbaike: '识典百科',