Upgrade npm

embedded/LogOtter.CosmosDb.EventStore.EventStreamUI/package.json

@@ -4,26 +4,23 @@
  "private": true,
  "scripts": {
  "dev": "vite",
- "build": "run-p type-check build-only",
- "preview": "vite preview",
- "build-only": "vite build --base=./",
- "type-check": "vue-tsc --noEmit",
- "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
+ "build": "vue-tsc && vite build --base=./",
+ "preview": "vite preview"
  },
  "dependencies": {
  "@popperjs/core": "^2.11.8",
- "bootstrap": "^5.3.0",
- "bootstrap-icons": "^1.10.2",
- "dayjs": "^1.11.7",
- "vue": "^3.2.45",
+ "bootstrap": "^5.3.2",
+ "bootstrap-icons": "^1.11.0",
+ "dayjs": "^1.11.10",
+ "vue": "^3.3.4",
  "vue-json-viewer": "^3.0.4"
  },
  "devDependencies": {
  "@rushstack/eslint-patch": "^1.1.4",
  "@tsconfig/node18": "^2.0.1",
  "@types/bootstrap": "^5.2.6",
  "@types/node": "^18.15.11",
- "@vitejs/plugin-vue": "^3.2.0",
+ "@vitejs/plugin-vue": "^4.2.3",
  "@vue/eslint-config-prettier": "^7.1.0",
  "@vue/eslint-config-typescript": "^11.0.0",
  "@vue/tsconfig": "^0.4.0",
@@ -32,8 +29,8 @@
  "npm-run-all": "^4.1.5",
  "prettier": "^2.8.7",
  "sass": "^1.62.1",
- "typescript": "~5.0.3",
- "vite": "^3.2.4",
- "vue-tsc": "^1.2.0"
+ "typescript": "^5.0.2",
+ "vite": "^4.4.5",
+ "vue-tsc": "^1.8.5"
  }
 }

embedded/LogOtter.CosmosDb.EventStore.EventStreamUI/src/components/EventBody.vue

@@ -1,5 +1,5 @@
 <script lang="ts">
-import type { EventStreamsService } from "@/services/EventStreamsService";
+import type { EventStreamsService } from "../services/EventStreamsService";
 import { inject } from "vue";
 import JsonViewer from "vue-json-viewer";
 

embedded/LogOtter.CosmosDb.EventStore.EventStreamUI/src/components/EventCard.vue

@@ -1,7 +1,7 @@
 <script lang="ts">
 import { defineComponent, type PropType } from "vue";
-import type { Event } from "@/services/EventStreamsService";
-import EventBody from "@/components/EventBody.vue";
+import type { Event } from "../services/EventStreamsService";
+import EventBody from "../components/EventBody.vue";
 import dayjs from "dayjs";
 import { Tooltip } from "bootstrap";
 

embedded/LogOtter.CosmosDb.EventStore.EventStreamUI/src/components/SideBar.vue

@@ -1,7 +1,7 @@
 <script lang="ts">
 import { defineComponent, inject } from "vue";
