chore(vite): Migrate from webpack to vite

.gitignore

@@ -250,3 +250,6 @@ coverage_php
 .phpunit.result.cache
 
 .php-cs-fixer.cache
+
+css/*
+!css/unified-search.css

package.json

@@ -10,17 +10,18 @@
 	"private": true,
 	"homepage": "https://github.com/raimund-schluessler/inventory",
 	"scripts": {
-		"build": "webpack --node-env production --progress",
-		"dev": "webpack --node-env development --progress",
-		"watch": "webpack --node-env development --progress --watch",
+		"build": "vite build --mode production",
+		"dev": "vite build --mode development",
+		"watch": "vite build --mode development --watch",
 		"lint": "eslint --ext .js,.vue src tests",
 		"lint:fix": "eslint --ext .js,.vue src tests --fix",
-		"test": "jest --verbose"
+		"test": "vitest run"
 	},
 	"repository": {
 		"type": "git",
 		"url": "git@github.com:raimund-schluessler/inventory.git"
 	},
+	"type": "module",
 	"bugs": "https://github.com/raimund-schluessler/inventory/issues",
 	"contributors": [],
 	"dependencies": {
@@ -53,67 +54,18 @@
 		"@nextcloud/browserslist-config": "3.0.0",
 		"@nextcloud/eslint-config": "^8.3.0",
 		"@nextcloud/stylelint-config": "2.3.1",
-		"@nextcloud/webpack-vue-config": "github:nextcloud/webpack-vue-config#master",
+		"@nextcloud/vite-config": "^1.2.0",
 		"@vue/test-utils": "^1.3.0",
-		"@vue/vue2-jest": "^29.2.6",
 		"babel-core": "7.0.0-bridge.0",
 		"babel-jest": "29.7.0",
-		"jest": "29.7.0",
-		"jest-environment-jsdom": "29.7.0",
-		"jest-serializer-vue": "3.1.0",
-		"jest-transform-stub": "^2.0.0",
-		"regenerator-runtime": "0.14.1"
+		"happy-dom": "^12.10.3",
+		"regenerator-runtime": "0.14.1",
+		"vitest": "^1.1.0"
 	},
 	"engines": {
 		"node": ">=15.0.0",
 		"npm": ">=7.17.0"
 	},
-	"jest": {
-		"moduleFileExtensions": [
-			"js",
-			"vue"
-		],
-		"moduleNameMapper": {
-			"^@/(.*)$": "<rootDir>/src/$1",
-			"^Assets/(.*)$": "<rootDir>/src/assets/$1",
-			"^Components/(.*)$": "<rootDir>/src/components/$1",
-			"^Directives/(.*)$": "<rootDir>/src/directives/$1",
-			"^Fonts/(.*)$": "<rootDir>/src/fonts/$1",
-			"^Mixins/(.*)$": "<rootDir>/src/mixins/$1",
-			"^Models/(.*)$": "<rootDir>/src/models/$1",
-			"^Store/(.*)$": "<rootDir>/src/store/$1",
-			"^Utils/(.*)$": "<rootDir>/src/utils/$1",
-			"^.+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$": "jest-transform-stub"
-		},
-		"testEnvironment": "jsdom",
-		"transform": {
-			"^.+\\.js$": "<rootDir>/node_modules/babel-jest",
-			".*\\.(vue)$": "<rootDir>/node_modules/@vue/vue2-jest",
-			".+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$": "jest-transform-stub"
-		},
-		"transformIgnorePatterns": [
-			"/node_modules/(?!(.*)/)"
-		],
-		"snapshotSerializers": [
-			"<rootDir>/node_modules/jest-serializer-vue"
-		],
-		"setupFilesAfterEnv": [
-			"./tests/javascript/unit/setup.js"
-		],
-		"coverageDirectory": "./coverage/",
-		"collectCoverage": true,
-		"collectCoverageFrom": [
-			"<rootDir>/src/**/*.{js,vue}",
-			"!**/node_modules/**"
-		],
-		"coverageReporters": [
-			"json",
-			"text",
-			"html",
-			"lcov",
-			"clover"
-		]
-	},
 	"browserslist": [
 		"extends @nextcloud/browserslist-config"
 	]

src/main.js

@@ -25,22 +25,9 @@ import App from './App.vue'
 import router from './router.js'
 import store from './store/store.js'
 
-import { linkTo } from '@nextcloud/router'
-
 import Vue from 'vue'
 import { sync } from 'vuex-router-sync'
 
-// CSP config for webpack dynamic chunk loading
-// eslint-disable-next-line
-__webpack_nonce__ = btoa(OC.requestToken)
-
-// Correct the root of the app for chunk loading
-// OC.linkTo matches the apps folders
-// OC.generateUrl ensure the index.php (or not)
-// We do not want the index.php since we're loading files
-// eslint-disable-next-line
-__webpack_public_path__ = linkTo('inventory', 'js/')
-
 sync(store, router)
 
 if (!OCA.Inventory) {

templates/main.php

@@ -1,3 +1,4 @@
 <?php
 
 script('inventory', 'inventory-main');
+style('inventory', 'inventory-main');

tests/javascript/unit/.eslintrc.js → tests/javascript/unit/.eslintrc.cjs

@@ -1,7 +1,4 @@
 module.exports = {
-	env: {
-		jest: true,
-	},
 	// Do to https://github.com/benmosher/eslint-plugin-import/issues/1451
 	rules: {
 		'n/no-missing-import': ['off'],

tests/javascript/unit/components/EntityTable/EntityTable.spec.js

@@ -1,5 +1,6 @@
 import { mount, shallowMount, RouterLinkStub } from '@vue/test-utils'
-import EntityTable from 'Components/EntityTable/EntityTable.vue'
+import EntityTable from '../../../../../src/components/EntityTable/EntityTable.vue'
+import { describe, expect, it } from 'vitest'
 
 import { store, localVue } from '../../setupStore.js'
 

tests/javascript/unit/setupStore.js

@@ -1,8 +1,8 @@
 import { createLocalVue } from '@vue/test-utils'
 import Vuex from 'vuex'
 
-import store from 'Store/store'
-import Item from 'Models/item'
+import store from '../../../src/store/store.js'
+import Item from '../../../src/models/item.js'
 
 const localVue = createLocalVue()
 localVue.use(Vuex)

vite.config.mjs

@@ -0,0 +1,30 @@
+import { createAppConfig } from '@nextcloud/vite-config'
+import { defineConfig } from 'vite'
+import { resolve } from 'node:path'
+
+const config = defineConfig({
+  build: {
+    sourcemap: false, // disabled, otherwise vite runs out of memory
+  },
+  test: {
+    coverage: {
+      include: ['src/**'],
+      provider: 'istanbul',
+      reporter: ['lcov', 'text'],
+    },
+    environment: 'happy-dom',
+    setupFiles: resolve(__dirname, './tests/javascript/unit/setup.js'),
+    alias: [{ find: /^vue$/, replacement: 'vue/dist/vue.runtime.common.js' }],
+    server: {
+      deps: {
+        inline: ['@nextcloud/vue'],
+      }
+    },
+  },
+})
+
+export default createAppConfig({
+	main: 'src/main.js',
+}, {
+  config
+})