fix(react19): support react19, use changesets, use new github workflow

Author: phphe

.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

.changeset/config.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@3.1.2/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "restricted",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

.changeset/kind-coats-mix.md

@@ -0,0 +1,5 @@
+---
+"react-base-virtual-list": patch
+---
+
+fix(react19): support react19, use changesets, use new github workflow

.github/workflows/build.yml

@@ -0,0 +1,52 @@
+name: Publish Package & Docs
+on:
+  push:
+    branches:
+      - main
+
+permissions:
+  contents: write
+  id-token: write
+  pages: write # 必须：部署 Pages 需要
+  statuses: write
+
+jobs:
+  # 任务 1：发布到 npm
+  release:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          registry-url: "https://registry.npmjs.org"
+      - run: pnpm install
+      - name: Create Release PR or Publish
+        id: changesets
+        uses: changesets/action@v1
+        with:
+          publish: pnpm changeset publish --provenance
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+  # 任务 2：部署文档到 GitHub Pages
+  deploy-docs:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+
+      - run: pnpm install
+      - name: Build Docs
+        run: pnpm run demo:build
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: "./dist-demo"
+
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.github/workflows/publish.yml

@@ -10,6 +10,7 @@ lerna-debug.log*
 node_modules
 dist
 dist-ssr
+dist-demo
 *.local
 
 # Editor directories and files

.gitignore

@@ -1,8 +1,8 @@
-# react-base-virtual-list ![GitHub License](https://img.shields.io/github/license/phphe/react-base-virtual-list) ![NPM Version](https://img.shields.io/npm/v/react-base-virtual-list) ![GitHub Actions Workflow Status](https://img.shields.io/github/actions/workflow/status/phphe/react-base-virtual-list/build.yml) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/react-base-virtual-list)
+# react-base-virtual-list ![License](https://img.shields.io/github/license/phphe/react-base-virtual-list) ![NPM Version](https://img.shields.io/npm/v/react-base-virtual-list) ![GitHub Actions Workflow Status](https://img.shields.io/github/actions/workflow/status/phphe/react-base-virtual-list/publish.yml) [![Changelog](https://img.shields.io/badge/changelog-latest-blue.svg)](./CHANGELOG.md)
 
 [中文](README_CN.md)
 
