@projectwallace/css-analyzer 5.8.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 +131 -91
- 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,12 +251,22 @@ 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
|
};
|
|
260
|
+
prefixed: {
|
|
261
|
+
total: number;
|
|
262
|
+
totalUnique: number;
|
|
263
|
+
unique: {
|
|
264
|
+
[k: string]: number;
|
|
265
|
+
};
|
|
266
|
+
uniquenessRatio: number;
|
|
267
|
+
} & {
|
|
268
|
+
ratio: number;
|
|
269
|
+
};
|
|
252
270
|
};
|
|
253
271
|
declarations: {
|
|
254
272
|
total: number;
|
|
@@ -269,17 +287,17 @@ export function analyze(css: string): {
|
|
|
269
287
|
};
|
|
270
288
|
properties: {
|
|
271
289
|
total: number;
|
|
272
|
-
totalUnique:
|
|
290
|
+
totalUnique: number;
|
|
273
291
|
unique: {
|
|
274
|
-
[k: string]:
|
|
292
|
+
[k: string]: number;
|
|
275
293
|
};
|
|
276
294
|
uniquenessRatio: number;
|
|
277
295
|
} & {
|
|
278
296
|
prefixed: {
|
|
279
297
|
total: number;
|
|
280
|
-
totalUnique:
|
|
298
|
+
totalUnique: number;
|
|
281
299
|
unique: {
|
|
282
|
-
[k: string]:
|
|
300
|
+
[k: string]: number;
|
|
283
301
|
};
|
|
284
302
|
uniquenessRatio: number;
|
|
285
303
|
} & {
|
|
@@ -287,18 +305,18 @@ export function analyze(css: string): {
|
|
|
287
305
|
};
|
|
288
306
|
custom: {
|
|
289
307
|
total: number;
|
|
290
|
-
totalUnique:
|
|
308
|
+
totalUnique: number;
|
|
291
309
|
unique: {
|
|
292
|
-
[k: string]:
|
|
310
|
+
[k: string]: number;
|
|
293
311
|
};
|
|
294
312
|
uniquenessRatio: number;
|
|
295
313
|
} & {
|
|
296
314
|
ratio: number;
|
|
297
315
|
importants: {
|
|
298
316
|
total: number;
|
|
299
|
-
totalUnique:
|
|
317
|
+
totalUnique: number;
|
|
300
318
|
unique: {
|
|
301
|
-
[k: string]:
|
|
319
|
+
[k: string]: number;
|
|
302
320
|
};
|
|
303
321
|
uniquenessRatio: number;
|
|
304
322
|
} & {
|
|
@@ -307,9 +325,9 @@ export function analyze(css: string): {
|
|
|
307
325
|
};
|
|
308
326
|
browserhacks: {
|
|
309
327
|
total: number;
|
|
310
|
-
totalUnique:
|
|
328
|
+
totalUnique: number;
|
|
311
329
|
unique: {
|
|
312
|
-
[k: string]:
|
|
330
|
+
[k: string]: number;
|
|
313
331
|
};
|
|
314
332
|
uniquenessRatio: number;
|
|
315
333
|
} & {
|
|
@@ -328,114 +346,136 @@ export function analyze(css: string): {
|
|
|
328
346
|
values: {
|
|
329
347
|
colors: {
|
|
330
348
|
total: number;
|
|
331
|
-
totalUnique:
|
|
349
|
+
totalUnique: number;
|
|
332
350
|
unique: {
|
|
333
|
-
[k: string]:
|
|
351
|
+
[k: string]: number;
|
|
334
352
|
};
|
|
335
353
|
uniquenessRatio: number;
|
|
336
354
|
} & {
|
|
337
|
-
itemsPerContext:
|
|
355
|
+
itemsPerContext: {
|
|
356
|
+
[k: string]: {
|
|
357
|
+
total: number;
|
|
358
|
+
totalUnique: number;
|
|
359
|
+
unique: {};
|
|
360
|
+
uniquenessRatio: number;
|
|
361
|
+
};
|
|
362
|
+
};
|
|
338
363
|
} & {
|
|
339
364
|
formats: {
|
|
340
365
|
total: number;
|
|
341
|
-
totalUnique:
|
|
366
|
+
totalUnique: number;
|
|
342
367
|
unique: {
|
|
343
|
-
[k: string]:
|
|
368
|
+
[k: string]: number;
|
|
344
369
|
};
|
|
345
370
|
uniquenessRatio: number;
|
|
346
371
|
};
|
|
347
372
|
};
|
|
373
|
+
gradients: {
|
|
374
|
+
total: number;
|
|
375
|
+
totalUnique: number;
|
|
376
|
+
unique: {
|
|
377
|
+
[k: string]: number;
|
|
378
|
+
};
|
|
379
|
+
uniquenessRatio: number;
|
|
380
|
+
};
|
|
348
381
|
fontFamilies: {
|
|
349
382
|
total: number;
|
|
350
|
-
totalUnique:
|
|
383
|
+
totalUnique: number;
|
|
351
384
|
unique: {
|
|
352
|
-
[k: string]:
|
|
385
|
+
[k: string]: number;
|
|
353
386
|
};
|
|
354
387
|
uniquenessRatio: number;
|
|
355
388
|
};
|
|
356
389
|
fontSizes: {
|
|
357
390
|
total: number;
|
|
358
|
-
totalUnique:
|
|
391
|
+
totalUnique: number;
|
|
359
392
|
unique: {
|
|
360
|
-
[k: string]:
|
|
393
|
+
[k: string]: number;
|
|
361
394
|
};
|
|
362
395
|
uniquenessRatio: number;
|
|
363
396
|
};
|
|
364
397
|
lineHeights: {
|
|
365
398
|
total: number;
|
|
366
|
-
totalUnique:
|
|
399
|
+
totalUnique: number;
|
|
367
400
|
unique: {
|
|
368
|
-
[k: string]:
|
|
401
|
+
[k: string]: number;
|
|
369
402
|
};
|
|
370
403
|
uniquenessRatio: number;
|
|
371
404
|
};
|
|
372
405
|
zindexes: {
|
|
373
406
|
total: number;
|
|
374
|
-
totalUnique:
|
|
407
|
+
totalUnique: number;
|
|
375
408
|
unique: {
|
|
376
|
-
[k: string]:
|
|
409
|
+
[k: string]: number;
|
|
377
410
|
};
|
|
378
411
|
uniquenessRatio: number;
|
|
379
412
|
};
|
|
380
413
|
textShadows: {
|
|
381
414
|
total: number;
|
|
382
|
-
totalUnique:
|
|
415
|
+
totalUnique: number;
|
|
383
416
|
unique: {
|
|
384
|
-
[k: string]:
|
|
417
|
+
[k: string]: number;
|
|
385
418
|
};
|
|
386
419
|
uniquenessRatio: number;
|
|
387
420
|
};
|
|
388
421
|
boxShadows: {
|
|
389
422
|
total: number;
|
|
390
|
-
totalUnique:
|
|
423
|
+
totalUnique: number;
|
|
391
424
|
unique: {
|
|
392
|
-
[k: string]:
|
|
425
|
+
[k: string]: number;
|
|
393
426
|
};
|
|
394
427
|
uniquenessRatio: number;
|
|
395
428
|
};
|
|
396
429
|
animations: {
|
|
397
430
|
durations: {
|
|
398
431
|
total: number;
|
|
399
|
-
totalUnique:
|
|
432
|
+
totalUnique: number;
|
|
400
433
|
unique: {
|
|
401
|
-
[k: string]:
|
|
434
|
+
[k: string]: number;
|
|
402
435
|
};
|
|
403
436
|
uniquenessRatio: number;
|
|
404
437
|
};
|
|
405
438
|
timingFunctions: {
|
|
406
439
|
total: number;
|
|
407
|
-
totalUnique:
|
|
440
|
+
totalUnique: number;
|
|
408
441
|
unique: {
|
|
409
|
-
[k: string]:
|
|
442
|
+
[k: string]: number;
|
|
410
443
|
};
|
|
411
444
|
uniquenessRatio: number;
|
|
412
445
|
};
|
|
413
446
|
};
|
|
414
447
|
prefixes: {
|
|
415
448
|
total: number;
|
|
416
|
-
totalUnique:
|
|
449
|
+
totalUnique: number;
|
|
417
450
|
unique: {
|
|
418
|
-
[k: string]:
|
|
451
|
+
[k: string]: number;
|
|
419
452
|
};
|
|
420
453
|
uniquenessRatio: number;
|
|
421
454
|
};
|
|
422
455
|
browserhacks: {
|
|
423
456
|
total: number;
|
|
424
|
-
totalUnique:
|
|
457
|
+
totalUnique: number;
|
|
425
458
|
unique: {
|
|
426
|
-
[k: string]:
|
|
459
|
+
[k: string]: number;
|
|
427
460
|
};
|
|
428
461
|
uniquenessRatio: number;
|
|
429
462
|
};
|
|
430
463
|
units: {
|
|
431
464
|
total: number;
|
|
432
|
-
totalUnique:
|
|
465
|
+
totalUnique: number;
|
|
433
466
|
unique: {
|
|
434
|
-
[k: string]:
|
|
467
|
+
[k: string]: number;
|
|
435
468
|
};
|
|
436
469
|
uniquenessRatio: number;
|
|
437
470
|
} & {
|
|
438
|
-
itemsPerContext:
|
|
471
|
+
itemsPerContext: {
|
|
472
|
+
[k: string]: {
|
|
473
|
+
total: number;
|
|
474
|
+
totalUnique: number;
|
|
475
|
+
unique: {};
|
|
476
|
+
uniquenessRatio: number;
|
|
477
|
+
};
|
|
478
|
+
};
|
|
439
479
|
};
|
|
440
480
|
};
|
|
441
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": {
|