@fdm-monster/client-next 0.0.27 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.html CHANGED
@@ -1,153 +1,35 @@
1
1
  <!DOCTYPE html>
2
- <html lang="en">
3
-
2
+ <!-- overflow-y is needed due to generic/_reset.scss applying a scrollbar, fixed in Vuetify 4 -->
3
+ <html lang="en" style="overflow-y: auto">
4
4
  <head>
5
5
  <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="anonymous">
6
6
  <link rel="preload" as="style" onload="this.rel=&#39;stylesheet&#39;" href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&amp;display=swap">
7
7
  <link rel="preload" as="font" type="font/eot" href="/assets/MaterialIcons-Regular-BjXOXp5c.eot" crossorigin="anonymous">
8
8
  <link rel="preload" as="font" type="font/woff2" href="/assets/MaterialIcons-Regular-DOtZ65Va.woff2" crossorigin="anonymous">
9
+ <link rel="preload" as="font" type="font/eot" href="/assets/materialdesignicons-webfont-CSr8KVlo.eot" crossorigin="anonymous">
9
10
  <link rel="preload" as="font" type="font/woff" href="/assets/MaterialIcons-Regular-FsbMSDLx.woff" crossorigin="anonymous">
11
+ <link rel="preload" as="font" type="font/woff2" href="/assets/materialdesignicons-webfont-Dp5v-WZN.woff2" crossorigin="anonymous">
10
12
  <link rel="preload" as="font" type="font/ttf" href="/assets/MaterialIcons-Regular-DEUTIz1o.ttf" crossorigin="anonymous">
13
+ <link rel="preload" as="font" type="font/woff" href="/assets/materialdesignicons-webfont-PXm3-2wK.woff" crossorigin="anonymous">
14
+ <link rel="preload" as="font" type="font/ttf" href="/assets/materialdesignicons-webfont-B7mPwVP_.ttf" crossorigin="anonymous">
11
15
 
12
16
  <meta charset="UTF-8" />
13
17
  <link rel="icon" href="/favicon.ico" />
14
18
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
15
19
  <title>FDM Monster</title>
16
- <script type="module" crossorigin src="/assets/index-f6jB29eV.js"></script>
17
- <link rel="stylesheet" crossorigin href="/assets/index-BZk9iFrb.css">
18
-
19
- <style id="vpss-style">
20
- #vpss {
21
- display: flex;
22
- flex-direction: column;
23
- justify-content: center;
24
- align-items: center;
25
- gap: 16px;
26
- position: fixed;
27
- background-color: var(--vpss-bg-splash, rgb(40, 40, 40));
28
- top: 0;
29
- right: 0;
30
- left: 0;
31
- bottom: 0;
32
- z-index: 99999;
33
- opacity: 1;
34
- }
35
-
36
- #vpss.vpss-hidden {
37
- pointer-events: none;
38
- animation: vpss-hide 200ms forwards;
39
- }
40
-
41
- @keyframes vpss-hide {
42
- from {
43
- opacity: 1;
44
- }
45
- to {
46
- opacity: 0;
47
- }
48
- }
49
- #vpss .vpss-loader {
50
- display: inline-block;
51
- position: relative;
52
- width: 72px;
53
- height: 10px;
54
- }
55
-
56
- #vpss .vpss-loader .vpss-dot {
57
- position: absolute;
58
- width: 10px;
59
- height: 10px;
60
- border-radius: 50%;
61
- background: #1eb6c3;
62
- animation-timing-function: cubic-bezier(0, 1, 1, 0);
63
- }
64
-
65
- #vpss .vpss-loader .vpss-dot:nth-child(1) {
66
- left: 8px;
67
- animation: vpss-dot1 0.6s infinite;
68
- }
69
-
70
- #vpss .vpss-loader .vpss-dot:nth-child(2) {
71
- left: 8px;
72
- animation: vpss-dot2 0.6s infinite;
73
- }
74
-
75
- #vpss .vpss-loader .vpss-dot:nth-child(3) {
76
- left: 32px;
77
- animation: vpss-dot2 0.6s infinite;
78
- }
79
-
80
- #vpss .vpss-loader .vpss-dot:nth-child(4) {
81
- left: 56px;
82
- animation: vpss-dot3 0.6s infinite;
83
- }
84
-
85
- @keyframes vpss-dot1 {
86
- 0% {
87
- transform: scale(0);
88
- }
89
- 100% {
90
- transform: scale(1);
91
- }
92
- }
93
-
94
- @keyframes vpss-dot2 {
95
- 0% {
96
- transform: translate(0, 0);
97
- }
98
- 100% {
99
- transform: translate(24px, 0);
100
- }
101
- }
102
-
103
- @keyframes vpss-dot3 {
104
- 0% {
105
- transform: scale(1);
106
- }
107
- 100% {
108
- transform: scale(0);
109
- }
110
- }
111
- </style>
112
- </head>
20
+ <style>
21
+ html,
22
+ body,
23
+ #app {
24
+ background-color: #121212; /* should match the Vuetify theme background */
25
+ }
26
+ </style>
27
+ <script type="module" crossorigin src="/assets/index-BSN99B_g.js"></script>
28
+ <link rel="stylesheet" crossorigin href="/assets/index-D27mWBqZ.css">
29
+ </head>
113
30
 
