chore: replace rollup with vite for better dx and hmr for demo pages with player with worker (#43)

* chore: replace rollup with vite for better dx and hmr for demo pages with player with worker

* chore: add main-to-worker mssage tests

* chore: update gitignore

* chore: use node instead of npm script

Author: dzianis-dashkevich

.github/workflows/limit-size.yml

@@ -33,4 +33,4 @@ jobs:
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
           skip_step: build
-          script: npm run size-limit:output-json
+          script: node cli/prepare-size-limit.js

.gitignore

@@ -185,3 +185,4 @@ dist-demo
 .nx/cache
 
 .size-limit-output.json
+.qodo

eslint.config.js

@@ -67,7 +67,6 @@ export default [
     ignores: [
       'node_modules/**',
       '**/node_modules/**',
-      '**/rollup.config.js',
       '**/dist/**',
       '**/dist-api-reference/**',
       '**/dist-demo/**',

package-lock.json

@@ -25,53 +25,47 @@
     "preserve": "npm run prepare-deploy"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.6.0",
+    "@commitlint/cli": "^19.6.1",
     "@commitlint/config-conventional": "^19.6.0",
-    "@eslint/js": "^9.16.0",
-    "@nx/js": "20.1.2",
-    "@rollup/plugin-commonjs": "^28.0.1",
-    "@rollup/plugin-node-resolve": "^15.3.0",
-    "@rollup/plugin-replace": "^6.0.1",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^12.1.1",
+    "@eslint/js": "^9.17.0",
+    "@nx/js": "20.3.1",
     "@size-limit/preset-big-lib": "^11.1.6",
     "@types/eslint__js": "^8.42.3",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.0.4",
+    "@types/react-dom": "^19.0.2",
     "@typestrong/ts-mockito": "^2.7.12",
     "@vitejs/plugin-react": "^4.3.4",
     "@vitest/browser": "^2.1.8",
     "@vitest/coverage-v8": "^2.1.8",
     "@vitest/ui": "^2.1.8",
-    "eslint": "^9.16.0",
+    "eslint": "^9.17.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-jsdoc": "^50.6.0",
+    "eslint-plugin-jsdoc": "^50.6.1",
     "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-react-refresh": "^0.4.16",
     "eslint-plugin-unicorn": "^56.0.1",
     "eslint-plugin-vitest": "^0.5.4",
-    "globals": "^15.13.0",
+    "globals": "^15.14.0",
     "http-server": "^14.1.1",
     "husky": "^9.1.7",
     "jsdom": "^25.0.1",
-    "lint-staged": "^15.2.10",
+    "lint-staged": "^15.3.0",
     "npm-run-all": "^4.1.5",
-    "nx": "20.1.2",
-    "playwright": "^1.49.0",
-    "prettier": "^3.4.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "nx": "20.3.1",
+    "playwright": "^1.49.1",
+    "prettier": "^3.4.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "rimraf": "^6.0.1",
-    "rollup": "^4.28.0",
-    "rollup-plugin-copy": "^3.5.0",
-    "rollup-plugin-dts": "^6.1.1",
-    "rollup-plugin-visualizer": "^5.12.0",
     "size-limit": "^11.1.6",
-    "typedoc": "^0.27.2",
-    "typescript": "~5.7.2",
-    "typescript-eslint": "^8.17.0",
-    "vite": "^6.0.2",
+    "typedoc": "^0.27.6",
+    "typescript": "~5.7.3",
+    "typescript-eslint": "^8.19.1",
+    "vite": "^6.0.7",
+    "vite-plugin-banner": "^0.8.0",
+    "vite-plugin-dts": "^4.4.0",
+    "vite-plugin-static-copy": "^2.2.0",
     "vitest": "^2.1.8"
   }
 }

package.json

@@ -7,10 +7,12 @@
     "clean": "rimraf ./dist ./dist-api-reference ./dist-demo ./*.tgz ./coverage ./node_modules .size-limit-output.json",
     "prebuild": "npm run clean",
     "build": "run-p build:js build:api-reference build:demo",
-    "build:js": "rollup -c rollup.config.js",
+    "build:js": "npm run build:js:prod && npm run build:js:dev",
+    "build:js:prod": "vite build -c vite.lib.prod.config.ts",
+    "build:js:dev": "vite build -c vite.lib.dev.config.ts",
     "build:api-reference": "npx typedoc --options typedoc.json",
-    "build:demo": "vite build",
-    "dev": "vite",
+    "build:demo": "vite build -c vite.demo.config.ts",
+    "dev": "vite -c vite.demo.config.ts",
     "size-limit:verify": "npx size-limit",
     "size-limit:json": "output=$(size-limit --json) && echo \"$output\" > .size-limit-output.json",
     "test": "vitest run",

packages/dash-parser/package.json

@@ -0,0 +1,30 @@
+import packageJson from './package.json';
+import { defineConfig } from 'vite';
+import banner from 'vite-plugin-banner';
+
+export default defineConfig({
+  mode: 'development',
+  plugins: [
+    banner({
+      content: `/**
+ * @license
+ * ${packageJson.name} ${packageJson.version}
+ * Copyright Brightcove, Inc. <https://www.brightcove.com/>
+ * Available under Apache License Version 2.0
+ * <https://github.com/videojs/monorepo/blob/main/LICENSE>
+ */`,
+    }),
+  ],
+  build: {
+    sourcemap: 'inline',
+    outDir: 'dist',
+    emptyOutDir: false,
+    minify: false,
+    lib: {
+      entry: 'src/index.ts',
+      formats: ['cjs', 'es', 'iife'],
+      name: 'DashParserNamespace',
+      fileName: (format) => `${format}/index.debug.js`,
+    },
+  },
+});

packages/dash-parser/rollup.config.js

@@ -0,0 +1,38 @@
+import packageJson from './package.json';
+import { defineConfig } from 'vite';
+import dts from 'vite-plugin-dts';
+import banner from 'vite-plugin-banner';
+import { viteStaticCopy } from 'vite-plugin-static-copy';
+
+export default defineConfig({
+  mode: 'production',
+  plugins: [
+    viteStaticCopy({
+      targets: [
+        {
+          src: '../../LICENSE',
+          dest: './',
+        },
+      ],
+    }),
+    dts({ rollupTypes: true, outDir: 'dist/types', tsconfigPath: 'tsconfig.json' }),
+    banner({
+      content: `/**
+ * @license
+ * ${packageJson.name} ${packageJson.version}
+ * Copyright Brightcove, Inc. <https://www.brightcove.com/>
+ * Available under Apache License Version 2.0
+ * <https://github.com/videojs/monorepo/blob/main/LICENSE>
+ */`,
+    }),
+  ],
+  build: {
+    outDir: 'dist',
+    lib: {
+      entry: 'src/index.ts',
+      formats: ['cjs', 'es', 'iife'],
+      name: 'DashParserNamespace',
+      fileName: (format) => `${format}/index.min.js`,
+    },
+  },
+});