added lit typescript plugins

frontend/package.json

@@ -10,6 +10,7 @@
 	},
 	"devDependencies": {
 		"ts-lit-plugin": "^2.0.2",
+		"typescript-lit-html-plugin": "^0.9.0",
 		"vite": "^6.2.3",
 		"vite-tsconfig-paths": "^5.1.4"
 	}

frontend/pnpm-lock.yaml

@@ -18,6 +18,9 @@ importers:
       ts-lit-plugin:
         specifier: ^2.0.2
         version: 2.0.2
+      typescript-lit-html-plugin:
+        specifier: ^0.9.0
+        version: 0.9.0
       vite:
         specifier: ^6.2.3
         version: 6.2.3
@@ -31,6 +34,9 @@ packages:
     resolution: {integrity: sha512-VtPOkrdPHZsKc/clNqyi9WUA8TINkZ4cGk63UUE3u4pmB2k+ZMQRDuIOagv8UVd6j7k0T3+RRIb7beKTebNbcw==}
     engines: {node: '>=6.9.0'}
 
+  '@emmetio/extract-abbreviation@0.1.6':
+    resolution: {integrity: sha512-Ce3xE2JvTSEbASFbRbA1gAIcMcZWdS2yUYRaQbeM0nbOzaZrUYfa3ePtcriYRZOZmr+CkKA+zbjhvTpIOAYVcw==}
+
   '@esbuild/aix-ppc64@0.25.1':
     resolution: {integrity: sha512-kfYGy8IdzTGy+z0vFGvExZtxkFlA4zAxgKEahG9KE1ScBjpQnFsNOX8KTU5ojNru5ed5CVoJYXFtoxaq5nFbjQ==}
     engines: {node: '>=18'}
@@ -424,6 +430,9 @@ packages:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
 
+  jsonc-parser@1.0.3:
+    resolution: {integrity: sha512-hk/69oAeaIzchq/v3lS50PXuzn5O2ynldopMC+SWBql7J2WtdptfB9dy8Y7+Og5rPkTCpn83zTiO8FMcqlXJ/g==}
+
   leven@3.1.0:
     resolution: {integrity: sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==}
     engines: {node: '>=6'}
@@ -532,6 +541,16 @@ packages:
       typescript:
         optional: true
 
+  typescript-lit-html-plugin@0.9.0:
+    resolution: {integrity: sha512-Ux2I1sPpt2akNbRZiBAND9oA8XNE2BuVmDwsb7rZshJ9T8/Na2rICE5Tnuj9dPHdFUATdOGjVEagn1/v8T4gCQ==}
+
+  typescript-styled-plugin@0.13.0:
+    resolution: {integrity: sha512-GGMzv/JAd4S8mvWgHZslvW2G1HHrdurrp93oSR4h85SM8e5at7+KCqHsZICiTaL+iN25YGkJqoaZe4XklA76rg==}
+    deprecated: Deprecated in favor of https://github.com/styled-components/typescript-styled-plugin
+
+  typescript-template-language-service-decorator@2.3.2:
+    resolution: {integrity: sha512-hN0zNkr5luPCeXTlXKxsfBPlkAzx86ZRM1vPdL7DbEqqWoeXSxplACy98NpKpLmXsdq7iePUzAXloCAoPKBV6A==}
+
   typescript@5.2.2:
     resolution: {integrity: sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==}
     engines: {node: '>=14.17'}
@@ -585,9 +604,19 @@ packages:
       yaml:
         optional: true
 
+  vscode-css-languageservice@3.0.13:
+    resolution: {integrity: sha512-RWkO/c/A7iXhHEy3OuEqkCqavDjpD4NF2Ca8vjai+ZtEYNeHrm1ybTnBYLP4Ft1uXvvaaVtYA9HrDjD6+CUONg==}
+
   vscode-css-languageservice@4.3.0:
     resolution: {integrity: sha512-BkQAMz4oVHjr0oOAz5PdeE72txlLQK7NIwzmclfr+b6fj6I8POwB+VoXvrZLTbWt9hWRgfvgiQRkh5JwrjPJ5A==}
 