114
31
  <body>
115
32
  <div id="app"></div>
116
-
117
- <div id="vpss">
118
- <div class="vpss-logo"><?xml version="1.0" encoding="UTF-8"?>
119
- <svg id="svg2" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="72" height="72"
120
- viewBox="0 0 412 412">
121
- <defs>
122
- <style>.cls-1{fill:#e60012;}</style>
123
- </defs>
124
- <g>
125
- <circle cx="206.21" cy="206.21" r="206.21"/>
126
- <path d="M34.9,185.49c-.71,5.88-1.13,11.86-1.26,17.9,22.27-14.3,45.49-25.72,45.49-25.72-14.56-.07-33.13,4.59-44.23,7.82Z"/>
127
- <g>
128
- <path class="cls-1"
129
- d="M127.11,154.6c-21.55,.7-61.54,5-91.52,25.69-3.61,2.49-7.07,5.22-10.34,8.21,0,0,3.78-1.31,9.64-3.01,11.1-3.23,29.67-7.89,44.23-7.82,0,0-23.22,11.42-45.49,25.72-.03,1.28-.05,2.55-.05,3.83,0,7.19,.44,14.27,1.26,21.23,28.85-38.28,73.71-64.21,92.26-73.85Z"/>
130
- <path class="cls-1"
131
- d="M316.16,304.46c-13.24,9.59-32.06,2.21-26.71-14.19,0,0-8.39,6.35-16.59-1.14-8.2-7.49-5.32-14.28-5.32-14.28,0,0-4.76,5.93-15.82-1.2-4.18-2.69-4.92-3.16-6.61-8.41-5.2-16.2,.4-27.23,11.47-36.03,14.05-11.62,27.38-10.43,32.98-10.03,18.18,1.3,21.3,16.88,21.3,16.88,49.54-20.18,37.78,30.33,37.78,30.33,25.69-9.17,21.51-58.49,21.51-58.49-63.73,1.75-69.01-33.33-69.01-33.33h0c-73.34-32.35-98.93-136.88-98.93-136.88-10.09,33.49,8.45,101.01,8.45,101.01-41.28-21.1-66.05-63.3-66.05-63.3-2.69,20.6,29.6,66.99,31.13,69.18-1.05-1.46-16.46-21.08-81.61-15.27,0,0,43.43,8.91,47.96,23.52-1.19,.34-2.36,.68-3.53,1.02-45.03,20.97-82.6,57.7-102.36,83.99,8.94,52.17,40.31,96.68,83.84,123.22-29.33-58.5,4.94-109.29,21.47-121.26,15.22-11.02,28.12-12.32,34.24-10.75-8.32-18.53-31.75-29.17-31.75-29.17,45.98,15.71,39.57,45.39,39.57,45.39,0,0-4.35,14.14-5.8,13.79-.09,.17-.14,.26-.14,.26,105.64,26.71,92.52,74.54,92.52,74.54,37.61-6.42,46.18-29.67,46.18-29.67m-22.54-100.14c-4.43,.24-20.05-7.97-25.11-12.39-5.9-5.16-15.37-31.65-15.37-31.65,0,0,14.68,12.21,25.98,21.53,9.88,8.15,16.96,13.82,18.1,17.98l-3.6,4.53Z"/>
132
- </g>
133
- </g>
134
- </svg>
135
- </div>
136
- <div class="vpss-loader">
137
- <div class="vpss-dot"></div>
138
- <div class="vpss-dot"></div>
139
- <div class="vpss-dot"></div>
140
- <div class="vpss-dot"></div>
141
- </div>
142
- </div>
143
- <script>
144
- (function () {
145
- window.__VPSS__ = {
146
- renderedAt: new Date().getTime(),
147
- minDurationMs: 1000,
148
- };
149
- })();
150
- </script>
151
- </body>
33
+ </body>
152
34
 
153
35
  </html>
package/index.html CHANGED
@@ -1,11 +1,18 @@
1
1
  <!DOCTYPE html>
2
- <html lang="en">
3
-
2
+ <!-- overflow-y is needed due to generic/_reset.scss applying a scrollbar, fixed in Vuetify 4 -->
3
+ <html lang="en" style="overflow-y: auto">
4
4
  <head>
5
5
  <meta charset="UTF-8" />
6
6
  <link rel="icon" href="/favicon.ico" />
7
7
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
8
8
  <title>FDM Monster</title>
9
+ <style>
10
+ html,
11
+ body,
12
+ #app {
13
+ background-color: #121212; /* should match the Vuetify theme background */
14
+ }
15
+ </style>
9
16
  </head>
