@rsdoctor/docs 0.3.8 → 0.3.10-beta.0

package/docs/en/guide/more/rules.mdx

@@ -1,5 +1,5 @@
 # Rule Index
 
-import RuleIndex from '@src/components/RuleIndex';
+import RuleIndex from '@components/RuleIndex';
 
 <RuleIndex />

package/docs/en/index.md

@@ -13,7 +13,7 @@ hero:
       text: Quick Start
       link: /guide/start/quick-start
   image:
-    src: https://lf3-static.bytednsdoc.com/obj/eden-cn/lognuvj/rsdoctor/logo/rsdoctor.png
+    src: https://assets.rspack.dev/rsdoctor/rsdoctor-logo-960x960.png
     alt: Rsdoctor Logo
 
 features:

package/docs/zh/guide/more/rules.mdx

@@ -1,5 +1,5 @@
 # Rule Index
 
-import RuleIndex from '@src/components/RuleIndex';
+import RuleIndex from '@components/RuleIndex';
 
 <RuleIndex />

package/docs/zh/index.md

@@ -13,7 +13,7 @@ hero:
       text: 快速开始
       link: /zh/guide/start/quick-start
   image:
-    src: https://lf3-static.bytednsdoc.com/obj/eden-cn/lognuvj/rsdoctor/logo/rsdoctor.png
+    src: https://assets.rspack.dev/rsdoctor/rsdoctor-logo-960x960.png
     alt: Rsdoctor Logo
 
 features:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsdoctor/docs",
-  "version": "0.3.8",
+  "version": "0.3.10-beta.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/web-infra-dev/rsdoctor",
@@ -24,18 +24,16 @@
     "@types/react-dom": "^18",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "rsbuild-plugin-google-analytics": "^1.0.0",
-    "rsbuild-plugin-open-graph": "1.0.0",
+    "rsbuild-plugin-google-analytics": "^1.0.1",
+    "rsbuild-plugin-open-graph": "^1.0.1",
     "rspress-plugin-font-open-sans": "^1.0.0",
     "typescript": "^5.2.2",
-    "@rsdoctor/types": "0.3.8"
+    "@rsdoctor/types": "0.3.10-beta.0"
   },
   "dependencies": {
-    "framer-motion": "^10.18.0",
     "react-markdown": "^9.0.1",
-    "rsfamily-nav-icon": "^1.0.3",
-    "rspress": "^1.25.1",
-    "tailwindcss": "^3.4.0"
+    "rsfamily-doc-ui": "^1.0.3",
+    "rspress": "^1.26.1"
   },
   "scripts": {
     "dev": "rspress dev",

package/src/components/NextSteps.module.scss

@@ -1,6 +0,0 @@
-.next-steps {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  margin-top: 3rem;
-}

package/src/components/NextSteps.tsx

@@ -1,7 +0,0 @@
-import styles from './NextSteps.module.scss';
-
-const NextSteps = (props: { children?: React.ReactNode }) => {
-  return <div className={styles.nextSteps}>{props.children}</div>;
-};
-
-export default NextSteps;

package/src/components/Overview.module.scss

@@ -1,61 +0,0 @@
-.root {
-  margin-top: 64px;
-
-  h2 {
-    font-size: 23px;
-    font-weight: 600;
-    line-height: 1;
-    margin: 0 0 20px;
-    color: var(--rp-c-text-1);
-    transition: color 0.5s;
-  }
-
-  a {
-    letter-spacing: -0.01em;
-    margin-bottom: 1em;
-    transition: color 0.5s;
-    margin: 0;
-    font-size: 15px;
-    font-weight: 500;
-    line-height: 2.2;
-    margin-top: 8px;
-    color: var(--rp-c-text-code);
-    opacity: 0.9;
-    transition: color 0.5s;
-    word-break: break-all;
-  }
-
-  a:hover {
-    transition: color 0.5s;
-    color: var(--rp-c-brand-dark);
-  }
-}
-
-.group {
-  break-inside: avoid;
-  margin-bottom: 28px;
-  background-color: var(--rp-c-bg-soft);
-  border-radius: 12px;
-  padding: 28px 32px;
-  transition: background-color 0.5s;
-}
-
-@media (max-width: 768px) {
-  .root a {
-    font-size: 14px;
-  }
-}
-
-@media (min-width: 768px) {
-  .root {
-    columns: 2;
-    min-width: 648px;
-  }
-}
-
-@media (min-width: 1024px) {
-  .root {
-    columns: 3;
-    min-width: 904px;
-  }
-}

package/src/components/Overview.tsx

@@ -1,40 +0,0 @@
-import { NoSSR } from 'rspress/runtime';
-import { useUrl } from '../utils';
-import styles from './Overview.module.scss';
-
-export interface GroupItem {
-  text: string;
-  link: string;
-}
-
-export interface Group {
-  name: string;
-  items: GroupItem[];
-}
-
-declare const OVERVIEW_GROUPS: Group[];
-
-export default function Overview() {
-  const Nodes = OVERVIEW_GROUPS.map((group) => (
-    <>
-      <div className={styles.overviewGroups}>
-        <div className={styles.group}>
-          <h2>{group.name}</h2>
-          <ul>
-            {group.items.map((item) => (
-              <li key={item.text}>
-                <a href={useUrl(item.link)}>{item.text}</a>
-              </li>
-            ))}
-          </ul>
-        </div>
-      </div>
-    </>
-  ));
-
-  return (
-    <NoSSR>
-      <div className={styles.root}>{Nodes}</div>
-    </NoSSR>
-  );
-}

package/src/components/RuleIndex.module.scss

@@ -1,57 +0,0 @@
-.container {
-  display: flex;
-  justify-content: center;
-  align-items: flex-start;
-}
-
-.card {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  position: relative;
-  border-radius: 8px;
-  border: 1px solid var(--rp-c-divider-light);
-  margin-right: 24px;
-  font-size: 14px;
-}
-
-.card-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 24px;
-  border-bottom: 1px solid var(--rp-c-divider-light);
-  height: 55.5px;
-  overflow: hidden;
-  font-weight: bold;
-}
-
-.card-body {
-  padding: 24px;
-}
-
-.list {
-  width: 320px;
-}
-
-.item {
-  margin-bottom: 12px;
-  font-size: 14px;
-  cursor: pointer;
-}
-
-.content {
-  margin-right: 0;
-  min-width: 500px;
-}
-
-.tag {
-  margin: 0 0.2em;
-  padding-inline: 0.4em;
-  padding-block: 0.2em 0.1em;
-  font-size: 85%;
-  background: rgba(150, 150, 150, 0.1);
-  border: 1px solid rgba(100, 100, 100, 0.2);
-  border-radius: 3px;
-  font-weight: bold;
-}

