Adds typechecking with typescript (#2101)

* Fixes all other vue errors

* Adds typescheck

* Fix pnpm

* Fix pnpm again for cache

.github/workflows/deploy.yml

@@ -10,14 +10,15 @@ jobs:
     steps:
       - name: Checkout code
         uses: actions/checkout@v3
+      - name: Install pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 8
       - name: Install Node
         uses: actions/setup-node@v3
         with:
           node-version: latest
-      - name: Install pnpm
-        uses: pnpm/action-setup@v2.2.4
-        with:
-          version: 7.26.0
+          cache: pnpm
       - name: Install dependencies
         run: pnpm install
       - name: Run Tests
@@ -80,14 +81,15 @@ jobs:
         uses: actions/checkout@v3
         with:
           fetch-depth: 0
+      - name: Install pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 8
       - name: Install Node
         uses: actions/setup-node@v3
         with:
           node-version: latest
-      - name: Install pnpm
-        uses: pnpm/action-setup@v2.2.4
-        with:
-          version: 6.20.1
+          cache: pnpm
       - name: Install dependencies
         run: pnpm install
       - name: Release to Github

.github/workflows/test.yml

@@ -7,20 +7,38 @@ on:
       - master
 name: Test
 jobs:
+  typecheck:
+    name: Typecheck
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 8
+      - uses: actions/setup-node@v3
+        with:
+          node-version: latest
+          cache: pnpm
+      - name: Install dependencies
+        run: pnpm install
+      - name: Run Typecheck
+        run: pnpm run typecheck
   npm-test:
     name: JavaScript Tests
     runs-on: ubuntu-latest
     steps:
       - name: Checkout code
         uses: actions/checkout@v3
+      - name: Install pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 8
       - name: Install Node
         uses: actions/setup-node@v3
         with:
           node-version: latest
-      - name: Install pnpm
-        uses: pnpm/action-setup@v2.2.4
-        with:
-          version: 7.26.0
+          cache: pnpm
       - name: Install dependencies
         run: pnpm install
       - name: Run Tests

assets/components/ScrollableView.vue

@@ -45,7 +45,8 @@ const mutationObserver = new MutationObserver((e) => {
     scrollToBottom();
   } else {
     const record = e[e.length - 1];
-    if (record.target.children[record.target.children.length - 1] == record.addedNodes[record.addedNodes.length - 1]) {
+    const children = (record.target as HTMLElement).children;
+    if (children[children.length - 1] == record.addedNodes[record.addedNodes.length - 1]) {
       hasMore = true;
     }
   }

assets/models/LogEntry.ts

@@ -127,6 +127,10 @@ export class SkippedLogsEntry extends LogEntry<string> {
   public get totalSkipped(): number {
     return this._totalSkipped;
   }
+
+  public get lastSkippedItem(): LogEntry<string | JSONObject> {
+    return this.lastSkipped;
+  }
 }
 
 export function asLogEntry(event: LogEvent): LogEntry<string | JSONObject> {