chore: desugar decorators in subclass

Author: eternal-flame-AD

ui/src/application/AppStore.ts

@@ -12,6 +12,10 @@ export class AppStore extends BaseStore<IApplication> {
 
     public constructor(private readonly snack: SnackReporter) {
         super();
+        this.uploadImage = action(this.uploadImage);
+        this.update = action(this.update);
+        this.create = action(this.create);
+        this.reorder = action(this.reorder);
     }
 
     protected requestItems = (): Promise<IApplication[]> =>
@@ -25,7 +29,6 @@ export class AppStore extends BaseStore<IApplication> {
             return this.snack('Application deleted');
         });
 
-    @action
     public uploadImage = async (id: number, file: Blob): Promise<void> => {
         const formData = new FormData();
         formData.append('file', file);
@@ -57,7 +60,6 @@ export class AppStore extends BaseStore<IApplication> {
         }
     }
 
-    @action
     public reorder = async (fromId: number, toId: number): Promise<void> => {
         const fromIndex = this.items.findIndex((app) => app.id === fromId);
         const toIndex = this.items.findIndex((app) => app.id === toId);
@@ -80,7 +82,6 @@ export class AppStore extends BaseStore<IApplication> {
         await this.update({...toUpdate, sortKey: newSortKey});
     };
 
-    @action
     public update = async ({
         id,
         ...app
@@ -93,7 +94,6 @@ export class AppStore extends BaseStore<IApplication> {
         this.snack('Application updated');
     };
 
-    @action
     public create = async (
         name: string,
         description: string,

ui/src/client/ClientStore.ts

@@ -6,8 +6,14 @@ import {SnackReporter} from '../snack/SnackManager';
 import {IClient} from '../types';
 
 export class ClientStore extends BaseStore<IClient> {
-    public constructor(private readonly snack: SnackReporter) {
+    private readonly snack: SnackReporter;
+    public constructor(snack: SnackReporter) {
         super();
+        this.snack = snack;
+        this.update = action(this.update);
+        this.createNoNotifcation = action(this.createNoNotifcation);
+        this.create = action(this.create);
+        this.elevate = action(this.elevate);
     }
 
     protected requestItems = (): Promise<IClient[]> =>
@@ -19,7 +25,6 @@ export class ClientStore extends BaseStore<IClient> {
             .then(() => this.snack('Client deleted'));
     }
 
-    @action
     public update = async (
         id: number,
         name: string,
@@ -33,7 +38,6 @@ export class ClientStore extends BaseStore<IClient> {
         this.snack('Client updated');
     };
 
-    @action
     public createNoNotifcation = async (
         name: string,
         expiresAfterInactivitySeconds = 0
@@ -46,14 +50,12 @@ export class ClientStore extends BaseStore<IClient> {
         return client.data;
     };
 
-    @action
     public create = async (name: string, expiresAfterInactivitySeconds = 0): Promise<string> => {
         const client = await this.createNoNotifcation(name, expiresAfterInactivitySeconds);
         this.snack('Client added');
         return client.token;
     };
 
-    @action
     public elevate = async (id: number, durationSeconds: number): Promise<void> => {
         await axios.post(`${config.get('url')}client/${id}/elevate`, {durationSeconds});
         await this.refresh();

ui/src/plugin/PluginStore.ts

@@ -6,10 +6,14 @@ import {SnackReporter} from '../snack/SnackManager';
 import {IPlugin} from '../types';
 
 export class PluginStore extends BaseStore<IPlugin> {
+    private readonly snack: SnackReporter;
     public onDelete: () => void = () => {};
 
-    public constructor(private readonly snack: SnackReporter) {
+    public constructor(snack: SnackReporter) {
         super();
+        this.snack = snack;
+        this.changeConfig = action(this.changeConfig);
+        this.changeEnabledState = action(this.changeEnabledState);
     }
 
     public requestConfig = (id: number): Promise<string> =>
@@ -31,7 +35,6 @@ export class PluginStore extends BaseStore<IPlugin> {
         return id === -1 ? 'All Plugins' : plugin !== undefined ? plugin.name : 'unknown';
     };
 
-    @action
     public changeConfig = async (id: number, newConfig: string): Promise<void> => {
         await axios.post(`${config.get('url')}plugin/${id}/config`, newConfig, {
             headers: {'content-type': 'application/x-yaml'},
@@ -40,7 +43,6 @@ export class PluginStore extends BaseStore<IPlugin> {
         await this.refresh();
     };
 
-    @action
     public changeEnabledState = async (id: number, enabled: boolean): Promise<void> => {
         await axios.post(`${config.get('url')}plugin/${id}/${enabled ? 'enable' : 'disable'}`);
         this.snack(`Plugin ${enabled ? 'enabled' : 'disabled'}`);

ui/src/user/UserStore.ts

@@ -6,8 +6,13 @@ import {SnackReporter} from '../snack/SnackManager';
 import {IUser} from '../types';
 
 export class UserStore extends BaseStore<IUser> {
-    constructor(private readonly snack: SnackReporter) {
+    private readonly snack: SnackReporter;
+
+    constructor(snack: SnackReporter) {
         super();
+        this.snack = snack;
+        this.create = action(this.create);
+        this.update = action(this.update);
     }
 
     protected requestItems = (): Promise<IUser[]> =>
@@ -19,14 +24,12 @@ export class UserStore extends BaseStore<IUser> {
             .then(() => this.snack('User deleted'));
     }
 
-    @action
     public create = async (name: string, pass: string, admin: boolean) => {
         await axios.post(`${config.get('url')}user`, {name, pass, admin});
         await this.refresh();
         this.snack('User created');
     };
 
-    @action
     public update = async (id: number, name: string, pass: string | null, admin: boolean) => {
         await axios.post(config.get('url') + 'user/' + id, {name, pass, admin});
         await this.refresh();

ui/vite.config.ts

@@ -32,7 +32,7 @@ export default defineConfig({
     plugins: [
         react(),
         babel({
-            presets: [decoratorPreset({version: '2022-03'})],
+            presets: [decoratorPreset({version: '2023-11'})],
         }),
     ],
     define: {