10
17
 
11
18
  <body>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fdm-monster/client-next",
3
- "version": "0.0.27",
3
+ "version": "0.1.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/fdm-monster/fdm-monster-client-next.git"
package/tsconfig.json CHANGED
@@ -31,7 +31,8 @@
31
31
  "include": [
32
32
  "src/**/*.ts",
33
33
  "src/**/*.d.ts",
34
- "src/**/*.vue"
34
+ "src/**/*.vue",
35
+ "test/**/*.ts"
35
36
  ],
36
37
  "exclude": [
37
38
  "dist",
package/vite.config.ts CHANGED
@@ -1,27 +1,19 @@
1
- // Plugins
2
1
  import AutoImport from 'unplugin-auto-import/vite'
3
2
  import Components from 'unplugin-vue-components/vite'
4
3
  import Fonts from 'unplugin-fonts/vite'
5
4
  import Vue from '@vitejs/plugin-vue'
6
5
  import Vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
7
-
8
- // Utilities
9
6
  import { defineConfig } from 'vite'
10
7
  import { fileURLToPath, URL } from 'node:url'
11
8
  import packageJson from './package.json'
12
9
  import { sentryVitePlugin } from '@sentry/vite-plugin'
13
- import { splashScreen } from './plugins/plugin'
14
10
 
15
11
  // https://vitejs.dev/config/
12
+ // As advised by vite 7 docs, we now use sass-embedded for increased vuetify/sass performance
16
13
  export default defineConfig({
14
+ // Avoid console jumping around:
15
+ clearScreen: false,
17
16
  plugins: [
18
- splashScreen({
19
- logoSrc: 'img/logo.svg',
20
- splashBg: 'rgb(40, 40, 40)',
21
- loaderType: 'dots',
22
- loaderBg: 'rgb(155, 5, 5)',
23
- minDurationMs: 1000
24
- }),
25
17
  AutoImport({
26
18
  imports: ['vue'],
27
19
  dts: 'src/auto-imports.d.ts',