@knighted/jsx 1.5.1 → 1.6.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.
Files changed (55) hide show
  1. package/README.md +1 -0
  2. package/dist/cjs/debug/diagnostics.cjs +57 -0
  3. package/dist/cjs/debug/diagnostics.d.cts +6 -0
  4. package/dist/cjs/debug/index.cjs +7 -0
  5. package/dist/cjs/debug/index.d.cts +2 -0
  6. package/dist/cjs/internal/attribute-resolution.cjs +55 -0
  7. package/dist/cjs/internal/attribute-resolution.d.cts +15 -0
  8. package/dist/cjs/internal/dev-environment.cjs +41 -0
  9. package/dist/cjs/internal/dev-environment.d.cts +4 -0
  10. package/dist/cjs/internal/event-bindings.cjs +93 -0
  11. package/dist/cjs/internal/event-bindings.d.cts +22 -0
  12. package/dist/cjs/internal/template-diagnostics.cjs +171 -0
  13. package/dist/cjs/internal/template-diagnostics.d.cts +13 -0
  14. package/dist/cjs/jsx.cjs +9 -110
  15. package/dist/cjs/loader/jsx.cjs +92 -20
  16. package/dist/cjs/loader/jsx.d.cts +6 -1
  17. package/dist/cjs/node/bootstrap.cjs +19 -19
  18. package/dist/cjs/node/bootstrap.d.cts +2 -1
  19. package/dist/cjs/node/debug/index.cjs +6 -0
  20. package/dist/cjs/node/debug/index.d.cts +2 -0
  21. package/dist/cjs/node/index.cjs +1 -1
  22. package/dist/cjs/react/react-jsx.cjs +1 -1
  23. package/dist/cjs/runtime/shared.cjs +41 -22
  24. package/dist/cjs/runtime/shared.d.cts +5 -2
  25. package/dist/debug/diagnostics.d.ts +6 -0
  26. package/dist/debug/diagnostics.js +52 -0
  27. package/dist/debug/index.d.ts +2 -0
  28. package/dist/debug/index.js +3 -0
  29. package/dist/internal/attribute-resolution.d.ts +15 -0
  30. package/dist/internal/attribute-resolution.js +50 -0
  31. package/dist/internal/dev-environment.d.ts +4 -0
  32. package/dist/internal/dev-environment.js +34 -0
  33. package/dist/internal/event-bindings.d.ts +22 -0
  34. package/dist/internal/event-bindings.js +87 -0
  35. package/dist/internal/template-diagnostics.d.ts +13 -0
  36. package/dist/internal/template-diagnostics.js +167 -0
  37. package/dist/jsx.js +9 -110
  38. package/dist/lite/debug/diagnostics.js +1 -0
  39. package/dist/lite/debug/index.js +8 -0
  40. package/dist/lite/index.js +8 -4
  41. package/dist/lite/node/debug/index.js +8 -0
  42. package/dist/lite/node/index.js +8 -4
  43. package/dist/lite/node/react/index.js +7 -3
  44. package/dist/lite/react/index.js +7 -3
  45. package/dist/loader/jsx.d.ts +6 -1
  46. package/dist/loader/jsx.js +92 -20
  47. package/dist/node/bootstrap.d.ts +2 -1
  48. package/dist/node/bootstrap.js +19 -19
  49. package/dist/node/debug/index.d.ts +2 -0
  50. package/dist/node/debug/index.js +6 -0
  51. package/dist/node/index.js +1 -1
  52. package/dist/react/react-jsx.js +2 -2
  53. package/dist/runtime/shared.d.ts +5 -2
  54. package/dist/runtime/shared.js +39 -21
  55. package/package.json +40 -8
