Dep Update

config/webpack.config.base.cjs

@@ -15,8 +15,6 @@ const webpackConfig = {
   },
   externals: {
     jquery: '$',
-    axios: 'axios',
-    'axios-userscript-adapter': 'axiosGmxhrAdapter'
   },
   module: {
     rules: [

package.json

@@ -24,33 +24,32 @@
   },
   "private": true,
   "dependencies": {
-    "axios": "^1.4.0",
-    "axios-userscript-adapter": "^0.2.0-alpha.2",
-    "chrono-node": "^2.6.3"
+    "chrono-node": "^2.7.7",
+    "@trim21/gm-fetch": "^0.1.15"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.5",
-    "@babel/preset-env": "^7.22.5",
-    "@typescript-eslint/eslint-plugin": "^5.60.1",
-    "@typescript-eslint/parser": "^5.60.1",
-    "babel-loader": "^9.1.2",
+    "@types/greasemonkey": "^4.0.7",
+    "@babel/core": "^7.25.8",
+    "@babel/preset-env": "^7.25.8",
+    "@typescript-eslint/eslint-plugin": "^8.8.1",
+    "@typescript-eslint/parser": "^8.8.1",
+    "babel-loader": "^9.2.1",
     "browserslist": "^4.21.9",
-    "css-loader": "^6.8.1",
-    "eslint": "^8.43.0",
-    "eslint-config-standard": "^17.1.0",
-    "eslint-plugin-import": "^2.27.5",
+    "css-loader": "^7.1.2",
+    "eslint": "^9.12.0",
+    "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-node": "11.1.0",
-    "eslint-plugin-promise": "^6.1.1",
-    "less": "4.1.3",
-    "less-loader": "^11.1.3",
-    "style-loader": "^3.3.3",
-    "ts-loader": "^9.4.3",
-    "typescript": "^5.1.3",
+    "eslint-plugin-promise": "^7.1.0S",
+    "less": "4.2.0",
+    "less-loader": "^12.2.0",
+    "style-loader": "^4.0.0",
+    "ts-loader": "^9.5.1",
+    "typescript": "^5.6.3",
     "userscript-metadata-webpack-plugin": "^0.4.0",
-    "webpack": "^5.88.0",
-    "webpack-bundle-analyzer": "^4.9.0",
+    "webpack": "^5.95.0",
+    "webpack-bundle-analyzer": "^4.10.2",
     "webpack-cli": "^5.1.4",
     "webpack-livereload-plugin": "3.0.2",
-    "webpack-merge": "^5.9.0"
+    "webpack-merge": "^6.0.1"
   }
 }

src/call-history.ts

@@ -1,6 +1,7 @@
 import * as chrono from 'chrono-node'
 import { TapiContact } from './tapi-contact'