-import isVisible from "@/helpers/IsVisible";
-import type { EventStreamsService, EventStream } from "@/services/EventStreamsService";
+import isVisible from "../helpers/IsVisible";
+import type { EventStreamsService, EventStream } from "../services/EventStreamsService";
 
 export default defineComponent({
  setup() {
@@ -112,7 +112,7 @@ export default defineComponent({
  </div>
  <div class="flex-column flex-shrink-0 p-3 text-bg-dark sidebar" :class="{ collapsed: !isExpanded }" ref="sidebar">
  <a href="./#" class="d-flex align-items-center text-white text-decoration-none" @click="() => (isExpanded = false)">
- <img src="@/assets/log-otter-grayscale.svg" class="me-2" width="32" alt="LogOtter" />
+ <img src="../assets/log-otter-grayscale.svg" class="me-2" width="32" alt="LogOtter" />
  <span class="fs-5">Event Stream Viewer</span>
  </a>
  <hr />

embedded/LogOtter.CosmosDb.EventStore.EventStreamUI/src/pages/EventListPage.vue

@@ -1,8 +1,8 @@
 <script lang="ts">
-import StreamIdSearchPanel from "@/components/StreamIdSearchPanel.vue";
-import EventCard from "@/components/EventCard.vue";
-import type { Event, EventStreamsService } from "@/services/EventStreamsService";
-import isVisible from "@/helpers/IsVisible";
+import StreamIdSearchPanel from "../components/StreamIdSearchPanel.vue";
+import EventCard from "../components/EventCard.vue";
+import type { Event, EventStreamsService } from "../services/EventStreamsService";
+import isVisible from "../helpers/IsVisible";
 import { inject } from "vue";
 
 export default {

embedded/LogOtter.CosmosDb.EventStore.EventStreamUI/src/pages/EventStreamPage.vue

@@ -1,6 +1,6 @@
 <script lang="ts">
 import { defineComponent } from "vue";
-import StreamIdSearchPanel from "@/components/StreamIdSearchPanel.vue";
+import StreamIdSearchPanel from "../components/StreamIdSearchPanel.vue";
 
 export default defineComponent({
  components: {

embedded/LogOtter.CosmosDb.EventStore.EventStreamUI/src/pages/EventStreamsListPage.vue

@@ -1,6 +1,6 @@
 <script lang="ts">
-import isVisible from "@/helpers/IsVisible";
-import type { EventStream, EventStreamsService } from "@/services/EventStreamsService";
+import isVisible from "../helpers/IsVisible";
+import type { EventStream, EventStreamsService } from "../services/EventStreamsService";
 import { defineComponent, inject } from "vue";
 
 export default defineComponent({

embedded/LogOtter.CosmosDb.EventStore.EventStreamUI/src/pages/RootPage.vue

@@ -1,9 +1,9 @@
 <script lang="ts">
 import { defineComponent } from "vue";
-import EventStreamsListPage from "@/pages/EventStreamsListPage.vue";
-import EventStreamPage from "@/pages/EventStreamPage.vue";
-import EventListPage from "@/pages/EventListPage.vue";
-import NotFoundPage from "@/pages/NotFoundPage.vue";
+import EventStreamsListPage from "../pages/EventStreamsListPage.vue";
+import EventStreamPage from "../pages/EventStreamPage.vue";
+import EventListPage from "../pages/EventListPage.vue";
+import NotFoundPage from "../pages/NotFoundPage.vue";
 
 export default defineComponent({
  data() {

embedded/LogOtter.CosmosDb.EventStore.EventStreamUI/tsconfig.json

@@ -1,11 +1,25 @@
 {
- "files": [],
- "references": [
- {
- "path": "./tsconfig.node.json"
- },
- {
- "path": "./tsconfig.app.json"
- }
- ]
+ "compilerOptions": {
+ "target": "ES2020",
+ "useDefineForClassFields": true,
+ "module": "ESNext",
+ "lib": ["ES2020", "DOM", "DOM.Iterable"],
+ "skipLibCheck": true,
+
+ /* Bundler mode */
+ "moduleResolution": "bundler",
+ "allowImportingTsExtensions": true,
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "noEmit": true,
+ "jsx": "preserve",
+
+ /* Linting */
+ "strict": true,
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "noFallthroughCasesInSwitch": true
+ },
+ "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+ "references": [{ "path": "./tsconfig.node.json" }]
 }

embedded/LogOtter.CosmosDb.EventStore.EventStreamUI/tsconfig.node.json

@@ -1,9 +1,10 @@
 {
- "extends": "@tsconfig/node18/tsconfig.json",
- "include": ["vite.config.*", "vitest.config.*", "cypress.config.*", "playwright.config.*"],
  "compilerOptions": {
  "composite": true,
+ "skipLibCheck": true,
  "module": "ESNext",
- "types": ["node"]
- }
+ "moduleResolution": "bundler",
+ "allowSyntheticDefaultImports": true
+ },
+ "include": ["vite.config.ts"]
 }

embedded/LogOtter.CosmosDb.EventStore.EventStreamUI/vite.config.ts

@@ -1,14 +1,7 @@
-import { fileURLToPath, URL } from "node:url";
-
 import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
 
 // https://vitejs.dev/config/
 export default defineConfig({
  plugins: [vue()],
- resolve: {
- alias: {
- "@": fileURLToPath(new URL("./src", import.meta.url)),
- },
- },
 });

src/LogOtter.CosmosDb.EventStore/EventStreamUI/wwwroot/index.html

@@ -5,8 +5,8 @@
  <link rel="icon" href="./favicon.ico" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Event Stream Viewer</title>
- <script type="module" crossorigin src="./assets/index.687e43a3.js"></script>
- <link rel="stylesheet" href="./assets/index.be5204d5.css">
+ <script type="module" crossorigin src="./assets/index-eb4181a2.js"></script>
+ <link rel="stylesheet" href="./assets/index-e189ad98.css">
  </head>
  <body>
  <main id="app" class="d-flex flex-nowrap"></main>