@fdm-monster/client-next 0.0.1

package/src/vite-env.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

package/test/setup-axios-mock.ts

@@ -0,0 +1,15 @@
+import { beforeAll, afterAll } from 'vitest'
+import axios from 'axios'
+import MockAdapter from 'axios-mock-adapter'
+
+const mock = new MockAdapter(axios)
+
+beforeAll(() => {
+  mock.onGet('/api/auth/login-required').reply(200, {
+    loginRequired: true
+  })
+})
+
+afterAll(() => {
+  mock.restore() // Restore the original Axios behavior after all tests
+})

package/tsconfig.json

@@ -0,0 +1,47 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "jsx": "preserve",
+    "lib": [
+      "DOM",
+      "ESNext"
+    ],
+    "baseUrl": "./",
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "paths": {
+      "@/*": [
+        "./src/*"
+      ]
+    },
+    "resolveJsonModule": true,
+    "types": [
+      "vite/client"
+    ],
+    "allowJs": true,
+    "strict": true,
+    "strictNullChecks": true,
+    "noUnusedLocals": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
+    "skipLibCheck": true,
+    "sourceMap": true
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.d.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue"
+  ],
+  "exclude": [
+    "dist",
+    "node_modules",
+    "cypress"
+  ],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    }
+  ]
+}

package/tsconfig.node.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.mts"]
+}

package/vite.config.mts

@@ -0,0 +1,106 @@
+// Plugins
+import AutoImport from 'unplugin-auto-import/vite'
+import Components from 'unplugin-vue-components/vite'
+import Fonts from 'unplugin-fonts/vite'
+import Vue from '@vitejs/plugin-vue'
+import Vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
+
+// Utilities
+import { defineConfig } from 'vite'
+import { fileURLToPath, URL } from 'url'
+import packageJson from './package.json'
+import { sentryVitePlugin } from '@sentry/vite-plugin'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    // {
+    //   name: "vitest-plugin-beforeall",
+    //   config: () => ({
+    //     test: { setupFiles: ["@vitest/web-worker", "./vitest/beforeall.ts"] },
+    //   }),
+    // },
+    AutoImport({
+      imports: ['vue'],
+      dts: 'src/auto-imports.d.ts',
+      eslintrc: {
+        enabled: true
+      },
+      vueTemplate: true
+    }),
+    // https://github.com/unplugin/unplugin-vue-components
+    Components({
+      dts: 'src/components.d.ts'
+    }),
+    Vue({
+      template: { transformAssetUrls }
+    }),
+    // https://github.com/vuetifyjs/vuetify-loader/tree/master/packages/vite-plugin#readme
+    Vuetify({
+      autoImport: true,
+      styles: {
+        configFile: 'src/styles/settings.scss'
+      }
+    }),
+    // Put the Sentry vite plugin after all other plugins
+    sentryVitePlugin({
+      telemetry: false,
+      org: 'fdm-monster',
+      project: 'fdm-monster-client',
+      // Specify the directory containing build artifacts
+      include: './dist',
+      // Auth tokens can be obtained from https://sentry.io/settings/account/api/auth-tokens/
+      // and needs the `project:releases` and `org:read` scopes
+      authToken: process.env.SENTRY_AUTH_TOKEN,
+      // Optionally uncomment the line below to override automatic release name detection
+      release: packageJson.version,
+      dryRun: !process.env.SENTRY_AUTH_TOKEN?.length
+    }),
+    Fonts({
+      google: {
+        families: [
+          {
+            name: 'Roboto',
+            styles: 'wght@100;300;400;500;700;900'
+          }
+        ]
+      }
+    })
+  ],
+  define: {
+    'process.env': {},
+    'import.meta.env.PACKAGE_VERSION': JSON.stringify(packageJson.version)
+  },
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url))
+    },
+    extensions: [
+      '.js',
+      '.json',
+      '.jsx',
+      '.mjs',
+      '.ts',
+      '.tsx',
+      '.vue',
+      '.png',
+      '.css',
+      '.scss'
+    ]
+  },
+  test: {
+    globals: true,
+    // globalSetup: ["./vitest/setup.ts"],
+    setupFiles: ['./test/setup-axios-mock.ts'],
+    environment: 'jsdom',
+    deps: {
+      inline: ['vuetify']
+    }
+  },
+  build: {
+    sourcemap: true
+  },
+  server: {
+    port: 3000
+  }
+})