From bbc33ce3bc9c7cddcd0e83fcacea63da57d68b2c Mon Sep 17 00:00:00 2001 From: Logan Jones Date: Tue, 8 Apr 2025 15:16:37 -0500 Subject: [PATCH] added lit typescript plugins --- frontend/package.json | 1 + frontend/pnpm-lock.yaml | 76 +++++++++++++++++++ .../components/audio-player/audio-player.ts | 4 +- .../audio-player/controls/player-controls.ts | 2 +- frontend/tsconfig.json | 7 +- 5 files changed, 86 insertions(+), 4 deletions(-) diff --git a/frontend/package.json b/frontend/package.json index cdf00ff..544ee9c 100644 --- a/frontend/package.json +++ b/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" } diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml index 7142b47..5d5e092 100644 --- a/frontend/pnpm-lock.yaml +++ b/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: diff --git a/frontend/src/components/audio-player/audio-player.ts b/frontend/src/components/audio-player/audio-player.ts index 2b8fab7..c0e990e 100644 --- a/frontend/src/components/audio-player/audio-player.ts +++ b/frontend/src/components/audio-player/audio-player.ts @@ -5,8 +5,8 @@ import './seekbar/seek-bar'; const audioPlayer = () => html`
- - + +
`; diff --git a/frontend/src/components/audio-player/controls/player-controls.ts b/frontend/src/components/audio-player/controls/player-controls.ts index c77c8fd..800c74c 100644 --- a/frontend/src/components/audio-player/controls/player-controls.ts +++ b/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`