lint

Author: Eugeny

warpgate-web/eslint.config.mjs

@@ -20,7 +20,6 @@ export default [
         '@stylistic': stylistic,
     },
     languageOptions: {
-      parser: svelteParser,
       parserOptions: {
         projectService: true,
         tsconfigRootDir: import.meta.dirname,

warpgate-web/src/admin/CreateOtpModal.svelte

@@ -120,7 +120,7 @@
                     <Fa class="me-2" fw icon={faRefresh} />
                     Regenerate
                 </Button>
-                <CopyButton class="d-flex align-items-center" color="secondary" text={totpUri!} label={'Copy URI'} />
+                <CopyButton class="d-flex align-items-center" color="secondary" text={totpUri!} label='Copy URI' />
             </div>
             <FormGroup floating label="Paste the generated OTP code" class="mt-3" spacing="0">
                 <Input

warpgate-web/src/admin/LogViewer.svelte

@@ -127,7 +127,7 @@ onDestroy(() => {
     <div class="table-wrapper">
         <table class="w-100">
             <tbody>
-                {#each visibleItems as item}
+                {#each visibleItems as item (item.id)}
                     <tr>
                         <td class="timestamp pe-4">
                             {stringifyDate(item.timestamp)}
@@ -151,7 +151,7 @@ onDestroy(() => {
                                 {item.text}
                             </span>
 
-                            {#each Object.entries(item.values ?? {}) as pair}
+                            {#each Object.entries(item.values ?? {}) as pair (pair[0])}
                                 <span class="key">{pair[0]}:</span>
                                 <span class="value">{pair[1]}</span>
                             {/each}
@@ -194,7 +194,6 @@ onDestroy(() => {
     </div>
 {/if}
 
-
 <style lang="scss">
     @import "../theme/vars.light";
 

warpgate-web/src/admin/Session.svelte

@@ -120,7 +120,7 @@
     {#if recordings?.length }
         <h3 class="mt-4">Recordings</h3>
         <div class="list-group list-group-flush">
-            {#each recordings as recording}
+            {#each recordings as recording (recording.id)}
                 <a
                     class="list-group-item list-group-item-action"
                     href="/recordings/{recording.id}"

warpgate-web/src/admin/SsoCredentialModal.svelte

@@ -74,7 +74,7 @@
                             type="select"
                         >
                             <option value={null} selected>Any</option>
-                            {#each providers as provider}
+                            {#each providers as provider (provider.name)}
                             <option value={provider.name}>{provider.label ?? provider.name}</option>
                             {/each}
                         </Input>

warpgate-web/src/admin/config/CreateTarget.svelte

@@ -98,7 +98,7 @@
             <!-- svelte-ignore a11y_label_has_associated_control -->
             <label class="mb-2">Type</label>
             <ButtonGroup class="w-100 mb-3">
-                {#each kinds as kind}
+                {#each kinds as kind (kind.value)}
                     <RadioButton
                         label={kind.name}
                         value={kind.value}

warpgate-web/src/admin/config/CreateTicket.svelte

@@ -92,7 +92,7 @@ async function create () {
         {#if users}
         <FormGroup floating label="Authorize as user">
             <select bind:value={selectedUser} class="form-control">
-                {#each users as user}
+                {#each users as user (user.id)}
                     <option value={user}>
                         {user.username}
                     </option>
@@ -104,7 +104,7 @@ async function create () {
         {#if targets}
         <FormGroup floating label="Target">
             <select bind:value={selectedTarget} class="form-control">
-                {#each targets as target}
+                {#each targets as target (target.id)}
                     <option value={target}>
                         {target.name}
                     </option>

warpgate-web/src/admin/config/SSHKeys.svelte

@@ -36,7 +36,7 @@ async function deleteHost (host: SSHKnownHost) {
     <h2>Warpgate's own SSH keys</h2>
     <Alert color="info">Add these keys to the targets' <code>authorized_keys</code> files</Alert>
     <div class="list-group list-group-flush">
-        {#each ownKeys as key}
+        {#each ownKeys as key (key)}
             <div class="list-group-item d-flex">
                 <pre>{key.kind} {key.publicKeyBase64}</pre>
                 <div class="ms-auto">

warpgate-web/src/admin/config/Tickets.svelte

@@ -47,7 +47,8 @@
 
         {#if tickets.length}
             <div class="list-group list-group-flush">
-                {#each tickets as ticket}
+                {#each tickets as ticket (ticket.id)}
+                    <!-- svelte-ignore a11y_no_static_element_interactions -->
                     <div class="list-group-item">
                         <div>
                             <strong>
@@ -79,7 +80,9 @@
                         <small class="text-muted me-4 ms-auto">
                             <RelativeDate date={ticket.created} />
                         </small>
-                        <a href={''} onclick={e => {
+                        <!-- svelte-ignore a11y_click_events_have_key_events -->
+                        <!-- svelte-ignore a11y_missing_attribute -->
+                        <a onclick={e => {
                             deleteTicket(ticket)
                             e.preventDefault()
                         }}>Delete</a>

warpgate-web/src/admin/config/User.svelte

@@ -91,7 +91,7 @@
 
     <h4 class="mt-4">User roles</h4>
     <div class="list-group list-group-flush mb-3">
-        {#each allRoles as role}
+        {#each allRoles as role (role.id)}
             <label
                 for="role-{role.id}"
                 class="list-group-item list-group-item-action d-flex align-items-center"