@refrakt-md/runes 0.4.0 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/documents/footer.d.ts +2 -0
- package/dist/documents/footer.d.ts.map +1 -0
- package/dist/documents/footer.js +60 -0
- package/dist/documents/footer.js.map +1 -0
- package/dist/documents/menu.d.ts +2 -0
- package/dist/documents/menu.d.ts.map +1 -0
- package/dist/documents/menu.js +40 -0
- package/dist/documents/menu.js.map +1 -0
- package/dist/documents/summary.d.ts +3 -0
- package/dist/documents/summary.d.ts.map +1 -0
- package/dist/documents/summary.js +63 -0
- package/dist/documents/summary.js.map +1 -0
- package/dist/hljs-markdoc.d.ts +3 -0
- package/dist/hljs-markdoc.d.ts.map +1 -0
- package/dist/hljs-markdoc.js +37 -0
- package/dist/hljs-markdoc.js.map +1 -0
- package/dist/index.d.ts +13 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +94 -0
- package/dist/index.js.map +1 -1
- package/dist/layouts/split.d.ts.map +1 -0
- package/dist/lib/types.d.ts +8 -0
- package/dist/lib/types.d.ts.map +1 -0
- package/dist/lib/types.js +14 -0
- package/dist/lib/types.js.map +1 -0
- package/dist/nodes.js +3 -3
- package/dist/nodes.js.map +1 -1
- package/dist/registry.d.ts +13 -1
- package/dist/registry.d.ts.map +1 -1
- package/dist/registry.js +13 -1
- package/dist/registry.js.map +1 -1
- package/dist/serialize.d.ts +6 -0
- package/dist/serialize.d.ts.map +1 -0
- package/dist/serialize.js +25 -0
- package/dist/serialize.js.map +1 -0
- package/dist/tags/accordion.js +3 -3
- package/dist/tags/accordion.js.map +1 -1
- package/dist/tags/codegroup.js +3 -3
- package/dist/tags/codegroup.js.map +1 -1
- package/dist/tags/common.d.ts +1 -1
- package/dist/tags/common.d.ts.map +1 -1
- package/dist/tags/common.js +3 -4
- package/dist/tags/common.js.map +1 -1
- package/dist/tags/comparison.d.ts.map +1 -1
- package/dist/tags/comparison.js +32 -6
- package/dist/tags/comparison.js.map +1 -1
- package/dist/tags/design-context.d.ts +3 -0
- package/dist/tags/design-context.d.ts.map +1 -0
- package/dist/tags/design-context.js +80 -0
- package/dist/tags/design-context.js.map +1 -0
- package/dist/tags/details.d.ts.map +1 -1
- package/dist/tags/details.js +7 -6
- package/dist/tags/details.js.map +1 -1
- package/dist/tags/feature.d.ts.map +1 -1
- package/dist/tags/feature.js +37 -16
- package/dist/tags/feature.js.map +1 -1
- package/dist/tags/form.d.ts.map +1 -1
- package/dist/tags/form.js +91 -15
- package/dist/tags/form.js.map +1 -1
- package/dist/tags/map.d.ts +4 -0
- package/dist/tags/map.d.ts.map +1 -0
- package/dist/tags/map.js +257 -0
- package/dist/tags/map.js.map +1 -0
- package/dist/tags/palette.d.ts +10 -0
- package/dist/tags/palette.d.ts.map +1 -0
- package/dist/tags/palette.js +230 -0
- package/dist/tags/palette.js.map +1 -0
- package/dist/tags/preview.d.ts +3 -0
- package/dist/tags/preview.d.ts.map +1 -0
- package/dist/tags/preview.js +180 -0
- package/dist/tags/preview.js.map +1 -0
- package/dist/tags/sandbox.d.ts +3 -0
- package/dist/tags/sandbox.d.ts.map +1 -0
- package/dist/tags/sandbox.js +120 -0
- package/dist/tags/sandbox.js.map +1 -0
- package/dist/tags/spacing.d.ts +19 -0
- package/dist/tags/spacing.d.ts.map +1 -0
- package/dist/tags/spacing.js +216 -0
- package/dist/tags/spacing.js.map +1 -0
- package/dist/tags/steps.d.ts.map +1 -1
- package/dist/tags/steps.js +20 -5
- package/dist/tags/steps.js.map +1 -1
- package/dist/tags/swatch.d.ts +36 -0
- package/dist/tags/swatch.d.ts.map +1 -0
- package/dist/tags/swatch.js +73 -0
- package/dist/tags/swatch.js.map +1 -0
- package/dist/tags/symbol.d.ts +5 -0
- package/dist/tags/symbol.d.ts.map +1 -0
- package/dist/tags/symbol.js +178 -0
- package/dist/tags/symbol.js.map +1 -0
- package/dist/tags/typography.d.ts +11 -0
- package/dist/tags/typography.d.ts.map +1 -0
- package/dist/tags/typography.js +213 -0
- package/dist/tags/typography.js.map +1 -0
- package/package.json +2 -2
|
@@ -0,0 +1,230 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
8
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
9
|
+
};
|
|
10
|
+
import Markdoc from '@markdoc/markdoc';
|
|
11
|
+
const { Tag } = Markdoc;
|
|
12
|
+
import { schema } from '../registry.js';
|
|
13
|
+
import { attribute, Model, createComponentRenderable, createSchema } from '../lib/index.js';
|
|
14
|
+
// Extract plain text from an AST node
|
|
15
|
+
function extractText(node) {
|
|
16
|
+
return Array.from(node.walk())
|
|
17
|
+
.filter(n => n.type === 'text')
|
|
18
|
+
.map(n => n.attributes.content)
|
|
19
|
+
.join('');
|
|
20
|
+
}
|
|
21
|
+
// Parse a color entry from "name: #value" or "name: #val1, #val2, ..."
|
|
22
|
+
function parseColorEntry(text) {
|
|
23
|
+
const colonIndex = text.indexOf(':');
|
|
24
|
+
if (colonIndex === -1)
|
|
25
|
+
return null;
|
|
26
|
+
const name = text.slice(0, colonIndex).trim();
|
|
27
|
+
const valueStr = text.slice(colonIndex + 1).trim();
|
|
28
|
+
const values = valueStr.split(',').map(v => v.trim()).filter(Boolean);
|
|
29
|
+
return { name, values };
|
|
30
|
+
}
|
|
31
|
+
// WCAG contrast helpers
|
|
32
|
+
function hexToRgb(hex) {
|
|
33
|
+
const clean = hex.replace('#', '');
|
|
34
|
+
if (clean.length !== 6 && clean.length !== 3)
|
|
35
|
+
return null;
|
|
36
|
+
const full = clean.length === 3
|
|
37
|
+
? clean.split('').map(c => c + c).join('')
|
|
38
|
+
: clean;
|
|
39
|
+
const num = parseInt(full, 16);
|
|
40
|
+
return [(num >> 16) & 255, (num >> 8) & 255, num & 255];
|
|
41
|
+
}
|
|
42
|
+
function relativeLuminance(r, g, b) {
|
|
43
|
+
const [rs, gs, bs] = [r, g, b].map(c => {
|
|
44
|
+
const s = c / 255;
|
|
45
|
+
return s <= 0.03928 ? s / 12.92 : Math.pow((s + 0.055) / 1.055, 2.4);
|
|
46
|
+
});
|
|
47
|
+
return 0.2126 * rs + 0.7152 * gs + 0.0722 * bs;
|
|
48
|
+
}
|
|
49
|
+
function contrastRatio(hex, bgHex) {
|
|
50
|
+
const rgb1 = hexToRgb(hex);
|
|
51
|
+
const rgb2 = hexToRgb(bgHex);
|
|
52
|
+
if (!rgb1 || !rgb2)
|
|
53
|
+
return 0;
|
|
54
|
+
const l1 = relativeLuminance(...rgb1);
|
|
55
|
+
const l2 = relativeLuminance(...rgb2);
|
|
56
|
+
const lighter = Math.max(l1, l2);
|
|
57
|
+
const darker = Math.min(l1, l2);
|
|
58
|
+
return (lighter + 0.05) / (darker + 0.05);
|
|
59
|
+
}
|
|
60
|
+
function textColorFor(hex) {
|
|
61
|
+
const rgb = hexToRgb(hex);
|
|
62
|
+
if (!rgb)
|
|
63
|
+
return '#000';
|
|
64
|
+
const lum = relativeLuminance(...rgb);
|
|
65
|
+
return lum > 0.179 ? '#000' : '#fff';
|
|
66
|
+
}
|
|
67
|
+
function autoColumns(count, columns) {
|
|
68
|
+
if (columns != null && columns > 0)
|
|
69
|
+
return columns;
|
|
70
|
+
if (count <= 3)
|
|
71
|
+
return count;
|
|
72
|
+
if (count <= 6)
|
|
73
|
+
return 3;
|
|
74
|
+
if (count <= 8)
|
|
75
|
+
return 4;
|
|
76
|
+
return 5;
|
|
77
|
+
}
|
|
78
|
+
class PaletteModel extends Model {
|
|
79
|
+
constructor() {
|
|
80
|
+
super(...arguments);
|
|
81
|
+
this.title = '';
|
|
82
|
+
this.showContrast = false;
|
|
83
|
+
this.showA11y = false;
|
|
84
|
+
this.columns = undefined;
|
|
85
|
+
}
|
|
86
|
+
transform() {
|
|
87
|
+
// Parse headings and list items from the original AST
|
|
88
|
+
const groups = [];
|
|
89
|
+
let currentGroup = { title: '', entries: [] };
|
|
90
|
+
groups.push(currentGroup);
|
|
91
|
+
for (const child of this.node.children) {
|
|
92
|
+
if (child.type === 'heading') {
|
|
93
|
+
currentGroup = { title: extractText(child), entries: [] };
|
|
94
|
+
groups.push(currentGroup);
|
|
95
|
+
}
|
|
96
|
+
else if (child.type === 'list') {
|
|
97
|
+
for (const item of child.children) {
|
|
98
|
+
if (item.type === 'item') {
|
|
99
|
+
const text = extractText(item);
|
|
100
|
+
const entry = parseColorEntry(text);
|
|
101
|
+
if (entry) {
|
|
102
|
+
currentGroup.entries.push({
|
|
103
|
+
name: entry.name,
|
|
104
|
+
values: entry.values,
|
|
105
|
+
group: currentGroup.title,
|
|
106
|
+
});
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
const activeGroups = groups.filter(g => g.entries.length > 0);
|
|
113
|
+
// Build complete presentational Tag tree
|
|
114
|
+
const titleMeta = new Tag('meta', { content: this.title });
|
|
115
|
+
const showContrastMeta = new Tag('meta', { content: String(this.showContrast) });
|
|
116
|
+
const showA11yMeta = new Tag('meta', { content: String(this.showA11y) });
|
|
117
|
+
const columnsMeta = new Tag('meta', { content: this.columns != null ? String(this.columns) : '' });
|
|
118
|
+
const groupTags = [];
|
|
119
|
+
for (const group of activeGroups) {
|
|
120
|
+
const groupChildren = [];
|
|
121
|
+
if (group.title) {
|
|
122
|
+
groupChildren.push(new Tag('h4', { 'data-name': 'group-title' }, [group.title]));
|
|
123
|
+
}
|
|
124
|
+
// Split into singles (1 value) and scales (multiple values)
|
|
125
|
+
const singles = group.entries.filter(e => e.values.length <= 1);
|
|
126
|
+
const scales = group.entries.filter(e => e.values.length > 1);
|
|
127
|
+
if (singles.length > 0) {
|
|
128
|
+
const cols = autoColumns(singles.length, this.columns);
|
|
129
|
+
const swatchTags = singles.map(entry => {
|
|
130
|
+
const color = entry.values[0] || '';
|
|
131
|
+
const children = [
|
|
132
|
+
new Tag('div', { 'data-name': 'swatch-color', style: `background-color: ${color}` }, []),
|
|
133
|
+
new Tag('span', { 'data-name': 'swatch-name' }, [entry.name]),
|
|
134
|
+
new Tag('span', { 'data-name': 'swatch-value' }, [color]),
|
|
135
|
+
];
|
|
136
|
+
if (this.showContrast || this.showA11y) {
|
|
137
|
+
const onWhite = contrastRatio(color, '#FFFFFF');
|
|
138
|
+
const onBlack = contrastRatio(color, '#000000');
|
|
139
|
+
if (this.showContrast) {
|
|
140
|
+
children.push(new Tag('span', { 'data-name': 'swatch-contrast' }, [
|
|
141
|
+
`W: ${onWhite.toFixed(1)} \u00b7 B: ${onBlack.toFixed(1)}`,
|
|
142
|
+
]));
|
|
143
|
+
}
|
|
144
|
+
if (this.showA11y) {
|
|
145
|
+
const aaPass = onWhite >= 4.5;
|
|
146
|
+
const aaaPass = onWhite >= 7;
|
|
147
|
+
children.push(new Tag('span', { 'data-name': 'swatch-a11y' }, [
|
|
148
|
+
new Tag('span', { 'data-name': aaPass ? 'swatch-a11y--pass' : 'swatch-a11y--fail' }, [`AA ${aaPass ? '\u2713' : '\u2717'}`]),
|
|
149
|
+
new Tag('span', { 'data-name': aaaPass ? 'swatch-a11y--pass' : 'swatch-a11y--fail' }, [`AAA ${aaaPass ? '\u2713' : '\u2717'}`]),
|
|
150
|
+
]));
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
return new Tag('div', { 'data-name': 'swatch' }, children);
|
|
154
|
+
});
|
|
155
|
+
groupChildren.push(new Tag('div', { 'data-name': 'grid', style: `--rf-palette-cols: ${cols}` }, swatchTags));
|
|
156
|
+
}
|
|
157
|
+
for (const entry of scales) {
|
|
158
|
+
const stops = entry.values.map(value => new Tag('div', { 'data-name': 'scale-stop', style: `background-color: ${value}; color: ${textColorFor(value)}` }, [value]));
|
|
159
|
+
groupChildren.push(new Tag('div', { 'data-name': 'scale' }, stops));
|
|
160
|
+
groupChildren.push(new Tag('span', { 'data-name': 'swatch-name' }, [entry.name]));
|
|
161
|
+
}
|
|
162
|
+
groupTags.push(new Tag('div', { 'data-name': 'group' }, groupChildren));
|
|
163
|
+
}
|
|
164
|
+
// Title is rendered as a structural element — include conditionally
|
|
165
|
+
const topChildren = [
|
|
166
|
+
titleMeta, showContrastMeta, showA11yMeta, columnsMeta,
|
|
167
|
+
];
|
|
168
|
+
if (this.title) {
|
|
169
|
+
topChildren.push(new Tag('h3', { 'data-name': 'title' }, [this.title]));
|
|
170
|
+
}
|
|
171
|
+
topChildren.push(...groupTags);
|
|
172
|
+
return createComponentRenderable(schema.Palette, {
|
|
173
|
+
tag: 'section',
|
|
174
|
+
properties: {
|
|
175
|
+
title: titleMeta,
|
|
176
|
+
showContrast: showContrastMeta,
|
|
177
|
+
showA11y: showA11yMeta,
|
|
178
|
+
columns: columnsMeta,
|
|
179
|
+
},
|
|
180
|
+
children: topChildren,
|
|
181
|
+
});
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
__decorate([
|
|
185
|
+
attribute({ type: String, required: false }),
|
|
186
|
+
__metadata("design:type", String)
|
|
187
|
+
], PaletteModel.prototype, "title", void 0);
|
|
188
|
+
__decorate([
|
|
189
|
+
attribute({ type: Boolean, required: false }),
|
|
190
|
+
__metadata("design:type", Boolean)
|
|
191
|
+
], PaletteModel.prototype, "showContrast", void 0);
|
|
192
|
+
__decorate([
|
|
193
|
+
attribute({ type: Boolean, required: false }),
|
|
194
|
+
__metadata("design:type", Boolean)
|
|
195
|
+
], PaletteModel.prototype, "showA11y", void 0);
|
|
196
|
+
__decorate([
|
|
197
|
+
attribute({ type: Number, required: false }),
|
|
198
|
+
__metadata("design:type", Object)
|
|
199
|
+
], PaletteModel.prototype, "columns", void 0);
|
|
200
|
+
export const palette = createSchema(PaletteModel);
|
|
201
|
+
/** Extract color tokens from a palette AST node (used by design-context). */
|
|
202
|
+
export function extractPaletteTokens(node) {
|
|
203
|
+
const tokens = [];
|
|
204
|
+
let currentGroup = '';
|
|
205
|
+
for (const child of node.children) {
|
|
206
|
+
if (child.type === 'heading') {
|
|
207
|
+
currentGroup = extractText(child);
|
|
208
|
+
}
|
|
209
|
+
else if (child.type === 'list') {
|
|
210
|
+
for (const item of child.children) {
|
|
211
|
+
if (item.type === 'item') {
|
|
212
|
+
const text = extractText(item);
|
|
213
|
+
const entry = parseColorEntry(text);
|
|
214
|
+
if (entry) {
|
|
215
|
+
if (entry.values.length <= 1) {
|
|
216
|
+
tokens.push({ name: entry.name, value: entry.values[0] || '', group: currentGroup || undefined });
|
|
217
|
+
}
|
|
218
|
+
else {
|
|
219
|
+
for (const v of entry.values) {
|
|
220
|
+
tokens.push({ name: entry.name, value: v, group: currentGroup || undefined });
|
|
221
|
+
}
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
}
|
|
225
|
+
}
|
|
226
|
+
}
|
|
227
|
+
}
|
|
228
|
+
return tokens;
|
|
229
|
+
}
|
|
230
|
+
//# sourceMappingURL=palette.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"palette.js","sourceRoot":"","sources":["../../src/tags/palette.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../src/tags/preview.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,kBAAkB,CAAC;AAgKvC,eAAO,MAAM,OAAO,gBAA6B,CAAC"}
|
|
@@ -0,0 +1,180 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
8
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
9
|
+
};
|
|
10
|
+
import Markdoc from '@markdoc/markdoc';
|
|
11
|
+
const { Tag } = Markdoc;
|
|
12
|
+
import { schema } from '../registry.js';
|
|
13
|
+
import { attribute, Model, createComponentRenderable, createSchema } from '../lib/index.js';
|
|
14
|
+
/** Strip common leading whitespace from all lines. */
|
|
15
|
+
function dedent(text) {
|
|
16
|
+
const lines = text.split('\n');
|
|
17
|
+
const indents = lines.filter(l => l.trim().length > 0).map(l => l.match(/^(\s*)/)?.[0].length ?? 0);
|
|
18
|
+
const min = indents.length > 0 ? Math.min(...indents) : 0;
|
|
19
|
+
return min > 0 ? lines.map(l => l.slice(min)).join('\n') : text;
|
|
20
|
+
}
|
|
21
|
+
const VOID_ELEMENTS = new Set([
|
|
22
|
+
'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input',
|
|
23
|
+
'link', 'meta', 'param', 'source', 'track', 'wbr',
|
|
24
|
+
]);
|
|
25
|
+
function escapeHtml(s) {
|
|
26
|
+
return s.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"');
|
|
27
|
+
}
|
|
28
|
+
/** Render Markdoc Tag tree to pretty-printed HTML, preserving structural attributes. */
|
|
29
|
+
function renderRuneHtml(nodes, depth = 0) {
|
|
30
|
+
const indent = ' ';
|
|
31
|
+
const lines = [];
|
|
32
|
+
for (const node of nodes) {
|
|
33
|
+
if (node === null || node === undefined)
|
|
34
|
+
continue;
|
|
35
|
+
if (typeof node === 'string') {
|
|
36
|
+
const trimmed = node.trim();
|
|
37
|
+
if (trimmed)
|
|
38
|
+
lines.push(indent.repeat(depth) + escapeHtml(trimmed));
|
|
39
|
+
continue;
|
|
40
|
+
}
|
|
41
|
+
if (typeof node === 'number') {
|
|
42
|
+
lines.push(indent.repeat(depth) + String(node));
|
|
43
|
+
continue;
|
|
44
|
+
}
|
|
45
|
+
if (!Tag.isTag(node))
|
|
46
|
+
continue;
|
|
47
|
+
const { name, attributes, children = [] } = node;
|
|
48
|
+
if (!name) {
|
|
49
|
+
lines.push(renderRuneHtml(children, depth));
|
|
50
|
+
continue;
|
|
51
|
+
}
|
|
52
|
+
// Build attributes, skipping $$mdtype
|
|
53
|
+
const attrParts = [];
|
|
54
|
+
for (const [k, v] of Object.entries(attributes ?? {})) {
|
|
55
|
+
if (k === '$$mdtype')
|
|
56
|
+
continue;
|
|
57
|
+
if (v === undefined || v === null || v === false)
|
|
58
|
+
continue;
|
|
59
|
+
if (v === true) {
|
|
60
|
+
attrParts.push(k);
|
|
61
|
+
continue;
|
|
62
|
+
}
|
|
63
|
+
attrParts.push(`${k}="${escapeHtml(String(v))}"`);
|
|
64
|
+
}
|
|
65
|
+
const attrStr = attrParts.length ? ' ' + attrParts.join(' ') : '';
|
|
66
|
+
const pad = indent.repeat(depth);
|
|
67
|
+
if (VOID_ELEMENTS.has(name)) {
|
|
68
|
+
lines.push(`${pad}<${name}${attrStr}>`);
|
|
69
|
+
continue;
|
|
70
|
+
}
|
|
71
|
+
// Inline text-only children on the same line
|
|
72
|
+
const allText = children.every((c) => typeof c === 'string' || typeof c === 'number');
|
|
73
|
+
if (allText && children.length <= 1) {
|
|
74
|
+
const text = children.map((c) => typeof c === 'string' ? escapeHtml(c) : String(c ?? '')).join('');
|
|
75
|
+
lines.push(`${pad}<${name}${attrStr}>${text}</${name}>`);
|
|
76
|
+
continue;
|
|
77
|
+
}
|
|
78
|
+
lines.push(`${pad}<${name}${attrStr}>`);
|
|
79
|
+
const inner = renderRuneHtml(children, depth + 1);
|
|
80
|
+
if (inner)
|
|
81
|
+
lines.push(inner);
|
|
82
|
+
lines.push(`${pad}</${name}>`);
|
|
83
|
+
}
|
|
84
|
+
return lines.join('\n');
|
|
85
|
+
}
|
|
86
|
+
class PreviewModel extends Model {
|
|
87
|
+
constructor() {
|
|
88
|
+
super(...arguments);
|
|
89
|
+
this.title = '';
|
|
90
|
+
this.theme = 'auto';
|
|
91
|
+
this.width = 'wide';
|
|
92
|
+
this.source = false;
|
|
93
|
+
this.responsive = '';
|
|
94
|
+
}
|
|
95
|
+
transform() {
|
|
96
|
+
// 1. Extract first direct fence child as source (fence always wins)
|
|
97
|
+
const fenceIdx = this.node.children.findIndex(c => c.type === 'fence');
|
|
98
|
+
let sourcePre;
|
|
99
|
+
if (fenceIdx !== -1) {
|
|
100
|
+
const fence = this.node.children.splice(fenceIdx, 1)[0];
|
|
101
|
+
const lang = fence.attributes.language || 'shell';
|
|
102
|
+
sourcePre = new Tag('pre', { 'data-language': lang }, [
|
|
103
|
+
new Tag('code', { 'data-language': lang }, [fence.attributes.content])
|
|
104
|
+
]);
|
|
105
|
+
}
|
|
106
|
+
// 2. Auto-infer from children source (fallback when no fence)
|
|
107
|
+
if (!sourcePre && this.source) {
|
|
108
|
+
const raw = this.config.variables?.__source;
|
|
109
|
+
if (typeof raw === 'string' && this.node.lines?.length >= 2) {
|
|
110
|
+
const allLines = raw.split('\n');
|
|
111
|
+
const start = this.node.lines[0] + 1;
|
|
112
|
+
const end = this.node.lines[this.node.lines.length - 1] - 1;
|
|
113
|
+
const childSource = dedent(allLines.slice(start, end).join('\n').trim());
|
|
114
|
+
if (childSource) {
|
|
115
|
+
sourcePre = new Tag('pre', { 'data-language': 'markdoc' }, [
|
|
116
|
+
new Tag('code', { 'data-language': 'markdoc' }, [childSource])
|
|
117
|
+
]);
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
const children = this.transformChildren();
|
|
122
|
+
// 3. Generate rune output HTML when source is present
|
|
123
|
+
let htmlSourcePre;
|
|
124
|
+
if (sourcePre) {
|
|
125
|
+
const htmlString = renderRuneHtml(children.toArray());
|
|
126
|
+
if (htmlString) {
|
|
127
|
+
htmlSourcePre = new Tag('pre', { 'data-language': 'html' }, [
|
|
128
|
+
new Tag('code', { 'data-language': 'html' }, [htmlString])
|
|
129
|
+
]);
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
const titleMeta = this.title ? new Tag('meta', { content: this.title }) : undefined;
|
|
133
|
+
const themeMeta = new Tag('meta', { content: this.theme });
|
|
134
|
+
const widthMeta = new Tag('meta', { content: this.width });
|
|
135
|
+
const responsiveMeta = this.responsive ? new Tag('meta', { content: this.responsive }) : undefined;
|
|
136
|
+
const childNodes = [
|
|
137
|
+
...(titleMeta ? [titleMeta] : []),
|
|
138
|
+
themeMeta,
|
|
139
|
+
widthMeta,
|
|
140
|
+
...(responsiveMeta ? [responsiveMeta] : []),
|
|
141
|
+
...(sourcePre ? [sourcePre] : []),
|
|
142
|
+
...(htmlSourcePre ? [htmlSourcePre] : []),
|
|
143
|
+
...children.toArray(),
|
|
144
|
+
];
|
|
145
|
+
return createComponentRenderable(schema.Preview, {
|
|
146
|
+
tag: 'div',
|
|
147
|
+
properties: {
|
|
148
|
+
...(titleMeta ? { title: titleMeta } : {}),
|
|
149
|
+
theme: themeMeta,
|
|
150
|
+
width: widthMeta,
|
|
151
|
+
...(responsiveMeta ? { responsive: responsiveMeta } : {}),
|
|
152
|
+
...(sourcePre ? { source: sourcePre } : {}),
|
|
153
|
+
...(htmlSourcePre ? { htmlSource: htmlSourcePre } : {}),
|
|
154
|
+
},
|
|
155
|
+
children: childNodes,
|
|
156
|
+
});
|
|
157
|
+
}
|
|
158
|
+
}
|
|
159
|
+
__decorate([
|
|
160
|
+
attribute({ type: String, required: false }),
|
|
161
|
+
__metadata("design:type", String)
|
|
162
|
+
], PreviewModel.prototype, "title", void 0);
|
|
163
|
+
__decorate([
|
|
164
|
+
attribute({ type: String, required: false, matches: ['auto', 'light', 'dark'] }),
|
|
165
|
+
__metadata("design:type", String)
|
|
166
|
+
], PreviewModel.prototype, "theme", void 0);
|
|
167
|
+
__decorate([
|
|
168
|
+
attribute({ type: String, required: false, matches: ['narrow', 'medium', 'wide', 'full'] }),
|
|
169
|
+
__metadata("design:type", String)
|
|
170
|
+
], PreviewModel.prototype, "width", void 0);
|
|
171
|
+
__decorate([
|
|
172
|
+
attribute({ type: Boolean, required: false }),
|
|
173
|
+
__metadata("design:type", Boolean)
|
|
174
|
+
], PreviewModel.prototype, "source", void 0);
|
|
175
|
+
__decorate([
|
|
176
|
+
attribute({ type: String, required: false }),
|
|
177
|
+
__metadata("design:type", String)
|
|
178
|
+
], PreviewModel.prototype, "responsive", void 0);
|
|
179
|
+
export const preview = createSchema(PreviewModel);
|
|
180
|
+
//# sourceMappingURL=preview.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"preview.js","sourceRoot":"","sources":["../../src/tags/preview.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sandbox.d.ts","sourceRoot":"","sources":["../../src/tags/sandbox.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,kBAAkB,CAAC;AA8GvC,eAAO,MAAM,OAAO,gBAA6B,CAAC"}
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
8
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
9
|
+
};
|
|
10
|
+
import Markdoc from '@markdoc/markdoc';
|
|
11
|
+
const { Tag } = Markdoc;
|
|
12
|
+
import { schema } from '../registry.js';
|
|
13
|
+
import { attribute, Model, createComponentRenderable, createSchema } from '../lib/index.js';
|
|
14
|
+
/** Strip common leading whitespace from all lines. */
|
|
15
|
+
function dedent(text) {
|
|
16
|
+
const lines = text.split('\n');
|
|
17
|
+
const indents = lines.filter(l => l.trim().length > 0).map(l => l.match(/^(\s*)/)?.[0].length ?? 0);
|
|
18
|
+
const min = indents.length > 0 ? Math.min(...indents) : 0;
|
|
19
|
+
return min > 0 ? lines.map(l => l.slice(min)).join('\n') : text;
|
|
20
|
+
}
|
|
21
|
+
function extractDataSourcePanels(html) {
|
|
22
|
+
const panels = [];
|
|
23
|
+
const regex = /<(\w+)\b([^>]*?)\bdata-source(?:="([^"]*)")?([^>]*)>([\s\S]*?)<\/\1>/g;
|
|
24
|
+
let match;
|
|
25
|
+
while ((match = regex.exec(html)) !== null) {
|
|
26
|
+
const [, tagName, before, labelAttr, after, inner] = match;
|
|
27
|
+
const language = tagName === 'style' ? 'css'
|
|
28
|
+
: tagName === 'script' ? 'javascript' : 'html';
|
|
29
|
+
const defaultLabel = language.charAt(0).toUpperCase() + language.slice(1);
|
|
30
|
+
let content;
|
|
31
|
+
if (tagName === 'style' || tagName === 'script') {
|
|
32
|
+
content = dedent(inner.trim());
|
|
33
|
+
}
|
|
34
|
+
else {
|
|
35
|
+
const attrs = (before + after).replace(/\s{2,}/g, ' ').trim();
|
|
36
|
+
const attrStr = attrs ? ` ${attrs}` : '';
|
|
37
|
+
const reindented = dedent(inner).split('\n')
|
|
38
|
+
.map(l => l.trim().length > 0 ? ' ' + l : l).join('\n');
|
|
39
|
+
content = `<${tagName}${attrStr}>${reindented}</${tagName}>`.trim();
|
|
40
|
+
}
|
|
41
|
+
panels.push({ label: labelAttr || defaultLabel, language, content });
|
|
42
|
+
}
|
|
43
|
+
return panels;
|
|
44
|
+
}
|
|
45
|
+
class SandboxModel extends Model {
|
|
46
|
+
constructor() {
|
|
47
|
+
super(...arguments);
|
|
48
|
+
this.framework = '';
|
|
49
|
+
this.dependencies = '';
|
|
50
|
+
this.label = '';
|
|
51
|
+
}
|
|
52
|
+
transform() {
|
|
53
|
+
// Extract raw content via __source + node.lines
|
|
54
|
+
// This bypasses Markdoc HTML parsing entirely — Markdoc cannot
|
|
55
|
+
// reliably parse <style>, <script>, or block-level HTML elements
|
|
56
|
+
let rawContent = '';
|
|
57
|
+
const raw = this.config.variables?.__source;
|
|
58
|
+
if (typeof raw === 'string' && this.node.lines?.length >= 2) {
|
|
59
|
+
const allLines = raw.split('\n');
|
|
60
|
+
const start = this.node.lines[0] + 1;
|
|
61
|
+
const end = this.node.lines[this.node.lines.length - 1] - 1;
|
|
62
|
+
rawContent = allLines.slice(start, end).join('\n').trim();
|
|
63
|
+
}
|
|
64
|
+
const contentMeta = new Tag('meta', { content: rawContent });
|
|
65
|
+
const frameworkMeta = new Tag('meta', { content: this.framework });
|
|
66
|
+
const dependenciesMeta = new Tag('meta', { content: this.dependencies });
|
|
67
|
+
const labelMeta = this.label ? new Tag('meta', { content: this.label }) : undefined;
|
|
68
|
+
const heightMeta = new Tag('meta', { content: this.height != null ? String(this.height) : 'auto' });
|
|
69
|
+
// Static fallback: render content as a pre/code block for SSR
|
|
70
|
+
const fallbackPre = rawContent ? new Tag('pre', { 'data-language': 'html' }, [
|
|
71
|
+
new Tag('code', { 'data-language': 'html' }, [rawContent])
|
|
72
|
+
]) : undefined;
|
|
73
|
+
// Extract data-source panels for server-side syntax highlighting
|
|
74
|
+
const sourcePanels = extractDataSourcePanels(rawContent);
|
|
75
|
+
const panelNodes = sourcePanels.map(panel => {
|
|
76
|
+
const pre = new Tag('pre', { 'data-language': panel.language }, [
|
|
77
|
+
new Tag('code', { 'data-language': panel.language }, [panel.content])
|
|
78
|
+
]);
|
|
79
|
+
return new Tag('meta', { property: 'source-panel', 'data-label': panel.label }, [pre]);
|
|
80
|
+
});
|
|
81
|
+
const childNodes = [
|
|
82
|
+
contentMeta,
|
|
83
|
+
frameworkMeta,
|
|
84
|
+
dependenciesMeta,
|
|
85
|
+
...(labelMeta ? [labelMeta] : []),
|
|
86
|
+
heightMeta,
|
|
87
|
+
...(fallbackPre ? [fallbackPre] : []),
|
|
88
|
+
...panelNodes,
|
|
89
|
+
];
|
|
90
|
+
return createComponentRenderable(schema.Sandbox, {
|
|
91
|
+
tag: 'div',
|
|
92
|
+
properties: {
|
|
93
|
+
content: contentMeta,
|
|
94
|
+
framework: frameworkMeta,
|
|
95
|
+
dependencies: dependenciesMeta,
|
|
96
|
+
...(labelMeta ? { label: labelMeta } : {}),
|
|
97
|
+
height: heightMeta,
|
|
98
|
+
},
|
|
99
|
+
children: childNodes,
|
|
100
|
+
});
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
__decorate([
|
|
104
|
+
attribute({ type: String, required: false }),
|
|
105
|
+
__metadata("design:type", String)
|
|
106
|
+
], SandboxModel.prototype, "framework", void 0);
|
|
107
|
+
__decorate([
|
|
108
|
+
attribute({ type: String, required: false }),
|
|
109
|
+
__metadata("design:type", String)
|
|
110
|
+
], SandboxModel.prototype, "dependencies", void 0);
|
|
111
|
+
__decorate([
|
|
112
|
+
attribute({ type: String, required: false }),
|
|
113
|
+
__metadata("design:type", String)
|
|
114
|
+
], SandboxModel.prototype, "label", void 0);
|
|
115
|
+
__decorate([
|
|
116
|
+
attribute({ type: Number, required: false }),
|
|
117
|
+
__metadata("design:type", Object)
|
|
118
|
+
], SandboxModel.prototype, "height", void 0);
|
|
119
|
+
export const sandbox = createSchema(SandboxModel);
|
|
120
|
+
//# sourceMappingURL=sandbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sandbox.js","sourceRoot":"","sources":["../../src/tags/sandbox.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import Markdoc from '@markdoc/markdoc';
|
|
2
|
+
import type { Node } from '@markdoc/markdoc';
|
|
3
|
+
export declare const spacing: Markdoc.Schema;
|
|
4
|
+
/** Extract spacing tokens from a spacing AST node (used by design-context). */
|
|
5
|
+
export declare function extractSpacingTokens(node: Node): {
|
|
6
|
+
spacing?: {
|
|
7
|
+
unit?: string;
|
|
8
|
+
scale?: string[];
|
|
9
|
+
};
|
|
10
|
+
radii?: {
|
|
11
|
+
name: string;
|
|
12
|
+
value: string;
|
|
13
|
+
}[];
|
|
14
|
+
shadows?: {
|
|
15
|
+
name: string;
|
|
16
|
+
value: string;
|
|
17
|
+
}[];
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=spacing.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/tags/spacing.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,kBAAkB,CAAC;AACvC,OAAO,KAAK,EAAE,IAAI,EAAuB,MAAM,kBAAkB,CAAC;AA0KlE,eAAO,MAAM,OAAO,gBAA6B,CAAC;AAElD,+EAA+E;AAC/E,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,IAAI,GAAG;IACjD,OAAO,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;IAC9C,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC1C,OAAO,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC5C,CAiDA"}
|