perf: Switch to vite for bundling

Signed-off-by: Julius Härtl <jus@bitgrid.net>

appinfo/info.xml

@@ -44,7 +44,7 @@ Have a good time and manage whatever you want.
 		<database>pgsql</database>
 		<database>mysql</database>
 		<database>sqlite</database>
-		<nextcloud min-version="25" max-version="29"/>
+		<nextcloud min-version="26" max-version="29"/>
 	</dependencies>
 	<repair-steps>
 		<post-migration>

package.json

@@ -10,14 +10,14 @@
     "url": "https://github.com/nextcloud/tables",
     "type": "git"
   },
+  "type": "module",
   "url": "https://github.com/nextcloud/tables/wiki",
   "license": "agpl",
   "private": true,
   "scripts": {
-    "build": "NODE_ENV=production webpack --progress --config webpack.js",
-    "dev": "NODE_ENV=development webpack --progress --config webpack.js",
-    "watch": "NODE_ENV=development webpack --progress --watch --config webpack.js",
-    "serve": "NODE_ENV=development webpack serve --progress --config webpack.js",
+    "build": "vite --mode production build",
+    "dev": "vite --mode development build",
+    "watch": "vite --mode development build --watch",
     "lint": "eslint --ext .js,.vue src",
     "lint:fix": "eslint --ext .js,.vue src --fix",
     "stylelint": "stylelint 'css/*.css' 'css/*.scss' 'src/**/*.scss' 'src/**/*.vue'",
@@ -57,7 +57,7 @@
     "@nextcloud/cypress": "^1.0.0-beta.7",
     "@nextcloud/eslint-config": "^8.3.0",
     "@nextcloud/stylelint-config": "^2.4.0",
-    "@nextcloud/webpack-vue-config": "^6.0.1",
+    "@nextcloud/vite-config": "^1.2.2",
     "cypress": "^13.6.4",
     "cypress-downloadfile": "^1.2.3"
   }

src/main.js

@@ -27,10 +27,6 @@ import store from './store/store.js'
 import router from './router.js'
 import VuePapaParse from 'vue-papa-parse'
 
-__webpack_nonce__ = btoa(OC.requestToken) // eslint-disable-line
-// eslint-disable-next-line
-__webpack_public_path__ = generateFilePath('tables', '', 'js/')
-
 Vue.mixin({ methods: { t, n } })
 Vue.use(Vuex)
 Vue.use(VuePapaParse)

src/reference.js

@@ -3,9 +3,6 @@ import Vue from 'vue'
 
 import TablesSmartPicker from './views/SmartPicker.vue'
 
-__webpack_nonce__ = btoa(OC.requestToken) // eslint-disable-line
-__webpack_public_path__ = OC.linkTo('tables', 'js/') // eslint-disable-line
-
 registerWidget('tables_link', async (el, { richObjectType, richObject, accessible }) => {
 	const { default: Vue } = await import(/* webpackChunkName: "reference-table-lazy" */'vue')
 	const { default: TableReferenceWidget } = await import(/* webpackChunkName: "reference-table-lazy" */'./views/LinkReferenceWidget.vue')

src/views/SmartPicker.vue

@@ -88,8 +88,6 @@ import IconLink from 'vue-material-design-icons/Link.vue'
 import IconText from 'vue-material-design-icons/Text.vue'
 import IconCheck from 'vue-material-design-icons/Check.vue'
 import { generateUrl } from '@nextcloud/router'
-import LinkReferenceWidget from './LinkReferenceWidget.vue'
-import ContentReferenceWidget from './ContentReferenceWidget.vue'
 import axios from '@nextcloud/axios'
 import displayError from '../shared/utils/displayError.js'
 
@@ -104,8 +102,8 @@ export default {
 		Search,
 		NcCheckboxRadioSwitch,
 		NcButton,
-		LinkReferenceWidget,
-		ContentReferenceWidget,
+		LinkReferenceWidget: import('./LinkReferenceWidget.vue'),
+		ContentReferenceWidget: import('./ContentReferenceWidget.vue'),
 		NcLoadingIcon,
 	},
 

vite.config.ts

@@ -0,0 +1,12 @@
+// SPDX-FileCopyrightText: Ferdinand Thiessen <opensource@fthiessen.de>
+// SPDX-License-Identifier: AGPL-3.0-or-later
+
+import { createAppConfig } from '@nextcloud/vite-config'
+import path from 'path'
+
+const config = createAppConfig({
+	main: path.join(__dirname, 'src', 'main.js'),
+	reference: path.join(__dirname, 'src', 'reference.js'),
+}, {})
+
+export default config