9 |
12 |
15 |
16 | );
17 | };
18 |
19 | export default App;
20 |
--------------------------------------------------------------------------------
/examples/rsbuild-minimal/src/button.css:
--------------------------------------------------------------------------------
1 | .button {
2 | display: flex;
3 | min-height: 100vh;
4 | line-height: 1.1;
5 | text-align: center;
6 | flex-direction: column;
7 | justify-content: center;
8 | }
9 |
10 |
--------------------------------------------------------------------------------
/examples/rsbuild-minimal/src/env.d.ts:
--------------------------------------------------------------------------------
1 | /// Rsbuild with React
10 |Start building amazing things with Rsbuild.
11 |Title:{name}
12 |Content
13 | , 14 | 15 | 16 | ); 17 | } 18 | -------------------------------------------------------------------------------- /examples/rspack-banner-minimal/src/Footer/index.tsx: -------------------------------------------------------------------------------- 1 | import { Layout } from '@arco-design/web-react'; 2 | import { FooterProps } from '@arco-design/web-react/es/Layout/interface'; 3 | import cs from 'classnames'; 4 | import React from 'react'; 5 | import styles from './style/index.module.less'; 6 | 7 | function Footer(props: FooterProps = {}) { 8 | const { className, ...restProps } = props; 9 | return ( 10 |标题{name}
12 |内容
13 | , 14 | 15 | 16 | ); 17 | } 18 | -------------------------------------------------------------------------------- /examples/rspack-banner-minimal/src/declaration.d.ts: -------------------------------------------------------------------------------- 1 | declare module '*.svg' { 2 | const content: React.FunctionComponent标题{name}
12 |内容
13 | , 14 | 15 | 16 | ); 17 | } 18 | -------------------------------------------------------------------------------- /examples/rspack-layers-minimal/src/Footer/index.tsx: -------------------------------------------------------------------------------- 1 | import { Layout } from '@arco-design/web-react'; 2 | import { FooterProps } from '@arco-design/web-react/es/Layout/interface'; 3 | import cs from 'classnames'; 4 | import React from 'react'; 5 | import styles from './style/index.module.less'; 6 | 7 | function Footer(props: FooterProps = {}) { 8 | const { className, ...restProps } = props; 9 | return ( 10 |标题{name}
12 |内容
13 | , 14 | 15 | 16 | ); 17 | } 18 | -------------------------------------------------------------------------------- /examples/rspack-layers-minimal/src/declaration.d.ts: -------------------------------------------------------------------------------- 1 | declare module '*.svg' { 2 | const content: React.FunctionComponent标题{name}
12 |内容
13 | , 14 | 15 | 16 | ); 17 | } 18 | -------------------------------------------------------------------------------- /examples/rspack-minimal/src/Footer/index.tsx: -------------------------------------------------------------------------------- 1 | import { Layout } from '@arco-design/web-react' 2 | import { FooterProps } from '@arco-design/web-react/es/Layout/interface' 3 | import cs from 'classnames' 4 | import React from 'react' 5 | import styles from './style/index.module.less' 6 | 7 | function Footer(props: FooterProps = {}) { 8 | const { className, ...restProps } = props 9 | return ( 10 |标题{name}
12 |内容
13 | , 14 | 15 | 16 | ); 17 | } 18 | -------------------------------------------------------------------------------- /examples/rspack-minimal/src/declaration.d.ts: -------------------------------------------------------------------------------- 1 | declare module '*.svg' { 2 | const content: React.FunctionComponentTest Text
'));
11 | print(highlight?.('const abc = 123;'));
12 |
--------------------------------------------------------------------------------
/examples/webpack-minimal/src/style.css:
--------------------------------------------------------------------------------
1 | body {
2 | background: green;
3 | font-family: "Open Sans";
4 | }
--------------------------------------------------------------------------------
/examples/webpack-minimal/src/types.ts:
--------------------------------------------------------------------------------
1 | declare module '@babel/highlight';
2 |
--------------------------------------------------------------------------------
/examples/webpack-minimal/src/typings/assetsDefinition.d.ts:
--------------------------------------------------------------------------------
1 | declare module '*.png';
2 | declare module '*.jpg';
3 | declare module '*.svg';
4 | declare module '*.jpeg';
5 | declare module '*.gif';
6 | declare module '*.webp';
7 | declare module '*.ttf';
8 | declare module '*.woff';
9 | declare module '*.woff2';
10 | declare module '*.scss';
11 | declare module '*.less';
12 | declare module '*.css';
13 | declare module '*?__inline';
14 | declare module '*?__inline=true';
15 | declare module '*?__inline=false';
16 |
17 |
--------------------------------------------------------------------------------
/examples/webpack-minimal/src/utils.ts:
--------------------------------------------------------------------------------
1 | import highlight from '@babel/highlight';
2 |
3 | export { highlight };
4 | export const key1 = '123';
5 | export const key2 = '123';
6 |
7 | console.log(key2);
8 |
--------------------------------------------------------------------------------
/examples/webpack-minimal/src/utils/index.ts:
--------------------------------------------------------------------------------
1 | import { Linter } from '@rsdoctor/types';
2 |
3 | export function toSeverity(input: Linter.SeverityInput, defaultLevel: Linter.Severity): Linter.Severity {
4 | if (input === 'off') {
5 | return Linter.Severity.Ignore;
6 | }
7 |
8 | if (input === 'on') {
9 | return defaultLevel;
10 | }
11 |
12 | const key = `${input[0].toUpperCase()}${input.slice(1)}` as Linter.SeverityString;
13 | return Linter.Severity[key] as Linter.Severity;
14 | }
15 |
--------------------------------------------------------------------------------
/examples/webpack-minimal/src/utils/utils.js:
--------------------------------------------------------------------------------
1 | const container = document.createElement("div");
2 | Object.assign(container.style, {
3 | display: "flex",
4 | justifyContent: "center"
5 | });
6 | document.body.appendChild(container);
7 |
8 | export function createImageElement(title, src) {
9 | const div = document.createElement("div");
10 | div.style.textAlign = "center";
11 |
12 | const h2 = document.createElement("h2");
13 | h2.textContent = title;
14 | div.appendChild(h2);
15 |
16 | const img = document.createElement("img");
17 | img.setAttribute("src", src);
18 | img.setAttribute("width", "150");
19 | div.appendChild(img);
20 |
21 | container.appendChild(div);
22 | }
--------------------------------------------------------------------------------
/examples/webpack-minimal/src/utils2.ts:
--------------------------------------------------------------------------------
1 | export * as utils6 from './utils6';
2 |
3 | export * from './utils';
4 | export * from './utils4';
5 | export * from './html';
6 |
--------------------------------------------------------------------------------
/examples/webpack-minimal/src/utils3.ts:
--------------------------------------------------------------------------------
1 | import { key1 } from './utils';
2 |
3 | export const key3 = key1 + 1;
4 |
--------------------------------------------------------------------------------
/examples/webpack-minimal/src/utils4.ts:
--------------------------------------------------------------------------------
1 | export * from './utils5';
2 |
--------------------------------------------------------------------------------
/examples/webpack-minimal/src/utils5.ts:
--------------------------------------------------------------------------------
1 | export * from './utils6';
2 |
--------------------------------------------------------------------------------
/examples/webpack-minimal/src/utils6.ts:
--------------------------------------------------------------------------------
1 | export const key6 = 'key6';
2 |
--------------------------------------------------------------------------------
/examples/webpack-minimal/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "@rsdoctor/tsconfig/base",
3 | "include": ["src", "webpack.config.ts"],
4 | "compilerOptions": {
5 | "outDir": "dist",
6 | "baseUrl": ".",
7 | "module": "ESNext"
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/nx.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "./node_modules/nx/schemas/nx-schema.json",
3 | "namedInputs": {
4 | "default": ["{projectRoot}/src/**/*"],
5 | "build": [
6 | "default",
7 | "!{projectRoot}/**/*.{md,mdx}",
8 | "{projectRoot}/tsconfig.json",
9 | "{projectRoot}/package.json",
10 | "{projectRoot}/modern.config.*",
11 | "{projectRoot}/scripts/**/*"
12 | ]
13 | },
14 | "targetDefaults": {
15 | "build": {
16 | "cache": true,
17 | "dependsOn": ["^build"],
18 | "inputs": ["build", "^build"]
19 | }
20 | },
21 | "defaultBase": "main"
22 | }
23 |
--------------------------------------------------------------------------------
/packages/ai/.env.sample:
--------------------------------------------------------------------------------
1 | ## openai
2 | OPENAI_API_KEY="xxx"
3 | OPENAI_BASE_URL="xxx"
4 | OPENAI_MODEL_NAME="gpt-4o-2024-08-06"
5 |
6 | ## coze
7 | COZE_API_TOKEN="yyy"
8 | COZE_BOT_ID="yyy"
9 | COZE_COM_BASE_URL="yyy"
--------------------------------------------------------------------------------
/packages/ai/.gitignore:
--------------------------------------------------------------------------------
1 | # Local
2 | .DS_Store
3 | *.local
4 | *.log*
5 | logs/
6 |
7 | # Dist
8 | node_modules
9 | dist/
10 |
11 | # IDE
12 | .vscode/*
13 | !.vscode/extensions.json
14 | .idea
15 |
16 | # env
17 | .env
18 | .env.*
19 | !.env.sample
20 |
--------------------------------------------------------------------------------
/packages/ai/bin/rsdoctor-mcp:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env node
2 |
3 | import { runServer } from '../dist/index.js';
4 |
5 |
6 | runServer().catch((error) => {
7 | console.error('Fatal error running server:', error);
8 | process.exit(1);
9 | });
10 |
--------------------------------------------------------------------------------
/packages/ai/rslib.config.ts:
--------------------------------------------------------------------------------
1 | import { defineConfig } from '@rslib/core';
2 |
3 | export default defineConfig({
4 | lib: [
5 | {
6 | source: {
7 | entry: {
8 | index: './src/server/server.ts',
9 | },
10 | tsconfigPath: './tsconfig.build.json',
11 | },
12 | output: {
13 | distPath: {
14 | root: './dist/',
15 | },
16 | },
17 | bundle: true,
18 | dts: false,
19 | format: 'esm',
20 | syntax: 'es2021',
21 | },
22 | ],
23 | output: {
24 | copy: {
25 | patterns: [{ from: 'resources', to: 'resources' }],
26 | },
27 | },
28 | });
29 |
--------------------------------------------------------------------------------
/packages/ai/src/index.ts:
--------------------------------------------------------------------------------
1 | export * from './server/index.js';
2 |
--------------------------------------------------------------------------------
/packages/ai/src/prompt/index.ts:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/web-infra-dev/rsdoctor/4b7a0d6a991fa2c1affa09428fb50e2a1f742c5d/packages/ai/src/prompt/index.ts
--------------------------------------------------------------------------------
/packages/ai/src/schema.ts:
--------------------------------------------------------------------------------
1 | import z from 'zod';
2 |
3 | export const SizeSchema = z.object({
4 | sourceSize: z.number(),
5 | transformedSize: z.number(),
6 | parsedSize: z.number(),
7 | });
8 |
9 | export const DependenciesSchema = z.object({
10 | name: z.string(),
11 | root: z.string(),
12 | version: z.string(),
13 | size: SizeSchema,
14 | });
15 |
--------------------------------------------------------------------------------
/packages/ai/src/server/index.ts:
--------------------------------------------------------------------------------
1 | import { runServer } from './server.js';
2 |
3 | runServer().catch((error) => {
4 | console.error('Fatal error running server:', error);
5 | process.exit(1);
6 | });
7 |
--------------------------------------------------------------------------------
/packages/ai/src/utils/env.ts:
--------------------------------------------------------------------------------
1 | export const OPENAI_API_KEY = process.env.OPENAI_API_KEY ?? undefined;
2 | export const OPENAI_BASE_URL = process.env.OPENAI_BASE_URL ?? undefined;
3 | export const OPENAI_MODEL_NAME = process.env.OPENAI_MODEL_NAME ?? undefined;
4 | export const OPENAI_INIT_OPTIONS = JSON.parse(
5 | process.env.OPENAI_INIT_OPTIONS ?? '{}',
6 | );
7 |
--------------------------------------------------------------------------------
/packages/ai/src/utils/index.ts:
--------------------------------------------------------------------------------
1 | export * from './chunks.js';
2 |
--------------------------------------------------------------------------------
/packages/ai/tests/index.test.ts:
--------------------------------------------------------------------------------
1 | import { expect, test } from 'vitest';
2 | import { ChatGPT } from './model/openai';
3 |
4 | test('openai chat', async () => {
5 | const instance = new ChatGPT();
6 | const data1 = await import('./fixtures/deps.json');
7 | });
8 |
--------------------------------------------------------------------------------
/packages/ai/tests/model/coze.ts:
--------------------------------------------------------------------------------
1 | // Langchain does not provide a nodejs version of the coze sdk.
2 | // Only python version: https://python.langchain.com/docs/integrations/chat/coze
3 | // So use coze sdk first.
4 |
--------------------------------------------------------------------------------
/packages/ai/tests/socket.test.ts:
--------------------------------------------------------------------------------
1 | import { expect, test } from 'vitest';
2 | import { createSocket, sendRequest } from '../src/server/socket';
3 | import { SDK } from '@rsdoctor/types';
4 |
5 | test('createSocket', async () => {
6 | const res = await sendRequest(SDK.ServerAPI.API.GetChunkGraph, {});
7 | console.log(res);
8 | });
9 |
--------------------------------------------------------------------------------
/packages/ai/tests/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "include": [".", "../vitest.setup.ts"],
4 | "exclude": ["fixtures/**/*"]
5 | }
6 |
--------------------------------------------------------------------------------
/packages/ai/tsconfig.build.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "ES2022",
4 | "module": "Node16",
5 | "moduleResolution": "Node16",
6 | "strict": true,
7 | "esModuleInterop": true,
8 | "skipLibCheck": true,
9 | "forceConsistentCasingInFileNames": true,
10 | "resolveJsonModule": true,
11 | "outDir": "./dist",
12 | "rootDir": "./src",
13 | "paths": {
14 | "@/*": ["./src/*"]
15 | }
16 | },
17 | "include": ["src/**/*.ts"],
18 | "exclude": ["node_modules", "dist", "src/resources/**/*"]
19 | }
20 |
--------------------------------------------------------------------------------
/packages/ai/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "lib": ["ES2021"],
4 | "module": "ESNext",
5 | "noEmit": true,
6 | "strict": true,
7 | "skipLibCheck": true,
8 | "isolatedModules": true,
9 | "resolveJsonModule": true,
10 | "moduleResolution": "bundler",
11 | "useDefineForClassFields": true,
12 | "allowImportingTsExtensions": true,
13 | "paths": {
14 | "@/*": ["./src/*"]
15 | }
16 | },
17 | "include": ["src"]
18 | }
19 |
--------------------------------------------------------------------------------
/packages/ai/vitest.config.ts:
--------------------------------------------------------------------------------
1 | import path from 'node:path';
2 | import { defineConfig } from 'vitest/config';
3 |
4 | export default defineConfig({
5 | // Configure Vitest (https://vitest.dev/config/)
6 | test: {
7 | testTimeout: 500000,
8 | setupFiles: ['dotenv/config'],
9 | alias: {
10 | '@': path.resolve(__dirname, 'src'),
11 | },
12 | },
13 | });
14 |
--------------------------------------------------------------------------------
/packages/cli/README.md:
--------------------------------------------------------------------------------
1 | # @rsdoctor/cli
2 |
3 | This is the CLI of Rsdoctor, you can use the capabilities of this package to open the analysis page without building.
4 |
5 | ```bash
6 | npx @rsdoctor/cli analyze --profile [.rsdoctor/manifest.json filepath]
7 | ```
8 |
9 | ## Documentation
10 |
11 | https://rsdoctor.rs/
12 |
13 | ## Contributing
14 |
15 | Please read the [Contributing Guide](https://github.com/web-infra-dev/rsdoctor/blob/main/CONTRIBUTING.md).
16 |
17 | ## License
18 |
19 | Rsdoctor is [MIT licensed](https://github.com/web-infra-dev/rsdoctor/blob/main/LICENSE).
20 |
--------------------------------------------------------------------------------
/packages/cli/bin/rsdoctor:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env node
2 |
3 | const { execute } = require('../dist/index.js');
4 |
5 | execute();
6 |
--------------------------------------------------------------------------------
/packages/cli/modern.config.ts:
--------------------------------------------------------------------------------
1 | import { baseBuildConfig } from '../../scripts/modern.base.config';
2 |
3 | export default baseBuildConfig;
4 |
--------------------------------------------------------------------------------
/packages/cli/src/commands/index.ts:
--------------------------------------------------------------------------------
1 | export * from './analyze';
2 | export * from './bundle-diff';
3 |
--------------------------------------------------------------------------------
/packages/cli/src/constants.ts:
--------------------------------------------------------------------------------
1 | export enum Commands {
2 | Analyze = 'analyze',
3 | BundleDiff = 'bundle-diff',
4 | }
5 |
6 | export const pkg: {
7 | name: string;
8 | version: string;
9 | bin: Record
14 |
20 | );
21 | };
22 |
23 | export default Overview;
24 |
--------------------------------------------------------------------------------
/packages/components/src/components/Overall/project.module.scss:
--------------------------------------------------------------------------------
1 | .overview {
2 | display: flex;
3 | margin-bottom: 19px;
4 | }
5 |
6 | .title {
7 | display: flex;
8 | justify-content: space-between;
9 | align-items: center;
10 | padding-bottom: 20px;
11 |
12 | .left {
13 | font-size: 16px;
14 | font-weight: 500;
15 | line-height: 24px;
16 | text-align: left;
17 | text-underline-position: from-font;
18 | text-decoration-skip-ink: none;
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/packages/components/src/components/Select/index.scss:
--------------------------------------------------------------------------------
1 | .loader-select {
2 | .ant-select-selector {
3 | width: 300px;
4 | }
5 | }
6 |
7 | .layer-select {
8 | .ant-select-selector {
9 | width: 150px;
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/packages/components/src/components/Status/index.tsx:
--------------------------------------------------------------------------------
1 | export * from './failed';
2 |
--------------------------------------------------------------------------------
/packages/components/src/components/base/index.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * 业务无关的基础组件
3 | */
4 |
5 | export * from './CodeViewer';
6 | export * from './DiffViewer';
7 |
--------------------------------------------------------------------------------
/packages/components/src/components/index.ts:
--------------------------------------------------------------------------------
1 | export * from './Alerts';
2 | export * from './Badge';
3 | export * from './base';
4 | export * from './Card';
5 | export { TimelineCom } from './Charts/TimelineCharts';
6 | export * from './Form/keyword';
7 | export * from './Layout';
8 | export * from './Manifest';
9 | export * from './Overall';
10 | export * from './TextDrawer';
11 |
--------------------------------------------------------------------------------
/packages/components/src/index.ts:
--------------------------------------------------------------------------------
1 | export * from './components';
2 | export * from './utils';
3 | export * as Constants from './constants';
--------------------------------------------------------------------------------
/packages/components/src/modern-app-env.d.ts:
--------------------------------------------------------------------------------
1 | ///
15 |
18 | {icon}
19 | {title}
16 | {description}
17 |
9 |
17 | );
18 | };
19 |
20 | export * from './constants';
21 |
--------------------------------------------------------------------------------
/packages/components/src/pages/Overall/constants.ts:
--------------------------------------------------------------------------------
1 | import { Client } from '@rsdoctor/types';
2 |
3 | export const name = 'Overall';
4 |
5 | export const route = Client.RsdoctorClientRoutes.Overall;
6 |
--------------------------------------------------------------------------------
/packages/components/src/pages/Overall/responsiveLayout.tsx:
--------------------------------------------------------------------------------
1 | import { Flex } from 'antd';
2 | import React from 'react';
3 |
4 | import style from './index.module.scss';
5 |
6 | interface Props {
7 | children: React.ReactNode[];
8 | }
9 |
10 | export const ResponsiveLayout = ({ children }: Props) => {
11 | return (
12 | {e}
15 | ))}
16 | 
8 |
9 | 可以查看下方的产物预警内置规则了解各个规则详情。
10 |
11 | ### 内置规则
12 |
13 | 1. [[E1001] Duplicate Packages](../../guide/rules/rules#e1001-duplicate-packages)
14 | 2. [[E1002] Cross Chunks Package](../../guide/rules/rules#e1002-cross-chunks-package)
15 | 3. [[E1004] ECMA Version Check](../../guide/rules/rules#e1004-ecma-version-check)
16 |
17 | 具体可以查看[内置规则](../../guide/rules/rules)。
18 |
--------------------------------------------------------------------------------
/packages/document/docs/zh/guide/usage/compile-alerts.mdx:
--------------------------------------------------------------------------------
1 | # 编译预警
2 |
3 | 我们还集成了一些基于编译数据做检测的能力，如果本次编译结果中，存在命中了我们定义的[规则](../more/rules)的数据，则会在 **Rsdoctor** 主界面下方出现 `Compile Alerts` 模块，参考下图所示：
4 |
5 | 
6 |
7 | 通过该模块可以比较直观的看到我们项目在编译方面的一些预警信息，有助于我们可以更进一步优化项目的编译性能。
8 |
9 | ## 规则
10 |
11 | 目前编译规则有：
12 |
13 | :::tip
14 | [规则列表](../more/rules)
15 | :::
16 |
17 | - `E1003` Loader 性能检查。[[E1003] Loader Performance Optimization](/guide/rules/rules#e1003-loader-performance-optimization)
18 | - `E1005` 默认导入检查。[[E1005] Default Import Check](/guide/rules/rules#e1005-default-import-check)
19 |
--------------------------------------------------------------------------------
/packages/document/docs/zh/index.md:
--------------------------------------------------------------------------------
1 | ---
2 | pageType: home
3 | titleSuffix: ' - 构建分析工具'
4 | ---
5 |
--------------------------------------------------------------------------------
/packages/document/docs/zh/shared/features-rspack.md:
--------------------------------------------------------------------------------
1 | ```ts
2 | interface RsdoctorRspackPluginFeatures {
3 | /**
4 | * turn off it if you need not to analyze the executions of webpack loaders.
5 | * @default true
6 | */
7 | loader?: boolean;
8 | /**
9 | * turn off it if you need not to analyze the executions of webpack plugins.
10 | * @default true
11 | */
12 | plugins?: boolean;
13 | /**
14 | * turn off it if you need not to analyze the output bundle.
15 | * @default true
16 | */
17 | bundle?: boolean;
18 | /**
19 | * turn on it if you just use lite mode. This mode do not have source codes.
20 | * @default false
21 | * @deprecated
22 | */
23 | lite?: boolean;
24 | }
25 | ```
26 |
--------------------------------------------------------------------------------
/packages/document/docs/zh/shared/mode-intro.md:
--------------------------------------------------------------------------------
1 | - **normal 模式：** 在构建产物目录中生成一个 `.rsdoctor` 文件夹，其中包含各种数据文件，并在报告页面中展示代码。输出目录可以通过 [reportDir](/config/options/options#reportdir) 进行配置。
2 |
3 | - **brief 模式：** 在构建产物目录的 `.rsdoctor` 文件夹中生成一个 HTML 报告文件，所有构建分析数据会整合注入到这个 HTML 文件中，可以通过浏览器打开该 HTML 文件查看报告。brief 模式还有更多配置项，详细信息请参阅：[brief](/config/options/options#brief).
4 |
5 | - **lite 模式：** 基于普通模式，不展示源码和产物代码，仅显示打包后的代码信息。
6 |
--------------------------------------------------------------------------------
/packages/document/theme/components/Copyright.module.scss:
--------------------------------------------------------------------------------
1 | @media (min-width: 640px) {
2 | .copyRight {
3 | padding: 2rem;
4 | }
5 | }
6 |
7 | .copyRight {
8 | bottom: 0;
9 | margin-top: 6rem;
10 | padding-top: 2rem;
11 | padding-bottom: 2rem;
12 | padding-left: 1.5rem;
13 | padding-right: 1.5rem;
14 |
15 | width: 100%;
16 | border-top: 1px solid var(--rp-c-divider-light);
17 | }
18 |
19 | .copyRightInner {
20 | margin: 0 auto;
21 | width: 100%;
22 | text-align: center;
23 | }
24 |
25 | .copyRightText {
26 | font-weight: 400;
27 | font-size: 0.875rem;
28 | color: var(--rp-c-text-2);
29 | }
30 |
--------------------------------------------------------------------------------
/packages/document/theme/components/Copyright.tsx:
--------------------------------------------------------------------------------
1 | import styles from './Copyright.module.scss';
2 |
3 | export const CopyRight = () => {
4 | return (
5 |
16 | );
17 | };
18 |
--------------------------------------------------------------------------------
/packages/document/theme/components/Features.module.scss:
--------------------------------------------------------------------------------
1 | :global {
2 | .max-w-6xl.flex.m-auto {
3 | max-width: 1200px;
4 | }
5 | html.dark {
6 | --rp-home-feature-bg: linear-gradient(
7 | 135deg,
8 | rgba(255, 255, 255, 0),
9 | rgba(255, 255, 255, 0.03)
10 | );
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/packages/document/theme/components/Hero.module.scss:
--------------------------------------------------------------------------------
1 | :global {
2 | .rs-oval {
3 | width: 70% !important;
4 | height: 70% !important;
5 | top: calc(50% + 20px) !important;
6 | left: calc(50% + 5px) !important;
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/packages/document/theme/components/NextSteps.module.scss:
--------------------------------------------------------------------------------
1 | .next-steps {
2 | display: flex;
3 | flex-wrap: wrap;
4 | justify-content: space-between;
5 | margin-top: 3rem;
6 | }
7 |
--------------------------------------------------------------------------------
/packages/document/theme/components/NextSteps.tsx:
--------------------------------------------------------------------------------
1 | import styles from './NextSteps.module.scss';
2 |
3 | const NextSteps = (props: { children?: React.ReactNode }) => {
4 | return {props.children}
;
5 | };
6 |
7 | export default NextSteps;
8 |
--------------------------------------------------------------------------------
/packages/document/theme/components/Step.tsx:
--------------------------------------------------------------------------------
1 | import { useUrl } from '../utils';
2 | import styles from './Step.module.scss';
3 |
4 | const Step = (props: { href: string; title: string; description: string }) => {
5 | return (
6 |
7 | {props.title}
8 |{props.description}
9 | 10 | ); 11 | }; 12 | 13 | export default Step; 14 | -------------------------------------------------------------------------------- /packages/document/theme/components/ToolStack.tsx: -------------------------------------------------------------------------------- 1 | import { containerStyle } from '@rstack-dev/doc-ui/section-style'; 2 | import { ToolStack as BaseToolStack } from '@rstack-dev/doc-ui/tool-stack'; 3 | import { useLang } from 'rspress/runtime'; 4 | 5 | export function ToolStack() { 6 | const lang = useLang(); 7 | return ( 8 |
10 |
16 | );
17 | }
18 |
--------------------------------------------------------------------------------
/packages/document/theme/types.d.ts:
--------------------------------------------------------------------------------
1 | declare module '*.module.scss' {
2 | const classes: { [key: string]: string };
3 | export default classes;
4 | }
5 |
6 | declare module '*.png' {
7 | const value: string;
8 | export default value;
9 | }
10 |
--------------------------------------------------------------------------------
/packages/document/theme/utils.ts:
--------------------------------------------------------------------------------
1 | import { useLang, withBase, usePageData } from 'rspress/runtime';
2 |
3 | export function useUrl(url: string) {
4 | const lang = useLang();
5 | const {
6 | siteData: { lang: defaultLang },
7 | } = usePageData();
8 | return withBase(lang === defaultLang ? url : `/${lang}${url}`);
9 | }
10 |
--------------------------------------------------------------------------------
/packages/document/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "@rsdoctor/tsconfig/base",
3 | "compilerOptions": {
4 | "baseUrl": "./",
5 | "jsx": "react-jsx",
6 | "isolatedModules": true,
7 | "declaration": true,
8 | "composite": true,
9 | "outDir": "dist",
10 | "paths": {
11 | "@zh/*": ["./docs/zh/*"],
12 | "@en/*": ["./docs/en/*"],
13 | "@components/*": ["./theme/components/*"],
14 | "i18n": ["./i18n.json"]
15 | }
16 | },
17 | "mdx": {
18 | "checkMdx": true
19 | },
20 | "include": ["src", "theme", "i18n.json"],
21 | "exclude": ["**/node_modules"],
22 | "references": [
23 | {
24 | "path": "../types/tsconfig.json"
25 | }
26 | ]
27 | }
28 |
--------------------------------------------------------------------------------
/packages/graph/README.md:
--------------------------------------------------------------------------------
1 | # @rsdoctor/graph
2 |
3 | This package is the intermediate data layer of Rsdoctor.
4 |
5 | ## Documentation
6 |
7 | https://rsdoctor.rs/
8 |
9 | ## Contributing
10 |
11 | Please read the [Contributing Guide](https://github.com/web-infra-dev/rsdoctor/blob/main/CONTRIBUTING.md).
12 |
13 | ## License
14 |
15 | Rsdoctor is [MIT licensed](https://github.com/web-infra-dev/rsdoctor/blob/main/LICENSE).
16 |
--------------------------------------------------------------------------------
/packages/graph/modern.config.ts:
--------------------------------------------------------------------------------
1 | import { configWithEsm } from '../../scripts/modern.base.config';
2 |
3 | export default configWithEsm;
4 |
--------------------------------------------------------------------------------
/packages/graph/src/graph/chunk-graph/index.ts:
--------------------------------------------------------------------------------
1 | export * from './chunk';
2 | export * from './graph';
3 | export * from './asset';
4 | export * from './entrypoint';
5 |
--------------------------------------------------------------------------------
/packages/graph/src/graph/index.ts:
--------------------------------------------------------------------------------
1 | export * from './chunk-graph';
2 | export * from './module-graph';
3 | export * from './package-graph';
4 |
--------------------------------------------------------------------------------
/packages/graph/src/graph/module-graph/index.ts:
--------------------------------------------------------------------------------
1 | export * from './dependency';
2 | export * from './module';
3 | export * from './graph';
4 | export * from './statement';
5 | export * from './tree-shaking';
6 | export * from './types';
7 |
--------------------------------------------------------------------------------
/packages/graph/src/graph/module-graph/tree-shaking/index.ts:
--------------------------------------------------------------------------------
1 | export * from './module';
2 | export * from './export';
3 | export * from './variable';
4 | export * from './sideEffect';
5 | export * from './types';
6 |
--------------------------------------------------------------------------------
/packages/graph/src/graph/module-graph/tree-shaking/types.ts:
--------------------------------------------------------------------------------
1 | import type { SDK } from '@rsdoctor/types';
2 |
3 | export type ExportData = SDK.ExportData;
4 | export type ModuleGraphModuleData = SDK.ModuleGraphModuleData;
5 | export type SideEffectData = SDK.SideEffectData;
6 | export type VariableData = SDK.VariableData;
7 |
--------------------------------------------------------------------------------
/packages/graph/src/graph/module-graph/types.ts:
--------------------------------------------------------------------------------
1 | import type { SDK } from '@rsdoctor/types';
2 |
3 | export type ModuleBuildMeta = SDK.ModuleBuildMeta;
4 | export type ModuleSize = SDK.ModuleSize;
5 | export type ModuleSource = SDK.ModuleSource;
6 | export type DependencyBuildMeta = SDK.DependencyBuildMeta;
7 | export type SourcePosition = SDK.SourcePosition;
8 | export type SourceRange = SDK.SourceRange;
9 | export type StatementPosition = SDK.StatementPosition;
10 | export type ModuleData = SDK.ModuleData;
11 | export type DependencyData = SDK.DependencyData;
12 | export type StatementData = SDK.StatementData;
13 | export type ModuleGraphData = SDK.ModuleGraphData;
14 |
--------------------------------------------------------------------------------
/packages/graph/src/graph/package-graph/index.ts:
--------------------------------------------------------------------------------
1 | export * from './dependency';
2 | export * from './graph';
3 | export * from './package';
4 | export * from './types';
5 |
--------------------------------------------------------------------------------
/packages/graph/src/graph/package-graph/types.ts:
--------------------------------------------------------------------------------
1 | import type { SDK } from '@rsdoctor/types';
2 |
3 | export type PackageData = SDK.PackageData;
4 | export type PackageJSONData = SDK.PackageJSONData;
5 | export type PackageBasicData = SDK.PackageBasicData;
6 | export type PackageDependencyData = SDK.PackageDependencyData;
7 | export type GetPackageFile = SDK.GetPackageFile;
8 |
--------------------------------------------------------------------------------
/packages/graph/src/index.ts:
--------------------------------------------------------------------------------
1 | export * from './graph';
2 |
--------------------------------------------------------------------------------
/packages/graph/tests/__snapshots__/utils.test.ts.snap:
--------------------------------------------------------------------------------
1 | // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2 |
3 | exports[`readPackageJson util > readPackageJson util 1`] = `
4 | {
5 | "name": "@lodash/es",
6 | "private": true,
7 | "root": "