npm - @modern-js/main-doc - Versions diffs - 2.67.4 → 2.67.6 - Mend

@modern-js/main-doc 2.67.4 → 2.67.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (198) hide show

package/rspress.config.ts CHANGED Viewed

@@ -1,10 +1,16 @@
 import path from 'path';
+import { pluginSass } from '@rsbuild/plugin-sass';
+import { pluginLlms } from '@rspress/plugin-llms';
+import { transformerNotationHighlight } from '@shikijs/transformers';
 import { defineConfig } from 'rspress/config';
 const docPath = path.join(__dirname, 'docs');
 export default defineConfig({
   root: docPath,
+  title: 'Modern.js',
+  description:
+    'The Modern.js framework is a progressive web framework based on React. At ByteDance, we use Modern.js to build upper-level frameworks that have supported the development of thousands of web applications.',
   base: '/',
   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',
@@ -12,8 +18,11 @@ export default defineConfig({
   themeDir: path.join(__dirname, 'src'),
   markdown: {
     checkDeadLinks: true,
-    experimentalMdxRs: true,
+    shiki: {
+      transformers: [transformerNotationHighlight()],
+    },
   },
+  plugins: [pluginLlms()],
   search: {
     codeBlocks: true,
   },
@@ -58,6 +67,11 @@ export default defineConfig({
       text: 'Edit this page on GitHub',
     },
     socialLinks: [
+      {
+        icon: 'discord',
+        mode: 'link',
+        content: 'https://discord.gg/qPCqYg38De',
+      },
       {
         icon: 'github',
         mode: 'link',
@@ -91,5 +105,6 @@ export default defineConfig({
         '@site': require('path').resolve(__dirname),
       },
     },
+    plugins: [pluginSass()],
   },
 });

package/src/components/RsbuildLink/index.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useLang } from 'rspress/runtime';
-const RsbuildLInk = ({ configName }: { configName: string }) => {
+const RsbuildLink = ({ configName }: { configName: string }) => {
   const lang = useLang();
   const href = `https://rsbuild.dev/${lang === 'zh' ? 'zh/' : ''}config/${configName
     .split('.')
@@ -16,4 +16,4 @@ const RsbuildLInk = ({ configName }: { configName: string }) => {
   );
 };
-export default RsbuildLInk;
+export default RsbuildLink;

package/src/i18n/index.ts CHANGED Viewed

@@ -9,7 +9,7 @@ const translations = {
 export function useUrl(url: string) {
   const lang = useLang();
-  return withBase(lang === 'zh' ? url : `/en${url}`);
+  return withBase(lang === 'zh' ? `/zh${url}` : url);
 }
 export function useI18n() {

package/src/index.ts CHANGED Viewed

@@ -1,9 +1,5 @@
-import Theme from 'rspress/theme';
 import HomeLayout from './pages';
-export default {
-  ...Theme,
-  HomeLayout,
-};
+export { HomeLayout };
 export * from 'rspress/theme';

package/src/pages/index.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 import { useEffect } from 'react';
-import { Helmet, useLocation } from 'rspress/runtime';
+import { Head, useLocation } from 'rspress/runtime';
 import ContentCard from '../components/ContentCard';
 import { FeatureLayout } from '../components/FeatureLayout';
 import Footer from '../components/Footer';
@@ -94,7 +94,7 @@ export default function Home() {
   return (
     <div>
-      <Helmet>
+      <Head>
         <html className="dark" />
         <script>window.MODERN_THEME = 'dark';</script>
         <style type="text/css">{`
@@ -102,7 +102,7 @@ export default function Home() {
             display: none!important;
           }
         `}</style>
-      </Helmet>
+      </Head>
       <HomepageHeader />
       <main className={styles['homepage-main']}>
         <FeatureLayout>

package/docs/en/apis/app/hooks/api/middleware.mdx DELETED Viewed

@@ -1,11 +0,0 @@
----
-title: _app.[tj]s
-sidebar_position: 2
----
-# _app.[tj]s
-This file can add pre-middleware to BFF functions. For detailed information, refer to [Extend BFF Server](/guides/advanced-features/bff/extend-server).
-:::note
-For specific examples, please refer to [hook](/apis/app/runtime/bff/hook).
-:::

package/docs/en/apis/app/runtime/bff/hook.mdx DELETED Viewed

@@ -1,44 +0,0 @@
----
-title: hook
----
-# hook
-Used to add framework middleware under BFF function mode, the middleware will execute before BFF function.
-## Usage
-according to the framework extend plugin, export from the corresponding namespace:
-```ts
-import { hook } from '@modern-js/runtime/{namespace}';
-```
-## Function Signature
-```ts
-type HookOptions = {
-  addMiddleware: string | function;
-};
-function hook(options: HookOptions): void;
-```
-### Input
-- `options`: a range of hooks provided by Modern.js.
-  - `addMiddleware`: add middlewares for BFF.
-## Example
-middleware for different frameworks should be different(an example is when using the koa framework):
-```ts title=api/_app.ts
-import { hook } from '@modern-js/runtime/koa';
-export default hook(({ addMiddleware }) => {
-  addMiddleware(async (ctx, next) => {
-    ctx.req.query.id = 'koa';
-    await next();
-  });
-});
-```

package/docs/en/apis/app/runtime/bff/use-context.mdx DELETED Viewed

@@ -1,38 +0,0 @@
----
-title: useContext
----
-# useContext
-Used to get the request context in the BFF function.
-## Usage
-according to the framework extend plugin, export from the corresponding namespace:
-```ts
-import { useContext } from '@modern-js/runtime/{namespace}';
-```
-## Function Signature
-`function useContext(): any`
-## Example
-Developers can get more request information through `context`, such as browser UA(an example is when using the koa framework):
-```ts
-import { useContext } from '@modern-js/runtime/koa';
-export async function get() {
-  const ctx = useContext();
-  return ctx.req.headers['user-agent'];
-}
-```
-:::caution
-only in BFF function, `useContext` API can be used.
-:::
-Although the `useContext` API is supported in any framework extend plugin, the types of return values are different.

package/docs/en/configure/app/bff/enable-handle-web.mdx DELETED Viewed

@@ -1,24 +0,0 @@
----
-title: enableHandleWeb
----
-# bff.enableHandleWeb
-- **Type:** `boolean`
-- **Default:** `false`
-import EnableBFFCaution from "@site-docs-en/components/enable-bff-caution";
-<EnableBFFCaution />
-By default, the BFF service can only handle requests for BFF APIs.
-When this value is set to `true`, page request will also pass through BFF, and the default logic for page rendering built in Modern.js will run as the last middleware of the BFF service.
-```ts title="modern.config.ts"
-export default defineConfig({
-  bff: {
-    enableHandleWeb: true,
-  },
-});
-```

package/docs/zh/apis/app/hooks/api/middleware.mdx DELETED Viewed

@@ -1,11 +0,0 @@
----
-title: _app.[tj]s
-sidebar_position: 2
----
-# _app.[tj]s
-该文件可以为 BFF 函数添加前置中间件，详细内容参考 [扩展 BFF Server](/guides/advanced-features/bff/extend-server)。
-:::note
-具体示例请参考 [hook](/apis/app/runtime/bff/hook)。
-:::

package/docs/zh/apis/app/runtime/bff/hook.mdx DELETED Viewed

@@ -1,44 +0,0 @@
----
-title: hook
----
-# hook
-用于在 BFF 函数写法下添加框架中间件，添加的中间件的执行会在 BFF 函数定义的路由之前。
-## 使用姿势
-根据使用的框架拓展插件，从对应的命名空间中导出：
-```ts
-import { hook } from '@modern-js/runtime/{namespace}';
-```
-## 函数签名
-```ts
-type HookOptions = {
-  addMiddleware: string | function;
-};
-function hook(options: HookOptions): void;
-```
-### 参数
-- `options`: Modern.js 提供的一系列钩子。
-  - `addMiddleware`: 添加 BFF 中间件的钩子。
-## 示例
-使用不同的框架，应添加不同框架的中间件（示例为使用 koa 框架时）：
-```ts title=api/_app.ts
-import { hook } from '@modern-js/runtime/koa';
-export default hook(({ addMiddleware }) => {
-  addMiddleware(async (ctx, next) => {
-    ctx.req.query.id = 'koa';
-    await next();
-  });
-});
-```

package/docs/zh/apis/app/runtime/bff/use-context.mdx DELETED Viewed

@@ -1,38 +0,0 @@
----
-title: useContext
----
-# useContext
-用于在一体化 BFF 函数中获取请求上下文。
-## 使用姿势
-根据使用的框架拓展插件，从对应的命名空间中导出：
-```ts
-import { useContext } from '@modern-js/runtime/{namespace}';
-```
-## 函数签名
-`function useContext(): any`
-## 示例
-开发者可以通过 `context` 获取更多的请求信息，例如获取请求 UA（示例为使用 koa 框架时）：
-```ts
-import { useContext } from '@modern-js/runtime/koa';
-export async function get() {
-  const ctx = useContext();
-  return ctx.req.headers['user-agent'];
-}
-```
-:::caution 注意
-只有在一体化 BFF 函数中，你才可以使用 `useContext` API 。
-:::
-使用不同的运行时框架时，虽然均支持 `useContext` API，但它们的返回值的类型是不同的。

package/docs/zh/configure/app/bff/enable-handle-web.mdx DELETED Viewed

@@ -1,24 +0,0 @@
----
-title: enableHandleWeb
----
-# bff.enableHandleWeb
-- **类型：** `boolean`
-- **默认值：** `false`
-import EnableBFFCaution from "@site-docs/components/enable-bff-caution";
-<EnableBFFCaution />
-默认情况下，BFF 服务只能处理 BFF API 的请求。
-当该值设置为 `true` 时，页面请求流量也会经过 BFF，并且 Modern.js 内置的页面渲染的逻辑默认会作为 BFF 服务的最后一个中间件运行。
-```ts title="modern.config.ts"
-export default defineConfig({
-  bff: {
-    enableHandleWeb: true,
-  },
-});
-```