@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.
- package/README.md +1 -0
- package/dist/cjs/debug/diagnostics.cjs +57 -0
- package/dist/cjs/debug/diagnostics.d.cts +6 -0
- package/dist/cjs/debug/index.cjs +7 -0
- package/dist/cjs/debug/index.d.cts +2 -0
- package/dist/cjs/internal/attribute-resolution.cjs +55 -0
- package/dist/cjs/internal/attribute-resolution.d.cts +15 -0
- package/dist/cjs/internal/dev-environment.cjs +41 -0
- package/dist/cjs/internal/dev-environment.d.cts +4 -0
- package/dist/cjs/internal/event-bindings.cjs +93 -0
- package/dist/cjs/internal/event-bindings.d.cts +22 -0
- package/dist/cjs/internal/template-diagnostics.cjs +171 -0
- package/dist/cjs/internal/template-diagnostics.d.cts +13 -0
- package/dist/cjs/jsx.cjs +9 -110
- package/dist/cjs/loader/jsx.cjs +92 -20
- package/dist/cjs/loader/jsx.d.cts +6 -1
- package/dist/cjs/node/bootstrap.cjs +19 -19
- package/dist/cjs/node/bootstrap.d.cts +2 -1
- package/dist/cjs/node/debug/index.cjs +6 -0
- package/dist/cjs/node/debug/index.d.cts +2 -0
- package/dist/cjs/node/index.cjs +1 -1
- package/dist/cjs/react/react-jsx.cjs +1 -1
- package/dist/cjs/runtime/shared.cjs +41 -22
- package/dist/cjs/runtime/shared.d.cts +5 -2
- package/dist/debug/diagnostics.d.ts +6 -0
- package/dist/debug/diagnostics.js +52 -0
- package/dist/debug/index.d.ts +2 -0
- package/dist/debug/index.js +3 -0
- package/dist/internal/attribute-resolution.d.ts +15 -0
- package/dist/internal/attribute-resolution.js +50 -0
- package/dist/internal/dev-environment.d.ts +4 -0
- package/dist/internal/dev-environment.js +34 -0
- package/dist/internal/event-bindings.d.ts +22 -0
- package/dist/internal/event-bindings.js +87 -0
- package/dist/internal/template-diagnostics.d.ts +13 -0
- package/dist/internal/template-diagnostics.js +167 -0
- package/dist/jsx.js +9 -110
- package/dist/lite/debug/diagnostics.js +1 -0
- package/dist/lite/debug/index.js +8 -0
- package/dist/lite/index.js +8 -4
- package/dist/lite/node/debug/index.js +8 -0
- package/dist/lite/node/index.js +8 -4
- package/dist/lite/node/react/index.js +7 -3
- package/dist/lite/react/index.js +7 -3
- package/dist/loader/jsx.d.ts +6 -1
- package/dist/loader/jsx.js +92 -20
- package/dist/node/bootstrap.d.ts +2 -1
- package/dist/node/bootstrap.js +19 -19
- package/dist/node/debug/index.d.ts +2 -0
- package/dist/node/debug/index.js +6 -0
- package/dist/node/index.js +1 -1
- package/dist/react/react-jsx.js +2 -2
- package/dist/runtime/shared.d.ts +5 -2
- package/dist/runtime/shared.js +39 -21
- 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,
|
|
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 = (
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
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(
|
|
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};
|
package/dist/lite/index.js
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
import {parseSync}from'oxc-parser';import {find,svg,html}from'property-information';var
|
|
2
|
-
${t.
|
|
3
|
-
|
|
4
|
-
|
|
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};
|