@projectwallace/css-analyzer 5.9.0 → 5.10.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/analyzer.cjs +1 -1
- package/dist/analyzer.cjs.map +1 -1
- package/dist/analyzer.modern.js +1 -1
- package/dist/analyzer.modern.js.map +1 -1
- package/dist/analyzer.module.js +1 -1
- package/dist/analyzer.module.js.map +1 -1
- package/dist/analyzer.umd.js +1 -1
- package/dist/analyzer.umd.js.map +1 -1
- package/dist/index.d.ts +123 -93
- package/package.json +2 -2
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export type Specificity = [number, number, number];
|
|
1
2
|
/**
|
|
2
3
|
* Analyze CSS
|
|
3
4
|
* @param {string} css
|
|
@@ -13,9 +14,9 @@ export function analyze(css: string): {
|
|
|
13
14
|
};
|
|
14
15
|
embeddedContent: {
|
|
15
16
|
total: number;
|
|
16
|
-
totalUnique:
|
|
17
|
+
totalUnique: number;
|
|
17
18
|
unique: {
|
|
18
|
-
[k: string]:
|
|
19
|
+
[k: string]: number;
|
|
19
20
|
};
|
|
20
21
|
uniquenessRatio: number;
|
|
21
22
|
} & {
|
|
@@ -27,7 +28,12 @@ export function analyze(css: string): {
|
|
|
27
28
|
total: number;
|
|
28
29
|
totalUnique: number;
|
|
29
30
|
uniquenessRatio: number;
|
|
30
|
-
unique:
|
|
31
|
+
unique: {
|
|
32
|
+
[k: string]: {
|
|
33
|
+
size: number;
|
|
34
|
+
count: number;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
31
37
|
};
|
|
32
38
|
};
|
|
33
39
|
};
|
|
@@ -35,72 +41,74 @@ export function analyze(css: string): {
|
|
|
35
41
|
fontface: {
|
|
36
42
|
total: number;
|
|
37
43
|
totalUnique: number;
|
|
38
|
-
unique:
|
|
44
|
+
unique: {
|
|
45
|
+
[property: string]: string;
|
|
46
|
+
}[];
|
|
39
47
|
uniquenessRatio: number;
|
|
40
48
|
};
|
|
41
49
|
import: {
|
|
42
50
|
total: number;
|
|
43
|
-
totalUnique:
|
|
51
|
+
totalUnique: number;
|
|
44
52
|
unique: {
|
|
45
|
-
[k: string]:
|
|
53
|
+
[k: string]: number;
|
|
46
54
|
};
|
|
47
55
|
uniquenessRatio: number;
|
|
48
56
|
};
|
|
49
57
|
media: {
|
|
50
58
|
total: number;
|
|
51
|
-
totalUnique:
|
|
59
|
+
totalUnique: number;
|
|
52
60
|
unique: {
|
|
53
|
-
[k: string]:
|
|
61
|
+
[k: string]: number;
|
|
54
62
|
};
|
|
55
63
|
uniquenessRatio: number;
|
|
56
64
|
} & {
|
|
57
65
|
browserhacks: {
|
|
58
66
|
total: number;
|
|
59
|
-
totalUnique:
|
|
67
|
+
totalUnique: number;
|
|
60
68
|
unique: {
|
|
61
|
-
[k: string]:
|
|
69
|
+
[k: string]: number;
|
|
62
70
|
};
|
|
63
71
|
uniquenessRatio: number;
|
|
64
72
|
};
|
|
65
73
|
};
|
|
66
74
|
charset: {
|
|
67
75
|
total: number;
|
|
68
|
-
totalUnique:
|
|
76
|
+
totalUnique: number;
|
|
69
77
|
unique: {
|
|
70
|
-
[k: string]:
|
|
78
|
+
[k: string]: number;
|
|
71
79
|
};
|
|
72
80
|
uniquenessRatio: number;
|
|
73
81
|
};
|
|
74
82
|
supports: {
|
|
75
83
|
total: number;
|
|
76
|
-
totalUnique:
|
|
84
|
+
totalUnique: number;
|
|
77
85
|
unique: {
|
|
78
|
-
[k: string]:
|
|
86
|
+
[k: string]: number;
|
|
79
87
|
};
|
|
80
88
|
uniquenessRatio: number;
|
|
81
89
|
} & {
|
|
82
90
|
browserhacks: {
|
|
83
91
|
total: number;
|
|
84
|
-
totalUnique:
|
|
92
|
+
totalUnique: number;
|
|
85
93
|
unique: {
|
|
86
|
-
[k: string]:
|
|
94
|
+
[k: string]: number;
|
|
87
95
|
};
|
|
88
96
|
uniquenessRatio: number;
|
|
89
97
|
};
|
|
90
98
|
};
|
|
91
99
|
keyframes: {
|
|
92
100
|
total: number;
|
|
93
|
-
totalUnique:
|
|
101
|
+
totalUnique: number;
|
|
94
102
|
unique: {
|
|
95
|
-
[k: string]:
|
|
103
|
+
[k: string]: number;
|
|
96
104
|
};
|
|
97
105
|
uniquenessRatio: number;
|
|
98
106
|
} & {
|
|
99
107
|
prefixed: {
|
|
100
108
|
total: number;
|
|
101
|
-
totalUnique:
|
|
109
|
+
totalUnique: number;
|
|
102
110
|
unique: {
|
|
103
|
-
[k: string]:
|
|
111
|
+
[k: string]: number;
|
|
104
112
|
};
|
|
105
113
|
uniquenessRatio: number;
|
|
106
114
|
} & {
|
|
@@ -109,17 +117,17 @@ export function analyze(css: string): {
|
|
|
109
117
|
};
|
|
110
118
|
container: {
|
|
111
119
|
total: number;
|
|
112
|
-
totalUnique:
|
|
120
|
+
totalUnique: number;
|
|
113
121
|
unique: {
|
|
114
|
-
[k: string]:
|
|
122
|
+
[k: string]: number;
|
|
115
123
|
};
|
|
116
124
|
uniquenessRatio: number;
|
|
117
125
|
};
|
|
118
126
|
layer: {
|
|
119
127
|
total: number;
|
|
120
|
-
totalUnique:
|
|
128
|
+
totalUnique: number;
|
|
121
129
|
unique: {
|
|
122
|
-
[k: string]:
|
|
130
|
+
[k: string]: number;
|
|
123
131
|
};
|
|
124
132
|
uniquenessRatio: number;
|
|
125
133
|
};
|
|
@@ -141,9 +149,9 @@ export function analyze(css: string): {
|
|
|
141
149
|
} & {
|
|
142
150
|
items: number[];
|
|
143
151
|
unique: {
|
|
144
|
-
[k: string]:
|
|
152
|
+
[k: string]: number;
|
|
145
153
|
};
|
|
146
|
-
totalUnique:
|
|
154
|
+
totalUnique: number;
|
|
147
155
|
uniquenessRatio: number;
|
|
148
156
|
};
|
|
149
157
|
selectors: {
|
|
@@ -157,9 +165,9 @@ export function analyze(css: string): {
|
|
|
157
165
|
} & {
|
|
158
166
|
items: number[];
|
|
159
167
|
unique: {
|
|
160
|
-
[k: string]:
|
|
168
|
+
[k: string]: number;
|
|
161
169
|
};
|
|
162
|
-
totalUnique:
|
|
170
|
+
totalUnique: number;
|
|
163
171
|
uniquenessRatio: number;
|
|
164
172
|
};
|
|
165
173
|
declarations: {
|
|
@@ -173,9 +181,9 @@ export function analyze(css: string): {
|
|
|
173
181
|
} & {
|
|
174
182
|
items: number[];
|
|
175
183
|
unique: {
|
|
176
|
-
[k: string]:
|
|
184
|
+
[k: string]: number;
|
|
177
185
|
};
|
|
178
|
-
totalUnique:
|
|
186
|
+
totalUnique: number;
|
|
179
187
|
uniquenessRatio: number;
|
|
180
188
|
};
|
|
181
189
|
};
|
|
@@ -184,23 +192,23 @@ export function analyze(css: string): {
|
|
|
184
192
|
totalUnique: number;
|
|
185
193
|
uniquenessRatio: number;
|
|
186
194
|
specificity: {
|
|
187
|
-
/** @type
|
|
188
|
-
min:
|
|
189
|
-
/** @type
|
|
190
|
-
max:
|
|
191
|
-
/** @type
|
|
192
|
-
sum:
|
|
193
|
-
/** @type
|
|
194
|
-
mean:
|
|
195
|
-
/** @type
|
|
196
|
-
mode:
|
|
197
|
-
/** @type
|
|
198
|
-
median:
|
|
199
|
-
items: [
|
|
195
|
+
/** @type Specificity */
|
|
196
|
+
min: Specificity;
|
|
197
|
+
/** @type Specificity */
|
|
198
|
+
max: Specificity;
|
|
199
|
+
/** @type Specificity */
|
|
200
|
+
sum: Specificity;
|
|
201
|
+
/** @type Specificity */
|
|
202
|
+
mean: Specificity;
|
|
203
|
+
/** @type Specificity */
|
|
204
|
+
mode: Specificity;
|
|
205
|
+
/** @type Specificity */
|
|
206
|
+
median: Specificity;
|
|
207
|
+
items: Specificity[];
|
|
200
208
|
unique: {
|
|
201
|
-
[k: string]:
|
|
209
|
+
[k: string]: number;
|
|
202
210
|
};
|
|
203
|
-
totalUnique:
|
|
211
|
+
totalUnique: number;
|
|
204
212
|
uniquenessRatio: number;
|
|
205
213
|
};
|
|
206
214
|
complexity: {
|
|
@@ -213,9 +221,9 @@ export function analyze(css: string): {
|
|
|
213
221
|
sum: number;
|
|
214
222
|
} & {
|
|
215
223
|
total: number;
|
|
216
|
-
totalUnique:
|
|
224
|
+
totalUnique: number;
|
|
217
225
|
unique: {
|
|
218
|
-
[k: string]:
|
|
226
|
+
[k: string]: number;
|
|
219
227
|
};
|
|
220
228
|
uniquenessRatio: number;
|
|
221
229
|
} & {
|
|
@@ -223,9 +231,9 @@ export function analyze(css: string): {
|
|
|
223
231
|
};
|
|
224
232
|
id: {
|
|
225
233
|
total: number;
|
|
226
|
-
totalUnique:
|
|
234
|
+
totalUnique: number;
|
|
227
235
|
unique: {
|
|
228
|
-
[k: string]:
|
|
236
|
+
[k: string]: number;
|
|
229
237
|
};
|
|
230
238
|
uniquenessRatio: number;
|
|
231
239
|
} & {
|
|
@@ -233,9 +241,9 @@ export function analyze(css: string): {
|
|
|
233
241
|
};
|
|
234
242
|
accessibility: {
|
|
235
243
|
total: number;
|
|
236
|
-
totalUnique:
|
|
244
|
+
totalUnique: number;
|
|
237
245
|
unique: {
|
|
238
|
-
[k: string]:
|
|
246
|
+
[k: string]: number;
|
|
239
247
|
};
|
|
240
248
|
uniquenessRatio: number;
|
|
241
249
|
} & {
|
|
@@ -243,17 +251,17 @@ export function analyze(css: string): {
|
|
|
243
251
|
};
|
|
244
252
|
keyframes: {
|
|
245
253
|
total: number;
|
|
246
|
-
totalUnique:
|
|
254
|
+
totalUnique: number;
|
|
247
255
|
unique: {
|
|
248
|
-
[k: string]:
|
|
256
|
+
[k: string]: number;
|
|
249
257
|
};
|
|
250
258
|
uniquenessRatio: number;
|
|
251
259
|
};
|
|
252
260
|
prefixed: {
|
|
253
261
|
total: number;
|
|
254
|
-
totalUnique:
|
|
262
|
+
totalUnique: number;
|
|
255
263
|
unique: {
|
|
256
|
-
[k: string]:
|
|
264
|
+
[k: string]: number;
|
|
257
265
|
};
|
|
258
266
|
uniquenessRatio: number;
|
|
259
267
|
} & {
|
|
@@ -279,17 +287,17 @@ export function analyze(css: string): {
|
|
|
279
287
|
};
|
|
280
288
|
properties: {
|
|
281
289
|
total: number;
|
|
282
|
-
totalUnique:
|
|
290
|
+
totalUnique: number;
|
|
283
291
|
unique: {
|
|
284
|
-
[k: string]:
|
|
292
|
+
[k: string]: number;
|
|
285
293
|
};
|
|
286
294
|
uniquenessRatio: number;
|
|
287
295
|
} & {
|
|
288
296
|
prefixed: {
|
|
289
297
|
total: number;
|
|
290
|
-
totalUnique:
|
|
298
|
+
totalUnique: number;
|
|
291
299
|
unique: {
|
|
292
|
-
[k: string]:
|
|
300
|
+
[k: string]: number;
|
|
293
301
|
};
|
|
294
302
|
uniquenessRatio: number;
|
|
295
303
|
} & {
|
|
@@ -297,18 +305,18 @@ export function analyze(css: string): {
|
|
|
297
305
|
};
|
|
298
306
|
custom: {
|
|
299
307
|
total: number;
|
|
300
|
-
totalUnique:
|
|
308
|
+
totalUnique: number;
|
|
301
309
|
unique: {
|
|
302
|
-
[k: string]:
|
|
310
|
+
[k: string]: number;
|
|
303
311
|
};
|
|
304
312
|
uniquenessRatio: number;
|
|
305
313
|
} & {
|
|
306
314
|
ratio: number;
|
|
307
315
|
importants: {
|
|
308
316
|
total: number;
|
|
309
|
-
totalUnique:
|
|
317
|
+
totalUnique: number;
|
|
310
318
|
unique: {
|
|
311
|
-
[k: string]:
|
|
319
|
+
[k: string]: number;
|
|
312
320
|
};
|
|
313
321
|
uniquenessRatio: number;
|
|
314
322
|
} & {
|
|
@@ -317,9 +325,9 @@ export function analyze(css: string): {
|
|
|
317
325
|
};
|
|
318
326
|
browserhacks: {
|
|
319
327
|
total: number;
|
|
320
|
-
totalUnique:
|
|
328
|
+
totalUnique: number;
|
|
321
329
|
unique: {
|
|
322
|
-
[k: string]:
|
|
330
|
+
[k: string]: number;
|
|
323
331
|
};
|
|
324
332
|
uniquenessRatio: number;
|
|
325
333
|
} & {
|
|
@@ -338,114 +346,136 @@ export function analyze(css: string): {
|
|
|
338
346
|
values: {
|
|
339
347
|
colors: {
|
|
340
348
|
total: number;
|
|
341
|
-
totalUnique:
|
|
349
|
+
totalUnique: number;
|
|
342
350
|
unique: {
|
|
343
|
-
[k: string]:
|
|
351
|
+
[k: string]: number;
|
|
344
352
|
};
|
|
345
353
|
uniquenessRatio: number;
|
|
346
354
|
} & {
|
|
347
|
-
itemsPerContext:
|
|
355
|
+
itemsPerContext: {
|
|
356
|
+
[k: string]: {
|
|
357
|
+
total: number;
|
|
358
|
+
totalUnique: number;
|
|
359
|
+
unique: {};
|
|
360
|
+
uniquenessRatio: number;
|
|
361
|
+
};
|
|
362
|
+
};
|
|
348
363
|
} & {
|
|
349
364
|
formats: {
|
|
350
365
|
total: number;
|
|
351
|
-
totalUnique:
|
|
366
|
+
totalUnique: number;
|
|
352
367
|
unique: {
|
|
353
|
-
[k: string]:
|
|
368
|
+
[k: string]: number;
|
|
354
369
|
};
|
|
355
370
|
uniquenessRatio: number;
|
|
356
371
|
};
|
|
357
372
|
};
|
|
373
|
+
gradients: {
|
|
374
|
+
total: number;
|
|
375
|
+
totalUnique: number;
|
|
376
|
+
unique: {
|
|
377
|
+
[k: string]: number;
|
|
378
|
+
};
|
|
379
|
+
uniquenessRatio: number;
|
|
380
|
+
};
|
|
358
381
|
fontFamilies: {
|
|
359
382
|
total: number;
|
|
360
|
-
totalUnique:
|
|
383
|
+
totalUnique: number;
|
|
361
384
|
unique: {
|
|
362
|
-
[k: string]:
|
|
385
|
+
[k: string]: number;
|
|
363
386
|
};
|
|
364
387
|
uniquenessRatio: number;
|
|
365
388
|
};
|
|
366
389
|
fontSizes: {
|
|
367
390
|
total: number;
|
|
368
|
-
totalUnique:
|
|
391
|
+
totalUnique: number;
|
|
369
392
|
unique: {
|
|
370
|
-
[k: string]:
|
|
393
|
+
[k: string]: number;
|
|
371
394
|
};
|
|
372
395
|
uniquenessRatio: number;
|
|
373
396
|
};
|
|
374
397
|
lineHeights: {
|
|
375
398
|
total: number;
|
|
376
|
-
totalUnique:
|
|
399
|
+
totalUnique: number;
|
|
377
400
|
unique: {
|
|
378
|
-
[k: string]:
|
|
401
|
+
[k: string]: number;
|
|
379
402
|
};
|
|
380
403
|
uniquenessRatio: number;
|
|
381
404
|
};
|
|
382
405
|
zindexes: {
|
|
383
406
|
total: number;
|
|
384
|
-
totalUnique:
|
|
407
|
+
totalUnique: number;
|
|
385
408
|
unique: {
|
|
386
|
-
[k: string]:
|
|
409
|
+
[k: string]: number;
|
|
387
410
|
};
|
|
388
411
|
uniquenessRatio: number;
|
|
389
412
|
};
|
|
390
413
|
textShadows: {
|
|
391
414
|
total: number;
|
|
392
|
-
totalUnique:
|
|
415
|
+
totalUnique: number;
|
|
393
416
|
unique: {
|
|
394
|
-
[k: string]:
|
|
417
|
+
[k: string]: number;
|
|
395
418
|
};
|
|
396
419
|
uniquenessRatio: number;
|
|
397
420
|
};
|
|
398
421
|
boxShadows: {
|
|
399
422
|
total: number;
|
|
400
|
-
totalUnique:
|
|
423
|
+
totalUnique: number;
|
|
401
424
|
unique: {
|
|
402
|
-
[k: string]:
|
|
425
|
+
[k: string]: number;
|
|
403
426
|
};
|
|
404
427
|
uniquenessRatio: number;
|
|
405
428
|
};
|
|
406
429
|
animations: {
|
|
407
430
|
durations: {
|
|
408
431
|
total: number;
|
|
409
|
-
totalUnique:
|
|
432
|
+
totalUnique: number;
|
|
410
433
|
unique: {
|
|
411
|
-
[k: string]:
|
|
434
|
+
[k: string]: number;
|
|
412
435
|
};
|
|
413
436
|
uniquenessRatio: number;
|
|
414
437
|
};
|
|
415
438
|
timingFunctions: {
|
|
416
439
|
total: number;
|
|
417
|
-
totalUnique:
|
|
440
|
+
totalUnique: number;
|
|
418
441
|
unique: {
|
|
419
|
-
[k: string]:
|
|
442
|
+
[k: string]: number;
|
|
420
443
|
};
|
|
421
444
|
uniquenessRatio: number;
|
|
422
445
|
};
|
|
423
446
|
};
|
|
424
447
|
prefixes: {
|
|
425
448
|
total: number;
|
|
426
|
-
totalUnique:
|
|
449
|
+
totalUnique: number;
|
|
427
450
|
unique: {
|
|
428
|
-
[k: string]:
|
|
451
|
+
[k: string]: number;
|
|
429
452
|
};
|
|
430
453
|
uniquenessRatio: number;
|
|
431
454
|
};
|
|
432
455
|
browserhacks: {
|
|
433
456
|
total: number;
|
|
434
|
-
totalUnique:
|
|
457
|
+
totalUnique: number;
|
|
435
458
|
unique: {
|
|
436
|
-
[k: string]:
|
|
459
|
+
[k: string]: number;
|
|
437
460
|
};
|
|
438
461
|
uniquenessRatio: number;
|
|
439
462
|
};
|
|
440
463
|
units: {
|
|
441
464
|
total: number;
|
|
442
|
-
totalUnique:
|
|
465
|
+
totalUnique: number;
|
|
443
466
|
unique: {
|
|
444
|
-
[k: string]:
|
|
467
|
+
[k: string]: number;
|
|
445
468
|
};
|
|
446
469
|
uniquenessRatio: number;
|
|
447
470
|
} & {
|
|
448
|
-
itemsPerContext:
|
|
471
|
+
itemsPerContext: {
|
|
472
|
+
[k: string]: {
|
|
473
|
+
total: number;
|
|
474
|
+
totalUnique: number;
|
|
475
|
+
unique: {};
|
|
476
|
+
uniquenessRatio: number;
|
|
477
|
+
};
|
|
478
|
+
};
|
|
449
479
|
};
|
|
450
480
|
};
|
|
451
481
|
__meta__: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@projectwallace/css-analyzer",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.10.0",
|
|
4
4
|
"author": "Bart Veneman",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"metrics"
|
|
43
43
|
],
|
|
44
44
|
"dependencies": {
|
|
45
|
-
"@bramus/specificity": "^2.
|
|
45
|
+
"@bramus/specificity": "^2.3.0",
|
|
46
46
|
"css-tree": "^2.3.1"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|