-import { axios, extractNumber } from './utils'
+import { extractNumber } from './utils'
+import GM_fetch from '@trim21/gm-fetch'
 
 export class CallHistory {
   private callerIds: { [number: string]: TapiContact } = {}
@@ -85,10 +86,10 @@ export class CallHistory {
     if (this.callerIds[number] !== undefined) {
       this.updateCallHistoryEntry(element, this.callerIds[number])
     } else {
-      var response = await axios.get<TapiContact>('http://cpatapi.cpsrvweb2016.cp-austria.at/callerid/' + encodeURIComponent(number))
+      var response = await GM_fetch('http://cpatapi.cpsrvweb2016.cp-austria.at/callerid/' + encodeURIComponent(number))
       var callerId: TapiContact = { tD_NAME: '' }
       if (response.status === 200) {
-        callerId = response.data
+        callerId = await response.json() as TapiContact
       }
       console.log('TAPI call histroy callerid response', number, response, callerId)
       this.callerIds[number] = callerId

src/call-notification.ts

@@ -1,5 +1,6 @@
+import GM_fetch from '@trim21/gm-fetch'
 import { TapiContact } from './tapi-contact'
-import { axios, extractNumber } from './utils'
+import { extractNumber } from './utils'
 
 export class CallNotification {
   public async showCallNotification (element: HTMLElement) {
@@ -13,19 +14,19 @@ export class CallNotification {
     }
 
     console.log('TAPI searching callerid for', number)
-    var response = await axios.get<TapiContact>('http://cpatapi.cpsrvweb2016.cp-austria.at/callerid/' + encodeURIComponent(number))
+    var response = await GM_fetch('http://cpatapi.cpsrvweb2016.cp-austria.at/callerid/' + encodeURIComponent(number))
     console.log('TAPI callerid response', response)
     var notification = {
       text: number
     }
     if (response.status === 200) {
-      var callerId = response.data
+      var callerId = await response.json() as TapiContact
       if (callerId) {
         notification.text = callerId.tD_NAME + '\r\n' + number + ' (' + callerId.tD_MEDIUM + ')'
       }
     }
 
     // eslint-disable-next-line no-undef
-    GM.notification(notification)
+    GM.notification(notification.text, 'TAPI Anruf')
   }
 }

src/decs.d.ts

@@ -1,3 +0,0 @@
-declare module 'axios-userscript-adapter'
-
-declare const GM: any

src/search.ts

@@ -1,7 +1,8 @@
 import './search.css'
 import { TapiContact } from './tapi-contact'
 import { debounce } from './debounce'
-import { axios, fireChangeEvents } from './utils'
+import { fireChangeEvents } from './utils'
+import GM_fetch from '@trim21/gm-fetch'
 
 export class Search {
   private currentSearchText = ''
@@ -102,9 +103,9 @@ export class Search {
       return
     }
     console.log('Searching TAPI')
-    var response = await axios.get<TapiContact[]>('http://cpatapi.cpsrvweb2016.cp-austria.at/search?query=' + encodeURIComponent(searchText))
+    var response = await GM_fetch('http://cpatapi.cpsrvweb2016.cp-austria.at/search?query=' + encodeURIComponent(searchText))
     console.log('TAPI Search response', response)
-    var contacts = response.data
+    var contacts = await response.json() as TapiContact[]
     console.log('TAPI Contacts', contacts)
     this.removeSearchResults()
     this.currentSearchText = searchText

src/status.ts

@@ -1,6 +1,6 @@
 import './status.css';
-import { axios } from './utils';
 import { ZcStatus } from './zc-status';
+import GM_fetch from "@trim21/gm-fetch";
 
 declare function waitForKeyElements(selectorOrFunction: any, callback: any, waitOnce: boolean): any;
 
@@ -26,10 +26,9 @@ export class Status {
   private async checkStatus() {
     if (this._enabled) {
       try {
-        var response = await axios.get<ZcStatus>('http://cpatapi.cpsrvweb2016.cp-austria.at/availability/' + encodeURIComponent(this._user));
-
+        var response = await GM_fetch('http://cpatapi.cpsrvweb2016.cp-austria.at/availability/' + encodeURIComponent(this._user));
         if (response.status == 200) {
-          var status = response.data;
+          var status = await response.json() as ZcStatus;
           if (this._currentStatus !== status.loggedIn) {
             this._currentStatus = status.loggedIn;
             console.log('New status, loggedIn', this._currentStatus);

src/utils.ts

@@ -1,23 +1,3 @@
-/**
- * @typedef {Object} AxiosResponse
- * @property {Object} data
- * @property {Object} headers
- * @property {Object} config
- * @property {Object} request
- * @property {number} code
- * @property {string} statusText
- */
-/**
- * @typedef {Object} AxiosError
- * @property {AxiosResponse} response
- */
-import axios from 'axios'
-import adapter from 'axios-userscript-adapter'
-
-axios.defaults.adapter = adapter
-
-export { axios }
-
 export function extractNumber (s: string) {
   var match = /(\+?[0-9]{4,})/.exec(s)
   if (!match) {

tsconfig.json

@@ -2,8 +2,8 @@
   "compilerOptions": {
     "outDir": "./dist/",
     "noImplicitAny": true,
-    "module": "es6",
-    "target": "es6",
+    "module": "ESNext",
+    "target": "ES2022",
     "allowJs": true,
     "moduleResolution": "node"
   }