rsbuild

.gitignore

@@ -2,3 +2,4 @@ node_modules
 dist
 *.ps1
 .idea
+.rsbuild

package.json

@@ -1,6 +1,7 @@
 {
   "name": "@pathscale/vue3-ui",
-  "version": "1.0.14",
+  "type": "module",
+  "version": "1.0.15",
   "description": "Very clean Vue3 components styled with love and care.",
   "keywords": [
     "vue",
@@ -19,12 +20,13 @@
   "author": "PathScale (https://vue3.dev/)",
   "contributors": [],
   "sideEffects": false,
-  "main": "dist/bundle.js",
-  "module": "dist/bundle.js",
-  "browser": "dist/bundle-browser.js",
+  "main": "bundle.js",
+  "module": "bundle.js",
+  "browser": "bundle-browser.js",
+  "style": "bundle.css",
   "scripts": {
     "prebuild": "bun run helper/index.ts && shx rm -rf dist",
-    "build": "rollup -c --environment NODE_ENV:production",
+    "build": "rsbuild build",
     "postbuild": "shx cp helper/mappings.json helper/classes.json dist",
     "css-lint": "stylelint src",
     "lint": "eslint --ext .js,.ts,.vue,.md,.html --max-warnings=0 .",
@@ -53,28 +55,26 @@
     "not dead",
     "not OperaMini all"
   ],
+  "dependencies": {
+    "@pathscale/frappe-charts": "^0.0.2",
+    "frappe-charts": "^1.6.2",
+    "vue": "^3.5.13"
+  },
   "devDependencies": {
-    "@babel/core": "^7.26.10",
-    "@babel/eslint-parser": "^7.27.0",
-    "@babel/parser": "^7.27.0",
-    "@babel/traverse": "^7.27.0",
     "@eslint/compat": "^1.2.7",
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.23.0",
-    "@pathscale/frappe-charts": "^0.0.1",
     "@pathscale/rollup-plugin-vue3": "^0.0.4",
-    "@rollup/plugin-node-resolve": "11.0.1",
-    "@rollup/plugin-replace": "2.3.4",
+    "@rsbuild/core": "^1.3.5",
+    "@rsbuild/plugin-node-polyfill": "^1.3.0",
+    "@rsbuild/plugin-vue": "^1.0.7",
+    "@rsdoctor/rspack-plugin": "^1.0.1",
     "@testing-library/jest-dom": "^6.6.3",
-    "@types/babel__traverse": "7.11.0",
     "@types/fs-extra": "9.0.5",
     "@types/node": "*",
     "@types/resolve": "1.17.1",
     "@typescript-eslint/eslint-plugin": "^8.28.0",
     "@typescript-eslint/parser": "^8.28.0",
-    "@vue/cli-plugin-babel": "^5.0.8",
-    "@vue/cli-plugin-unit-jest": "^5.0.8",
-    "@vue/cli-service": "^5.0.8",
     "@vue/compiler-sfc": "3.5.13",
     "@vue/test-utils": "^2.4.6",
     "@vue/vue3-jest": "^27.0.0",
@@ -95,7 +95,6 @@
     "eslint-plugin-sonarjs": "^3.0.2",
     "eslint-plugin-vue": "^10.0.0",
     "fast-glob": "3.2.4",
-    "frappe-charts": "https://github.com/pathscale/charts-frappe#feat/add-candlestick",
     "fs-extra": "9.0.1",
     "globals": "^16.0.0",
     "htmlparser2": "6.0.0",
@@ -106,19 +105,13 @@
     "prettier": "^3.5.3",
     "query-string": "6.13.7",
     "resolve": "1.19.0",
-    "rollup": "2.63.0",
-    "rollup-plugin-node-externals": "2.2.0",
-    "rollup-plugin-styles": "^4.0.0",
-    "rollup-plugin-ts": "^3.4.5",
-    "rollup-plugin-vue": "6.0.0",
     "shx": "0.3.3",
     "stylelint": "13.8.0",
     "stylelint-config-standard": "20.0.0",
     "stylelint-value-no-unknown-custom-properties": "https://github.com/brettz9/stylelint-value-no-unknown-custom-properties#early-published",
     "ts-jest": "^27.1.5",
     "tslib": "^2.8.1",
     "typescript": "^4.9.5",
-    "vue": "^3.5.13",
     "vue-eslint-parser": "^10.1.1",
     "vue3-jest": "^27.0.0-alpha.1"
   },

postcss.config.js

@@ -1,7 +1,7 @@
 'use strict'
 
-const autoprefixer = require('autoprefixer')
+import autoprefixer from 'autoprefixer'
 
-module.exports = {
+export default {
   plugins: [autoprefixer],
 }

rsbuild.config.ts

@@ -0,0 +1,58 @@
+import { defineConfig } from '@rsbuild/core'
+import { pluginVue } from '@rsbuild/plugin-vue'
+import { pluginNodePolyfill } from '@rsbuild/plugin-node-polyfill'
+import pkg from './package.json'
+
+export default defineConfig({
+  tools: {
+    htmlPlugin: false,
+  },
+  plugins: [pluginNodePolyfill(), pluginVue()],
+  output: {
+    filenameHash: false,
+    distPath: {
+      js: '',
+      css: '',
+    },
+  },
+  environments: {
+    web: {
+      resolve: {
+        extensions: ['.vue', '.js', '.css'],
+      },
+      source: {
+        entry: {
+          index: './src/components/index.js',
+        },
+        define: {
+          'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
+        },
+      },
+      output: {
+        target: 'web',
+        filename: {
+          js: pkg.browser,
+          css: pkg.style,
+        },
+        externals: ['vue'],
+      },
+    },
+    node: {
+      plugins: [pluginVue()],
+      resolve: {
+        extensions: ['.vue', '.js'],
+      },
+      source: {
+        entry: {
+          index: './src/components/index.js',
+        },
+      },
+      output: {
+        target: 'node',
+        filename: {
+          js: pkg.module,
+        },
+      },
+    },
+  },
+})

tsconfig.json

@@ -6,6 +6,7 @@
     /* Compile Options */
     "moduleResolution": "node",
     "esModuleInterop": true,
+    "resolveJsonModule": true,
     /* Strict Type-Checking Options */
     "strict": true,
     /* Additional Checks */