@fdm-monster/client-next 0.0.7 → 0.0.9

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.
@@ -0,0 +1,113 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg
3
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
4
+ xmlns:cc="http://creativecommons.org/ns#"
5
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
6
+ xmlns:svg="http://www.w3.org/2000/svg"
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
9
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
10
+ width="100%"
11
+ height="100%"
12
+ viewBox="0 0 768 624"
13
+ version="1.1"
14
+ xml:space="preserve"
15
+ style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"
16
+ id="svg40"
17
+ sodipodi:docname="klipper.svg"
18
+ inkscape:version="0.92.4 (unknown)"
19
+ inkscape:export-filename="/home/kevin/src/reprap/firmware/klipper/logs/logo-20190416/klipper6.svg.png"
20
+ inkscape:export-xdpi="96"
21
+ inkscape:export-ydpi="96"><metadata
22
+ id="metadata46"><rdf:RDF><cc:Work
23
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
24
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
25
+ id="defs44">
26
+ </defs><sodipodi:namedview
27
+ pagecolor="#ffffff"
28
+ bordercolor="#666666"
29
+ borderopacity="1"
30
+ objecttolerance="10"
31
+ gridtolerance="10"
32
+ guidetolerance="10"
33
+ inkscape:pageopacity="0"
34
+ inkscape:pageshadow="2"
35
+ inkscape:window-width="1920"
36
+ inkscape:window-height="1030"
37
+ id="namedview42"
38
+ showgrid="false"
39
+ inkscape:zoom="0.95"
40
+ inkscape:cx="327.89418"
41
+ inkscape:cy="289.76441"
42
+ inkscape:window-x="0"
43
+ inkscape:window-y="0"
44
+ inkscape:window-maximized="1"
45
+ inkscape:current-layer="svg40"
46
+ showguides="false"
47
+ showborder="false"><inkscape:grid
48
+ type="xygrid"
49
+ id="grid905" /></sodipodi:namedview>
50
+ <path
51
+ style="fill:#3c4b5a"
52
+ d="m 30,34 v 140 l 260,255 115,-5 h 80 L 730,174 V 34 H 720 L 385,374 40,34 Z"
53
+ id="path2"
54
+ inkscape:connector-curvature="0"
55
+ sodipodi:nodetypes="ccccccccccc" /><path
56
+ style="fill:#3c4b5a;stroke-width:1.03280997"
57
+ d="m 140,418 -58,57 1,25 v 19 l 57,57 h 27 v -1 L 91,496.5 167,419 v -1 z"
58
+ id="path8"
59
+ inkscape:connector-curvature="0"
60
+ sodipodi:nodetypes="ccccccccccc" /><g
61
+ transform="translate(-1.08348e-4,0.048)"
62
+ id="g17">
63
+ <path
64
+ d="m 83.041215,464.92108 h 0.001 l -0.04211,27.03092 h 11 l 73.000005,-74 v 14.301 l -63,64.199 63,65.5 v 14 l -73.000002,-75 h -13 c -2,0 -4,-2 -4,-4 h -2 v -33 h 2 c 0,-1 1,-2 3.00004,-2 1.99996,0 2.99996,1 2.99996,2 z"
65
+ style="fill:#b12f35"
66
+ id="path15"
67
+ inkscape:connector-curvature="0"
68
+ sodipodi:nodetypes="cccccccccccccccccc" />
69
+ </g><g
70
+ id="path839"
71
+ transform="matrix(1.03281,0,0,1.0326797,24.31099,-21.921569)">
72
+ <rect
73
+ x="21"
74
+ y="426"
75
+ width="30.015202"
76
+ height="153"
77
+ style="fill:#3c4b5a;fill-rule:nonzero"
78
+ id="rect12" />
79
+ </g><rect
80
+ x="247"
81
+ y="469"
82
+ width="24"
83
+ height="107"
84
+ style="fill:#3c4b5a;stroke-width:1.19609642"
85
+ id="rect23" /><path
86
+ d="m 371.98888,521.45953 c 0,-10.8903 -2.45322,-19.36013 -7.36207,-25.4107 -4.90765,-6.05057 -12.80741,-9.07465 -23.69929,-9.07465 -2.28639,0 -4.6724,0.10081 -7.16044,0.30241 -2.48802,0.20161 -4.94125,0.63842 -7.36207,1.31044 v 60.29926 c 2.15197,1.47844 5.00967,2.85727 8.57188,4.13411 3.56342,1.27684 7.36208,1.91526 11.39597,1.91526 8.87554,0 15.36385,-3.02409 19.46496,-9.07465 4.10111,-6.05057 6.15106,-14.18439 6.15106,-24.40148 z M 397,521.05632 c 0,8.06663 -1.04178,15.46123 -3.12654,22.18261 -2.08476,6.72259 -5.07568,12.50434 -8.97515,17.34409 -3.89947,4.83973 -8.77472,8.60423 -14.62333,11.29351 -5.8498,2.68927 -12.47254,4.0333 -19.86702,4.0333 -4.97606,0 -9.54765,-0.60481 -13.71597,-1.81445 -4.16832,-1.21082 -7.59731,-2.55487 -10.28698,-4.03451 V 611 H 302 V 471.64736 c 4.97486,-1.34524 11.09352,-2.62207 18.35477,-3.83171 C 327.61602,466.60482 335.28055,466 343.34834,466 c 8.33664,0 15.79953,1.27684 22.38866,3.83171 6.58794,2.55487 12.20251,6.21857 16.84131,10.9911 4.6388,4.77253 8.20221,10.5543 10.69024,17.34408 2.48684,6.78859 3.73145,14.4184 3.73145,22.88943 z"
87
+ style="fill:#3c4b5a;fill-rule:nonzero;stroke-width:1.20011997"
88
+ id="path25"
89
+ inkscape:connector-curvature="0" /><path
90
+ d="m 492.9892,521.45953 c 0,-10.8903 -2.4544,-19.36013 -7.36198,-25.4107 -4.90759,-6.05057 -12.80725,-9.07465 -23.699,-9.07465 -2.28636,0 -4.67354,0.10081 -7.16034,0.30241 -2.488,0.20161 -4.94119,0.63842 -7.36197,1.31044 v 60.29926 c 2.15074,1.47844 5.00839,2.85727 8.57176,4.13411 3.56337,1.27684 7.36198,1.91526 11.39582,1.91526 8.87423,0 15.36246,-3.02409 19.46352,-9.07465 4.10106,-6.05057 6.15219,-14.18439 6.15219,-24.40148 z M 518,521.05632 c 0,8.06663 -1.04297,15.46123 -3.1265,22.18261 -2.08474,6.72259 -5.07681,12.50434 -8.97624,17.34409 -3.89942,4.83973 -8.77341,8.60423 -14.62314,11.29351 -5.84854,2.68927 -12.47119,4.0333 -19.86677,4.0333 -4.9748,0 -9.54633,-0.60481 -13.7146,-1.81445 -4.16827,-1.21082 -7.59722,-2.55487 -10.28684,-4.03451 V 611 H 423 V 471.64736 c 4.97599,-1.34524 11.09337,-2.62207 18.35454,-3.83171 C 448.61569,466.60482 456.28012,466 464.34782,466 c 8.33773,0 15.80052,1.27684 22.38838,3.83171 6.58905,2.55487 12.20235,6.21857 16.84229,10.9911 4.63875,4.77253 8.20211,10.5543 10.69012,17.34408 2.48679,6.78859 3.73139,14.4184 3.73139,22.88943 z"
91
+ style="fill:#3c4b5a;fill-rule:nonzero;stroke-width:1.20011246"
92
+ id="path27"
93
+ inkscape:connector-curvature="0" /><path
94
+ d="m 537,521.00591 c 0,-9.30123 1.37492,-17.45591 4.12595,-24.46521 2.74984,-7.00931 6.40632,-12.83838 10.96942,-17.48839 4.56191,-4.65121 9.79451,-8.15587 15.699,-10.51396 5.90328,-2.3593 11.94191,-3.53835 18.11469,-3.53835 14.49054,0 25.79531,4.51527 33.91308,13.5458 8.11897,9.03174 12.17786,22.51016 12.17786,40.43768 0,1.34749 -0.0335,2.8646 -0.1006,4.54896 -0.0671,1.68555 -0.16768,3.20147 -0.30182,4.55015 h -69.43942 c 0.67068,8.49155 3.65646,15.06171 8.95733,19.71294 5.29967,4.65001 12.98149,6.97562 23.04547,6.97562 5.9033,0 11.30477,-0.5402 16.20202,-1.61818 4.89726,-1.07799 8.75493,-2.22335 11.57304,-3.43729 l 3.22052,20.01612 c -1.34138,0.67495 -3.18699,1.38237 -5.53561,2.12349 -2.34742,0.74112 -5.03139,1.41485 -8.05071,2.02242 -3.01811,0.60637 -6.27217,1.11168 -9.76096,1.51592 -3.4888,0.40425 -7.04467,0.60637 -10.66761,0.60637 -9.25915,0 -17.30985,-1.38116 -24.15211,-4.14471 -6.84346,-2.76354 -12.47968,-6.60507 -16.90744,-11.52457 -4.42778,-4.91951 -7.71537,-10.7161 -9.86278,-17.38854 C 538.0731,536.27095 537,528.95845 537,521.00591 Z m 70.64548,-10.91821 c 0,-3.36991 -0.46948,-6.57138 -1.40846,-9.60442 -0.93897,-3.03303 -2.31508,-5.66063 -4.12595,-7.88517 -1.81207,-2.22335 -4.02535,-3.97627 -6.64226,-5.25638 -2.61689,-1.28131 -5.73561,-1.92137 -9.35855,-1.92137 -3.75708,0 -7.04466,0.70743 -9.86278,2.1235 -2.8181,1.41484 -5.19906,3.26883 -7.14527,5.55956 -1.94501,2.29192 -3.45526,4.92071 -4.52837,7.88516 -1.0731,2.96567 -1.81206,5.99871 -2.21447,9.09912 z"
95
+ style="fill:#3c4b5a;fill-rule:nonzero;stroke-width:1.20038378"
96
+ id="path29"
97
+ inkscape:connector-curvature="0" /><path
98
+ d="m 717.7869,492.26931 c -2.00567,-0.67394 -4.78138,-1.38159 -8.32593,-2.12292 -3.54453,-0.74135 -7.65736,-1.11202 -12.33845,-1.11202 -2.67542,0 -5.51799,0.26957 -8.52649,0.80874 -3.0097,0.53915 -5.11684,1.01091 -6.32025,1.41528 V 576 H 658 V 475.28104 c 4.68109,-1.75347 10.53216,-3.40464 17.55439,-4.95472 C 682.57663,468.77504 690.36771,468 698.92762,468 c 1.60574,0 3.47769,0.10109 5.61827,0.30328 2.13938,0.20218 4.27996,0.47176 6.42053,0.80873 2.13939,0.33697 4.2131,0.74255 6.21878,1.21431 2.00687,0.47176 3.6114,0.90983 4.8148,1.3142 z"
99
+ style="fill:#3c4b5a;fill-rule:nonzero;stroke-width:1.19865453"
100
+ id="path31"
101
+ inkscape:connector-curvature="0" /><path
102
+ sodipodi:nodetypes="cccccccccccccc"
103
+ d="M 259,424 H 360 V 359 L 30,34 H 90 L 385,324 670,34 h 60 L 410,359 v 84.99783 C 410,449 405,454 400,454 H 259 c -12,0 -14,-10 -14,-15 0,-5 2,-15 14,-15 z"
104
+ style="fill:#b12f35"
105
+ id="path35"
106
+ inkscape:connector-curvature="0" />
107
+ <rect
108
+ id="rect12-6"
109
+ style="clip-rule:evenodd;fill:#3c4b5a;fill-rule:nonzero;stroke-width:1.03280997;stroke-linejoin:round;stroke-miterlimit:1.41420996"
110
+ height="158"
111
+ width="24"
112
+ y="418"
113
+ x="191" /></svg>
@@ -0,0 +1,144 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <!-- Created with Inkscape (http://www.inkscape.org/) -->
3
+
4
+ <svg
5
+ width="119.2866"
6
+ height="108.72864"
7
+ id="svg2"
8
+ version="1.1"
9
+ inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
10
+ sodipodi:docname="octoprint-tentacle.svg"
11
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
12
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
13
+ xmlns="http://www.w3.org/2000/svg"
14
+ xmlns:svg="http://www.w3.org/2000/svg"
15
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
16
+ xmlns:cc="http://creativecommons.org/ns#"
17
+ xmlns:dc="http://purl.org/dc/elements/1.1/">
18
+ <defs
19
+ id="defs4">
20
+ <clipPath
21
+ clipPathUnits="userSpaceOnUse"
22
+ id="clipPath2999">
23
+ <path
24
+ d="M 0,600 H 800 V 0 H 0 Z"
25
+ id="path3001" />
26
+ </clipPath>
27
+ <clipPath
28
+ clipPathUnits="userSpaceOnUse"
29
+ id="clipPath3179">
30
+ <path
31
+ d="M 351,309.913 H 484 V 175.812 H 351 Z"
32
+ id="path3181" />
33
+ </clipPath>
34
+ <clipPath
35
+ clipPathUnits="userSpaceOnUse"
36
+ id="clipPath3195">
37
+ <path
38
+ d="m 361.6,295.312 h 19.5 v -19 h -19.5 z"
39
+ id="path3197" />
40
+ </clipPath>
41
+ <clipPath
42
+ clipPathUnits="userSpaceOnUse"
43
+ id="clipPath3211">
44
+ <path
45
+ d="m 351.7,260.413 h 16 v -15 h -16 z"
46
+ id="path3213" />
47
+ </clipPath>
48
+ <clipPath
49
+ clipPathUnits="userSpaceOnUse"
50
+ id="clipPath3227">
51
+ <path
52
+ d="m 344.1,254.212 h 8.3 v -3.9 h -8.3 z"
53
+ id="path3229" />
54
+ </clipPath>
55
+ <clipPath
56
+ clipPathUnits="userSpaceOnUse"
57
+ id="clipPath3243">
58
+ <path
59
+ d="m 340.9,226.913 h 44.9 v -51 h -44.9 z"
60
+ id="path3245" />
61
+ </clipPath>
62
+ <clipPath
63
+ clipPathUnits="userSpaceOnUse"
64
+ id="clipPath3259">
65
+ <path
66
+ d="m 351.7,230.012 h 63.7 v -48.3 h -63.7 z"
67
+ id="path3261" />
68
+ </clipPath>
69
+ <clipPath
70
+ clipPathUnits="userSpaceOnUse"
71
+ id="clipPath3299">
72
+ <path
73
+ d="m 385.8,184.512 h 53.4 v -9.275 h -53.4 z"
74
+ id="path3301" />
75
+ </clipPath>
76
+ <clipPath
77
+ clipPathUnits="userSpaceOnUse"
78
+ id="clipPath3323">
79
+ <path
80
+ d="m 426.9,185.212 h 18 v -3.6 h -18 z"
81
+ id="path3325" />
82
+ </clipPath>
83
+ </defs>
84
+ <sodipodi:namedview
85
+ id="base"
86
+ pagecolor="#ffffff"
87
+ bordercolor="#666666"
88
+ borderopacity="1.0"
89
+ inkscape:pageopacity="0.0"
90
+ inkscape:pageshadow="2"
91
+ inkscape:zoom="0.98994949"
92
+ inkscape:cx="73.741136"
93
+ inkscape:cy="-90.913729"
94
+ inkscape:document-units="px"
95
+ inkscape:current-layer="g2997"
96
+ showgrid="false"
97
+ borderlayer="false"
98
+ inkscape:window-width="3072"
99
+ inkscape:window-height="1630"
100
+ inkscape:window-x="0"
101
+ inkscape:window-y="0"
102
+ inkscape:window-maximized="1"
103
+ inkscape:showpageshadow="2"
104
+ inkscape:pagecheckerboard="0"
105
+ inkscape:deskcolor="#d1d1d1" />
106
+ <metadata
107
+ id="metadata7">
108
+ <rdf:RDF>
109
+ <cc:Work
110
+ rdf:about="">
111
+ <dc:format>image/svg+xml</dc:format>
112
+ <dc:type
113
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
114
+ </cc:Work>
115
+ </rdf:RDF>
116
+ </metadata>
117
+ <g
118
+ inkscape:label="Layer 1"
119
+ inkscape:groupmode="layer"
120
+ id="layer1"
121
+ transform="translate(-242.53139,-547.66593)">
122
+ <g
123
+ clip-path="url(#clipPath2999)"
124
+ id="g2997"
125
+ transform="matrix(0.72275231,-1.0198672,-1.0198672,-0.72275231,326.4038,1224.3601)">
126
+ <g
127
+ id="g4632"
128
+ transform="translate(-169.63313,-42.957391)">
129
+ <path
130
+ id="path3017"
131
+ transform="matrix(0.46256148,-0.652715,-0.652715,-0.46256148,648.17639,779.39047)"
132
+ d="m 384.4375,343.625 c -15.99755,0.30664 -30.52222,6.12188 -43.6875,17.78125 -8.14057,6.94712 -13.84608,14.98947 -17.125,24.15625 -2.84209,13.30651 -3.04201,26.33484 -0.65625,38.75 1.42265,7.86377 4.4336,17.15087 9.0625,28.03125 h 32.0625 c -2.23008,-6.5513 -4.39213,-11.64423 -6.4375,-15.375 -8.76436,-16.16947 -10.72333,-31.96741 -5.78125,-47.15625 1.79887,-4.70023 4.24569,-9.24781 7.28125,-13.53125 1.08413,-1.5298 2.49815,-3.12606 4.0625,-4.46875 2.04057,-2.23086 6.6777,-5.0753 14.03125,-8.75 2.88617,-1.47839 5.92925,-2.52099 9.3125,-3.1875 0.4208,-0.16141 3.13198,-0.53808 7.96875,-1.09375 3.16643,-0.36054 7.46794,0.0782 12.9375,1.65625 5.19331,1.53547 9.05886,3.20482 11.8125,5.15625 3.56954,2.52963 6.54008,5.24284 9.09375,8.125 0.67134,0.78218 1.15917,1.40686 1.65625,2.21875 0.90503,1.10099 2.17671,2.76831 3.8125,5 0.91788,0.65048 1.5374,1.2717 1.65625,1.96875 0.33567,0.39109 0.53933,0.54641 0.875,0.9375 0.83275,1.20297 1.67548,2.40055 2.40625,3.53125 0.59907,0.88416 1.04394,1.96113 1.46875,2.875 0.5999,-2.7922 0.49448,-6.54185 -0.65625,-11.1875 -1.37157,-5.41497 -2.97273,-9.15501 -4.8125,-11.53125 -3.8538,-4.72276 -6.14616,-7.58151 -7.09375,-8.40625 -0.23368,-0.31881 -2.36627,-1.83752 -6.34375,-4.65625 -3.67152,-2.60191 -7.53322,-4.72184 -11.375,-6.21875 -7.539,-3.1978 -16.23194,-4.7759 -25.53125,-4.625 z m -30.21875,99.9375 c 0.20397,0.14455 0.34683,0.40148 0.40625,0.75 -0.10199,-0.0723 -0.22375,-0.14494 -0.5,-0.1875 0.14455,-0.20397 0.12346,-0.38824 0.0937,-0.5625 z"
133
+ style="fill:#13c100;fill-opacity:1;fill-rule:nonzero;stroke:none"
134
+ inkscape:connector-curvature="0" />
135
+ <path
136
+ id="path3101"
137
+ transform="matrix(0.46256148,-0.652715,-0.652715,-0.46256148,648.17639,779.39047)"
138
+ d="m 397.125,358.65625 c -0.93277,-0.0147 -1.80214,0.0349 -2.59375,0.125 -4.83677,0.55567 -7.54795,0.93234 -7.96875,1.09375 -3.38325,0.66651 -6.42633,1.70911 -9.3125,3.1875 -7.35355,3.6747 -11.99068,6.51914 -14.03125,8.75 -1.56435,1.34269 -2.97837,2.93895 -4.0625,4.46875 -3.03556,4.28344 -5.48238,8.83102 -7.28125,13.53125 -4.94208,15.18884 -2.98311,30.98678 5.78125,47.15625 2.04537,3.73077 4.20742,8.8237 6.4375,15.375 h 32.375 c -1.17829,-3.4936 -2.92961,-7.46935 -5.40625,-11.9375 -1.87349,-3.62578 -4.0443,-7.45858 -6.5,-11.34375 -0.10199,-0.0723 -0.0312,-0.15625 -0.0312,-0.15625 -0.39509,-0.73961 -0.74984,-1.31789 -1.1875,-1.78125 -0.23368,-0.31881 -0.39132,-0.55619 -0.625,-0.875 l -1.375,-1.9375 c -0.52679,-0.98615 -1.06542,-1.96936 -1.5625,-2.78125 -1.86948,-2.5505 -3.30033,-4.62469 -4.46875,-6.21875 -0.99416,-1.62377 -1.98282,-3.261 -2.875,-4.8125 -8.48894,-12.45054 -7.74709,-23.23497 2.1875,-32.28125 2.8396,-2.27743 6.15377,-4.38436 10.1875,-5.96875 2.42281,-1.04073 4.99629,-1.81603 7.40625,-2.40625 17.61732,-2.37609 33.1565,3.5878 46.5625,17.53125 -0.73077,-1.1307 -1.5735,-2.35953 -2.40625,-3.5625 -0.33567,-0.39109 -0.53933,-0.51516 -0.875,-0.90625 -0.11885,-0.69705 -0.73837,-1.31827 -1.65625,-1.96875 -1.63579,-2.23169 -2.90747,-3.89901 -3.8125,-5 -0.49708,-0.81189 -0.98491,-1.43657 -1.65625,-2.21875 -2.55367,-2.88216 -5.52421,-5.59537 -9.09375,-8.125 -2.75364,-1.95143 -6.61919,-3.62078 -11.8125,-5.15625 -4.10217,-1.18353 -7.54545,-1.73719 -10.34375,-1.78125 z"
139
+ style="fill:#169300;fill-opacity:1;fill-rule:nonzero;stroke:none"
140
+ inkscape:connector-curvature="0" />
141
+ </g>
142
+ </g>
143
+ </g>
144
+ </svg>
package/dist/index.html CHANGED
@@ -13,12 +13,124 @@
13
13
  <link rel="icon" href="/favicon.ico" />
14
14
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
15
15
  <title>FDM Monster</title>
16
- <script type="module" crossorigin src="/assets/index-f1E1Pxnu.js"></script>
17
- <link rel="stylesheet" crossorigin href="/assets/index-t6W44WJY.css">
18
- </head>
16
+ <script type="module" crossorigin src="/assets/index-q5smeA3f.js"></script>
17
+ <link rel="stylesheet" crossorigin href="/assets/index-62zQFVxx.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: 0px;
29
+ right: 0px;
30
+ left: 0px;
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: var(--vpss-bg-loader, rgb(155, 5, 5));
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>
19
113
 
20
114
  <body>
21
115
  <div id="app"></div>
22
- </body>
116
+
117
+ <div id="vpss">
118
+ <div class="vpss-logo"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="72" height="72" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg></div>
119
+ <div class="vpss-loader">
120
+ <div class="vpss-dot"></div>
121
+ <div class="vpss-dot"></div>
122
+ <div class="vpss-dot"></div>
123
+ <div class="vpss-dot"></div>
124
+ </div>
125
+ </div>
126
+ <script>
127
+ (function () {
128
+ window.__VPSS__ = {
129
+ renderedAt: new Date().getTime(),
130
+ minDurationMs: 0,
131
+ };
132
+ })();
133
+ </script>
134
+ </body>
23
135
 
24
136
  </html>
package/dist/vite.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="72" height="72" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fdm-monster/client-next",
3
- "version": "0.0.7",
3
+ "version": "0.0.9",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/fdm-monster/fdm-monster-client-next.git"
@@ -0,0 +1,123 @@
1
+ import fs from "fs";
2
+ import path from "path";
3
+ import type { PluginOption, ResolvedConfig } from "vite";
4
+
5
+ /**
6
+ * A copy of the plugin vite-plugin-splash-screen
7
+ * https://github.com/Temzasse/vite-plugin-splash-screen/commit/2982d266cf8a7e64b62befb187347058d72ff56a
8
+ */
9
+ type LoaderType = "line" | "dots" | "none";
10
+
11
+ type PluginOptions = {
12
+ logoSrc: string;
13
+ splashBg?: string;
14
+ loaderBg?: string;
15
+ loaderType?: LoaderType;
16
+ minDurationMs?: number;
17
+ };
18
+
19
+ export function splashScreen(options: PluginOptions) {
20
+ if (!options.logoSrc) {
21
+ throw new Error(
22
+ "The `logoSrc` option is required for vite-plugin-splash-screen!"
23
+ );
24
+ }
25
+
26
+ const {
27
+ logoSrc,
28
+ minDurationMs,
29
+ loaderType = "line",
30
+ loaderBg = "#0072f5",
31
+ splashBg = "#ffffff",
32
+ } = options;
33
+
34
+ let config: ResolvedConfig;
35
+
36
+ return {
37
+ name: "vite-plugin-splash-screen",
38
+ configResolved(resolvedConfig: any) {
39
+ config = resolvedConfig;
40
+ },
41
+ transformIndexHtml(html: string) {
42
+ const baseStyles = readPluginFile("styles.css");
43
+
44
+ let loaderStyles = "";
45
+
46
+ if (loaderType === "line") {
47
+ loaderStyles = readPluginFile("loaders/line.css");
48
+ } else if (loaderType === "dots") {
49
+ loaderStyles = readPluginFile("loaders/dots.css");
50
+ }
51
+
52
+ const logoHtml = fs.readFileSync(
53
+ path.resolve(config.publicDir, logoSrc),
54
+ "utf8"
55
+ );
56
+
57
+ const splash = splashTemplate({
58
+ logoHtml,
59
+ loaderType,
60
+ minDurationMs,
61
+ });
62
+
63
+ const styles = `
64
+ <style id="vpss-style">
65
+ ${baseStyles.replace("/*BG_SPLASH*/", splashBg)}
66
+ ${loaderStyles.replace("/*BG_LOADER*/", loaderBg)}
67
+ </style>
68
+ `;
69
+
70
+ return (
71
+ html
72
+ // Add styles to end of head
73
+ .replace("</head>", `${styles}</head>`)
74
+ // Add splash screen to end of body
75
+ .replace("</body>", `${splash}</body>`)
76
+ );
77
+ },
78
+ } satisfies PluginOption;
79
+ }
80
+
81
+ function splashTemplate({
82
+ logoHtml,
83
+ loaderType,
84
+ minDurationMs,
85
+ }: {
86
+ logoHtml: string;
87
+ loaderType: LoaderType;
88
+ minDurationMs?: number;
89
+ }) {
90
+ /**
91
+ * TODO: add more loader options.
92
+ * Inspiration: https://cssloaders.github.io/
93
+ */
94
+ let loaderHtml = "";
95
+
96
+ if (loaderType === "line") {
97
+ loaderHtml = readPluginFile("loaders/line.html");
98
+ } else if (loaderType === "dots") {
99
+ loaderHtml = readPluginFile("loaders/dots.html");
100
+ }
101
+
102
+ return /*html*/ `
103
+ <div id="vpss">
104
+ <div class="vpss-logo">${logoHtml}</div>
105
+ ${loaderHtml}
106
+ </div>
107
+ <script>
108
+ (function () {
109
+ window.__VPSS__ = {
110
+ renderedAt: new Date().getTime(),
111
+ minDurationMs: ${minDurationMs || 0},
112
+ };
113
+ })();
114
+ </script>
115
+ `;
116
+ }
117
+
118
+ // TODO: is there an easier way to resolve static files relative to the plugin?
119
+ const pluginPath = "src/plugins/dev-splashscreen";
120
+
121
+ function readPluginFile(filePath: string) {
122
+ return fs.readFileSync(path.resolve(pluginPath, filePath), "utf8");
123
+ }
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="72" height="72" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
package/vite.config.mts CHANGED
@@ -10,16 +10,18 @@ import { defineConfig } from 'vite'
10
10
  import { fileURLToPath, URL } from 'url'
11
11
  import packageJson from './package.json'
12
12
  import { sentryVitePlugin } from '@sentry/vite-plugin'
13
+ import { splashScreen } from './plugins/plugin'
13
14
 
14
15
  // https://vitejs.dev/config/
15
16
  export default defineConfig({
16
17
  plugins: [
17
- // {
18
- // name: "vitest-plugin-beforeall",
19
- // config: () => ({
20
- // test: { setupFiles: ["@vitest/web-worker", "./vitest/beforeall.ts"] },
21
- // }),
22
- // },
18
+ splashScreen({
19
+ logoSrc: 'vite.svg',
20
+ splashBg: 'rgb(40, 40, 40)',
21
+ loaderType: 'dots',
22
+ loaderBg: 'rgb(155, 5, 5)',
23
+ minTime: 1000
24
+ }),
23
25
  AutoImport({
24
26
  imports: ['vue'],
25
27
  dts: 'src/auto-imports.d.ts',