+  vscode-emmet-helper@1.2.11:
+    resolution: {integrity: sha512-ms6/Z9TfNbjXS8r/KgbGxrNrFlu4RcIfVJxTZ2yFi0K4gn+Ka9X1+8cXvb5+5IOBGUrOsPjR0BuefdDkG+CKbQ==}
+    deprecated: This package has been renamed to @vscode/emmet-helper, please update to the new name
+
+  vscode-html-languageservice@2.1.12:
+    resolution: {integrity: sha512-mIb5VMXM5jI97HzCk2eadI1K//rCEZXte0wBqA7PGXsyJH4KTyJUaYk9MR+mbfpUl2vMi3HZw9GUOLGYLc6l5w==}
+
   vscode-html-languageservice@3.1.0:
     resolution: {integrity: sha512-QAyRHI98bbEIBCqTzZVA0VblGU40na0txggongw5ZgTj9UVsVk5XbLT16O9OTcbqBGSqn0oWmFDNjK/XGIDcqg==}
 
@@ -597,9 +626,15 @@ packages:
   vscode-languageserver-types@3.16.0-next.2:
     resolution: {integrity: sha512-QjXB7CKIfFzKbiCJC4OWC8xUncLsxo19FzGVp/ADFvvi87PlmBSCAtZI5xwGjF5qE0xkLf0jjKUn3DzmpDP52Q==}
 
+  vscode-languageserver-types@3.17.5:
+    resolution: {integrity: sha512-Ld1VelNuX9pdF39h2Hgaeb5hEZM2Z3jUrrMgWQAu82jMtZp7p3vJT3BzToKtZI7NgQssZje5o0zryOrhQvzQAg==}
+
   vscode-nls@4.1.2:
     resolution: {integrity: sha512-7bOHxPsfyuCqmP+hZXscLhiHwe7CSuFE4hyhbs22xPIhQ4jv99FcR4eBzfYYVLP356HNFpdvz63FFb/xw6T4Iw==}
 
+  vscode-uri@1.0.8:
+    resolution: {integrity: sha512-obtSWTlbJ+a+TFRYGaUumtVwb+InIUVI0Lu0VBUAPmj2cU5JutEXg3xUE0c2J5Tcy7h2DEKVJBFi+Y9ZSFzzPQ==}
+
   vscode-uri@2.1.2:
     resolution: {integrity: sha512-8TEXQxlldWAuIODdukIb+TR5s+9Ds40eSJrw+1iDDA9IFORPjMELarNQE3myz5XIkWWpdprmJjm1/SxMlWOC8A==}
 
@@ -629,6 +664,8 @@ snapshots:
     dependencies:
       regenerator-runtime: 0.14.1
 
+  '@emmetio/extract-abbreviation@0.1.6': {}
+
   '@esbuild/aix-ppc64@0.25.1':
     optional: true
 
@@ -911,6 +948,8 @@ snapshots:
 
   is-number@7.0.0: {}
 
+  jsonc-parser@1.0.3: {}
+
   leven@3.1.0: {}
 
   lit-analyzer@2.0.3:
@@ -1035,6 +1074,22 @@ snapshots:
     optionalDependencies:
       typescript: 5.2.2
 
+  typescript-lit-html-plugin@0.9.0:
+    dependencies:
+      typescript-styled-plugin: 0.13.0
+      typescript-template-language-service-decorator: 2.3.2
+      vscode-html-languageservice: 2.1.12
+      vscode-languageserver-types: 3.17.5
+
+  typescript-styled-plugin@0.13.0:
+    dependencies:
+      typescript-template-language-service-decorator: 2.3.2
+      vscode-css-languageservice: 3.0.13
+      vscode-emmet-helper: 1.2.11
+      vscode-languageserver-types: 3.17.5
+
+  typescript-template-language-service-decorator@2.3.2: {}
+
   typescript@5.2.2: {}
 
   vite-tsconfig-paths@5.1.4(typescript@5.2.2)(vite@6.2.3):
@@ -1056,6 +1111,11 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
+  vscode-css-languageservice@3.0.13:
+    dependencies:
+      vscode-languageserver-types: 3.17.5
+      vscode-nls: 4.1.2
+
   vscode-css-languageservice@4.3.0:
     dependencies:
       vscode-languageserver-textdocument: 1.0.12
@@ -1063,6 +1123,18 @@ snapshots:
       vscode-nls: 4.1.2
       vscode-uri: 2.1.2
 
+  vscode-emmet-helper@1.2.11:
+    dependencies:
+      '@emmetio/extract-abbreviation': 0.1.6
+      jsonc-parser: 1.0.3
+      vscode-languageserver-types: 3.17.5
+
+  vscode-html-languageservice@2.1.12:
+    dependencies:
+      vscode-languageserver-types: 3.17.5
+      vscode-nls: 4.1.2
+      vscode-uri: 1.0.8
+
   vscode-html-languageservice@3.1.0:
     dependencies:
       vscode-languageserver-textdocument: 1.0.12
@@ -1074,8 +1146,12 @@ snapshots:
 
   vscode-languageserver-types@3.16.0-next.2: {}
 
+  vscode-languageserver-types@3.17.5: {}
+
   vscode-nls@4.1.2: {}
 
+  vscode-uri@1.0.8: {}
+
   vscode-uri@2.1.2: {}
 
   web-component-analyzer@2.0.0:

frontend/src/components/audio-player/audio-player.ts

@@ -5,8 +5,8 @@ import './seekbar/seek-bar';
 
 const audioPlayer = () => html`
 <div>
-<player-controls></player-controls>
+  <player-controls></player-controls>
-<seek-bar></seek-bar>
+  <seek-bar></seek-bar>
 </div>
 `;
 

frontend/src/components/audio-player/controls/player-controls.ts

@@ -5,7 +5,7 @@ import { Play } from '@go/player/Player';
 @customElement('player-controls')
 export class PlayerControls extends LitElement {
 
-  render() {
+  override render() {
     return html`
 <div>
   <button>

frontend/tsconfig.json

@@ -31,6 +31,11 @@
       "@node_modules/*": ["./node_modules/*"]
     },
     // needed for Lit Elements
-    "experimentalDecorators": true
+    "experimentalDecorators": true,
+    // plugins
+    "plugins": [
+      {"name": "ts-lit-plugin"},
+      {"name": "typescript-lit-html-plugin"}
+    ]
   }
 }