@blockbite/shared-utils 2.1.2 → 2.1.4
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/cjs/index.js +2 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/responsiveCompiler.js +258 -0
- package/dist/cjs/responsiveCompiler.js.map +1 -0
- package/dist/cjs/tailwind-config-functions.js +270 -0
- package/dist/cjs/tailwind-config-functions.js.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/responsiveCompiler.d.ts +37 -0
- package/dist/responsiveCompiler.js +258 -0
- package/dist/responsiveCompiler.js.map +1 -0
- package/dist/tailwind-config-functions.d.ts +41 -0
- package/dist/tailwind-config-functions.js +294 -0
- package/dist/tailwind-config-functions.js.map +1 -0
- package/package.json +1 -1
- package/dist/cjs/tailwind-editor-config.js +0 -70
- package/dist/cjs/tailwind-editor-config.js.map +0 -1
- package/dist/tailwind-editor-config.d.ts +0 -49
- package/dist/tailwind-editor-config.js +0 -70
- package/dist/tailwind-editor-config.js.map +0 -1
package/dist/cjs/index.js
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
export * from './arrays.js';
|
|
2
2
|
export * from './designtokens.js';
|
|
3
3
|
export * from './devices.js';
|
|
4
|
+
export * from './responsiveCompiler.js';
|
|
4
5
|
export * from './strings.js';
|
|
6
|
+
export * from './tailwind-config-functions.js';
|
|
5
7
|
export * from './ui.js';
|
|
6
8
|
export * from './vite-globals.js';
|
|
7
9
|
export * from './webpack.js';
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,cAAc,CAAC;AAC7B,cAAc,gCAAgC,CAAC;AAC/C,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,258 @@
|
|
|
1
|
+
export const defaultResponsivenessSettings = {
|
|
2
|
+
enabled: false,
|
|
3
|
+
mode: 'mobile-first',
|
|
4
|
+
layoutPreset: 'stackOnMobile',
|
|
5
|
+
archiveGridPreset: '1colMobile_2colDesktop',
|
|
6
|
+
clampGaps: true,
|
|
7
|
+
clampPadding: true,
|
|
8
|
+
relaxHardSizesOnMobile: true,
|
|
9
|
+
keepGridAreas: true,
|
|
10
|
+
};
|
|
11
|
+
const splitClasses = (value) => typeof value === 'string' ? value.split(/\s+/).filter(Boolean) : [];
|
|
12
|
+
const uniq = (list) => Array.from(new Set(list));
|
|
13
|
+
const GAP_REGEX = /^(gap(?:-[xy])?)-(\d+)$/;
|
|
14
|
+
const PAD_REGEX = /^(p[axy]?)-(\d+)$/;
|
|
15
|
+
const WIDTH_REGEX = /^max-w-[\w.-]+$/;
|
|
16
|
+
const MINH_REGEX = /^min-h-[\w.-]+$/;
|
|
17
|
+
const MAXH_REGEX = /^max-h-[\w.-]+$/;
|
|
18
|
+
const clampNumeric = (num) => {
|
|
19
|
+
if (num >= 20)
|
|
20
|
+
return 6;
|
|
21
|
+
if (num >= 14)
|
|
22
|
+
return 6;
|
|
23
|
+
if (num >= 12)
|
|
24
|
+
return 5;
|
|
25
|
+
if (num >= 10)
|
|
26
|
+
return 4;
|
|
27
|
+
return num;
|
|
28
|
+
};
|
|
29
|
+
const addResponsiveSwap = (base, responsive, mobileClass, desktopClass, mode) => {
|
|
30
|
+
if (mode === 'mobile-first') {
|
|
31
|
+
if (!base.includes(mobileClass))
|
|
32
|
+
base.push(mobileClass);
|
|
33
|
+
const mdVersion = `md:${desktopClass}`;
|
|
34
|
+
if (!responsive.includes(mdVersion))
|
|
35
|
+
responsive.push(mdVersion);
|
|
36
|
+
}
|
|
37
|
+
else {
|
|
38
|
+
if (!base.includes(desktopClass))
|
|
39
|
+
base.push(desktopClass);
|
|
40
|
+
const mobileVersion = `max-lg:${mobileClass}`;
|
|
41
|
+
if (!responsive.includes(mobileVersion))
|
|
42
|
+
responsive.push(mobileVersion);
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
const clampGapClass = (cls) => {
|
|
46
|
+
const match = cls.match(GAP_REGEX);
|
|
47
|
+
if (!match)
|
|
48
|
+
return null;
|
|
49
|
+
const prefix = match[1];
|
|
50
|
+
const numeric = clampNumeric(parseInt(match[2], 10));
|
|
51
|
+
const clamped = `${prefix}-${numeric}`;
|
|
52
|
+
return clamped === cls ? null : clamped;
|
|
53
|
+
};
|
|
54
|
+
const clampPadClass = (cls) => {
|
|
55
|
+
const match = cls.match(PAD_REGEX);
|
|
56
|
+
if (!match)
|
|
57
|
+
return null;
|
|
58
|
+
const prefix = match[1];
|
|
59
|
+
if (prefix === 'py')
|
|
60
|
+
return null;
|
|
61
|
+
const numeric = clampNumeric(parseInt(match[2], 10));
|
|
62
|
+
const clamped = `${prefix}-${numeric}`;
|
|
63
|
+
return clamped === cls ? null : clamped;
|
|
64
|
+
};
|
|
65
|
+
const rewriteBbStyle = (style, opts) => {
|
|
66
|
+
if (!style || typeof style !== 'string') {
|
|
67
|
+
return { next: style, changed: false };
|
|
68
|
+
}
|
|
69
|
+
const base = [];
|
|
70
|
+
const responsive = [];
|
|
71
|
+
splitClasses(style).forEach((cls) => {
|
|
72
|
+
if (cls.includes(':')) {
|
|
73
|
+
responsive.push(cls);
|
|
74
|
+
}
|
|
75
|
+
else {
|
|
76
|
+
base.push(cls);
|
|
77
|
+
}
|
|
78
|
+
});
|
|
79
|
+
const mode = opts.mode || 'mobile-first';
|
|
80
|
+
const addBase = (cls) => {
|
|
81
|
+
if (!base.includes(cls))
|
|
82
|
+
base.push(cls);
|
|
83
|
+
};
|
|
84
|
+
const addResp = (cls) => {
|
|
85
|
+
if (!responsive.includes(cls))
|
|
86
|
+
responsive.push(cls);
|
|
87
|
+
};
|
|
88
|
+
const removeBase = (cls) => {
|
|
89
|
+
const idx = base.indexOf(cls);
|
|
90
|
+
if (idx !== -1)
|
|
91
|
+
base.splice(idx, 1);
|
|
92
|
+
};
|
|
93
|
+
const hasClass = (cls) => base.includes(cls);
|
|
94
|
+
const hasFlex = hasClass('flex');
|
|
95
|
+
const hasRow = hasClass('flex-row');
|
|
96
|
+
const hasCol = hasClass('flex-col');
|
|
97
|
+
const gapBase = base.find((c) => GAP_REGEX.test(c));
|
|
98
|
+
const rowSignals = hasRow ||
|
|
99
|
+
(!hasCol &&
|
|
100
|
+
(base.some((c) => /^justify-/.test(c)) ||
|
|
101
|
+
(gapBase && parseInt(gapBase.match(GAP_REGEX)?.[2] || '0', 10) >= 10)));
|
|
102
|
+
if (opts.layoutPreset !== 'keepTwoCol' && hasFlex && rowSignals) {
|
|
103
|
+
if (mode === 'mobile-first') {
|
|
104
|
+
if (!hasClass('flex'))
|
|
105
|
+
base.push('flex');
|
|
106
|
+
if (!hasClass('flex-col'))
|
|
107
|
+
base.push('flex-col');
|
|
108
|
+
removeBase('flex-row');
|
|
109
|
+
addResp('md:flex-row');
|
|
110
|
+
base
|
|
111
|
+
.filter((c) => /^justify-/.test(c) || /^items-/.test(c))
|
|
112
|
+
.forEach((c) => {
|
|
113
|
+
removeBase(c);
|
|
114
|
+
addResp(`md:${c}`);
|
|
115
|
+
});
|
|
116
|
+
}
|
|
117
|
+
else {
|
|
118
|
+
if (!hasClass('flex'))
|
|
119
|
+
base.push('flex');
|
|
120
|
+
if (!hasClass('flex-row'))
|
|
121
|
+
base.push('flex-row');
|
|
122
|
+
addResp('max-lg:flex-col');
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
const isGrid = hasClass('grid');
|
|
126
|
+
const gridCols = base.find((c) => /^grid-cols-\d+/.test(c));
|
|
127
|
+
if (isGrid &&
|
|
128
|
+
gridCols &&
|
|
129
|
+
opts.archiveGridPreset === '1colMobile_2colDesktop') {
|
|
130
|
+
if (mode === 'mobile-first') {
|
|
131
|
+
addResponsiveSwap(base, responsive, 'grid-cols-1', gridCols, mode);
|
|
132
|
+
removeBase(gridCols);
|
|
133
|
+
}
|
|
134
|
+
else {
|
|
135
|
+
addResponsiveSwap(base, responsive, 'grid-cols-1', gridCols, mode);
|
|
136
|
+
}
|
|
137
|
+
if (opts.keepGridAreas) {
|
|
138
|
+
base.filter((c) => /^grid-rows-/.test(c)).forEach((c) => removeBase(c));
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
if (opts.relaxHardSizesOnMobile) {
|
|
142
|
+
const maxW = base.find((c) => WIDTH_REGEX.test(c));
|
|
143
|
+
const hasWFull = hasClass('w-full');
|
|
144
|
+
if (maxW) {
|
|
145
|
+
if (mode === 'mobile-first') {
|
|
146
|
+
removeBase(maxW);
|
|
147
|
+
if (!hasWFull)
|
|
148
|
+
base.push('w-full');
|
|
149
|
+
addResp(`md:${maxW}`);
|
|
150
|
+
}
|
|
151
|
+
else {
|
|
152
|
+
addResp('max-lg:w-full');
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
if (hasClass('w-fit')) {
|
|
156
|
+
if (mode === 'mobile-first') {
|
|
157
|
+
removeBase('w-fit');
|
|
158
|
+
addBase('w-full');
|
|
159
|
+
addResp('md:w-fit');
|
|
160
|
+
}
|
|
161
|
+
else {
|
|
162
|
+
addResp('max-lg:w-full');
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
if (opts.relaxHardSizesOnMobile) {
|
|
167
|
+
const hasGridArea = base.some((c) => c.startsWith('grid-area'));
|
|
168
|
+
const minH = base.find((c) => MINH_REGEX.test(c));
|
|
169
|
+
const maxH = base.find((c) => MAXH_REGEX.test(c));
|
|
170
|
+
if (minH) {
|
|
171
|
+
if (!hasGridArea) {
|
|
172
|
+
if (mode === 'mobile-first') {
|
|
173
|
+
removeBase(minH);
|
|
174
|
+
addResp(`md:${minH}`);
|
|
175
|
+
}
|
|
176
|
+
else {
|
|
177
|
+
addResp('max-lg:min-h-0');
|
|
178
|
+
}
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
if (maxH && mode === 'mobile-first') {
|
|
182
|
+
if (!hasGridArea) {
|
|
183
|
+
removeBase(maxH);
|
|
184
|
+
addResp(`md:${maxH}`);
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
if (opts.clampGaps && gapBase) {
|
|
189
|
+
const clamped = clampGapClass(gapBase);
|
|
190
|
+
if (clamped) {
|
|
191
|
+
if (mode === 'mobile-first') {
|
|
192
|
+
removeBase(gapBase);
|
|
193
|
+
addResponsiveSwap(base, responsive, clamped, gapBase, mode);
|
|
194
|
+
}
|
|
195
|
+
else {
|
|
196
|
+
addResponsiveSwap(base, responsive, clamped, gapBase, mode);
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
}
|
|
200
|
+
if (opts.clampPadding) {
|
|
201
|
+
const pad = base.find((c) => PAD_REGEX.test(c));
|
|
202
|
+
if (pad) {
|
|
203
|
+
const clamped = clampPadClass(pad);
|
|
204
|
+
if (clamped) {
|
|
205
|
+
if (mode === 'mobile-first') {
|
|
206
|
+
removeBase(pad);
|
|
207
|
+
addResponsiveSwap(base, responsive, clamped, pad, mode);
|
|
208
|
+
}
|
|
209
|
+
else {
|
|
210
|
+
addResponsiveSwap(base, responsive, clamped, pad, mode);
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
}
|
|
214
|
+
}
|
|
215
|
+
const next = uniq([...base, ...responsive])
|
|
216
|
+
.join(' ')
|
|
217
|
+
.trim();
|
|
218
|
+
return { next, changed: next !== style.trim() };
|
|
219
|
+
};
|
|
220
|
+
export const compileResponsiveness = (block, options) => {
|
|
221
|
+
const opts = {
|
|
222
|
+
...defaultResponsivenessSettings,
|
|
223
|
+
collectSummary: false,
|
|
224
|
+
...(options || {}),
|
|
225
|
+
};
|
|
226
|
+
if (!opts.enabled) {
|
|
227
|
+
return { block, summary: [] };
|
|
228
|
+
}
|
|
229
|
+
const cloned = JSON.parse(JSON.stringify(block));
|
|
230
|
+
const summary = [];
|
|
231
|
+
const walk = (node, path) => {
|
|
232
|
+
if (!node)
|
|
233
|
+
return;
|
|
234
|
+
const attrs = node.attributes || {};
|
|
235
|
+
if (typeof attrs.bbStyle === 'string' && attrs.bbStyle.trim() !== '') {
|
|
236
|
+
const { next, changed } = rewriteBbStyle(attrs.bbStyle, opts);
|
|
237
|
+
if (changed) {
|
|
238
|
+
if (opts.collectSummary) {
|
|
239
|
+
summary.push({
|
|
240
|
+
path,
|
|
241
|
+
before: attrs.bbStyle,
|
|
242
|
+
after: next,
|
|
243
|
+
});
|
|
244
|
+
}
|
|
245
|
+
attrs.bbStyle = next;
|
|
246
|
+
}
|
|
247
|
+
}
|
|
248
|
+
if (Array.isArray(node.innerBlocks)) {
|
|
249
|
+
node.innerBlocks.forEach((child, idx) => {
|
|
250
|
+
const childLabel = child?.attributes?.bbMeta?.name || child?.name || '';
|
|
251
|
+
walk(child, `${path}.${childLabel || 'node'}[${idx}]`);
|
|
252
|
+
});
|
|
253
|
+
}
|
|
254
|
+
};
|
|
255
|
+
walk(cloned, cloned?.name || 'root');
|
|
256
|
+
return { block: cloned, summary };
|
|
257
|
+
};
|
|
258
|
+
//# sourceMappingURL=responsiveCompiler.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"responsiveCompiler.js","sourceRoot":"","sources":["../../src/responsiveCompiler.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,270 @@
|
|
|
1
|
+
export const getEditorStylesWrapper = () => {
|
|
2
|
+
return ':where(.editor-styles-wrapper, body.editor-styles-wrapper)';
|
|
3
|
+
};
|
|
4
|
+
export const blockbiteBase = () => {
|
|
5
|
+
return `\n
|
|
6
|
+
|
|
7
|
+
:root {
|
|
8
|
+
--bb-container-padding: 4vw;
|
|
9
|
+
--bb-container-width: 100%;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
@media (min-width: 96rem) {
|
|
13
|
+
:root {
|
|
14
|
+
--bb-container-padding: 1rem;
|
|
15
|
+
--bb-container-width: 96rem;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
@layer base {
|
|
21
|
+
.wp-block-bb-icon svg, .wp-block-bb-shape svg, {
|
|
22
|
+
display: block;
|
|
23
|
+
width: 100%;
|
|
24
|
+
height: auto;
|
|
25
|
+
}
|
|
26
|
+
.wp-block-bb-group,
|
|
27
|
+
.wp-block-bb-frame,
|
|
28
|
+
.wp-block-bb-image,
|
|
29
|
+
.wp-block-bb-button,
|
|
30
|
+
.wp-block-bb-shape,,
|
|
31
|
+
.wp-block-bb-icon {
|
|
32
|
+
position: relative;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
/* content stays in grid flow, above the fills */
|
|
36
|
+
.wp-block-bb-frame > :not(.b_fills),
|
|
37
|
+
.wp-block-bb-group > :not(.b_fills) {
|
|
38
|
+
position: relative;
|
|
39
|
+
z-index: 1;
|
|
40
|
+
}
|
|
41
|
+
.b_fills{
|
|
42
|
+
border-radius: inherit;
|
|
43
|
+
overflow: hidden;
|
|
44
|
+
display: grid;
|
|
45
|
+
z-index: 0;
|
|
46
|
+
--area:'';
|
|
47
|
+
height: 100%;
|
|
48
|
+
width: 100%;
|
|
49
|
+
}
|
|
50
|
+
.wp-block-image img {
|
|
51
|
+
border-radius: inherit;
|
|
52
|
+
}
|
|
53
|
+
.wp-block-bb-frame .b_fills, .wp-block-bb-group .b_fills {
|
|
54
|
+
position: absolute;
|
|
55
|
+
inset: 0;
|
|
56
|
+
}
|
|
57
|
+
.wp-block-bb-image .b_fills{
|
|
58
|
+
position: relative;
|
|
59
|
+
}
|
|
60
|
+
.b_fill {
|
|
61
|
+
grid-row: 1 / -1;
|
|
62
|
+
grid-column: 1 / -1;
|
|
63
|
+
overflow: hidden;
|
|
64
|
+
width: 100%;
|
|
65
|
+
height: 100%;
|
|
66
|
+
object-fit: cover;
|
|
67
|
+
object-position: center;
|
|
68
|
+
}
|
|
69
|
+
.b_media {
|
|
70
|
+
height: 100%;
|
|
71
|
+
width: 100%;
|
|
72
|
+
object-fit: cover;
|
|
73
|
+
object-position: center;
|
|
74
|
+
}
|
|
75
|
+
.b_relative{
|
|
76
|
+
position: relative;
|
|
77
|
+
}
|
|
78
|
+
.b_w-full{
|
|
79
|
+
width: 100%;
|
|
80
|
+
}
|
|
81
|
+
/* applied on group/icon/visual links */
|
|
82
|
+
.b_tile:after {
|
|
83
|
+
content: '';
|
|
84
|
+
position: absolute;
|
|
85
|
+
top: 0;
|
|
86
|
+
left: 0;
|
|
87
|
+
width: 100%;
|
|
88
|
+
height: 100%;
|
|
89
|
+
background: transparent;
|
|
90
|
+
z-index: 10;
|
|
91
|
+
}
|
|
92
|
+
.b_overflow-hidden {
|
|
93
|
+
overflow: hidden;
|
|
94
|
+
}
|
|
95
|
+
}\n
|
|
96
|
+
\n`;
|
|
97
|
+
};
|
|
98
|
+
export const getDesignTokens = (theme, prefix = 'bb') => {
|
|
99
|
+
let themeVars = '';
|
|
100
|
+
let themeContent = '';
|
|
101
|
+
const formattedPrefix = prefix ? `${prefix}:` : '';
|
|
102
|
+
for (const color of Array.isArray(theme?.colors) ? theme.colors : []) {
|
|
103
|
+
const baseToken = color?.token ?? '';
|
|
104
|
+
const shades = color?.shades;
|
|
105
|
+
if (Array.isArray(shades) && shades.length > 0) {
|
|
106
|
+
for (const shade of shades) {
|
|
107
|
+
const shadeToken = shade?.token ?? '';
|
|
108
|
+
let shadeKey = 'DEFAULT';
|
|
109
|
+
if (shadeToken && shadeToken !== baseToken) {
|
|
110
|
+
const prefixToken = `${baseToken}-`;
|
|
111
|
+
shadeKey = shadeToken.startsWith(prefixToken)
|
|
112
|
+
? shadeToken.slice(prefixToken.length)
|
|
113
|
+
: shadeToken;
|
|
114
|
+
}
|
|
115
|
+
const shadeValue = shade?.value ?? '';
|
|
116
|
+
const varName = shadeKey === 'DEFAULT'
|
|
117
|
+
? `--color-${baseToken}`
|
|
118
|
+
: `--color-${baseToken}-${shadeKey}`;
|
|
119
|
+
themeVars += `${varName}: ${shadeValue};\n`;
|
|
120
|
+
const contentToken = shadeKey === 'DEFAULT' ? `${baseToken}` : `${baseToken}-${shadeKey}`;
|
|
121
|
+
themeContent += `${formattedPrefix}text-${contentToken} `;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
else if (shades && typeof shades === 'object') {
|
|
125
|
+
for (const [shadeKeyRaw, shadeObj] of Object.entries(shades)) {
|
|
126
|
+
const shadeKey = shadeKeyRaw || 'DEFAULT';
|
|
127
|
+
const shadeValue = shadeObj?.value ?? '';
|
|
128
|
+
const varName = shadeKey === 'DEFAULT'
|
|
129
|
+
? `--color-${baseToken}`
|
|
130
|
+
: `--color-${baseToken}-${shadeKey}`;
|
|
131
|
+
themeVars += `${varName}: ${shadeValue};\n`;
|
|
132
|
+
const contentToken = shadeKey === 'DEFAULT' ? `${baseToken}` : `${baseToken}-${shadeKey}`;
|
|
133
|
+
themeContent += `${formattedPrefix}text-${contentToken} `;
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
else {
|
|
137
|
+
const v = color?.value ?? '';
|
|
138
|
+
if (baseToken) {
|
|
139
|
+
themeVars += `--color-${baseToken}: ${v};\n`;
|
|
140
|
+
themeContent += `${formattedPrefix}text-${baseToken} `;
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
for (const font of Array.isArray(theme?.fonts) ? theme.fonts : []) {
|
|
145
|
+
const token = font?.token ?? '';
|
|
146
|
+
const value = font?.value ?? '';
|
|
147
|
+
if (token) {
|
|
148
|
+
themeVars += `--font-${token}: ${value};\n`;
|
|
149
|
+
themeContent += `${formattedPrefix}font-${token} `;
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
const bbDesignTokens = globalThis.bb?.twDesignTokens;
|
|
153
|
+
for (const fs of Array.isArray(theme?.fontSizes) ? theme.fontSizes : []) {
|
|
154
|
+
const token = fs?.token ?? '';
|
|
155
|
+
if (!token)
|
|
156
|
+
continue;
|
|
157
|
+
const bbFontSize = bbDesignTokens?.fontSizes?.find((fontSize) => fontSize.token === token);
|
|
158
|
+
if (bbFontSize && bbFontSize.value && bbFontSize.value !== '') {
|
|
159
|
+
const v = bbFontSize.value;
|
|
160
|
+
themeVars += `--text-${token}: ${v};\n`;
|
|
161
|
+
themeContent += `${formattedPrefix}text-${token} `;
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
return {
|
|
165
|
+
themeVars,
|
|
166
|
+
themeContent,
|
|
167
|
+
};
|
|
168
|
+
};
|
|
169
|
+
export const twHeadings = (headings = [], editorMode = false, prefix = 'bb') => {
|
|
170
|
+
let tw = '';
|
|
171
|
+
const prefixDocument = editorMode ? getEditorStylesWrapper() : 'body ';
|
|
172
|
+
headings.forEach((style) => {
|
|
173
|
+
if (!style.name)
|
|
174
|
+
return;
|
|
175
|
+
tw += `${prefixDocument} ${style.name} {\n`;
|
|
176
|
+
const applyClasses = [];
|
|
177
|
+
if (style.token) {
|
|
178
|
+
applyClasses.push(`font-size: var(--${prefix}-text-${style.value});`);
|
|
179
|
+
}
|
|
180
|
+
if (style.optional?.font) {
|
|
181
|
+
applyClasses.push(`font-family:var(--${prefix}-font-${style.optional.font});`);
|
|
182
|
+
}
|
|
183
|
+
if (applyClasses.length > 0) {
|
|
184
|
+
tw += `${applyClasses.join(' ')}\n`;
|
|
185
|
+
}
|
|
186
|
+
if (style.optional?.lineHeight) {
|
|
187
|
+
tw += ` line-height: ${style.optional.lineHeight};\n`;
|
|
188
|
+
}
|
|
189
|
+
if (style.optional?.fontWeight) {
|
|
190
|
+
tw += ` font-weight: ${style.optional.fontWeight};\n`;
|
|
191
|
+
}
|
|
192
|
+
tw += '}\n';
|
|
193
|
+
});
|
|
194
|
+
tw += '';
|
|
195
|
+
return tw;
|
|
196
|
+
};
|
|
197
|
+
export const twBiteComponents = (bites, prefix = 'bb', scopeComponents = '') => {
|
|
198
|
+
if (!Array.isArray(bites) || bites.length === 0)
|
|
199
|
+
return '';
|
|
200
|
+
const variantPrefix = prefix ? `${prefix}:` : '';
|
|
201
|
+
const twById = {};
|
|
202
|
+
const buildPrefixedTw = (rawTw) => {
|
|
203
|
+
if (!rawTw)
|
|
204
|
+
return '';
|
|
205
|
+
const withConfiguredPrefix = rawTw.replace(/bb:/g, variantPrefix).trim();
|
|
206
|
+
return withConfiguredPrefix
|
|
207
|
+
.split(/\s+/)
|
|
208
|
+
.filter(Boolean)
|
|
209
|
+
.filter((cls) => {
|
|
210
|
+
const base = cls.split(':').pop() || '';
|
|
211
|
+
return !base.startsWith('bb-');
|
|
212
|
+
})
|
|
213
|
+
.map((cls) => {
|
|
214
|
+
if (!prefix)
|
|
215
|
+
return cls;
|
|
216
|
+
if (cls.startsWith(variantPrefix))
|
|
217
|
+
return cls;
|
|
218
|
+
return `${variantPrefix}${cls}`;
|
|
219
|
+
})
|
|
220
|
+
.join(' ');
|
|
221
|
+
};
|
|
222
|
+
const registerTw = (id, rawTw) => {
|
|
223
|
+
if (!rawTw)
|
|
224
|
+
return;
|
|
225
|
+
const prefixed = buildPrefixedTw(rawTw);
|
|
226
|
+
if (!prefixed)
|
|
227
|
+
return;
|
|
228
|
+
if (!(id in twById)) {
|
|
229
|
+
twById[id] = prefixed;
|
|
230
|
+
}
|
|
231
|
+
};
|
|
232
|
+
bites.forEach((item) => {
|
|
233
|
+
if (!item || !item.id)
|
|
234
|
+
return;
|
|
235
|
+
let baseTw = item.tw ?? '';
|
|
236
|
+
if (!baseTw && !item.twFillStyle && !item.twFills?.length)
|
|
237
|
+
return;
|
|
238
|
+
if (item.related && item.related.length > 0) {
|
|
239
|
+
item.related.forEach((related) => {
|
|
240
|
+
const relatedBite = bites.find((bite) => bite.id === related);
|
|
241
|
+
if (!relatedBite?.tw) {
|
|
242
|
+
baseTw = baseTw.replace(related, '');
|
|
243
|
+
}
|
|
244
|
+
});
|
|
245
|
+
}
|
|
246
|
+
registerTw(item.id, baseTw);
|
|
247
|
+
registerTw(`${item.id}-fills`, item.twFillStyle);
|
|
248
|
+
(item.twFills || []).forEach((fillTw, index) => registerTw(`${item.id}-fill-${index + 1}`, fillTw));
|
|
249
|
+
});
|
|
250
|
+
const groups = {};
|
|
251
|
+
Object.entries(twById).forEach(([id, tw]) => {
|
|
252
|
+
if (!groups[tw])
|
|
253
|
+
groups[tw] = [];
|
|
254
|
+
groups[tw].push(id);
|
|
255
|
+
});
|
|
256
|
+
let styles = '';
|
|
257
|
+
Object.entries(groups).forEach(([tw, ids]) => {
|
|
258
|
+
const selectors = ids.map((id) => `${scopeComponents ? `${scopeComponents} .` : '.'}${id}`);
|
|
259
|
+
styles += `${selectors.join(', ')} {\n @apply ${tw};\n}\n`;
|
|
260
|
+
});
|
|
261
|
+
return styles;
|
|
262
|
+
};
|
|
263
|
+
export default {
|
|
264
|
+
blockbiteBase,
|
|
265
|
+
twBiteComponents,
|
|
266
|
+
twHeadings,
|
|
267
|
+
getEditorStylesWrapper,
|
|
268
|
+
getDesignTokens,
|
|
269
|
+
};
|
|
270
|
+
//# sourceMappingURL=tailwind-config-functions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tailwind-config-functions.js","sourceRoot":"","sources":["../../src/tailwind-config-functions.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
export * from './arrays.js';
|
|
2
2
|
export * from './designtokens.js';
|
|
3
3
|
export * from './devices.js';
|
|
4
|
+
export * from './responsiveCompiler.js';
|
|
4
5
|
export * from './strings.js';
|
|
6
|
+
export * from './tailwind-config-functions.js';
|
|
5
7
|
export * from './ui.js';
|
|
6
8
|
export * from './vite-globals.js';
|
|
7
9
|
export * from './webpack.js';
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
export * from './arrays.js';
|
|
2
2
|
export * from './designtokens.js';
|
|
3
3
|
export * from './devices.js';
|
|
4
|
+
export * from './responsiveCompiler.js';
|
|
4
5
|
export * from './strings.js';
|
|
6
|
+
export * from './tailwind-config-functions.js';
|
|
5
7
|
export * from './ui.js';
|
|
6
8
|
export * from './vite-globals.js';
|
|
7
9
|
export * from './webpack.js';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,cAAc,CAAC;AAC7B,cAAc,gCAAgC,CAAC;AAC/C,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
export type ResponsiveMode = 'mobile-first' | 'desktop-first';
|
|
2
|
+
export type ResponsivenessSettings = {
|
|
3
|
+
enabled: boolean;
|
|
4
|
+
mode: ResponsiveMode;
|
|
5
|
+
layoutPreset: 'stackOnMobile' | 'keepTwoCol';
|
|
6
|
+
archiveGridPreset: '1colMobile_2colDesktop' | 'autoFit';
|
|
7
|
+
clampGaps: boolean;
|
|
8
|
+
clampPadding: boolean;
|
|
9
|
+
relaxHardSizesOnMobile: boolean;
|
|
10
|
+
keepGridAreas: boolean;
|
|
11
|
+
};
|
|
12
|
+
export type ResponsivenessCompilerOptions = ResponsivenessSettings & {
|
|
13
|
+
collectSummary?: boolean;
|
|
14
|
+
};
|
|
15
|
+
export type ResponsiveDiff = {
|
|
16
|
+
path: string;
|
|
17
|
+
before: string;
|
|
18
|
+
after: string;
|
|
19
|
+
};
|
|
20
|
+
export declare const defaultResponsivenessSettings: ResponsivenessSettings;
|
|
21
|
+
type BlockNode = {
|
|
22
|
+
name?: string;
|
|
23
|
+
attributes?: {
|
|
24
|
+
bbStyle?: string;
|
|
25
|
+
bbMeta?: {
|
|
26
|
+
name?: string;
|
|
27
|
+
};
|
|
28
|
+
[key: string]: unknown;
|
|
29
|
+
};
|
|
30
|
+
innerBlocks?: BlockNode[];
|
|
31
|
+
[key: string]: unknown;
|
|
32
|
+
};
|
|
33
|
+
export declare const compileResponsiveness: <T extends BlockNode>(block: T, options?: Partial<ResponsivenessCompilerOptions>) => {
|
|
34
|
+
block: T;
|
|
35
|
+
summary: ResponsiveDiff[];
|
|
36
|
+
};
|
|
37
|
+
export {};
|