fix: frontend issues

.pre-commit-config.yaml

@@ -195,7 +195,7 @@ repos:
     rev: "v3.0.0-alpha.9-for-vscode"
     hooks:
       - id: prettier
-        exclude: ^(packages/grid/helm|packages/hagrid/hagrid/manifest_template.yml)
+        exclude: ^(packages/grid/helm|packages/grid/frontend/pnpm-lock.yaml|packages/hagrid/hagrid/manifest_template.yml)
 
   # - repo: meta
   #   hooks:

packages/grid/frontend/.eslintrc.cjs

@@ -1,20 +1,24 @@
 module.exports = {
   root: true,
-  parser: '@typescript-eslint/parser',
-  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
-  plugins: ['svelte3', '@typescript-eslint'],
-  ignorePatterns: ['*.cjs'],
-  overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
+  parser: "@typescript-eslint/parser",
+  extends: [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "prettier",
+  ],
+  plugins: ["svelte3", "@typescript-eslint"],
+  ignorePatterns: ["*.cjs"],
+  overrides: [{ files: ["*.svelte"], processor: "svelte3/svelte3" }],
   settings: {
-    'svelte3/typescript': () => require('typescript')
+    "svelte3/typescript": () => require("typescript"),
   },
   parserOptions: {
-    sourceType: 'module',
-    ecmaVersion: 2020
+    sourceType: "module",
+    ecmaVersion: 2020,
   },
   env: {
     browser: true,
     es2017: true,
-    node: true
-  }
-};
+    node: true,
+  },
+}

packages/grid/frontend/.prettierrc

@@ -1,7 +1,6 @@
 {
-  "useTabs": false,
-  "singleQuote": true,
-  "trailingComma": "none",
-  "printWidth": 100,
+  "semi": false,
+  "singleQuote": false,
+  "trailingComma": "es5",
   "htmlWhitespaceSensitivity": "ignore"
 }

packages/grid/frontend/package.json

@@ -15,7 +15,9 @@
   "devDependencies": {
     "@playwright/test": "^1.36.1",
     "@sveltejs/adapter-node": "^1.3.1",
-    "@sveltejs/kit": "^1.25.2",
+    "@sveltejs/kit": "1.25.2",
+    "@types/cookie": "^0.5.3",
+    "@types/libsodium-wrappers": "0.7.11",
     "@types/prismjs": "^1.26.0",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
@@ -33,6 +35,7 @@
     "svelte-search": "^2.0.1",
     "tailwindcss": "3.3.1",
     "typescript": "^4.9.5",
+    "typescript-svelte-plugin": "^0.3.34",
     "vite": "^4.4.4",
     "vitest": "^0.33.0"
   },
@@ -41,8 +44,8 @@
     "capnp-ts": "^0.7.0",
     "just-debounce-it": "^3.2.0",
     "ky": "^0.33.3",
-    "libsodium": "^0.7.11",
-    "libsodium-wrappers": "^0.7.11",
+    "libsodium": "0.7.11",
+    "libsodium-wrappers": "0.7.11",
     "prismjs": "^1.29.0",
     "semver": "^7.5.4",
     "uuid": "^9.0.0"

packages/grid/frontend/playwright.config.ts

@@ -1,22 +1,22 @@
-import { defineConfig, devices } from '@playwright/test';
-import * as dotenv from 'dotenv';
+import { defineConfig, devices } from "@playwright/test"
+import * as dotenv from "dotenv"
 
-dotenv.config();
+dotenv.config()
 
 export default defineConfig({
-  testDir: 'tests/e2e',
+  testDir: "tests/e2e",
   fullyParallel: true,
   forbidOnly: !!process.env.CI,
   retries: process.env.CI ? 2 : 0,
   workers: process.env.CI ? 1 : undefined,
-  reporter: 'dot',
+  reporter: "dot",
   use: {
-    baseURL: process.env.TEST_API_URL || 'http://localhost:9081'
+    baseURL: process.env.TEST_API_URL || "http://localhost:9081",
   },
   projects: [
     {
-      name: 'chromium',
-      use: { ...devices['Desktop Chrome'] }
-    }
-  ]
-});
+      name: "chromium",
+      use: { ...devices["Desktop Chrome"] },
+    },
+  ],
+})