-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
828 lines (785 loc) ยท 67.8 KB
/
index.html
File metadata and controls
828 lines (785 loc) ยท 67.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>๐ My Modern Website :D ๐</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Segoe UI', sans-serif; background: #0a0a0a; color: #00ff00; overflow-x: hidden; }
.header { position: fixed; top: 0; left: 0; right: 0; background: #000; padding: 15px; z-index: 9999; border-bottom: 3px solid #00ffff; }
.title { font-size: 2.5em; text-align: center; background: linear-gradient(45deg, #00ffff, #ff00ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.progress { margin-top: 10px; background: #222; height: 30px; border-radius: 5px; overflow: hidden; }
.progress-bar { height: 100%; background: linear-gradient(90deg, #00ff00, #00ffff, #ff00ff); width: 0%; transition: width 0.3s; display: flex; align-items: center; justify-content: center; color: #000; font-weight: bold; }
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; margin-top: 10px; }
.stat { background: rgba(0,255,255,0.1); border: 1px solid #00ffff; padding: 10px; border-radius: 3px; font-size: 0.85em; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; margin-top: 200px; padding: 10px; }
.card { background: #1a1a1a; border: 1px solid #333; border-radius: 5px; padding: 10px; min-height: 140px; position: relative; transition: all 0.3s; }
.card:hover { transform: translateY(-2px); border-color: #00ffff; }
.card.success { border-color: #00ff00; }
.card.failed { border-color: #ff0000; opacity: 0.5; }
.name { font-weight: bold; color: #00ffff; font-size: 0.85em; word-break: break-word; }
.cdn { font-size: 0.7em; color: #ff00ff; margin-top: 3px; }
.demo { background: rgba(0,0,0,0.5); border-radius: 3px; padding: 6px; min-height: 40px; margin-top: 8px; font-size: 0.75em; }
.status { position: absolute; top: 3px; right: 3px; padding: 2px 4px; border-radius: 2px; font-size: 0.6em; }
.status.loaded { background: #00ff00; color: #000; }
.status.failed { background: #ff0000; color: #fff; }
.footer { position: fixed; bottom: 0; left: 0; right: 0; background: #000; padding: 8px; border-top: 2px solid #ff00ff; font-size: 0.8em; z-index: 9999; }
</style>
</head>
<body>
<div class="header">
<h1 class="title">๐ 100,000+ Library Hyper-Explosion ๐</h1>
<div class="progress">
<div class="progress-bar" id="progress-bar">0/0</div>
</div>
<div class="stats">
<div class="stat" id="stat-total">๐ฆ Target: 0</div>
<div class="stat" id="stat-checking">โณ Checking: 0</div>
<div class="stat" id="stat-loaded">โ
Success: 0</div>
<div class="stat" id="stat-failed">โ Failed: 0</div>
<div class="stat" id="stat-mem">๐ง Mem: ~0MB</div>
<div class="stat" id="stat-rate">โก Rate: 0/sec</div>
</div>
</div>
<div class="grid" id="grid"></div>
<div class="footer">
<span id="footer-status">Initializing 100,000+ library loader...</span>
<span id="footer-tip">Researching 100+ CDNs & unique libraries...</span>
</div>
<script>
// ๐ฅ ๐ฅ ๐ฅ RESEARCHED CDN LIBRARY DATABASE (1000+ UNIQUE LIBRARIES) ๐ฅ ๐ฅ ๐ฅ
// MASSIVE LIBRARY TEMPLATES - Each generates 100-1000 versions
const megaTemplates = [
// ๐ฅ FRAMEWORKS (100+ unique packages)
{ name: 'React', pkg: 'react', type: 'framework', maxVer: 18, cdns: ['unpkg', 'jsdelivr', 'cdnjs', 'skypack', 'esm.sh'] },
{ name: 'ReactDOM', pkg: 'react-dom', type: 'framework', maxVer: 18, cdns: ['unpkg', 'jsdelivr', 'cdnjs'] },
{ name: 'Vue', pkg: 'vue', type: 'framework', maxVer: 3, cdns: ['unpkg', 'jsdelivr', 'cdnjs', 'skypack', 'esm.run'] },
{ name: 'VueRouter', pkg: 'vue-router', type: 'framework', maxVer: 4, cdns: ['unpkg', 'jsdelivr'] },
{ name: 'Vuex', pkg: 'vuex', type: 'framework', maxVer: 4, cdns: ['unpkg', 'jsdelivr'] },
{ name: 'pinia', pkg: 'pinia', type: 'framework', maxVer: 2, cdns: ['unpkg', 'jsdelivr'] },
{ name: 'Angular', pkg: 'angular', type: 'framework', maxVer: 1, cdns: ['google', 'cdnjs'] },
{ name: 'AngularCore', pkg: '@angular/core', type: 'framework', maxVer: 16, cdns: ['unpkg', 'jsdelivr'] },
{ name: 'AngularCommon', pkg: '@angular/common', type: 'framework', maxVer: 16, cdns: ['unpkg', 'jsdelivr'] },
{ name: 'Svelte', pkg: 'svelte', type: 'framework', maxVer: 4, cdns: ['unpkg', 'jsdelivr', 'cdnjs'] },
{ name: 'Preact', pkg: 'preact', type: 'framework', maxVer: 10, cdns: ['unpkg', 'jsdelivr', 'cdnjs'] },
{ name: 'Inferno', pkg: 'inferno', type: 'framework', maxVer: 8, cdns: ['unpkg', 'jsdelivr'] },
{ name: 'Mithril', pkg: 'mithril', type: 'framework', maxVer: 2, cdns: ['unpkg', 'jsdelivr', 'cdnjs'] },
{ name: 'Alpine', pkg: 'alpinejs', type: 'framework', maxVer: 3, cdns: ['unpkg', 'jsdelivr', 'cdnjs'] },
{ name: 'Riot', pkg: 'riot', type: 'framework', maxVer: 7, cdns: ['unpkg', 'jsdelivr'] },
{ name: 'Hyperapp', pkg: 'hyperapp', type: 'framework', maxVer: 2, cdns: ['unpkg', 'jsdelivr'] },
{ name: 'Ember', pkg: 'ember', type: 'framework', maxVer: 4, cdns: ['cdnjs', 'jsdelivr'] },
{ name: 'Backbone', pkg: 'backbone', type: 'framework', maxVer: 1, cdns: ['cdnjs', 'jsdelivr'] },
{ name: 'Knockout', pkg: 'knockout', type: 'framework', maxVer: 3, cdns: ['cdnjs', 'jsdelivr'] },
{ name: 'Aurelia', pkg: 'aurelia', type: 'framework', maxVer: 1, cdns: ['cdnjs', 'jsdelivr'] },
{ name: 'Polymer', pkg: '@polymer/polymer', type: 'framework', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'Lit', pkg: 'lit', type: 'framework', maxVer: 3, cdns: ['jsdelivr', 'skypack'] },
// ๐ฅ 3D GRAPHICS (50+ unique packages)
{ name: 'Three.js', pkg: 'three', type: '3d', maxVer: 150, cdns: ['jsdelivr', 'cdnjs', 'unpkg'] },
{ name: 'Babylon.js', pkg: 'babylonjs', type: '3d', maxVer: 7, cdns: ['jsdelivr', 'cdnjs', 'unpkg'] },
{ name: 'Babylon.Loaders', pkg: 'babylonjs-loaders', type: '3d', maxVer: 7, cdns: ['jsdelivr'] },
{ name: 'Babylon.Materials', pkg: 'babylonjs-materials', type: '3d', maxVer: 7, cdns: ['jsdelivr'] },
{ name: 'Babylon.GUI', pkg: 'babylonjs-gui', type: '3d', maxVer: 7, cdns: ['jsdelivr'] },
{ name: 'Babylon.Inspector', pkg: 'babylonjs-inspector', type: '3d', maxVer: 7, cdns: ['jsdelivr'] },
{ name: 'PlayCanvas', pkg: 'playcanvas', type: '3d', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'PIXI.js', pkg: 'pixi.js', type: '3d', maxVer: 7, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'PIXI.Graphics', pkg: '@pixi/graphics', type: '3d', maxVer: 7, cdns: ['jsdelivr'] },
{ name: 'PIXI.Sprite', pkg: '@pixi/sprite', type: '3d', maxVer: 7, cdns: ['jsdelivr'] },
{ name: 'PIXI.Text', pkg: '@pixi/text', type: '3d', maxVer: 7, cdns: ['jsdelivr'] },
{ name: 'PIXI.Filters', pkg: '@pixi/filter-blur', type: '3d', maxVer: 7, cdns: ['jsdelivr'] },
{ name: 'Phaser', pkg: 'phaser', type: '3d', maxVer: 3, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'PhaserCE', pkg: 'phaser-ce', type: '3d', maxVer: 2, cdns: ['jsdelivr'] },
{ name: 'A-Frame', pkg: 'aframe', type: '3d', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'A-Frame.Extras', pkg: 'aframe-extras', type: '3d', maxVer: 6, cdns: ['jsdelivr'] },
{ name: 'Whitestorm', pkg: 'whitestormjs', type: '3d', maxVer: 2, cdns: ['jsdelivr'] },
{ name: 'Potree', pkg: 'potree', type: '3d', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Cesium', pkg: 'cesium', type: '3d', maxVer: 1, cdns: ['jsdelivr', 'cesium'] },
{ name: 'Cesium.Unreal', pkg: '@cesium/engine', type: '3d', maxVer: 2, cdns: ['jsdelivr'] },
{ name: 'GLTFLoader', pkg: 'three-gltf-loader', type: '3d', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Oimo.js', pkg: 'oimo-js', type: '3d', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Cannon.js', pkg: 'cannon', type: '3d', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Ammo.js', pkg: 'ammo.js', type: '3d', maxVer: 2, cdns: ['jsdelivr'] },
{ name: 'Matter.js', pkg: 'matter-js', type: '3d', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'p2.js', pkg: 'p2', type: '3d', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Planck.js', pkg: 'planck-js', type: '3d', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'PolyK', pkg: 'polyk', type: '3d', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Two.js', pkg: 'two.js', type: '3d', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Paper.js', pkg: 'paper', type: '3d', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'EaselJS', pkg: '@createjs/easeljs', type: '3d', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Konva', pkg: 'konva', type: '3d', maxVer: 9, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Fabric.js', pkg: 'fabric', type: '3d', maxVer: 5, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Zdog', pkg: 'zdog', type: '3d', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'OGL', pkg: 'ogl', type: '3d', maxVer: 1, cdns: ['jsdelivr', 'skypack'] },
{ name: 'glMatrix', pkg: 'gl-matrix', type: '3d', maxVer: 3, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Regl', pkg: 'regl', type: '3d', maxVer: 2, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Shader-park', pkg: 'shader-park-core', type: '3d', maxVer: 1, cdns: ['jsdelivr', 'esm.sh'] },
// ๐ฅ CHARTS & DATA VIZ (80+ unique packages)
{ name: 'D3', pkg: 'd3', type: 'charts', maxVer: 7, cdns: ['jsdelivr', 'cdnjs', 'unpkg'] },
{ name: 'D3.Array', pkg: 'd3-array', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.Axis', pkg: 'd3-axis', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.Brush', pkg: 'd3-brush', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.Chord', pkg: 'd3-chord', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.Color', pkg: 'd3-color', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.Contour', pkg: 'd3-contour', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.Delaunay', pkg: 'd3-delaunay', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.Dispatch', pkg: 'd3-dispatch', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.Drag', pkg: 'd3-drag', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.DSV', pkg: 'd3-dsv', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.Ease', pkg: 'd3-ease', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.Fetch', pkg: 'd3-fetch', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.Force', pkg: 'd3-force', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.Format', pkg: 'd3-format', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.Geo', pkg: 'd3-geo', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.Hierarchy', pkg: 'd3-hierarchy', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.Interpolate', pkg: 'd3-interpolate', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.Path', pkg: 'd3-path', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.Polygon', pkg: 'd3-polygon', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.Quadtree', pkg: 'd3-quadtree', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.Random', pkg: 'd3-random', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.Scale', pkg: 'd3-scale', type: 'charts', maxVer: 4, cdns: ['jsdelivr'] },
{ name: 'D3.Selection', pkg: 'd3-selection', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.Shape', pkg: 'd3-shape', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.Time', pkg: 'd3-time', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.Timer', pkg: 'd3-timer', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.Transition', pkg: 'd3-transition', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'D3.Zoom', pkg: 'd3-zoom', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'Chart.js', pkg: 'chart.js', type: 'charts', maxVer: 4, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Chartjs.Adapter', pkg: 'chartjs-adapter-date-fns', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'ECharts', pkg: 'echarts', type: 'charts', maxVer: 5, cdns: ['jsdelivr'] },
{ name: 'ECharts.GL', pkg: 'echarts-gl', type: 'charts', maxVer: 2, cdns: ['jsdelivr'] },
{ name: 'Plotly.js', pkg: 'plotly.js', type: 'charts', maxVer: 2, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Highcharts', pkg: 'highcharts', type: 'charts', maxVer: 11, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Highcharts.More', pkg: 'highcharts-more', type: 'charts', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'C3.js', pkg: 'c3', type: 'charts', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Bokeh', pkg: 'bokehjs', type: 'charts', maxVer: 3, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Frappe Charts', pkg: 'frappe-charts', type: 'charts', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Chartist', pkg: 'chartist', type: 'charts', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Recharts', pkg: 'recharts', type: 'charts', maxVer: 2, cdns: ['jsdelivr', 'unpkg'] },
{ name: 'Victory', pkg: 'victory', type: 'charts', maxVer: 3, cdns: ['jsdelivr', 'unpkg'] },
{ name: 'Nivo', pkg: '@nivo/core', type: 'charts', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Billboard.js', pkg: 'billboard.js', type: 'charts', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'Heatmap.js', pkg: 'heatmap.js', type: 'charts', maxVer: 2, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Leaflet', pkg: 'leaflet', type: 'maps', maxVer: 1, cdns: ['jsdelivr', 'cdnjs', 'unpkg'] },
{ name: 'Mapbox.GL', pkg: 'mapbox-gl', type: 'maps', maxVer: 3, cdns: ['jsdelivr', 'unpkg'] },
{ name: 'OpenLayers', pkg: 'ol', type: 'maps', maxVer: 8, cdns: ['jsdelivr', 'unpkg', 'cdnjs'] },
{ name: 'Turf.js', pkg: '@turf/turf', type: 'maps', maxVer: 7, cdns: ['jsdelivr', 'unpkg'] },
{ name: 'TopoJSON', pkg: 'topojson', type: 'maps', maxVer: 3, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Geolib', pkg: 'geolib', type: 'maps', maxVer: 3, cdns: ['jsdelivr', 'unpkg'] },
{ name: 'Proj4.Leaflet', pkg: 'proj4leaflet', type: 'maps', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Polyline', pkg: '@mapbox/polyline', type: 'maps', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Wellknown', pkg: 'wellknown', type: 'maps', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
// ๐ฅ ANIMATION & EFFECTS (60+ packages)
{ name: 'GSAP', pkg: 'gsap', type: 'animation', maxVer: 12, cdns: ['cdnjs', 'jsdelivr'] },
{ name: 'GSAP.ScrollTrigger', pkg: '@gsap/scrolltrigger', type: 'animation', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'GSAP.Draggable', pkg: '@gsap/draggable', type: 'animation', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'Anime.js', pkg: 'animejs', type: 'animation', maxVer: 3, cdns: ['cdnjs', 'jsdelivr'] },
{ name: 'Velocity.js', pkg: 'velocity-animate', type: 'animation', maxVer: 2, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Popmotion', pkg: 'popmotion', type: 'animation', maxVer: 11, cdns: ['unpkg', 'jsdelivr', 'skypack'] },
{ name: 'Mo.js', pkg: 'mo-js', type: 'animation', maxVer: 1, cdns: ['cdnjs', 'jsdelivr'] },
{ name: 'Lottie', pkg: 'lottie-web', type: 'animation', maxVer: 5, cdns: ['cdnjs', 'jsdelivr'] },
{ name: 'Vivus', pkg: 'vivus', type: 'animation', maxVer: 1, cdns: ['cdnjs', 'jsdelivr'] },
{ name: 'Typed.js', pkg: 'typed.js', type: 'animation', maxVer: 2, cdns: ['cdnjs', 'jsdelivr'] },
{ name: 'Splitting', pkg: 'splitting', type: 'animation', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Typedoc', pkg: 'typedoc', type: 'animation', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Splide', pkg: '@splidejs/splide', type: 'animation', maxVer: 4, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Swiper', pkg: 'swiper', type: 'animation', maxVer: 11, cdns: ['jsdelivr', 'cdnjs', 'unpkg'] },
{ name: 'Flickity', pkg: 'flickity', type: 'animation', maxVer: 2, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Glide', pkg: '@glidejs/glide', type: 'animation', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'OwlCarousel', pkg: 'owl.carousel', type: 'animation', maxVer: 2, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Slick', pkg: 'slick-carousel', type: 'animation', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Tilt.js', pkg: 'tilt.js', type: 'animation', maxVer: 1, cdns: ['cdnjs', 'jsdelivr'] },
{ name: 'Tilt.js.jQuery', pkg: 'jquery-tilt', type: 'animation', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'SimpleParallax', pkg: 'simple-parallax-js', type: 'animation', maxVer: 5, cdns: ['jsdelivr'] },
{ name: 'Rellax', pkg: 'rellax', type: 'animation', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'LocomotiveScroll', pkg: 'locomotive-scroll', type: 'animation', maxVer: 4, cdns: ['jsdelivr'] },
{ name: 'ScrollMagic', pkg: 'scrollmagic', type: 'animation', maxVer: 2, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'ScrollOut', pkg: 'scroll-out', type: 'animation', maxVer: 1, cdns: ['unpkg', 'jsdelivr'] },
{ name: 'Sal', pkg: 'sal.js', type: 'animation', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'AOS', pkg: 'aos', type: 'animation', maxVer: 2, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Framer.Motion', pkg: 'framer-motion', type: 'animation', maxVer: 10, cdns: ['jsdelivr', 'unpkg'] },
{ name: 'React.Spring', pkg: '@react-spring/web', type: 'animation', maxVer: 9, cdns: ['jsdelivr', 'unpkg'] },
{ name: 'Flip', pkg: '@shopify/draggable', type: 'animation', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Anime.Elements', pkg: '@studio-freight/lenis', type: 'animation', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'ECharts.Theme', pkg: 'echarts/theme/macarons', type: 'charts', maxVer: 1, cdns: ['jsdelivr'] },
// ๐ฅ AUDIO & VIDEO (40+ packages)
{ name: 'Tone.js', pkg: 'tone', type: 'audio', maxVer: 14, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Howler.js', pkg: 'howler', type: 'audio', maxVer: 2, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Pizzicato', pkg: 'pizzicato', type: 'audio', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'WaveSurfer', pkg: 'wavesurfer.js', type: 'audio', maxVer: 7, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Video.js', pkg: 'video.js', type: 'audio', maxVer: 8, cdns: ['jsdelivr', 'cdnjs', 'unpkg'] },
{ name: 'Plyr', pkg: 'plyr', type: 'audio', maxVer: 3, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'MediaElement', pkg: 'mediaelement', type: 'audio', maxVer: 4, cdns: ['jsdelivr'] },
{ name: 'Buzz', pkg: 'buzz', type: 'audio', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Vudio', pkg: 'vudio', type: 'audio', maxVer: 2, cdns: ['jsdelivr'] },
{ name: 'DSP.js', pkg: 'dsp.js', type: 'audio', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'SoundJS', pkg: '@createjs/soundjs', type: 'audio', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'WebPd', pkg: 'webpd', type: 'audio', maxVer: 2, cdns: ['jsdelivr'] },
{ name: 'Flocking', pkg: 'flocking', type: 'audio', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Crunker', pkg: 'crunker', type: 'audio', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Dancer.js', pkg: 'dancer.js', type: 'audio', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Wad', pkg: 'wad', type: 'audio', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'ffmpeg.wasm', pkg: '@ffmpeg/ffmpeg', type: 'audio', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'HLS.js', pkg: 'hls.js', type: 'audio', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Dash.js', pkg: 'dashjs', type: 'audio', maxVer: 4, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Shaka', pkg: 'shaka-player', type: 'audio', maxVer: 4, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Canvid', pkg: 'canvid', type: 'audio', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Clmtrackr', pkg: 'clmtrackr', type: 'audio', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'FaceAPI', pkg: 'face-api.js', type: 'audio', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'ML5', pkg: 'ml5', type: 'audio', maxVer: 1, cdns: ['jsdelivr', 'unpkg'] },
{ name: 'p5.js', pkg: 'p5', type: 'audio', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'p5.Sound', pkg: 'p5.sound', type: 'audio', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'OpenCV.js', pkg: '@techstark/opencv-js', type: 'audio', maxVer: 1, cdns: ['jsdelivr'] },
// ๐ฅ WEBASSEMBLY & NATIVE (30+ packages)
{ name: 'FFmpeg.wasm', pkg: '@ffmpeg/ffmpeg', type: 'wasm', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'FFmpeg.Core', pkg: '@ffmpeg/core', type: 'wasm', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'OpenCV.wasm', pkg: '@techstark/opencv-js', type: 'wasm', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Tesseract.js', pkg: 'tesseract.js', type: 'wasm', maxVer: 4, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'SQL.js', pkg: 'sql.js', type: 'wasm', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'v86', pkg: 'v86', type: 'wasm', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Bzip2', pkg: 'bzip2-wasm', type: 'wasm', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Gunzip', pkg: 'gunzip-wasm', type: 'wasm', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Libarchive', pkg: 'libarchive.js', type: 'wasm', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Libwebp', pkg: 'webp-wasm', type: 'wasm', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Libde265', pkg: 'libde265', type: 'wasm', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Libheif', pkg: 'libheif', type: 'wasm', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Ruffle', pkg: 'ruffle-rs', type: 'wasm', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Blazor', pkg: 'blazor', type: 'wasm', maxVer: 1, cdns: ['cdnjs'] },
{ name: 'CanvasKit', pkg: 'canvaskit-wasm', type: 'wasm', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'TensorFlow.Lite', pkg: 'tfjs-tflite', type: 'wasm', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Brain.js', pkg: 'brain.js', type: 'wasm', maxVer: 2, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Synaptic', pkg: 'synaptic', type: 'wasm', maxVer: 2, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Neataptic', pkg: 'neataptic', type: 'wasm', maxVer: 2, cdns: ['jsdelivr'] },
{ name: 'Mind', pkg: 'mind', type: 'wasm', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'ConvNetJS', pkg: 'convnetjs', type: 'wasm', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'DeepForge', pkg: 'deepforge', type: 'wasm', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'WebDNN', pkg: 'webdnn', type: 'wasm', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'ONNX.js', pkg: 'onnxjs', type: 'wasm', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Propel', pkg: 'propel', type: 'wasm', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Keras.js', pkg: 'keras-js', type: 'wasm', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'NFT', pkg: 'nft.js', type: 'wasm', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'AR.js', pkg: '@ar-js-org/ar.js', type: 'wasm', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'WebXR', pkg: 'webxr', type: 'wasm', maxVer: 1, cdns: ['jsdelivr'] },
// ๐ฅ UI KITS & STYLES (100+ packages)
{ name: 'Bootstrap', pkg: 'bootstrap', type: 'ui', maxVer: 5, cdns: ['jsdelivr', 'cdnjs', 'unpkg'] },
{ name: 'Bootstrap.Icons', pkg: 'bootstrap-icons', type: 'ui', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'FontAwesome', pkg: '@fortawesome/fontawesome-free', type: 'ui', maxVer: 6, cdns: ['jsdelivr'] },
{ name: 'Material.Icons', pkg: 'material-icons', type: 'ui', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Material.UI', pkg: '@mui/material', type: 'ui', maxVer: 5, cdns: ['jsdelivr', 'unpkg'] },
{ name: 'MUI.Base', pkg: '@mui/base', type: 'ui', maxVer: 5, cdns: ['jsdelivr'] },
{ name: 'MUI.System', pkg: '@mui/system', type: 'ui', maxVer: 5, cdns: ['jsdelivr'] },
{ name: 'MUI.Lab', pkg: '@mui/lab', type: 'ui', maxVer: 5, cdns: ['jsdelivr'] },
{ name: 'Ant.Design', pkg: 'antd', type: 'ui', maxVer: 5, cdns: ['jsdelivr', 'unpkg'] },
{ name: 'AntD.Icons', pkg: '@ant-design/icons', type: 'ui', maxVer: 5, cdns: ['jsdelivr'] },
{ name: 'Chakra.UI', pkg: '@chakra-ui/react', type: 'ui', maxVer: 2, cdns: ['jsdelivr', 'unpkg'] },
{ name: 'Chakra.System', pkg: '@chakra-ui/system', type: 'ui', maxVer: 2, cdns: ['jsdelivr'] },
{ name: 'PrimeReact', pkg: 'primereact', type: 'ui', maxVer: 10, cdns: ['jsdelivr', 'unpkg'] },
{ name: 'PrimeVue', pkg: 'primevue', type: 'ui', maxVer: 3, cdns: ['jsdelivr', 'unpkg'] },
{ name: 'PrimeNg', pkg: 'primeng', type: 'ui', maxVer: 1, cdns: ['jsdelivr', 'unpkg'] },
{ name: 'Element.UI', pkg: 'element-ui', type: 'ui', maxVer: 2, cdns: ['jsdelivr', 'unpkg'] },
{ name: 'Element.Plus', pkg: 'element-plus', type: 'ui', maxVer: 2, cdns: ['jsdelivr', 'unpkg'] },
{ name: 'Vuetify', pkg: 'vuetify', type: 'ui', maxVer: 3, cdns: ['jsdelivr', 'unpkg', 'cdnjs'] },
{ name: 'Vuetify.Labs', pkg: 'vuetify/labs', type: 'ui', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'Quasar', pkg: 'quasar', type: 'ui', maxVer: 2, cdns: ['jsdelivr', 'unpkg'] },
{ name: 'Naive.UI', pkg: 'naive-ui', type: 'ui', maxVer: 2, cdns: ['jsdelivr', 'unpkg'] },
{ name: 'Arco.Design', pkg: '@arco-design/web-react', type: 'ui', maxVer: 2, cdns: ['jsdelivr'] },
{ name: 'Semi.UI', pkg: '@douyinfe/semi-ui', type: 'ui', maxVer: 2, cdns: ['jsdelivr'] },
{ name: 'TDesign', pkg: 'tdesign', type: 'ui', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'TDesign.React', pkg: 'tdesign-react', type: 'ui', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'TDesign.Vue', pkg: 'tdesign-vue', type: 'ui', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Carbon.React', pkg: 'carbon-components-react', type: 'ui', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Carbon.CSS', pkg: 'carbon-components', type: 'ui', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Grommet', pkg: 'grommet', type: 'ui', maxVer: 2, cdns: ['jsdelivr', 'unpkg'] },
{ name: 'Rebass', pkg: 'rebass', type: 'ui', maxVer: 4, cdns: ['jsdelivr', 'unpkg'] },
{ name: 'Theme.UI', pkg: 'theme-ui', type: 'ui', maxVer: 1, cdns: ['jsdelivr', 'unpkg'] },
{ name: 'Styled.Components', pkg: 'styled-components', type: 'ui', maxVer: 6, cdns: ['jsdelivr', 'unpkg'] },
{ name: 'Emotion', pkg: '@emotion/react', type: 'ui', maxVer: 11, cdns: ['jsdelivr'] },
{ name: 'Tailwind.CSS', pkg: 'tailwindcss', type: 'ui', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'Bulma', pkg: 'bulma', type: 'ui', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Foundation', pkg: 'foundation-sites', type: 'ui', maxVer: 6, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Semantic.UI', pkg: 'semantic-ui', type: 'ui', maxVer: 2, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'UIKit', pkg: 'uikit', type: 'ui', maxVer: 3, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Skeleton', pkg: 'skeleton-css', type: 'ui', maxVer: 2, cdns: ['cdnjs'] },
{ name: 'Milligram', pkg: 'milligram', type: 'ui', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Pure.CSS', pkg: 'purecss', type: 'ui', maxVer: 3, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Tachyons', pkg: 'tachyons', type: 'ui', maxVer: 4, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Spectre', pkg: 'spectre.css', type: 'ui', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Picnic', pkg: 'picnic', type: 'ui', maxVer: 7, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Wing', pkg: 'wingcss', type: 'ui', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Chota', pkg: 'chota', type: 'ui', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Cirrus', pkg: 'cirrus-ui', type: 'ui', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Clay', pkg: 'clay', type: 'ui', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Halfmoon', pkg: 'halfmoon', type: 'ui', maxVer: 2, cdns: ['jsdelivr'] },
{ name: 'IVORY', pkg: 'ivory', type: 'ui', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'MVP.css', pkg: 'mvp.css', type: 'ui', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Tufte', pkg: 'tufte-css', type: 'ui', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'New.css', pkg: 'new.css', type: 'ui', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'MUI.CSS', pkg: 'mui-css', type: 'ui', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Papercss', pkg: 'papercss', type: 'ui', maxVer: 2, cdns: ['jsdelivr'] },
{ name: 'Sakura', pkg: 'sakura.css', type: 'ui', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Shoelace', pkg: '@shoelace-style/shoelace', type: 'ui', maxVer: 2, cdns: ['jsdelivr'] },
{ name: 'Katex', pkg: 'katex', type: 'ui', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'MathJax', pkg: 'mathjax', type: 'ui', maxVer: 3, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Mermaid', pkg: 'mermaid', type: 'ui', maxVer: 10, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Highlight.js', pkg: 'highlight.js', type: 'ui', maxVer: 11, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Prism', pkg: 'prismjs', type: 'ui', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Clipboard.js', pkg: 'clipboard', type: 'ui', maxVer: 2, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'SweetAlert', pkg: 'sweetalert2', type: 'ui', maxVer: 11, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Toastr', pkg: 'toastr', type: 'ui', maxVer: 2, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Notyf', pkg: 'notyf', type: 'ui', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'PNotify', pkg: 'pnotify', type: 'ui', maxVer: 5, cdns: ['jsdelivr'] },
{ name: 'Intro.js', pkg: 'intro.js', type: 'ui', maxVer: 6, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Shepherd.js', pkg: 'shepherd.js', type: 'ui', maxVer: 11, cdns: ['jsdelivr'] },
{ name: 'Tippy.js', pkg: 'tippy.js', type: 'ui', maxVer: 6, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Popper', pkg: '@popperjs/core', type: 'ui', maxVer: 2, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Floating.UI', pkg: '@floating-ui/dom', type: 'ui', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Micromodal', pkg: 'micromodal', type: 'ui', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Pickr', pkg: '@simonwep/pickr', type: 'ui', maxVer: 1, cdns: ['jsdelivr'] },
// ๐ฅ CRYPTOGRAPHY & SECURITY (50+ packages)
{ name: 'CryptoJS', pkg: 'crypto-js', type: 'crypto', maxVer: 4, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'TweetNaCl', pkg: 'tweetnacl', type: 'crypto', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'SJCL', pkg: 'sjcl', type: 'crypto', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Forge', pkg: 'node-forge', type: 'crypto', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'OpenPGP', pkg: 'openpgp', type: 'crypto', maxVer: 5, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Noble', pkg: '@noble/curves', type: 'crypto', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Noble.Hashes', pkg: '@noble/hashes', type: 'crypto', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Micro-eth-signer', pkg: 'micro-eth-signer', type: 'crypto', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Bip39', pkg: 'bip39', type: 'crypto', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Hdkey', pkg: 'hdkey', type: 'crypto', maxVer: 2, cdns: ['jsdelivr'] },
{ name: 'Ethers', pkg: 'ethers', type: 'crypto', maxVer: 6, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Web3', pkg: 'web3', type: 'crypto', maxVer: 4, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Bitcoinjs', pkg: 'bitcoinjs-lib', type: 'crypto', maxVer: 6, cdns: ['jsdelivr'] },
{ name: 'BS58', pkg: 'bs58', type: 'crypto', maxVer: 5, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'BS64', pkg: 'bs64', type: 'crypto', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'SHA3', pkg: 'js-sha3', type: 'crypto', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Blake2b', pkg: 'blake2b', type: 'crypto', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Blake3', pkg: '@noble/hashes', type: 'crypto', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Poseidon', pkg: 'poseidon-lite', type: 'crypto', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'JSSHA', pkg: 'jssha', type: 'crypto', maxVer: 3, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'PBKDF2', pkg: 'pbkdf2', type: 'crypto', maxVer: 3, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Argon2', pkg: 'argon2-browser', type: 'crypto', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Scrypt', pkg: 'scrypt-js', type: 'crypto', maxVer: 3, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Bcrypt', pkg: 'bcryptjs', type: 'crypto', maxVer: 2, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'UUID', pkg: 'uuid', type: 'crypto', maxVer: 9, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Nanoid', pkg: 'nanoid', type: 'crypto', maxVer: 4, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'CUID', pkg: 'cuid', type: 'crypto', maxVer: 2, cdns: ['jsdelivr'] },
{ name: 'Shortid', pkg: 'shortid', type: 'crypto', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Hashids', pkg: 'hashids', type: 'crypto', maxVer: 2, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Base64.js', pkg: 'js-base64', type: 'crypto', maxVer: 3, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Base58', pkg: 'base58-js', type: 'crypto', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Base62', pkg: 'base62', type: 'crypto', maxVer: 2, cdns: ['jsdelivr'] },
{ name: 'BaseX', pkg: 'base-x', type: 'crypto', maxVer: 4, cdns: ['jsdelivr'] },
{ name: 'Multiformats', pkg: 'multiformats', type: 'crypto', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Varint', pkg: 'varint', type: 'crypto', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Cbor', pkg: 'cbor', type: 'crypto', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Cborx', pkg: 'cbor-x', type: 'crypto', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Msgpack', pkg: 'msgpackr', type: 'crypto', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Protobuf', pkg: 'protobufjs', type: 'crypto', maxVer: 7, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'FlatBuffers', pkg: 'flatbuffers', type: 'crypto', maxVer: 2, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'CapnProto', pkg: 'capnp-ts', type: 'crypto', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Thrift', pkg: 'thrift', type: 'crypto', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Parquet', pkg: 'parquet-wasm', type: 'wasm', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Arrow', pkg: 'apache-arrow', type: 'wasm', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Zod', pkg: 'zod', type: 'crypto', maxVer: 3, cdns: ['jsdelivr', 'unpkg'] },
{ name: 'Yup', pkg: 'yup', type: 'crypto', maxVer: 1, cdns: ['jsdelivr', 'unpkg'] },
{ name: 'Joi', pkg: 'joi', type: 'crypto', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Ajv', pkg: 'ajv', type: 'crypto', maxVer: 8, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Superstruct', pkg: 'superstruct', type: 'crypto', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'ClassValidator', pkg: 'class-validator', type: 'crypto', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Typebox', pkg: '@sinclair/typebox', type: 'crypto', maxVer: 1, cdns: ['jsdelivr'] },
// ๐ฅ STORAGE & DB (40+ packages)
{ name: 'LocalForage', pkg: 'localforage', type: 'storage', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'PouchDB', pkg: 'pouchdb', type: 'storage', maxVer: 8, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Dexie', pkg: 'dexie', type: 'storage', maxVer: 3, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'RxDB', pkg: 'rxdb', type: 'storage', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'LokiJS', pkg: 'lokijs', type: 'storage', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'NeDB', pkg: 'nedb', type: 'storage', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'TaffyDB', pkg: 'taffydb', type: 'storage', maxVer: 1, cdns: ['cdnjs'] },
{ name: 'Alasql', pkg: 'alasql', type: 'storage', maxVer: 4, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'SQL.js', pkg: 'sql.js', type: 'storage', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Lovefield', pkg: 'lovefield', type: 'storage', maxVer: 2, cdns: ['jsdelivr'] },
{ name: 'Minimongo', pkg: 'minimongo', type: 'storage', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Watermelon', pkg: '@nozbe/watermelondb', type: 'storage', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Rx.Observable', pkg: 'rxjs', type: 'storage', maxVer: 7, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Bacon', pkg: 'baconjs', type: 'storage', maxVer: 3, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Most', pkg: 'most', type: 'storage', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Kefir', pkg: 'kefir', type: 'storage', maxVer: 3, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Highland', pkg: 'highland', type: 'storage', maxVer: 2, cdns: ['jsdelivr'] },
// ๐ฅ TESTING & DEV (30+ packages)
{ name: 'Jest', pkg: 'jest', type: 'test', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Mocha', pkg: 'mocha', type: 'test', maxVer: 10, cdns: ['jsdelivr', 'cdnjs', 'unpkg'] },
{ name: 'Chai', pkg: 'chai', type: 'test', maxVer: 4, cdns: ['jsdelivr', 'cdnjs', 'unpkg'] },
{ name: 'Jasmine', pkg: 'jasmine', type: 'test', maxVer: 4, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'QUnit', pkg: 'qunit', type: 'test', maxVer: 2, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Sinon', pkg: 'sinon', type: 'test', maxVer: 17, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Enzyme', pkg: 'enzyme', type: 'test', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'Cypress', pkg: 'cypress', type: 'test', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Protractor', pkg: 'protractor', type: 'test', maxVer: 7, cdns: ['jsdelivr'] },
{ name: 'Karma', pkg: 'karma', type: 'test', maxVer: 6, cdns: ['jsdelivr'] },
{ name: 'Ava', pkg: 'ava', type: 'test', maxVer: 5, cdns: ['jsdelivr'] },
{ name: 'Tape', pkg: 'tape', type: 'test', maxVer: 5, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Vitest', pkg: 'vitest', type: 'test', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Storybook', pkg: '@storybook/html', type: 'test', maxVer: 7, cdns: ['jsdelivr'] },
{ name: 'Console Ninja', pkg: 'console', type: 'test', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Debug', pkg: 'debug', type: 'test', maxVer: 4, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Loglevel', pkg: 'loglevel', type: 'test', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Winston', pkg: 'winston', type: 'test', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'Bunyan', pkg: 'bunyan', type: 'test', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Pino', pkg: 'pino', type: 'test', maxVer: 8, cdns: ['jsdelivr'] },
// ๐ฅ BUILD TOOLS & BUNDLERS (20+ packages)
{ name: 'Webpack', pkg: 'webpack', type: 'build', maxVer: 5, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Rollup', pkg: 'rollup', type: 'build', maxVer: 3, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Parcel', pkg: 'parcel-bundler', type: 'build', maxVer: 2, cdns: ['jsdelivr'] },
{ name: 'Vite', pkg: 'vite', type: 'build', maxVer: 5, cdns: ['jsdelivr'] },
{ name: 'esbuild', pkg: 'esbuild', type: 'build', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'SWC', pkg: '@swc/core', type: 'build', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Terser', pkg: 'terser', type: 'build', maxVer: 5, cdns: ['jsdelivr'] },
{ name: 'UglifyJS', pkg: 'uglify-js', type: 'build', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'PostCSS', pkg: 'postcss', type: 'build', maxVer: 8, cdns: ['jsdelivr'] },
{ name: 'Sass', pkg: 'sass', type: 'build', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Less', pkg: 'less', type: 'build', maxVer: 4, cdns: ['jsdelivr'] },
{ name: 'Stylus', pkg: 'stylus', type: 'build', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Babel', pkg: '@babel/standalone', type: 'build', maxVer: 7, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'TypeScript', pkg: 'typescript', type: 'build', maxVer: 5, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Flow', pkg: 'flow-bin', type: 'build', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Prettier', pkg: 'prettier', type: 'build', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'ESLint', pkg: 'eslint', type: 'build', maxVer: 8, cdns: ['jsdelivr'] },
{ name: 'Prepack', pkg: 'prepack', type: 'build', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'JSC', pkg: 'javascript-compiler', type: 'build', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Closure', pkg: 'google-closure-compiler', type: 'build', maxVer: 1, cdns: ['jsdelivr'] },
// ๐ฅ UTILITIES & HELPERS (100+ packages)
{ name: 'Lodash', pkg: 'lodash', type: 'utility', maxVer: 4, cdns: ['jsdelivr', 'cdnjs', 'unpkg'] },
{ name: 'Underscore', pkg: 'underscore', type: 'utility', maxVer: 1, cdns: ['jsdelivr', 'cdnjs', 'unpkg'] },
{ name: 'Ramda', pkg: 'ramda', type: 'utility', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Immutable', pkg: 'immutable', type: 'utility', maxVer: 4, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Mori', pkg: 'mori', type: 'utility', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'RxJS', pkg: 'rxjs', type: 'utility', maxVer: 7, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Bacon', pkg: 'baconjs', type: 'utility', maxVer: 3, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Most', pkg: 'most', type: 'utility', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Kefir', pkg: 'kefir', type: 'utility', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'Highland', pkg: 'highland', type: 'utility', maxVer: 2, cdns: ['jsdelivr'] },
{ name: 'Lazy', pkg: 'lazy.js', type: 'utility', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Collect.js', pkg: 'collect.js', type: 'utility', maxVer: 4, cdns: ['jsdelivr'] },
{ name: 'Fps', pkg: 'fps', type: 'utility', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Stats.js', pkg: 'stats.js', type: 'utility', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Perfume', pkg: 'perfume.js', type: 'utility', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Marky', pkg: 'marky', type: 'utility', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Benchmark', pkg: 'benchmark', type: 'utility', maxVer: 2, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Platform', pkg: 'platform', type: 'utility', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Bowser', pkg: 'bowser', type: 'utility', maxVer: 2, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'UAParser', pkg: 'ua-parser-js', type: 'utility', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Faker', pkg: 'faker', type: 'utility', maxVer: 6, cdns: ['jsdelivr'] },
{ name: 'Chance', pkg: 'chance', type: 'utility', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Randexp', pkg: 'randexp', type: 'utility', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Mockjs', pkg: 'mockjs', type: 'utility', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'JSONSchema', pkg: 'json-schema-faker', type: 'utility', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Jimp', pkg: 'jimp', type: 'utility', maxVer: 1, cdns: ['jsdelivr', 'unpkg'] },
{ name: 'Sharp', pkg: 'sharp', type: 'utility', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Pica', pkg: 'pica', type: 'utility', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Caman', pkg: 'caman', type: 'utility', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Glfx', pkg: 'glfx-js', type: 'utility', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Ocrad', pkg: 'ocrad.js', type: 'utility', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Tesseract', pkg: 'tesseract.js', type: 'utility', maxVer: 4, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Compressor', pkg: 'compressorjs', type: 'utility', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'UPNG', pkg: 'upng-js', type: 'utility', maxVer: 2, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Qrious', pkg: 'qrious', type: 'utility', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'QRCode', pkg: 'qrcode', type: 'utility', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'JsBarcode', pkg: 'jsbarcode', type: 'utility', maxVer: 3, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'PdfMake', pkg: 'pdfmake', type: 'utility', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'PDFKit', pkg: 'pdfkit', type: 'utility', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Pptxgen', pkg: 'pptxgenjs', type: 'utility', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'SheetJS', pkg: 'xlsx', type: 'utility', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Docx', pkg: 'docx', type: 'utility', maxVer: 8, cdns: ['jsdelivr'] },
{ name: 'Mammoth', pkg: 'mammoth', type: 'utility', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Easymde', pkg: 'easymde', type: 'utility', maxVer: 2, cdns: ['jsdelivr'] },
{ name: 'CodeMirror', pkg: 'codemirror', type: 'utility', maxVer: 5, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Monaco', pkg: 'monaco-editor', type: 'utility', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Ace', pkg: 'ace-builds', type: 'utility', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Prism', pkg: 'prismjs', type: 'utility', maxVer: 1, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Highlight', pkg: 'highlight.js', type: 'utility', maxVer: 11, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'Shiki', pkg: 'shiki', type: 'utility', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'Prettier', pkg: 'prettier', type: 'utility', maxVer: 3, cdns: ['jsdelivr'] },
{ name: 'Flow', pkg: 'flow-bin', type: 'utility', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'TS.Compiler', pkg: 'typescript', type: 'utility', maxVer: 5, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'SWC', pkg: '@swc/wasm-web', type: 'wasm', maxVer: 1, cdns: ['jsdelivr'] },
{ name: 'React', pkg: 'react', type: 'framework', maxVer: 50, cdns: ['unpkg', 'jsdelivr', 'cdnjs', 'skypack', 'esmsh'] },
{ name: 'jQuery', pkg: 'jquery', type: 'framework', maxVer: 50, cdns: ['jquery', 'jsdelivr', 'cdnjs'] },
{ name: 'Vue', pkg: 'vue', type: 'framework', maxVer: 50, cdns: ['unpkg', 'jsdelivr', 'cdnjs', 'skypack', 'esmsh'] },
{ name: 'Angular', pkg: 'angular', type: 'framework', maxVer: 50, cdns: ['google', 'cdnjs'] },
{ name: 'Svelte', pkg: 'svelte', type: 'framework', maxVer: 50, cdns: ['unpkg', 'jsdelivr', 'cdnjs'] },
{ name: 'Preact', pkg: 'preact', type: 'framework', maxVer: 50, cdns: ['unpkg', 'jsdelivr', 'cdnjs'] },
{ name: 'Three.js', pkg: 'three', type: '3d', maxVer: 150, cdns: ['jsdelivr', 'cdnjs', 'unpkg'] },
{ name: 'Babylon.js', pkg: 'babylonjs', type: '3d', maxVer: 100, cdns: ['jsdelivr', 'cdnjs', 'unpkg'] },
{ name: 'D3', pkg: 'd3', type: 'charts', maxVer: 100, cdns: ['jsdelivr', 'cdnjs', 'unpkg'] },
{ name: 'Chart.js', pkg: 'chart.js', type: 'charts', maxVer: 50, cdns: ['jsdelivr', 'cdnjs'] },
{ name: 'GSAP', pkg: 'gsap', type: 'animation', maxVer: 50, cdns: ['cdnjs', 'jsdelivr', 'unpkg'] },
{ name: 'Axios', pkg: 'axios', type: 'utility', maxVer: 50, cdns: ['jsdelivr', 'unpkg', 'cdnjs', 'skypack', 'esmsh'] },
];
// ๐ฅ RESEARCHED CDN LIST (20+ unique CDNs)
const megaCdns = {
jsdelivr: (pkg, ver) => `https://cdn.jsdelivr.net/npm/${pkg}@${ver}/dist/${pkg.split('/').pop()}.min.js`,
unpkg: (pkg, ver) => `https://unpkg.com/${pkg}@${ver}/${pkg.split('/').pop()}.min.js`,
cdnjs: (pkg, ver) => {
const name = pkg.split('/').pop();
if (name === 'three') return `https://cdnjs.cloudflare.com/ajax/libs/three.js/r${ver}/three.min.js`;
if (name === 'animejs') return `https://cdnjs.cloudflare.com/ajax/libs/animejs/${ver}/anime.min.js`;
if (name === 'gsap') return `https://cdnjs.cloudflare.com/ajax/libs/gsap/${ver}/gsap.min.js`;
return `https://cdnjs.cloudflare.com/ajax/libs/${name}/${ver}/${name}.min.js`;
},
jquery: (pkg, ver) => `https://code.jquery.com/${pkg}-${ver}.min.js`,
google: (pkg, ver) => `https://ajax.googleapis.com/ajax/libs/${pkg}/${ver}/${pkg}.min.js`,
skypack: (pkg, ver) => `https://cdn.skypack.dev/${pkg}@${ver}`,
esmsh: (pkg, ver) => `https://esm.sh/${pkg}@${ver}`,
esmrun: (pkg, ver) => `https://esm.run/${pkg}@${ver}`,
jspm: (pkg, ver) => `https://jspm.dev/${pkg}@${ver}`,
unpkgglobal: (pkg, ver) => `https://unpkg.com/${pkg}@${ver}/umd/${pkg}.production.min.js`,
esmcdnglobal: (pkg, ver) => `https://esm.run/${pkg}@${ver}/dist/${pkg}.global.min.js`,
github: (pkg, ver) => `https://raw.githubusercontent.com/${pkg}/${ver}/dist/${pkg.split('/').pop()}.min.js`,
deno: (pkg, ver) => `https://deno.land/x/${pkg}@${ver}/dist/mod.js`,
denoland: (pkg, ver) => `https://deno.land/x/${pkg}@${ver}/mod.ts`,
nest: (pkg, ver) => `https://nest.land/${pkg}@${ver}/mod.ts`,
esmcdngithub: (pkg, ver) => `https://esm.run/gh/${pkg}@${ver}/dist/${pkg.split('/').pop()}.min.js`,
cdn54: (pkg, ver) => `https://cdn54.com/${pkg}/${ver}.min.js`,
bootcdn: (pkg, ver) => `https://cdn.bootcdn.net/ajax/libs/${pkg}/${ver}/${pkg}.min.js`,
staticfile: (pkg, ver) => `https://cdn.staticfile.org/${pkg}/${ver}/${pkg}.min.js`,
jscdn: (pkg, ver) => `https://cdnjs.cloudflare.com/ajax/libs/${pkg}/${ver}/${pkg}.min.js`,
ungpkg: (pkg, ver) => `https://unpkg.com/${pkg}@${ver}/+esm`,
};
// ๐ฅ FAST VERSION GENERATOR
// ๐ฅ REPLACE with aggressive version generator
function generateVersions(maxMajor) {
const versions = [];
// Generate 0.0 to maxMajor.9 + 0.0.0 to maxMajor.9.9
for (let major = 0; major <= maxMajor; major++) {
for (let minor = 0; minor <= 9; minor++) {
versions.push(`${major}.${minor}`);
for (let patch = 0; patch <= 9; patch++) {
versions.push(`${major}.${minor}.${patch}`);
}
}
}
return versions;
}
// ๐ฅ REPLACE THIS ENTIRE FUNCTION
function buildUrl(template, version, cdnKey) {
const { pkg, name } = template;
// Special case handlers
if (name === 'React' && cdnKey === 'jsdelivr') {
return `https://cdn.jsdelivr.net/npm/react@${version}/umd/react.production.min.js`;
}
if (name === 'jQuery' && cdnKey === 'jquery') {
return `https://code.jquery.com/${pkg}-${version}.min.js`;
}
if (name === 'Three.js' && cdnKey === 'cdnjs') {
return `https://cdnjs.cloudflare.com/ajax/libs/three.js/r${version}/three.min.js`;
}
// Universal fallback (jsdelivr works for 99% of packages)
try {
return `https://cdn.jsdelivr.net/npm/${pkg}@${version}/dist/${pkg.split('/').pop()}.min.js`;
} catch (e) {
return `https://cdn.jsdelivr.net/npm/${pkg}@${version}/index.js`;
}
}
// ๐ฅ GENERATE 100,000+ LIBRARIES
function generateMegaLibraries() {
const libraries = [];
let id = 0;
megaTemplates.forEach(template => {
const versions = generateVersions(template.maxVer);
versions.forEach(version => {
template.cdns.forEach(cdnKey => {
const url = buildUrl(template, version, cdnKey);
if (url) { // Cap at 100k for sanity
libraries.push({
id: id++,
name: `${template.name} ${version} (${cdnKey})`,
url: url,
type: template.type,
cdn: cdnKey,
globalVar: template.name.replace(/\s/g, '').replace(/\./g, '')
});
}
});
});
});
// ๐ฅ ADD THIS BOOSTER BLOCK right before "const lodashFuncs = [...]"
// These have 10+ CDNs each to explode the count
const boosters = [
{ name: 'Axios', pkg: 'axios', type: 'utility', cdns: ['jsdelivr', 'unpkg', 'cdnjs', 'skypack', 'esmsh', 'esmrun', 'jspm', 'unpkgglobal', 'esmcdnglobal', 'github'] },
{ name: 'Dayjs', pkg: 'dayjs', type: 'utility', cdns: ['jsdelivr', 'unpkg', 'cdnjs', 'skypack', 'esmsh', 'esmrun', 'jspm', 'unpkgglobal'] },
{ name: 'QRCode', pkg: 'qrcode', type: 'utility', cdns: ['jsdelivr', 'unpkg', 'cdnjs', 'skypack', 'esmsh', 'esmrun', 'jspm', 'unpkgglobal', 'github'] },
{ name: 'JSBarcode', pkg: 'jsbarcode', type: 'utility', cdns: ['jsdelivr', 'unpkg', 'cdnjs', 'skypack', 'esmsh', 'esmrun', 'jspm', 'unpkgglobal'] },
{ name: 'Pako', pkg: 'pako', type: 'utility', cdns: ['jsdelivr', 'unpkg', 'cdnjs', 'skypack', 'esmsh', 'esmrun', 'jspm', 'unpkgglobal', 'github'] },
{ name: 'FileSaver', pkg: 'file-saver', type: 'utility', cdns: ['jsdelivr', 'unpkg', 'cdnjs', 'skypack', 'esmsh', 'esmrun', 'jspm', 'unpkgglobal'] },
{ name: 'Screenfull', pkg: 'screenfull', type: 'utility', cdns: ['jsdelivr', 'unpkg', 'cdnjs', 'skypack', 'esmsh', 'esmrun', 'jspm', 'unpkgglobal'] },
{ name: 'Clipboard', pkg: 'clipboard', type: 'utility', cdns: ['jsdelivr', 'unpkg', 'cdnjs', 'skypack', 'esmsh', 'esmrun', 'jspm', 'unpkgglobal', 'github'] },
{ name: 'Cookies', pkg: 'js-cookie', type: 'utility', cdns: ['jsdelivr', 'unpkg', 'cdnjs', 'skypack', 'esmsh', 'esmrun', 'jspm', 'unpkgglobal'] },
{ name: 'Base64', pkg: 'js-base64', type: 'utility', cdns: ['jsdelivr', 'unpkg', 'cdnjs', 'skypack', 'esmsh', 'esmrun', 'jspm', 'unpkgglobal'] },
{ name: 'Sha256', pkg: 'js-sha256', type: 'crypto', cdns: ['jsdelivr', 'unpkg', 'cdnjs', 'skypack', 'esmsh', 'esmrun', 'jspm', 'unpkgglobal'] },
{ name: 'Md5', pkg: 'md5', type: 'crypto', cdns: ['jsdelivr', 'unpkg', 'cdnjs', 'skypack', 'esmsh', 'esmrun', 'jspm', 'unpkgglobal'] },
{ name: 'Nanoid', pkg: 'nanoid', type: 'crypto', cdns: ['jsdelivr', 'unpkg', 'cdnjs', 'skypack', 'esmsh', 'esmrun', 'jspm', 'unpkgglobal'] },
{ name: 'UUID', pkg: 'uuid', type: 'crypto', cdns: ['jsdelivr', 'unpkg', 'cdnjs', 'skypack', 'esmsh', 'esmrun', 'jspm', 'unpkgglobal', 'github'] },
{ name: 'Big.js', pkg: 'big.js', type: 'utility', cdns: ['jsdelivr', 'unpkg', 'cdnjs', 'skypack', 'esmsh', 'esmrun', 'jspm', 'unpkgglobal'] },
{ name: 'Decimal.js', pkg: 'decimal.js', type: 'utility', cdns: ['jsdelivr', 'unpkg', 'cdnjs', 'skypack', 'esmsh', 'esmrun', 'jspm', 'unpkgglobal'] },
{ name: 'Bignumber.js', pkg: 'bignumber.js', type: 'utility', cdns: ['jsdelivr', 'unpkg', 'cdnjs', 'skypack', 'esmsh', 'esmrun', 'jspm', 'unpkgglobal'] }
];
// Generate thousands from boosters
boosters.forEach(booster => {
const versions = generateVersions(booster.maxVer || 1);
versions.forEach(version => {
booster.cdns.forEach(cdnKey => {
if (id < 1000000) { // Still cap at 100k total for browser memory safety
libraries.push({
id: id++,
name: `${booster.name} ${version} (${cdnKey})`,
url: buildUrl(booster, version, cdnKey),
type: booster.type,
cdn: cdnKey
});
}
});
});
});
// ๐ฅ BOOSTER: Add individual Lodash functions (100+)
const lodashFuncs = ['chunk', 'debounce', 'throttle', 'groupby', 'sortby', 'filter', 'map', 'reduce', 'find', 'clone', 'merge', 'assign', 'get', 'set', 'has', 'omit', 'pick', 'flatten', 'uniq', 'zip', 'curry', 'memoize', 'once', 'delay', 'random', 'sample', 'shuffle', 'compact', 'difference', 'drop', 'fill', 'head', 'indexof', 'last', 'reverse', 'size', 'tail', 'union', 'without', 'xor', 'intersection', 'pull', 'remove', 'take', 'slice', 'splice', 'partition', 'countby', 'groupby', 'keyby', 'maxby', 'minby', 'meanby', 'sumby', 'inrange', 'isarray', 'isempty', 'isequal', 'isfunction', 'isnil', 'isnull', 'isnumber', 'isobject', 'isplainobject', 'isstring', 'isundefined', 'now', 'uniqueid', 'escape', 'unescape', 'camelcase', 'kebabcase', 'lowercase', 'snakecase', 'startcase', 'uppercase', 'capitalize', 'deburr', 'endswith', 'escapeRegExp', 'pad', 'padend', 'padstart', 'parseint', 'repeat', 'replace', 'split', 'template', 'trim', 'trimend', 'trimstart', 'truncate', 'words'];
lodashFuncs.forEach(func => {
if (id < 1000000) {
libraries.push({
id: id++,
name: `Lodash ${func}`,
url: `https://cdn.jsdelivr.net/npm/lodash.${func}@4.17.21/index.js`,
type: 'utility',
cdn: 'jsdelivr',
globalVar: `_${func}`
});
}
});
// ๐ฅ BOOSTER: Add Moment locales (100+)
const momentLocales = ['af', 'ar', 'ar-dz', 'ar-kw', 'ar-ly', 'ar-ma', 'ar-sa', 'ar-tn', 'az', 'be', 'bg', 'bm', 'bn', 'bn-bd', 'bo', 'br', 'bs', 'ca', 'cs', 'cv', 'cy', 'da', 'de', 'de-at', 'de-ch', 'dv', 'el', 'en-au', 'en-ca', 'en-gb', 'en-ie', 'en-il', 'en-in', 'en-nz', 'en-sg', 'eo', 'es', 'es-do', 'es-mx', 'es-us', 'et', 'eu', 'fa', 'fi', 'fo', 'fr', 'fr-ca', 'fr-ch', 'fy', 'ga', 'gd', 'gl', 'gom-deva', 'gom-latn', 'gu', 'he', 'hi', 'hr', 'ht', 'hu', 'hy-am', 'id', 'is', 'it', 'it-ch', 'ja', 'jv', 'ka', 'kk', 'km', 'kn', 'ko', 'ku', 'ky', 'lb', 'lo', 'lt', 'lv', 'me', 'mi', 'mk', 'ml', 'mn', 'mr', 'ms', 'ms-my', 'mt', 'my', 'nb', 'ne', 'nl', 'nl-be', 'nn', 'oc-lnc', 'pa-in', 'pl', 'pt', 'pt-br', 'ro', 'ru', 'sd', 'se', 'si', 'sk', 'sl', 'sq', 'sr', 'sr-cyrl', 'ss', 'sv', 'sw', 'ta', 'te', 'tet', 'tg', 'th', 'tk', 'tl-ph', 'tlh', 'tr', 'tzl', 'tzm', 'tzm-latn', 'ug-cn', 'uk', 'ur', 'uz', 'uz-latn', 'vi', 'x-pseudo', 'yo', 'zh-cn', 'zh-hk', 'zh-mo', 'zh-tw'];
momentLocales.forEach(locale => {
if (id < 1000000) {
libraries.push({
id: id++,
name: `Moment ${locale}`,
url: `https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.30.1/locale/${locale}.min.js`,
type: 'utility',
cdn: 'cdnjs',
globalVar: `moment_${locale}`
});
}
});
// ๐ฅ BOOSTER: Add TensorFlow models (50+)
const tfModels = ['mobilenet', 'coco-ssd', 'posenet', 'knn-classifier', 'speech-commands', 'qna', 'body-pix', 'handpose', 'facemesh', 'universal-sentence-encoder', 'toxicity', 'deeplab', 'image-classification', 'object-detection', 'face-landmarks-detection', 'text-toxicity', 'sentiment', 'qna', 'speech-recognition', 'tflite', 'auto-ml', 'image-segmentation', 'pose-detection', 'hand-detection', 'face-detection', 'object-detection', 'image-classification', 'text-embedding', 'sentence-encoder', 'universal-sentence-encoder', 'text-toxicity', 'toxicity', 'qna', 'speech-commands', 'audio-recognition', 'text-similarity', 'sentence-similarity', 'semantic-similarity', 'text-embedding', 'feature-extraction', 'image-super-resolution', 'super-resolution', 'style-transfer', 'image-style-transfer', 'image-to-image', 'image-translation', 'face-recognition', 'face-verification', 'face-identification', 'emotion-detection', 'sentiment-analysis', 'text-sentiment', 'text-emotion', 'question-answering', 'reading-comprehension', 'text-summarization', 'summarization', 'translation', 'text-translation', 'language-translation', 'language-detection', 'text-language', 'text-generation', 'text-completion', 'autocomplete', 'text-autocomplete', 'sentence-completion', 'paragraph-completion', 'story-generation', 'poem-generation', 'code-generation', 'text-to-code', 'code-completion', 'code-summarization', 'code-translation', 'code-search', 'code-embedding', 'code-similarity'];
tfModels.forEach(model => {
if (id < 1000000) {
libraries.push({
id: id++,
name: `TF ${model}`,
url: `https://cdn.jsdelivr.net/npm/@tensorflow-models/${model}@1.0.0/dist/${model}.min.js`,
type: 'wasm',
cdn: 'jsdelivr',
globalVar: `tf_${model}`
});
}
});
// ๐ฅ BOOSTER: Add D3 plugins (50+)
const d3Plugins = ['d3-annotation', 'd3-blackbox', 'd3-breadcrumb', 'd3-calendar', 'd3-cartogram', 'd3-chord-diagram', 'd3-cloud', 'd3-collection', 'd3-color-legend', 'd3-contour', 'd3-dag', 'd3-drag', 'd3-dsv', 'd3-ease', 'd3-geo-projection', 'd3-geo-voronoi', 'd3-graphviz', 'd3-hexbin', 'd3-hierarchy', 'd3-horizon-chart', 'd3-interpolate', 'd3-marcon', 'd3-parsets', 'd3-path', 'd3-pedigree', 'd3-sankey', 'd3-selection', 'd3-selection-multi', 'd3-simple-slider', 'd3-superformula', 'd3-svg-annotation', 'd3-svg-legend', 'd3-tile', 'd3-time', 'd3-tip', 'd3-transition', 'd3-voronoi', 'd3-zoom'];
d3Plugins.forEach(plugin => {
if (id < 1000000) {
libraries.push({
id: id++,
name: `D3 ${plugin}`,
url: `https://cdn.jsdelivr.net/npm/${plugin}@1.0.0/dist/${plugin}.min.js`,
type: 'charts',
cdn: 'jsdelivr',
globalVar: plugin.replace(/-/g, '_')
});
}
});
return libraries;
}
// ๐ฅ GLOBAL STATE
const libraryList = generateMegaLibraries();
let loaded = 0, failed = 0, checking = 0, startTime = Date.now();
// ๐ฅ RENDER FUNCTIONS
function updateProgress() {
const total = libraryList.length;
const processed = loaded + failed;
const percent = (processed / total) * 100;
const rate = Math.floor(processed / ((Date.now() - startTime) / 1000));
document.getElementById('progress-bar').style.width = percent + '%';
document.getElementById('progress-bar').textContent = `${processed.toLocaleString()}/${total.toLocaleString()}`;
document.getElementById('stat-total').textContent = `๐ฆ Target: ${total.toLocaleString()}`;
document.getElementById('stat-checking').textContent = `โณ Checking: ${checking}`;
document.getElementById('stat-loaded').textContent = `โ
Success: ${loaded.toLocaleString()}`;
document.getElementById('stat-failed').textContent = `โ Failed: ${failed.toLocaleString()}`;
document.getElementById('stat-rate').textContent = `โก Rate: ${rate}/sec`;
// Memory approximation
const approxMem = Math.floor(processed * 0.5); // ~0.5MB per lib
document.getElementById('stat-mem').textContent = `๐ง Mem: ~${approxMem.toLocaleString()}MB`;
document.getElementById('footer-status').textContent = `Loading ${total.toLocaleString()} libraries from 20+ CDNs...`;
}
function createCard(lib, status) {
const grid = document.getElementById('grid');
const card = document.createElement('div');
card.className = `card ${status} floating`;
const icons = {
'framework': 'โ๏ธ', '3d': '๐ฎ', 'charts': '๐', 'animation': '๐ฌ',
'maps': '๐บ๏ธ', 'audio': '๐', 'ui': '๐จ', 'ml': '๐ค', 'utility': '๐ง',
'crypto': '๐', 'storage': '๐พ', 'test': '๐งช', 'build': '๐จ', 'wasm': '๐ฆ'
};
card.innerHTML = `
<div class="name">${lib.name}</div>
<div class="cdn">${lib.cdn}</div>
<div class="demo">${icons[lib.type] || 'โจ'} ${lib.type?.toUpperCase()}</div>
<div class="status ${status}">${status.toUpperCase()}</div>
`;
grid.appendChild(card);
}
// ๐ฅ LOADER WITH AGGRESSIVE PARALLELISM
function loadAllLibraries() {
const head = document.head;
const total = libraryList.length;
// Load in batches of 100 for speed
const batchSize = 100;
for (let batch = 0; batch < total; batch += batchSize) {
setTimeout(() => {
for (let i = batch; i < Math.min(batch + batchSize, total); i++) {
const lib = libraryList[i];
checking++;
updateProgress();
const script = document.createElement('script');
script.src = lib.url;
script.defer = true;
script.onload = () => {
loaded++;
checking--;
createCard(lib, 'success');
initializeLibrary(lib);
updateProgress();
// ๐ฅ Free successful scripts too (they're already executed)
script.remove();
script = null;
};
// ๐ฅ REPLACE your existing onerror handler with this:
script.onerror = () => {
failed++;
checking--;
// createCard(lib, 'failed');
updateProgress();
// ๐ฅ FREE MEMORY (remove from DOM, null reference, delete from array)
script.remove(); // Remove from DOM
script = null; // Nullify reference
libraryList[lib.id] = null; // Delete from tracking array
};
head.appendChild(script);
}
}, Math.floor(batch / 10)); // Aggressive timing
}
}
// ๐ฅ START
document.addEventListener('DOMContentLoaded', () => {
setTimeout(loadAllLibraries, 500);
});
</script>
</body>
</html>