@@ -0,0 +1,34 @@
1
+ const DEV_PREFIX = '@knighted/jsx';
2
+ const formatDevMessage = (message) => `${DEV_PREFIX}: ${message}`;
3
+ export const isDevEnvironment = () => typeof process !== 'undefined' && process.env?.KNIGHTED_JSX_DEBUG === '1';
4
+ export const describeValue = (value) => {
5
+ if (value === null) {
6
+ return 'null';
7
+ }
8
+ if (value === undefined) {
9
+ return 'undefined';
10
+ }
11
+ if (typeof value === 'function') {
12
+ return value.name ? `function ${value.name}` : 'function';
13
+ }
14
+ if (Array.isArray(value)) {
15
+ return 'array';
16
+ }
17
+ if (typeof value === 'object') {
18
+ const ctor = value.constructor;
19
+ if (ctor && typeof ctor.name === 'string' && ctor.name && ctor.name !== 'Object') {
20
+ return `${ctor.name} instance`;
21
+ }
22
+ return 'object';
23
+ }
24
+ return typeof value;
25
+ };
26
+ export const createDevError = (message) => new Error(formatDevMessage(message));
27
+ export const emitDevWarning = (message, force = false) => {
28
+ if (!force && !isDevEnvironment()) {
29
+ return;
30
+ }
31
+ if (typeof console !== 'undefined' && typeof console.warn === 'function') {
32
+ console.warn(formatDevMessage(message));
33
+ }
34
+ };
@@ -0,0 +1,22 @@
1
+ export type EventDiagnosticsHooks = {
2
+ onInvalidHandler?: (propName: string, value: unknown) => void;
3
+ };
4
+ export declare const setEventDiagnosticsHooks: (hooks: EventDiagnosticsHooks | null) => void;
5
+ export type ParsedEventBinding = {
6
+ eventName: string;
7
+ capture: boolean;
8
+ };
9
+ export declare const parseEventPropName: (name: string) => ParsedEventBinding | null;
10
+ export type EventHandlerDescriptor = {
11
+ handler: EventListenerOrEventListenerObject;
12
+ capture?: boolean;
13
+ once?: boolean;
14
+ passive?: boolean;
15
+ signal?: AbortSignal | null;
16
+ options?: AddEventListenerOptions;
17
+ };
18
+ export type ResolvedEventHandler = {
19
+ listener: EventListenerOrEventListenerObject;
20
+ options?: AddEventListenerOptions;
21
+ };
22
+ export declare const resolveEventHandlerValue: (propName: string, value: unknown) => ResolvedEventHandler | null;
@@ -0,0 +1,87 @@
1
+ let eventDiagnostics = null;
2
+ export const setEventDiagnosticsHooks = (hooks) => {
3
+ eventDiagnostics = hooks;
4
+ };
5
+ const captureSuffix = 'Capture';
6
+ const stripCaptureSuffix = (rawName) => {
7
+ if (rawName.endsWith(captureSuffix)) {
8
+ return { eventName: rawName.slice(0, -captureSuffix.length), capture: true };
9
+ }
10
+ return { eventName: rawName, capture: false };
11
+ };
12
+ export const parseEventPropName = (name) => {
13
+ if (!name.startsWith('on')) {
14
+ return null;
15
+ }
16
+ if (name.startsWith('on:')) {
17
+ const raw = name.slice(3);
18
+ if (!raw) {
19
+ return null;
20
+ }
21
+ const parsed = stripCaptureSuffix(raw);
22
+ if (!parsed.eventName) {
23
+ return null;
24
+ }
25
+ return parsed;
26
+ }
27
+ const raw = name.slice(2);
28
+ if (!raw) {
29
+ return null;
30
+ }
31
+ const parsed = stripCaptureSuffix(raw);
32
+ if (!parsed.eventName) {
33
+ return null;
34
+ }
35
+ return {
36
+ eventName: parsed.eventName.toLowerCase(),
37
+ capture: parsed.capture,
38
+ };
39
+ };
40
+ const isEventListenerObject = (value) => {
41
+ if (!value || typeof value !== 'object') {
42
+ return false;
43
+ }
44
+ return ('handleEvent' in value &&
45
+ typeof value.handleEvent === 'function');
46
+ };
47
+ const isEventHandlerDescriptor = (value) => {
48
+ if (!value || typeof value !== 'object' || !('handler' in value)) {
49
+ return false;
50
+ }
51
+ const handler = value.handler;
52
+ if (typeof handler === 'function') {
53
+ return true;
54
+ }
55
+ return isEventListenerObject(handler);
56
+ };
57
+ const throwInvalidHandlerError = (propName, value) => {
58
+ eventDiagnostics?.onInvalidHandler?.(propName, value);
59
+ };
60
+ export const resolveEventHandlerValue = (propName, value) => {
61
+ if (typeof value === 'function' || isEventListenerObject(value)) {
62
+ return { listener: value };
63
+ }
64
+ if (!isEventHandlerDescriptor(value)) {
65
+ throwInvalidHandlerError(propName, value);
66
+ return null;
67
+ }
68
+ const descriptor = value;
69
+ let options = descriptor.options ? { ...descriptor.options } : undefined;
70
+ const assignOption = (key, optionValue) => {
71
+ if (optionValue === undefined || optionValue === null) {
72
+ return;
73
+ }
74
+ if (!options) {
75
+ options = {};
76
+ }
77
+ options[key] = optionValue;
78
+ };
79
+ assignOption('capture', descriptor.capture);
80
+ assignOption('once', descriptor.once);
81
+ assignOption('passive', descriptor.passive);
82
+ assignOption('signal', descriptor.signal ?? undefined);
83
+ return {
84
+ listener: descriptor.handler,
85
+ options,
86
+ };
87
+ };
@@ -0,0 +1,13 @@
1
+ import type { OxcError } from 'oxc-parser';
2
+ export type TemplateExpressionRange = {
3
+ index: number;
4
+ sourceStart: number;
5
+ sourceEnd: number;
6
+ };
7
+ export type TemplateDiagnostics = {
8
+ expressionRanges: TemplateExpressionRange[];
9
+ };
10
+ export type TaggedTemplateFormatOptions = {
11
+ label?: string;
12
+ };
13
+ export declare const formatTaggedTemplateParserError: (tagName: string, templates: TemplateStringsArray, diagnostics: TemplateDiagnostics, error: OxcError, options?: TaggedTemplateFormatOptions) => string;
@@ -0,0 +1,167 @@
1
+ const DEFAULT_LABEL = 'oxc-parser';
2
+ const buildTemplateDisplaySource = (templates) => {
3
+ const raw = templates.raw ?? templates;
4
+ let source = raw[0] ?? '';
5
+ const spans = [];
6
+ for (let idx = 0; idx < raw.length - 1; idx++) {
7
+ const label = '${expr#' + idx + '}';
8
+ const templateStart = source.length;
9
+ source += label;
10
+ const templateEnd = source.length;
11
+ spans.push({ index: idx, templateStart, templateEnd, label });
12
+ source += raw[idx + 1] ?? '';
13
+ }
14
+ return { source, spans };
15
+ };
16
+ const combineExpressionSpans = (diagnostics, templateSpans) => {
17
+ const templateSpanMap = new Map();
18
+ templateSpans.forEach(span => {
19
+ templateSpanMap.set(span.index, span);
20
+ });
21
+ return diagnostics.expressionRanges
22
+ .map(span => {
23
+ const templateSpan = templateSpanMap.get(span.index);
24
+ if (!templateSpan) {
25
+ return null;
26
+ }
27
+ const sourceLength = Math.max(0, span.sourceEnd - span.sourceStart);
28
+ const templateLength = Math.max(0, templateSpan.templateEnd - templateSpan.templateStart);
29
+ return {
30
+ sourceStart: span.sourceStart,
31
+ sourceEnd: span.sourceEnd,
32
+ templateStart: templateSpan.templateStart,
33
+ templateEnd: templateSpan.templateEnd,
34
+ delta: templateLength - sourceLength,
35
+ };
36
+ })
37
+ .filter((span) => Boolean(span))
38
+ .sort((a, b) => a.sourceStart - b.sourceStart);
39
+ };
40
+ const mapIndexToTemplate = (index, spans, templateLength) => {
41
+ if (!Number.isFinite(index) || index <= 0) {
42
+ return 0;
43
+ }
44
+ let delta = 0;
45
+ for (const span of spans) {
46
+ if (index < span.sourceStart) {
47
+ break;
48
+ }
49
+ if (index < span.sourceEnd) {
50
+ const relative = Math.max(0, index - span.sourceStart);
51
+ const templateSpanLength = Math.max(0, span.templateEnd - span.templateStart);
52
+ if (templateSpanLength === 0) {
53
+ return span.templateStart;
54
+ }
55
+ const clamped = Math.min(relative, Math.max(0, templateSpanLength - 1));
56
+ return span.templateStart + clamped;
57
+ }
58
+ delta += span.delta;
59
+ }
60
+ const mapped = index + delta;
61
+ if (mapped <= 0) {
62
+ return 0;
63
+ }
64
+ if (mapped >= templateLength) {
65
+ return templateLength;
66
+ }
67
+ return mapped;
68
+ };
69
+ const getLineAndColumnFromIndex = (source, index) => {
70
+ const limit = Math.max(0, Math.min(index, source.length));
71
+ let line = 1;
72
+ let column = 1;
73
+ for (let idx = 0; idx < limit; idx++) {
74
+ if (source.charCodeAt(idx) === 10) {
75
+ line++;
76
+ column = 1;
77
+ continue;
78
+ }
79
+ column++;
80
+ }
81
+ return { line, column };
82
+ };
83
+ const computeLineOffsets = (lines) => {
84
+ const offsets = [];
85
+ let cursor = 0;
86
+ lines.forEach((line, index) => {
87
+ offsets.push(cursor);
88
+ cursor += line.length;
89
+ if (index < lines.length - 1) {
90
+ cursor += 1;
91
+ }
92
+ });
93
+ return offsets;
94
+ };
95
+ const createPointerLine = (lineNumber, lineText, lineStartOffset, rangeStart, rangeEnd, startLine, endLine) => {
96
+ const lineEndOffset = lineStartOffset + lineText.length;
97
+ const overlapStart = Math.max(rangeStart, lineStartOffset);
98
+ const overlapEnd = Math.min(rangeEnd, lineEndOffset);
99
+ if (overlapEnd > overlapStart) {
100
+ const pointerStart = Math.max(0, overlapStart - lineStartOffset);
101
+ const pointerWidth = Math.max(1, overlapEnd - overlapStart);
102
+ return ' '.repeat(pointerStart) + '^'.repeat(pointerWidth);
103
+ }
104
+ if (lineText.length === 0 && lineNumber >= startLine && lineNumber <= endLine) {
105
+ return '^';
106
+ }
107
+ if (lineNumber === startLine) {
108
+ const caretPos = Math.max(0, rangeStart - lineStartOffset);
109
+ return ' '.repeat(Math.min(caretPos, lineText.length)) + '^';
110
+ }
111
+ return '';
112
+ };
113
+ const buildCodeFrame = (source, start, end, startLine, endLine) => {
114
+ if (!source.length) {
115
+ return '';
116
+ }
117
+ const lines = source.split('\n');
118
+ const offsets = computeLineOffsets(lines);
119
+ const frameStart = Math.max(1, startLine - 1);
120
+ const frameEnd = Math.min(lines.length, endLine + 1);
121
+ const gutterWidth = String(frameEnd).length;
122
+ const frame = [];
123
+ for (let lineNumber = frameStart; lineNumber <= frameEnd; lineNumber++) {
124
+ const lineText = lines[lineNumber - 1] ?? '';
125
+ const gutter = String(lineNumber).padStart(gutterWidth, ' ');
126
+ frame.push(`${gutter} | ${lineText}`);
127
+ const pointer = createPointerLine(lineNumber, lineText, offsets[lineNumber - 1] ?? 0, start, end, startLine, endLine);
128
+ if (pointer) {
129
+ frame.push(`${' '.repeat(gutterWidth)} | ${pointer}`);
130
+ }
131
+ }
132
+ return frame.join('\n');
133
+ };
134
+ export const formatTaggedTemplateParserError = (tagName, templates, diagnostics, error, options) => {
135
+ const label = options?.label ?? DEFAULT_LABEL;
136
+ const fallback = `[${label}] ${error.message}`;
137
+ const primaryLabel = error.labels?.[0];
138
+ if (!primaryLabel) {
139
+ return fallback;
140
+ }
141
+ const { source: templateSource, spans } = buildTemplateDisplaySource(templates);
142
+ const combinedSpans = combineExpressionSpans(diagnostics, spans);
143
+ const mapIndex = (value) => {
144
+ const numeric = typeof value === 'number' ? value : 0;
145
+ return mapIndexToTemplate(numeric, combinedSpans, templateSource.length);
146
+ };
147
+ const startIndex = mapIndex(primaryLabel.start);
148
+ let endIndex = mapIndex(primaryLabel.end);
149
+ if (endIndex <= startIndex) {
150
+ endIndex = Math.min(templateSource.length, startIndex + 1);
151
+ }
152
+ const startLocation = getLineAndColumnFromIndex(templateSource, startIndex);
153
+ const endLocation = getLineAndColumnFromIndex(templateSource, Math.max(startIndex, endIndex - 1));
154
+ const codeframe = buildCodeFrame(templateSource, startIndex, endIndex, startLocation.line, endLocation.line);
155
+ let message = `[${label}] ${error.message}`;
156
+ message += `\n--> ${tagName} template:${startLocation.line}:${startLocation.column}`;
157
+ if (primaryLabel.message) {
158
+ message += `\n${primaryLabel.message}`;
159
+ }
160
+ if (codeframe) {
161
+ message += `\n${codeframe}`;
162
+ }
163
+ if (error.helpMessage) {
164
+ message += `\n${error.helpMessage}`;
165
+ }
166
+ return message;
167
+ };
package/dist/jsx.js CHANGED
@@ -1,6 +1,8 @@
1
1
  import { parseSync } from 'oxc-parser';
2
- import { buildTemplate, evaluateExpression, extractRootNode, formatParserError, getIdentifierName, normalizeJsxTextSegments, parserOptions, } from './runtime/shared.js';
2
+ import { buildTemplate, evaluateExpression, extractRootNode, formatTaggedTemplateParserError, getIdentifierName, normalizeJsxTextSegments, parserOptions, } from './runtime/shared.js';
3
3
  import { find as findPropertyInfo, html as htmlProperties, svg as svgProperties, } from 'property-information';
