ilse-design 0.3.0-beta.1
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 +187 -0
- package/dist/agent/executor.d.ts +20 -0
- package/dist/agent/executor.d.ts.map +1 -0
- package/dist/agent/executor.js +130 -0
- package/dist/agent/executor.js.map +1 -0
- package/dist/ai/provider.d.ts +45 -0
- package/dist/ai/provider.d.ts.map +1 -0
- package/dist/ai/provider.js +374 -0
- package/dist/ai/provider.js.map +1 -0
- package/dist/analysis/classify-element.d.ts +23 -0
- package/dist/analysis/classify-element.d.ts.map +1 -0
- package/dist/analysis/classify-element.js +79 -0
- package/dist/analysis/classify-element.js.map +1 -0
- package/dist/analysis/compare-family.d.ts +22 -0
- package/dist/analysis/compare-family.d.ts.map +1 -0
- package/dist/analysis/compare-family.js +82 -0
- package/dist/analysis/compare-family.js.map +1 -0
- package/dist/analysis/profile-component.d.ts +32 -0
- package/dist/analysis/profile-component.d.ts.map +1 -0
- package/dist/analysis/profile-component.js +119 -0
- package/dist/analysis/profile-component.js.map +1 -0
- package/dist/bridge/augment.d.ts +20 -0
- package/dist/bridge/augment.d.ts.map +1 -0
- package/dist/bridge/augment.js +110 -0
- package/dist/bridge/augment.js.map +1 -0
- package/dist/bridge/store.d.ts +17 -0
- package/dist/bridge/store.d.ts.map +1 -0
- package/dist/bridge/store.js +70 -0
- package/dist/bridge/store.js.map +1 -0
- package/dist/bridge/ws-server.d.ts +12 -0
- package/dist/bridge/ws-server.d.ts.map +1 -0
- package/dist/bridge/ws-server.js +136 -0
- package/dist/bridge/ws-server.js.map +1 -0
- package/dist/cli/check.d.ts +8 -0
- package/dist/cli/check.d.ts.map +1 -0
- package/dist/cli/check.js +303 -0
- package/dist/cli/check.js.map +1 -0
- package/dist/cli/default.d.ts +2 -0
- package/dist/cli/default.d.ts.map +1 -0
- package/dist/cli/default.js +166 -0
- package/dist/cli/default.js.map +1 -0
- package/dist/cli/extract.d.ts +5 -0
- package/dist/cli/extract.d.ts.map +1 -0
- package/dist/cli/extract.js +62 -0
- package/dist/cli/extract.js.map +1 -0
- package/dist/cli/index.d.ts +3 -0
- package/dist/cli/index.d.ts.map +1 -0
- package/dist/cli/index.js +111 -0
- package/dist/cli/index.js.map +1 -0
- package/dist/cli/init.d.ts +5 -0
- package/dist/cli/init.d.ts.map +1 -0
- package/dist/cli/init.js +190 -0
- package/dist/cli/init.js.map +1 -0
- package/dist/cli/insight.d.ts +5 -0
- package/dist/cli/insight.d.ts.map +1 -0
- package/dist/cli/insight.js +141 -0
- package/dist/cli/insight.js.map +1 -0
- package/dist/cli/listen.d.ts +10 -0
- package/dist/cli/listen.d.ts.map +1 -0
- package/dist/cli/listen.js +94 -0
- package/dist/cli/listen.js.map +1 -0
- package/dist/cli/login.d.ts +15 -0
- package/dist/cli/login.d.ts.map +1 -0
- package/dist/cli/login.js +302 -0
- package/dist/cli/login.js.map +1 -0
- package/dist/config/limits.d.ts +13 -0
- package/dist/config/limits.d.ts.map +1 -0
- package/dist/config/limits.js +26 -0
- package/dist/config/limits.js.map +1 -0
- package/dist/config/mcp-register.d.ts +5 -0
- package/dist/config/mcp-register.d.ts.map +1 -0
- package/dist/config/mcp-register.js +50 -0
- package/dist/config/mcp-register.js.map +1 -0
- package/dist/config/preferences.d.ts +22 -0
- package/dist/config/preferences.d.ts.map +1 -0
- package/dist/config/preferences.js +159 -0
- package/dist/config/preferences.js.map +1 -0
- package/dist/config/user-config.d.ts +10 -0
- package/dist/config/user-config.d.ts.map +1 -0
- package/dist/config/user-config.js +32 -0
- package/dist/config/user-config.js.map +1 -0
- package/dist/constants.d.ts +11 -0
- package/dist/constants.d.ts.map +1 -0
- package/dist/constants.js +49 -0
- package/dist/constants.js.map +1 -0
- package/dist/extraction/find-inconsistencies.d.ts +17 -0
- package/dist/extraction/find-inconsistencies.d.ts.map +1 -0
- package/dist/extraction/find-inconsistencies.js +93 -0
- package/dist/extraction/find-inconsistencies.js.map +1 -0
- package/dist/extraction/find-patterns.d.ts +20 -0
- package/dist/extraction/find-patterns.d.ts.map +1 -0
- package/dist/extraction/find-patterns.js +179 -0
- package/dist/extraction/find-patterns.js.map +1 -0
- package/dist/extraction/index-tokens.d.ts +16 -0
- package/dist/extraction/index-tokens.d.ts.map +1 -0
- package/dist/extraction/index-tokens.js +103 -0
- package/dist/extraction/index-tokens.js.map +1 -0
- package/dist/fixer/autofix.d.ts +11 -0
- package/dist/fixer/autofix.d.ts.map +1 -0
- package/dist/fixer/autofix.js +202 -0
- package/dist/fixer/autofix.js.map +1 -0
- package/dist/mcp/server.d.ts +3 -0
- package/dist/mcp/server.d.ts.map +1 -0
- package/dist/mcp/server.js +271 -0
- package/dist/mcp/server.js.map +1 -0
- package/dist/parsers/repo.d.ts +22 -0
- package/dist/parsers/repo.d.ts.map +1 -0
- package/dist/parsers/repo.js +165 -0
- package/dist/parsers/repo.js.map +1 -0
- package/dist/parsers/snapshot.d.ts +15 -0
- package/dist/parsers/snapshot.d.ts.map +1 -0
- package/dist/parsers/snapshot.js +136 -0
- package/dist/parsers/snapshot.js.map +1 -0
- package/dist/parsers/tokens.d.ts +10 -0
- package/dist/parsers/tokens.d.ts.map +1 -0
- package/dist/parsers/tokens.js +119 -0
- package/dist/parsers/tokens.js.map +1 -0
- package/dist/react/annotator.d.ts +64 -0
- package/dist/react/annotator.d.ts.map +1 -0
- package/dist/react/annotator.js +279 -0
- package/dist/react/annotator.js.map +1 -0
- package/dist/react/area-selector.d.ts +14 -0
- package/dist/react/area-selector.d.ts.map +1 -0
- package/dist/react/area-selector.js +76 -0
- package/dist/react/area-selector.js.map +1 -0
- package/dist/react/freeze.d.ts +5 -0
- package/dist/react/freeze.d.ts.map +1 -0
- package/dist/react/freeze.js +109 -0
- package/dist/react/freeze.js.map +1 -0
- package/dist/react/image-input.d.ts +14 -0
- package/dist/react/image-input.d.ts.map +1 -0
- package/dist/react/image-input.js +100 -0
- package/dist/react/image-input.js.map +1 -0
- package/dist/react/index.d.ts +6 -0
- package/dist/react/index.d.ts.map +1 -0
- package/dist/react/index.js +13 -0
- package/dist/react/index.js.map +1 -0
- package/dist/react/toolbar.d.ts +2 -0
- package/dist/react/toolbar.d.ts.map +1 -0
- package/dist/react/toolbar.js +755 -0
- package/dist/react/toolbar.js.map +1 -0
- package/dist/react/ws-client.d.ts +8 -0
- package/dist/react/ws-client.d.ts.map +1 -0
- package/dist/react/ws-client.js +71 -0
- package/dist/react/ws-client.js.map +1 -0
- package/dist/reporters/coverage.d.ts +6 -0
- package/dist/reporters/coverage.d.ts.map +1 -0
- package/dist/reporters/coverage.js +74 -0
- package/dist/reporters/coverage.js.map +1 -0
- package/dist/reporters/ds-report.d.ts +8 -0
- package/dist/reporters/ds-report.d.ts.map +1 -0
- package/dist/reporters/ds-report.js +66 -0
- package/dist/reporters/ds-report.js.map +1 -0
- package/dist/reporters/terminal.d.ts +43 -0
- package/dist/reporters/terminal.d.ts.map +1 -0
- package/dist/reporters/terminal.js +361 -0
- package/dist/reporters/terminal.js.map +1 -0
- package/dist/setup/framework-detect.d.ts +8 -0
- package/dist/setup/framework-detect.d.ts.map +1 -0
- package/dist/setup/framework-detect.js +109 -0
- package/dist/setup/framework-detect.js.map +1 -0
- package/dist/setup/inject-component.d.ts +12 -0
- package/dist/setup/inject-component.d.ts.map +1 -0
- package/dist/setup/inject-component.js +98 -0
- package/dist/setup/inject-component.js.map +1 -0
- package/dist/types.d.ts +170 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +5 -0
- package/dist/types.js.map +1 -0
- package/dist/utils/ast.d.ts +18 -0
- package/dist/utils/ast.d.ts.map +1 -0
- package/dist/utils/ast.js +57 -0
- package/dist/utils/ast.js.map +1 -0
- package/dist/utils/files.d.ts +6 -0
- package/dist/utils/files.d.ts.map +1 -0
- package/dist/utils/files.js +25 -0
- package/dist/utils/files.js.map +1 -0
- package/dist/utils/suggest.d.ts +37 -0
- package/dist/utils/suggest.d.ts.map +1 -0
- package/dist/utils/suggest.js +158 -0
- package/dist/utils/suggest.js.map +1 -0
- package/dist/validators/coverage.d.ts +24 -0
- package/dist/validators/coverage.d.ts.map +1 -0
- package/dist/validators/coverage.js +156 -0
- package/dist/validators/coverage.js.map +1 -0
- package/dist/validators/static.d.ts +14 -0
- package/dist/validators/static.d.ts.map +1 -0
- package/dist/validators/static.js +398 -0
- package/dist/validators/static.js.map +1 -0
- package/package.json +64 -0
|
@@ -0,0 +1,279 @@
|
|
|
1
|
+
export function captureEnvironment() {
|
|
2
|
+
return {
|
|
3
|
+
viewport: `${window.innerWidth}×${window.innerHeight}`,
|
|
4
|
+
url: window.location.href,
|
|
5
|
+
userAgent: navigator.userAgent,
|
|
6
|
+
devicePixelRatio: window.devicePixelRatio,
|
|
7
|
+
timestamp: new Date().toISOString(),
|
|
8
|
+
};
|
|
9
|
+
}
|
|
10
|
+
const STYLE_KEYS = [
|
|
11
|
+
'display', 'flexDirection', 'alignItems', 'justifyContent', 'gap',
|
|
12
|
+
'padding', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingLeft',
|
|
13
|
+
'margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft',
|
|
14
|
+
'width', 'height', 'maxWidth', 'minWidth',
|
|
15
|
+
'color', 'backgroundColor', 'borderColor', 'borderRadius',
|
|
16
|
+
'fontSize', 'fontWeight', 'lineHeight', 'letterSpacing',
|
|
17
|
+
'position', 'top', 'right', 'bottom', 'left',
|
|
18
|
+
'opacity', 'overflow', 'zIndex',
|
|
19
|
+
];
|
|
20
|
+
function buildSelector(el) {
|
|
21
|
+
if (el.id)
|
|
22
|
+
return `#${el.id}`;
|
|
23
|
+
const tag = el.tagName.toLowerCase();
|
|
24
|
+
const classes = Array.from(el.classList).slice(0, 3).join('.');
|
|
25
|
+
const selector = classes ? `${tag}.${classes}` : tag;
|
|
26
|
+
// Disambiguate with nth-child if needed
|
|
27
|
+
const parent = el.parentElement;
|
|
28
|
+
if (parent) {
|
|
29
|
+
const siblings = Array.from(parent.children).filter(c => c.tagName === el.tagName);
|
|
30
|
+
if (siblings.length > 1) {
|
|
31
|
+
const index = siblings.indexOf(el) + 1;
|
|
32
|
+
return `${selector}:nth-child(${index})`;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
return selector;
|
|
36
|
+
}
|
|
37
|
+
function getRelevantStyles(el) {
|
|
38
|
+
const computed = getComputedStyle(el);
|
|
39
|
+
const styles = {};
|
|
40
|
+
for (const key of STYLE_KEYS) {
|
|
41
|
+
const value = computed.getPropertyValue(key.replace(/[A-Z]/g, m => `-${m.toLowerCase()}`));
|
|
42
|
+
if (value && value !== 'none' && value !== 'normal' && value !== 'auto' && value !== '0px') {
|
|
43
|
+
styles[key] = value;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
return styles;
|
|
47
|
+
}
|
|
48
|
+
function getParentContext(el) {
|
|
49
|
+
const parent = el.parentElement;
|
|
50
|
+
if (!parent || parent === document.body)
|
|
51
|
+
return undefined;
|
|
52
|
+
const selector = buildSelector(parent);
|
|
53
|
+
const computed = getComputedStyle(parent);
|
|
54
|
+
const display = computed.display;
|
|
55
|
+
const direction = computed.flexDirection;
|
|
56
|
+
const gap = computed.gap;
|
|
57
|
+
const parts = [selector];
|
|
58
|
+
if (display.includes('flex'))
|
|
59
|
+
parts.push(`flex`);
|
|
60
|
+
if (direction && direction !== 'row')
|
|
61
|
+
parts.push(direction);
|
|
62
|
+
if (gap && gap !== 'normal')
|
|
63
|
+
parts.push(`gap: ${gap}`);
|
|
64
|
+
return parts.join(', ');
|
|
65
|
+
}
|
|
66
|
+
function getComponentName(el) {
|
|
67
|
+
// Check data-component attribute (common pattern)
|
|
68
|
+
const dataComponent = el.getAttribute('data-component')
|
|
69
|
+
|| el.getAttribute('data-testid')
|
|
70
|
+
|| el.getAttribute('data-ilse-component');
|
|
71
|
+
if (dataComponent)
|
|
72
|
+
return dataComponent;
|
|
73
|
+
// Try React fiber (works in dev mode)
|
|
74
|
+
const fiberKey = Object.keys(el).find(k => k.startsWith('__reactFiber$'));
|
|
75
|
+
if (fiberKey) {
|
|
76
|
+
const fiber = el[fiberKey];
|
|
77
|
+
if (fiber) {
|
|
78
|
+
let current = fiber;
|
|
79
|
+
while (current) {
|
|
80
|
+
const type = current.type;
|
|
81
|
+
if (typeof type === 'function') {
|
|
82
|
+
const fn = type;
|
|
83
|
+
const name = fn.name || fn.displayName;
|
|
84
|
+
if (name && typeof name === 'string' && name[0] === name[0].toUpperCase()) {
|
|
85
|
+
return name;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
current = current.return;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
return undefined;
|
|
93
|
+
}
|
|
94
|
+
// --- Smart Identification ---
|
|
95
|
+
export function getComponentStack(el) {
|
|
96
|
+
const fiberKey = Object.keys(el).find(k => k.startsWith('__reactFiber$'));
|
|
97
|
+
if (!fiberKey)
|
|
98
|
+
return [];
|
|
99
|
+
const fiber = el[fiberKey];
|
|
100
|
+
if (!fiber)
|
|
101
|
+
return [];
|
|
102
|
+
const stack = [];
|
|
103
|
+
let current = fiber;
|
|
104
|
+
while (current && stack.length < 5) {
|
|
105
|
+
const type = current.type;
|
|
106
|
+
if (typeof type === 'function') {
|
|
107
|
+
const fn = type;
|
|
108
|
+
const name = fn.name || fn.displayName;
|
|
109
|
+
if (name && typeof name === 'string' && /^[A-Z]/.test(name) && !stack.includes(name)) {
|
|
110
|
+
stack.push(name);
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
current = current.return;
|
|
114
|
+
}
|
|
115
|
+
return stack;
|
|
116
|
+
}
|
|
117
|
+
const SAFE_PROP_KEYS = new Set([
|
|
118
|
+
'className', 'id', 'variant', 'size', 'role', 'type', 'disabled',
|
|
119
|
+
'aria-label', 'data-testid', 'href', 'name', 'placeholder',
|
|
120
|
+
]);
|
|
121
|
+
function getComponentProps(fiber) {
|
|
122
|
+
let current = fiber;
|
|
123
|
+
while (current) {
|
|
124
|
+
const type = current.type;
|
|
125
|
+
if (typeof type === 'function') {
|
|
126
|
+
// Try memoizedProps first, fall back to pendingProps
|
|
127
|
+
const props = (current.memoizedProps ?? current.pendingProps);
|
|
128
|
+
if (props && Object.keys(props).length > 0) {
|
|
129
|
+
const safe = {};
|
|
130
|
+
for (const [k, v] of Object.entries(props)) {
|
|
131
|
+
if (SAFE_PROP_KEYS.has(k) && v !== undefined && v !== null && typeof v !== 'function') {
|
|
132
|
+
safe[k] = v;
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
if (Object.keys(safe).length > 0)
|
|
136
|
+
return safe;
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
current = current.return;
|
|
140
|
+
}
|
|
141
|
+
return {};
|
|
142
|
+
}
|
|
143
|
+
function buildGrepPattern(el, component, props) {
|
|
144
|
+
const testId = el.getAttribute('data-testid');
|
|
145
|
+
if (testId)
|
|
146
|
+
return `data-testid="${testId}"`;
|
|
147
|
+
if (component) {
|
|
148
|
+
const discriminating = ['variant', 'size', 'type', 'name', 'id', 'role']
|
|
149
|
+
.find(k => props?.[k] !== undefined);
|
|
150
|
+
if (discriminating)
|
|
151
|
+
return `<${component} ${discriminating}="${props[discriminating]}"`;
|
|
152
|
+
return `<${component}`;
|
|
153
|
+
}
|
|
154
|
+
if (el.id)
|
|
155
|
+
return `id="${el.id}"`;
|
|
156
|
+
return buildSelector(el);
|
|
157
|
+
}
|
|
158
|
+
// Shared helper: computes smart ID fields for any element
|
|
159
|
+
function getSmartID(el) {
|
|
160
|
+
const fiberKey = Object.keys(el).find(k => k.startsWith('__reactFiber$'));
|
|
161
|
+
const fiber = fiberKey ? el[fiberKey] : undefined;
|
|
162
|
+
const component = getComponentName(el);
|
|
163
|
+
const props = fiber ? getComponentProps(fiber) : {};
|
|
164
|
+
const stack = getComponentStack(el);
|
|
165
|
+
return {
|
|
166
|
+
grepPattern: buildGrepPattern(el, component, props),
|
|
167
|
+
componentStack: stack.length > 0 ? stack : undefined,
|
|
168
|
+
};
|
|
169
|
+
}
|
|
170
|
+
export function captureTextSelection() {
|
|
171
|
+
const selection = window.getSelection();
|
|
172
|
+
if (!selection || selection.isCollapsed || !selection.rangeCount)
|
|
173
|
+
return null;
|
|
174
|
+
const text = selection.toString().trim();
|
|
175
|
+
if (!text)
|
|
176
|
+
return null;
|
|
177
|
+
const range = selection.getRangeAt(0);
|
|
178
|
+
const rect = range.getBoundingClientRect();
|
|
179
|
+
// Get the parent element of the selection
|
|
180
|
+
let container = range.commonAncestorContainer;
|
|
181
|
+
if (container.nodeType === Node.TEXT_NODE) {
|
|
182
|
+
container = container.parentElement;
|
|
183
|
+
}
|
|
184
|
+
const { grepPattern, componentStack } = getSmartID(container);
|
|
185
|
+
return {
|
|
186
|
+
text,
|
|
187
|
+
element: buildSelector(container),
|
|
188
|
+
component: getComponentName(container),
|
|
189
|
+
styles: getRelevantStyles(container),
|
|
190
|
+
rect: {
|
|
191
|
+
top: Math.round(rect.top),
|
|
192
|
+
left: Math.round(rect.left),
|
|
193
|
+
width: Math.round(rect.width),
|
|
194
|
+
height: Math.round(rect.height),
|
|
195
|
+
},
|
|
196
|
+
grepPattern,
|
|
197
|
+
componentStack,
|
|
198
|
+
};
|
|
199
|
+
}
|
|
200
|
+
export function captureArea(region) {
|
|
201
|
+
// Find all elements within the drawn rectangle
|
|
202
|
+
const elements = [];
|
|
203
|
+
const seen = new Set();
|
|
204
|
+
// Sample points in a grid within the region
|
|
205
|
+
const stepX = Math.max(20, region.width / 10);
|
|
206
|
+
const stepY = Math.max(20, region.height / 10);
|
|
207
|
+
for (let x = region.left; x < region.left + region.width; x += stepX) {
|
|
208
|
+
for (let y = region.top; y < region.top + region.height; y += stepY) {
|
|
209
|
+
const el = document.elementFromPoint(x, y);
|
|
210
|
+
if (el && !seen.has(el) && !el.closest('[data-ilse-toolbar]')) {
|
|
211
|
+
seen.add(el);
|
|
212
|
+
const rect = el.getBoundingClientRect();
|
|
213
|
+
// Only include if element center is within region
|
|
214
|
+
const cx = rect.left + rect.width / 2;
|
|
215
|
+
const cy = rect.top + rect.height / 2;
|
|
216
|
+
if (cx >= region.left && cx <= region.left + region.width &&
|
|
217
|
+
cy >= region.top && cy <= region.top + region.height) {
|
|
218
|
+
elements.push({
|
|
219
|
+
selector: buildSelector(el),
|
|
220
|
+
tag: el.tagName.toLowerCase(),
|
|
221
|
+
});
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
}
|
|
225
|
+
}
|
|
226
|
+
return {
|
|
227
|
+
elements,
|
|
228
|
+
region,
|
|
229
|
+
elementCount: elements.length,
|
|
230
|
+
};
|
|
231
|
+
}
|
|
232
|
+
function buildDomPath(el) {
|
|
233
|
+
const parts = [];
|
|
234
|
+
let current = el;
|
|
235
|
+
while (current && current !== document.documentElement) {
|
|
236
|
+
const tag = current.tagName.toLowerCase();
|
|
237
|
+
const cls = current.classList.length > 0 ? `.${Array.from(current.classList).slice(0, 2).join('.')}` : '';
|
|
238
|
+
const id = current.id ? `#${current.id}` : '';
|
|
239
|
+
parts.unshift(`${tag}${id}${cls}`);
|
|
240
|
+
current = current.parentElement;
|
|
241
|
+
}
|
|
242
|
+
return parts.join(' > ');
|
|
243
|
+
}
|
|
244
|
+
function getNearbyElements(el) {
|
|
245
|
+
const parent = el.parentElement;
|
|
246
|
+
if (!parent)
|
|
247
|
+
return [];
|
|
248
|
+
return Array.from(parent.children)
|
|
249
|
+
.filter(c => c !== el)
|
|
250
|
+
.slice(0, 4)
|
|
251
|
+
.map(c => {
|
|
252
|
+
const tag = c.tagName.toLowerCase();
|
|
253
|
+
const cls = c.classList.length > 0 ? `.${c.classList[0]}` : '';
|
|
254
|
+
return `${tag}${cls}`;
|
|
255
|
+
});
|
|
256
|
+
}
|
|
257
|
+
export function captureElement(el) {
|
|
258
|
+
const rect = el.getBoundingClientRect();
|
|
259
|
+
const { grepPattern, componentStack } = getSmartID(el);
|
|
260
|
+
return {
|
|
261
|
+
element: buildSelector(el),
|
|
262
|
+
component: getComponentName(el),
|
|
263
|
+
styles: getRelevantStyles(el),
|
|
264
|
+
parent: getParentContext(el),
|
|
265
|
+
rect: {
|
|
266
|
+
top: Math.round(rect.top),
|
|
267
|
+
left: Math.round(rect.left),
|
|
268
|
+
width: Math.round(rect.width),
|
|
269
|
+
height: Math.round(rect.height),
|
|
270
|
+
},
|
|
271
|
+
grepPattern,
|
|
272
|
+
componentStack,
|
|
273
|
+
_scrollX: window.scrollX,
|
|
274
|
+
_scrollY: window.scrollY,
|
|
275
|
+
domPath: buildDomPath(el),
|
|
276
|
+
nearbyElements: getNearbyElements(el),
|
|
277
|
+
};
|
|
278
|
+
}
|
|
279
|
+
//# sourceMappingURL=annotator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"annotator.js","sourceRoot":"","sources":["../../src/react/annotator.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
interface AreaRect {
|
|
2
|
+
top: number;
|
|
3
|
+
left: number;
|
|
4
|
+
width: number;
|
|
5
|
+
height: number;
|
|
6
|
+
}
|
|
7
|
+
interface AreaSelectorProps {
|
|
8
|
+
active: boolean;
|
|
9
|
+
onCapture: (rect: AreaRect) => void;
|
|
10
|
+
onCancel: () => void;
|
|
11
|
+
}
|
|
12
|
+
export declare function AreaSelector({ active, onCapture, onCancel }: AreaSelectorProps): import("react/jsx-runtime").JSX.Element | null;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=area-selector.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"area-selector.d.ts","sourceRoot":"","sources":["../../src/react/area-selector.tsx"],"names":[],"mappings":"AAEA,UAAU,QAAQ;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,iBAAiB;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,kDAoF9E"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useCallback, useEffect } from 'react';
|
|
3
|
+
export function AreaSelector({ active, onCapture, onCancel }) {
|
|
4
|
+
const [start, setStart] = useState(null);
|
|
5
|
+
const [current, setCurrent] = useState(null);
|
|
6
|
+
const handleMouseDown = useCallback((e) => {
|
|
7
|
+
if (e.target.closest('[data-ilse-toolbar]'))
|
|
8
|
+
return;
|
|
9
|
+
e.preventDefault();
|
|
10
|
+
setStart({ x: e.clientX, y: e.clientY });
|
|
11
|
+
setCurrent({ x: e.clientX, y: e.clientY });
|
|
12
|
+
}, []);
|
|
13
|
+
const handleMouseMove = useCallback((e) => {
|
|
14
|
+
if (!start)
|
|
15
|
+
return;
|
|
16
|
+
setCurrent({ x: e.clientX, y: e.clientY });
|
|
17
|
+
}, [start]);
|
|
18
|
+
const handleMouseUp = useCallback(() => {
|
|
19
|
+
if (!start || !current)
|
|
20
|
+
return;
|
|
21
|
+
const rect = {
|
|
22
|
+
top: Math.min(start.y, current.y),
|
|
23
|
+
left: Math.min(start.x, current.x),
|
|
24
|
+
width: Math.abs(current.x - start.x),
|
|
25
|
+
height: Math.abs(current.y - start.y),
|
|
26
|
+
};
|
|
27
|
+
setStart(null);
|
|
28
|
+
setCurrent(null);
|
|
29
|
+
// Minimum size to avoid accidental clicks
|
|
30
|
+
if (rect.width > 10 && rect.height > 10) {
|
|
31
|
+
onCapture(rect);
|
|
32
|
+
}
|
|
33
|
+
}, [start, current, onCapture]);
|
|
34
|
+
const handleKeyDown = useCallback((e) => {
|
|
35
|
+
if (e.key === 'Escape') {
|
|
36
|
+
setStart(null);
|
|
37
|
+
setCurrent(null);
|
|
38
|
+
onCancel();
|
|
39
|
+
}
|
|
40
|
+
}, [onCancel]);
|
|
41
|
+
useEffect(() => {
|
|
42
|
+
if (!active)
|
|
43
|
+
return;
|
|
44
|
+
document.addEventListener('mousedown', handleMouseDown, true);
|
|
45
|
+
document.addEventListener('mousemove', handleMouseMove, true);
|
|
46
|
+
document.addEventListener('mouseup', handleMouseUp, true);
|
|
47
|
+
document.addEventListener('keydown', handleKeyDown, true);
|
|
48
|
+
return () => {
|
|
49
|
+
document.removeEventListener('mousedown', handleMouseDown, true);
|
|
50
|
+
document.removeEventListener('mousemove', handleMouseMove, true);
|
|
51
|
+
document.removeEventListener('mouseup', handleMouseUp, true);
|
|
52
|
+
document.removeEventListener('keydown', handleKeyDown, true);
|
|
53
|
+
};
|
|
54
|
+
}, [active, handleMouseDown, handleMouseMove, handleMouseUp, handleKeyDown]);
|
|
55
|
+
if (!active || !start || !current)
|
|
56
|
+
return null;
|
|
57
|
+
const rect = {
|
|
58
|
+
top: Math.min(start.y, current.y),
|
|
59
|
+
left: Math.min(start.x, current.x),
|
|
60
|
+
width: Math.abs(current.x - start.x),
|
|
61
|
+
height: Math.abs(current.y - start.y),
|
|
62
|
+
};
|
|
63
|
+
return (_jsx("div", { style: {
|
|
64
|
+
position: 'fixed',
|
|
65
|
+
top: rect.top,
|
|
66
|
+
left: rect.left,
|
|
67
|
+
width: rect.width,
|
|
68
|
+
height: rect.height,
|
|
69
|
+
border: '2px dashed #6366f1',
|
|
70
|
+
backgroundColor: 'rgba(99, 102, 241, 0.08)',
|
|
71
|
+
pointerEvents: 'none',
|
|
72
|
+
zIndex: 99998,
|
|
73
|
+
borderRadius: 2,
|
|
74
|
+
} }));
|
|
75
|
+
}
|
|
76
|
+
//# sourceMappingURL=area-selector.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"area-selector.js","sourceRoot":"","sources":["../../src/react/area-selector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"freeze.d.ts","sourceRoot":"","sources":["../../src/react/freeze.ts"],"names":[],"mappings":"AA6FA,wBAAgB,MAAM,SAKrB;AAED,wBAAgB,QAAQ,SAMvB;AAED,wBAAgB,YAAY,IAAI,OAAO,CAOtC;AAED,wBAAgB,QAAQ,IAAI,OAAO,CAElC"}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
let frozen = false;
|
|
2
|
+
let styleEl = null;
|
|
3
|
+
// Store original timer functions
|
|
4
|
+
const originals = {
|
|
5
|
+
setTimeout: globalThis.setTimeout,
|
|
6
|
+
setInterval: globalThis.setInterval,
|
|
7
|
+
clearTimeout: globalThis.clearTimeout,
|
|
8
|
+
clearInterval: globalThis.clearInterval,
|
|
9
|
+
requestAnimationFrame: globalThis.requestAnimationFrame,
|
|
10
|
+
cancelAnimationFrame: globalThis.cancelAnimationFrame,
|
|
11
|
+
};
|
|
12
|
+
// Track pending timers created while frozen
|
|
13
|
+
const pendingTimeouts = new Set();
|
|
14
|
+
const pendingIntervals = new Set();
|
|
15
|
+
const pendingRAFs = new Set();
|
|
16
|
+
// Queued callbacks to resume later
|
|
17
|
+
const queuedTimeouts = [];
|
|
18
|
+
const queuedRAFs = [];
|
|
19
|
+
const FREEZE_CSS = `
|
|
20
|
+
*:not([data-ilse-toolbar] *) {
|
|
21
|
+
animation-play-state: paused !important;
|
|
22
|
+
transition-duration: 0s !important;
|
|
23
|
+
transition-delay: 0s !important;
|
|
24
|
+
}
|
|
25
|
+
`;
|
|
26
|
+
function injectCSS() {
|
|
27
|
+
if (styleEl)
|
|
28
|
+
return;
|
|
29
|
+
styleEl = document.createElement('style');
|
|
30
|
+
styleEl.setAttribute('data-ilse-freeze', '');
|
|
31
|
+
styleEl.textContent = FREEZE_CSS;
|
|
32
|
+
document.head.appendChild(styleEl);
|
|
33
|
+
}
|
|
34
|
+
function removeCSS() {
|
|
35
|
+
if (styleEl) {
|
|
36
|
+
styleEl.remove();
|
|
37
|
+
styleEl = null;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
function interceptTimers() {
|
|
41
|
+
// Override setTimeout — queue instead of executing
|
|
42
|
+
globalThis.setTimeout = ((fn, delay, ...args) => {
|
|
43
|
+
if (frozen) {
|
|
44
|
+
queuedTimeouts.push({ fn: () => fn(...args), delay: delay ?? 0 });
|
|
45
|
+
return -1;
|
|
46
|
+
}
|
|
47
|
+
return originals.setTimeout(fn, delay, ...args);
|
|
48
|
+
});
|
|
49
|
+
// Override setInterval — block while frozen
|
|
50
|
+
globalThis.setInterval = ((fn, delay, ...args) => {
|
|
51
|
+
if (frozen) {
|
|
52
|
+
return -1;
|
|
53
|
+
}
|
|
54
|
+
return originals.setInterval(fn, delay, ...args);
|
|
55
|
+
});
|
|
56
|
+
// Override requestAnimationFrame — queue while frozen
|
|
57
|
+
globalThis.requestAnimationFrame = ((fn) => {
|
|
58
|
+
if (frozen) {
|
|
59
|
+
queuedRAFs.push(fn);
|
|
60
|
+
return -1;
|
|
61
|
+
}
|
|
62
|
+
return originals.requestAnimationFrame(fn);
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
function restoreTimers() {
|
|
66
|
+
globalThis.setTimeout = originals.setTimeout;
|
|
67
|
+
globalThis.setInterval = originals.setInterval;
|
|
68
|
+
globalThis.requestAnimationFrame = originals.requestAnimationFrame;
|
|
69
|
+
}
|
|
70
|
+
function flushQueued() {
|
|
71
|
+
// Resume queued timeouts
|
|
72
|
+
for (const { fn, delay } of queuedTimeouts) {
|
|
73
|
+
originals.setTimeout(fn, delay);
|
|
74
|
+
}
|
|
75
|
+
queuedTimeouts.length = 0;
|
|
76
|
+
// Resume queued rAFs
|
|
77
|
+
for (const fn of queuedRAFs) {
|
|
78
|
+
originals.requestAnimationFrame(fn);
|
|
79
|
+
}
|
|
80
|
+
queuedRAFs.length = 0;
|
|
81
|
+
}
|
|
82
|
+
export function freeze() {
|
|
83
|
+
if (frozen)
|
|
84
|
+
return;
|
|
85
|
+
frozen = true;
|
|
86
|
+
injectCSS();
|
|
87
|
+
interceptTimers();
|
|
88
|
+
}
|
|
89
|
+
export function unfreeze() {
|
|
90
|
+
if (!frozen)
|
|
91
|
+
return;
|
|
92
|
+
frozen = false;
|
|
93
|
+
removeCSS();
|
|
94
|
+
restoreTimers();
|
|
95
|
+
flushQueued();
|
|
96
|
+
}
|
|
97
|
+
export function toggleFreeze() {
|
|
98
|
+
if (frozen) {
|
|
99
|
+
unfreeze();
|
|
100
|
+
}
|
|
101
|
+
else {
|
|
102
|
+
freeze();
|
|
103
|
+
}
|
|
104
|
+
return frozen;
|
|
105
|
+
}
|
|
106
|
+
export function isFrozen() {
|
|
107
|
+
return frozen;
|
|
108
|
+
}
|
|
109
|
+
//# sourceMappingURL=freeze.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"freeze.js","sourceRoot":"","sources":["../../src/react/freeze.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export declare function useImageInput(onChange: (dataUrl: string | undefined) => void): {
|
|
2
|
+
handlePaste: (e: React.ClipboardEvent) => Promise<void>;
|
|
3
|
+
handleFileChange: (e: React.ChangeEvent<HTMLInputElement>) => Promise<void>;
|
|
4
|
+
openFilePicker: () => void;
|
|
5
|
+
fileRef: import("react").RefObject<HTMLInputElement | null>;
|
|
6
|
+
};
|
|
7
|
+
export declare function ImagePreview({ value, onRemove, onUpload, fileRef, onFileChange, }: {
|
|
8
|
+
value?: string;
|
|
9
|
+
onRemove: () => void;
|
|
10
|
+
onUpload: () => void;
|
|
11
|
+
fileRef: React.RefObject<HTMLInputElement | null>;
|
|
12
|
+
onFileChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
13
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
//# sourceMappingURL=image-input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image-input.d.ts","sourceRoot":"","sources":["../../src/react/image-input.tsx"],"names":[],"mappings":"AAyCA,wBAAgB,aAAa,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI;qBAGjC,KAAK,CAAC,cAAc;0BAaf,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;;;EAcnF;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,YAAY,GACb,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAClD,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAChE,2CAiEA"}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useRef, useCallback } from 'react';
|
|
3
|
+
const MAX_SIZE = 512 * 1024; // 512KB — resize if larger
|
|
4
|
+
function resizeImage(dataUrl, maxWidth) {
|
|
5
|
+
return new Promise((resolve) => {
|
|
6
|
+
const img = new Image();
|
|
7
|
+
img.onload = () => {
|
|
8
|
+
if (img.width <= maxWidth) {
|
|
9
|
+
resolve(dataUrl);
|
|
10
|
+
return;
|
|
11
|
+
}
|
|
12
|
+
const ratio = maxWidth / img.width;
|
|
13
|
+
const canvas = document.createElement('canvas');
|
|
14
|
+
canvas.width = maxWidth;
|
|
15
|
+
canvas.height = Math.round(img.height * ratio);
|
|
16
|
+
const ctx = canvas.getContext('2d');
|
|
17
|
+
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
|
|
18
|
+
resolve(canvas.toDataURL('image/jpeg', 0.8));
|
|
19
|
+
};
|
|
20
|
+
img.src = dataUrl;
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
function fileToDataUrl(file) {
|
|
24
|
+
return new Promise((resolve, reject) => {
|
|
25
|
+
const reader = new FileReader();
|
|
26
|
+
reader.onload = () => resolve(reader.result);
|
|
27
|
+
reader.onerror = reject;
|
|
28
|
+
reader.readAsDataURL(file);
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
async function processImage(file) {
|
|
32
|
+
const dataUrl = await fileToDataUrl(file);
|
|
33
|
+
if (dataUrl.length > MAX_SIZE) {
|
|
34
|
+
return resizeImage(dataUrl, 800);
|
|
35
|
+
}
|
|
36
|
+
return dataUrl;
|
|
37
|
+
}
|
|
38
|
+
export function useImageInput(onChange) {
|
|
39
|
+
const fileRef = useRef(null);
|
|
40
|
+
const handlePaste = useCallback(async (e) => {
|
|
41
|
+
const items = Array.from(e.clipboardData.items);
|
|
42
|
+
const imageItem = items.find(item => item.type.startsWith('image/'));
|
|
43
|
+
if (!imageItem)
|
|
44
|
+
return;
|
|
45
|
+
e.preventDefault();
|
|
46
|
+
const file = imageItem.getAsFile();
|
|
47
|
+
if (!file)
|
|
48
|
+
return;
|
|
49
|
+
const dataUrl = await processImage(file);
|
|
50
|
+
onChange(dataUrl);
|
|
51
|
+
}, [onChange]);
|
|
52
|
+
const handleFileChange = useCallback(async (e) => {
|
|
53
|
+
const file = e.target.files?.[0];
|
|
54
|
+
if (!file)
|
|
55
|
+
return;
|
|
56
|
+
const dataUrl = await processImage(file);
|
|
57
|
+
onChange(dataUrl);
|
|
58
|
+
if (fileRef.current)
|
|
59
|
+
fileRef.current.value = '';
|
|
60
|
+
}, [onChange]);
|
|
61
|
+
const openFilePicker = useCallback(() => {
|
|
62
|
+
fileRef.current?.click();
|
|
63
|
+
}, []);
|
|
64
|
+
return { handlePaste, handleFileChange, openFilePicker, fileRef };
|
|
65
|
+
}
|
|
66
|
+
export function ImagePreview({ value, onRemove, onUpload, fileRef, onFileChange, }) {
|
|
67
|
+
return (_jsxs("div", { style: { marginTop: 4 }, children: [value ? (_jsxs("div", { style: { position: 'relative', display: 'inline-block' }, children: [_jsx("img", { src: value, alt: "Refer\u00EAncia", style: {
|
|
68
|
+
maxWidth: '100%',
|
|
69
|
+
maxHeight: 120,
|
|
70
|
+
borderRadius: 6,
|
|
71
|
+
border: '1px solid #2d2d4a',
|
|
72
|
+
} }), _jsx("button", { onClick: (e) => { e.stopPropagation(); onRemove(); }, style: {
|
|
73
|
+
position: 'absolute',
|
|
74
|
+
top: -6,
|
|
75
|
+
right: -6,
|
|
76
|
+
width: 18,
|
|
77
|
+
height: 18,
|
|
78
|
+
borderRadius: '50%',
|
|
79
|
+
backgroundColor: '#ef4444',
|
|
80
|
+
color: 'white',
|
|
81
|
+
border: 'none',
|
|
82
|
+
cursor: 'pointer',
|
|
83
|
+
fontSize: 11,
|
|
84
|
+
display: 'flex',
|
|
85
|
+
alignItems: 'center',
|
|
86
|
+
justifyContent: 'center',
|
|
87
|
+
lineHeight: 1,
|
|
88
|
+
}, children: "x" })] })) : (_jsx("button", { onClick: (e) => { e.stopPropagation(); onUpload(); }, style: {
|
|
89
|
+
padding: '4px 8px',
|
|
90
|
+
backgroundColor: 'transparent',
|
|
91
|
+
border: '1px dashed #4a4a6a',
|
|
92
|
+
borderRadius: 6,
|
|
93
|
+
color: '#94a3b8',
|
|
94
|
+
cursor: 'pointer',
|
|
95
|
+
fontSize: 11,
|
|
96
|
+
width: '100%',
|
|
97
|
+
textAlign: 'center',
|
|
98
|
+
}, children: "Colar imagem (Ctrl+V) ou clique para upload" })), _jsx("input", { ref: fileRef, type: "file", accept: "image/*", onChange: onFileChange, style: { display: 'none' } })] }));
|
|
99
|
+
}
|
|
100
|
+
//# sourceMappingURL=image-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image-input.js","sourceRoot":"","sources":["../../src/react/image-input.tsx"],"names":[],"mappings":"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"}
|