frontend: LSP appeasement

crates/frontend/js-components/lib/create-addressbook-form.ts

@@ -19,7 +19,7 @@ export class CreateAddressbookForm extends LitElement {
   @property()
   user: String = ''
   @property()
-  id: String = ''
+  addr_id: String = ''
   @property()
   displayname: String = ''
   @property()
@@ -36,7 +36,7 @@ export class CreateAddressbookForm extends LitElement {
         <form @submit=${this.submit} ${ref(this.form)}>
           <label>
             id
-            <input type="text" name="id" @change=${e => this.id = e.target.value} />
+            <input type="text" name="id" @change=${e => this.addr_id = e.target.value} />
           </label>
           <br>
           <label>
@@ -59,7 +59,7 @@ export class CreateAddressbookForm extends LitElement {
   async submit(e: SubmitEvent) {
     console.log(this.displayname)
     e.preventDefault()
-    if (!this.id) {
+    if (!this.addr_id) {
       alert("Empty id")
       return
     }
@@ -68,7 +68,7 @@ export class CreateAddressbookForm extends LitElement {
       return
     }
     // TODO: Escape user input: There's not really a security risk here but would be nicer
-    await this.client.createDirectory(`/principal/${this.user}/${this.id}`, {
+    await this.client.createDirectory(`/principal/${this.user}/${this.addr_id}`, {
       data: `
       <mkcol xmlns="DAV:" xmlns:CARD="urn:ietf:params:xml:ns:carddav">
         <set>

crates/frontend/js-components/lib/create-calendar-form.ts

@@ -7,7 +7,6 @@ import { createClient } from "webdav";
 export class CreateCalendarForm extends LitElement {
   constructor() {
     super()
-
   }
 
   protected override createRenderRoot() {
@@ -19,7 +18,7 @@ export class CreateCalendarForm extends LitElement {
   @property()
   user: String = ''
   @property()
-  id: String = ''
+  cal_id: String = ''
   @property()
   displayname: String = ''
   @property()
@@ -43,7 +42,7 @@ export class CreateCalendarForm extends LitElement {
         <form @submit=${this.submit} ${ref(this.form)}>
           <label>
             id
-            <input type="text" name="id" @change=${e => this.id = e.target.value} />
+            <input type="text" name="id" @change=${e => this.cal_id = e.target.value} />
           </label>
           <br>
           <label>
@@ -83,7 +82,7 @@ export class CreateCalendarForm extends LitElement {
   async submit(e: SubmitEvent) {
     console.log(this.displayname)
     e.preventDefault()
-    if (!this.id) {
+    if (!this.cal_id) {
       alert("Empty id")
       return
     }
@@ -95,7 +94,7 @@ export class CreateCalendarForm extends LitElement {
       alert("No calendar components selected")
       return
     }
-    await this.client.createDirectory(`/principal/${this.user}/${this.id}`, {
+    await this.client.createDirectory(`/principal/${this.user}/${this.cal_id}`, {
       data: `
       <mkcol xmlns="DAV:" xmlns:CAL="urn:ietf:params:xml:ns:caldav" xmlns:CS="http://calendarserver.org/ns/" xmlns:ICAL="http://apple.com/ns/ical/">
         <set>

crates/frontend/js-components/tsconfig.json

@@ -1,7 +1,7 @@
 {
-  "module": "nodenext",
   "compilerOptions": {
     "target": "es2024",
+    "moduleResolution": "bundler",
     "experimentalDecorators": true,
     "useDefineForClassFields": false,
     "lib": [

crates/frontend/js-components/vite.config.ts

@@ -1,10 +1,11 @@
 import { defineConfig } from 'vite'
 
 export default defineConfig({
-  optimizeDeps: {
-    // include: ["lit"]
-  },
   build: {
+    minify: false,
+    modulePreload: {
+      polyfill: false
+    },
     copyPublicDir: false,
     lib: {
       entry: 'lib/index.ts',