@best-shot/dev-server 0.13.2 → 0.13.3

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.
Files changed (4) hide show
  1. package/middleware/not-found/404.html +11 -13
  2. package/middleware/wait-page/index.mjs +1 -1
  3. package/middleware/wait-page/{template.html → template.ejs} +30 -15
  4. package/package.json +1 -1
package/middleware/not-found/404.html CHANGED
@@ -29,7 +29,6 @@
29
29
  display: flex;
30
30
  flex-direction: column;
31
31
  align-items: center;
32
- justify-content: center;
33
32
  margin: 0;
34
33
  background-color: white;
35
34
  height: 100%;
@@ -40,22 +39,15 @@
40
39
 
41
40
  .logo {
42
41
  margin-right: 4%;
43
- width: 44px;
44
- width: 8vw;
45
- width: clamp(32px, 8vw, 54px);
46
- height: 44px;
47
- height: 8vw;
48
- height: clamp(32px, 8vw, 54px);
49
- }
50
-
51
- .not-found {
52
- margin-bottom: 20vh;
53
- width: 60%;
54
- max-width: 400px;
42
+ width: 10vw;
43
+ max-width: 54px;
44
+ height: 10vw;
45
+ max-height: 54px;
55
46
  }
56
47
 
57
48
  header {
58
49
  margin-bottom: 20vh;
50
+ padding-top: 100px;
59
51
  text-align: right;
60
52
  }
61
53
 
@@ -81,6 +73,12 @@
81
73
  font-size: clamp(14px, 4vw, 22px);
82
74
  }
83
75
 
76
+ .not-found {
77
+ margin-bottom: 20vh;
78
+ width: 60%;
79
+ max-width: 400px;
80
+ }
81
+
84
82
  a {
85
83
  color: #9933ff;
86
84
  text-decoration: none;
package/middleware/wait-page/index.mjs CHANGED
@@ -10,7 +10,7 @@ export function apply(compiler) {
10
10
 
11
11
  export function middleware(server) {
12
12
  const template = readFileSync(
13
- new URL('template.html', import.meta.url),
13
+ new URL('template.ejs', import.meta.url),
14
14
  'utf8',
15
15
  );
16
16
 
package/middleware/wait-page/{template.html → template.ejs} RENAMED
@@ -30,7 +30,6 @@
30
30
  display: flex;
31
31
  flex-direction: column;
32
32
  align-items: center;
33
- justify-content: center;
34
33
  margin: 0;
35
34
  background-color: white;
36
35
  height: 100%;
@@ -41,15 +40,14 @@
41
40
 
42
41
  .logo {
43
42
  margin-right: 4%;
44
- width: 44px;
45
- width: 8vw;
46
- width: clamp(32px, 8vw, 54px);
47
- height: 44px;
48
- height: 8vw;
49
- height: clamp(32px, 8vw, 54px);
43
+ width: 10vw;
44
+ max-width: 54px;
45
+ height: 10vw;
46
+ max-height: 54px;
50
47
  }
51
48
 
52
49
  header {
50
+ padding-top: 100px;
53
51
  margin-bottom: 20vh;
54
52
  text-align: right;
55
53
  }
@@ -77,9 +75,26 @@
77
75
  }
78
76
 
79
77
  progress {
78
+ border: none;
80
79
  margin-top: 10px;
81
80
  width: 60%;
82
81
  height: 24px;
82
+ border-radius: 12px;
83
+ }
84
+
85
+ progress::-webkit-progress-bar {
86
+ border-radius: 12px;
87
+ background-color: #eee;
88
+ }
89
+
90
+ progress::-webkit-progress-value {
91
+ border-radius: 12px;
92
+ background-color: #93f;
93
+ }
94
+
95
+ progress::-moz-progress-bar {
96
+ border-radius: 12px;
97
+ background-color: #93f;
83
98
  }
84
99
 
85
100
  @media (prefers-color-scheme: dark) {
@@ -98,15 +113,15 @@
98
113
  <p>Bundling...</p>
99
114
  </header>
100
115
 
101
- &#x3C;% for (var i = 0 ; i &#x3C; progress.length ; i++) { var percent =
102
- Math.round(100 * progress[i][0]); %> &#x3C;%= percent %> %
116
+ <% for (var i = 0 ; i < progress.length ; i++) { var percent =
117
+ Math.round(100 * progress[i][0]); %> <%= percent %> %
103
118
  <progress max="100" value="<%= percent %>"></progress>
104
119
 
105
- <p class="message">&#x3C;%= progress[i][1] || '' %></p>
106
- <p class="modules">&#x3C;%= progress[i][2] || '' %></p>
107
- <p class="active">&#x3C;%= progress[i][3] || '' %></p>
108
- &#x3C;% for (var m = 4 ; m &#x3C; progress[i].length; m++) { %>
109
- <p class="last">&#x3C;%= progress[i][m] || '' %></p>
110
- &#x3C;% } %> &#x3C;% } %>
120
+ <p class="message"><%= progress[i][1] || '' %></p>
121
+ <p class="modules"><%= progress[i][2] || '' %></p>
122
+ <p class="active"><%= progress[i][3] || '' %></p>
123
+ <% for (var m = 4 ; m < progress[i].length; m++) { %>
124
+ <p class="last"><%= progress[i][m] || '' %></p>
125
+ <% } %> <% } %>
111
126
  </body>
112
127
  </html>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@best-shot/dev-server",
3
- "version": "0.13.2",
3
+ "version": "0.13.3",
4
4
  "description": "DevServer support of `@best-shot/cli`",
5
5
  "license": "MIT",
6
6
  "author": {