chore: update tooling config

Signed-off-by: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>

Author: vitormattos

.eslintrc.js

@@ -11,11 +11,23 @@ module.exports = {
   extends: [
     'plugin:vue/essential',
     'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
   ],
   parserOptions: {
-    parser: '@babel/eslint-parser',
-    requireConfigFile: false,
+    parser: '@typescript-eslint/parser',
+    ecmaVersion: 2021,
+    sourceType: 'module',
   },
+  parser: 'vue-eslint-parser',
+  overrides: [
+    {
+      files: ['tests/**/*.ts'],
+      env: {
+        'vitest/globals': true,
+      },
+      plugins: ['vitest'],
+    },
+  ],
   rules: {
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',

.npmignore

@@ -4,12 +4,16 @@
 # Source files
 src/
 examples/
+tests/
 
 # Config files
 .babelrc
 .eslintrc.js
-vue.config.js
+env.d.ts
 postcss.config.js
+tsconfig.json
+vite.config.ts
+vitest.config.ts
 REUSE.toml
 LICENSES/
 CONTRIBUTING.md

REUSE.toml

@@ -12,11 +12,15 @@ default-copyright = "2025 LibreCode coop and contributors"
 path = [
     ".babelrc",
     ".eslintrc.js",
+    "env.d.ts",
     "package.json",
     "package-lock.json",
     "postcss.config.js",
-    "vue.config.js",
+    "tsconfig.json",
+    "vite.config.ts",
+    "vitest.config.ts",
     "examples/**",
+    "tests/**",
     "dist/**",
 ]
 precedence = "aggregate"

env.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

package.json

@@ -1,11 +1,18 @@
 {
   "name": "@libresign/pdf-elements",
-  "description": "PDF viewer with draggable and resizable element overlays for Vue 2",
+  "description": "PDF viewer with draggable and resizable element overlays for Vue 3",
   "version": "0.4.0",
   "author": "LibreCode <contact@librecode.coop>",
   "private": false,
-  "main": "dist/pdf-elements.umd.js",
-  "module": "dist/pdf-elements.esm.js",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/LibreSign/pdf-elements"
@@ -21,31 +28,41 @@
     "draggable",
     "resizable",
     "libresign",
-    "vue2"
+    "vue3"
   ],
   "scripts": {
-    "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "build:lib": "vue-cli-service build --target lib --name pdf-elements src/index.js",
-    "lint": "vue-cli-service lint --no-fix",
-    "lint:fix": "vue-cli-service lint"
+    "dev": "vite",
+    "build": "vite build",
+    "build:report": "vite build --mode report",
+    "build:demo": "vite build --mode demo",
+    "preview:demo": "vite preview --outDir dist-demo",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "lint": "eslint . --ext .vue,.ts,.js --max-warnings=0",
+    "lint:fix": "eslint . --ext .vue,.ts,.js --fix"
   },
   "dependencies": {
-    "pdfjs-dist": "^5.4.530",
-    "vue": "^2.7.16"
+    "pdfjs-dist": "^5.4.624",
+    "vue": "^3.5.28"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.6",
-    "@babel/eslint-parser": "^7.28.6",
-    "@babel/plugin-transform-private-methods": "^7.28.6",
     "@nextcloud/browserslist-config": "^3.1.2",
-    "@vue/cli-plugin-babel": "^5.0.9",
-    "@vue/cli-plugin-eslint": "^5.0.9",
-    "@vue/cli-service": "^5.0.9",
-    "eslint": "^8.57.1",
-    "eslint-plugin-vue": "^9.24.0",
+    "@typescript-eslint/eslint-plugin": "^8.56.0",
+    "@typescript-eslint/parser": "^8.56.0",
+    "@vitejs/plugin-vue": "^6.0.4",
+    "eslint": "^9.0.0",
+    "eslint-plugin-vue": "^10.8.0",
+    "eslint-plugin-vitest": "^0.5.4",
+    "happy-dom": "^20.7.0",
     "postcss": "^8.5.6",
-    "vue-template-compiler": "^2.7.16"
+    "rollup-plugin-visualizer": "^7.0.0",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.0.18",
+    "@vue/test-utils": "^2.4.6",
+    "vue-eslint-parser": "^10.4.0",
+    "vue-tsc": "^3.2.4"
   },
   "browserslist": [
     "extends @nextcloud/browserslist-config"
@@ -56,5 +73,6 @@
     "COPYING",
     "README.md"
   ],
+  "sideEffects": false,
   "license": "AGPL-3.0-or-later"
 }

tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "jsx": "preserve",
+    "strict": false,
+    "noImplicitAny": false,
+    "skipLibCheck": true,
+    "useDefineForClassFields": true,
+    "resolveJsonModule": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "types": ["vite/client", "vitest/globals"]
+  },
+  "include": ["env.d.ts", "src", "examples", "tests"]
+}

vite.config.ts

@@ -0,0 +1,65 @@
+// SPDX-FileCopyrightText: 2026 LibreCode coop and contributors
+// SPDX-License-Identifier: AGPL-3.0-or-later
+
+import path from 'node:path'
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import dts from 'vite-plugin-dts'
+
+export default defineConfig(async ({ command, mode }) => {
+  const isDemo = command === 'serve' || mode === 'demo'
+  const plugins = [vue()]
+
+  if (!isDemo) {
+    plugins.push(
+      dts({
+        entryRoot: 'src',
+        outDir: 'dist',
+        insertTypesEntry: true,
+        include: ['src'],
+        exclude: ['examples', 'tests'],
+      })
+    )
+  }
+
+  if (mode === 'report') {
+    const { visualizer } = await import('rollup-plugin-visualizer')
+    plugins.push(
+      visualizer({
+        filename: 'dist/bundle-report.html',
+        gzipSize: true,
+        brotliSize: true,
+        open: false,
+      })
+    )
+  }
+
+  return {
+    root: isDemo ? 'examples' : undefined,
+    server: {
+      host: '0.0.0.0',
+    },
+    plugins,
+    build: isDemo
+      ? {
+          outDir: path.resolve(__dirname, 'dist-demo'),
+          emptyOutDir: true,
+        }
+      : {
+          lib: {
+            entry: path.resolve(__dirname, 'src/index.ts'),
+            name: 'PDFElements',
+            formats: ['es'],
+            fileName: 'index',
+          },
+          rollupOptions: {
+            external: ['vue'],
+            output: {
+              globals: {
+                vue: 'Vue',
+              },
+            },
+          },
+        },
+  }
+})

vitest.config.ts

@@ -0,0 +1,13 @@
+// SPDX-FileCopyrightText: 2026 LibreCode coop and contributors
+// SPDX-License-Identifier: AGPL-3.0-or-later
+
+import { defineConfig } from 'vitest/config'
+import vue from '@vitejs/plugin-vue'
+
+export default defineConfig({
+  plugins: [vue()],
+  test: {
+    environment: 'happy-dom',
+    include: ['tests/**/*.spec.ts'],
+  },
+})