4
+ import { createResolveAttributes, } from './internal/attribute-resolution.js';
5
+ import { parseEventPropName, resolveEventHandlerValue, } from './internal/event-bindings.js';
4
6
  const ensureDomAvailable = () => {
5
7
  if (typeof document === 'undefined' || typeof document.createElement !== 'function') {
6
8
  throw new Error('The jsx template tag requires a DOM-like environment (document missing).');
@@ -68,85 +70,6 @@ const shouldAssignProperty = (element, namespace, info) => {
68
70
  }
69
71
  return info.property in element;
70
72
  };
71
- const captureSuffix = 'Capture';
72
- const stripCaptureSuffix = (rawName) => {
73
- if (rawName.endsWith(captureSuffix) && rawName.length > captureSuffix.length) {
74
- return { eventName: rawName.slice(0, -captureSuffix.length), capture: true };
75
- }
76
- return { eventName: rawName, capture: false };
77
- };
78
- const parseEventPropName = (name) => {
79
- if (!name.startsWith('on')) {
80
- return null;
81
- }
82
- if (name.startsWith('on:')) {
83
- const raw = name.slice(3);
84
- if (!raw) {
85
- return null;
86
- }
87
- const parsed = stripCaptureSuffix(raw);
88
- if (!parsed.eventName) {
89
- return null;
90
- }
91
- return parsed;
92
- }
93
- const raw = name.slice(2);
94
- if (!raw) {
95
- return null;
96
- }
97
- const parsed = stripCaptureSuffix(raw);
98
- if (!parsed.eventName) {
99
- return null;
100
- }
101
- return {
102
- eventName: parsed.eventName.toLowerCase(),
103
- capture: parsed.capture,
104
- };
105
- };
106
- const isEventListenerObject = (value) => {
107
- if (!value || typeof value !== 'object') {
108
- return false;
109
- }
110
- return ('handleEvent' in value &&
111
- typeof value.handleEvent === 'function');
112
- };
113
- const isEventHandlerDescriptor = (value) => {
114
- if (!value || typeof value !== 'object' || !('handler' in value)) {
115
- return false;
116
- }
117
- const handler = value.handler;
118
- if (typeof handler === 'function') {
119
- return true;
120
- }
121
- return isEventListenerObject(handler);
122
- };
123
- const resolveEventHandlerValue = (value) => {
124
- if (typeof value === 'function' || isEventListenerObject(value)) {
125
- return { listener: value };
126
- }
127
- if (!isEventHandlerDescriptor(value)) {
128
- return null;
129
- }
130
- const descriptor = value;
131
- let options = descriptor.options ? { ...descriptor.options } : undefined;
132
- const assignOption = (key, optionValue) => {
133
- if (optionValue === undefined || optionValue === null) {
134
- return;
135
- }
136
- if (!options) {
137
- options = {};
138
- }
139
- options[key] = optionValue;
140
- };
141
- assignOption('capture', descriptor.capture);
142
- assignOption('once', descriptor.once);
143
- assignOption('passive', descriptor.passive);
144
- assignOption('signal', descriptor.signal ?? undefined);
145
- return {
146
- listener: descriptor.handler,
147
- options,
148
- };
149
- };
150
73
  const setDomProp = (element, name, value, namespace) => {
151
74
  if (value === null || value === undefined) {
152
75
  return;
@@ -190,7 +113,7 @@ const setDomProp = (element, name, value, namespace) => {
190
113
  }
191
114
  const eventBinding = parseEventPropName(name);
192
115
  if (eventBinding) {
193
- const handlerValue = resolveEventHandlerValue(value);
116
+ const handlerValue = resolveEventHandlerValue(name, value);
194
117
  if (handlerValue) {
195
118
  let options = handlerValue.options ? { ...handlerValue.options } : undefined;
196
119
  if (eventBinding.capture) {
@@ -285,34 +208,10 @@ const appendChildValue = (parent, value) => {
285
208
  parent.appendChild(document.createTextNode(String(value)));
286
209
  };
287
210
  const evaluateExpressionWithNamespace = (expression, ctx, namespace) => evaluateExpression(expression, ctx, node => evaluateJsxNode(node, ctx, namespace));
288
- const resolveAttributes = (attributes, ctx, namespace) => {
289
- const props = {};
290
- attributes.forEach(attribute => {
291
- if (attribute.type === 'JSXSpreadAttribute') {
292
- const spreadValue = evaluateExpressionWithNamespace(attribute.argument, ctx, namespace);
293
- if (spreadValue && typeof spreadValue === 'object' && !Array.isArray(spreadValue)) {
294
- Object.assign(props, spreadValue);
295
- }
296
- return;
297
- }
298
- const name = getIdentifierName(attribute.name);
299
- if (!attribute.value) {
300
- props[name] = true;
301
- return;
302
- }
303
- if (attribute.value.type === 'Literal') {
304
- props[name] = attribute.value.value;
305
- return;
306
- }
307
- if (attribute.value.type === 'JSXExpressionContainer') {
308
- if (attribute.value.expression.type === 'JSXEmptyExpression') {
309
- return;
310
- }
311
- props[name] = evaluateExpressionWithNamespace(attribute.value.expression, ctx, namespace);
312
- }
313
- });
314
- return props;
315
- };
211
+ const resolveAttributes = createResolveAttributes({
212
+ getIdentifierName,
213
+ evaluateExpressionWithNamespace,
214
+ });
316
215
  const applyDomAttributes = (element, attributes, ctx, namespace) => {
317
216
  const props = resolveAttributes(attributes, ctx, namespace);
318
217
  Object.entries(props).forEach(([name, value]) => {
@@ -409,7 +308,7 @@ export const jsx = (templates, ...values) => {
409
308
  const build = buildTemplate(templates, values);
410
309
  const result = parseSync('inline.jsx', build.source, parserOptions);
411
310
  if (result.errors.length > 0) {
412
- throw new Error(formatParserError(result.errors[0]));
311
+ throw new Error(formatTaggedTemplateParserError('jsx', templates, build.diagnostics, result.errors[0]));
413
312
  }
414
313
  const root = extractRootNode(result.program);
415
314
  const ctx = {
@@ -0,0 +1 @@
1
+ var k=e=>{e?.mode??"env";},A=()=>{};export{A as disableJsxDebugDiagnostics,k as enableJsxDebugDiagnostics};
@@ -0,0 +1,8 @@
1
+ import {parseSync}from'oxc-parser';import {find,svg,html}from'property-information';var T=null,$=e=>{T=e;},oe=e=>{T?.warnLowercaseEventProp?.(e);},se=e=>{T?.ensureValidDangerouslySetInnerHTML?.(e);},P=e=>{let{getIdentifierName:t,evaluateExpressionWithNamespace:n}=e;return (r,o,s)=>{let i={},p=(a,c)=>{a==="dangerouslySetInnerHTML"&&se(c),i[a]=c;};return r.forEach(a=>{if(a.type==="JSXSpreadAttribute"){let l=n(a.argument,o,s);l&&typeof l=="object"&&!Array.isArray(l)&&Object.assign(i,l);return}let c=t(a.name);if(oe(c),!a.value){p(c,true);return}if(a.value.type==="Literal"){p(c,a.value.value);return}if(a.value.type==="JSXExpressionContainer"){if(a.value.expression.type==="JSXEmptyExpression")return;p(c,n(a.value.expression,o,s));}}),i}};var L=null,O=e=>{L=e;},j="Capture",I=e=>e.endsWith(j)?{eventName:e.slice(0,-j.length),capture:true}:{eventName:e,capture:false},_=e=>{if(!e.startsWith("on"))return null;if(e.startsWith("on:")){let r=e.slice(3);if(!r)return null;let o=I(r);return o.eventName?o:null}let t=e.slice(2);if(!t)return null;let n=I(t);return n.eventName?{eventName:n.eventName.toLowerCase(),capture:n.capture}:null},H=e=>!e||typeof e!="object"?false:"handleEvent"in e&&typeof e.handleEvent=="function",ae=e=>{if(!e||typeof e!="object"||!("handler"in e))return false;let t=e.handler;return typeof t=="function"?true:H(t)},ie=(e,t)=>{L?.onInvalidHandler?.(e,t);},F=(e,t)=>{if(typeof t=="function"||H(t))return {listener:t};if(!ae(t))return ie(e,t),null;let n=t,r=n.options?{...n.options}:void 0,o=(s,i)=>{i!=null&&(r||(r={}),r[s]=i);};return o("capture",n.capture),o("once",n.once),o("passive",n.passive),o("signal",n.signal??void 0),{listener:n.handler,options:r}};var pe="@knighted/jsx",B=e=>`${pe}: ${e}`,J=()=>typeof process<"u"&&process.env?.KNIGHTED_JSX_DEBUG==="1",C=e=>{if(e===null)return "null";if(e===void 0)return "undefined";if(typeof e=="function")return e.name?`function ${e.name}`:"function";if(Array.isArray(e))return "array";if(typeof e=="object"){let t=e.constructor;return t&&typeof t.name=="string"&&t.name&&t.name!=="Object"?`${t.name} instance`:"object"}return typeof e},b=e=>new Error(B(e)),W=(e,t=false)=>{!t&&!J()||typeof console<"u"&&typeof console.warn=="function"&&console.warn(B(e));};var ce=e=>e>="a"&&e<="z",S="env",A=()=>S==="always"||S==="env"&&J(),le=()=>S==="always",me={warnLowercaseEventProp(e){if(!A()||!e.startsWith("on")||e.startsWith("on:")||e.length<3)return;let t=e[2]??"";if(!ce(t))return;let n=`${e.slice(0,2)}${t.toUpperCase()}${e.slice(3)}`;W(`Use camelCase DOM event props when targeting runtime jsx templates. Received "${e}"; did you mean "${n}"?`,le());},ensureValidDangerouslySetInnerHTML(e){if(!A())return;if(!e||typeof e!="object"||Array.isArray(e))throw b("dangerouslySetInnerHTML expects an object with a string __html field.");let t=e.__html;if(typeof t!="string")throw b(`dangerouslySetInnerHTML.__html must be a string but received ${C(t)}.`)}},ue={onInvalidHandler(e,t){if(A())throw b(`The "${e}" prop expects a function, EventListenerObject, or descriptor ({ handler }) but received ${C(t)}.`)}},V=e=>{S=e?.mode,$(me),O(ue);};var de="oxc-parser",ge=e=>{let t=e.raw??e,n=t[0]??"",r=[];for(let o=0;o<t.length-1;o++){let s="${expr#"+o+"}",i=n.length;n+=s;let p=n.length;r.push({index:o,templateStart:i,templateEnd:p,label:s}),n+=t[o+1]??"";}return {source:n,spans:r}},fe=(e,t)=>{let n=new Map;return t.forEach(r=>{n.set(r.index,r);}),e.expressionRanges.map(r=>{let o=n.get(r.index);if(!o)return null;let s=Math.max(0,r.sourceEnd-r.sourceStart),i=Math.max(0,o.templateEnd-o.templateStart);return {sourceStart:r.sourceStart,sourceEnd:r.sourceEnd,templateStart:o.templateStart,templateEnd:o.templateEnd,delta:i-s}}).filter(r=>!!r).sort((r,o)=>r.sourceStart-o.sourceStart)},xe=(e,t,n)=>{if(!Number.isFinite(e)||e<=0)return 0;let r=0;for(let s of t){if(e<s.sourceStart)break;if(e<s.sourceEnd){let i=Math.max(0,e-s.sourceStart),p=Math.max(0,s.templateEnd-s.templateStart);if(p===0)return s.templateStart;let a=Math.min(i,Math.max(0,p-1));return s.templateStart+a}r+=s.delta;}let o=e+r;return o<=0?0:o>=n?n:o},U=(e,t)=>{let n=Math.max(0,Math.min(t,e.length)),r=1,o=1;for(let s=0;s<n;s++){if(e.charCodeAt(s)===10){r++,o=1;continue}o++;}return {line:r,column:o}},ye=e=>{let t=[],n=0;return e.forEach((r,o)=>{t.push(n),n+=r.length,o<e.length-1&&(n+=1);}),t},Ee=(e,t,n,r,o,s,i)=>{let p=n+t.length,a=Math.max(r,n),c=Math.min(o,p);if(c>a){let l=Math.max(0,a-n),u=Math.max(1,c-a);return " ".repeat(l)+"^".repeat(u)}if(t.length===0&&e>=s&&e<=i)return "^";if(e===s){let l=Math.max(0,r-n);return " ".repeat(Math.min(l,t.length))+"^"}return ""},he=(e,t,n,r,o)=>{if(!e.length)return "";let s=e.split(`
2
+ `),i=ye(s),p=Math.max(1,r-1),a=Math.min(s.length,o+1),c=String(a).length,l=[];for(let u=p;u<=a;u++){let d=s[u-1]??"",m=String(u).padStart(c," ");l.push(`${m} | ${d}`);let g=Ee(u,d,i[u-1]??0,t,n,r,o);g&&l.push(`${" ".repeat(c)} | ${g}`);}return l.join(`
3
+ `)},k=(e,t,n,r,o)=>{let s=de,i=`[${s}] ${r.message}`,p=r.labels?.[0];if(!p)return i;let{source:a,spans:c}=ge(t),l=fe(n,c),u=y=>xe(typeof y=="number"?y:0,l,a.length),d=u(p.start),m=u(p.end);m<=d&&(m=Math.min(a.length,d+1));let g=U(a,d),x=U(a,Math.max(d,m-1)),h=he(a,d,m,g.line,x.line),f=`[${s}] ${r.message}`;return f+=`
4
+ --> ${e} template:${g.line}:${g.column}`,p.message&&(f+=`
5
+ ${p.message}`),h&&(f+=`
6
+ ${h}`),r.helpMessage&&(f+=`
7
+ ${r.helpMessage}`),f};var be=/<\s*$/,Se=/<\/\s*$/,K="__KX_EXPR__",z=new RegExp(`${K}\\d+_\\d+__`,"g"),we=0;var G={lang:"jsx",sourceType:"module",range:true,preserveParens:true},Z=e=>{for(let t of e.body)if(t.type==="ExpressionStatement"){let n=t.expression;if(n.type==="JSXElement"||n.type==="JSXFragment")return n}throw new Error("The jsx template must contain a single JSX element or fragment.")},w=e=>{switch(e.type){case "JSXIdentifier":return e.name;case "JSXNamespacedName":return `${e.namespace.name}:${e.name.name}`;case "JSXMemberExpression":return `${w(e.object)}.${e.property.name}`;default:return ""}},v=(e,t)=>{if(!e||typeof e!="object")return;let n=e;typeof n.type=="string"&&(t(n),Object.values(n).forEach(r=>{if(r){if(Array.isArray(r)){r.forEach(o=>v(o,t));return}typeof r=="object"&&v(r,t);}}));},q=(e,t)=>{let n=e.replace(/\r/g,"").replace(/\n\s+/g," "),r=e.match(/^\s*/)?.[0]??"",o=e.match(/\s*$/)?.[0]??"",s=/\n/.test(r),i=/\n/.test(o),p=n;if(s&&(p=p.replace(/^\s+/,"")),i&&(p=p.replace(/\s+$/,"")),p.length===0||p.trim().length===0)return [];let a=[];z.lastIndex=0;let c=0,l;for(;l=z.exec(p);){let d=l.index,m=p.slice(c,d);m&&a.push(m);let g=l[0];t.has(g)?a.push(t.get(g)):a.push(g),c=d+g.length;}let u=p.slice(c);return u&&a.push(u),a},Te=(e,t)=>{let n=new Set;return v(e,r=>{r.type==="Identifier"&&t.placeholders.has(r.name)&&n.add(r.name);}),Array.from(n)},Q=(e,t,n)=>{if(e.type==="JSXElement"||e.type==="JSXFragment")return n(e);if(!("range"in e)||!e.range)throw new Error("Unable to evaluate expression: missing source range information.");let[r,o]=e.range,s=t.source.slice(r,o),i=Te(e,t);try{let p=new Function(...i,`"use strict"; return (${s});`),a=i.map(c=>t.placeholders.get(c));return p(...a)}catch(p){throw new Error(`Failed to evaluate expression ${s}: ${p.message}`)}},Je=e=>{let t=e.replace(/[^a-zA-Z0-9_$]/g,"");return t?/[A-Za-z_$]/.test(t[0])?t:`Component${t}`:"Component"},Ce=(e,t,n)=>{let r=n.get(e);if(r)return r;let o=e.displayName||e.name||`Component${t.length}`,s=Je(o??""),i=s,p=1;for(;t.some(c=>c.name===i);)i=`${s}${p++}`;let a={name:i,value:e};return t.push(a),n.set(e,a),a},Y=(e,t)=>{let n=e.raw??e,r=new Map,o=[],s=new Map,i=n[0]??"",p=we++,a=0,c=[];for(let l=0;l<t.length;l++){let u=n[l]??"",d=n[l+1]??"",m=t[l],g=be.test(u)||Se.test(u),x;if(g&&typeof m=="function")x=Ce(m,o,s).name;else if(g&&typeof m=="string")x=m;else {let y=`${K}${p}_${a++}__`;r.set(y,m),x=y;}let h=i.length;i+=x;let f=i.length;c.push({index:l,sourceStart:h,sourceEnd:f}),i+=d;}return {source:i,placeholders:r,bindings:o,diagnostics:{expressionRanges:c}}};var Ne=()=>{if(typeof document>"u"||typeof document.createElement!="function")throw new Error("The jsx template tag requires a DOM-like environment (document missing).")},Xe=e=>typeof Node>"u"?false:e instanceof Node||e instanceof DocumentFragment,Re=e=>!e||typeof e=="string"?false:typeof e[Symbol.iterator]=="function",te=e=>!e||typeof e!="object"&&typeof e!="function"?false:typeof e.then=="function",Me={xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace",xmlns:"http://www.w3.org/2000/xmlns/"},ne=e=>{if(!(!e||e==="html"||e==="svg"))return Me[e]},$e=e=>e==="svg"?svg:html,D=(e,t,n)=>{let r=ne(t.space),o=String(n);if(r){e.setAttributeNS(r,t.attribute,o);return}e.setAttribute(t.attribute,o);},ee=(e,t)=>{let n=ne(t.space);if(n){e.removeAttributeNS(n,t.attribute);return}e.removeAttribute(t.attribute);},N=(e,t)=>Array.isArray(e)?e.filter(Boolean).join(t):e,Pe=(e,t,n)=>t==="svg"||!n.property||n.property.includes(":")?false:n.property in e,je=(e,t,n,r)=>{if(n==null)return;if(t==="dangerouslySetInnerHTML"&&typeof n=="object"&&n&&"__html"in n){e.innerHTML=String(n.__html??"");return}if(t==="ref"){if(typeof n=="function"){n(e);return}if(n&&typeof n=="object"){n.current=e;return}}if(t==="style"&&typeof n=="object"&&n!==null){let c=n,l=e.style;if(!l)return;let u=l;Object.entries(c).forEach(([d,m])=>{if(m!=null){if(d.startsWith("--")){l.setProperty(d,String(m));return}u[d]=m;}});return}let o=_(t);if(o){let c=F(t,n);if(c){let l=c.options?{...c.options}:void 0;o.capture&&(l?l.capture=true:l={capture:true}),e.addEventListener(o.eventName,c.listener,l);return}}let s=find($e(r),t),i=e,p=Pe(e,r,s);if(s.mustUseProperty){let c=s.boolean?!!n:n;i[s.property]=c;return}if(s.boolean){let c=!!n;p&&(i[s.property]=c),c?D(e,s,""):ee(e,s);return}let a=n;if(s.spaceSeparated?a=N(n," "):s.commaSeparated?a=N(n,","):s.commaOrSpaceSeparated&&(a=N(n," ")),s.booleanish&&typeof a=="boolean"&&(a=a?"true":"false"),s.overloadedBoolean){if(a===false){ee(e,s);return}if(a===true){D(e,s,"");return}}if(p){i[s.property]=a;return}a!==false&&D(e,s,a);},E=(e,t)=>{if(t!=null&&typeof t!="boolean"){if(te(t))throw new Error("Async values are not supported inside jsx template results.");if(Array.isArray(t)){t.forEach(n=>E(e,n));return}if(Re(t)){for(let n of t)E(e,n);return}if(Xe(t)){e.appendChild(t);return}e.appendChild(document.createTextNode(String(t)));}},X=(e,t,n)=>Q(e,t,r=>M(r,t,n)),re=P({getIdentifierName:w,evaluateExpressionWithNamespace:X}),Ie=(e,t,n,r)=>{let o=re(t,n,r);Object.entries(o).forEach(([s,i])=>{if(s!=="key"){if(s==="children"){E(e,i);return}je(e,s,i,r);}});},R=(e,t,n)=>{let r=[];return e.forEach(o=>{switch(o.type){case "JSXText":{q(o.value,t.placeholders).forEach(i=>{r.push(i);});break}case "JSXExpressionContainer":{if(o.expression.type==="JSXEmptyExpression")break;r.push(X(o.expression,t,n));break}case "JSXSpreadChild":{let s=X(o.expression,t,n);s!=null&&r.push(s);break}case "JSXElement":case "JSXFragment":{r.push(M(o,t,n));break}}}),r},Le=(e,t,n,r)=>{let o=re(e.openingElement.attributes,t,r),s=R(e.children,t,r);s.length===1?o.children=s[0]:s.length>1&&(o.children=s);let i=n(o);if(te(i))throw new Error("Async jsx components are not supported.");return i},Oe=(e,t,n)=>{let r=e.openingElement,o=w(r.name),s=t.components.get(o);if(s)return Le(e,t,s,n);if(/[A-Z]/.test(o[0]??""))throw new Error(`Unknown component "${o}". Did you interpolate it with the template literal?`);let i=o==="svg"?"svg":n,p=o==="foreignObject"?null:i,a=i==="svg"?document.createElementNS("http://www.w3.org/2000/svg",o):document.createElement(o);return Ie(a,r.attributes,t,i),R(e.children,t,p).forEach(l=>E(a,l)),a},M=(e,t,n)=>{if(e.type==="JSXFragment"){let r=document.createDocumentFragment();return R(e.children,t,n).forEach(s=>E(r,s)),r}return Oe(e,t,n)},_e=(e,...t)=>{Ne();let n=Y(e,t),r=parseSync("inline.jsx",n.source,G);if(r.errors.length>0)throw new Error(k("jsx",e,n.diagnostics,r.errors[0]));let o=Z(r.program),s={source:n.source,placeholders:n.placeholders,components:new Map(n.bindings.map(i=>[i.name,i.value]))};return M(o,s,null)};V({mode:"always"});
8
+ export{_e as jsx};
@@ -1,4 +1,8 @@
1
- import {parseSync}from'oxc-parser';import {find,svg,html}from'property-information';var F=/<\s*$/,B=/<\/\s*$/,T="__KX_EXPR__",C=new RegExp(`${T}\\d+_\\d+__`,"g"),M=0,N={lang:"jsx",sourceType:"module",range:true,preserveParens:true},A=e=>{let n=`[oxc-parser] ${e.message}`;if(e.labels?.length){let t=e.labels[0];t.message&&(n+=`
2
- ${t.message}`);}return e.codeframe&&(n+=`
3
- ${e.codeframe}`),n},k=e=>{for(let n of e.body)if(n.type==="ExpressionStatement"){let t=n.expression;if(t.type==="JSXElement"||t.type==="JSXFragment")return t}throw new Error("The jsx template must contain a single JSX element or fragment.")},y=e=>{switch(e.type){case "JSXIdentifier":return e.name;case "JSXNamespacedName":return `${e.namespace.name}:${e.name.name}`;case "JSXMemberExpression":return `${y(e.object)}.${e.property.name}`;default:return ""}},E=(e,n)=>{if(!e||typeof e!="object")return;let t=e;typeof t.type=="string"&&(n(t),Object.values(t).forEach(r=>{if(r){if(Array.isArray(r)){r.forEach(o=>E(o,n));return}typeof r=="object"&&E(r,n);}}));},X=(e,n)=>{let t=e.replace(/\r/g,"").replace(/\n\s+/g," "),r=e.match(/^\s*/)?.[0]??"",o=e.match(/\s*$/)?.[0]??"",s=/\n/.test(r),a=/\n/.test(o),c=t;if(s&&(c=c.replace(/^\s+/,"")),a&&(c=c.replace(/\s+$/,"")),c.length===0||c.trim().length===0)return [];let i=[];C.lastIndex=0;let p=0,l;for(;l=C.exec(c);){let u=l.index,m=c.slice(p,u);m&&i.push(m);let f=l[0];n.has(f)?i.push(n.get(f)):i.push(f),p=u+f.length;}let d=c.slice(p);return d&&i.push(d),i},D=(e,n)=>{let t=new Set;return E(e,r=>{r.type==="Identifier"&&n.placeholders.has(r.name)&&t.add(r.name);}),Array.from(t)},P=(e,n,t)=>{if(e.type==="JSXElement"||e.type==="JSXFragment")return t(e);if(!("range"in e)||!e.range)throw new Error("Unable to evaluate expression: missing source range information.");let[r,o]=e.range,s=n.source.slice(r,o),a=D(e,n);try{let c=new Function(...a,`"use strict"; return (${s});`),i=a.map(p=>n.placeholders.get(p));return c(...i)}catch(c){throw new Error(`Failed to evaluate expression ${s}: ${c.message}`)}},W=e=>{let n=e.replace(/[^a-zA-Z0-9_$]/g,"");return n?/[A-Za-z_$]/.test(n[0])?n:`Component${n}`:"Component"},H=(e,n,t)=>{let r=t.get(e);if(r)return r;let o=e.displayName||e.name||`Component${n.length}`,s=W(o??""),a=s,c=1;for(;n.some(p=>p.name===a);)a=`${s}${c++}`;let i={name:a,value:e};return n.push(i),t.set(e,i),i},R=(e,n)=>{let t=e.raw??e,r=new Map,o=[],s=new Map,a=t[0]??"",c=M++,i=0;for(let p=0;p<n.length;p++){let l=t[p]??"",d=t[p+1]??"",u=n[p],m=F.test(l)||B.test(l);if(m&&typeof u=="function"){let $=H(u,o,s);a+=$.name+d;continue}if(m&&typeof u=="string"){a+=u+d;continue}let f=`${T}${c}_${i++}__`;r.set(f,u),a+=f+d;}return {source:a,placeholders:r,bindings:o}};var Z=()=>{if(typeof document>"u"||typeof document.createElement!="function")throw new Error("The jsx template tag requires a DOM-like environment (document missing).")},G=e=>typeof Node>"u"?false:e instanceof Node||e instanceof DocumentFragment,q=e=>!e||typeof e=="string"?false:typeof e[Symbol.iterator]=="function",v=e=>!e||typeof e!="object"&&typeof e!="function"?false:typeof e.then=="function",Q={xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace",xmlns:"http://www.w3.org/2000/xmlns/"},I=e=>{if(!(!e||e==="html"||e==="svg"))return Q[e]},Y=e=>e==="svg"?svg:html,h=(e,n,t)=>{let r=I(n.space),o=String(t);if(r){e.setAttributeNS(r,n.attribute,o);return}e.setAttribute(n.attribute,o);},j=(e,n)=>{let t=I(n.space);if(t){e.removeAttributeNS(t,n.attribute);return}e.removeAttribute(n.attribute);},b=(e,n)=>Array.isArray(e)?e.filter(Boolean).join(n):e,ee=(e,n,t)=>n==="svg"||!t.property||t.property.includes(":")?false:t.property in e,S="Capture",O=e=>e.endsWith(S)&&e.length>S.length?{eventName:e.slice(0,-S.length),capture:true}:{eventName:e,capture:false},ne=e=>{if(!e.startsWith("on"))return null;if(e.startsWith("on:")){let r=e.slice(3);if(!r)return null;let o=O(r);return o.eventName?o:null}let n=e.slice(2);if(!n)return null;let t=O(n);return t.eventName?{eventName:t.eventName.toLowerCase(),capture:t.capture}:null},L=e=>!e||typeof e!="object"?false:"handleEvent"in e&&typeof e.handleEvent=="function",te=e=>{if(!e||typeof e!="object"||!("handler"in e))return false;let n=e.handler;return typeof n=="function"?true:L(n)},re=e=>{if(typeof e=="function"||L(e))return {listener:e};if(!te(e))return null;let n=e,t=n.options?{...n.options}:void 0,r=(o,s)=>{s!=null&&(t||(t={}),t[o]=s);};return r("capture",n.capture),r("once",n.once),r("passive",n.passive),r("signal",n.signal??void 0),{listener:n.handler,options:t}},oe=(e,n,t,r)=>{if(t==null)return;if(n==="dangerouslySetInnerHTML"&&typeof t=="object"&&t&&"__html"in t){e.innerHTML=String(t.__html??"");return}if(n==="ref"){if(typeof t=="function"){t(e);return}if(t&&typeof t=="object"){t.current=e;return}}if(n==="style"&&typeof t=="object"&&t!==null){let p=t,l=e.style;if(!l)return;let d=l;Object.entries(p).forEach(([u,m])=>{if(m!=null){if(u.startsWith("--")){l.setProperty(u,String(m));return}d[u]=m;}});return}let o=ne(n);if(o){let p=re(t);if(p){let l=p.options?{...p.options}:void 0;o.capture&&(l?l.capture=true:l={capture:true}),e.addEventListener(o.eventName,p.listener,l);return}}let s=find(Y(r),n),a=e,c=ee(e,r,s);if(s.mustUseProperty){let p=s.boolean?!!t:t;a[s.property]=p;return}if(s.boolean){let p=!!t;c&&(a[s.property]=p),p?h(e,s,""):j(e,s);return}let i=t;if(s.spaceSeparated?i=b(t," "):s.commaSeparated?i=b(t,","):s.commaOrSpaceSeparated&&(i=b(t," ")),s.booleanish&&typeof i=="boolean"&&(i=i?"true":"false"),s.overloadedBoolean){if(i===false){j(e,s);return}if(i===true){h(e,s,"");return}}if(c){a[s.property]=i;return}i!==false&&h(e,s,i);},g=(e,n)=>{if(n!=null&&typeof n!="boolean"){if(v(n))throw new Error("Async values are not supported inside jsx template results.");if(Array.isArray(n)){n.forEach(t=>g(e,t));return}if(q(n)){for(let t of n)g(e,t);return}if(G(n)){e.appendChild(n);return}e.appendChild(document.createTextNode(String(n)));}},x=(e,n,t)=>P(e,n,r=>w(r,n,t)),_=(e,n,t)=>{let r={};return e.forEach(o=>{if(o.type==="JSXSpreadAttribute"){let a=x(o.argument,n,t);a&&typeof a=="object"&&!Array.isArray(a)&&Object.assign(r,a);return}let s=y(o.name);if(!o.value){r[s]=true;return}if(o.value.type==="Literal"){r[s]=o.value.value;return}if(o.value.type==="JSXExpressionContainer"){if(o.value.expression.type==="JSXEmptyExpression")return;r[s]=x(o.value.expression,n,t);}}),r},se=(e,n,t,r)=>{let o=_(n,t,r);Object.entries(o).forEach(([s,a])=>{if(s!=="key"){if(s==="children"){g(e,a);return}oe(e,s,a,r);}});},J=(e,n,t)=>{let r=[];return e.forEach(o=>{switch(o.type){case "JSXText":{X(o.value,n.placeholders).forEach(a=>{r.push(a);});break}case "JSXExpressionContainer":{if(o.expression.type==="JSXEmptyExpression")break;r.push(x(o.expression,n,t));break}case "JSXSpreadChild":{let s=x(o.expression,n,t);s!=null&&r.push(s);break}case "JSXElement":case "JSXFragment":{r.push(w(o,n,t));break}}}),r},ae=(e,n,t,r)=>{let o=_(e.openingElement.attributes,n,r),s=J(e.children,n,r);s.length===1?o.children=s[0]:s.length>1&&(o.children=s);let a=t(o);if(v(a))throw new Error("Async jsx components are not supported.");return a},ie=(e,n,t)=>{let r=e.openingElement,o=y(r.name),s=n.components.get(o);if(s)return ae(e,n,s,t);if(/[A-Z]/.test(o[0]??""))throw new Error(`Unknown component "${o}". Did you interpolate it with the template literal?`);let a=o==="svg"?"svg":t,c=o==="foreignObject"?null:a,i=a==="svg"?document.createElementNS("http://www.w3.org/2000/svg",o):document.createElement(o);return se(i,r.attributes,n,a),J(e.children,n,c).forEach(l=>g(i,l)),i},w=(e,n,t)=>{if(e.type==="JSXFragment"){let r=document.createDocumentFragment();return J(e.children,n,t).forEach(s=>g(r,s)),r}return ie(e,n,t)},pe=(e,...n)=>{Z();let t=R(e,n),r=parseSync("inline.jsx",t.source,N);if(r.errors.length>0)throw new Error(A(r.errors[0]));let o=k(r.program),s={source:t.source,placeholders:t.placeholders,components:new Map(t.bindings.map(a=>[a.name,a.value]))};return w(o,s,null)};
4
- export{pe as jsx};
1
+ import {parseSync}from'oxc-parser';import {find,svg,html}from'property-information';var z="oxc-parser",K=e=>{let n=e.raw??e,t=n[0]??"",r=[];for(let o=0;o<n.length-1;o++){let s="${expr#"+o+"}",i=t.length;t+=s;let p=t.length;r.push({index:o,templateStart:i,templateEnd:p,label:s}),t+=n[o+1]??"";}return {source:t,spans:r}},Z=(e,n)=>{let t=new Map;return n.forEach(r=>{t.set(r.index,r);}),e.expressionRanges.map(r=>{let o=t.get(r.index);if(!o)return null;let s=Math.max(0,r.sourceEnd-r.sourceStart),i=Math.max(0,o.templateEnd-o.templateStart);return {sourceStart:r.sourceStart,sourceEnd:r.sourceEnd,templateStart:o.templateStart,templateEnd:o.templateEnd,delta:i-s}}).filter(r=>!!r).sort((r,o)=>r.sourceStart-o.sourceStart)},G=(e,n,t)=>{if(!Number.isFinite(e)||e<=0)return 0;let r=0;for(let s of n){if(e<s.sourceStart)break;if(e<s.sourceEnd){let i=Math.max(0,e-s.sourceStart),p=Math.max(0,s.templateEnd-s.templateStart);if(p===0)return s.templateStart;let a=Math.min(i,Math.max(0,p-1));return s.templateStart+a}r+=s.delta;}let o=e+r;return o<=0?0:o>=t?t:o},N=(e,n)=>{let t=Math.max(0,Math.min(n,e.length)),r=1,o=1;for(let s=0;s<t;s++){if(e.charCodeAt(s)===10){r++,o=1;continue}o++;}return {line:r,column:o}},q=e=>{let n=[],t=0;return e.forEach((r,o)=>{n.push(t),t+=r.length,o<e.length-1&&(t+=1);}),n},Q=(e,n,t,r,o,s,i)=>{let p=t+n.length,a=Math.max(r,t),c=Math.min(o,p);if(c>a){let l=Math.max(0,a-t),u=Math.max(1,c-a);return " ".repeat(l)+"^".repeat(u)}if(n.length===0&&e>=s&&e<=i)return "^";if(e===s){let l=Math.max(0,r-t);return " ".repeat(Math.min(l,n.length))+"^"}return ""},Y=(e,n,t,r,o)=>{if(!e.length)return "";let s=e.split(`
2
+ `),i=q(s),p=Math.max(1,r-1),a=Math.min(s.length,o+1),c=String(a).length,l=[];for(let u=p;u<=a;u++){let d=s[u-1]??"",m=String(u).padStart(c," ");l.push(`${m} | ${d}`);let g=Q(u,d,i[u-1]??0,n,t,r,o);g&&l.push(`${" ".repeat(c)} | ${g}`);}return l.join(`
3
+ `)},S=(e,n,t,r,o)=>{let s=z,i=`[${s}] ${r.message}`,p=r.labels?.[0];if(!p)return i;let{source:a,spans:c}=K(n),l=Z(t,c),u=y=>G(typeof y=="number"?y:0,l,a.length),d=u(p.start),m=u(p.end);m<=d&&(m=Math.min(a.length,d+1));let g=N(a,d),x=N(a,Math.max(d,m-1)),h=Y(a,d,m,g.line,x.line),f=`[${s}] ${r.message}`;return f+=`
4
+ --> ${e} template:${g.line}:${g.column}`,p.message&&(f+=`
5
+ ${p.message}`),h&&(f+=`
6
+ ${h}`),r.helpMessage&&(f+=`
7
+ ${r.helpMessage}`),f};var ee=/<\s*$/,te=/<\/\s*$/,X="__KX_EXPR__",v=new RegExp(`${X}\\d+_\\d+__`,"g"),ne=0;var R={lang:"jsx",sourceType:"module",range:true,preserveParens:true},P=e=>{for(let n of e.body)if(n.type==="ExpressionStatement"){let t=n.expression;if(t.type==="JSXElement"||t.type==="JSXFragment")return t}throw new Error("The jsx template must contain a single JSX element or fragment.")},b=e=>{switch(e.type){case "JSXIdentifier":return e.name;case "JSXNamespacedName":return `${e.namespace.name}:${e.name.name}`;case "JSXMemberExpression":return `${b(e.object)}.${e.property.name}`;default:return ""}},T=(e,n)=>{if(!e||typeof e!="object")return;let t=e;typeof t.type=="string"&&(n(t),Object.values(t).forEach(r=>{if(r){if(Array.isArray(r)){r.forEach(o=>T(o,n));return}typeof r=="object"&&T(r,n);}}));},M=(e,n)=>{let t=e.replace(/\r/g,"").replace(/\n\s+/g," "),r=e.match(/^\s*/)?.[0]??"",o=e.match(/\s*$/)?.[0]??"",s=/\n/.test(r),i=/\n/.test(o),p=t;if(s&&(p=p.replace(/^\s+/,"")),i&&(p=p.replace(/\s+$/,"")),p.length===0||p.trim().length===0)return [];let a=[];v.lastIndex=0;let c=0,l;for(;l=v.exec(p);){let d=l.index,m=p.slice(c,d);m&&a.push(m);let g=l[0];n.has(g)?a.push(n.get(g)):a.push(g),c=d+g.length;}let u=p.slice(c);return u&&a.push(u),a},re=(e,n)=>{let t=new Set;return T(e,r=>{r.type==="Identifier"&&n.placeholders.has(r.name)&&t.add(r.name);}),Array.from(t)},D=(e,n,t)=>{if(e.type==="JSXElement"||e.type==="JSXFragment")return t(e);if(!("range"in e)||!e.range)throw new Error("Unable to evaluate expression: missing source range information.");let[r,o]=e.range,s=n.source.slice(r,o),i=re(e,n);try{let p=new Function(...i,`"use strict"; return (${s});`),a=i.map(c=>n.placeholders.get(c));return p(...a)}catch(p){throw new Error(`Failed to evaluate expression ${s}: ${p.message}`)}},oe=e=>{let n=e.replace(/[^a-zA-Z0-9_$]/g,"");return n?/[A-Za-z_$]/.test(n[0])?n:`Component${n}`:"Component"},se=(e,n,t)=>{let r=t.get(e);if(r)return r;let o=e.displayName||e.name||`Component${n.length}`,s=oe(o??""),i=s,p=1;for(;n.some(c=>c.name===i);)i=`${s}${p++}`;let a={name:i,value:e};return n.push(a),t.set(e,a),a},I=(e,n)=>{let t=e.raw??e,r=new Map,o=[],s=new Map,i=t[0]??"",p=ne++,a=0,c=[];for(let l=0;l<n.length;l++){let u=t[l]??"",d=t[l+1]??"",m=n[l],g=ee.test(u)||te.test(u),x;if(g&&typeof m=="function")x=se(m,o,s).name;else if(g&&typeof m=="string")x=m;else {let y=`${X}${p}_${a++}__`;r.set(y,m),x=y;}let h=i.length;i+=x;let f=i.length;c.push({index:l,sourceStart:h,sourceEnd:f}),i+=d;}return {source:i,placeholders:r,bindings:o,diagnostics:{expressionRanges:c}}};var j=e=>{let{getIdentifierName:n,evaluateExpressionWithNamespace:t}=e;return (r,o,s)=>{let i={},p=(a,c)=>{i[a]=c;};return r.forEach(a=>{if(a.type==="JSXSpreadAttribute"){let l=t(a.argument,o,s);l&&typeof l=="object"&&!Array.isArray(l)&&Object.assign(i,l);return}let c=n(a.name);if(!a.value){p(c,true);return}if(a.value.type==="Literal"){p(c,a.value.value);return}if(a.value.type==="JSXExpressionContainer"){if(a.value.expression.type==="JSXEmptyExpression")return;p(c,t(a.value.expression,o,s));}}),i}};var $="Capture",O=e=>e.endsWith($)?{eventName:e.slice(0,-$.length),capture:true}:{eventName:e,capture:false},F=e=>{if(!e.startsWith("on"))return null;if(e.startsWith("on:")){let r=e.slice(3);if(!r)return null;let o=O(r);return o.eventName?o:null}let n=e.slice(2);if(!n)return null;let t=O(n);return t.eventName?{eventName:t.eventName.toLowerCase(),capture:t.capture}:null},_=e=>!e||typeof e!="object"?false:"handleEvent"in e&&typeof e.handleEvent=="function",ce=e=>{if(!e||typeof e!="object"||!("handler"in e))return false;let n=e.handler;return typeof n=="function"?true:_(n)},H=(e,n)=>{if(typeof n=="function"||_(n))return {listener:n};if(!ce(n))return null;let t=n,r=t.options?{...t.options}:void 0,o=(s,i)=>{i!=null&&(r||(r={}),r[s]=i);};return o("capture",t.capture),o("once",t.once),o("passive",t.passive),o("signal",t.signal??void 0),{listener:t.handler,options:r}};var fe=()=>{if(typeof document>"u"||typeof document.createElement!="function")throw new Error("The jsx template tag requires a DOM-like environment (document missing).")},xe=e=>typeof Node>"u"?false:e instanceof Node||e instanceof DocumentFragment,ye=e=>!e||typeof e=="string"?false:typeof e[Symbol.iterator]=="function",W=e=>!e||typeof e!="object"&&typeof e!="function"?false:typeof e.then=="function",Ee={xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace",xmlns:"http://www.w3.org/2000/xmlns/"},V=e=>{if(!(!e||e==="html"||e==="svg"))return Ee[e]},he=e=>e==="svg"?svg:html,w=(e,n,t)=>{let r=V(n.space),o=String(t);if(r){e.setAttributeNS(r,n.attribute,o);return}e.setAttribute(n.attribute,o);},B=(e,n)=>{let t=V(n.space);if(t){e.removeAttributeNS(t,n.attribute);return}e.removeAttribute(n.attribute);},C=(e,n)=>Array.isArray(e)?e.filter(Boolean).join(n):e,be=(e,n,t)=>n==="svg"||!t.property||t.property.includes(":")?false:t.property in e,Se=(e,n,t,r)=>{if(t==null)return;if(n==="dangerouslySetInnerHTML"&&typeof t=="object"&&t&&"__html"in t){e.innerHTML=String(t.__html??"");return}if(n==="ref"){if(typeof t=="function"){t(e);return}if(t&&typeof t=="object"){t.current=e;return}}if(n==="style"&&typeof t=="object"&&t!==null){let c=t,l=e.style;if(!l)return;let u=l;Object.entries(c).forEach(([d,m])=>{if(m!=null){if(d.startsWith("--")){l.setProperty(d,String(m));return}u[d]=m;}});return}let o=F(n);if(o){let c=H(n,t);if(c){let l=c.options?{...c.options}:void 0;o.capture&&(l?l.capture=true:l={capture:true}),e.addEventListener(o.eventName,c.listener,l);return}}let s=find(he(r),n),i=e,p=be(e,r,s);if(s.mustUseProperty){let c=s.boolean?!!t:t;i[s.property]=c;return}if(s.boolean){let c=!!t;p&&(i[s.property]=c),c?w(e,s,""):B(e,s);return}let a=t;if(s.spaceSeparated?a=C(t," "):s.commaSeparated?a=C(t,","):s.commaOrSpaceSeparated&&(a=C(t," ")),s.booleanish&&typeof a=="boolean"&&(a=a?"true":"false"),s.overloadedBoolean){if(a===false){B(e,s);return}if(a===true){w(e,s,"");return}}if(p){i[s.property]=a;return}a!==false&&w(e,s,a);},E=(e,n)=>{if(n!=null&&typeof n!="boolean"){if(W(n))throw new Error("Async values are not supported inside jsx template results.");if(Array.isArray(n)){n.forEach(t=>E(e,t));return}if(ye(n)){for(let t of n)E(e,t);return}if(xe(n)){e.appendChild(n);return}e.appendChild(document.createTextNode(String(n)));}},J=(e,n,t)=>D(e,n,r=>k(r,n,t)),U=j({getIdentifierName:b,evaluateExpressionWithNamespace:J}),Te=(e,n,t,r)=>{let o=U(n,t,r);Object.entries(o).forEach(([s,i])=>{if(s!=="key"){if(s==="children"){E(e,i);return}Se(e,s,i,r);}});},A=(e,n,t)=>{let r=[];return e.forEach(o=>{switch(o.type){case "JSXText":{M(o.value,n.placeholders).forEach(i=>{r.push(i);});break}case "JSXExpressionContainer":{if(o.expression.type==="JSXEmptyExpression")break;r.push(J(o.expression,n,t));break}case "JSXSpreadChild":{let s=J(o.expression,n,t);s!=null&&r.push(s);break}case "JSXElement":case "JSXFragment":{r.push(k(o,n,t));break}}}),r},we=(e,n,t,r)=>{let o=U(e.openingElement.attributes,n,r),s=A(e.children,n,r);s.length===1?o.children=s[0]:s.length>1&&(o.children=s);let i=t(o);if(W(i))throw new Error("Async jsx components are not supported.");return i},Ce=(e,n,t)=>{let r=e.openingElement,o=b(r.name),s=n.components.get(o);if(s)return we(e,n,s,t);if(/[A-Z]/.test(o[0]??""))throw new Error(`Unknown component "${o}". Did you interpolate it with the template literal?`);let i=o==="svg"?"svg":t,p=o==="foreignObject"?null:i,a=i==="svg"?document.createElementNS("http://www.w3.org/2000/svg",o):document.createElement(o);return Te(a,r.attributes,n,i),A(e.children,n,p).forEach(l=>E(a,l)),a},k=(e,n,t)=>{if(e.type==="JSXFragment"){let r=document.createDocumentFragment();return A(e.children,n,t).forEach(s=>E(r,s)),r}return Ce(e,n,t)},Je=(e,...n)=>{fe();let t=I(e,n),r=parseSync("inline.jsx",t.source,R);if(r.errors.length>0)throw new Error(S("jsx",e,t.diagnostics,r.errors[0]));let o=P(r.program),s={source:t.source,placeholders:t.placeholders,components:new Map(t.bindings.map(i=>[i.name,i.value]))};return k(o,s,null)};
8
+ export{Je as jsx};
@@ -0,0 +1,8 @@
1
+ import {createRequire}from'module';import {parseSync}from'oxc-parser';import {find,svg,html}from'property-information';var T=null,I=e=>{T=e;},me=e=>{T?.warnLowercaseEventProp?.(e);},ue=e=>{T?.ensureValidDangerouslySetInnerHTML?.(e);},P=e=>{let{getIdentifierName:t,evaluateExpressionWithNamespace:n}=e;return (r,o,s)=>{let i={},p=(a,c)=>{a==="dangerouslySetInnerHTML"&&ue(c),i[a]=c;};return r.forEach(a=>{if(a.type==="JSXSpreadAttribute"){let l=n(a.argument,o,s);l&&typeof l=="object"&&!Array.isArray(l)&&Object.assign(i,l);return}let c=t(a.name);if(me(c),!a.value){p(c,true);return}if(a.value.type==="Literal"){p(c,a.value.value);return}if(a.value.type==="JSXExpressionContainer"){if(a.value.expression.type==="JSXEmptyExpression")return;p(c,n(a.value.expression,o,s));}}),i}};var _=null,H=e=>{_=e;},$="Capture",O=e=>e.endsWith($)?{eventName:e.slice(0,-$.length),capture:true}:{eventName:e,capture:false},F=e=>{if(!e.startsWith("on"))return null;if(e.startsWith("on:")){let r=e.slice(3);if(!r)return null;let o=O(r);return o.eventName?o:null}let t=e.slice(2);if(!t)return null;let n=O(t);return n.eventName?{eventName:n.eventName.toLowerCase(),capture:n.capture}:null},W=e=>!e||typeof e!="object"?false:"handleEvent"in e&&typeof e.handleEvent=="function",de=e=>{if(!e||typeof e!="object"||!("handler"in e))return false;let t=e.handler;return typeof t=="function"?true:W(t)},fe=(e,t)=>{_?.onInvalidHandler?.(e,t);},B=(e,t)=>{if(typeof t=="function"||W(t))return {listener:t};if(!de(t))return fe(e,t),null;let n=t,r=n.options?{...n.options}:void 0,o=(s,i)=>{i!=null&&(r||(r={}),r[s]=i);};return o("capture",n.capture),o("once",n.once),o("passive",n.passive),o("signal",n.signal??void 0),{listener:n.handler,options:r}};var ge="@knighted/jsx",V=e=>`${ge}: ${e}`,J=()=>typeof process<"u"&&process.env?.KNIGHTED_JSX_DEBUG==="1",C=e=>{if(e===null)return "null";if(e===void 0)return "undefined";if(typeof e=="function")return e.name?`function ${e.name}`:"function";if(Array.isArray(e))return "array";if(typeof e=="object"){let t=e.constructor;return t&&typeof t.name=="string"&&t.name&&t.name!=="Object"?`${t.name} instance`:"object"}return typeof e},b=e=>new Error(V(e)),U=(e,t=false)=>{!t&&!J()||typeof console<"u"&&typeof console.warn=="function"&&console.warn(V(e));};var xe=e=>e>="a"&&e<="z",S="env",k=()=>S==="always"||S==="env"&&J(),ye=()=>S==="always",he={warnLowercaseEventProp(e){if(!k()||!e.startsWith("on")||e.startsWith("on:")||e.length<3)return;let t=e[2]??"";if(!xe(t))return;let n=`${e.slice(0,2)}${t.toUpperCase()}${e.slice(3)}`;U(`Use camelCase DOM event props when targeting runtime jsx templates. Received "${e}"; did you mean "${n}"?`,ye());},ensureValidDangerouslySetInnerHTML(e){if(!k())return;if(!e||typeof e!="object"||Array.isArray(e))throw b("dangerouslySetInnerHTML expects an object with a string __html field.");let t=e.__html;if(typeof t!="string")throw b(`dangerouslySetInnerHTML.__html must be a string but received ${C(t)}.`)}},Ee={onInvalidHandler(e,t){if(k())throw b(`The "${e}" prop expects a function, EventListenerObject, or descriptor ({ handler }) but received ${C(t)}.`)}},G=e=>{S=e?.mode,I(he),H(Ee);};var Se=createRequire(import.meta.url),q=()=>Se,z="<!doctype html><html><body></body></html>",Te=["window","self","document","HTMLElement","Element","Node","DocumentFragment","customElements","Text","Comment","MutationObserver","navigator"],Je=()=>typeof document<"u"&&typeof document.createElement=="function",Ce=e=>{let t=globalThis,n=e;Te.forEach(r=>{t[r]===void 0&&n[r]!==void 0&&(t[r]=n[r]);});},D=()=>{let{parseHTML:e}=q()("linkedom"),{window:t}=e(z);return t},A=()=>{let{JSDOM:e}=q()("jsdom"),{window:t}=new e(z);return t},ke=()=>{let e=typeof process<"u"&&process.env?.KNIGHTED_JSX_NODE_SHIM?process.env.KNIGHTED_JSX_NODE_SHIM.toLowerCase():void 0;return e==="linkedom"||e==="jsdom"?e:"auto"},De=()=>{let e=ke();return e==="linkedom"?[D,A]:e==="jsdom"?[A,D]:[D,A]},Ae=()=>{let e=[];for(let n of De())try{return n()}catch(r){e.push(r);}let t='Unable to bootstrap a DOM-like environment. Install "linkedom" or "jsdom" (both optional peer dependencies) or set KNIGHTED_JSX_NODE_SHIM to pick one explicitly.';throw new AggregateError(e,t)},K=false,Z=()=>{if(Je()||K)return;let e=Ae();Ce(e),K=true;};var ve="oxc-parser",Ne=e=>{let t=e.raw??e,n=t[0]??"",r=[];for(let o=0;o<t.length-1;o++){let s="${expr#"+o+"}",i=n.length;n+=s;let p=n.length;r.push({index:o,templateStart:i,templateEnd:p,label:s}),n+=t[o+1]??"";}return {source:n,spans:r}},Me=(e,t)=>{let n=new Map;return t.forEach(r=>{n.set(r.index,r);}),e.expressionRanges.map(r=>{let o=n.get(r.index);if(!o)return null;let s=Math.max(0,r.sourceEnd-r.sourceStart),i=Math.max(0,o.templateEnd-o.templateStart);return {sourceStart:r.sourceStart,sourceEnd:r.sourceEnd,templateStart:o.templateStart,templateEnd:o.templateEnd,delta:i-s}}).filter(r=>!!r).sort((r,o)=>r.sourceStart-o.sourceStart)},Re=(e,t,n)=>{if(!Number.isFinite(e)||e<=0)return 0;let r=0;for(let s of t){if(e<s.sourceStart)break;if(e<s.sourceEnd){let i=Math.max(0,e-s.sourceStart),p=Math.max(0,s.templateEnd-s.templateStart);if(p===0)return s.templateStart;let a=Math.min(i,Math.max(0,p-1));return s.templateStart+a}r+=s.delta;}let o=e+r;return o<=0?0:o>=n?n:o},Y=(e,t)=>{let n=Math.max(0,Math.min(t,e.length)),r=1,o=1;for(let s=0;s<n;s++){if(e.charCodeAt(s)===10){r++,o=1;continue}o++;}return {line:r,column:o}},Xe=e=>{let t=[],n=0;return e.forEach((r,o)=>{t.push(n),n+=r.length,o<e.length-1&&(n+=1);}),t},Le=(e,t,n,r,o,s,i)=>{let p=n+t.length,a=Math.max(r,n),c=Math.min(o,p);if(c>a){let l=Math.max(0,a-n),u=Math.max(1,c-a);return " ".repeat(l)+"^".repeat(u)}if(t.length===0&&e>=s&&e<=i)return "^";if(e===s){let l=Math.max(0,r-n);return " ".repeat(Math.min(l,t.length))+"^"}return ""},je=(e,t,n,r,o)=>{if(!e.length)return "";let s=e.split(`
2
+ `),i=Xe(s),p=Math.max(1,r-1),a=Math.min(s.length,o+1),c=String(a).length,l=[];for(let u=p;u<=a;u++){let d=s[u-1]??"",m=String(u).padStart(c," ");l.push(`${m} | ${d}`);let f=Le(u,d,i[u-1]??0,t,n,r,o);f&&l.push(`${" ".repeat(c)} | ${f}`);}return l.join(`
3
+ `)},v=(e,t,n,r,o)=>{let s=ve,i=`[${s}] ${r.message}`,p=r.labels?.[0];if(!p)return i;let{source:a,spans:c}=Ne(t),l=Me(n,c),u=y=>Re(typeof y=="number"?y:0,l,a.length),d=u(p.start),m=u(p.end);m<=d&&(m=Math.min(a.length,d+1));let f=Y(a,d),x=Y(a,Math.max(d,m-1)),E=je(a,d,m,f.line,x.line),g=`[${s}] ${r.message}`;return g+=`
4
+ --> ${e} template:${f.line}:${f.column}`,p.message&&(g+=`
5
+ ${p.message}`),E&&(g+=`
6
+ ${E}`),r.helpMessage&&(g+=`
7
+ ${r.helpMessage}`),g};var Ie=/<\s*$/,Pe=/<\/\s*$/,ee="__KX_EXPR__",Q=new RegExp(`${ee}\\d+_\\d+__`,"g"),$e=0;var te={lang:"jsx",sourceType:"module",range:true,preserveParens:true},ne=e=>{for(let t of e.body)if(t.type==="ExpressionStatement"){let n=t.expression;if(n.type==="JSXElement"||n.type==="JSXFragment")return n}throw new Error("The jsx template must contain a single JSX element or fragment.")},w=e=>{switch(e.type){case "JSXIdentifier":return e.name;case "JSXNamespacedName":return `${e.namespace.name}:${e.name.name}`;case "JSXMemberExpression":return `${w(e.object)}.${e.property.name}`;default:return ""}},N=(e,t)=>{if(!e||typeof e!="object")return;let n=e;typeof n.type=="string"&&(t(n),Object.values(n).forEach(r=>{if(r){if(Array.isArray(r)){r.forEach(o=>N(o,t));return}typeof r=="object"&&N(r,t);}}));},re=(e,t)=>{let n=e.replace(/\r/g,"").replace(/\n\s+/g," "),r=e.match(/^\s*/)?.[0]??"",o=e.match(/\s*$/)?.[0]??"",s=/\n/.test(r),i=/\n/.test(o),p=n;if(s&&(p=p.replace(/^\s+/,"")),i&&(p=p.replace(/\s+$/,"")),p.length===0||p.trim().length===0)return [];let a=[];Q.lastIndex=0;let c=0,l;for(;l=Q.exec(p);){let d=l.index,m=p.slice(c,d);m&&a.push(m);let f=l[0];t.has(f)?a.push(t.get(f)):a.push(f),c=d+f.length;}let u=p.slice(c);return u&&a.push(u),a},Oe=(e,t)=>{let n=new Set;return N(e,r=>{r.type==="Identifier"&&t.placeholders.has(r.name)&&n.add(r.name);}),Array.from(n)},oe=(e,t,n)=>{if(e.type==="JSXElement"||e.type==="JSXFragment")return n(e);if(!("range"in e)||!e.range)throw new Error("Unable to evaluate expression: missing source range information.");let[r,o]=e.range,s=t.source.slice(r,o),i=Oe(e,t);try{let p=new Function(...i,`"use strict"; return (${s});`),a=i.map(c=>t.placeholders.get(c));return p(...a)}catch(p){throw new Error(`Failed to evaluate expression ${s}: ${p.message}`)}},_e=e=>{let t=e.replace(/[^a-zA-Z0-9_$]/g,"");return t?/[A-Za-z_$]/.test(t[0])?t:`Component${t}`:"Component"},He=(e,t,n)=>{let r=n.get(e);if(r)return r;let o=e.displayName||e.name||`Component${t.length}`,s=_e(o??""),i=s,p=1;for(;t.some(c=>c.name===i);)i=`${s}${p++}`;let a={name:i,value:e};return t.push(a),n.set(e,a),a},se=(e,t)=>{let n=e.raw??e,r=new Map,o=[],s=new Map,i=n[0]??"",p=$e++,a=0,c=[];for(let l=0;l<t.length;l++){let u=n[l]??"",d=n[l+1]??"",m=t[l],f=Ie.test(u)||Pe.test(u),x;if(f&&typeof m=="function")x=He(m,o,s).name;else if(f&&typeof m=="string")x=m;else {let y=`${ee}${p}_${a++}__`;r.set(y,m),x=y;}let E=i.length;i+=x;let g=i.length;c.push({index:l,sourceStart:E,sourceEnd:g}),i+=d;}return {source:i,placeholders:r,bindings:o,diagnostics:{expressionRanges:c}}};var Ue=()=>{if(typeof document>"u"||typeof document.createElement!="function")throw new Error("The jsx template tag requires a DOM-like environment (document missing).")},Ge=e=>typeof Node>"u"?false:e instanceof Node||e instanceof DocumentFragment,Ke=e=>!e||typeof e=="string"?false:typeof e[Symbol.iterator]=="function",ie=e=>!e||typeof e!="object"&&typeof e!="function"?false:typeof e.then=="function",qe={xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace",xmlns:"http://www.w3.org/2000/xmlns/"},pe=e=>{if(!(!e||e==="html"||e==="svg"))return qe[e]},ze=e=>e==="svg"?svg:html,M=(e,t,n)=>{let r=pe(t.space),o=String(n);if(r){e.setAttributeNS(r,t.attribute,o);return}e.setAttribute(t.attribute,o);},ae=(e,t)=>{let n=pe(t.space);if(n){e.removeAttributeNS(n,t.attribute);return}e.removeAttribute(t.attribute);},R=(e,t)=>Array.isArray(e)?e.filter(Boolean).join(t):e,Ze=(e,t,n)=>t==="svg"||!n.property||n.property.includes(":")?false:n.property in e,Ye=(e,t,n,r)=>{if(n==null)return;if(t==="dangerouslySetInnerHTML"&&typeof n=="object"&&n&&"__html"in n){e.innerHTML=String(n.__html??"");return}if(t==="ref"){if(typeof n=="function"){n(e);return}if(n&&typeof n=="object"){n.current=e;return}}if(t==="style"&&typeof n=="object"&&n!==null){let c=n,l=e.style;if(!l)return;let u=l;Object.entries(c).forEach(([d,m])=>{if(m!=null){if(d.startsWith("--")){l.setProperty(d,String(m));return}u[d]=m;}});return}let o=F(t);if(o){let c=B(t,n);if(c){let l=c.options?{...c.options}:void 0;o.capture&&(l?l.capture=true:l={capture:true}),e.addEventListener(o.eventName,c.listener,l);return}}let s=find(ze(r),t),i=e,p=Ze(e,r,s);if(s.mustUseProperty){let c=s.boolean?!!n:n;i[s.property]=c;return}if(s.boolean){let c=!!n;p&&(i[s.property]=c),c?M(e,s,""):ae(e,s);return}let a=n;if(s.spaceSeparated?a=R(n," "):s.commaSeparated?a=R(n,","):s.commaOrSpaceSeparated&&(a=R(n," ")),s.booleanish&&typeof a=="boolean"&&(a=a?"true":"false"),s.overloadedBoolean){if(a===false){ae(e,s);return}if(a===true){M(e,s,"");return}}if(p){i[s.property]=a;return}a!==false&&M(e,s,a);},h=(e,t)=>{if(t!=null&&typeof t!="boolean"){if(ie(t))throw new Error("Async values are not supported inside jsx template results.");if(Array.isArray(t)){t.forEach(n=>h(e,n));return}if(Ke(t)){for(let n of t)h(e,n);return}if(Ge(t)){e.appendChild(t);return}e.appendChild(document.createTextNode(String(t)));}},X=(e,t,n)=>oe(e,t,r=>j(r,t,n)),ce=P({getIdentifierName:w,evaluateExpressionWithNamespace:X}),Qe=(e,t,n,r)=>{let o=ce(t,n,r);Object.entries(o).forEach(([s,i])=>{if(s!=="key"){if(s==="children"){h(e,i);return}Ye(e,s,i,r);}});},L=(e,t,n)=>{let r=[];return e.forEach(o=>{switch(o.type){case "JSXText":{re(o.value,t.placeholders).forEach(i=>{r.push(i);});break}case "JSXExpressionContainer":{if(o.expression.type==="JSXEmptyExpression")break;r.push(X(o.expression,t,n));break}case "JSXSpreadChild":{let s=X(o.expression,t,n);s!=null&&r.push(s);break}case "JSXElement":case "JSXFragment":{r.push(j(o,t,n));break}}}),r},et=(e,t,n,r)=>{let o=ce(e.openingElement.attributes,t,r),s=L(e.children,t,r);s.length===1?o.children=s[0]:s.length>1&&(o.children=s);let i=n(o);if(ie(i))throw new Error("Async jsx components are not supported.");return i},tt=(e,t,n)=>{let r=e.openingElement,o=w(r.name),s=t.components.get(o);if(s)return et(e,t,s,n);if(/[A-Z]/.test(o[0]??""))throw new Error(`Unknown component "${o}". Did you interpolate it with the template literal?`);let i=o==="svg"?"svg":n,p=o==="foreignObject"?null:i,a=i==="svg"?document.createElementNS("http://www.w3.org/2000/svg",o):document.createElement(o);return Qe(a,r.attributes,t,i),L(e.children,t,p).forEach(l=>h(a,l)),a},j=(e,t,n)=>{if(e.type==="JSXFragment"){let r=document.createDocumentFragment();return L(e.children,t,n).forEach(s=>h(r,s)),r}return tt(e,t,n)},le=(e,...t)=>{Ue();let n=se(e,t),r=parseSync("inline.jsx",n.source,te);if(r.errors.length>0)throw new Error(v("jsx",e,n.diagnostics,r.errors[0]));let o=ne(r.program),s={source:n.source,placeholders:n.placeholders,components:new Map(n.bindings.map(i=>[i.name,i.value]))};return j(o,s,null)};G({mode:"always"});Z();var Jt=le;
8
+ export{Jt as jsx};