Merge pull request #11651 from nextcloud/build/noid/typescript-support

build: provide Typescript support

.eslintrc.js

@@ -1,6 +1,7 @@
 module.exports = {
 	extends: [
 		'@nextcloud',
+		'@nextcloud/eslint-config/typescript',
 	],
 	globals: {
 		// @nextcloud/webpack-vue-config globals
@@ -12,6 +13,7 @@ module.exports = {
 	rules: {
 		'comma-dangle': 'off',
 		'jsdoc/no-defaults': 'off',
+		'@typescript-eslint/no-unused-vars': 'off',
 		'import/newline-after-import': 'warn',
 		'import/no-named-as-default-member': 'off',
 		'import/order': [

jest.config.js

@@ -86,6 +86,12 @@ module.exports = {
 	},
 
 	transform: {
+		'\\.ts$': ['ts-jest', {
+			useESM: true,
+			tsconfig: {
+				verbatimModuleSyntax: false,
+			},
+		}],
 		'\\.js$': 'babel-jest',
 		'\\.vue$': '@vue/vue2-jest',
 		'\\.tflite$': 'jest-transform-stub',

package.json

@@ -91,6 +91,7 @@
     "jest-mock-console": "^2.0.0",
     "jest-transform-stub": "^2.0.0",
     "regenerator-runtime": "^0.14.1",
+    "ts-jest": "^29.1.2",
     "vue-template-compiler": "^2.7.16",
     "wasm-check": "^2.1.2",
     "webpack-bundle-analyzer": "^4.10.1",

src/components/AdminSettings/AllowedGroups.vue

@@ -212,14 +212,14 @@ export default {
 			})
 
 			OCP.AppConfig.setValue('spreed', 'allowed_groups', JSON.stringify(groups), {
-				success: function() {
+				success: () => {
 					this.loading = false
 					this.loadingGroups = false
 					this.saveLabelAllowedGroups = t('spreed', 'Saved!')
-					setTimeout(function() {
+					setTimeout(() => {
 						this.saveLabelAllowedGroups = t('spreed', 'Save changes')
-					}.bind(this), 5000)
-				}.bind(this),
+					}, 5000)
+				},
 			})
 		},
 
@@ -233,24 +233,24 @@ export default {
 			})
 
 			OCP.AppConfig.setValue('spreed', 'start_conversations', JSON.stringify(groups), {
-				success: function() {
+				success: () => {
 					this.loading = false
 					this.loadingGroups = false
 					this.saveLabelStartConversations = t('spreed', 'Saved!')
-					setTimeout(function() {
+					setTimeout(() => {
 						this.saveLabelStartConversations = t('spreed', 'Save changes')
-					}.bind(this), 5000)
-				}.bind(this),
+					}, 5000)
+				},
 			})
 		},
 
 		saveStartCalls() {
 			this.loadingStartCalls = true
 
 			OCP.AppConfig.setValue('spreed', 'start_calls', this.startCalls.value, {
-				success: function() {
+				success: () => {
 					this.loadingStartCalls = false
-				}.bind(this),
+				},
 			})
 		},
 	},

src/components/AdminSettings/Federation.vue

@@ -162,43 +162,43 @@ export default {
 			this.loading = true
 
 			OCP.AppConfig.setValue('spreed', 'federation_enabled', value ? 'yes' : 'no', {
-				success: function() {
+				success: () => {
 					this.loading = false
 					this.isFederationEnabled = value
-				}.bind(this),
+				},
 			})
 		},
 
 		saveFederationIncomingEnabled(value) {
 			this.loading = true
 
 			OCP.AppConfig.setValue('spreed', 'federation_incoming_enabled', value ? '1' : '0', {
-				success: function() {
+				success: () => {
 					this.loading = false
 					this.isFederationIncomingEnabled = value
-				}.bind(this),
+				},
 			})
 		},
 
 		saveFederationOutgoingEnabled(value) {
 			this.loading = true
 
 			OCP.AppConfig.setValue('spreed', 'federation_outgoing_enabled', value ? '1' : '0', {
-				success: function() {
+				success: () => {
 					this.loading = false
 					this.isFederationOutgoingEnabled = value
-				}.bind(this),
+				},
 			})
 		},
 
 		saveFederationOnlyTrustedServersEnabled(value) {
 			this.loading = true
 
 			OCP.AppConfig.setValue('spreed', 'federation_only_trusted_servers', value ? '1' : '0', {
-				success: function() {
+				success: () => {
 					this.loading = false
 					this.isFederationOnlyTrustedServersEnabled = value
-				}.bind(this),
+				},
 			})
 		},
 
@@ -232,14 +232,14 @@ export default {
 			const groups = this.allowedGroups.map(group => typeof group === 'object' ? group.id : group)
 
 			OCP.AppConfig.setValue('spreed', 'federation_allowed_groups', JSON.stringify(groups), {
-				success: function() {
+				success: () => {
 					this.loading = false
 					this.loadingGroups = false
 					this.saveLabelAllowedGroups = t('spreed', 'Saved!')
-					setTimeout(function() {
+					setTimeout(() => {
 						this.saveLabelAllowedGroups = t('spreed', 'Save changes')
-					}.bind(this), 5000)
-				}.bind(this),
+					}, 5000)
+				},
 			})
 		},
 	},