-React basic virtual list, supports common features and is easy to customize. Support React 18, 19. [Online Demo](https://phphe.github.io/react-base-virtual-list/)
+React basic virtual list, supports common features and is easy to customize. Support React 18, 19. [Online Demo](https://phphe.github.io/react-base-virtual-list/) | [Changelog](./CHANGELOG.md)
 
 ## Features
 
@@ -111,7 +111,7 @@ Irrelevant parts are omitted in the above code. `VirtualListHandle` is a `typesc
 interface VirtualListHandle {
   scrollToIndex(
     index: number,
-    block?: "start" | "end" | "center" | "nearest"
+    block?: "start" | "end" | "center" | "nearest",
   ): void;
   getRootElement(): HTMLElement;
   forceUpdate(): void;
@@ -142,10 +142,6 @@ You can also use the following third-party CDN url to include it.
 ## Development
 
 - `lib`: The main files, also the files that are packaged into the library. Running `npm run build` will package the files in this directory into the `dist` folder. The corresponding Vite configuration file is `vite.build.ts`.
-- `src`: The files used for development and debugging. Running `npm run dev` will run the code in this directory in the browser. Running `npm run build:web` will package the code in this directory into the `dist` folder. The corresponding Vite configuration file is `vite.config.ts`.
+- `src`: The files used for development and debugging. Running `npm run dev` will run the code in this directory in the browser. Running `npm run demo:build` will package the code in this directory into the `dist-demo` folder. The corresponding Vite configuration file is `vite.config.ts`.
 - `uno.config.ts`: [unocss](https://github.com/unocss/unocss) configuration file. `unocss` only works in the `src` folder. With the current configuration, you can use `Tailwindcss` style class names.
-- `.github/workflows/build.yml`: Some automated actions performed when publishing to GitHub. You can delete or modify it.
-
-## Changelog
-
-https://github.com/phphe/react-base-virtual-list/releases
+- `.github/workflows/publish.yml`: Some automated actions performed when publishing to GitHub pages and npmjs.com. You can delete or modify it.

README.md

@@ -1,8 +1,8 @@
-# react-base-virtual-list ![GitHub License](https://img.shields.io/github/license/phphe/react-base-virtual-list) ![NPM Version](https://img.shields.io/npm/v/react-base-virtual-list) ![GitHub Actions Workflow Status](https://img.shields.io/github/actions/workflow/status/phphe/react-base-virtual-list/build.yml) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/%40phphe%2Freact-base-virtual-list)
+# react-base-virtual-list ![License](https://img.shields.io/github/license/phphe/react-base-virtual-list) ![NPM Version](https://img.shields.io/npm/v/react-base-virtual-list) ![GitHub Actions Workflow Status](https://img.shields.io/github/actions/workflow/status/phphe/react-base-virtual-list/publish.yml) [![Changelog](https://img.shields.io/badge/changelog-latest-blue.svg)](./CHANGELOG.md)
 
 [English](README.md)
 
-React 基础虚拟列表，实现了常用功能并且易于二次开发。支持React 18, 19。[在线示例](https://phphe.github.io/react-base-virtual-list/)
+React 基础虚拟列表，实现了常用功能并且易于二次开发。支持React 18, 19。[在线示例](https://phphe.github.io/react-base-virtual-list/) | [更新记录](./CHANGELOG.md)
 
 ## 特点
 
@@ -141,10 +141,6 @@ interface VirtualListHandle {
 ## 开发指南
 
 - `lib`: 主要文件，也是打包成库的文件。运行`npm run build`会打包其中的文件到`dist`目录。对应 vite 配置文件为: `vite.build.ts`.
-- `src`: 开发时调试的文件。运行`npm run dev`会在浏览器中运行其中的代码。运行`npm run build:web`会把其中的代码打包到`dist`目录。对应 vite 配置文件为: `vite.config.ts`.
+- `src`: 开发时调试的文件。运行`npm run dev`会在浏览器中运行其中的代码。运行`npm run demo:build`会把其中的代码打包到`dist-demo`目录。对应 vite 配置文件为: `vite.config.ts`.
 - `uno.config.ts`: [unocss](https://github.com/unocss/unocss) 配置文件。`unocss`仅在`src`文件夹生效。当前配置下，你可以使用`Tailwindcss`风格的`class`名。
-- `.github/workflows/build.yml`: 发布到 github 时自动进行的一些操作。你可以删除或者修改。
-
-## 更新日志(changelog)
-
-https://github.com/phphe/react-base-virtual-list/releases
+- `.github/workflows/publish.yml`: 发布到 github pages 和 npmjs.com 时自动进行的一些操作。你可以删除或者修改。

README_CN.md

@@ -29,18 +29,19 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build --config vite.build.js && vite build --config vite.build.js -- --iife && rm -rf dist/src",
-    "build:web": "tsc && vite build",
+    "demo:build": "tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "change": "changeset",
+    "version-packages": "changeset version",
+    "release": "changeset publish"
   },
-  "dependencies": {},
   "peerDependencies": {
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19"
   },
   "devDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "@changesets/cli": "^2.29.8",
     "@types/react": "^18.2.43",
     "@types/react-dom": "^18.2.17",
     "@typescript-eslint/eslint-plugin": "^6.14.0",
@@ -50,9 +51,15 @@
     "eslint": "^8.55.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.5",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "typescript": "^5.2.2",
     "unocss": "^0.58.4",
     "vite": "^5.0.8",
     "vite-plugin-dts": "^3.7.2"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
   }
 }