package/src/components/RuleIndex.tsx

@@ -1,75 +0,0 @@
-import { useState } from 'react';
-import ReactMarkdown from 'react-markdown';
-import { Rule } from '@rsdoctor/types';
-import styles from './RuleIndex.module.scss';
-const themeDefault = require('@rspress/core/theme');
-
-const RuleIndex = () => {
-  const rules = Object.values(Rule.RuleErrorMap);
-  const [ruleMessage, setRuleMessage] = useState(rules[0] as Rule.RuleMessage);
-
-  const selectRuleMessage = (message: Rule.RuleMessage) => {
-    setRuleMessage(message);
-  };
-
-  return (
-    <div className={styles.container}>
-      <div className={`${styles.card} ${styles.list}`}>
-        <div className={styles['card-header']}>List of the error codes</div>
-        <div className={styles['card-body']}>
-          {rules.map((item) => (
-            <div
-              className={styles.item}
-              key={item.code}
-              onClick={() => selectRuleMessage(item)}
-              style={{
-                color:
-                  ruleMessage && item.code === ruleMessage.code
-                    ? 'rgb(24, 144, 255)'
-                    : undefined,
-              }}
-            >
-              <span className={styles.tag}>
-                <a>{item.code}</a>
-              </span>
-              <span>{item.title}</span>
-            </div>
-          ))}
-        </div>
-      </div>
-
-      {ruleMessage ? (
-        <div className={`${styles.card} ${styles.content}`}>
-          <div className={styles['card-header']}>
-            <div>
-              <span className={styles.tag}>{ruleMessage.code}</span>
-              <span>{ruleMessage.title}</span>
-            </div>
-            <span className={styles.tag}>{ruleMessage.category}</span>
-          </div>
-          <div className={styles['card-body']} style={{ paddingTop: 0 }}>
-            <ReactMarkdown
-              components={{
-                ...themeDefault.getCustomMDXComponent(),
-                code: (props) => <code {...props} />,
-              }}
-            >
-              {ruleMessage.description}
-            </ReactMarkdown>
-          </div>
-        </div>
-      ) : (
-        <div className={`${styles.card} ${styles.content}`}>
-          <div className={styles['card-header']}>
-            This page lists all the error codes emitted by the Rsdoctor.
-          </div>
-          <div className={styles['card-body']}>
-            click the error code in left bar to show more details.
-          </div>
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default RuleIndex;

package/src/components/Step.module.scss

@@ -1,32 +0,0 @@
-.step {
-  border: 1px solid var(--rp-c-bg-soft);
-  background-color: var(--rp-c-bg-soft);
-  transition:
-    color 0.5s,
-    background-color 0.5s;
-  padding: 28px 36px;
-  border-radius: 8px;
-  flex: 0 32%;
-  font-size: 14px;
-  font-weight: 500;
-
-  &:hover {
-    border-color: var(--rp-c-brand);
-    transition: border-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-  }
-}
-
-.title {
-  font-size: 20px;
-  line-height: 1.4;
-  letter-spacing: -0.02em;
-  margin: 0 0 0.75em !important;
-  display: block;
-}
-
-.description {
-  margin: 0 !important;
-  line-height: 1.7 !important;
-  color: var(--rp-c-text-2);
-  transition: color 0.5s;
-}

package/src/components/Step.tsx

@@ -1,13 +0,0 @@
-import { useUrl } from '../utils';
-import styles from './Step.module.scss';
-
-const Step = (props: { href: string; title: string; description: string }) => {
-  return (
-    <a className={styles.step} href={useUrl(props.href)}>
-      <p className={styles.title}>{props.title}</p>
-      <p className={styles.description}>{props.description}</p>
-    </a>
-  );
-};
-
-export default Step;

package/src/global.d.ts

@@ -1,4 +0,0 @@
-declare module '*.module.scss' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}

package/src/utils.ts

@@ -1,9 +0,0 @@
-import { useLang, withBase, usePageData } from 'rspress/runtime';
-
-export function useUrl(url: string) {
-  const lang = useLang();
-  const {
-    siteData: { lang: defaultLang },
-  } = usePageData();
-  return withBase(lang === defaultLang ? url : `/${lang}${url}`);
-}