vitrify 0.18.4 → 0.18.5

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.
@@ -2,7 +2,7 @@ const shortcuts = [
2
2
  [/^fixed-full$/, ([, c], { theme }) => `fixed top-0 right-0 bottom-0 left-0`],
3
3
  [
4
4
  /^fullscreen$/,
5
- ([, c], { theme }) => `fixed !rounded-none max-w-[100vw] max-h-screen top-0 right-0 bottom-0 left-0`
5
+ ([, c], { theme }) => `fixed !rounded-none max-w-[100vw] max-h-screen top-0 right-0 bottom-0 left-0 z-${theme.quasar.z.fullscreen}`
6
6
  ],
7
7
  [
8
8
  /^fixed-center$/,
@@ -103,37 +103,39 @@ const toKebabCase = (str) => str
103
103
  .match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g)
104
104
  ?.map((x) => x.toLowerCase())
105
105
  .join('-') ?? '';
106
+ const QPageStickySafelist = [
107
+ 'relative-position',
108
+ 'fixed',
109
+ 'fixed-full',
110
+ 'fullscreen',
111
+ 'fixed-center',
112
+ 'fixed-bottom',
113
+ 'fixed-left',
114
+ 'fixed-right',
115
+ 'fixed-top',
116
+ 'fixed-top-left',
117
+ 'fixed-top-right',
118
+ 'fixed-bottom-left',
119
+ 'fixed-bottom-right',
120
+ 'absolute',
121
+ 'absolute-full',
122
+ 'absolute-center',
123
+ 'absolute-bottom',
124
+ 'absolute-left',
125
+ 'absolute-right',
126
+ 'absolute-top',
127
+ 'absolute-top-left',
128
+ 'absolute-top-right',
129
+ 'absolute-bottom-left',
130
+ 'absolute-bottom-right',
131
+ 'vertical-top',
132
+ 'vertical-middle',
133
+ 'vertical-bottom'
134
+ ];
106
135
  const componentsSafelistMap = {
107
136
  QSelect: ['q-list', 'q-item', 'q-virtual-scroll', 'q-menu'],
108
- QPageSticky: [
109
- 'relative-position',
110
- 'fixed',
111
- 'fixed-full',
112
- 'fullscreen',
113
- 'fixed-center',
114
- 'fixed-bottom',
115
- 'fixed-left',
116
- 'fixed-right',
117
- 'fixed-top',
118
- 'fixed-top-left',
119
- 'fixed-top-right',
120
- 'fixed-bottom-left',
121
- 'fixed-bottom-right',
122
- 'absolute',
123
- 'absolute-full',
124
- 'absolute-center',
125
- 'absolute-bottom',
126
- 'absolute-left',
127
- 'absolute-right',
128
- 'absolute-top',
129
- 'absolute-top-left',
130
- 'absolute-top-right',
131
- 'absolute-bottom-left',
132
- 'absolute-bottom-right',
133
- 'vertical-top',
134
- 'vertical-middle',
135
- 'vertical-bottom'
136
- ],
137
+ QPageSticky: QPageStickySafelist,
138
+ QPageScroller: [...QPageStickySafelist],
137
139
  QTabs: [
138
140
  'q-tab',
139
141
  'q-tab--full',
@@ -157,6 +159,7 @@ const pluginSafelistMap = {
157
159
  'q-bottom-sheet__item'
158
160
  ],
159
161
  Dialog: [
162
+ 'q-dialog',
160
163
  'q-dialog__title',
161
164
  'q-dialog__progress',
162
165
  'q-dialog__inner',
@@ -240,7 +243,8 @@ const pluginSafelistMap = {
240
243
  'q-field--square',
241
244
  'q-option-group--inline',
242
245
  'q-spinner',
243
- 'q-spinner-mat'
246
+ 'q-spinner-mat',
247
+ 'fixed-full'
244
248
  ],
245
249
  LoadingBar: [
246
250
  'q-loading-bar',
@@ -1840,8 +1844,9 @@ textarea {
1840
1844
  const colorMatch = code.matchAll(/color[=|:]"(\w*)"/g);
1841
1845
  const pascalComponentsMatch = [];
1842
1846
  const matches = [];
1843
- for (const match of kebabMatch)
1847
+ for (const match of kebabMatch) {
1844
1848
  matches.push(match[0]);
1849
+ }
1845
1850
  for (const match of pascalMatch) {
1846
1851
  pascalComponentsMatch.push(match[0]);
1847
1852
  matches.push(toKebabCase(match[0]));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vitrify",
3
- "version": "0.18.4",
3
+ "version": "0.18.5",
4
4
  "license": "MIT",
5
5
  "author": "Stefan van Herwijnen",
6
6
  "description": "Vite as your Full Stack development tool",
@@ -7,7 +7,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
7
7
  [
8
8
  /^fullscreen$/,
9
9
  ([, c], { theme }) =>
10
- `fixed !rounded-none max-w-[100vw] max-h-screen top-0 right-0 bottom-0 left-0`
10
+ `fixed !rounded-none max-w-[100vw] max-h-screen top-0 right-0 bottom-0 left-0 z-${theme.quasar.z.fullscreen}`
11
11
  ],
12
12
 
13
13
  [
@@ -201,38 +201,41 @@ const toKebabCase = (str: string) =>
201
201
  ?.map((x) => x.toLowerCase())
202
202
  .join('-') ?? ''
203
203
 
204
+ const QPageStickySafelist = [
205
+ 'relative-position',
206
+ 'fixed',
207
+ 'fixed-full',
208
+ 'fullscreen',
209
+ 'fixed-center',
210
+ 'fixed-bottom',
211
+ 'fixed-left',
212
+ 'fixed-right',
213
+ 'fixed-top',
214
+ 'fixed-top-left',
215
+ 'fixed-top-right',
216
+ 'fixed-bottom-left',
217
+ 'fixed-bottom-right',
218
+ 'absolute',
219
+ 'absolute-full',
220
+ 'absolute-center',
221
+ 'absolute-bottom',
222
+ 'absolute-left',
223
+ 'absolute-right',
224
+ 'absolute-top',
225
+ 'absolute-top-left',
226
+ 'absolute-top-right',
227
+ 'absolute-bottom-left',
228
+ 'absolute-bottom-right',
229
+ 'vertical-top',
230
+ 'vertical-middle',
231
+ 'vertical-bottom'
232
+ ]
233
+
204
234
  const componentsSafelistMap: Partial<Record<keyof QuasarComponents, string[]>> =
205
235
  {
206
236
  QSelect: ['q-list', 'q-item', 'q-virtual-scroll', 'q-menu'],
207
- QPageSticky: [
208
- 'relative-position',
209
- 'fixed',
210
- 'fixed-full',
211
- 'fullscreen',
212
- 'fixed-center',
213
- 'fixed-bottom',
214
- 'fixed-left',
215
- 'fixed-right',
216
- 'fixed-top',
217
- 'fixed-top-left',
218
- 'fixed-top-right',
219
- 'fixed-bottom-left',
220
- 'fixed-bottom-right',
221
- 'absolute',
222
- 'absolute-full',
223
- 'absolute-center',
224
- 'absolute-bottom',
225
- 'absolute-left',
226
- 'absolute-right',
227
- 'absolute-top',
228
- 'absolute-top-left',
229
- 'absolute-top-right',
230
- 'absolute-bottom-left',
231
- 'absolute-bottom-right',
232
- 'vertical-top',
233
- 'vertical-middle',
234
- 'vertical-bottom'
235
- ],
237
+ QPageSticky: QPageStickySafelist,
238
+ QPageScroller: [...QPageStickySafelist],
236
239
  QTabs: [
237
240
  'q-tab',
238
241
  'q-tab--full',
@@ -257,6 +260,7 @@ const pluginSafelistMap: Partial<Record<keyof QuasarPlugins, string[]>> = {
257
260
  'q-bottom-sheet__item'
258
261
  ],
259
262
  Dialog: [
263
+ 'q-dialog',
260
264
  'q-dialog__title',
261
265
  'q-dialog__progress',
262
266
  'q-dialog__inner',
@@ -340,7 +344,8 @@ const pluginSafelistMap: Partial<Record<keyof QuasarPlugins, string[]>> = {
340
344
  'q-field--square',
341
345
  'q-option-group--inline',
342
346
  'q-spinner',
343
- 'q-spinner-mat'
347
+ 'q-spinner-mat',
348
+ 'fixed-full'
344
349
  ],
345
350
  LoadingBar: [
346
351
  'q-loading-bar',
@@ -2074,7 +2079,9 @@ textarea {
2074
2079
 
2075
2080
  const pascalComponentsMatch: string[] = []
2076
2081
  const matches: string[] = []
2077
- for (const match of kebabMatch) matches.push(match[0])
2082
+ for (const match of kebabMatch) {
2083
+ matches.push(match[0])
2084
+ }
2078
2085
  for (const match of pascalMatch) {
2079
2086
  pascalComponentsMatch.push(match[0])
2080
2087
  matches.push(toKebabCase(match[0]))