fix: doc HMR (#4)

* feat: doc hot load

* feat: build dry run

* feat: recursion publish

* ci: performance optimization

* fix: ci

.github/workflows/test.yaml

@@ -42,9 +42,28 @@ jobs:
       - name: Install dependencies
         run: pnpm install
       - run: pnpm test:type
+  build-dryrun:
+    runs-on: ubuntu-latest
+    name: Build DryRun
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
+        name: Install pnpm
+        with:
+          version: 9
+          run_install: false
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'pnpm'
+      - name: Install dependencies
+        run: pnpm install
+      - run: pnpm build
   pub-dryrun:
     runs-on: ubuntu-latest
-    name: Type Test
+    name: Publish Dry run
     steps:
       - name: Checkout Repository
         uses: actions/checkout@v4
@@ -61,5 +80,5 @@ jobs:
       - name: Install dependencies
         run: pnpm install
       - run: pnpm build
-      - run: pnpm publish --dry-run --access=public --no-git-checks
+      - run: pnpm publish -r --dry-run --access=public --no-git-checks
 

doc/docs/guide/_meta.json

@@ -1 +1,3 @@
-["index"]
+[
+  "index"
+]

doc/docs/guide/basic-usage.tsx

@@ -0,0 +1,7 @@
+import { Button } from '@qwqui/core';
+
+export default function App() {
+  return (
+    <Button />
+  )
+}

doc/docs/guide/index.mdx

@@ -0,0 +1,5 @@
+# Button
+
+This is button
+
+<code src="./basic-usage.tsx" />

doc/package.json

@@ -1,17 +1,23 @@
 {
-  "name": "qwqui-doc",
+  "name": "@qwqui/doc",
   "version": "1.0.0",
   "private": true,
   "scripts": {
     "dev": "rspress dev",
     "build": "rspress build",
-    "preview": "rspress preview"
+    "preview": "rspress preview",
+    "clean:dist": "rimraf doc_build",
+    "clean:deps": "rimraf node_modules"
   },
   "dependencies": {
     "@qwqui/core": "workspace:^",
+    "@qwqui/theme": "workspace:^",
+    "@rspress/plugin-preview": "^1.31.1",
     "rspress": "^1.31.0"
   },
   "devDependencies": {
-    "@types/node": "^16"
+    "@types/node": "^16",
+    "sass-embedded": "^1.79.3",
+    "sass-loader": "^16.0.2"
   }
 }

doc/rspress.config.ts

@@ -1,5 +1,7 @@
 import * as path from 'path';
 import { defineConfig } from 'rspress/config';
+import { pluginPreview } from "@rspress/plugin-preview";
+import { pluginSass } from '@rsbuild/plugin-sass';
 
 export default defineConfig({
   root: path.join(__dirname, 'docs'),
@@ -15,4 +17,20 @@ export default defineConfig({
       { icon: 'github', mode: 'link', content: 'https://github.com/web-infra-dev/rspress' },
     ],
   },
+  plugins: [pluginPreview()],
+  builderConfig: {
+    // plugins: [
+    //   pluginSass()
+    // ],
+    tools: {
+      rspack: {
+        resolve: {
+          alias: {
+            '@qwqui/core': path.join(__dirname, '../packages/components'),
+            '@qwqui/theme': path.join(__dirname, '../packages/theme/index.scss')
+          },
+        },
+      },
+    }
+  }
 });

doc/tsconfig.json

@@ -11,7 +11,12 @@
     "resolveJsonModule": true,
     "moduleResolution": "bundler",
     "useDefineForClassFields": true,
-    "allowImportingTsExtensions": true
+    "allowImportingTsExtensions": true,
+    "paths": {
+      "@qwqui/core": [
+        "../packages/components"
+      ]
+    }
   },
   "include": ["docs", "theme", "rspress.config.ts"],
   "mdx": {

internal/create-core-entry.ts

@@ -10,7 +10,7 @@ function app() {
   const exportStmts = dirs
     .filter(path => !statSync(join(COMPONENT_ROOT, path)).isFile())
     .filter(path => !blackList.some(name => path.includes(name)))
-    .map(dir => `export * from './${dir}'`);
+    .map(dir => `export * from './${dir}/index.ts'`);
   const entites = fg.sync([
     '**/*.scss'
   ], {

package.json

@@ -1,5 +1,6 @@
 {
   "dependencies": {
+    "@microsoft/api-extractor": "^7.47.9",
     "@rsbuild/plugin-sass": "^1.0.1",
     "@rslib/core": "^0.0.8",
     "@swc/jest": "^0.2.36",
@@ -22,7 +23,9 @@
     "build": "pnpm --filter !@qwqui/core build && pnpm --filter @qwqui/core build",
     "clean:dist": "pnpm --filter @qwqui/* clean:dist",
     "clean:deps": "pnpm --filter @qwqui/* clean:deps",
-    "create:comp": "esno internal/create-component.ts"
+    "create:comp": "esno internal/create-component.ts",
+    "dev": "pnpm -C doc dev",
+    "build:site": "pnpm --filter @qwqui/doc build"
   },
   "devDependencies": {
     "@types/jest": "^29.5.13"

packages/build/index.ts

@@ -105,7 +105,7 @@ export const defineBuild = (config: DefineBuildConfig = {}) => {
           ]
         }
       }
-    }
+    },
   })
 }
 

packages/components/button/src/button.tsx

@@ -3,6 +3,8 @@ import './style.scss'
 
 export const Button = () => {
   return (
-    <></>
+    <button>
+      Click!
+    </button>
   )
 }