bitwrench 2.0.13 → 2.0.14
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/README.md +4 -4
- package/dist/bitwrench-code-edit.cjs.js +1 -1
- package/dist/bitwrench-code-edit.es5.js +1 -1
- package/dist/bitwrench-code-edit.es5.min.js +1 -1
- package/dist/bitwrench-code-edit.esm.js +1 -1
- package/dist/bitwrench-code-edit.esm.min.js +1 -1
- package/dist/bitwrench-code-edit.umd.js +1 -1
- package/dist/bitwrench-code-edit.umd.min.js +1 -1
- package/dist/bitwrench-lean.cjs.js +659 -346
- package/dist/bitwrench-lean.cjs.min.js +5 -5
- package/dist/bitwrench-lean.es5.js +960 -347
- package/dist/bitwrench-lean.es5.min.js +3 -3
- package/dist/bitwrench-lean.esm.js +659 -346
- package/dist/bitwrench-lean.esm.min.js +5 -5
- package/dist/bitwrench-lean.umd.js +659 -346
- package/dist/bitwrench-lean.umd.min.js +5 -5
- package/dist/bitwrench.cjs.js +1737 -452
- package/dist/bitwrench.cjs.min.js +6 -6
- package/dist/bitwrench.css +1625 -168
- package/dist/bitwrench.es5.js +4016 -2341
- package/dist/bitwrench.es5.min.js +4 -4
- package/dist/bitwrench.esm.js +1737 -452
- package/dist/bitwrench.esm.min.js +6 -6
- package/dist/bitwrench.umd.js +1737 -452
- package/dist/bitwrench.umd.min.js +6 -6
- package/dist/builds.json +60 -60
- package/dist/sri.json +26 -26
- package/package.json +1 -1
- package/readme.html +5 -5
- package/src/bitwrench-color-utils.js +137 -17
- package/src/bitwrench-components-v2.js +997 -35
- package/src/bitwrench-styles.js +1098 -370
- package/src/bitwrench.js +128 -75
- package/src/version.js +3 -3
package/dist/builds.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "2.0.
|
|
3
|
-
"buildDate": "2026-03-
|
|
2
|
+
"version": "2.0.14",
|
|
3
|
+
"buildDate": "2026-03-08",
|
|
4
4
|
"files": [
|
|
5
5
|
{
|
|
6
6
|
"file": "bitwrench-code-edit.cjs.js",
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"raw": 21195,
|
|
12
12
|
"gzipped": 5376,
|
|
13
13
|
"sourceMap": true,
|
|
14
|
-
"integrity": "sha384-
|
|
14
|
+
"integrity": "sha384-NuPgjnP90qmTJh2+OHjD7dEMax23EdkDFLiPZmztnK1Rgxk7DH28DlayzgEaOLDn"
|
|
15
15
|
},
|
|
16
16
|
{
|
|
17
17
|
"file": "bitwrench-lean.cjs.js",
|
|
@@ -19,10 +19,10 @@
|
|
|
19
19
|
"ver": "2.x",
|
|
20
20
|
"component": "lean",
|
|
21
21
|
"minified": false,
|
|
22
|
-
"raw":
|
|
23
|
-
"gzipped":
|
|
22
|
+
"raw": 220633,
|
|
23
|
+
"gzipped": 54664,
|
|
24
24
|
"sourceMap": true,
|
|
25
|
-
"integrity": "sha384-
|
|
25
|
+
"integrity": "sha384-lUUI6XztA8iBXUaAwHLEZvkr2qfRdzPpR1HIKbMC02hOFA/YVP9rcJjUcUeaRh1G"
|
|
26
26
|
},
|
|
27
27
|
{
|
|
28
28
|
"file": "bitwrench.cjs.js",
|
|
@@ -30,10 +30,10 @@
|
|
|
30
30
|
"ver": "2.x",
|
|
31
31
|
"component": "core",
|
|
32
32
|
"minified": false,
|
|
33
|
-
"raw":
|
|
34
|
-
"gzipped":
|
|
33
|
+
"raw": 336765,
|
|
34
|
+
"gzipped": 78618,
|
|
35
35
|
"sourceMap": true,
|
|
36
|
-
"integrity": "sha384-
|
|
36
|
+
"integrity": "sha384-ZzcJBCi9aUwYjx5Sdww/YniuPbDdRstsO7L5L6xyBhH545rD8WR6VRZinjsUHq2J"
|
|
37
37
|
},
|
|
38
38
|
{
|
|
39
39
|
"file": "bitwrench-lean.cjs.min.js",
|
|
@@ -41,10 +41,10 @@
|
|
|
41
41
|
"ver": "2.x",
|
|
42
42
|
"component": "lean",
|
|
43
43
|
"minified": true,
|
|
44
|
-
"raw":
|
|
45
|
-
"gzipped":
|
|
44
|
+
"raw": 96647,
|
|
45
|
+
"gzipped": 25941,
|
|
46
46
|
"sourceMap": true,
|
|
47
|
-
"integrity": "sha384-
|
|
47
|
+
"integrity": "sha384-YQwhJXo3ZXjk7ijjMJoRBc7T5hMHqUkFIjqChjhfSKdVmPkkNl1wU2sGeypoUJ0V"
|
|
48
48
|
},
|
|
49
49
|
{
|
|
50
50
|
"file": "bitwrench.cjs.min.js",
|
|
@@ -52,10 +52,10 @@
|
|
|
52
52
|
"ver": "2.x",
|
|
53
53
|
"component": "core",
|
|
54
54
|
"minified": true,
|
|
55
|
-
"raw":
|
|
56
|
-
"gzipped":
|
|
55
|
+
"raw": 131876,
|
|
56
|
+
"gzipped": 35407,
|
|
57
57
|
"sourceMap": true,
|
|
58
|
-
"integrity": "sha384-
|
|
58
|
+
"integrity": "sha384-oFrUX8zWzam5K5xo2wX/cfgE1YEwZ5IH+n7qiTpayqgY4d9Pxlx2PinG7K9gXVGQ"
|
|
59
59
|
},
|
|
60
60
|
{
|
|
61
61
|
"file": "bitwrench.css",
|
|
@@ -63,10 +63,10 @@
|
|
|
63
63
|
"ver": "2.x",
|
|
64
64
|
"component": "core",
|
|
65
65
|
"minified": false,
|
|
66
|
-
"raw":
|
|
67
|
-
"gzipped":
|
|
66
|
+
"raw": 137149,
|
|
67
|
+
"gzipped": 16590,
|
|
68
68
|
"sourceMap": false,
|
|
69
|
-
"integrity": "sha384-
|
|
69
|
+
"integrity": "sha384-el6NYT+JrKiC7E5kLmTkixAWwvitbQj7cbOEOMTzbTPqiFFBsSNpHXONsNokDbiA"
|
|
70
70
|
},
|
|
71
71
|
{
|
|
72
72
|
"file": "bitwrench-code-edit.es5.js",
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"raw": 25726,
|
|
78
78
|
"gzipped": 5708,
|
|
79
79
|
"sourceMap": true,
|
|
80
|
-
"integrity": "sha384-
|
|
80
|
+
"integrity": "sha384-5GuqE6c+ucctoppDBKLbYZe+cgPS7aURDoeetCPGNBpBBgEokHtZvfMsU73eIlyP"
|
|
81
81
|
},
|
|
82
82
|
{
|
|
83
83
|
"file": "bitwrench-lean.es5.js",
|
|
@@ -85,10 +85,10 @@
|
|
|
85
85
|
"ver": "2.x",
|
|
86
86
|
"component": "lean",
|
|
87
87
|
"minified": false,
|
|
88
|
-
"raw":
|
|
89
|
-
"gzipped":
|
|
88
|
+
"raw": 258223,
|
|
89
|
+
"gzipped": 58505,
|
|
90
90
|
"sourceMap": true,
|
|
91
|
-
"integrity": "sha384-
|
|
91
|
+
"integrity": "sha384-n+e23c7CBiv5vyOeqK20iNooX+tUcmmWbs7ZzNBgeX/49iyiar1pPUKrre0uqcaH"
|
|
92
92
|
},
|
|
93
93
|
{
|
|
94
94
|
"file": "bitwrench.es5.js",
|
|
@@ -96,10 +96,10 @@
|
|
|
96
96
|
"ver": "2.x",
|
|
97
97
|
"component": "core",
|
|
98
98
|
"minified": false,
|
|
99
|
-
"raw":
|
|
100
|
-
"gzipped":
|
|
99
|
+
"raw": 407250,
|
|
100
|
+
"gzipped": 86479,
|
|
101
101
|
"sourceMap": true,
|
|
102
|
-
"integrity": "sha384-
|
|
102
|
+
"integrity": "sha384-b0vYr/9npKCZTQeEt8wAiZO6bRrr0IPN8TkwSF9JM4y7u3Yx0tBEDTJ7E2outW0s"
|
|
103
103
|
},
|
|
104
104
|
{
|
|
105
105
|
"file": "bitwrench-code-edit.es5.min.js",
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
"raw": 10827,
|
|
111
111
|
"gzipped": 3912,
|
|
112
112
|
"sourceMap": true,
|
|
113
|
-
"integrity": "sha384-
|
|
113
|
+
"integrity": "sha384-gOfySPh/0oSN9N/rRmKqQkfFELHA+wP2h5+C4FY4T38HYPXNEr0wTtPyBO+fo6Vw"
|
|
114
114
|
},
|
|
115
115
|
{
|
|
116
116
|
"file": "bitwrench-lean.es5.min.js",
|
|
@@ -118,10 +118,10 @@
|
|
|
118
118
|
"ver": "2.x",
|
|
119
119
|
"component": "lean",
|
|
120
120
|
"minified": true,
|
|
121
|
-
"raw":
|
|
122
|
-
"gzipped":
|
|
121
|
+
"raw": 103662,
|
|
122
|
+
"gzipped": 27628,
|
|
123
123
|
"sourceMap": true,
|
|
124
|
-
"integrity": "sha384-
|
|
124
|
+
"integrity": "sha384-jQSSsfyy/DAjxaixwfQguAz43oE+Pb4EQY4vQ2QmB+AdlK6Be7EOblIbdFAwdKqh"
|
|
125
125
|
},
|
|
126
126
|
{
|
|
127
127
|
"file": "bitwrench.es5.min.js",
|
|
@@ -129,10 +129,10 @@
|
|
|
129
129
|
"ver": "2.x",
|
|
130
130
|
"component": "core",
|
|
131
131
|
"minified": true,
|
|
132
|
-
"raw":
|
|
133
|
-
"gzipped":
|
|
132
|
+
"raw": 147049,
|
|
133
|
+
"gzipped": 38081,
|
|
134
134
|
"sourceMap": true,
|
|
135
|
-
"integrity": "sha384-
|
|
135
|
+
"integrity": "sha384-Y8vAGxrgcQ4IdWDwGpjvb3kC+IsitRnA6UmPuxCLpBcdrFRi+C91ZTLMzPo70k+L"
|
|
136
136
|
},
|
|
137
137
|
{
|
|
138
138
|
"file": "bitwrench-code-edit.esm.js",
|
|
@@ -143,7 +143,7 @@
|
|
|
143
143
|
"raw": 20976,
|
|
144
144
|
"gzipped": 5298,
|
|
145
145
|
"sourceMap": true,
|
|
146
|
-
"integrity": "sha384-
|
|
146
|
+
"integrity": "sha384-tDVBa46hw2U2LAqzcuVL0HErYb7lm3vusm+qwXkjw2J2drstEBFFIeFjwjQn3uid"
|
|
147
147
|
},
|
|
148
148
|
{
|
|
149
149
|
"file": "bitwrench-lean.esm.js",
|
|
@@ -151,10 +151,10 @@
|
|
|
151
151
|
"ver": "2.x",
|
|
152
152
|
"component": "lean",
|
|
153
153
|
"minified": false,
|
|
154
|
-
"raw":
|
|
155
|
-
"gzipped":
|
|
154
|
+
"raw": 220623,
|
|
155
|
+
"gzipped": 54660,
|
|
156
156
|
"sourceMap": true,
|
|
157
|
-
"integrity": "sha384-
|
|
157
|
+
"integrity": "sha384-1bivNtIh/1+k3lkkyytUMbOzzzKDI/KnLu/k04KQm4HbBt/5F2y1IbPJQK6AiKua"
|
|
158
158
|
},
|
|
159
159
|
{
|
|
160
160
|
"file": "bitwrench.esm.js",
|
|
@@ -162,10 +162,10 @@
|
|
|
162
162
|
"ver": "2.x",
|
|
163
163
|
"component": "core",
|
|
164
164
|
"minified": false,
|
|
165
|
-
"raw":
|
|
166
|
-
"gzipped":
|
|
165
|
+
"raw": 336755,
|
|
166
|
+
"gzipped": 78614,
|
|
167
167
|
"sourceMap": true,
|
|
168
|
-
"integrity": "sha384-
|
|
168
|
+
"integrity": "sha384-KDJY68ddKz2K+5pS9pLt5vibM1+rCIrkflhX0uHZju+4h+hH8TyyOpNtZRRKuhJD"
|
|
169
169
|
},
|
|
170
170
|
{
|
|
171
171
|
"file": "bitwrench-code-edit.esm.min.js",
|
|
@@ -176,7 +176,7 @@
|
|
|
176
176
|
"raw": 10529,
|
|
177
177
|
"gzipped": 3816,
|
|
178
178
|
"sourceMap": true,
|
|
179
|
-
"integrity": "sha384-
|
|
179
|
+
"integrity": "sha384-x+cZlIypO7cHNO/EblwGATZK9RMLtf+gK9gTSZQLUbpqz/58Rr3KuK7RTYxbclr7"
|
|
180
180
|
},
|
|
181
181
|
{
|
|
182
182
|
"file": "bitwrench-lean.esm.min.js",
|
|
@@ -184,10 +184,10 @@
|
|
|
184
184
|
"ver": "2.x",
|
|
185
185
|
"component": "lean",
|
|
186
186
|
"minified": true,
|
|
187
|
-
"raw":
|
|
188
|
-
"gzipped":
|
|
187
|
+
"raw": 96638,
|
|
188
|
+
"gzipped": 25938,
|
|
189
189
|
"sourceMap": true,
|
|
190
|
-
"integrity": "sha384-
|
|
190
|
+
"integrity": "sha384-HbXsASM7mEDKCgAUe4+CRcDZ+AzHlIV3d4x4gqqkd7rI29Mv3XzHd6yDP5AK62yv"
|
|
191
191
|
},
|
|
192
192
|
{
|
|
193
193
|
"file": "bitwrench.esm.min.js",
|
|
@@ -195,10 +195,10 @@
|
|
|
195
195
|
"ver": "2.x",
|
|
196
196
|
"component": "core",
|
|
197
197
|
"minified": true,
|
|
198
|
-
"raw":
|
|
199
|
-
"gzipped":
|
|
198
|
+
"raw": 131867,
|
|
199
|
+
"gzipped": 35404,
|
|
200
200
|
"sourceMap": true,
|
|
201
|
-
"integrity": "sha384-
|
|
201
|
+
"integrity": "sha384-oMStlYxxW/E43uP6gZhwXSoqBwcZsZz/tDXnJFanOa7NzJ4GPI7NxDeFsD2FJXeA"
|
|
202
202
|
},
|
|
203
203
|
{
|
|
204
204
|
"file": "bitwrench-code-edit.umd.js",
|
|
@@ -209,7 +209,7 @@
|
|
|
209
209
|
"raw": 22691,
|
|
210
210
|
"gzipped": 5540,
|
|
211
211
|
"sourceMap": true,
|
|
212
|
-
"integrity": "sha384-
|
|
212
|
+
"integrity": "sha384-7WECGf8Zo3f+CalzAdPUxLcnSGNZU2CLH5KF/0jlC5e59/agNKBuAq8KAj5kzTZS"
|
|
213
213
|
},
|
|
214
214
|
{
|
|
215
215
|
"file": "bitwrench-lean.umd.js",
|
|
@@ -217,10 +217,10 @@
|
|
|
217
217
|
"ver": "2.x",
|
|
218
218
|
"component": "lean",
|
|
219
219
|
"minified": false,
|
|
220
|
-
"raw":
|
|
221
|
-
"gzipped":
|
|
220
|
+
"raw": 232545,
|
|
221
|
+
"gzipped": 55474,
|
|
222
222
|
"sourceMap": true,
|
|
223
|
-
"integrity": "sha384-
|
|
223
|
+
"integrity": "sha384-SUiymoHivY507YLbX3XDAkSfn7feMJ0ElzCh2QNSb6s4al9G97S0ezHOVsa0mnvR"
|
|
224
224
|
},
|
|
225
225
|
{
|
|
226
226
|
"file": "bitwrench.umd.js",
|
|
@@ -228,10 +228,10 @@
|
|
|
228
228
|
"ver": "2.x",
|
|
229
229
|
"component": "core",
|
|
230
230
|
"minified": false,
|
|
231
|
-
"raw":
|
|
232
|
-
"gzipped":
|
|
231
|
+
"raw": 356103,
|
|
232
|
+
"gzipped": 79865,
|
|
233
233
|
"sourceMap": true,
|
|
234
|
-
"integrity": "sha384-
|
|
234
|
+
"integrity": "sha384-k3atU2eNx5HW/2BxlpYfXCC2tcMtfmendk11UcLIUq6v0F/+mWsqZXQ58O5NA/4o"
|
|
235
235
|
},
|
|
236
236
|
{
|
|
237
237
|
"file": "bitwrench-code-edit.umd.min.js",
|
|
@@ -242,7 +242,7 @@
|
|
|
242
242
|
"raw": 10827,
|
|
243
243
|
"gzipped": 3911,
|
|
244
244
|
"sourceMap": true,
|
|
245
|
-
"integrity": "sha384-
|
|
245
|
+
"integrity": "sha384-hIlUdnfooER9fRK3CaFv0CbofGkJhMFBwVYjha2vM8da12kxG53VJp8ntUqgH6ER"
|
|
246
246
|
},
|
|
247
247
|
{
|
|
248
248
|
"file": "bitwrench-lean.umd.min.js",
|
|
@@ -250,10 +250,10 @@
|
|
|
250
250
|
"ver": "2.x",
|
|
251
251
|
"component": "lean",
|
|
252
252
|
"minified": true,
|
|
253
|
-
"raw":
|
|
254
|
-
"gzipped":
|
|
253
|
+
"raw": 96930,
|
|
254
|
+
"gzipped": 26020,
|
|
255
255
|
"sourceMap": true,
|
|
256
|
-
"integrity": "sha384-
|
|
256
|
+
"integrity": "sha384-dWq237e2APvSFVTD/I1cRabyD4blHO9q/spdZtMKk/gmbPYiOhcocyaXR+SROgM2"
|
|
257
257
|
},
|
|
258
258
|
{
|
|
259
259
|
"file": "bitwrench.umd.min.js",
|
|
@@ -261,10 +261,10 @@
|
|
|
261
261
|
"ver": "2.x",
|
|
262
262
|
"component": "core",
|
|
263
263
|
"minified": true,
|
|
264
|
-
"raw":
|
|
265
|
-
"gzipped":
|
|
264
|
+
"raw": 132193,
|
|
265
|
+
"gzipped": 35495,
|
|
266
266
|
"sourceMap": true,
|
|
267
|
-
"integrity": "sha384-
|
|
267
|
+
"integrity": "sha384-A8UhjSRrnhtxSOMcU8veknMpxDW4JvyVpd3VB4MFeMgmBJia9MUdsnZzoekN7OUg"
|
|
268
268
|
}
|
|
269
269
|
]
|
|
270
270
|
}
|
package/dist/sri.json
CHANGED
|
@@ -1,31 +1,31 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "2.0.
|
|
2
|
+
"version": "2.0.14",
|
|
3
3
|
"algorithm": "sha384",
|
|
4
|
-
"generated": "2026-03-
|
|
4
|
+
"generated": "2026-03-08",
|
|
5
5
|
"files": {
|
|
6
|
-
"bitwrench-code-edit.cjs.js": "sha384-
|
|
7
|
-
"bitwrench-code-edit.es5.js": "sha384-
|
|
8
|
-
"bitwrench-code-edit.es5.min.js": "sha384-
|
|
9
|
-
"bitwrench-code-edit.esm.js": "sha384-
|
|
10
|
-
"bitwrench-code-edit.esm.min.js": "sha384-
|
|
11
|
-
"bitwrench-code-edit.umd.js": "sha384-
|
|
12
|
-
"bitwrench-code-edit.umd.min.js": "sha384-
|
|
13
|
-
"bitwrench-lean.cjs.js": "sha384-
|
|
14
|
-
"bitwrench-lean.cjs.min.js": "sha384-
|
|
15
|
-
"bitwrench-lean.es5.js": "sha384-
|
|
16
|
-
"bitwrench-lean.es5.min.js": "sha384-
|
|
17
|
-
"bitwrench-lean.esm.js": "sha384-
|
|
18
|
-
"bitwrench-lean.esm.min.js": "sha384-
|
|
19
|
-
"bitwrench-lean.umd.js": "sha384-
|
|
20
|
-
"bitwrench-lean.umd.min.js": "sha384-
|
|
21
|
-
"bitwrench.cjs.js": "sha384-
|
|
22
|
-
"bitwrench.cjs.min.js": "sha384-
|
|
23
|
-
"bitwrench.css": "sha384-
|
|
24
|
-
"bitwrench.es5.js": "sha384-
|
|
25
|
-
"bitwrench.es5.min.js": "sha384-
|
|
26
|
-
"bitwrench.esm.js": "sha384-
|
|
27
|
-
"bitwrench.esm.min.js": "sha384-
|
|
28
|
-
"bitwrench.umd.js": "sha384-
|
|
29
|
-
"bitwrench.umd.min.js": "sha384-
|
|
6
|
+
"bitwrench-code-edit.cjs.js": "sha384-NuPgjnP90qmTJh2+OHjD7dEMax23EdkDFLiPZmztnK1Rgxk7DH28DlayzgEaOLDn",
|
|
7
|
+
"bitwrench-code-edit.es5.js": "sha384-5GuqE6c+ucctoppDBKLbYZe+cgPS7aURDoeetCPGNBpBBgEokHtZvfMsU73eIlyP",
|
|
8
|
+
"bitwrench-code-edit.es5.min.js": "sha384-gOfySPh/0oSN9N/rRmKqQkfFELHA+wP2h5+C4FY4T38HYPXNEr0wTtPyBO+fo6Vw",
|
|
9
|
+
"bitwrench-code-edit.esm.js": "sha384-tDVBa46hw2U2LAqzcuVL0HErYb7lm3vusm+qwXkjw2J2drstEBFFIeFjwjQn3uid",
|
|
10
|
+
"bitwrench-code-edit.esm.min.js": "sha384-x+cZlIypO7cHNO/EblwGATZK9RMLtf+gK9gTSZQLUbpqz/58Rr3KuK7RTYxbclr7",
|
|
11
|
+
"bitwrench-code-edit.umd.js": "sha384-7WECGf8Zo3f+CalzAdPUxLcnSGNZU2CLH5KF/0jlC5e59/agNKBuAq8KAj5kzTZS",
|
|
12
|
+
"bitwrench-code-edit.umd.min.js": "sha384-hIlUdnfooER9fRK3CaFv0CbofGkJhMFBwVYjha2vM8da12kxG53VJp8ntUqgH6ER",
|
|
13
|
+
"bitwrench-lean.cjs.js": "sha384-lUUI6XztA8iBXUaAwHLEZvkr2qfRdzPpR1HIKbMC02hOFA/YVP9rcJjUcUeaRh1G",
|
|
14
|
+
"bitwrench-lean.cjs.min.js": "sha384-YQwhJXo3ZXjk7ijjMJoRBc7T5hMHqUkFIjqChjhfSKdVmPkkNl1wU2sGeypoUJ0V",
|
|
15
|
+
"bitwrench-lean.es5.js": "sha384-n+e23c7CBiv5vyOeqK20iNooX+tUcmmWbs7ZzNBgeX/49iyiar1pPUKrre0uqcaH",
|
|
16
|
+
"bitwrench-lean.es5.min.js": "sha384-jQSSsfyy/DAjxaixwfQguAz43oE+Pb4EQY4vQ2QmB+AdlK6Be7EOblIbdFAwdKqh",
|
|
17
|
+
"bitwrench-lean.esm.js": "sha384-1bivNtIh/1+k3lkkyytUMbOzzzKDI/KnLu/k04KQm4HbBt/5F2y1IbPJQK6AiKua",
|
|
18
|
+
"bitwrench-lean.esm.min.js": "sha384-HbXsASM7mEDKCgAUe4+CRcDZ+AzHlIV3d4x4gqqkd7rI29Mv3XzHd6yDP5AK62yv",
|
|
19
|
+
"bitwrench-lean.umd.js": "sha384-SUiymoHivY507YLbX3XDAkSfn7feMJ0ElzCh2QNSb6s4al9G97S0ezHOVsa0mnvR",
|
|
20
|
+
"bitwrench-lean.umd.min.js": "sha384-dWq237e2APvSFVTD/I1cRabyD4blHO9q/spdZtMKk/gmbPYiOhcocyaXR+SROgM2",
|
|
21
|
+
"bitwrench.cjs.js": "sha384-ZzcJBCi9aUwYjx5Sdww/YniuPbDdRstsO7L5L6xyBhH545rD8WR6VRZinjsUHq2J",
|
|
22
|
+
"bitwrench.cjs.min.js": "sha384-oFrUX8zWzam5K5xo2wX/cfgE1YEwZ5IH+n7qiTpayqgY4d9Pxlx2PinG7K9gXVGQ",
|
|
23
|
+
"bitwrench.css": "sha384-el6NYT+JrKiC7E5kLmTkixAWwvitbQj7cbOEOMTzbTPqiFFBsSNpHXONsNokDbiA",
|
|
24
|
+
"bitwrench.es5.js": "sha384-b0vYr/9npKCZTQeEt8wAiZO6bRrr0IPN8TkwSF9JM4y7u3Yx0tBEDTJ7E2outW0s",
|
|
25
|
+
"bitwrench.es5.min.js": "sha384-Y8vAGxrgcQ4IdWDwGpjvb3kC+IsitRnA6UmPuxCLpBcdrFRi+C91ZTLMzPo70k+L",
|
|
26
|
+
"bitwrench.esm.js": "sha384-KDJY68ddKz2K+5pS9pLt5vibM1+rCIrkflhX0uHZju+4h+hH8TyyOpNtZRRKuhJD",
|
|
27
|
+
"bitwrench.esm.min.js": "sha384-oMStlYxxW/E43uP6gZhwXSoqBwcZsZz/tDXnJFanOa7NzJ4GPI7NxDeFsD2FJXeA",
|
|
28
|
+
"bitwrench.umd.js": "sha384-k3atU2eNx5HW/2BxlpYfXCC2tcMtfmendk11UcLIUq6v0F/+mWsqZXQ58O5NA/4o",
|
|
29
|
+
"bitwrench.umd.min.js": "sha384-A8UhjSRrnhtxSOMcU8veknMpxDW4JvyVpd3VB4MFeMgmBJia9MUdsnZzoekN7OUg"
|
|
30
30
|
}
|
|
31
31
|
}
|
package/package.json
CHANGED
package/readme.html
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8">
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
-
<meta name="generator" content="bitwrench v2.0.
|
|
6
|
+
<meta name="generator" content="bitwrench v2.0.14">
|
|
7
7
|
<title>bitwrench.js - README</title>
|
|
8
8
|
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
|
|
9
9
|
<script src="dist/bitwrench.umd.js"></script>
|
|
@@ -95,7 +95,7 @@ const bw = require('bitwrench');</code></pre><p>Or include directly in a
|
|
|
95
95
|
<li class="quikdown-li"><strong class="quikdown-strong">HTML from plain objects</strong> — describe UI as JavaScript objects, render to live DOM with <code class="quikdown-code">bw.DOM()</code> or to HTML strings with <code class="quikdown-code">bw.html()</code> for server-side rendering, emails, and static pages</li>
|
|
96
96
|
<li class="quikdown-li"><strong class="quikdown-strong">Built-in reactivity</strong> — <code class="quikdown-code">bw.update()</code> re-renders components when state changes, <code class="quikdown-code">bw.patch()</code> updates individual elements by ID, <code class="quikdown-code">bw.pub()</code>/<code class="quikdown-code">bw.sub()</code> provides decoupled messaging between any part of the application</li>
|
|
97
97
|
<li class="quikdown-li"><strong class="quikdown-strong">CSS and theme generation</strong> — <code class="quikdown-code">bw.css()</code> generates stylesheets from objects, <code class="quikdown-code">bw.generateTheme()</code> derives a complete visual theme (buttons, alerts, badges, cards, forms, tables, dark mode) from 2-3 seed colors</li>
|
|
98
|
-
<li class="quikdown-li"><strong class="quikdown-strong">
|
|
98
|
+
<li class="quikdown-li"><strong class="quikdown-strong">45+ ready-made components</strong> — cards, buttons, sortable tables, form inputs, modals, dropdowns, accordions, tooltips, popovers, toasts, timelines, steppers, file uploads, stat cards — each a single function call that returns a composable object</li>
|
|
99
99
|
<li class="quikdown-li"><strong class="quikdown-strong">Static site CLI</strong> — the <code class="quikdown-code">bitwrench</code> command converts Markdown, HTML, and JSON files into styled, self-contained pages with theme support</li>
|
|
100
100
|
<li class="quikdown-li"><strong class="quikdown-strong">Utilities</strong> — color interpolation, random data generation, lorem ipsum, cookies, URL params, file I/O for both browser and Node.js</li>
|
|
101
101
|
</ul><h2 class="quikdown-h2">Getting Started</h2>
|
|
@@ -149,7 +149,7 @@ bw.pub('item-added', { name: 'Widget' });</code></pre><h2 class=
|
|
|
149
149
|
secondary: '#cc6633'
|
|
150
150
|
});
|
|
151
151
|
|
|
152
|
-
bw.
|
|
152
|
+
bw.toggleTheme(); // switch between primary and alternate palettes</code></pre><h2 class="quikdown-h2">Core API</h2>
|
|
153
153
|
<table class="quikdown-table">
|
|
154
154
|
<thead class="quikdown-thead">
|
|
155
155
|
<tr class="quikdown-tr">
|
|
@@ -243,11 +243,11 @@ bitwrench doc.md -o doc.html --standalone --theme "#336699,#cc6633"</c
|
|
|
243
243
|
<li class="quikdown-li"><a class="quikdown-a" href="https://deftio.github.io/bitwrench/pages/05-state.html" rel="noopener noreferrer">State & Interactivity</a> — <code class="quikdown-code">bw.patch()</code>, <code class="quikdown-code">bw.update()</code>, pub/sub</li>
|
|
244
244
|
<li class="quikdown-li"><a class="quikdown-a" href="https://deftio.github.io/bitwrench/pages/06-tic-tac-toe-tutorial.html" rel="noopener noreferrer">Tic Tac Toe Tutorial</a> — step-by-step game with state management</li>
|
|
245
245
|
<li class="quikdown-li"><a class="quikdown-a" href="https://deftio.github.io/bitwrench/pages/07-framework-comparison.html" rel="noopener noreferrer">Framework Comparison</a> — bitwrench vs React, Vue, Svelte</li>
|
|
246
|
-
<li class="quikdown-li"><a class="quikdown-a" href="https://github.
|
|
246
|
+
<li class="quikdown-li"><a class="quikdown-a" href="https://deftio.github.io/bitwrench/pages/10-themes.html" rel="noopener noreferrer">Themes</a> — interactive theme generator with presets, dark mode, and CSS export</li>
|
|
247
247
|
</ul><h2 class="quikdown-h2">Development</h2>
|
|
248
248
|
<p><pre class="quikdown-pre"><code class="language-bash">npm install # install dev dependencies
|
|
249
249
|
npm run build # build all dist formats (UMD, ESM, CJS, ES5)
|
|
250
|
-
npm test # run unit tests (
|
|
250
|
+
npm test # run unit tests (558 tests)
|
|
251
251
|
npm run test:cli # run CLI tests (49 tests)
|
|
252
252
|
npm run test:e2e # run Playwright browser tests
|
|
253
253
|
npm run lint # run ESLint
|
|
@@ -261,6 +261,29 @@ export function textOnColor(hex) {
|
|
|
261
261
|
return relativeLuminance(hex) > 0.179 ? '#000' : '#fff';
|
|
262
262
|
}
|
|
263
263
|
|
|
264
|
+
/**
|
|
265
|
+
* Shift a color's hue toward a target hue by a given amount.
|
|
266
|
+
* Uses shortest-arc interpolation on the hue wheel.
|
|
267
|
+
* @param {string} sourceHex - Color to shift
|
|
268
|
+
* @param {string} targetHex - Color whose hue to shift toward
|
|
269
|
+
* @param {number} [amount=0.20] - 0 = no shift, 1 = full shift to target hue
|
|
270
|
+
* @returns {string} Harmonized hex color
|
|
271
|
+
*/
|
|
272
|
+
export function harmonize(sourceHex, targetHex, amount) {
|
|
273
|
+
if (amount === undefined) amount = 0.20;
|
|
274
|
+
if (amount === 0) return sourceHex;
|
|
275
|
+
var srcHsl = hexToHsl(sourceHex);
|
|
276
|
+
var tgtHsl = hexToHsl(targetHex);
|
|
277
|
+
|
|
278
|
+
// Shortest-arc hue interpolation
|
|
279
|
+
var diff = tgtHsl[0] - srcHsl[0];
|
|
280
|
+
if (diff > 180) diff -= 360;
|
|
281
|
+
if (diff < -180) diff += 360;
|
|
282
|
+
|
|
283
|
+
var newHue = (srcHsl[0] + diff * amount + 360) % 360;
|
|
284
|
+
return hslToHex([newHue, srcHsl[1], srcHsl[2]]);
|
|
285
|
+
}
|
|
286
|
+
|
|
264
287
|
/**
|
|
265
288
|
* Derive a full shade palette for a single semantic color.
|
|
266
289
|
* @param {string} hex - Base color hex
|
|
@@ -280,31 +303,128 @@ export function deriveShades(hex) {
|
|
|
280
303
|
};
|
|
281
304
|
}
|
|
282
305
|
|
|
306
|
+
/**
|
|
307
|
+
* Derive the alternate (luminance-inverted) version of a single seed color.
|
|
308
|
+
* Preserves hue, mirrors lightness, adjusts saturation for readability.
|
|
309
|
+
* @param {string} hex - Seed hex color
|
|
310
|
+
* @returns {string} Alternate hex color
|
|
311
|
+
*/
|
|
312
|
+
export function deriveAlternateSeed(hex) {
|
|
313
|
+
var hsl = hexToHsl(hex);
|
|
314
|
+
var h = hsl[0], s = hsl[1], l = hsl[2];
|
|
315
|
+
var altL, altS;
|
|
316
|
+
|
|
317
|
+
if (l > 50) {
|
|
318
|
+
// Light color → make dark. Map 50-100 → 30-10 range
|
|
319
|
+
altL = clip(100 - l - 10, 8, 40);
|
|
320
|
+
// Reduce saturation slightly — vivid colors at low lightness look garish
|
|
321
|
+
altS = clip(s * 0.85, 0, 100);
|
|
322
|
+
} else {
|
|
323
|
+
// Dark color → make light. Map 0-50 → 65-92 range
|
|
324
|
+
altL = clip(100 - l + 10, 60, 92);
|
|
325
|
+
// Slightly increase saturation for light variant
|
|
326
|
+
altS = clip(s * 1.1, 0, 100);
|
|
327
|
+
}
|
|
328
|
+
|
|
329
|
+
return hslToHex([h, altS, altL]);
|
|
330
|
+
}
|
|
331
|
+
|
|
332
|
+
/**
|
|
333
|
+
* Determine whether a palette config is "light-flavored" based on
|
|
334
|
+
* the average luminance of its seed colors.
|
|
335
|
+
* @param {Object} config - Theme config with primary, secondary hex colors
|
|
336
|
+
* @returns {boolean} true if the seeds are predominantly light
|
|
337
|
+
*/
|
|
338
|
+
export function isLightPalette(config) {
|
|
339
|
+
var lum = relativeLuminance(config.primary);
|
|
340
|
+
if (config.secondary) lum = (lum + relativeLuminance(config.secondary)) / 2;
|
|
341
|
+
if (config.tertiary) lum = (lum * 2 + relativeLuminance(config.tertiary)) / 3;
|
|
342
|
+
return lum > 0.179;
|
|
343
|
+
}
|
|
344
|
+
|
|
345
|
+
/**
|
|
346
|
+
* Derive a complete alternate config from a primary theme config.
|
|
347
|
+
* Each seed color is luminance-inverted; semantic colors are adjusted for
|
|
348
|
+
* the new luminance context.
|
|
349
|
+
* @param {Object} config - Primary theme config
|
|
350
|
+
* @returns {Object} Alternate theme config (same shape, inverted lightness)
|
|
351
|
+
*/
|
|
352
|
+
export function deriveAlternateConfig(config) {
|
|
353
|
+
var alt = {};
|
|
354
|
+
// Invert the user's seed colors
|
|
355
|
+
alt.primary = deriveAlternateSeed(config.primary);
|
|
356
|
+
alt.secondary = deriveAlternateSeed(config.secondary);
|
|
357
|
+
alt.tertiary = config.tertiary ? deriveAlternateSeed(config.tertiary) : alt.primary;
|
|
358
|
+
|
|
359
|
+
// Derive alternate surface colors from primary hue
|
|
360
|
+
var priHsl = hexToHsl(config.primary);
|
|
361
|
+
var h = priHsl[0];
|
|
362
|
+
var isLight = isLightPalette(config);
|
|
363
|
+
|
|
364
|
+
if (isLight) {
|
|
365
|
+
// Primary is light → alternate needs dark surfaces
|
|
366
|
+
alt.light = hslToHex([h, Math.min(priHsl[1], 15), 15]);
|
|
367
|
+
alt.dark = hslToHex([h, 5, 88]);
|
|
368
|
+
} else {
|
|
369
|
+
// Primary is dark → alternate needs light surfaces
|
|
370
|
+
alt.light = hslToHex([h, Math.min(priHsl[1], 10), 96]);
|
|
371
|
+
alt.dark = hslToHex([h, 10, 18]);
|
|
372
|
+
}
|
|
373
|
+
|
|
374
|
+
// Semantic colors: harmonize toward primary, then invert for alternate
|
|
375
|
+
var amt = config.harmonize !== undefined ? config.harmonize : 0.20;
|
|
376
|
+
var semanticDefaults = {
|
|
377
|
+
success: '#198754', danger: '#dc3545',
|
|
378
|
+
warning: '#f0ad4e', info: '#17a2b8'
|
|
379
|
+
};
|
|
380
|
+
var semantics = ['success', 'danger', 'warning', 'info'];
|
|
381
|
+
for (var i = 0; i < semantics.length; i++) {
|
|
382
|
+
var key = semantics[i];
|
|
383
|
+
var seed = config[key] || semanticDefaults[key];
|
|
384
|
+
var harmonized = harmonize(seed, config.primary, amt);
|
|
385
|
+
alt[key] = deriveAlternateSeed(harmonized);
|
|
386
|
+
}
|
|
387
|
+
|
|
388
|
+
// Semantic colors are already harmonized+inverted — don't re-harmonize in derivePalette
|
|
389
|
+
alt.harmonize = 0;
|
|
390
|
+
|
|
391
|
+
return alt;
|
|
392
|
+
}
|
|
393
|
+
|
|
283
394
|
/**
|
|
284
395
|
* Derive complete palette from a theme config object.
|
|
396
|
+
* Semantic colors are harmonized toward the primary hue (configurable).
|
|
397
|
+
* Light/dark surface colors are tinted with the primary hue.
|
|
285
398
|
* @param {Object} config - Theme config with primary, secondary, tertiary, etc.
|
|
286
|
-
* @
|
|
399
|
+
* @param {number} [config.harmonize=0.20] - Hue shift amount for semantic colors (0-1)
|
|
400
|
+
* @returns {Object} Full palette with shades for all 9 semantic colors
|
|
287
401
|
*/
|
|
288
402
|
export function derivePalette(config) {
|
|
289
|
-
var
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
403
|
+
var amt = config.harmonize !== undefined ? config.harmonize : 0.20;
|
|
404
|
+
var pri = config.primary;
|
|
405
|
+
var priHsl = hexToHsl(pri);
|
|
406
|
+
var h = priHsl[0];
|
|
407
|
+
|
|
408
|
+
// Semantic defaults — harmonized toward primary hue
|
|
409
|
+
var successBase = harmonize(config.success || '#198754', pri, amt);
|
|
410
|
+
var dangerBase = harmonize(config.danger || '#dc3545', pri, amt);
|
|
411
|
+
var warningBase = harmonize(config.warning || '#f0ad4e', pri, amt);
|
|
412
|
+
var infoBase = harmonize(config.info || '#17a2b8', pri, amt);
|
|
413
|
+
|
|
414
|
+
// Light/dark: derive from primary hue with low saturation (if not user-supplied)
|
|
415
|
+
var lightBase = config.light || hslToHex([h, 8, 97]);
|
|
416
|
+
var darkBase = config.dark || hslToHex([h, 10, 13]);
|
|
297
417
|
|
|
298
418
|
var palette = {
|
|
299
|
-
primary:
|
|
419
|
+
primary: deriveShades(config.primary),
|
|
300
420
|
secondary: deriveShades(config.secondary),
|
|
301
|
-
tertiary:
|
|
302
|
-
success:
|
|
303
|
-
danger:
|
|
304
|
-
warning:
|
|
305
|
-
info:
|
|
306
|
-
light:
|
|
307
|
-
dark:
|
|
421
|
+
tertiary: deriveShades(config.tertiary),
|
|
422
|
+
success: deriveShades(successBase),
|
|
423
|
+
danger: deriveShades(dangerBase),
|
|
424
|
+
warning: deriveShades(warningBase),
|
|
425
|
+
info: deriveShades(infoBase),
|
|
426
|
+
light: deriveShades(lightBase),
|
|
427
|
+
dark: deriveShades(darkBase)
|
|
308
428
|
};
|
|
309
429
|
|
|
310
430
|
return palette;
|