@codefluss/sandbox 0.0.1-alpha.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/CHANGELOG.md +75 -0
- package/README.md +413 -0
- package/dist/__tests__/auto-resize-script.test.d.ts +2 -0
- package/dist/__tests__/auto-resize-script.test.d.ts.map +1 -0
- package/dist/__tests__/auto-resize-script.test.js +49 -0
- package/dist/__tests__/auto-resize-script.test.js.map +1 -0
- package/dist/__tests__/sandbox-component.test.d.ts +2 -0
- package/dist/__tests__/sandbox-component.test.d.ts.map +1 -0
- package/dist/__tests__/sandbox-component.test.js +281 -0
- package/dist/__tests__/sandbox-component.test.js.map +1 -0
- package/dist/__tests__/sandbox-config.test.d.ts +2 -0
- package/dist/__tests__/sandbox-config.test.d.ts.map +1 -0
- package/dist/__tests__/sandbox-config.test.js +148 -0
- package/dist/__tests__/sandbox-config.test.js.map +1 -0
- package/dist/__tests__/sandbox-iframe.test.d.ts +2 -0
- package/dist/__tests__/sandbox-iframe.test.d.ts.map +1 -0
- package/dist/__tests__/sandbox-iframe.test.js +212 -0
- package/dist/__tests__/sandbox-iframe.test.js.map +1 -0
- package/dist/__tests__/setup.d.ts +2 -0
- package/dist/__tests__/setup.d.ts.map +1 -0
- package/dist/__tests__/setup.js +27 -0
- package/dist/__tests__/setup.js.map +1 -0
- package/dist/components/index.d.ts +5 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +5 -0
- package/dist/components/index.js.map +1 -0
- package/dist/components/performance-wrapper.d.ts +12 -0
- package/dist/components/performance-wrapper.d.ts.map +1 -0
- package/dist/components/performance-wrapper.js +162 -0
- package/dist/components/performance-wrapper.js.map +1 -0
- package/dist/components/sandbox-component.d.ts +3 -0
- package/dist/components/sandbox-component.d.ts.map +1 -0
- package/dist/components/sandbox-component.js +123 -0
- package/dist/components/sandbox-component.js.map +1 -0
- package/dist/components/sandbox-iframe-cached.d.ts +3 -0
- package/dist/components/sandbox-iframe-cached.d.ts.map +1 -0
- package/dist/components/sandbox-iframe-cached.js +176 -0
- package/dist/components/sandbox-iframe-cached.js.map +1 -0
- package/dist/components/sandbox-iframe.d.ts +3 -0
- package/dist/components/sandbox-iframe.d.ts.map +1 -0
- package/dist/components/sandbox-iframe.js +131 -0
- package/dist/components/sandbox-iframe.js.map +1 -0
- package/dist/converters/auto-detect/auto-detect.d.ts +13 -0
- package/dist/converters/auto-detect/auto-detect.d.ts.map +1 -0
- package/dist/converters/auto-detect/auto-detect.js +224 -0
- package/dist/converters/auto-detect/auto-detect.js.map +1 -0
- package/dist/converters/auto-detect/index.d.ts +3 -0
- package/dist/converters/auto-detect/index.d.ts.map +1 -0
- package/dist/converters/auto-detect/index.js +2 -0
- package/dist/converters/auto-detect/index.js.map +1 -0
- package/dist/converters/codepen/codepen-converter.d.ts +9 -0
- package/dist/converters/codepen/codepen-converter.d.ts.map +1 -0
- package/dist/converters/codepen/codepen-converter.js +99 -0
- package/dist/converters/codepen/codepen-converter.js.map +1 -0
- package/dist/converters/codepen/index.d.ts +2 -0
- package/dist/converters/codepen/index.d.ts.map +1 -0
- package/dist/converters/codepen/index.js +2 -0
- package/dist/converters/codepen/index.js.map +1 -0
- package/dist/converters/gist/gist-converter.d.ts +31 -0
- package/dist/converters/gist/gist-converter.d.ts.map +1 -0
- package/dist/converters/gist/gist-converter.js +162 -0
- package/dist/converters/gist/gist-converter.js.map +1 -0
- package/dist/converters/gist/index.d.ts +2 -0
- package/dist/converters/gist/index.d.ts.map +1 -0
- package/dist/converters/gist/index.js +2 -0
- package/dist/converters/gist/index.js.map +1 -0
- package/dist/converters/shared/html-parser.d.ts +4 -0
- package/dist/converters/shared/html-parser.d.ts.map +1 -0
- package/dist/converters/shared/html-parser.js +39 -0
- package/dist/converters/shared/html-parser.js.map +1 -0
- package/dist/converters/shared/index.d.ts +4 -0
- package/dist/converters/shared/index.d.ts.map +1 -0
- package/dist/converters/shared/index.js +3 -0
- package/dist/converters/shared/index.js.map +1 -0
- package/dist/converters/shared/sanitization.d.ts +5 -0
- package/dist/converters/shared/sanitization.d.ts.map +1 -0
- package/dist/converters/shared/sanitization.js +176 -0
- package/dist/converters/shared/sanitization.js.map +1 -0
- package/dist/converters/shared/types.d.ts +23 -0
- package/dist/converters/shared/types.d.ts.map +1 -0
- package/dist/converters/shared/types.js +2 -0
- package/dist/converters/shared/types.js.map +1 -0
- package/dist/core/index.d.ts +13 -0
- package/dist/core/index.d.ts.map +1 -0
- package/dist/core/index.js +10 -0
- package/dist/core/index.js.map +1 -0
- package/dist/frameworks/__tests__/file-utils.test.d.ts +2 -0
- package/dist/frameworks/__tests__/file-utils.test.d.ts.map +1 -0
- package/dist/frameworks/__tests__/file-utils.test.js +408 -0
- package/dist/frameworks/__tests__/file-utils.test.js.map +1 -0
- package/dist/frameworks/__tests__/sandpack-wrapper.test.d.ts +2 -0
- package/dist/frameworks/__tests__/sandpack-wrapper.test.d.ts.map +1 -0
- package/dist/frameworks/__tests__/sandpack-wrapper.test.js +147 -0
- package/dist/frameworks/__tests__/sandpack-wrapper.test.js.map +1 -0
- package/dist/frameworks/file-utils.d.ts +20 -0
- package/dist/frameworks/file-utils.d.ts.map +1 -0
- package/dist/frameworks/file-utils.js +293 -0
- package/dist/frameworks/file-utils.js.map +1 -0
- package/dist/frameworks/framework-detector.d.ts +5 -0
- package/dist/frameworks/framework-detector.d.ts.map +1 -0
- package/dist/frameworks/framework-detector.js +117 -0
- package/dist/frameworks/framework-detector.js.map +1 -0
- package/dist/frameworks/index.d.ts +6 -0
- package/dist/frameworks/index.d.ts.map +1 -0
- package/dist/frameworks/index.js +5 -0
- package/dist/frameworks/index.js.map +1 -0
- package/dist/frameworks/sandpack-wrapper.d.ts +28 -0
- package/dist/frameworks/sandpack-wrapper.d.ts.map +1 -0
- package/dist/frameworks/sandpack-wrapper.js +55 -0
- package/dist/frameworks/sandpack-wrapper.js.map +1 -0
- package/dist/frameworks/templates/index.d.ts +8 -0
- package/dist/frameworks/templates/index.d.ts.map +1 -0
- package/dist/frameworks/templates/index.js +29 -0
- package/dist/frameworks/templates/index.js.map +1 -0
- package/dist/frameworks/templates/react-template.d.ts +3 -0
- package/dist/frameworks/templates/react-template.d.ts.map +1 -0
- package/dist/frameworks/templates/react-template.js +376 -0
- package/dist/frameworks/templates/react-template.js.map +1 -0
- package/dist/frameworks/templates/svelte-template.d.ts +3 -0
- package/dist/frameworks/templates/svelte-template.d.ts.map +1 -0
- package/dist/frameworks/templates/svelte-template.js +373 -0
- package/dist/frameworks/templates/svelte-template.js.map +1 -0
- package/dist/frameworks/templates/vanilla-template.d.ts +3 -0
- package/dist/frameworks/templates/vanilla-template.d.ts.map +1 -0
- package/dist/frameworks/templates/vanilla-template.js +455 -0
- package/dist/frameworks/templates/vanilla-template.js.map +1 -0
- package/dist/frameworks/templates/vue-template.d.ts +3 -0
- package/dist/frameworks/templates/vue-template.d.ts.map +1 -0
- package/dist/frameworks/templates/vue-template.js +388 -0
- package/dist/frameworks/templates/vue-template.js.map +1 -0
- package/dist/frameworks/types.d.ts +57 -0
- package/dist/frameworks/types.d.ts.map +1 -0
- package/dist/frameworks/types.js +2 -0
- package/dist/frameworks/types.js.map +1 -0
- package/dist/index.d.ts +7 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +7 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/performance-tracker.d.ts +45 -0
- package/dist/lib/performance-tracker.d.ts.map +1 -0
- package/dist/lib/performance-tracker.js +165 -0
- package/dist/lib/performance-tracker.js.map +1 -0
- package/dist/lib/sandbox-cache.d.ts +24 -0
- package/dist/lib/sandbox-cache.d.ts.map +1 -0
- package/dist/lib/sandbox-cache.js +138 -0
- package/dist/lib/sandbox-cache.js.map +1 -0
- package/dist/locales/de.json +72 -0
- package/dist/locales/en.json +72 -0
- package/dist/locales/index.d.ts +148 -0
- package/dist/locales/index.d.ts.map +1 -0
- package/dist/locales/index.js +7 -0
- package/dist/locales/index.js.map +1 -0
- package/dist/performance/sandpack-bundle-cache.d.ts +19 -0
- package/dist/performance/sandpack-bundle-cache.d.ts.map +1 -0
- package/dist/performance/sandpack-bundle-cache.js +48 -0
- package/dist/performance/sandpack-bundle-cache.js.map +1 -0
- package/dist/sandbox-config.d.ts +4 -0
- package/dist/sandbox-config.d.ts.map +1 -0
- package/dist/sandbox-config.js +235 -0
- package/dist/sandbox-config.js.map +1 -0
- package/dist/storage/__tests__/indexeddb-adapter.test.d.ts +2 -0
- package/dist/storage/__tests__/indexeddb-adapter.test.d.ts.map +1 -0
- package/dist/storage/__tests__/indexeddb-adapter.test.js +192 -0
- package/dist/storage/__tests__/indexeddb-adapter.test.js.map +1 -0
- package/dist/storage/__tests__/project-manager.test.d.ts +2 -0
- package/dist/storage/__tests__/project-manager.test.d.ts.map +1 -0
- package/dist/storage/__tests__/project-manager.test.js +266 -0
- package/dist/storage/__tests__/project-manager.test.js.map +1 -0
- package/dist/storage/index.d.ts +5 -0
- package/dist/storage/index.d.ts.map +1 -0
- package/dist/storage/index.js +4 -0
- package/dist/storage/index.js.map +1 -0
- package/dist/storage/indexeddb-adapter.d.ts +18 -0
- package/dist/storage/indexeddb-adapter.d.ts.map +1 -0
- package/dist/storage/indexeddb-adapter.js +232 -0
- package/dist/storage/indexeddb-adapter.js.map +1 -0
- package/dist/storage/project-manager.d.ts +35 -0
- package/dist/storage/project-manager.d.ts.map +1 -0
- package/dist/storage/project-manager.js +213 -0
- package/dist/storage/project-manager.js.map +1 -0
- package/dist/storage/types.d.ts +59 -0
- package/dist/storage/types.d.ts.map +1 -0
- package/dist/storage/types.js +2 -0
- package/dist/storage/types.js.map +1 -0
- package/dist/storage/zip-handler.d.ts +5 -0
- package/dist/storage/zip-handler.d.ts.map +1 -0
- package/dist/storage/zip-handler.js +200 -0
- package/dist/storage/zip-handler.js.map +1 -0
- package/dist/types/sandbox-types.d.ts +54 -0
- package/dist/types/sandbox-types.d.ts.map +1 -0
- package/dist/types/sandbox-types.js +2 -0
- package/dist/types/sandbox-types.js.map +1 -0
- package/dist/utils/__tests__/converters/auto-detect.test.d.ts +2 -0
- package/dist/utils/__tests__/converters/auto-detect.test.d.ts.map +1 -0
- package/dist/utils/__tests__/converters/auto-detect.test.js +381 -0
- package/dist/utils/__tests__/converters/auto-detect.test.js.map +1 -0
- package/dist/utils/__tests__/converters/codepen-converter.test.d.ts +2 -0
- package/dist/utils/__tests__/converters/codepen-converter.test.d.ts.map +1 -0
- package/dist/utils/__tests__/converters/codepen-converter.test.js +408 -0
- package/dist/utils/__tests__/converters/codepen-converter.test.js.map +1 -0
- package/dist/utils/__tests__/converters/gist-converter.test.d.ts +2 -0
- package/dist/utils/__tests__/converters/gist-converter.test.d.ts.map +1 -0
- package/dist/utils/__tests__/converters/gist-converter.test.js +458 -0
- package/dist/utils/__tests__/converters/gist-converter.test.js.map +1 -0
- package/dist/utils/__tests__/converters/html-parser.test.d.ts +2 -0
- package/dist/utils/__tests__/converters/html-parser.test.d.ts.map +1 -0
- package/dist/utils/__tests__/converters/html-parser.test.js +285 -0
- package/dist/utils/__tests__/converters/html-parser.test.js.map +1 -0
- package/dist/utils/__tests__/converters/sanitization.test.d.ts +2 -0
- package/dist/utils/__tests__/converters/sanitization.test.d.ts.map +1 -0
- package/dist/utils/__tests__/converters/sanitization.test.js +210 -0
- package/dist/utils/__tests__/converters/sanitization.test.js.map +1 -0
- package/dist/utils/auto-resize-script.d.ts +4 -0
- package/dist/utils/auto-resize-script.d.ts.map +1 -0
- package/dist/utils/auto-resize-script.js +125 -0
- package/dist/utils/auto-resize-script.js.map +1 -0
- package/dist/widgets/banner/BannerWidget.d.ts +15 -0
- package/dist/widgets/banner/BannerWidget.d.ts.map +1 -0
- package/dist/widgets/banner/BannerWidget.js +33 -0
- package/dist/widgets/banner/BannerWidget.js.map +1 -0
- package/dist/widgets/form/FormWidget.d.ts +23 -0
- package/dist/widgets/form/FormWidget.d.ts.map +1 -0
- package/dist/widgets/form/FormWidget.js +42 -0
- package/dist/widgets/form/FormWidget.js.map +1 -0
- package/dist/widgets/index.d.ts +8 -0
- package/dist/widgets/index.d.ts.map +1 -0
- package/dist/widgets/index.js +28 -0
- package/dist/widgets/index.js.map +1 -0
- package/dist/widgets/types.d.ts +28 -0
- package/dist/widgets/types.d.ts.map +1 -0
- package/dist/widgets/types.js +2 -0
- package/dist/widgets/types.js.map +1 -0
- package/package.json +116 -0
|
@@ -0,0 +1,176 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useEffectEvent, useRef, useState } from 'react';
|
|
4
|
+
import { generateAutoResizeScript } from '../utils/auto-resize-script';
|
|
5
|
+
import { browserCache, calculateHash } from '../lib/sandbox-cache';
|
|
6
|
+
export function SandboxIframeCached({ code, externalLibraries = [], height, maxHeight, autoResize, executionTimeout, isEditorMode, onHeightChange, onError, onRenderComplete, }) {
|
|
7
|
+
const iframeRef = useRef(null);
|
|
8
|
+
const timeoutRef = useRef(null);
|
|
9
|
+
const [currentHeight, setCurrentHeight] = useState(height);
|
|
10
|
+
const [isReady, setIsReady] = useState(false);
|
|
11
|
+
const [srcdocContent, setSrcdocContent] = useState('');
|
|
12
|
+
const [cacheHit, setCacheHit] = useState(false);
|
|
13
|
+
const [renderTime, setRenderTime] = useState(0);
|
|
14
|
+
const onErrorEvent = useEffectEvent((message) => {
|
|
15
|
+
onError?.(message);
|
|
16
|
+
});
|
|
17
|
+
const onHeightChangeEvent = useEffectEvent((newHeight) => {
|
|
18
|
+
onHeightChange?.(newHeight);
|
|
19
|
+
});
|
|
20
|
+
const onRenderCompleteEvent = useEffectEvent((time, cached) => {
|
|
21
|
+
onRenderComplete?.(time, cached);
|
|
22
|
+
});
|
|
23
|
+
const generateSrcdoc = async () => {
|
|
24
|
+
const startTime = performance.now();
|
|
25
|
+
const { html, css, js } = code;
|
|
26
|
+
const cacheKey = await calculateHash(html, css, js, externalLibraries);
|
|
27
|
+
const cached = await browserCache.get(cacheKey);
|
|
28
|
+
if (cached) {
|
|
29
|
+
const duration = performance.now() - startTime;
|
|
30
|
+
setRenderTime(duration);
|
|
31
|
+
setCacheHit(true);
|
|
32
|
+
console.log(`⚡ Cache HIT (${duration.toFixed(0)}ms):`, cacheKey.substring(0, 16));
|
|
33
|
+
return cached;
|
|
34
|
+
}
|
|
35
|
+
setCacheHit(false);
|
|
36
|
+
const libraryScripts = externalLibraries
|
|
37
|
+
.map((url) => `<script src="${url}" crossorigin="anonymous"></script>`)
|
|
38
|
+
.join('\n');
|
|
39
|
+
const autoResizeScript = autoResize
|
|
40
|
+
? `<script>${generateAutoResizeScript(maxHeight)}</script>`
|
|
41
|
+
: '';
|
|
42
|
+
const htmlDoc = `<!DOCTYPE html>
|
|
43
|
+
<html lang="en">
|
|
44
|
+
<head>
|
|
45
|
+
<meta charset="UTF-8">
|
|
46
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
47
|
+
<meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline' 'unsafe-eval' https: data: blob:; script-src 'unsafe-inline' 'unsafe-eval' https:; style-src 'unsafe-inline' https:;">
|
|
48
|
+
<style>
|
|
49
|
+
* {
|
|
50
|
+
box-sizing: border-box;
|
|
51
|
+
}
|
|
52
|
+
body {
|
|
53
|
+
margin: 0;
|
|
54
|
+
padding: 16px;
|
|
55
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
|
|
56
|
+
}
|
|
57
|
+
${css}
|
|
58
|
+
</style>
|
|
59
|
+
${libraryScripts}
|
|
60
|
+
</head>
|
|
61
|
+
<body>
|
|
62
|
+
${html}
|
|
63
|
+
<script>
|
|
64
|
+
${js}
|
|
65
|
+
</script>
|
|
66
|
+
${autoResizeScript}
|
|
67
|
+
</body>
|
|
68
|
+
</html>`;
|
|
69
|
+
await browserCache.set(cacheKey, htmlDoc);
|
|
70
|
+
const duration = performance.now() - startTime;
|
|
71
|
+
setRenderTime(duration);
|
|
72
|
+
console.log(`🔄 Cache MISS (${duration.toFixed(0)}ms):`, cacheKey.substring(0, 16));
|
|
73
|
+
return htmlDoc;
|
|
74
|
+
};
|
|
75
|
+
useEffect(() => {
|
|
76
|
+
let isMounted = true;
|
|
77
|
+
const loadContent = async () => {
|
|
78
|
+
try {
|
|
79
|
+
const content = await generateSrcdoc();
|
|
80
|
+
if (isMounted) {
|
|
81
|
+
setSrcdocContent(content);
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
catch (error) {
|
|
85
|
+
console.error('[SandboxIframeCached] Error generating srcdoc:', error);
|
|
86
|
+
onErrorEvent('Failed to generate sandbox content');
|
|
87
|
+
}
|
|
88
|
+
};
|
|
89
|
+
loadContent();
|
|
90
|
+
return () => {
|
|
91
|
+
isMounted = false;
|
|
92
|
+
};
|
|
93
|
+
}, [code.html, code.css, code.js, externalLibraries, autoResize, maxHeight]);
|
|
94
|
+
useEffect(() => {
|
|
95
|
+
if (renderTime > 0) {
|
|
96
|
+
onRenderCompleteEvent(renderTime, cacheHit);
|
|
97
|
+
}
|
|
98
|
+
}, [renderTime, cacheHit]);
|
|
99
|
+
useEffect(() => {
|
|
100
|
+
const handleMessage = (event) => {
|
|
101
|
+
if (!event.data || typeof event.data !== 'object')
|
|
102
|
+
return;
|
|
103
|
+
const message = event.data;
|
|
104
|
+
switch (message.type) {
|
|
105
|
+
case 'ready':
|
|
106
|
+
setIsReady(true);
|
|
107
|
+
break;
|
|
108
|
+
case 'resize':
|
|
109
|
+
if (autoResize && typeof message.height === 'number') {
|
|
110
|
+
const newHeight = Math.min(message.height, maxHeight);
|
|
111
|
+
setCurrentHeight(newHeight);
|
|
112
|
+
onHeightChangeEvent(newHeight);
|
|
113
|
+
}
|
|
114
|
+
break;
|
|
115
|
+
case 'error':
|
|
116
|
+
if (message.message) {
|
|
117
|
+
onErrorEvent(message.message);
|
|
118
|
+
}
|
|
119
|
+
break;
|
|
120
|
+
}
|
|
121
|
+
};
|
|
122
|
+
window.addEventListener('message', handleMessage);
|
|
123
|
+
return () => {
|
|
124
|
+
window.removeEventListener('message', handleMessage);
|
|
125
|
+
};
|
|
126
|
+
}, [autoResize, maxHeight]);
|
|
127
|
+
useEffect(() => {
|
|
128
|
+
if (executionTimeout > 0 && isReady) {
|
|
129
|
+
if (timeoutRef.current) {
|
|
130
|
+
clearTimeout(timeoutRef.current);
|
|
131
|
+
}
|
|
132
|
+
timeoutRef.current = setTimeout(() => {
|
|
133
|
+
if (iframeRef.current) {
|
|
134
|
+
iframeRef.current.srcdoc =
|
|
135
|
+
'<!DOCTYPE html><html><body><p style="color: red;">⏱️ Execution timeout reached</p></body></html>';
|
|
136
|
+
onErrorEvent('Execution timeout reached. Iframe was terminated to prevent infinite loops.');
|
|
137
|
+
}
|
|
138
|
+
}, executionTimeout);
|
|
139
|
+
}
|
|
140
|
+
return () => {
|
|
141
|
+
if (timeoutRef.current) {
|
|
142
|
+
clearTimeout(timeoutRef.current);
|
|
143
|
+
}
|
|
144
|
+
};
|
|
145
|
+
}, [executionTimeout, isReady]);
|
|
146
|
+
const sandboxPermissions = [
|
|
147
|
+
'allow-scripts',
|
|
148
|
+
'allow-forms',
|
|
149
|
+
'allow-modals',
|
|
150
|
+
'allow-popups',
|
|
151
|
+
].join(' ');
|
|
152
|
+
return (_jsxs("div", { style: { position: 'relative' }, children: [isEditorMode && renderTime > 0 && (_jsxs("div", { style: {
|
|
153
|
+
position: 'absolute',
|
|
154
|
+
top: '8px',
|
|
155
|
+
left: '8px',
|
|
156
|
+
backgroundColor: cacheHit ? 'rgba(16, 185, 129, 0.9)' : 'rgba(245, 158, 11, 0.9)',
|
|
157
|
+
color: '#fff',
|
|
158
|
+
padding: '4px 8px',
|
|
159
|
+
borderRadius: '4px',
|
|
160
|
+
fontSize: '11px',
|
|
161
|
+
fontWeight: '600',
|
|
162
|
+
zIndex: 10,
|
|
163
|
+
display: 'flex',
|
|
164
|
+
alignItems: 'center',
|
|
165
|
+
gap: '4px',
|
|
166
|
+
}, children: [cacheHit ? '⚡' : '🔄', " ", renderTime.toFixed(0), "ms ", cacheHit ? 'CACHED' : 'GENERATED'] })), _jsx("iframe", { ref: iframeRef, srcDoc: srcdocContent, sandbox: sandboxPermissions, title: "Sandbox Preview (Cached)", style: {
|
|
167
|
+
width: '100%',
|
|
168
|
+
height: typeof height === 'string' && height === '100vh' ? '100%' : `${currentHeight}px`,
|
|
169
|
+
border: isEditorMode ? '1px solid #e5e7eb' : 'none',
|
|
170
|
+
borderRadius: isEditorMode ? '8px' : '0',
|
|
171
|
+
display: 'block',
|
|
172
|
+
backgroundColor: '#fff',
|
|
173
|
+
minHeight: '400px',
|
|
174
|
+
}, referrerPolicy: "no-referrer", loading: "lazy" })] }));
|
|
175
|
+
}
|
|
176
|
+
//# sourceMappingURL=sandbox-iframe-cached.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sandbox-iframe-cached.js","sourceRoot":"","sources":["../../src/components/sandbox-iframe-cached.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import type { SandboxIframeProps } from '../types/sandbox-types';
|
|
2
|
+
export declare function SandboxIframe({ code, externalLibraries, height, maxHeight, autoResize, executionTimeout, isEditorMode, onHeightChange, onError, onRenderComplete, }: SandboxIframeProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
//# sourceMappingURL=sandbox-iframe.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sandbox-iframe.d.ts","sourceRoot":"","sources":["../../src/components/sandbox-iframe.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,kBAAkB,EAAkB,MAAM,wBAAwB,CAAC;AASjF,wBAAgB,aAAa,CAAC,EAC7B,IAAI,EACJ,iBAAsB,EACtB,MAAM,EACN,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,OAAO,EACP,gBAAgB,GAChB,EAAE,kBAAkB,2CAwMpB"}
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useEffectEvent, useMemo, useRef, useState } from 'react';
|
|
4
|
+
import { generateAutoResizeScript } from '../utils/auto-resize-script';
|
|
5
|
+
export function SandboxIframe({ code, externalLibraries = [], height, maxHeight, autoResize, executionTimeout, isEditorMode, onHeightChange, onError, onRenderComplete, }) {
|
|
6
|
+
const iframeRef = useRef(null);
|
|
7
|
+
const timeoutRef = useRef(null);
|
|
8
|
+
const [currentHeight, setCurrentHeight] = useState(height);
|
|
9
|
+
const [isReady, setIsReady] = useState(false);
|
|
10
|
+
const [renderTime, setRenderTime] = useState(0);
|
|
11
|
+
const onErrorEvent = useEffectEvent((message) => {
|
|
12
|
+
onError?.(message);
|
|
13
|
+
});
|
|
14
|
+
const onHeightChangeEvent = useEffectEvent((newHeight) => {
|
|
15
|
+
onHeightChange?.(newHeight);
|
|
16
|
+
});
|
|
17
|
+
const onRenderCompleteEvent = useEffectEvent((time) => {
|
|
18
|
+
onRenderComplete?.(time);
|
|
19
|
+
});
|
|
20
|
+
const generateSrcdoc = () => {
|
|
21
|
+
const startTime = performance.now();
|
|
22
|
+
const { html, css, js } = code;
|
|
23
|
+
const libraryScripts = externalLibraries
|
|
24
|
+
.map((url) => `<script src="${url}"></script>`)
|
|
25
|
+
.join('\n');
|
|
26
|
+
const autoResizeScript = autoResize
|
|
27
|
+
? `<script>${generateAutoResizeScript(maxHeight)}</script>`
|
|
28
|
+
: '';
|
|
29
|
+
const htmlDoc = `<!DOCTYPE html>
|
|
30
|
+
<html lang="en">
|
|
31
|
+
<head>
|
|
32
|
+
<meta charset="UTF-8">
|
|
33
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
34
|
+
<meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline' 'unsafe-eval' https: data: blob:; script-src 'unsafe-inline' 'unsafe-eval' https:; style-src 'unsafe-inline' https:;">
|
|
35
|
+
<style>
|
|
36
|
+
* {
|
|
37
|
+
box-sizing: border-box;
|
|
38
|
+
}
|
|
39
|
+
body {
|
|
40
|
+
margin: 0;
|
|
41
|
+
padding: 16px;
|
|
42
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
|
|
43
|
+
}
|
|
44
|
+
${css}
|
|
45
|
+
</style>
|
|
46
|
+
${libraryScripts}
|
|
47
|
+
</head>
|
|
48
|
+
<body>
|
|
49
|
+
${html}
|
|
50
|
+
<script>
|
|
51
|
+
${js}
|
|
52
|
+
</script>
|
|
53
|
+
${autoResizeScript}
|
|
54
|
+
</body>
|
|
55
|
+
</html>`;
|
|
56
|
+
const duration = performance.now() - startTime;
|
|
57
|
+
setRenderTime(duration);
|
|
58
|
+
console.log(`🔄 Non-cached render (${duration.toFixed(0)}ms)`);
|
|
59
|
+
return htmlDoc;
|
|
60
|
+
};
|
|
61
|
+
useEffect(() => {
|
|
62
|
+
if (renderTime > 0) {
|
|
63
|
+
onRenderCompleteEvent(renderTime);
|
|
64
|
+
}
|
|
65
|
+
}, [renderTime]);
|
|
66
|
+
useEffect(() => {
|
|
67
|
+
const handleMessage = (event) => {
|
|
68
|
+
if (!event.data || typeof event.data !== 'object')
|
|
69
|
+
return;
|
|
70
|
+
const message = event.data;
|
|
71
|
+
switch (message.type) {
|
|
72
|
+
case 'ready':
|
|
73
|
+
setIsReady(true);
|
|
74
|
+
break;
|
|
75
|
+
case 'resize':
|
|
76
|
+
if (autoResize && typeof message.height === 'number') {
|
|
77
|
+
const newHeight = Math.min(message.height, maxHeight);
|
|
78
|
+
setCurrentHeight(newHeight);
|
|
79
|
+
onHeightChangeEvent(newHeight);
|
|
80
|
+
}
|
|
81
|
+
break;
|
|
82
|
+
case 'error':
|
|
83
|
+
if (message.message) {
|
|
84
|
+
onErrorEvent(message.message);
|
|
85
|
+
}
|
|
86
|
+
break;
|
|
87
|
+
}
|
|
88
|
+
};
|
|
89
|
+
window.addEventListener('message', handleMessage);
|
|
90
|
+
return () => {
|
|
91
|
+
window.removeEventListener('message', handleMessage);
|
|
92
|
+
};
|
|
93
|
+
}, [autoResize, maxHeight]);
|
|
94
|
+
useEffect(() => {
|
|
95
|
+
if (executionTimeout > 0 && isReady) {
|
|
96
|
+
if (timeoutRef.current) {
|
|
97
|
+
clearTimeout(timeoutRef.current);
|
|
98
|
+
}
|
|
99
|
+
timeoutRef.current = setTimeout(() => {
|
|
100
|
+
if (iframeRef.current) {
|
|
101
|
+
iframeRef.current.srcdoc =
|
|
102
|
+
'<!DOCTYPE html><html><body><p style="color: red;">⏱️ Execution timeout reached</p></body></html>';
|
|
103
|
+
onErrorEvent('Execution timeout reached. Iframe was terminated to prevent infinite loops.');
|
|
104
|
+
}
|
|
105
|
+
}, executionTimeout);
|
|
106
|
+
}
|
|
107
|
+
return () => {
|
|
108
|
+
if (timeoutRef.current) {
|
|
109
|
+
clearTimeout(timeoutRef.current);
|
|
110
|
+
}
|
|
111
|
+
};
|
|
112
|
+
}, [executionTimeout, isReady]);
|
|
113
|
+
const srcdoc = useMemo(() => generateSrcdoc(), [code.html, code.css, code.js, externalLibraries, autoResize, maxHeight]);
|
|
114
|
+
const sandboxPermissions = [
|
|
115
|
+
'allow-scripts',
|
|
116
|
+
'allow-same-origin',
|
|
117
|
+
'allow-forms',
|
|
118
|
+
'allow-modals',
|
|
119
|
+
'allow-popups',
|
|
120
|
+
].join(' ');
|
|
121
|
+
return (_jsx("iframe", { ref: iframeRef, srcDoc: srcdoc, sandbox: sandboxPermissions, title: "Sandbox Preview", style: {
|
|
122
|
+
width: '100%',
|
|
123
|
+
height: typeof height === 'string' && height === '100vh' ? '100%' : `${currentHeight}px`,
|
|
124
|
+
border: isEditorMode ? '1px solid #e5e7eb' : 'none',
|
|
125
|
+
borderRadius: isEditorMode ? '8px' : '0',
|
|
126
|
+
display: 'block',
|
|
127
|
+
backgroundColor: '#fff',
|
|
128
|
+
minHeight: '400px',
|
|
129
|
+
}, referrerPolicy: "no-referrer", loading: "lazy" }));
|
|
130
|
+
}
|
|
131
|
+
//# sourceMappingURL=sandbox-iframe.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sandbox-iframe.js","sourceRoot":"","sources":["../../src/components/sandbox-iframe.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ConversionResult, ConversionOptions, SourceFormat } from '../shared/types';
|
|
2
|
+
export interface FormatDetection {
|
|
3
|
+
format: SourceFormat;
|
|
4
|
+
confidence: number;
|
|
5
|
+
reasons: string[];
|
|
6
|
+
}
|
|
7
|
+
export declare function autoConvert(input: string, options?: ConversionOptions): Promise<ConversionResult>;
|
|
8
|
+
export declare function detectFormat(input: string): FormatDetection;
|
|
9
|
+
export declare function detectCombinedHTML(input: string): FormatDetection;
|
|
10
|
+
export declare function detectSeparateCode(input: string): FormatDetection;
|
|
11
|
+
export declare function convertCombinedHTML(html: string, options?: ConversionOptions): ConversionResult;
|
|
12
|
+
export declare function convertSeparateCode(input: string, options?: ConversionOptions): ConversionResult;
|
|
13
|
+
//# sourceMappingURL=auto-detect.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"auto-detect.d.ts","sourceRoot":"","sources":["../../../src/converters/auto-detect/auto-detect.ts"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EACX,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,EACZ,MAAM,iBAAiB,CAAC;AAKzB,MAAM,WAAW,eAAe;IAC/B,MAAM,EAAE,YAAY,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,EAAE,CAAC;CAClB;AA0BD,wBAAsB,WAAW,CAChC,KAAK,EAAE,MAAM,EACb,OAAO,GAAE,iBAAsB,GAC7B,OAAO,CAAC,gBAAgB,CAAC,CAsB3B;AAmBD,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,eAAe,CAkE3D;AAUD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,eAAe,CA2CjE;AAUD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,eAAe,CAgDjE;AAWD,wBAAgB,mBAAmB,CAClC,IAAI,EAAE,MAAM,EACZ,OAAO,GAAE,iBAAsB,GAC7B,gBAAgB,CAgDlB;AAWD,wBAAgB,mBAAmB,CAClC,KAAK,EAAE,MAAM,EACb,OAAO,GAAE,iBAAsB,GAC7B,gBAAgB,CAyDlB"}
|
|
@@ -0,0 +1,224 @@
|
|
|
1
|
+
import { convertFromCodePen, validateCodePenFormat } from '../codepen';
|
|
2
|
+
import { convertFromGist, isGistURL, parseGistInput } from '../gist';
|
|
3
|
+
import { extractHTMLParts } from '../shared/html-parser';
|
|
4
|
+
import { sanitizeHTML, sanitizeCSS, sanitizeJS } from '../shared/sanitization';
|
|
5
|
+
export async function autoConvert(input, options = {}) {
|
|
6
|
+
const detection = detectFormat(input);
|
|
7
|
+
switch (detection.format) {
|
|
8
|
+
case 'gist':
|
|
9
|
+
return await convertFromGist(input, options);
|
|
10
|
+
case 'codepen':
|
|
11
|
+
return convertFromCodePen(input, options);
|
|
12
|
+
case 'combined':
|
|
13
|
+
return convertCombinedHTML(input, options);
|
|
14
|
+
case 'separate':
|
|
15
|
+
return convertSeparateCode(input, options);
|
|
16
|
+
default:
|
|
17
|
+
return convertCombinedHTML(input, options);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
export function detectFormat(input) {
|
|
21
|
+
if (!input || input.trim().length === 0) {
|
|
22
|
+
return {
|
|
23
|
+
format: 'unknown',
|
|
24
|
+
confidence: 0,
|
|
25
|
+
reasons: ['Empty input'],
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
const trimmed = input.trim();
|
|
29
|
+
if (isGistURL(trimmed)) {
|
|
30
|
+
return {
|
|
31
|
+
format: 'gist',
|
|
32
|
+
confidence: 1.0,
|
|
33
|
+
reasons: ['Gist URL detected'],
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
const gistId = parseGistInput(trimmed);
|
|
37
|
+
if (gistId && gistId.length >= 20) {
|
|
38
|
+
return {
|
|
39
|
+
format: 'gist',
|
|
40
|
+
confidence: 0.8,
|
|
41
|
+
reasons: ['Valid Gist ID format'],
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
const combinedDetection = detectCombinedHTML(trimmed);
|
|
45
|
+
const codepenValidation = validateCodePenFormat(trimmed);
|
|
46
|
+
if (codepenValidation.valid &&
|
|
47
|
+
codepenValidation.confidence >= 0.6 &&
|
|
48
|
+
codepenValidation.confidence > combinedDetection.confidence) {
|
|
49
|
+
return {
|
|
50
|
+
format: 'codepen',
|
|
51
|
+
confidence: codepenValidation.confidence,
|
|
52
|
+
reasons: codepenValidation.indicators,
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
if (combinedDetection.confidence >= 0.3) {
|
|
56
|
+
return combinedDetection;
|
|
57
|
+
}
|
|
58
|
+
const separateDetection = detectSeparateCode(trimmed);
|
|
59
|
+
if (separateDetection.confidence >= 0.3) {
|
|
60
|
+
return separateDetection;
|
|
61
|
+
}
|
|
62
|
+
return {
|
|
63
|
+
format: 'combined',
|
|
64
|
+
confidence: 0.2,
|
|
65
|
+
reasons: ['Fallback: assuming combined HTML'],
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
export function detectCombinedHTML(input) {
|
|
69
|
+
const reasons = [];
|
|
70
|
+
let confidence = 0;
|
|
71
|
+
if (/<html[\s>]/i.test(input)) {
|
|
72
|
+
reasons.push('HTML document structure');
|
|
73
|
+
confidence += 0.3;
|
|
74
|
+
}
|
|
75
|
+
if (/<head[\s>]/i.test(input)) {
|
|
76
|
+
reasons.push('HEAD section');
|
|
77
|
+
confidence += 0.1;
|
|
78
|
+
}
|
|
79
|
+
if (/<body[\s>]/i.test(input)) {
|
|
80
|
+
reasons.push('BODY section');
|
|
81
|
+
confidence += 0.1;
|
|
82
|
+
}
|
|
83
|
+
if (/<style[\s>]/i.test(input)) {
|
|
84
|
+
reasons.push('Inline style tags');
|
|
85
|
+
confidence += 0.2;
|
|
86
|
+
}
|
|
87
|
+
if (/<script[\s>]/i.test(input)) {
|
|
88
|
+
reasons.push('Inline script tags');
|
|
89
|
+
confidence += 0.2;
|
|
90
|
+
}
|
|
91
|
+
if (/<div[\s>]/i.test(input) || /<p[\s>]/i.test(input)) {
|
|
92
|
+
reasons.push('HTML content tags');
|
|
93
|
+
confidence += 0.1;
|
|
94
|
+
}
|
|
95
|
+
return {
|
|
96
|
+
format: 'combined',
|
|
97
|
+
confidence: Math.min(confidence, 1.0),
|
|
98
|
+
reasons,
|
|
99
|
+
};
|
|
100
|
+
}
|
|
101
|
+
export function detectSeparateCode(input) {
|
|
102
|
+
const reasons = [];
|
|
103
|
+
let confidence = 0;
|
|
104
|
+
const cssPatterns = [
|
|
105
|
+
/\{[^}]*\}/,
|
|
106
|
+
/[.#][a-zA-Z][\w-]*\s*\{/,
|
|
107
|
+
/\w+\s*:\s*[^;]+;/,
|
|
108
|
+
];
|
|
109
|
+
const hasCSSPatterns = cssPatterns.some(pattern => pattern.test(input));
|
|
110
|
+
if (hasCSSPatterns && !/<style/i.test(input)) {
|
|
111
|
+
reasons.push('CSS syntax without style tags');
|
|
112
|
+
confidence += 0.3;
|
|
113
|
+
}
|
|
114
|
+
const jsPatterns = [
|
|
115
|
+
/function\s+\w+\s*\(/,
|
|
116
|
+
/const\s+\w+\s*=/,
|
|
117
|
+
/let\s+\w+\s*=/,
|
|
118
|
+
/var\s+\w+\s*=/,
|
|
119
|
+
/=>\s*{/,
|
|
120
|
+
/console\.\w+\(/,
|
|
121
|
+
];
|
|
122
|
+
const hasJSPatterns = jsPatterns.some(pattern => pattern.test(input));
|
|
123
|
+
if (hasJSPatterns && !/<script/i.test(input)) {
|
|
124
|
+
reasons.push('JavaScript syntax without script tags');
|
|
125
|
+
confidence += 0.3;
|
|
126
|
+
}
|
|
127
|
+
const hasHTMLTags = /<[a-z][\s\S]*>/i.test(input);
|
|
128
|
+
const hasDocStructure = /<html[\s>]/i.test(input) || /<head[\s>]/i.test(input) || /<body[\s>]/i.test(input);
|
|
129
|
+
const hasInlineStyleOrScript = /<style[\s>]/i.test(input) || /<script[\s>]/i.test(input);
|
|
130
|
+
if (hasHTMLTags && !hasDocStructure && !hasInlineStyleOrScript) {
|
|
131
|
+
reasons.push('HTML fragments without document structure');
|
|
132
|
+
confidence += 0.4;
|
|
133
|
+
}
|
|
134
|
+
return {
|
|
135
|
+
format: 'separate',
|
|
136
|
+
confidence: Math.min(confidence, 1.0),
|
|
137
|
+
reasons,
|
|
138
|
+
};
|
|
139
|
+
}
|
|
140
|
+
export function convertCombinedHTML(html, options = {}) {
|
|
141
|
+
const warnings = [];
|
|
142
|
+
const extracted = extractHTMLParts(html);
|
|
143
|
+
const shouldSanitize = options.sanitize !== false;
|
|
144
|
+
let finalCode = extracted;
|
|
145
|
+
let sanitized = false;
|
|
146
|
+
if (shouldSanitize) {
|
|
147
|
+
try {
|
|
148
|
+
const htmlResult = sanitizeHTML(extracted.html, options);
|
|
149
|
+
const cssResult = sanitizeCSS(extracted.css);
|
|
150
|
+
const jsResult = sanitizeJS(extracted.js);
|
|
151
|
+
finalCode = {
|
|
152
|
+
html: htmlResult.clean,
|
|
153
|
+
css: cssResult,
|
|
154
|
+
js: jsResult,
|
|
155
|
+
};
|
|
156
|
+
sanitized = true;
|
|
157
|
+
if (htmlResult.modified) {
|
|
158
|
+
warnings.push('HTML was sanitized - some content was removed for security');
|
|
159
|
+
}
|
|
160
|
+
if (htmlResult.removed.length > 0) {
|
|
161
|
+
warnings.push(`Removed potentially unsafe tags: ${htmlResult.removed.join(', ')}`);
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
catch (error) {
|
|
165
|
+
warnings.push(`Sanitization warning: ${error instanceof Error ? error.message : 'Unknown error'}`);
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
return {
|
|
169
|
+
code: finalCode,
|
|
170
|
+
format: 'combined',
|
|
171
|
+
converter: 'auto-detect@0.1.0',
|
|
172
|
+
warnings,
|
|
173
|
+
sanitized,
|
|
174
|
+
};
|
|
175
|
+
}
|
|
176
|
+
export function convertSeparateCode(input, options = {}) {
|
|
177
|
+
const warnings = [];
|
|
178
|
+
let sanitized = false;
|
|
179
|
+
const isHTML = /<[a-z][\s\S]*>/i.test(input);
|
|
180
|
+
const isCSS = /\{[^}]*\}/.test(input) && !isHTML;
|
|
181
|
+
const isJS = !isHTML && !isCSS;
|
|
182
|
+
let code = { html: '', css: '', js: '' };
|
|
183
|
+
if (isHTML) {
|
|
184
|
+
code.html = input;
|
|
185
|
+
}
|
|
186
|
+
else if (isCSS) {
|
|
187
|
+
code.css = input;
|
|
188
|
+
}
|
|
189
|
+
else if (isJS) {
|
|
190
|
+
code.js = input;
|
|
191
|
+
}
|
|
192
|
+
const shouldSanitize = options.sanitize !== false;
|
|
193
|
+
if (shouldSanitize) {
|
|
194
|
+
try {
|
|
195
|
+
if (code.html) {
|
|
196
|
+
const htmlResult = sanitizeHTML(code.html, options);
|
|
197
|
+
code.html = htmlResult.clean;
|
|
198
|
+
sanitized = true;
|
|
199
|
+
if (htmlResult.modified) {
|
|
200
|
+
warnings.push('HTML was sanitized');
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
if (code.css) {
|
|
204
|
+
code.css = sanitizeCSS(code.css);
|
|
205
|
+
sanitized = true;
|
|
206
|
+
}
|
|
207
|
+
if (code.js) {
|
|
208
|
+
code.js = sanitizeJS(code.js);
|
|
209
|
+
sanitized = true;
|
|
210
|
+
}
|
|
211
|
+
}
|
|
212
|
+
catch (error) {
|
|
213
|
+
warnings.push(`Sanitization warning: ${error instanceof Error ? error.message : 'Unknown error'}`);
|
|
214
|
+
}
|
|
215
|
+
}
|
|
216
|
+
return {
|
|
217
|
+
code,
|
|
218
|
+
format: 'separate',
|
|
219
|
+
converter: 'auto-detect@0.1.0',
|
|
220
|
+
warnings,
|
|
221
|
+
sanitized,
|
|
222
|
+
};
|
|
223
|
+
}
|
|
224
|
+
//# sourceMappingURL=auto-detect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"auto-detect.js","sourceRoot":"","sources":["../../../src/converters/auto-detect/auto-detect.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/converters/auto-detect/index.ts"],"names":[],"mappings":"AAUA,OAAO,EACN,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,GACnB,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/converters/auto-detect/index.ts"],"names":[],"mappings":"AAUA,OAAO,EACN,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,GACnB,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ConversionResult, ConversionOptions } from '../shared/types';
|
|
2
|
+
export declare function convertFromCodePen(html: string, options?: ConversionOptions): ConversionResult;
|
|
3
|
+
export declare function isCodePenEmbed(html: string): boolean;
|
|
4
|
+
export declare function validateCodePenFormat(html: string): {
|
|
5
|
+
valid: boolean;
|
|
6
|
+
confidence: number;
|
|
7
|
+
indicators: string[];
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=codepen-converter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"codepen-converter.d.ts","sourceRoot":"","sources":["../../../src/converters/codepen/codepen-converter.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAsB3E,wBAAgB,kBAAkB,CACjC,IAAI,EAAE,MAAM,EACZ,OAAO,GAAE,iBAAsB,GAC7B,gBAAgB,CA0ElB;AAmBD,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CASpD;AAsBD,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG;IACpD,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,EAAE,CAAC;CACrB,CA6CA"}
|