@jbpark/live-editor 1.18.1 → 2.0.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/{ast-Cyi-jw9Z.js → ast-CrSMBsL4.js} +117 -37
- package/dist/ast-CrSMBsL4.js.map +1 -0
- package/dist/{boundary-DUTt8lXq.js → boundary-b-U70XU_.js} +2 -2
- package/dist/{boundary-DUTt8lXq.js.map → boundary-b-U70XU_.js.map} +1 -1
- package/dist/{context-fLmciLSw.js → context-Yb81ZxnN.js} +3 -3
- package/dist/{context-fLmciLSw.js.map → context-Yb81ZxnN.js.map} +1 -1
- package/dist/{core-ttOtjNaX.js → core-mdFWxqB2.js} +2 -2
- package/dist/{core-ttOtjNaX.js.map → core-mdFWxqB2.js.map} +1 -1
- package/dist/dnd/index.d.ts +1 -1
- package/dist/dnd/index.js +1 -1
- package/dist/{dnd-l2V0EmfS.js → dnd-DMh9mSaU.js} +67 -59
- package/dist/dnd-DMh9mSaU.js.map +1 -0
- package/dist/{document-DhMip8lL.js → document-DEx4WyCn.js} +7 -1
- package/dist/document-DEx4WyCn.js.map +1 -0
- package/dist/editor/index.js +2 -2
- package/dist/{editor-Du55469f.js → editor-jzeeLkwi.js} +3 -3
- package/dist/{editor-Du55469f.js.map → editor-jzeeLkwi.js.map} +1 -1
- package/dist/error/index.js +2 -2
- package/dist/{error-BbOmgZDR.js → error-C47PVZgY.js} +2 -2
- package/dist/{error-BbOmgZDR.js.map → error-C47PVZgY.js.map} +1 -1
- package/dist/{index-soMhswGI.d.ts → index-7J3AYBNK.d.ts} +7 -5
- package/dist/{index-Ly0DcdIH.d.ts → index-Wh6AGoXW.d.ts} +35 -36
- package/dist/index.d.ts +1 -1
- package/dist/index.js +5 -5
- package/dist/preview/index.js +1 -1
- package/dist/{preview-CQf0nwE6.js → preview-8OZDsfGT.js} +4 -4
- package/dist/{preview-CQf0nwE6.js.map → preview-8OZDsfGT.js.map} +1 -1
- package/dist/provider/index.js +1 -1
- package/dist/{use-dynamic-tailwind-DkK3r-as.js → use-dynamic-tailwind-_3tC-S5j.js} +2 -2
- package/dist/{use-dynamic-tailwind-DkK3r-as.js.map → use-dynamic-tailwind-_3tC-S5j.js.map} +1 -1
- package/dist/utils/ast/index.d.ts +2 -2
- package/dist/utils/ast/index.js +3 -3
- package/dist/utils/index.js +2 -2
- package/dist/{utils-CCrTYGUG.js → utils-CXq1KaM3.js} +2 -2
- package/dist/{utils-CCrTYGUG.js.map → utils-CXq1KaM3.js.map} +1 -1
- package/package.json +1 -1
- package/dist/ast-Cyi-jw9Z.js.map +0 -1
- package/dist/dnd-l2V0EmfS.js.map +0 -1
- package/dist/document-DhMip8lL.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as __toESM, _ as CONFIG, d as createBoundedCache, f as nanoid, g as BINDING_PROP, h as require_lib$1, m as require_lib$2, p as require_lib, u as traverse, v as DATA_ATTR, x as REGEX } from "./document-
|
|
1
|
+
import { C as __toESM, _ as CONFIG, d as createBoundedCache, f as nanoid, g as BINDING_PROP, h as require_lib$1, m as require_lib$2, p as require_lib, u as traverse, v as DATA_ATTR, x as REGEX } from "./document-DEx4WyCn.js";
|
|
2
2
|
import { z } from "zod";
|
|
3
3
|
//#region src/utils/ast/types.ts
|
|
4
4
|
var import_lib$1 = require_lib$1();
|
|
@@ -57,7 +57,13 @@ const dedent = (str) => {
|
|
|
57
57
|
}, Infinity);
|
|
58
58
|
return indent === Infinity ? str.trim() : lines.map((line) => line.slice(indent)).join("\n");
|
|
59
59
|
};
|
|
60
|
-
const
|
|
60
|
+
const unwrapExpression = (node) => {
|
|
61
|
+
let current = node;
|
|
62
|
+
while (import_lib$2.isTSAsExpression(current) || import_lib$2.isTSSatisfiesExpression(current) || import_lib$2.isTSNonNullExpression(current) || import_lib$2.isTSTypeAssertion(current) || import_lib$2.isParenthesizedExpression(current)) current = current.expression;
|
|
63
|
+
return current;
|
|
64
|
+
};
|
|
65
|
+
const evaluateLiteral = (rawNode) => {
|
|
66
|
+
const node = unwrapExpression(rawNode);
|
|
61
67
|
if (import_lib$2.isStringLiteral(node)) return node.value;
|
|
62
68
|
if (import_lib$2.isNumericLiteral(node)) return node.value;
|
|
63
69
|
if (import_lib$2.isBooleanLiteral(node)) return node.value;
|
|
@@ -204,9 +210,26 @@ const createNodeFromValue = (type, value) => {
|
|
|
204
210
|
default: return null;
|
|
205
211
|
}
|
|
206
212
|
};
|
|
213
|
+
const valueToExpression = (value) => {
|
|
214
|
+
if (typeof value === "string") return import_lib$2.stringLiteral(value);
|
|
215
|
+
if (typeof value === "number") return value < 0 ? import_lib$2.unaryExpression("-", import_lib$2.numericLiteral(-value)) : import_lib$2.numericLiteral(value);
|
|
216
|
+
if (typeof value === "boolean") return import_lib$2.booleanLiteral(value);
|
|
217
|
+
if (value === null) return import_lib$2.nullLiteral();
|
|
218
|
+
if (Array.isArray(value)) return import_lib$2.arrayExpression(value.map((item) => valueToExpression(item) ?? import_lib$2.nullLiteral()));
|
|
219
|
+
if (typeof value === "object") {
|
|
220
|
+
const properties = [];
|
|
221
|
+
for (const [key, item] of Object.entries(value)) {
|
|
222
|
+
const expr = valueToExpression(item);
|
|
223
|
+
if (expr === null) continue;
|
|
224
|
+
properties.push(import_lib$2.objectProperty(import_lib$2.stringLiteral(key), expr));
|
|
225
|
+
}
|
|
226
|
+
return import_lib$2.objectExpression(properties);
|
|
227
|
+
}
|
|
228
|
+
return null;
|
|
229
|
+
};
|
|
207
230
|
const parseArrayExpression = (value) => {
|
|
208
231
|
try {
|
|
209
|
-
const ast = (0, import_lib$1.parseExpression)(value, { plugins: ["jsx", "typescript"] });
|
|
232
|
+
const ast = unwrapExpression((0, import_lib$1.parseExpression)(value, { plugins: ["jsx", "typescript"] }));
|
|
210
233
|
if (!import_lib$2.isArrayExpression(ast)) return null;
|
|
211
234
|
return ast;
|
|
212
235
|
} catch (error) {
|
|
@@ -240,10 +263,7 @@ const bindingOptionSchema = z.object({
|
|
|
240
263
|
label: z.string(),
|
|
241
264
|
value: z.string()
|
|
242
265
|
});
|
|
243
|
-
const bindingRenderLeafSchema = z.object({
|
|
244
|
-
type: bindingTypeSchema,
|
|
245
|
-
property: z.string().optional()
|
|
246
|
-
});
|
|
266
|
+
const bindingRenderLeafSchema = z.object({ property: z.string().optional() });
|
|
247
267
|
const rawBindingItemSchema = z.object({
|
|
248
268
|
label: z.string(),
|
|
249
269
|
property: z.string().optional(),
|
|
@@ -254,7 +274,19 @@ const rawBindingItemSchema = z.object({
|
|
|
254
274
|
max: z.number().optional(),
|
|
255
275
|
pattern: z.string().optional(),
|
|
256
276
|
required: z.boolean().optional()
|
|
257
|
-
});
|
|
277
|
+
}).passthrough();
|
|
278
|
+
const KNOWN_BINDING_KEYS = /* @__PURE__ */ new Set([
|
|
279
|
+
"label",
|
|
280
|
+
"property",
|
|
281
|
+
"type",
|
|
282
|
+
"widget",
|
|
283
|
+
"options",
|
|
284
|
+
"render",
|
|
285
|
+
"min",
|
|
286
|
+
"max",
|
|
287
|
+
"pattern",
|
|
288
|
+
"required"
|
|
289
|
+
]);
|
|
258
290
|
const WIDGET_TYPE_ALIASES = /* @__PURE__ */ new Set(["icon-picker", "asset-picker"]);
|
|
259
291
|
const isPlainObject = (value) => {
|
|
260
292
|
return typeof value === "object" && value !== null && !Array.isArray(value);
|
|
@@ -265,13 +297,18 @@ const sanitizeRenderMap = (value) => {
|
|
|
265
297
|
for (const [key, raw] of Object.entries(value)) {
|
|
266
298
|
if (!isPlainObject(raw)) continue;
|
|
267
299
|
if ("type" in raw) {
|
|
300
|
+
const sanitizedType = bindingTypeSchema.safeParse(raw.type);
|
|
268
301
|
const leaf = bindingRenderLeafSchema.safeParse(raw);
|
|
269
302
|
if (leaf.success) {
|
|
270
303
|
const render = sanitizeRenderMap(raw.render);
|
|
271
|
-
|
|
304
|
+
const typedLeaf = {
|
|
272
305
|
...leaf.data,
|
|
306
|
+
type: sanitizedType.success ? sanitizedType.data : void 0
|
|
307
|
+
};
|
|
308
|
+
map[key] = render ? {
|
|
309
|
+
...typedLeaf,
|
|
273
310
|
render
|
|
274
|
-
} :
|
|
311
|
+
} : typedLeaf;
|
|
275
312
|
}
|
|
276
313
|
continue;
|
|
277
314
|
}
|
|
@@ -280,11 +317,7 @@ const sanitizeRenderMap = (value) => {
|
|
|
280
317
|
}
|
|
281
318
|
return Object.keys(map).length > 0 ? map : void 0;
|
|
282
319
|
};
|
|
283
|
-
const
|
|
284
|
-
if (!bindingValue) return [];
|
|
285
|
-
const ast = parseArrayExpression(bindingValue);
|
|
286
|
-
if (!ast) return [];
|
|
287
|
-
const raw = evaluateLiteral(ast);
|
|
320
|
+
const buildBindingItems = (raw) => {
|
|
288
321
|
if (!Array.isArray(raw)) return [];
|
|
289
322
|
const items = [];
|
|
290
323
|
for (const rawItem of raw) {
|
|
@@ -307,6 +340,8 @@ const parseBinding = (bindingValue) => {
|
|
|
307
340
|
const widget = explicitWidget ?? derivedWidget;
|
|
308
341
|
if (property === void 0 && type !== "richtext") continue;
|
|
309
342
|
const render = sanitizeRenderMap(rawItem.render);
|
|
343
|
+
const metaEntries = Object.entries(parsed.data).filter(([key]) => !KNOWN_BINDING_KEYS.has(key));
|
|
344
|
+
const meta = metaEntries.length > 0 ? Object.fromEntries(metaEntries) : void 0;
|
|
310
345
|
items.push({
|
|
311
346
|
label,
|
|
312
347
|
property: property ?? BINDING_PROP.INNER_HTML,
|
|
@@ -317,11 +352,19 @@ const parseBinding = (bindingValue) => {
|
|
|
317
352
|
...min !== void 0 && { min },
|
|
318
353
|
...max !== void 0 && { max },
|
|
319
354
|
...pattern !== void 0 && { pattern },
|
|
320
|
-
...required !== void 0 && { required }
|
|
355
|
+
...required !== void 0 && { required },
|
|
356
|
+
...meta && { meta }
|
|
321
357
|
});
|
|
322
358
|
}
|
|
323
359
|
return items;
|
|
324
360
|
};
|
|
361
|
+
const parseBinding = (bindingValue) => {
|
|
362
|
+
if (!bindingValue) return [];
|
|
363
|
+
const ast = parseArrayExpression(bindingValue);
|
|
364
|
+
if (!ast) return [];
|
|
365
|
+
return buildBindingItems(evaluateLiteral(ast));
|
|
366
|
+
};
|
|
367
|
+
const parseBindingExpression = (expression) => buildBindingItems(evaluateLiteral(expression));
|
|
325
368
|
const getCurrentValue = (node, property) => {
|
|
326
369
|
switch (property) {
|
|
327
370
|
case BINDING_PROP.INNER_TEXT: return node.textContent || "";
|
|
@@ -343,6 +386,28 @@ const getCurrentValue = (node, property) => {
|
|
|
343
386
|
default: return node.attributes.find((attr) => attr.name === property)?.value || "";
|
|
344
387
|
}
|
|
345
388
|
};
|
|
389
|
+
const STRING_VALUED_TYPES = /* @__PURE__ */ new Set([
|
|
390
|
+
"string",
|
|
391
|
+
"url",
|
|
392
|
+
"date",
|
|
393
|
+
"color",
|
|
394
|
+
"jsx",
|
|
395
|
+
"richtext",
|
|
396
|
+
"icon-picker",
|
|
397
|
+
"asset-picker"
|
|
398
|
+
]);
|
|
399
|
+
const getStructuredValue = (node, property, type) => {
|
|
400
|
+
switch (property) {
|
|
401
|
+
case BINDING_PROP.INNER_TEXT:
|
|
402
|
+
case BINDING_PROP.INNER_HTML: return getCurrentValue(node, property);
|
|
403
|
+
case BINDING_PROP.CHILDREN: return node.children ?? [];
|
|
404
|
+
default: {
|
|
405
|
+
const raw = getCurrentValue(node, property);
|
|
406
|
+
if (node.attributes.find((a) => a.name === property)?.isStringLiteral || type && STRING_VALUED_TYPES.has(type)) return raw;
|
|
407
|
+
return parseValue(raw);
|
|
408
|
+
}
|
|
409
|
+
}
|
|
410
|
+
};
|
|
346
411
|
const hasEditableBindings = (node) => {
|
|
347
412
|
const bindingAttr = node.dataAttributes.find((attr) => attr.name === DATA_ATTR.BINDING);
|
|
348
413
|
if (!bindingAttr?.value) return false;
|
|
@@ -525,12 +590,20 @@ const markProcessedJSX = (node, processedNodes) => {
|
|
|
525
590
|
}
|
|
526
591
|
if (import_lib$2.isJSXExpressionContainer(node) || import_lib$2.isParenthesizedExpression(node)) markProcessedJSX(node.expression, processedNodes);
|
|
527
592
|
};
|
|
593
|
+
const getBindingExpression = (opening) => {
|
|
594
|
+
for (const attr of opening.attributes) if (import_lib$2.isJSXAttribute(attr) && import_lib$2.isJSXIdentifier(attr.name) && attr.name.name === DATA_ATTR.BINDING && attr.value && import_lib$2.isJSXExpressionContainer(attr.value)) {
|
|
595
|
+
const expression = unwrapExpression(attr.value.expression);
|
|
596
|
+
if (import_lib$2.isArrayExpression(expression)) return expression;
|
|
597
|
+
}
|
|
598
|
+
return null;
|
|
599
|
+
};
|
|
528
600
|
const readNodeBindingInfo = (node) => {
|
|
529
601
|
const opening = node.openingElement;
|
|
530
602
|
const tagName = getTagName(opening);
|
|
531
603
|
const { allAttrs, dataAttrs } = extractAttributes(opening.attributes);
|
|
532
604
|
const bindingAttr = dataAttrs.find((attr) => attr.name === DATA_ATTR.BINDING);
|
|
533
|
-
const
|
|
605
|
+
const bindingExpr = getBindingExpression(opening);
|
|
606
|
+
const bindings = bindingExpr ? parseBindingExpression(bindingExpr) : bindingAttr?.value ? parseBinding(bindingAttr.value) : [];
|
|
534
607
|
const childrenBinding = bindings.find((b) => b.property === BINDING_PROP.CHILDREN);
|
|
535
608
|
const arrayBindings = bindings.filter((b) => b.property === BINDING_PROP.ITEMS || b.type === "array");
|
|
536
609
|
const innerHtmlBinding = bindings.find((b) => b.property === BINDING_PROP.INNER_HTML);
|
|
@@ -629,7 +702,7 @@ const updateInnerHTML = (path, value, placeholders) => {
|
|
|
629
702
|
};
|
|
630
703
|
const updateChildren = (path, value) => {
|
|
631
704
|
try {
|
|
632
|
-
const childrenData = JSON.parse(value);
|
|
705
|
+
const childrenData = typeof value === "string" ? JSON.parse(value) : value;
|
|
633
706
|
path.node.children.length = 0;
|
|
634
707
|
childrenData.forEach((childData) => {
|
|
635
708
|
const jsxElement = nodeToJSX(childData);
|
|
@@ -650,16 +723,24 @@ const updateRichtext = (path, value) => {
|
|
|
650
723
|
else opening.attributes.push(import_lib$2.jsxAttribute(import_lib$2.jsxIdentifier("dangerouslySetInnerHTML"), import_lib$2.jsxExpressionContainer(htmlObject)));
|
|
651
724
|
return true;
|
|
652
725
|
};
|
|
653
|
-
const
|
|
726
|
+
const buildAttributeValue = (value, type) => {
|
|
727
|
+
if (type === "array" || type === "object") {
|
|
728
|
+
if (typeof value === "string") try {
|
|
729
|
+
return import_lib$2.jsxExpressionContainer((0, import_lib$1.parseExpression)(value.trim(), { plugins: ["jsx", "typescript"] }));
|
|
730
|
+
} catch {
|
|
731
|
+
return import_lib$2.stringLiteral(value);
|
|
732
|
+
}
|
|
733
|
+
const expr = valueToExpression(value);
|
|
734
|
+
return expr ? import_lib$2.jsxExpressionContainer(expr) : import_lib$2.stringLiteral("");
|
|
735
|
+
}
|
|
736
|
+
if (typeof value === "string") return import_lib$2.stringLiteral(value);
|
|
737
|
+
const expr = valueToExpression(value);
|
|
738
|
+
return expr ? import_lib$2.jsxExpressionContainer(expr) : import_lib$2.stringLiteral(String(value));
|
|
739
|
+
};
|
|
740
|
+
const updateAttribute = (opening, propertyName, value, type) => {
|
|
654
741
|
const customAttr = opening.attributes.find((attr) => import_lib$2.isJSXAttribute(attr) && import_lib$2.isJSXIdentifier(attr.name) && attr.name.name === propertyName);
|
|
655
742
|
if (customAttr && import_lib$2.isJSXAttribute(customAttr)) {
|
|
656
|
-
|
|
657
|
-
const isExpression = trimmed.startsWith("[") || trimmed.startsWith("{") || REGEX.NUMBER.test(trimmed) || REGEX.BOOLEAN_OR_NULL.test(trimmed);
|
|
658
|
-
customAttr.value = attrValue({
|
|
659
|
-
name: propertyName,
|
|
660
|
-
value,
|
|
661
|
-
isStringLiteral: !isExpression
|
|
662
|
-
});
|
|
743
|
+
customAttr.value = buildAttributeValue(value, type);
|
|
663
744
|
return true;
|
|
664
745
|
}
|
|
665
746
|
return false;
|
|
@@ -692,11 +773,11 @@ const update = (code, dataId, label, value, property) => {
|
|
|
692
773
|
const propertyBinding = matches[0];
|
|
693
774
|
switch (propertyBinding.property) {
|
|
694
775
|
case BINDING_PROP.INNER_TEXT:
|
|
695
|
-
changed = updateInnerText(path, value);
|
|
776
|
+
changed = updateInnerText(path, String(value));
|
|
696
777
|
break;
|
|
697
778
|
case BINDING_PROP.INNER_HTML:
|
|
698
|
-
if (propertyBinding.type === "richtext") changed = updateRichtext(path, value);
|
|
699
|
-
else changed = updateInnerHTML(path, value, jsxPlaceholders);
|
|
779
|
+
if (propertyBinding.type === "richtext") changed = updateRichtext(path, String(value));
|
|
780
|
+
else changed = updateInnerHTML(path, String(value), jsxPlaceholders);
|
|
700
781
|
break;
|
|
701
782
|
case BINDING_PROP.CHILDREN:
|
|
702
783
|
changed = updateChildren(path, value);
|
|
@@ -704,10 +785,10 @@ const update = (code, dataId, label, value, property) => {
|
|
|
704
785
|
default: if (propertyBinding.type === "jsx") {
|
|
705
786
|
const attr = opening.attributes.find((a) => import_lib$2.isJSXAttribute(a) && import_lib$2.isJSXIdentifier(a.name) && a.name.name === propertyBinding.property);
|
|
706
787
|
if (attr && import_lib$2.isJSXAttribute(attr)) {
|
|
707
|
-
attr.value = injectPlaceholder("JSX", value.trim(), jsxPlaceholders);
|
|
788
|
+
attr.value = injectPlaceholder("JSX", String(value).trim(), jsxPlaceholders);
|
|
708
789
|
changed = true;
|
|
709
790
|
}
|
|
710
|
-
} else changed = updateAttribute(opening, propertyBinding.property, value);
|
|
791
|
+
} else changed = updateAttribute(opening, propertyBinding.property, value, propertyBinding.type);
|
|
711
792
|
}
|
|
712
793
|
} });
|
|
713
794
|
if (!changed) return {
|
|
@@ -770,13 +851,12 @@ const validateBindingValue = (binding, value) => {
|
|
|
770
851
|
};
|
|
771
852
|
return VALID;
|
|
772
853
|
}
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
if (binding.min !== void 0 && numericValue < binding.min) return {
|
|
854
|
+
if (typeof value === "number") {
|
|
855
|
+
if (binding.min !== void 0 && value < binding.min) return {
|
|
776
856
|
valid: false,
|
|
777
857
|
message: `Must be at least ${binding.min}.`
|
|
778
858
|
};
|
|
779
|
-
if (binding.max !== void 0 &&
|
|
859
|
+
if (binding.max !== void 0 && value > binding.max) return {
|
|
780
860
|
valid: false,
|
|
781
861
|
message: `Must be at most ${binding.max}.`
|
|
782
862
|
};
|
|
@@ -810,6 +890,6 @@ const validateBindingValue = (binding, value) => {
|
|
|
810
890
|
return VALID;
|
|
811
891
|
};
|
|
812
892
|
//#endregion
|
|
813
|
-
export {
|
|
893
|
+
export { generateCode as S, extractObjectProperties as _, bulkUpdate as a, parseValue as b, extract as c, getStructuredValue as d, parseBinding as f, extractNodeValue as g, createNodeFromValue as h, replaceIds as i, findEditableChildren as l, arrayExpressionToCode as m, clone as n, update as o, parseBindingExpression as p, fillIds as r, clearExtractCache as s, validateBindingValue as t, getCurrentValue as u, flattenEditableValue as v, setEditableValue as x, parseArrayExpression as y };
|
|
814
894
|
|
|
815
|
-
//# sourceMappingURL=ast-
|
|
895
|
+
//# sourceMappingURL=ast-CrSMBsL4.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ast-CrSMBsL4.js","names":["_generate","t","parseExpression","t","parseExpression","parseExpression","t","t","parse","t","parseExpression","parse","t","parseExpression"],"sources":["../src/utils/ast/types.ts","../src/utils/ast/helpers.ts","../src/utils/ast/value.ts","../src/utils/ast/binding.ts","../src/utils/ast/extract.ts","../src/utils/ast/update.ts","../src/utils/ast/tree.ts","../src/utils/ast/validate.ts"],"sourcesContent":["export interface Attribute {\n name: string;\n value: string | null;\n isStringLiteral?: boolean;\n}\n\nexport interface DataAttrNode {\n id?: string;\n tagName: string;\n attributes: Attribute[];\n dataAttributes: Attribute[];\n textContent: string;\n rawChildren?: string;\n loc?: {\n start: { line: number; column: number };\n end: { line: number; column: number };\n };\n children?: DataAttrNode[];\n isFragment?: boolean;\n bindings?: BindingItem[];\n}\n\nexport interface BindingOption {\n label: string;\n value: string;\n}\n\n// `icon-picker`/`asset-picker` are kept here as deprecated aliases, not\n// removed — see #236. They describe a *control*, not a data kind, and\n// conflating that with the rest of this list (which does describe what a\n// value actually is) left a consumer with nowhere to express their own\n// widget choice. `parseBinding` normalizes an authored `type: 'icon-picker'`\n// into `{ type: 'string', widget: 'icon-picker' }` rather than passing it\n// through as-is, so existing authored content keeps working unchanged while\n// `BindingItem.widget` becomes the real, open-ended home for this axis.\nexport const BINDING_TYPES = [\n 'array',\n 'object',\n 'string',\n 'number',\n 'boolean',\n 'color',\n 'jsx',\n 'richtext',\n 'date',\n 'url',\n 'icon-picker',\n 'asset-picker',\n] as const;\n\nexport type BindingType = (typeof BINDING_TYPES)[number];\n\nexport interface BindingRenderLeaf {\n // Optional, matching the top-level BindingItem.type — an unrecognized\n // leaf type degrades to untyped instead of dropping the entry (see\n // sanitizeRenderMap in binding.ts and #234).\n type?: BindingType;\n property?: string;\n render?: BindingRenderMap;\n}\n\nexport interface BindingRenderMap {\n [key: string]: BindingRenderLeaf | BindingRenderMap;\n}\n\nexport interface BindingItem {\n label: string;\n property: string;\n // Data kind — what the value *is*. Closed, since the library's own\n // validation/coercion (validateBindingValue, parseValue) has to be able\n // to switch on it exhaustively.\n type?: BindingType;\n // Presentation — how to *render* it. Deliberately an open string, not a\n // closed enum: the library cannot enumerate controls it doesn't\n // implement, and a renderPanel consumer owns presentation once they use\n // it (see #234/#236). `'icon-picker'`/`'asset-picker'` are the built-in\n // panel's own two widgets; anything else (e.g. `'slider'`) is free for a\n // custom renderPanel to switch on.\n widget?: string;\n options?: BindingOption[];\n render?: BindingRenderMap;\n min?: number;\n max?: number;\n pattern?: string;\n required?: boolean;\n // Consumer-defined keys that aren't one of the fields above (`step`,\n // `unit`, a widget hint, ...) — namespaced here rather than spread onto\n // the item itself so they can't collide with a future first-class field.\n // Undefined when nothing extra was authored, not an empty object. See\n // #234: `parseBinding` used to silently strip these.\n meta?: Record<string, unknown>;\n}\n\nexport type NodeValueType =\n 'boolean' | 'number' | 'string' | 'null' | 'array' | 'object' | 'unknown';\n\nexport type EditableNodeValueType = 'boolean' | 'number' | 'string' | 'null';\n\nexport interface ExtractedNodeValue {\n type: NodeValueType;\n value: string | number | boolean | null;\n}\n","import _generate from '@babel/generator';\nimport { parseExpression } from '@babel/parser';\nimport * as t from '@babel/types';\n\nimport { REGEX } from '../../constants';\nimport type { Attribute } from './types';\n\n// Same @babel/* CJS/ESM interop issue as document.ts's traverse import:\n// @babel/generator's CJS build re-exports itself as `{ default: generate,\n// generate, CodeGenerator }`, and Vite's browser dependency pre-bundling\n// doesn't unwrap that inner `.default` again — `generate` resolved to the\n// whole exports object, not the function. Every generateCode() call threw,\n// which extract.ts's extractAttributes() silently swallows into a `null`\n// attribute value, and update.ts's callers surface as \"Failed to parse/\n// update this section\" toasts.\nconst generate =\n typeof _generate === 'function'\n ? _generate\n : (_generate as unknown as { default: typeof _generate }).default;\n\nexport const wrap = (code: string) => {\n return `<>${code}</>`;\n};\n\nexport const unwrap = (generated: string) => {\n return generated\n .replace(/^<>\\s*/g, '')\n .replace(/\\s*<\\/>\\s*;?\\s*$/g, '')\n .trim();\n};\n\nexport const attrValue = ({\n value,\n isStringLiteral,\n}: Attribute): t.JSXAttribute['value'] => {\n if (value === null) {\n return null;\n }\n\n if (isStringLiteral) {\n return t.stringLiteral(value);\n }\n\n const trimmed = value.trim();\n\n if (REGEX.NUMBER.test(trimmed)) {\n return t.jsxExpressionContainer(t.numericLiteral(parseFloat(trimmed)));\n }\n\n if (REGEX.BOOLEAN_OR_NULL.test(trimmed)) {\n const expr = parseExpression(trimmed, {\n plugins: ['jsx', 'typescript'],\n });\n return t.jsxExpressionContainer(expr);\n }\n\n try {\n const expr = parseExpression(trimmed, {\n plugins: ['jsx', 'typescript'],\n });\n return t.jsxExpressionContainer(expr);\n } catch {\n return t.stringLiteral(trimmed);\n }\n};\n\nexport const generateCode = (node: t.Node): string => {\n return generate(node, { jsescOption: { minimal: true } }).code;\n};\n","import { parseExpression } from '@babel/parser';\nimport * as t from '@babel/types';\n\nimport { REGEX } from '../../constants';\nimport { generateCode } from './helpers';\nimport type { ExtractedNodeValue, NodeValueType } from './types';\n\nconst dedent = (str: string): string => {\n const lines = str\n .replace(/^\\n/, '')\n .replace(/\\n\\s*$/, '')\n .split('\\n');\n\n const indent = lines.reduce((min, line) => {\n if (!line.trim()) {\n return min;\n }\n const match = line.match(/^(\\s*)/);\n return Math.min(min, match?.[1]?.length ?? 0);\n }, Infinity);\n\n return indent === Infinity\n ? str.trim()\n : lines.map(line => line.slice(indent)).join('\\n');\n};\n\n// Peel type-only wrappers and parentheses off an expression so the literal\n// underneath can be read. Authored bindings may carry `satisfies BindingItem[]`\n// (or `as const`, a type assertion, ...) for editor type-safety; those are\n// erased at build time and mean nothing to this literal evaluator, so without\n// unwrapping them the value — or the whole binding array — would be silently\n// dropped as \"not a literal\".\nexport const unwrapExpression = (node: t.Node): t.Node => {\n let current = node;\n\n while (\n t.isTSAsExpression(current) ||\n t.isTSSatisfiesExpression(current) ||\n t.isTSNonNullExpression(current) ||\n t.isTSTypeAssertion(current) ||\n t.isParenthesizedExpression(current)\n ) {\n current = current.expression;\n }\n\n return current;\n};\n\n// AST 노드를 코드 실행(new Function/eval) 없이 순수 리터럴 구조만 재귀적으로\n// 실제 JS 값으로 변환한다. 함수 호출, 변수 참조 등 리터럴이 아닌 표현식은\n// 평가하지 않고 undefined를 반환한다 — 사용자 코드는 iframe 안에서만 실행한다는\n// 이 저장소의 원칙(AGENTS.md)을 이 패널 UI(메인 문서에서 렌더링됨)에서도 지키기 위함.\nexport const evaluateLiteral = (rawNode: t.Node): unknown => {\n const node = unwrapExpression(rawNode);\n\n if (t.isStringLiteral(node)) {\n return node.value;\n }\n\n if (t.isNumericLiteral(node)) {\n return node.value;\n }\n\n if (t.isBooleanLiteral(node)) {\n return node.value;\n }\n\n if (t.isNullLiteral(node)) {\n return null;\n }\n\n if (t.isIdentifier(node) && node.name === 'undefined') {\n return undefined;\n }\n\n if (\n t.isUnaryExpression(node) &&\n node.operator === '-' &&\n t.isNumericLiteral(node.argument)\n ) {\n return -node.argument.value;\n }\n\n if (t.isTemplateLiteral(node) && node.expressions.length === 0) {\n return node.quasis[0]?.value.cooked ?? node.quasis[0]?.value.raw ?? '';\n }\n\n if (t.isJSXElement(node) || t.isJSXFragment(node)) {\n return generateCode(node);\n }\n\n if (t.isArrayExpression(node)) {\n return node.elements.map(element =>\n element ? evaluateLiteral(element) : null,\n );\n }\n\n if (t.isObjectExpression(node)) {\n const result: Record<string, unknown> = {};\n\n for (const prop of node.properties) {\n if (!t.isObjectProperty(prop)) {\n continue;\n }\n\n let key: string | null = null;\n\n if (t.isIdentifier(prop.key)) {\n key = prop.key.name;\n } else if (t.isStringLiteral(prop.key)) {\n key = prop.key.value;\n } else if (t.isNumericLiteral(prop.key)) {\n key = String(prop.key.value);\n }\n\n if (key === null) {\n continue;\n }\n\n result[key] = evaluateLiteral(prop.value);\n }\n\n return result;\n }\n\n return undefined;\n};\n\nexport const parseValue = (value: unknown): unknown => {\n if (typeof value !== 'string') {\n return value;\n }\n\n const trimmed = value.trim();\n\n if (!trimmed) {\n return value;\n }\n\n if (REGEX.NUMBER.test(trimmed)) {\n return parseFloat(trimmed);\n }\n\n if (REGEX.BOOLEAN_OR_NULL.test(trimmed)) {\n if (trimmed === 'true') {\n return true;\n }\n if (trimmed === 'false') {\n return false;\n }\n if (trimmed === 'null') {\n return null;\n }\n if (trimmed === 'undefined') {\n return undefined;\n }\n }\n\n if (\n (trimmed.startsWith('{') && trimmed.endsWith('}')) ||\n (trimmed.startsWith('[') && trimmed.endsWith(']'))\n ) {\n try {\n const ast = parseExpression(trimmed, {\n plugins: ['jsx', 'typescript'],\n });\n\n if (t.isObjectExpression(ast) || t.isArrayExpression(ast)) {\n return evaluateLiteral(ast);\n }\n } catch {\n /* ignore */\n }\n\n return value;\n }\n\n return value;\n};\n\nexport type EditablePathSegment = string | number;\nexport type EditablePrimitive = string | number | boolean;\n\nexport interface EditableValueEntry {\n path: EditablePathSegment[];\n value: EditablePrimitive;\n}\n\nconst MAX_FLATTEN_DEPTH = 20;\n\nconst isEditablePrimitive = (value: unknown): value is EditablePrimitive =>\n typeof value === 'string' ||\n typeof value === 'number' ||\n typeof value === 'boolean';\n\n// A binding's data-binding declaration is one way to know a value is\n// structured (`type: 'object'` + a `render` map — see #225), but most\n// existing content declares neither; it's just an object/array-shaped\n// string because that's what the bound prop actually is (e.g. `style`).\n// This recovers editable leaves from the *parsed value's own shape*\n// instead, so it works on content authored without a renderPanel in mind\n// — including an array of objects whose own members embed further JSX\n// (Live Editor's shipped Stats/FAQ sections both look like this: an\n// `items` array of `{ key, children }`, where `children` is itself a\n// nested, separately data-bound element). A JSX-bearing string is never\n// parsed further here — `parseValue` already reduced it to plain text\n// (see `evaluateLiteral`'s JSXElement case), and this function only ever\n// recurses into genuine object/array structure, treating every string,\n// number, and boolean as a leaf regardless of what the string contains.\n// Depth is capped defensively (pathological/deeply-recursive input\n// shouldn't be able to blow the stack); anything past that depth is\n// treated as a leaf-less dead end and simply omitted, not thrown.\nexport const flattenEditableValue = (\n value: string,\n): EditableValueEntry[] | null => {\n const parsed = parseValue(value);\n\n if (\n typeof parsed !== 'object' ||\n parsed === null ||\n Object.keys(parsed).length === 0\n ) {\n return null;\n }\n\n const entries: EditableValueEntry[] = [];\n\n const walk = (node: unknown, path: EditablePathSegment[], depth: number) => {\n if (depth > MAX_FLATTEN_DEPTH) {\n return;\n }\n\n if (isEditablePrimitive(node)) {\n entries.push({ path, value: node });\n return;\n }\n\n if (Array.isArray(node)) {\n node.forEach((item, index) => walk(item, [...path, index], depth + 1));\n return;\n }\n\n if (typeof node === 'object' && node !== null) {\n Object.entries(node).forEach(([key, item]) =>\n walk(item, [...path, key], depth + 1),\n );\n }\n\n // null/undefined/function/symbol values have no editable leaf form —\n // silently omitted rather than represented as, say, an empty string,\n // which would misrepresent what's actually stored there.\n };\n\n walk(parsed, [], 0);\n\n return entries.length ? entries : null;\n};\n\n// Companion to `flattenEditableValue`: replaces the single leaf at `path`\n// and re-serializes the whole structure — the result is a plain string\n// suitable for `PanelBinding.onChange`/`Dnd`'s AST-update pipeline, same\n// as any other committed value. Fails safe: an out-of-range index, a\n// missing key, or a `value` that didn't parse to an object/array in the\n// first place returns `value` unchanged rather than throwing or silently\n// writing to the wrong place.\nexport const setEditableValue = (\n value: string,\n path: EditablePathSegment[],\n next: EditablePrimitive,\n): string => {\n if (!path.length) {\n return value;\n }\n\n const parsed = parseValue(value);\n\n if (typeof parsed !== 'object' || parsed === null) {\n return value;\n }\n\n const root: unknown = Array.isArray(parsed) ? [...parsed] : { ...parsed };\n let cursor: Record<EditablePathSegment, unknown> | unknown[] = root as\n Record<EditablePathSegment, unknown> | unknown[];\n\n for (let i = 0; i < path.length - 1; i++) {\n const key = path[i]!;\n const child = (cursor as Record<EditablePathSegment, unknown>)[key];\n\n if (typeof child !== 'object' || child === null) {\n return value;\n }\n\n const clonedChild = Array.isArray(child) ? [...child] : { ...child };\n (cursor as Record<EditablePathSegment, unknown>)[key] = clonedChild;\n cursor = clonedChild as Record<EditablePathSegment, unknown> | unknown[];\n }\n\n const lastKey = path[path.length - 1]!;\n\n if (!(lastKey in (cursor as object))) {\n return value;\n }\n\n (cursor as Record<EditablePathSegment, unknown>)[lastKey] = next;\n\n return JSON.stringify(root);\n};\n\nexport const extractNodeValue = (node: t.Node): ExtractedNodeValue => {\n if (t.isBooleanLiteral(node)) {\n return { type: 'boolean', value: node.value };\n }\n\n if (t.isNumericLiteral(node)) {\n return { type: 'number', value: node.value };\n }\n\n if (\n t.isUnaryExpression(node) &&\n node.operator === '-' &&\n t.isNumericLiteral(node.argument)\n ) {\n return { type: 'number', value: -node.argument.value };\n }\n\n if (t.isStringLiteral(node)) {\n return { type: 'string', value: node.value };\n }\n\n if (t.isTemplateLiteral(node)) {\n if (node.expressions.length === 0 && node.quasis.length === 1) {\n return {\n type: 'string',\n value: dedent(\n node.quasis[0]!.value.cooked ?? node.quasis[0]!.value.raw,\n ),\n };\n }\n return { type: 'string', value: generateCode(node) };\n }\n\n if (t.isNullLiteral(node)) {\n return { type: 'null', value: null };\n }\n\n if (t.isArrayExpression(node)) {\n return { type: 'array', value: generateCode(node) };\n }\n\n if (t.isObjectExpression(node)) {\n return { type: 'object', value: generateCode(node) };\n }\n\n if (t.isJSXElement(node) || t.isJSXFragment(node)) {\n return { type: 'string', value: generateCode(node) };\n }\n\n return { type: 'unknown', value: null };\n};\n\nexport const createNodeFromValue = (\n type: NodeValueType,\n value: unknown,\n): t.Expression | null => {\n switch (type) {\n case 'boolean': {\n return t.booleanLiteral(value === true);\n }\n case 'number': {\n return t.numericLiteral(Number(value));\n }\n case 'string': {\n return t.stringLiteral(String(value));\n }\n case 'null': {\n return t.nullLiteral();\n }\n case 'array':\n case 'object':\n case 'unknown': {\n return null;\n }\n default: {\n return null;\n }\n }\n};\n\n// Faithfully rebuilds a JS value into an AST expression node — the inverse\n// of `evaluateLiteral`, and the single serialization point #238 moves the\n// panel's value contract onto. Because the caller already knows what the\n// value *is* (a real number/boolean/object/array, not a string that has to\n// be re-guessed), there is no string-vs-expression heuristic here: each JS\n// type maps to exactly one literal kind. Values with no literal form\n// (`undefined`, functions, symbols) are dropped — an object property whose\n// value is `undefined` is omitted rather than emitted as `undefined`,\n// mirroring `flattenEditableValue`, which also treats them as absent.\nexport const valueToExpression = (value: unknown): t.Expression | null => {\n if (typeof value === 'string') {\n return t.stringLiteral(value);\n }\n\n if (typeof value === 'number') {\n return value < 0\n ? t.unaryExpression('-', t.numericLiteral(-value))\n : t.numericLiteral(value);\n }\n\n if (typeof value === 'boolean') {\n return t.booleanLiteral(value);\n }\n\n if (value === null) {\n return t.nullLiteral();\n }\n\n if (Array.isArray(value)) {\n return t.arrayExpression(\n value.map(item => valueToExpression(item) ?? t.nullLiteral()),\n );\n }\n\n if (typeof value === 'object') {\n const properties: t.ObjectProperty[] = [];\n\n for (const [key, item] of Object.entries(value)) {\n const expr = valueToExpression(item);\n if (expr === null) {\n continue;\n }\n properties.push(t.objectProperty(t.stringLiteral(key), expr));\n }\n\n return t.objectExpression(properties);\n }\n\n return null;\n};\n\nexport const parseArrayExpression = (value: string) => {\n try {\n const ast = unwrapExpression(\n parseExpression(value, {\n plugins: ['jsx', 'typescript'],\n }),\n );\n\n if (!t.isArrayExpression(ast)) {\n return null;\n }\n\n return ast;\n } catch (error) {\n console.error('❌ Array parsing error:', error);\n return null;\n }\n};\n\nexport const extractObjectProperties = (\n element: t.ObjectExpression,\n): Record<string, ExtractedNodeValue & { astNode: t.Node }> => {\n const properties: Record<string, ExtractedNodeValue & { astNode: t.Node }> =\n {};\n\n element.properties.forEach(prop => {\n if (t.isObjectProperty(prop) && t.isIdentifier(prop.key)) {\n const key = prop.key.name;\n\n if (key === 'children') {\n return;\n }\n\n const extracted = extractNodeValue(prop.value);\n\n properties[key] = {\n ...extracted,\n astNode: prop.value,\n };\n }\n });\n\n return properties;\n};\n\nexport const arrayExpressionToCode = (\n elements: t.ObjectExpression[],\n): string => {\n const nextAst = t.arrayExpression(elements);\n return generateCode(nextAst);\n};\n","import { parseExpression } from '@babel/parser';\nimport * as t from '@babel/types';\nimport { z } from 'zod';\n\nimport { BINDING_PROP, DATA_ATTR } from '../../constants';\nimport {\n BINDING_TYPES,\n type BindingItem,\n type BindingOption,\n type BindingRenderMap,\n type BindingType,\n type DataAttrNode,\n} from './types';\nimport { evaluateLiteral, parseArrayExpression, parseValue } from './value';\n\nconst bindingTypeSchema = z.enum(BINDING_TYPES);\n\nconst bindingOptionSchema = z.object({\n label: z.string(),\n value: z.string(),\n});\n\n// `type` is validated separately in sanitizeRenderMap (like the top-level\n// item's own type) so an unrecognized value degrades the leaf to untyped\n// instead of failing this whole schema — see #234.\nconst bindingRenderLeafSchema = z.object({\n property: z.string().optional(),\n});\n\n// `widget` is deliberately just `z.string()`, not an enum — see #236. An\n// unrecognized widget is expected (a renderPanel consumer's own value, not\n// this library's), so unlike `type` there is no \"drop it\" failure mode to\n// design for.\n//\n// `.passthrough()` (rather than the default `.strip()`) keeps any key this\n// schema doesn't know about instead of silently discarding it — see #234.\n// A consumer's own metadata (`step`, `unit`, a widget hint, ...) survives\n// parsing and is surfaced separately as `meta` below, namespaced instead of\n// spread onto the item, so it can't collide with a future first-class field.\nconst rawBindingItemSchema = z\n .object({\n label: z.string(),\n property: z.string().optional(),\n type: bindingTypeSchema.optional(),\n widget: z.string().optional(),\n options: z.array(bindingOptionSchema).optional(),\n min: z.number().optional(),\n max: z.number().optional(),\n pattern: z.string().optional(),\n required: z.boolean().optional(),\n })\n .passthrough();\n\n// Every key `rawBindingItemSchema` declares, plus `render` (handled by\n// `sanitizeRenderMap` separately, never through this schema) — anything\n// else surviving `.passthrough()` is consumer-defined and belongs in `meta`,\n// not treated as one of this library's own fields.\nconst KNOWN_BINDING_KEYS = new Set([\n 'label',\n 'property',\n 'type',\n 'widget',\n 'options',\n 'render',\n 'min',\n 'max',\n 'pattern',\n 'required',\n]);\n\n// The two BINDING_TYPES entries that describe a control, not a data kind —\n// see the type/widget split in #236. Normalized below into `widget` instead\n// of being passed through as `type` directly.\nconst WIDGET_TYPE_ALIASES = new Set(['icon-picker', 'asset-picker']);\n\nconst isPlainObject = (value: unknown): value is Record<string, unknown> => {\n return typeof value === 'object' && value !== null && !Array.isArray(value);\n};\n\n// A render map entry is either a \"leaf\" (has its own `type`) or a nested\n// map of further entries — recurse into whichever it looks like, and drop\n// anything that matches neither instead of failing the whole map.\nconst sanitizeRenderMap = (value: unknown): BindingRenderMap | undefined => {\n if (!isPlainObject(value)) {\n return undefined;\n }\n\n const map: BindingRenderMap = {};\n\n for (const [key, raw] of Object.entries(value)) {\n if (!isPlainObject(raw)) {\n continue;\n }\n\n if ('type' in raw) {\n // Drop an unrecognized `type` down to untyped instead of dropping the\n // whole entry — matches the top-level item's own behavior at\n // `bindingTypeSchema.safeParse(rawItem.type)` above. Keeping the\n // entry (rather than deleting the key) is what #234 asked for: a\n // typo'd/future leaf type still shows up as a plain field instead of\n // vanishing, and `'type' in leaf` stays true either way since `type`\n // is always set below, even to `undefined`.\n const sanitizedType = bindingTypeSchema.safeParse(raw.type);\n const leaf = bindingRenderLeafSchema.safeParse(raw);\n\n if (leaf.success) {\n const render = sanitizeRenderMap(raw.render);\n const typedLeaf = {\n ...leaf.data,\n type: sanitizedType.success ? sanitizedType.data : undefined,\n };\n\n map[key] = render ? { ...typedLeaf, render } : typedLeaf;\n }\n continue;\n }\n\n const nested = sanitizeRenderMap(raw);\n\n if (nested) {\n map[key] = nested;\n }\n }\n\n return Object.keys(map).length > 0 ? map : undefined;\n};\n\n// Shared tail of `parseBinding`/`parseBindingExpression`: turn the raw,\n// already-evaluated array literal into validated `BindingItem[]`. The two\n// callers differ only in how they reach this array — from a source string\n// (public API) or straight off an expression AST (extract's hot path).\nconst buildBindingItems = (raw: unknown): BindingItem[] => {\n if (!Array.isArray(raw)) {\n return [];\n }\n\n const items: BindingItem[] = [];\n\n for (const rawItem of raw) {\n if (!isPlainObject(rawItem)) {\n continue;\n }\n\n // Drop an unrecognized `type` instead of rejecting the whole item — an\n // authored binding with a typo'd/future type string still works as an\n // untyped field rather than disappearing entirely.\n const sanitizedType = bindingTypeSchema.safeParse(rawItem.type);\n\n // `icon-picker`/`asset-picker` describe a widget, not a data kind\n // (#236) — normalize them into `widget` instead of passing them\n // through as `type`. An explicitly authored `widget` (checked below,\n // once the schema has validated it) wins if both are somehow present.\n const isWidgetAlias =\n sanitizedType.success && WIDGET_TYPE_ALIASES.has(sanitizedType.data);\n const normalizedType = isWidgetAlias\n ? 'string'\n : sanitizedType.success\n ? sanitizedType.data\n : undefined;\n const derivedWidget = isWidgetAlias ? sanitizedType.data : undefined;\n\n // Drop individually malformed options instead of rejecting the whole\n // item — a select field with 3 valid options and 1 malformed one should\n // still work with the 3 valid ones.\n const sanitizedOptions = Array.isArray(rawItem.options)\n ? rawItem.options\n .map(option => {\n const parsed = bindingOptionSchema.safeParse(option);\n return parsed.success ? parsed.data : null;\n })\n .filter((option): option is BindingOption => option !== null)\n : undefined;\n\n const parsed = rawBindingItemSchema.safeParse({\n ...rawItem,\n type: normalizedType,\n options: sanitizedOptions?.length ? sanitizedOptions : undefined,\n });\n\n if (!parsed.success) {\n continue;\n }\n\n const {\n label,\n property,\n type,\n widget: explicitWidget,\n options,\n min,\n max,\n pattern,\n required,\n } = parsed.data;\n const widget = explicitWidget ?? derivedWidget;\n\n if (property === undefined && type !== 'richtext') {\n continue;\n }\n\n const render = sanitizeRenderMap(rawItem.render);\n\n const metaEntries = Object.entries(parsed.data).filter(\n ([key]) => !KNOWN_BINDING_KEYS.has(key),\n );\n const meta =\n metaEntries.length > 0 ? Object.fromEntries(metaEntries) : undefined;\n\n items.push({\n label,\n property: property ?? BINDING_PROP.INNER_HTML,\n ...(type !== undefined && { type }),\n ...(widget !== undefined && { widget }),\n ...(options?.length && { options }),\n ...(render && { render }),\n ...(min !== undefined && { min }),\n ...(max !== undefined && { max }),\n ...(pattern !== undefined && { pattern }),\n ...(required !== undefined && { required }),\n ...(meta && { meta }),\n });\n }\n\n return items;\n};\n\nexport const parseBinding = (bindingValue: string | null): BindingItem[] => {\n if (!bindingValue) {\n return [];\n }\n\n const ast = parseArrayExpression(bindingValue);\n\n if (!ast) {\n return [];\n }\n\n return buildBindingItems(evaluateLiteral(ast));\n};\n\n// Same result as `parseBinding`, but fed the array-literal expression the\n// parser already produced instead of a source string. `extract` authors\n// `data-binding` as a real JSX object-array expression, so re-serializing it\n// to a string only to `parseExpression` it straight back was a wasted Babel\n// round-trip (#241's \"two parsers\"); evaluate that AST in place.\nexport const parseBindingExpression = (\n expression: t.ArrayExpression,\n): BindingItem[] => buildBindingItems(evaluateLiteral(expression));\n\nexport const getCurrentValue = (\n node: DataAttrNode,\n property: string,\n): string => {\n switch (property) {\n case BINDING_PROP.INNER_TEXT: {\n return node.textContent || '';\n }\n\n case BINDING_PROP.INNER_HTML: {\n // richtext 타입: dangerouslySetInnerHTML={{ __html }} 에서 읽기\n const dsiAttr = node.attributes.find(\n a => a.name === 'dangerouslySetInnerHTML',\n );\n if (dsiAttr?.value) {\n try {\n const expr = parseExpression(dsiAttr.value, {\n plugins: ['jsx', 'typescript'],\n });\n if (t.isObjectExpression(expr)) {\n const htmlProp = expr.properties.find(\n p =>\n t.isObjectProperty(p) &&\n t.isIdentifier(p.key) &&\n p.key.name === '__html',\n ) as t.ObjectProperty | undefined;\n if (htmlProp) {\n if (t.isStringLiteral(htmlProp.value)) {\n return htmlProp.value.value;\n }\n if (\n t.isTemplateLiteral(htmlProp.value) &&\n htmlProp.value.expressions.length === 0\n ) {\n return (\n htmlProp.value.quasis[0]?.value.cooked ??\n htmlProp.value.quasis[0]?.value.raw ??\n ''\n );\n }\n }\n }\n } catch {\n // ignore\n }\n }\n return node.rawChildren || node.textContent || '';\n }\n\n case BINDING_PROP.CHILDREN: {\n return JSON.stringify(node?.children || []);\n }\n\n default: {\n const customAttr = node.attributes.find(attr => attr.name === property);\n const value = customAttr?.value || '';\n\n return value;\n }\n }\n};\n\n// Declared types whose value is genuinely text — never re-parsed into a\n// number/object/array even when the text happens to look like one. `jsx`\n// and `richtext` carry source that is an expression, not a literal, so they\n// stay as their exact source string too (the update pipeline re-inserts\n// them as expressions, not string literals).\nconst STRING_VALUED_TYPES: ReadonlySet<BindingType> = new Set([\n 'string',\n 'url',\n 'date',\n 'color',\n 'jsx',\n 'richtext',\n 'icon-picker',\n 'asset-picker',\n]);\n\n// Structured counterpart to `getCurrentValue`: returns the value as its real\n// JS type (number/boolean/object/array/string) rather than always as a\n// string, so both the built-in panel and a custom `renderPanel` receive\n// `PanelBinding.value` already typed. `getCurrentValue` still supplies the\n// exact source text (`PanelBinding.rawValue`). See #238.\n//\n// The string-vs-structure decision is made *here*, from information the AST\n// still has — an attribute that was a string literal in source is a genuine\n// string whatever its contents, so `\"{not an expression}\"` stays a string\n// instead of being re-parsed into an object. Only genuine expressions\n// (`count={3}`, `data={[...]}`) are recovered into their real shape.\nexport const getStructuredValue = (\n node: DataAttrNode,\n property: string,\n type?: BindingType,\n): unknown => {\n switch (property) {\n case BINDING_PROP.INNER_TEXT:\n case BINDING_PROP.INNER_HTML: {\n return getCurrentValue(node, property);\n }\n\n case BINDING_PROP.CHILDREN: {\n return node.children ?? [];\n }\n\n default: {\n const raw = getCurrentValue(node, property);\n const attr = node.attributes.find(a => a.name === property);\n\n if (attr?.isStringLiteral || (type && STRING_VALUED_TYPES.has(type))) {\n return raw;\n }\n\n return parseValue(raw);\n }\n }\n};\n\nconst hasEditableBindings = (node: DataAttrNode): boolean => {\n const bindingAttr = node.dataAttributes.find(\n attr => attr.name === DATA_ATTR.BINDING,\n );\n\n if (!bindingAttr?.value) {\n return false;\n }\n\n const bindings = node.bindings || parseBinding(bindingAttr.value);\n\n return bindings.length > 0;\n};\n\nexport const findEditableChildren = (node: DataAttrNode): DataAttrNode[] => {\n const editableChildren: DataAttrNode[] = [];\n\n const traverse = (children: DataAttrNode[] | undefined) => {\n if (!children) {\n return;\n }\n\n for (const child of children) {\n if (hasEditableBindings(child)) {\n editableChildren.push(child);\n }\n traverse(child.children);\n }\n };\n\n traverse(node.children);\n\n return editableChildren;\n};\n","import { parse } from '@babel/parser';\nimport * as t from '@babel/types';\nimport { nanoid } from 'nanoid';\n\nimport { BINDING_PROP, CONFIG, DATA_ATTR } from '../../constants';\nimport { createBoundedCache } from '../cache';\nimport { parseBinding, parseBindingExpression } from './binding';\nimport { traverse } from './document';\nimport { attrValue, generateCode, wrap } from './helpers';\nimport type { Attribute, BindingItem, DataAttrNode } from './types';\nimport { unwrapExpression } from './value';\n\nconst collectText = (\n children: (\n | t.JSXText\n | t.JSXExpressionContainer\n | t.JSXElement\n | t.JSXFragment\n | t.JSXSpreadChild\n )[],\n) => {\n return children\n .filter(c => t.isJSXText(c))\n .map(c => (c as t.JSXText).value.trim())\n .filter(v => v.length)\n .join(' ');\n};\n\nconst getTagName = (opening: t.JSXOpeningElement): string => {\n if (t.isJSXIdentifier(opening.name)) {\n return opening.name.name;\n }\n\n if (t.isJSXMemberExpression(opening.name)) {\n return resolveMemberName(opening.name);\n }\n\n return '';\n};\n\nconst resolveMemberName = (expr: t.JSXMemberExpression): string => {\n const parts: string[] = [];\n\n const collectMemberParts = (\n node: t.JSXMemberExpression['object'] | t.JSXMemberExpression['property'],\n ): void => {\n if (t.isJSXIdentifier(node)) {\n parts.push(node.name);\n } else if (t.isJSXMemberExpression(node)) {\n collectMemberParts(node.object);\n\n if (t.isJSXIdentifier(node.property)) {\n parts.push(node.property.name);\n }\n }\n };\n\n collectMemberParts(expr.object);\n\n if (t.isJSXIdentifier(expr.property)) {\n parts.push(expr.property.name);\n }\n\n return parts.join('.');\n};\n\nconst parseJSXName = (\n tagName: string,\n): t.JSXIdentifier | t.JSXMemberExpression => {\n const parts = tagName.split('.');\n\n if (parts.length === 1) {\n return t.jsxIdentifier(parts[0]!);\n }\n\n let expr: t.JSXIdentifier | t.JSXMemberExpression = t.jsxIdentifier(\n parts[0]!,\n );\n\n for (let i = 1; i < parts.length; i++) {\n expr = t.jsxMemberExpression(expr, t.jsxIdentifier(parts[i]!));\n }\n\n return expr;\n};\n\nconst extractCache = createBoundedCache<string, DataAttrNode[]>(\n CONFIG.CACHE_LIMIT,\n);\n\nconst extractAttributes = (\n attributes: (t.JSXAttribute | t.JSXSpreadAttribute)[],\n): { allAttrs: Attribute[]; dataAttrs: Attribute[] } => {\n const allAttrs: Attribute[] = [];\n const dataAttrs: Attribute[] = [];\n\n for (const attr of attributes) {\n if (!t.isJSXAttribute(attr) || !t.isJSXIdentifier(attr.name)) {\n continue;\n }\n\n const name = attr.name.name;\n let value: string | null = null;\n let isStringLiteral = false;\n\n if (attr.value) {\n if (t.isStringLiteral(attr.value)) {\n value = attr.value.value;\n isStringLiteral = true;\n } else if (t.isJSXExpressionContainer(attr.value)) {\n try {\n value = generateCode(attr.value.expression);\n isStringLiteral = false;\n } catch {\n value = null;\n }\n }\n }\n\n const entry = { name, value, isStringLiteral };\n\n allAttrs.push(entry);\n\n if (name.startsWith('data-')) {\n dataAttrs.push(entry);\n }\n }\n\n return { allAttrs, dataAttrs };\n};\n\nconst buildChildElements = (\n node: DataAttrNode,\n): (t.JSXText | t.JSXElement | t.JSXFragment)[] => {\n const childElements: (t.JSXText | t.JSXElement | t.JSXFragment)[] = [];\n\n if (node.textContent) {\n childElements.push(t.jsxText(node.textContent));\n }\n\n node.children?.forEach(child => {\n const childJSX = nodeToJSX(child);\n if (childJSX) {\n childElements.push(childJSX);\n }\n });\n\n return childElements;\n};\n\nexport const nodeToJSX = (\n node: DataAttrNode,\n): t.JSXElement | t.JSXFragment | null => {\n try {\n if (node.isFragment) {\n const childElements = buildChildElements(node);\n\n return t.jsxFragment(\n t.jsxOpeningFragment(),\n t.jsxClosingFragment(),\n childElements,\n );\n }\n\n if (\n node.tagName === 'div' &&\n node.dataAttributes.some(attr => attr.name === 'data-item')\n ) {\n if (node.children) {\n return nodeToJSX(node.children[0]!);\n }\n return null;\n }\n\n const attributes = node.attributes.map(attr => {\n const attrName = t.jsxIdentifier(attr.name);\n\n if (!attr.value) {\n return t.jsxAttribute(attrName, null);\n }\n\n return t.jsxAttribute(attrName, attrValue(attr));\n });\n\n const elementName = parseJSXName(node.tagName);\n\n const openingElement = t.jsxOpeningElement(elementName, attributes);\n\n const closingElement = t.jsxClosingElement(elementName);\n const children = buildChildElements(node);\n\n return t.jsxElement(openingElement, closingElement, children, false);\n } catch (error) {\n console.error('❌ DataAttrNode to JSX conversion error:', error);\n return null;\n }\n};\n\nconst createWrapperNode = (\n textContent: string,\n children: DataAttrNode[],\n): DataAttrNode => ({\n tagName: 'div',\n id: nanoid(6),\n attributes: [{ name: DATA_ATTR.ITEM, value: 'true' }],\n dataAttributes: [{ name: DATA_ATTR.ITEM, value: 'true' }],\n textContent,\n children,\n});\n\nconst createFragmentNode = (\n textContent: string,\n children: DataAttrNode[],\n): DataAttrNode => ({\n tagName: '',\n id: nanoid(6),\n attributes: [],\n dataAttributes: [],\n textContent,\n children,\n isFragment: true,\n});\n\nconst processChildrenBinding = (\n jsxElement: t.JSXElement,\n processedNodes?: WeakSet<t.JSXElement | t.JSXFragment>,\n shouldWrap: boolean = true,\n): DataAttrNode[] | undefined => {\n const jsxChildren = jsxElement.children.filter(\n child => t.isJSXElement(child) || t.isJSXFragment(child),\n );\n\n if (!jsxChildren.length) {\n return undefined;\n }\n\n const childrenNodes: DataAttrNode[] = [];\n\n jsxChildren.forEach(child => {\n if (t.isJSXElement(child)) {\n const childResults = extractFromNode(child, processedNodes);\n\n if (shouldWrap) {\n const wrapperNode = createWrapperNode(\n collectText(child.children),\n childResults,\n );\n childrenNodes.push(wrapperNode);\n } else {\n childrenNodes.push(...childResults);\n }\n } else if (t.isJSXFragment(child)) {\n processedNodes?.add(child);\n\n const fragmentChildren: DataAttrNode[] = [];\n\n child.children.forEach(fragmentChild => {\n if (t.isJSXElement(fragmentChild)) {\n const childResults = extractFromNode(fragmentChild, processedNodes);\n fragmentChildren.push(...childResults);\n }\n });\n\n if (fragmentChildren.length) {\n const fragmentNode = createFragmentNode(\n collectText(child.children),\n fragmentChildren,\n );\n childrenNodes.push(fragmentNode);\n }\n }\n });\n\n return childrenNodes.length ? childrenNodes : undefined;\n};\n\nconst skipItemsChildren = (\n jsxElement: t.JSXElement,\n processedNodes: WeakSet<t.JSXElement | t.JSXFragment>,\n propertyName: string = 'items',\n): void => {\n const opening = jsxElement.openingElement;\n\n const itemsAttr = opening.attributes.find(\n attr =>\n t.isJSXAttribute(attr) &&\n t.isJSXIdentifier(attr.name) &&\n attr.name.name === propertyName,\n );\n\n if (!itemsAttr || !t.isJSXAttribute(itemsAttr)) {\n return;\n }\n\n if (\n itemsAttr.value &&\n t.isJSXExpressionContainer(itemsAttr.value) &&\n t.isArrayExpression(itemsAttr.value.expression)\n ) {\n const arrayExpr = itemsAttr.value.expression;\n\n arrayExpr.elements.forEach(element => {\n if (t.isObjectExpression(element)) {\n element.properties.forEach(prop => {\n if (\n t.isObjectProperty(prop) &&\n t.isIdentifier(prop.key) &&\n t.isJSXElement(prop.value)\n ) {\n markProcessedJSX(prop.value, processedNodes);\n }\n });\n }\n });\n }\n};\n\nconst markProcessedJSX = (\n node: t.Node,\n processedNodes: WeakSet<t.JSXElement | t.JSXFragment>,\n): void => {\n if (t.isJSXElement(node) || t.isJSXFragment(node)) {\n processedNodes.add(node as t.JSXElement | t.JSXFragment);\n node.children.forEach(child => markProcessedJSX(child, processedNodes));\n return;\n }\n\n const expression =\n t.isJSXExpressionContainer(node) || t.isParenthesizedExpression(node);\n\n if (expression) {\n markProcessedJSX(node.expression, processedNodes);\n }\n};\n\ninterface NodeBindingInfo {\n tagName: string;\n allAttrs: Attribute[];\n dataAttrs: Attribute[];\n bindings: BindingItem[];\n childrenBinding: BindingItem | undefined;\n arrayBindings: BindingItem[];\n rawChildren: string | undefined;\n}\n\n// Shared prefix for the top-level traverse() visitor below and the manual\n// recursive descent in extractFromNode: read the tag name, attributes, and\n// parsed bindings off one JSXElement. What differs between the two callers\n// is how childrenNodes gets computed and whether the result is pushed at\n// all — traverse() only records elements with data-* attributes, while\n// extractFromNode always records the children it's asked to (see each call\n// site for details).\n// `data-binding` is authored as a JSX object-array expression, so the\n// original `ArrayExpression` node is still on hand here. Return it so\n// `readNodeBindingInfo` can evaluate bindings straight off the AST instead\n// of re-parsing the stringified form. Null when the attribute is absent or\n// written as a plain string literal (bench/tests) — those still go through\n// `parseBinding(string)`.\nconst getBindingExpression = (\n opening: t.JSXOpeningElement,\n): t.ArrayExpression | null => {\n for (const attr of opening.attributes) {\n if (\n t.isJSXAttribute(attr) &&\n t.isJSXIdentifier(attr.name) &&\n attr.name.name === DATA_ATTR.BINDING &&\n attr.value &&\n t.isJSXExpressionContainer(attr.value)\n ) {\n // Unwrap `satisfies BindingItem[]`/`as const`/parentheses so the array\n // is still recognized when authored with an editor type annotation.\n const expression = unwrapExpression(attr.value.expression);\n\n if (t.isArrayExpression(expression)) {\n return expression;\n }\n }\n }\n\n return null;\n};\n\nconst readNodeBindingInfo = (node: t.JSXElement): NodeBindingInfo => {\n const opening = node.openingElement;\n const tagName = getTagName(opening);\n const { allAttrs, dataAttrs } = extractAttributes(opening.attributes);\n\n const bindingAttr = dataAttrs.find(attr => attr.name === DATA_ATTR.BINDING);\n const bindingExpr = getBindingExpression(opening);\n const bindings = bindingExpr\n ? parseBindingExpression(bindingExpr)\n : bindingAttr?.value\n ? parseBinding(bindingAttr.value)\n : [];\n\n const childrenBinding = bindings.find(\n b => b.property === BINDING_PROP.CHILDREN,\n );\n const arrayBindings = bindings.filter(\n b => b.property === BINDING_PROP.ITEMS || b.type === 'array',\n );\n\n const innerHtmlBinding = bindings.find(\n b => b.property === BINDING_PROP.INNER_HTML,\n );\n\n let rawChildren: string | undefined;\n if (innerHtmlBinding && node.children.length > 0) {\n rawChildren = node.children\n .map(child => generateCode(child))\n .join('')\n .trim();\n }\n\n return {\n tagName,\n allAttrs,\n dataAttrs,\n bindings,\n childrenBinding,\n arrayBindings,\n rawChildren,\n };\n};\n\nconst parseToNodes = (raw: string): DataAttrNode[] => {\n const wrapped = wrap(raw);\n const ast = parse(wrapped, {\n sourceType: 'module',\n plugins: ['jsx', 'typescript'],\n errorRecovery: true,\n });\n\n const results: DataAttrNode[] = [];\n\n // babel's traverse() below visits every JSXElement in the tree, top to\n // bottom, regardless of structure. But some elements are meant to be\n // recorded as *structural* children of another result — e.g. a node\n // wrapped by processChildrenBinding()/extractFromNode() into a parent's\n // `children` array, or an element sitting inside an `items` binding's\n // array literal (skipped via skipItemsChildren()/markProcessedJSX()) —\n // not as their own top-level entry in `results`. Without this WeakSet,\n // traverse() would independently re-visit those same elements once it\n // reaches them in the tree and add a second, duplicate entry for them.\n // Each helper below adds a node here the moment it pulls that node out\n // of the normal top-level flow, and the JSXElement() visitor skips\n // anything already marked.\n const processedNodes = new WeakSet<t.JSXElement | t.JSXFragment>();\n\n traverse(ast, {\n JSXElement(path) {\n if (processedNodes.has(path.node)) {\n return;\n }\n\n const {\n tagName,\n allAttrs,\n dataAttrs,\n bindings,\n childrenBinding,\n arrayBindings,\n rawChildren,\n } = readNodeBindingInfo(path.node);\n\n if (!tagName || !dataAttrs.length) {\n return;\n }\n\n let childrenNodes: DataAttrNode[] | undefined;\n\n if (childrenBinding) {\n childrenNodes = processChildrenBinding(path.node, processedNodes);\n }\n\n for (const arrayBinding of arrayBindings) {\n skipItemsChildren(path.node, processedNodes, arrayBinding.property);\n }\n\n results.push({\n tagName,\n attributes: allAttrs,\n dataAttributes: dataAttrs,\n textContent: collectText(path.node.children),\n rawChildren,\n children: childrenNodes,\n bindings,\n loc: path.node.loc\n ? {\n start: {\n line: path.node.loc.start.line,\n column: path.node.loc.start.column,\n },\n end: {\n line: path.node.loc.end.line,\n column: path.node.loc.end.column,\n },\n }\n : undefined,\n });\n },\n });\n\n return results;\n};\n\nexport function extract(raw: string): DataAttrNode[] {\n if (extractCache.has(raw)) {\n return extractCache.get(raw)!;\n }\n\n const results = parseToNodes(raw);\n\n extractCache.set(raw, results);\n\n return results;\n}\n\nfunction extractFromNode(\n node: t.JSXElement,\n processedNodes?: WeakSet<t.JSXElement | t.JSXFragment>,\n): DataAttrNode[] {\n processedNodes?.add(node);\n\n const {\n tagName,\n allAttrs,\n dataAttrs,\n bindings,\n childrenBinding,\n rawChildren,\n } = readNodeBindingInfo(node);\n\n let childrenNodes: DataAttrNode[] | undefined;\n\n if (childrenBinding) {\n childrenNodes = processChildrenBinding(node, processedNodes);\n }\n\n if (!childrenNodes) {\n childrenNodes = processChildrenBinding(node, processedNodes, false);\n }\n\n return [\n {\n tagName,\n attributes: allAttrs,\n dataAttributes: dataAttrs,\n textContent: collectText(node.children),\n rawChildren,\n children: childrenNodes,\n bindings,\n },\n ];\n}\n\nexport function clearExtractCache() {\n extractCache.clear();\n}\n","import { parse, parseExpression } from '@babel/parser';\nimport type { NodePath } from '@babel/traverse';\nimport * as t from '@babel/types';\nimport { nanoid } from 'nanoid';\n\nimport { BINDING_PROP, DATA_ATTR } from '../../constants';\nimport { parseBinding } from './binding';\nimport { traverse } from './document';\nimport { nodeToJSX } from './extract';\nimport { generateCode, unwrap, wrap } from './helpers';\nimport type { BindingType, DataAttrNode } from './types';\nimport { valueToExpression } from './value';\n\nconst updateInnerText = (\n path: NodePath<t.JSXElement>,\n value: string,\n): boolean => {\n const jsxChildren = path.node.children;\n\n for (let i = jsxChildren.length - 1; i >= 0; i--) {\n if (t.isJSXText(jsxChildren[i])) {\n jsxChildren.splice(i, 1);\n }\n }\n\n jsxChildren.push(t.jsxText(value));\n return true;\n};\n\n// Injects a `{__PREFIX_<id>__}` JSX expression container as a placeholder,\n// then records how the placeholder's *generated source text* should be\n// string-replaced with the real value once generateCode() has run — used\n// for values (raw HTML, arbitrary JSX/expressions) that can't be\n// represented as AST literals, so we can't just build the real node here.\n//\n// `asRawContent: true` replaces the placeholder *including* its enclosing\n// braces, so the raw value lands as literal children content instead of a\n// JS expression (used for innerHTML). Leaving it false replaces only the\n// identifier inside the braces, so the value is inserted as the expression\n// itself (used for a `type: 'jsx'` attribute value).\nconst injectPlaceholder = (\n prefix: string,\n value: string,\n placeholders: Map<string, string>,\n { asRawContent = false }: { asRawContent?: boolean } = {},\n): t.JSXExpressionContainer => {\n const name = `__${prefix}_${nanoid(6)}__`;\n const container = t.jsxExpressionContainer(t.identifier(name));\n\n placeholders.set(asRawContent ? `{${name}}` : name, value);\n\n return container;\n};\n\nconst updateInnerHTML = (\n path: NodePath<t.JSXElement>,\n value: string,\n placeholders: Map<string, string>,\n): boolean => {\n path.node.children = [\n injectPlaceholder('HTML', value, placeholders, { asRawContent: true }),\n ];\n\n return true;\n};\n\nconst updateChildren = (\n path: NodePath<t.JSXElement>,\n value: unknown,\n): boolean => {\n try {\n const childrenData = (\n typeof value === 'string' ? JSON.parse(value) : value\n ) as DataAttrNode[];\n\n path.node.children.length = 0;\n\n childrenData.forEach(childData => {\n const jsxElement = nodeToJSX(childData);\n if (jsxElement) {\n path.node.children.push(jsxElement);\n }\n });\n\n return true;\n } catch (error) {\n console.error('❌ Children update error:', error);\n return false;\n }\n};\n\nconst updateRichtext = (\n path: NodePath<t.JSXElement>,\n value: string,\n): boolean => {\n path.node.children = [];\n\n const opening = path.node.openingElement;\n const htmlObject = t.objectExpression([\n t.objectProperty(t.identifier('__html'), t.stringLiteral(value)),\n ]);\n\n const existingAttr = opening.attributes.find(\n a =>\n t.isJSXAttribute(a) &&\n t.isJSXIdentifier(a.name) &&\n a.name.name === 'dangerouslySetInnerHTML',\n );\n\n if (existingAttr && t.isJSXAttribute(existingAttr)) {\n existingAttr.value = t.jsxExpressionContainer(htmlObject);\n } else {\n opening.attributes.push(\n t.jsxAttribute(\n t.jsxIdentifier('dangerouslySetInnerHTML'),\n t.jsxExpressionContainer(htmlObject),\n ),\n );\n }\n\n return true;\n};\n\n// Serialize a structured value into a JSX attribute value, once, at the AST\n// boundary — the single point where the declared `type` is known. Replaces\n// the old first-character heuristic (`startsWith('{')` ...) that guessed\n// string-vs-expression and then let `attrValue` guess again. See #238.\nconst buildAttributeValue = (\n value: unknown,\n type?: BindingType,\n): t.JSXAttribute['value'] => {\n // Declared object/array bindings: an expression container. A string here\n // is already-serialized source text (from the built-in Items/flatten\n // editor, which re-emits the whole array/object as code) — parse it back\n // to an expression rather than quoting it as a literal.\n if (type === 'array' || type === 'object') {\n if (typeof value === 'string') {\n try {\n return t.jsxExpressionContainer(\n parseExpression(value.trim(), { plugins: ['jsx', 'typescript'] }),\n );\n } catch {\n return t.stringLiteral(value);\n }\n }\n\n const expr = valueToExpression(value);\n return expr ? t.jsxExpressionContainer(expr) : t.stringLiteral('');\n }\n\n // Everything else maps one JS type to one literal kind — no guessing. A\n // string stays a string literal whatever it contains, so a genuine\n // `\"{not an expression}\"` no longer becomes a JSX expression container.\n if (typeof value === 'string') {\n return t.stringLiteral(value);\n }\n\n const expr = valueToExpression(value);\n return expr ? t.jsxExpressionContainer(expr) : t.stringLiteral(String(value));\n};\n\nconst updateAttribute = (\n opening: t.JSXOpeningElement,\n propertyName: string,\n value: unknown,\n type?: BindingType,\n): boolean => {\n const customAttr = opening.attributes.find(\n attr =>\n t.isJSXAttribute(attr) &&\n t.isJSXIdentifier(attr.name) &&\n attr.name.name === propertyName,\n );\n\n if (customAttr && t.isJSXAttribute(customAttr)) {\n customAttr.value = buildAttributeValue(value, type);\n return true;\n }\n\n return false;\n};\n\nexport interface UpdateResult {\n code: string;\n success: boolean;\n}\n\n// `label` is a display string — reworded, duplicated, or translated at\n// authors' whim — so it identifies a binding only as a fallback. `property`\n// (an actual key, unique per element) is the real identity; pass it\n// whenever the caller has it (every internal caller does, via\n// PanelBinding.property). See #240: two bindings sharing a label used to\n// resolve to whichever `.find()` hit first, silently dropping the other's\n// edit while still reporting success.\nexport const update = (\n code: string,\n dataId: string,\n label: string,\n value: unknown,\n property?: string,\n): UpdateResult => {\n try {\n const wrapped = wrap(code);\n const ast = parse(wrapped, {\n sourceType: 'module',\n plugins: ['jsx', 'typescript'],\n });\n\n let changed = false;\n const jsxPlaceholders = new Map<string, string>();\n\n traverse(ast, {\n JSXElement(path) {\n const opening = path.node.openingElement;\n\n const idAttr = opening.attributes.find(attr => {\n return (\n t.isJSXAttribute(attr) &&\n t.isJSXIdentifier(attr.name) &&\n attr.name.name === DATA_ATTR.ID &&\n attr.value &&\n t.isStringLiteral(attr.value) &&\n attr.value.value === dataId\n );\n });\n\n if (!idAttr) {\n return;\n }\n\n const bindingAttr = opening.attributes.find(\n (attr): attr is t.JSXAttribute =>\n t.isJSXAttribute(attr) &&\n t.isJSXIdentifier(attr.name) &&\n attr.name.name === DATA_ATTR.BINDING,\n );\n\n if (!bindingAttr?.value) {\n return;\n }\n\n let bindingValue = '';\n\n if (t.isStringLiteral(bindingAttr.value)) {\n bindingValue = bindingAttr.value.value;\n } else if (t.isJSXExpressionContainer(bindingAttr.value)) {\n try {\n bindingValue = generateCode(bindingAttr.value.expression);\n } catch {\n return;\n }\n }\n\n const bindings = parseBinding(bindingValue);\n\n // Prefer `property` (an actual key) over `label` (a display\n // string) — see the module-level comment on `update`. Either way,\n // more than one match on this element is an authoring ambiguity\n // (duplicate labels, or a genuine property collision), not a case\n // to silently resolve by picking the first — see #240.\n const matches = bindings.filter(binding =>\n property !== undefined\n ? binding.property === property\n : binding.label === label,\n );\n\n if (matches.length !== 1) {\n return;\n }\n\n const propertyBinding = matches[0]!;\n\n switch (propertyBinding.property) {\n case BINDING_PROP.INNER_TEXT: {\n changed = updateInnerText(path, String(value));\n break;\n }\n\n case BINDING_PROP.INNER_HTML: {\n if (propertyBinding.type === 'richtext') {\n changed = updateRichtext(path, String(value));\n } else {\n changed = updateInnerHTML(path, String(value), jsxPlaceholders);\n }\n break;\n }\n\n case BINDING_PROP.CHILDREN: {\n changed = updateChildren(path, value);\n break;\n }\n\n default: {\n if (propertyBinding.type === 'jsx') {\n const attr = opening.attributes.find(\n a =>\n t.isJSXAttribute(a) &&\n t.isJSXIdentifier(a.name) &&\n a.name.name === propertyBinding.property,\n );\n\n if (attr && t.isJSXAttribute(attr)) {\n attr.value = injectPlaceholder(\n 'JSX',\n String(value).trim(),\n jsxPlaceholders,\n );\n changed = true;\n }\n } else {\n changed = updateAttribute(\n opening,\n propertyBinding.property,\n value,\n propertyBinding.type,\n );\n }\n\n break;\n }\n }\n },\n });\n\n if (!changed) {\n return { code, success: false };\n }\n\n let result = unwrap(generateCode(ast));\n\n for (const [placeholder, original] of jsxPlaceholders) {\n // 두 번째 인자가 문자열이면 $&, $$ 같은 특수 치환 패턴으로 해석되어\n // original 안에 그런 문자가 있으면 결과가 깨진다 — 함수형 치환자로 방지.\n result = result.replace(placeholder, () => original);\n }\n\n return { code: result, success: true };\n } catch (error) {\n console.error('❌ Code update error:', error);\n return { code, success: false };\n }\n};\n\nexport const bulkUpdate = (\n raw: string,\n entries: {\n dataId: string;\n label: string;\n value: unknown;\n property?: string;\n }[],\n): UpdateResult => {\n let current = raw;\n let allSucceeded = true;\n\n for (const entry of entries) {\n const result = update(\n current,\n entry.dataId,\n entry.label,\n entry.value,\n entry.property,\n );\n current = result.code;\n allSucceeded = allSucceeded && result.success;\n }\n\n return { code: current, success: allSucceeded };\n};\n","import { parseExpression } from '@babel/parser';\nimport * as t from '@babel/types';\nimport { nanoid } from 'nanoid';\n\nimport { DATA_ATTR } from '../../constants';\nimport { generateCode } from './helpers';\n\nexport const replaceIds = (\n code: string,\n generateId: () => string = () => nanoid(6),\n): string => {\n return code.replace(new RegExp(`${DATA_ATTR.ID}=\"[^\"]*\"`, 'g'), () => {\n return `${DATA_ATTR.ID}=\"${generateId()}\"`;\n });\n};\n\nexport const fillIds = (\n code: string,\n generateId: () => string = () => nanoid(6),\n): string => {\n return code.replace(new RegExp(`${DATA_ATTR.ID}=\"\"`, 'g'), () => {\n return `${DATA_ATTR.ID}=\"${generateId()}\"`;\n });\n};\n\nexport const clone = (\n element: t.Node,\n generateId: () => string = () => nanoid(6),\n) => {\n const cloned = t.cloneNode(element, true);\n const generatedCode = generateCode(cloned);\n const code = replaceIds(generatedCode, generateId);\n\n return parseExpression(code, {\n plugins: ['jsx', 'typescript'],\n });\n};\n","import type { BindingItem } from './types';\n\nexport interface ValidationResult {\n valid: boolean;\n message?: string;\n}\n\nconst VALID: ValidationResult = { valid: true };\n\nexport const validateBindingValue = (\n binding: BindingItem,\n value: unknown,\n): ValidationResult => {\n const isEmpty = value === '' || value === null || value === undefined;\n\n if (isEmpty) {\n if (binding.required) {\n return { valid: false, message: 'This field is required.' };\n }\n return VALID;\n }\n\n // `min`/`max` compare against a real number. Since #238, a `type:\n // 'number'` binding delivers an actual number across the panel boundary,\n // so callers pass one here directly — no string coercion to re-derive the\n // type. A non-number value simply isn't range-checked.\n if (typeof value === 'number') {\n if (binding.min !== undefined && value < binding.min) {\n return { valid: false, message: `Must be at least ${binding.min}.` };\n }\n if (binding.max !== undefined && value > binding.max) {\n return { valid: false, message: `Must be at most ${binding.max}.` };\n }\n }\n\n if (typeof value === 'string' && binding.pattern) {\n let regex: RegExp;\n\n try {\n regex = new RegExp(binding.pattern);\n } catch {\n // Malformed pattern authored on the binding itself — don't block the\n // user's input for an authoring mistake that isn't theirs to fix.\n return VALID;\n }\n\n if (!regex.test(value)) {\n return {\n valid: false,\n message: 'Value does not match the required format.',\n };\n }\n }\n\n if (typeof value === 'string' && binding.type === 'url') {\n try {\n new URL(value);\n } catch {\n return { valid: false, message: 'Must be a valid URL.' };\n }\n }\n\n if (typeof value === 'string' && binding.type === 'date') {\n if (Number.isNaN(Date.parse(value))) {\n return { valid: false, message: 'Must be a valid date.' };\n }\n }\n\n return VALID;\n};\n"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as cn } from "./utils-
|
|
1
|
+
import { r as cn } from "./utils-CXq1KaM3.js";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
4
4
|
//#region src/components/error/error.tsx
|
|
@@ -89,4 +89,4 @@ var ErrorBoundary = class extends React.Component {
|
|
|
89
89
|
//#endregion
|
|
90
90
|
export { Error as n, ErrorBoundary as t };
|
|
91
91
|
|
|
92
|
-
//# sourceMappingURL=boundary-
|
|
92
|
+
//# sourceMappingURL=boundary-b-U70XU_.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"boundary-
|
|
1
|
+
{"version":3,"file":"boundary-b-U70XU_.js","names":[],"sources":["../src/components/error/error.tsx","../src/components/error/boundary.tsx"],"sourcesContent":["import { cn } from '~/utils';\n\nexport interface Props extends React.ComponentPropsWithRef<'div'> {\n message?: string | null;\n title?: string;\n onReset?: () => void;\n}\n\nconst Error = ({\n message,\n title = 'An error occurred',\n className,\n onReset,\n}: Props) => {\n if (!message) {\n return null;\n }\n\n return (\n <div\n className={cn(className)}\n style={{\n padding: '16px',\n backgroundColor: '#fee2e2',\n border: '1px solid #fca5a5',\n borderRadius: '6px',\n color: '#7f1d1d',\n }}\n >\n <h3 style={{ fontSize: '14px', fontWeight: 'bold', margin: 0 }}>\n {title}\n </h3>\n <pre\n style={{\n marginTop: '8px',\n fontSize: '12px',\n whiteSpace: 'pre-wrap',\n margin: '8px 0 0 0',\n }}\n >\n {message}\n </pre>\n {onReset && (\n <button\n style={{\n marginTop: '8px',\n padding: '4px 12px',\n fontSize: '12px',\n color: 'white',\n backgroundColor: '#dc2626',\n border: 'none',\n borderRadius: '4px',\n cursor: 'pointer',\n }}\n onClick={onReset}\n >\n Try Again\n </button>\n )}\n </div>\n );\n};\n\nexport default Error;\n","import React from 'react';\n\nimport Error from './error';\n\ninterface Props {\n children: React.ReactNode;\n fallback?: (message?: string) => React.ReactNode;\n onError?: (e: Error, info: React.ErrorInfo) => void;\n // Values whose identity changing (typically the code/module that produced\n // `children`) should auto-recover a caught error without needing a\n // remount — compared shallowly, one entry at a time, same idea as\n // react-error-boundary's resetKeys. Without this, once tripped, render()\n // never even attempts `children` again (see below), so a fix to the\n // underlying code has no way to reach the screen until this array changes\n // or something remounts the boundary via `key`.\n resetKeys?: readonly unknown[];\n}\n\ninterface State {\n hasError: boolean;\n error?: Error;\n}\n\nclass ErrorBoundary extends React.Component<Props, State> {\n constructor(props: Props) {\n super(props);\n this.state = { hasError: false };\n }\n\n static getDerivedStateFromError(error: Error): State {\n return { hasError: true, error };\n }\n\n componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n console.error('🚨 [Boundary] Rendering error:', error, errorInfo);\n this.props.onError?.(error, errorInfo);\n }\n\n // Safe to reset unconditionally here (no race with a freshly-thrown\n // error): while hasError is true, render() below never attempts\n // `children` at all, so resetting just schedules a follow-up render where\n // `children` gets its first real chance to run with the new resetKeys —\n // if that throws too, getDerivedStateFromError catches it fresh in that\n // later, separate commit.\n componentDidUpdate(prevProps: Props) {\n if (!this.state.hasError) {\n return;\n }\n\n const prevKeys = prevProps.resetKeys ?? [];\n const nextKeys = this.props.resetKeys ?? [];\n const changed =\n prevKeys.length !== nextKeys.length ||\n nextKeys.some((key, i) => key !== prevKeys[i]);\n\n if (changed) {\n this.setState({ hasError: false, error: undefined });\n }\n }\n\n render() {\n if (this.state.hasError) {\n return this.props.fallback ? (\n <>{this.props.fallback(this.state.error?.message)}</>\n ) : (\n <Error\n message={this.state.error?.message}\n onReset={() => this.setState({ hasError: false, error: undefined })}\n title=\"Rendering Error\"\n />\n );\n }\n\n return this.props.children;\n }\n}\n\nexport default ErrorBoundary;\n"],"mappings":";;;;AAQA,MAAM,SAAS,EACb,SACA,QAAQ,qBACR,WACA,cACW;CACX,IAAI,CAAC,SACH,OAAO;CAGT,OACE,qBAAC,OAAD;EACE,WAAW,GAAG,SAAS;EACvB,OAAO;GACL,SAAS;GACT,iBAAiB;GACjB,QAAQ;GACR,cAAc;GACd,OAAO;EACT;EARF,UAAA;GAUE,oBAAC,MAAD;IAAI,OAAO;KAAE,UAAU;KAAQ,YAAY;KAAQ,QAAQ;IAAE;IAC1D,UAAA;GACC,CAAA;GACJ,oBAAC,OAAD;IACE,OAAO;KACL,WAAW;KACX,UAAU;KACV,YAAY;KACZ,QAAQ;IACV;IAEC,UAAA;GACE,CAAA;GACJ,WACC,oBAAC,UAAD;IACE,OAAO;KACL,WAAW;KACX,SAAS;KACT,UAAU;KACV,OAAO;KACP,iBAAiB;KACjB,QAAQ;KACR,cAAc;KACd,QAAQ;IACV;IACA,SAAS;IACV,UAAA;GAEO,CAAA;EAEP;;AAET;;;ACtCA,IAAM,gBAAN,cAA4B,MAAM,UAAwB;CACxD,YAAY,OAAc;EACxB,MAAM,KAAK;EACX,KAAK,QAAQ,EAAE,UAAU,MAAM;CACjC;CAEA,OAAO,yBAAyB,OAAqB;EACnD,OAAO;GAAE,UAAU;GAAM;EAAM;CACjC;CAEA,kBAAkB,OAAc,WAA4B;EAC1D,QAAQ,MAAM,kCAAkC,OAAO,SAAS;EAChE,KAAK,MAAM,UAAU,OAAO,SAAS;CACvC;CAQA,mBAAmB,WAAkB;EACnC,IAAI,CAAC,KAAK,MAAM,UACd;EAGF,MAAM,WAAW,UAAU,aAAa,CAAC;EACzC,MAAM,WAAW,KAAK,MAAM,aAAa,CAAC;EAK1C,IAHE,SAAS,WAAW,SAAS,UAC7B,SAAS,MAAM,KAAK,MAAM,QAAQ,SAAS,EAAE,GAG7C,KAAK,SAAS;GAAE,UAAU;GAAO,OAAO,KAAA;EAAU,CAAC;CAEvD;CAEA,SAAS;EACP,IAAI,KAAK,MAAM,UACb,OAAO,KAAK,MAAM,WAChB,oBAAA,UAAA,EAAA,UAAG,KAAK,MAAM,SAAS,KAAK,MAAM,OAAO,OAAO,EAAI,CAAA,IAEpD,oBAAC,OAAD;GACE,SAAS,KAAK,MAAM,OAAO;GAC3B,eAAe,KAAK,SAAS;IAAE,UAAU;IAAO,OAAO,KAAA;GAAU,CAAC;GAClE,OAAM;EACP,CAAA;EAIL,OAAO,KAAK,MAAM;CACpB;AACF"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { y as DEFAULT_TEMPLATE } from "./document-
|
|
2
|
-
import { n as clearCompilationCache } from "./utils-
|
|
1
|
+
import { y as DEFAULT_TEMPLATE } from "./document-DEx4WyCn.js";
|
|
2
|
+
import { n as clearCompilationCache } from "./utils-CXq1KaM3.js";
|
|
3
3
|
import { n as PreviewContext, t as ErrorContext } from "./states-Ci1AvoQ9.js";
|
|
4
4
|
import { useCallback, useEffect, useMemo, useState } from "react";
|
|
5
5
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -35,4 +35,4 @@ const ContextProvider = ({ children }) => {
|
|
|
35
35
|
//#endregion
|
|
36
36
|
export { ContextProvider as t };
|
|
37
37
|
|
|
38
|
-
//# sourceMappingURL=context-
|
|
38
|
+
//# sourceMappingURL=context-Yb81ZxnN.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context-
|
|
1
|
+
{"version":3,"file":"context-Yb81ZxnN.js","names":[],"sources":["../src/components/context/context.tsx"],"sourcesContent":["'use client';\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { DEFAULT_TEMPLATE } from '~/constants';\nimport { clearCompilationCache } from '~/utils';\n\nimport type { ErrorContextType, PreviewContextType } from './states';\nimport { ErrorContext, PreviewContext } from './states';\n\nconst ContextProvider = ({ children }: { children?: React.ReactNode }) => {\n const [code, setCodeState] = useState(DEFAULT_TEMPLATE);\n const [error, setError] = useState<ErrorContextType['error']>(null);\n\n // Clears any stale runtime/compile error in the same update batch that\n // changes `code`, rather than in a separate useEffect — a useEffect here\n // would race with componentDidCatch/Guard's onError firing for the *new*\n // code's own errors within the same commit (layout effects run before\n // passive effects, so a passive-effect reset could wipe out an error the\n // new code just threw). Batching setError(null) into the same update as\n // setCode guarantees stale errors are gone by the time the new code even\n // renders, with nothing left afterward that could clobber a fresh one.\n const setCode = useCallback<PreviewContextType['setCode']>(next => {\n setError(null);\n setCodeState(next);\n }, []);\n\n useEffect(() => {\n return () => {\n clearCompilationCache();\n };\n }, []);\n\n // Without this, a new object identity on every ContextProvider render\n // (even ones that don't touch code/error at all, e.g. a parent\n // re-rendering) meant every usePreview()/useError() consumer re-rendered\n // too, regardless of whether the values they care about actually changed.\n const previewValue = useMemo<PreviewContextType>(\n () => ({ code, setCode }),\n [code, setCode],\n );\n\n const errorValue = useMemo<ErrorContextType>(\n () => ({ error, setError }),\n [error, setError],\n );\n\n return (\n <PreviewContext.Provider value={previewValue}>\n <ErrorContext.Provider value={errorValue}>\n {children}\n </ErrorContext.Provider>\n </PreviewContext.Provider>\n );\n};\n\nexport default ContextProvider;\n"],"mappings":";;;;;;AAUA,MAAM,mBAAmB,EAAE,eAA+C;CACxE,MAAM,CAAC,MAAM,gBAAgB,SAAS,gBAAgB;CACtD,MAAM,CAAC,OAAO,YAAY,SAAoC,IAAI;CAUlE,MAAM,UAAU,aAA2C,SAAQ;EACjE,SAAS,IAAI;EACb,aAAa,IAAI;CACnB,GAAG,CAAC,CAAC;CAEL,gBAAgB;EACd,aAAa;GACX,sBAAsB;EACxB;CACF,GAAG,CAAC,CAAC;CAML,MAAM,eAAe,eACZ;EAAE;EAAM;CAAQ,IACvB,CAAC,MAAM,OAAO,CAChB;CAEA,MAAM,aAAa,eACV;EAAE;EAAO;CAAS,IACzB,CAAC,OAAO,QAAQ,CAClB;CAEA,OACE,oBAAC,eAAe,UAAhB;EAAyB,OAAO;EAC9B,UAAA,oBAAC,aAAa,UAAd;GAAuB,OAAO;GAC3B;EACoB,CAAA;CACA,CAAA;AAE7B"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as detectTypeScript, r as cn } from "./utils-
|
|
1
|
+
import { a as detectTypeScript, r as cn } from "./utils-CXq1KaM3.js";
|
|
2
2
|
import { useCallback, useMemo, useRef } from "react";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
import { javascript } from "@codemirror/lang-javascript";
|
|
@@ -11192,4 +11192,4 @@ const Core = ({ value, theme, height, className, prettierOptions, fragment, raw,
|
|
|
11192
11192
|
//#endregion
|
|
11193
11193
|
export { useFormatCode as n, Core as t };
|
|
11194
11194
|
|
|
11195
|
-
//# sourceMappingURL=core-
|
|
11195
|
+
//# sourceMappingURL=core-mdFWxqB2.js.map
|