@modern-js/main-doc 0.0.0-nightly-20240817170640 → 0.0.0-nightly-20240819170736

package/docs/en/apis/app/runtime/web-server/unstable_middleware.mdx

@@ -92,7 +92,7 @@ import {
 } from '@modern-js/runtime/server';
 import type { Vars } from '../shared/index';
 
-const setPayload: UnstableMiddleware = async (
+const setPayload: UnstableMiddlewaree<Vars> = async (
   c: UnstableMiddlewareContext<Vars>,
   next,
 ) => {
@@ -101,7 +101,7 @@ const setPayload: UnstableMiddleware = async (
   await next();
 };
 
-export const unstableMiddleware: UnstableMiddleware[] = [setPayload];
+export const unstableMiddleware: UnstableMiddleware<Vars>[] = [setPayload];
 ```
 
 ```ts title="src/routes/page.data.ts"

package/docs/zh/apis/app/runtime/web-server/unstable_middleware.mdx

@@ -91,7 +91,7 @@ import {
 } from '@modern-js/runtime/server';
 import type { Vars } from '../shared/index';
 
-const setPayload: UnstableMiddleware = async (
+const setPayload: UnstableMiddleware<Vars> = async (
   c: UnstableMiddlewareContext<Vars>,
   next,
 ) => {
@@ -100,7 +100,7 @@ const setPayload: UnstableMiddleware = async (
   await next();
 };
 
-export const unstableMiddleware: UnstableMiddleware[] = [setPayload];
+export const unstableMiddleware: UnstableMiddleware<Vars>[] = [setPayload];
 ```
 
 ```ts title="src/routes/page.data.ts"

package/package.json

@@ -15,17 +15,17 @@
     "modern",
     "modern.js"
   ],
-  "version": "0.0.0-nightly-20240817170640",
+  "version": "0.0.0-nightly-20240819170736",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public",
     "provenance": true
   },
   "dependencies": {
-    "@modern-js/sandpack-react": "0.0.0-nightly-20240817170640"
+    "@modern-js/sandpack-react": "0.0.0-nightly-20240819170736"
   },
   "peerDependencies": {
-    "@modern-js/builder-doc": "0.0.0-nightly-20240817170640"
+    "@modern-js/builder-doc": "0.0.0-nightly-20240819170736"
   },
   "devDependencies": {
     "@rspress/shared": "1.27.0",
@@ -39,7 +39,7 @@
     "rspress": "1.27.0",
     "ts-node": "^10.9.1",
     "typescript": "^5",
-    "@modern-js/builder-doc": "0.0.0-nightly-20240817170640"
+    "@modern-js/builder-doc": "0.0.0-nightly-20240819170736"
   },
   "scripts": {
     "dev": "rspress dev",

package/rspress.config.ts

@@ -1,6 +1,6 @@
 import path from 'path';
 import { defineConfig } from 'rspress/config';
-import { NavItem } from '@rspress/shared';
+import type { NavItem } from '@rspress/shared';
 
 const { version } = require('./package.json');
 

package/src/components/ContentCard/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import cl from 'classnames';
 import { withBase } from 'rspress/runtime';
 import styles from './index.module.scss';

package/src/components/FeatureLayout/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import styles from './index.module.css';
 
 export const FeatureLayout: React.FC<{ children: React.ReactNode }> = ({

package/src/components/Footer/index.tsx

@@ -103,8 +103,8 @@ export default function Footer() {
     },
   ];
 
-  const Links = links.map((linkItem, i) => (
-    <div className={styles.linkWrapper} key={i}>
+  const Links = links.map(linkItem => (
+    <div className={styles.linkWrapper} key={linkItem.title}>
       <div className={styles.linkTitle}>{linkItem.title}</div>
       <ul className={styles.items}>
         {linkItem.items.map((item, key) => (

package/src/components/ListCard/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import { withBase } from 'rspress/runtime';
 import styles from './index.module.css';
 

package/src/components/Sandpack/index.tsx

@@ -1,5 +1,7 @@
-import ModernSandpack, { ModernSandpackProps } from '@modern-js/sandpack-react';
-import React, { PropsWithChildren } from 'react';
+import ModernSandpack, {
+  type ModernSandpackProps,
+} from '@modern-js/sandpack-react';
+import React, { type PropsWithChildren } from 'react';
 import { useDark, NoSSR } from 'rspress/runtime';
 
 import './index.css';

package/src/components/SecondaryTitle/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import styles from './index.module.css';
 
 interface ITitleProps {

package/src/i18n/zhCN.ts

@@ -1,4 +1,4 @@
-import { EN_US } from './enUS';
+import type { EN_US } from './enUS';
 
 export const ZH_CN: Record<keyof typeof EN_US, string> = {
   introduction: '介绍',

package/src/pages/index.tsx

@@ -56,31 +56,37 @@ export default function Home() {
 
   const features = [
     {
+      id: 'feature1',
       title: t('feature1'),
       href: useUrl('/guides/concept/builder'),
       desc: t('featureDesc1'),
     },
     {
+      id: 'feature2',
       title: t('feature2'),
       href: useUrl('/guides/advanced-features/bff/index'),
       desc: t('featureDesc2'),
     },
     {
+      id: 'feature3',
       title: t('feature3'),
       href: useUrl('/guides/basic-features/routes'),
       desc: t('featureDesc3'),
     },
     {
+      id: 'feature4',
       title: t('feature4'),
       href: useUrl('/guides/advanced-features/ssr'),
       desc: t('featureDesc4'),
     },
     {
+      id: 'feature5',
       title: t('feature5'),
       href: useUrl('/guides/basic-features/css'),
       desc: t('featureDesc5'),
     },
     {
+      id: 'feature6',
       title: t('feature6'),
       href: useUrl('/configure/app/usage'),
       desc: t('featureDesc6'),
@@ -90,11 +96,13 @@ export default function Home() {
   const lang = useLang();
   const solutions = [
     {
+      id: 'framework',
       title: 'Modern.js Framework',
       href: useUrl('/guides/get-started/introduction'),
       desc: t('solutionsDesc1'),
     },
     {
+      id: 'module',
       title: 'Modern.js Module',
       href: `https://modernjs.dev/module-tools${lang === 'en' ? '/en' : ''}`,
       desc: t('solutionsDesc2'),
@@ -104,7 +112,7 @@ export default function Home() {
   return (
     <div>
       <Helmet>
-        <html className="dark"></html>
+        <html className="dark" />
         <script>window.MODERN_THEME = 'dark';</script>
         <style type="text/css">{`
           .rspress-doc-appearance {
@@ -117,9 +125,9 @@ export default function Home() {
         <FeatureLayout>
           <SecondaryTitle>{t('solutions')}</SecondaryTitle>
           <div className={styles.cardContainer}>
-            {solutions.map((card, cardIndex) => (
+            {solutions.map(card => (
               <ContentCard
-                key={cardIndex}
+                key={card.id}
                 title={card.title}
                 desc={card.desc}
                 href={card.href}
@@ -141,9 +149,9 @@ export default function Home() {
         <FeatureLayout>
           <SecondaryTitle>Modern.js Framework</SecondaryTitle>
           <div className={styles.cardContainer}>
-            {features.map((card, cardIndex) => (
+            {features.map(card => (
               <ContentCard
-                key={cardIndex}
+                key={card.id}
                 title={card.title}
                 desc={card.desc}
                 href={card.href}