@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.
Files changed (233) hide show
  1. package/CHANGELOG.md +75 -0
  2. package/README.md +413 -0
  3. package/dist/__tests__/auto-resize-script.test.d.ts +2 -0
  4. package/dist/__tests__/auto-resize-script.test.d.ts.map +1 -0
  5. package/dist/__tests__/auto-resize-script.test.js +49 -0
  6. package/dist/__tests__/auto-resize-script.test.js.map +1 -0
  7. package/dist/__tests__/sandbox-component.test.d.ts +2 -0
  8. package/dist/__tests__/sandbox-component.test.d.ts.map +1 -0
  9. package/dist/__tests__/sandbox-component.test.js +281 -0
  10. package/dist/__tests__/sandbox-component.test.js.map +1 -0
  11. package/dist/__tests__/sandbox-config.test.d.ts +2 -0
  12. package/dist/__tests__/sandbox-config.test.d.ts.map +1 -0
  13. package/dist/__tests__/sandbox-config.test.js +148 -0
  14. package/dist/__tests__/sandbox-config.test.js.map +1 -0
  15. package/dist/__tests__/sandbox-iframe.test.d.ts +2 -0
  16. package/dist/__tests__/sandbox-iframe.test.d.ts.map +1 -0
  17. package/dist/__tests__/sandbox-iframe.test.js +212 -0
  18. package/dist/__tests__/sandbox-iframe.test.js.map +1 -0
  19. package/dist/__tests__/setup.d.ts +2 -0
  20. package/dist/__tests__/setup.d.ts.map +1 -0
  21. package/dist/__tests__/setup.js +27 -0
  22. package/dist/__tests__/setup.js.map +1 -0
  23. package/dist/components/index.d.ts +5 -0
  24. package/dist/components/index.d.ts.map +1 -0
  25. package/dist/components/index.js +5 -0
  26. package/dist/components/index.js.map +1 -0
  27. package/dist/components/performance-wrapper.d.ts +12 -0
  28. package/dist/components/performance-wrapper.d.ts.map +1 -0
  29. package/dist/components/performance-wrapper.js +162 -0
  30. package/dist/components/performance-wrapper.js.map +1 -0
  31. package/dist/components/sandbox-component.d.ts +3 -0
  32. package/dist/components/sandbox-component.d.ts.map +1 -0
  33. package/dist/components/sandbox-component.js +123 -0
  34. package/dist/components/sandbox-component.js.map +1 -0
  35. package/dist/components/sandbox-iframe-cached.d.ts +3 -0
  36. package/dist/components/sandbox-iframe-cached.d.ts.map +1 -0
  37. package/dist/components/sandbox-iframe-cached.js +176 -0
  38. package/dist/components/sandbox-iframe-cached.js.map +1 -0
  39. package/dist/components/sandbox-iframe.d.ts +3 -0
  40. package/dist/components/sandbox-iframe.d.ts.map +1 -0
  41. package/dist/components/sandbox-iframe.js +131 -0
  42. package/dist/components/sandbox-iframe.js.map +1 -0
  43. package/dist/converters/auto-detect/auto-detect.d.ts +13 -0
  44. package/dist/converters/auto-detect/auto-detect.d.ts.map +1 -0
  45. package/dist/converters/auto-detect/auto-detect.js +224 -0
  46. package/dist/converters/auto-detect/auto-detect.js.map +1 -0
  47. package/dist/converters/auto-detect/index.d.ts +3 -0
  48. package/dist/converters/auto-detect/index.d.ts.map +1 -0
  49. package/dist/converters/auto-detect/index.js +2 -0
  50. package/dist/converters/auto-detect/index.js.map +1 -0
  51. package/dist/converters/codepen/codepen-converter.d.ts +9 -0
  52. package/dist/converters/codepen/codepen-converter.d.ts.map +1 -0
  53. package/dist/converters/codepen/codepen-converter.js +99 -0
  54. package/dist/converters/codepen/codepen-converter.js.map +1 -0
  55. package/dist/converters/codepen/index.d.ts +2 -0
  56. package/dist/converters/codepen/index.d.ts.map +1 -0
  57. package/dist/converters/codepen/index.js +2 -0
  58. package/dist/converters/codepen/index.js.map +1 -0
  59. package/dist/converters/gist/gist-converter.d.ts +31 -0
  60. package/dist/converters/gist/gist-converter.d.ts.map +1 -0
  61. package/dist/converters/gist/gist-converter.js +162 -0
  62. package/dist/converters/gist/gist-converter.js.map +1 -0
  63. package/dist/converters/gist/index.d.ts +2 -0
  64. package/dist/converters/gist/index.d.ts.map +1 -0
  65. package/dist/converters/gist/index.js +2 -0
  66. package/dist/converters/gist/index.js.map +1 -0
  67. package/dist/converters/shared/html-parser.d.ts +4 -0
  68. package/dist/converters/shared/html-parser.d.ts.map +1 -0
  69. package/dist/converters/shared/html-parser.js +39 -0
  70. package/dist/converters/shared/html-parser.js.map +1 -0
  71. package/dist/converters/shared/index.d.ts +4 -0
  72. package/dist/converters/shared/index.d.ts.map +1 -0
  73. package/dist/converters/shared/index.js +3 -0
  74. package/dist/converters/shared/index.js.map +1 -0
  75. package/dist/converters/shared/sanitization.d.ts +5 -0
  76. package/dist/converters/shared/sanitization.d.ts.map +1 -0
  77. package/dist/converters/shared/sanitization.js +176 -0
  78. package/dist/converters/shared/sanitization.js.map +1 -0
  79. package/dist/converters/shared/types.d.ts +23 -0
  80. package/dist/converters/shared/types.d.ts.map +1 -0
  81. package/dist/converters/shared/types.js +2 -0
  82. package/dist/converters/shared/types.js.map +1 -0
  83. package/dist/core/index.d.ts +13 -0
  84. package/dist/core/index.d.ts.map +1 -0
  85. package/dist/core/index.js +10 -0
  86. package/dist/core/index.js.map +1 -0
  87. package/dist/frameworks/__tests__/file-utils.test.d.ts +2 -0
  88. package/dist/frameworks/__tests__/file-utils.test.d.ts.map +1 -0
  89. package/dist/frameworks/__tests__/file-utils.test.js +408 -0
  90. package/dist/frameworks/__tests__/file-utils.test.js.map +1 -0
  91. package/dist/frameworks/__tests__/sandpack-wrapper.test.d.ts +2 -0
  92. package/dist/frameworks/__tests__/sandpack-wrapper.test.d.ts.map +1 -0
  93. package/dist/frameworks/__tests__/sandpack-wrapper.test.js +147 -0
  94. package/dist/frameworks/__tests__/sandpack-wrapper.test.js.map +1 -0
  95. package/dist/frameworks/file-utils.d.ts +20 -0
  96. package/dist/frameworks/file-utils.d.ts.map +1 -0
  97. package/dist/frameworks/file-utils.js +293 -0
  98. package/dist/frameworks/file-utils.js.map +1 -0
  99. package/dist/frameworks/framework-detector.d.ts +5 -0
  100. package/dist/frameworks/framework-detector.d.ts.map +1 -0
  101. package/dist/frameworks/framework-detector.js +117 -0
  102. package/dist/frameworks/framework-detector.js.map +1 -0
  103. package/dist/frameworks/index.d.ts +6 -0
  104. package/dist/frameworks/index.d.ts.map +1 -0
  105. package/dist/frameworks/index.js +5 -0
  106. package/dist/frameworks/index.js.map +1 -0
  107. package/dist/frameworks/sandpack-wrapper.d.ts +28 -0
  108. package/dist/frameworks/sandpack-wrapper.d.ts.map +1 -0
  109. package/dist/frameworks/sandpack-wrapper.js +55 -0
  110. package/dist/frameworks/sandpack-wrapper.js.map +1 -0
  111. package/dist/frameworks/templates/index.d.ts +8 -0
  112. package/dist/frameworks/templates/index.d.ts.map +1 -0
  113. package/dist/frameworks/templates/index.js +29 -0
  114. package/dist/frameworks/templates/index.js.map +1 -0
  115. package/dist/frameworks/templates/react-template.d.ts +3 -0
  116. package/dist/frameworks/templates/react-template.d.ts.map +1 -0
  117. package/dist/frameworks/templates/react-template.js +376 -0
  118. package/dist/frameworks/templates/react-template.js.map +1 -0
  119. package/dist/frameworks/templates/svelte-template.d.ts +3 -0
  120. package/dist/frameworks/templates/svelte-template.d.ts.map +1 -0
  121. package/dist/frameworks/templates/svelte-template.js +373 -0
  122. package/dist/frameworks/templates/svelte-template.js.map +1 -0
  123. package/dist/frameworks/templates/vanilla-template.d.ts +3 -0
  124. package/dist/frameworks/templates/vanilla-template.d.ts.map +1 -0
  125. package/dist/frameworks/templates/vanilla-template.js +455 -0
  126. package/dist/frameworks/templates/vanilla-template.js.map +1 -0
  127. package/dist/frameworks/templates/vue-template.d.ts +3 -0
  128. package/dist/frameworks/templates/vue-template.d.ts.map +1 -0
  129. package/dist/frameworks/templates/vue-template.js +388 -0
  130. package/dist/frameworks/templates/vue-template.js.map +1 -0
  131. package/dist/frameworks/types.d.ts +57 -0
  132. package/dist/frameworks/types.d.ts.map +1 -0
  133. package/dist/frameworks/types.js +2 -0
  134. package/dist/frameworks/types.js.map +1 -0
  135. package/dist/index.d.ts +7 -0
  136. package/dist/index.d.ts.map +1 -0
  137. package/dist/index.js +7 -0
  138. package/dist/index.js.map +1 -0
  139. package/dist/lib/performance-tracker.d.ts +45 -0
  140. package/dist/lib/performance-tracker.d.ts.map +1 -0
  141. package/dist/lib/performance-tracker.js +165 -0
  142. package/dist/lib/performance-tracker.js.map +1 -0
  143. package/dist/lib/sandbox-cache.d.ts +24 -0
  144. package/dist/lib/sandbox-cache.d.ts.map +1 -0
  145. package/dist/lib/sandbox-cache.js +138 -0
  146. package/dist/lib/sandbox-cache.js.map +1 -0
  147. package/dist/locales/de.json +72 -0
  148. package/dist/locales/en.json +72 -0
  149. package/dist/locales/index.d.ts +148 -0
  150. package/dist/locales/index.d.ts.map +1 -0
  151. package/dist/locales/index.js +7 -0
  152. package/dist/locales/index.js.map +1 -0
  153. package/dist/performance/sandpack-bundle-cache.d.ts +19 -0
  154. package/dist/performance/sandpack-bundle-cache.d.ts.map +1 -0
  155. package/dist/performance/sandpack-bundle-cache.js +48 -0
  156. package/dist/performance/sandpack-bundle-cache.js.map +1 -0
  157. package/dist/sandbox-config.d.ts +4 -0
  158. package/dist/sandbox-config.d.ts.map +1 -0
  159. package/dist/sandbox-config.js +235 -0
  160. package/dist/sandbox-config.js.map +1 -0
  161. package/dist/storage/__tests__/indexeddb-adapter.test.d.ts +2 -0
  162. package/dist/storage/__tests__/indexeddb-adapter.test.d.ts.map +1 -0
  163. package/dist/storage/__tests__/indexeddb-adapter.test.js +192 -0
  164. package/dist/storage/__tests__/indexeddb-adapter.test.js.map +1 -0
  165. package/dist/storage/__tests__/project-manager.test.d.ts +2 -0
  166. package/dist/storage/__tests__/project-manager.test.d.ts.map +1 -0
  167. package/dist/storage/__tests__/project-manager.test.js +266 -0
  168. package/dist/storage/__tests__/project-manager.test.js.map +1 -0
  169. package/dist/storage/index.d.ts +5 -0
  170. package/dist/storage/index.d.ts.map +1 -0
  171. package/dist/storage/index.js +4 -0
  172. package/dist/storage/index.js.map +1 -0
  173. package/dist/storage/indexeddb-adapter.d.ts +18 -0
  174. package/dist/storage/indexeddb-adapter.d.ts.map +1 -0
  175. package/dist/storage/indexeddb-adapter.js +232 -0
  176. package/dist/storage/indexeddb-adapter.js.map +1 -0
  177. package/dist/storage/project-manager.d.ts +35 -0
  178. package/dist/storage/project-manager.d.ts.map +1 -0
  179. package/dist/storage/project-manager.js +213 -0
  180. package/dist/storage/project-manager.js.map +1 -0
  181. package/dist/storage/types.d.ts +59 -0
  182. package/dist/storage/types.d.ts.map +1 -0
  183. package/dist/storage/types.js +2 -0
  184. package/dist/storage/types.js.map +1 -0
  185. package/dist/storage/zip-handler.d.ts +5 -0
  186. package/dist/storage/zip-handler.d.ts.map +1 -0
  187. package/dist/storage/zip-handler.js +200 -0
  188. package/dist/storage/zip-handler.js.map +1 -0
  189. package/dist/types/sandbox-types.d.ts +54 -0
  190. package/dist/types/sandbox-types.d.ts.map +1 -0
  191. package/dist/types/sandbox-types.js +2 -0
  192. package/dist/types/sandbox-types.js.map +1 -0
  193. package/dist/utils/__tests__/converters/auto-detect.test.d.ts +2 -0
  194. package/dist/utils/__tests__/converters/auto-detect.test.d.ts.map +1 -0
  195. package/dist/utils/__tests__/converters/auto-detect.test.js +381 -0
  196. package/dist/utils/__tests__/converters/auto-detect.test.js.map +1 -0
  197. package/dist/utils/__tests__/converters/codepen-converter.test.d.ts +2 -0
  198. package/dist/utils/__tests__/converters/codepen-converter.test.d.ts.map +1 -0
  199. package/dist/utils/__tests__/converters/codepen-converter.test.js +408 -0
  200. package/dist/utils/__tests__/converters/codepen-converter.test.js.map +1 -0
  201. package/dist/utils/__tests__/converters/gist-converter.test.d.ts +2 -0
  202. package/dist/utils/__tests__/converters/gist-converter.test.d.ts.map +1 -0
  203. package/dist/utils/__tests__/converters/gist-converter.test.js +458 -0
  204. package/dist/utils/__tests__/converters/gist-converter.test.js.map +1 -0
  205. package/dist/utils/__tests__/converters/html-parser.test.d.ts +2 -0
  206. package/dist/utils/__tests__/converters/html-parser.test.d.ts.map +1 -0
  207. package/dist/utils/__tests__/converters/html-parser.test.js +285 -0
  208. package/dist/utils/__tests__/converters/html-parser.test.js.map +1 -0
  209. package/dist/utils/__tests__/converters/sanitization.test.d.ts +2 -0
  210. package/dist/utils/__tests__/converters/sanitization.test.d.ts.map +1 -0
  211. package/dist/utils/__tests__/converters/sanitization.test.js +210 -0
  212. package/dist/utils/__tests__/converters/sanitization.test.js.map +1 -0
  213. package/dist/utils/auto-resize-script.d.ts +4 -0
  214. package/dist/utils/auto-resize-script.d.ts.map +1 -0
  215. package/dist/utils/auto-resize-script.js +125 -0
  216. package/dist/utils/auto-resize-script.js.map +1 -0
  217. package/dist/widgets/banner/BannerWidget.d.ts +15 -0
  218. package/dist/widgets/banner/BannerWidget.d.ts.map +1 -0
  219. package/dist/widgets/banner/BannerWidget.js +33 -0
  220. package/dist/widgets/banner/BannerWidget.js.map +1 -0
  221. package/dist/widgets/form/FormWidget.d.ts +23 -0
  222. package/dist/widgets/form/FormWidget.d.ts.map +1 -0
  223. package/dist/widgets/form/FormWidget.js +42 -0
  224. package/dist/widgets/form/FormWidget.js.map +1 -0
  225. package/dist/widgets/index.d.ts +8 -0
  226. package/dist/widgets/index.d.ts.map +1 -0
  227. package/dist/widgets/index.js +28 -0
  228. package/dist/widgets/index.js.map +1 -0
  229. package/dist/widgets/types.d.ts +28 -0
  230. package/dist/widgets/types.d.ts.map +1 -0
  231. package/dist/widgets/types.js +2 -0
  232. package/dist/widgets/types.js.map +1 -0
  233. package/package.json +116 -0
package/dist/__tests__/sandbox-iframe.test.js ADDED
@@ -0,0 +1,212 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
3
+ import { render, screen, waitFor } from '@testing-library/react';
4
+ import { SandboxIframe } from '../components/sandbox-iframe';
5
+ describe('SandboxIframe', () => {
6
+ const mockCode = {
7
+ html: '<div class="test">Hello</div>',
8
+ css: '.test { color: red; }',
9
+ js: 'console.log("test");',
10
+ };
11
+ const defaultProps = {
12
+ code: mockCode,
13
+ externalLibraries: [],
14
+ height: 400,
15
+ maxHeight: 1200,
16
+ autoResize: true,
17
+ executionTimeout: 5000,
18
+ isEditorMode: false,
19
+ };
20
+ beforeEach(() => {
21
+ vi.useFakeTimers();
22
+ });
23
+ afterEach(() => {
24
+ vi.restoreAllMocks();
25
+ vi.useRealTimers();
26
+ });
27
+ it('should render an iframe element', () => {
28
+ render(_jsx(SandboxIframe, { ...defaultProps }));
29
+ const iframe = screen.getByTitle('Sandbox Preview');
30
+ expect(iframe).toBeInTheDocument();
31
+ expect(iframe.tagName).toBe('IFRAME');
32
+ });
33
+ it('should set correct sandbox permissions', () => {
34
+ render(_jsx(SandboxIframe, { ...defaultProps }));
35
+ const iframe = screen.getByTitle('Sandbox Preview');
36
+ const sandboxAttr = iframe.getAttribute('sandbox');
37
+ expect(sandboxAttr).toContain('allow-scripts');
38
+ expect(sandboxAttr).toContain('allow-forms');
39
+ expect(sandboxAttr).toContain('allow-modals');
40
+ expect(sandboxAttr).toContain('allow-popups');
41
+ expect(sandboxAttr).not.toContain('allow-same-origin');
42
+ expect(sandboxAttr).not.toContain('allow-top-navigation');
43
+ });
44
+ it('should set initial height from props', () => {
45
+ render(_jsx(SandboxIframe, { ...defaultProps, height: 500 }));
46
+ const iframe = screen.getByTitle('Sandbox Preview');
47
+ expect(iframe.style.height).toBe('500px');
48
+ });
49
+ it('should generate srcdoc with HTML content', () => {
50
+ render(_jsx(SandboxIframe, { ...defaultProps }));
51
+ const iframe = screen.getByTitle('Sandbox Preview');
52
+ const srcdoc = iframe.getAttribute('srcdoc');
53
+ expect(srcdoc).toContain('<!DOCTYPE html>');
54
+ expect(srcdoc).toContain(mockCode.html);
55
+ });
56
+ it('should inject CSS into srcdoc', () => {
57
+ render(_jsx(SandboxIframe, { ...defaultProps }));
58
+ const iframe = screen.getByTitle('Sandbox Preview');
59
+ const srcdoc = iframe.getAttribute('srcdoc');
60
+ expect(srcdoc).toContain('<style>');
61
+ expect(srcdoc).toContain(mockCode.css);
62
+ });
63
+ it('should inject JavaScript into srcdoc', () => {
64
+ render(_jsx(SandboxIframe, { ...defaultProps }));
65
+ const iframe = screen.getByTitle('Sandbox Preview');
66
+ const srcdoc = iframe.getAttribute('srcdoc');
67
+ expect(srcdoc).toContain('<script>');
68
+ expect(srcdoc).toContain(mockCode.js);
69
+ });
70
+ it('should include CSP meta tag', () => {
71
+ render(_jsx(SandboxIframe, { ...defaultProps }));
72
+ const iframe = screen.getByTitle('Sandbox Preview');
73
+ const srcdoc = iframe.getAttribute('srcdoc');
74
+ expect(srcdoc).toContain('Content-Security-Policy');
75
+ });
76
+ it('should inject external libraries', () => {
77
+ const libraries = [
78
+ 'https://cdn.tailwindcss.com',
79
+ 'https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js',
80
+ ];
81
+ render(_jsx(SandboxIframe, { ...defaultProps, externalLibraries: libraries }));
82
+ const iframe = screen.getByTitle('Sandbox Preview');
83
+ const srcdoc = iframe.getAttribute('srcdoc');
84
+ expect(srcdoc).toContain(libraries[0]);
85
+ expect(srcdoc).toContain(libraries[1]);
86
+ });
87
+ it('should not inject auto-resize script when autoResize is false', () => {
88
+ render(_jsx(SandboxIframe, { ...defaultProps, autoResize: false }));
89
+ const iframe = screen.getByTitle('Sandbox Preview');
90
+ const srcdoc = iframe.getAttribute('srcdoc');
91
+ expect(srcdoc).not.toContain('ResizeObserver');
92
+ });
93
+ it('should inject auto-resize script when autoResize is true', () => {
94
+ render(_jsx(SandboxIframe, { ...defaultProps, autoResize: true }));
95
+ const iframe = screen.getByTitle('Sandbox Preview');
96
+ const srcdoc = iframe.getAttribute('srcdoc');
97
+ expect(srcdoc).toContain('ResizeObserver');
98
+ });
99
+ it('should call onHeightChange when resize message received', async () => {
100
+ vi.useRealTimers();
101
+ const onHeightChange = vi.fn();
102
+ render(_jsx(SandboxIframe, { ...defaultProps, onHeightChange: onHeightChange }));
103
+ await waitFor(() => {
104
+ expect(screen.getByTitle('Sandbox Preview')).toBeInTheDocument();
105
+ });
106
+ const resizeMessage = {
107
+ type: 'resize',
108
+ height: 600,
109
+ timestamp: Date.now(),
110
+ };
111
+ window.dispatchEvent(new MessageEvent('message', { data: resizeMessage }));
112
+ await waitFor(() => {
113
+ expect(onHeightChange).toHaveBeenCalledWith(600);
114
+ });
115
+ vi.useFakeTimers();
116
+ });
117
+ it('should cap height at maxHeight', async () => {
118
+ vi.useRealTimers();
119
+ const onHeightChange = vi.fn();
120
+ const maxHeight = 800;
121
+ render(_jsx(SandboxIframe, { ...defaultProps, maxHeight: maxHeight, onHeightChange: onHeightChange }));
122
+ await waitFor(() => {
123
+ expect(screen.getByTitle('Sandbox Preview')).toBeInTheDocument();
124
+ });
125
+ const resizeMessage = {
126
+ type: 'resize',
127
+ height: 1500,
128
+ timestamp: Date.now(),
129
+ };
130
+ window.dispatchEvent(new MessageEvent('message', { data: resizeMessage }));
131
+ await waitFor(() => {
132
+ expect(onHeightChange).toHaveBeenCalledWith(maxHeight);
133
+ });
134
+ vi.useFakeTimers();
135
+ });
136
+ it('should call onError when error message received', async () => {
137
+ vi.useRealTimers();
138
+ const onError = vi.fn();
139
+ render(_jsx(SandboxIframe, { ...defaultProps, onError: onError }));
140
+ await waitFor(() => {
141
+ expect(screen.getByTitle('Sandbox Preview')).toBeInTheDocument();
142
+ });
143
+ const errorMessage = {
144
+ type: 'error',
145
+ message: 'Test error',
146
+ timestamp: Date.now(),
147
+ };
148
+ window.dispatchEvent(new MessageEvent('message', { data: errorMessage }));
149
+ await waitFor(() => {
150
+ expect(onError).toHaveBeenCalledWith('Test error');
151
+ });
152
+ vi.useFakeTimers();
153
+ });
154
+ it('should ignore invalid postMessage data', async () => {
155
+ vi.useRealTimers();
156
+ const onHeightChange = vi.fn();
157
+ const onError = vi.fn();
158
+ render(_jsx(SandboxIframe, { ...defaultProps, onHeightChange: onHeightChange, onError: onError }));
159
+ await waitFor(() => {
160
+ expect(screen.getByTitle('Sandbox Preview')).toBeInTheDocument();
161
+ });
162
+ window.dispatchEvent(new MessageEvent('message', { data: 'invalid' }));
163
+ window.dispatchEvent(new MessageEvent('message', { data: null }));
164
+ window.dispatchEvent(new MessageEvent('message', { data: { type: 'unknown' } }));
165
+ await new Promise(resolve => setTimeout(resolve, 100));
166
+ expect(onHeightChange).not.toHaveBeenCalled();
167
+ expect(onError).not.toHaveBeenCalled();
168
+ vi.useFakeTimers();
169
+ });
170
+ it('should apply editor mode border when isEditorMode is true', () => {
171
+ render(_jsx(SandboxIframe, { ...defaultProps, isEditorMode: true }));
172
+ const iframe = screen.getByTitle('Sandbox Preview');
173
+ expect(iframe.style.border).toContain('1px solid');
174
+ expect(iframe.style.borderRadius).toBe('8px');
175
+ });
176
+ it('should not apply border when isEditorMode is false', () => {
177
+ render(_jsx(SandboxIframe, { ...defaultProps, isEditorMode: false }));
178
+ const iframe = screen.getByTitle('Sandbox Preview');
179
+ expect(iframe.style.border).toContain('none');
180
+ });
181
+ it('should set referrerPolicy to no-referrer', () => {
182
+ render(_jsx(SandboxIframe, { ...defaultProps }));
183
+ const iframe = screen.getByTitle('Sandbox Preview');
184
+ expect(iframe.getAttribute('referrerpolicy')).toBe('no-referrer');
185
+ });
186
+ it('should set loading to lazy', () => {
187
+ render(_jsx(SandboxIframe, { ...defaultProps }));
188
+ const iframe = screen.getByTitle('Sandbox Preview');
189
+ expect(iframe.getAttribute('loading')).toBe('lazy');
190
+ });
191
+ it('should terminate iframe after execution timeout', async () => {
192
+ const timeout = 2000;
193
+ const onError = vi.fn();
194
+ render(_jsx(SandboxIframe, { ...defaultProps, executionTimeout: timeout, onError: onError }));
195
+ await waitFor(() => {
196
+ expect(screen.getByTitle('Sandbox Preview')).toBeInTheDocument();
197
+ });
198
+ window.dispatchEvent(new MessageEvent('message', {
199
+ data: { type: 'ready', timestamp: Date.now() },
200
+ }));
201
+ vi.advanceTimersByTime(timeout + 100);
202
+ vi.useRealTimers();
203
+ await waitFor(() => {
204
+ expect(onError).toHaveBeenCalledWith(expect.stringContaining('Execution timeout'));
205
+ });
206
+ const iframe = screen.getByTitle('Sandbox Preview');
207
+ const srcdoc = iframe.getAttribute('srcdoc');
208
+ expect(srcdoc).toContain('Execution timeout');
209
+ vi.useFakeTimers();
210
+ });
211
+ });
212
+ //# sourceMappingURL=sandbox-iframe.test.js.map
package/dist/__tests__/sandbox-iframe.test.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sandbox-iframe.test.js","sourceRoot":"","sources":["../../src/__tests__/sandbox-iframe.test.tsx"],"names":[],"mappings":"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"}
package/dist/__tests__/setup.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import '@testing-library/jest-dom/vitest';
2
+ //# sourceMappingURL=setup.d.ts.map
package/dist/__tests__/setup.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../src/__tests__/setup.ts"],"names":[],"mappings":"AAQA,OAAO,kCAAkC,CAAC"}
package/dist/__tests__/setup.js ADDED
@@ -0,0 +1,27 @@
1
+ import { afterEach } from 'vitest';
2
+ import { cleanup } from '@testing-library/react';
3
+ import '@testing-library/jest-dom/vitest';
4
+ afterEach(() => {
5
+ cleanup();
6
+ });
7
+ global.MessageEvent = class MessageEvent extends Event {
8
+ data;
9
+ origin;
10
+ constructor(type, eventInitDict) {
11
+ super(type, eventInitDict);
12
+ this.data = eventInitDict?.data;
13
+ this.origin = eventInitDict?.origin || '';
14
+ }
15
+ };
16
+ global.ResizeObserver = class ResizeObserver {
17
+ observe() { }
18
+ unobserve() { }
19
+ disconnect() { }
20
+ };
21
+ global.requestAnimationFrame = (cb) => {
22
+ return setTimeout(cb, 0);
23
+ };
24
+ global.cancelAnimationFrame = (id) => {
25
+ clearTimeout(id);
26
+ };
27
+ //# sourceMappingURL=setup.js.map
package/dist/__tests__/setup.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"setup.js","sourceRoot":"","sources":["../../src/__tests__/setup.ts"],"names":[],"mappings":"AAMA,OAAO,EAAU,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,kCAAkC,CAAC;AAG1C,SAAS,CAAC,GAAG,EAAE;IACd,OAAO,EAAE,CAAC;AACX,CAAC,CAAC,CAAC;AAGH,MAAM,CAAC,YAAY,GAAG,MAAM,YAAa,SAAQ,KAAK;IACrD,IAAI,CAAM;IACV,MAAM,CAAS;IAEf,YAAY,IAAY,EAAE,aAAgC;QACzD,KAAK,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;QAC3B,IAAI,CAAC,IAAI,GAAG,aAAa,EAAE,IAAI,CAAC;QAChC,IAAI,CAAC,MAAM,GAAG,aAAa,EAAE,MAAM,IAAI,EAAE,CAAC;IAC3C,CAAC;CACM,CAAC;AAGT,MAAM,CAAC,cAAc,GAAG,MAAM,cAAc;IAC3C,OAAO,KAAI,CAAC;IACZ,SAAS,KAAI,CAAC;IACd,UAAU,KAAI,CAAC;CACR,CAAC;AAGT,MAAM,CAAC,qBAAqB,GAAG,CAAC,EAAwB,EAAE,EAAE;IAC3D,OAAO,UAAU,CAAC,EAAE,EAAE,CAAC,CAAQ,CAAC;AACjC,CAAC,CAAC;AAEF,MAAM,CAAC,oBAAoB,GAAG,CAAC,EAAU,EAAE,EAAE;IAC5C,YAAY,CAAC,EAAE,CAAC,CAAC;AAClB,CAAC,CAAC"}
package/dist/components/index.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export { SandboxComponent } from './sandbox-component';
2
+ export { SandboxIframe } from './sandbox-iframe';
3
+ export { SandboxIframeCached } from './sandbox-iframe-cached';
4
+ export { PerformanceWrapper } from './performance-wrapper';
5
+ //# sourceMappingURL=index.d.ts.map
package/dist/components/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}
package/dist/components/index.js ADDED
@@ -0,0 +1,5 @@
1
+ export { SandboxComponent } from './sandbox-component';
2
+ export { SandboxIframe } from './sandbox-iframe';
3
+ export { SandboxIframeCached } from './sandbox-iframe-cached';
4
+ export { PerformanceWrapper } from './performance-wrapper';
5
+ //# sourceMappingURL=index.js.map
package/dist/components/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}
package/dist/components/performance-wrapper.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ export interface PerformanceWrapperProps {
3
+ id: string;
4
+ html: string;
5
+ css: string;
6
+ js: string;
7
+ framework?: 'react' | 'vue' | 'svelte' | 'vanilla';
8
+ cacheEnabled?: boolean;
9
+ onRenderComplete?: (duration: number) => void;
10
+ }
11
+ export declare const PerformanceWrapper: React.FC<PerformanceWrapperProps>;
12
+ //# sourceMappingURL=performance-wrapper.d.ts.map
package/dist/components/performance-wrapper.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"performance-wrapper.d.ts","sourceRoot":"","sources":["../../src/components/performance-wrapper.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAqLhE,CAAC"}
package/dist/components/performance-wrapper.js ADDED
@@ -0,0 +1,162 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useEffect, useRef, useState } from 'react';
3
+ import { perfTracker } from '../lib/performance-tracker';
4
+ export const PerformanceWrapper = ({ id, html, css, js, framework = 'react', cacheEnabled = false, onRenderComplete, }) => {
5
+ const iframeRef = useRef(null);
6
+ const [renderTime, setRenderTime] = useState(0);
7
+ const [cacheHit, setCacheHit] = useState(false);
8
+ const cacheRef = useRef(new Map());
9
+ const [bundledCode, setBundledCode] = useState('');
10
+ useEffect(() => {
11
+ perfTracker.startMeasurement(id);
12
+ const codeSize = html.length + css.length + js.length;
13
+ const cacheKey = `${html}::${css}::${js}`;
14
+ const cached = cacheEnabled ? cacheRef.current.get(cacheKey) : null;
15
+ const isHit = !!cached;
16
+ setCacheHit(isHit);
17
+ const processCode = async () => {
18
+ let code;
19
+ if (cached) {
20
+ code = cached;
21
+ }
22
+ else {
23
+ await simulateProcessing(codeSize);
24
+ code = buildHTMLDocument(html, css, js);
25
+ if (cacheEnabled) {
26
+ cacheRef.current.set(cacheKey, code);
27
+ }
28
+ }
29
+ setBundledCode(code);
30
+ const duration = perfTracker.endMeasurement(id, isHit, framework, codeSize);
31
+ setRenderTime(duration);
32
+ if (onRenderComplete) {
33
+ onRenderComplete(duration);
34
+ }
35
+ };
36
+ processCode();
37
+ }, [id, html, css, js, framework, cacheEnabled, onRenderComplete]);
38
+ useEffect(() => {
39
+ if (!bundledCode)
40
+ return;
41
+ const iframe = iframeRef.current;
42
+ if (iframe?.contentWindow) {
43
+ const doc = iframe.contentWindow.document;
44
+ doc.open();
45
+ doc.write(bundledCode);
46
+ doc.close();
47
+ }
48
+ }, [bundledCode]);
49
+ return (_jsxs("div", { className: "performance-wrapper", children: [_jsxs("div", { className: "performance-stats", children: [_jsxs("div", { className: "stat", children: [_jsx("span", { className: "label", children: "Render Time:" }), _jsxs("span", { className: `value ${cacheHit ? 'cache-hit' : 'cache-miss'}`, children: [renderTime.toFixed(0), "ms"] })] }), _jsxs("div", { className: "stat", children: [_jsx("span", { className: "label", children: "Cache:" }), _jsx("span", { className: `badge ${cacheHit ? 'hit' : 'miss'}`, children: cacheHit ? '⚡ HIT' : '🔄 MISS' })] }), _jsxs("div", { className: "stat", children: [_jsx("span", { className: "label", children: "Framework:" }), _jsx("span", { className: "badge framework", children: framework })] })] }), _jsx("iframe", { ref: iframeRef, className: "performance-iframe", sandbox: "allow-scripts allow-same-origin", title: `Performance Test: ${id}` }), _jsx("style", { children: `
50
+ .performance-wrapper {
51
+ width: 100%;
52
+ height: 100%;
53
+ display: flex;
54
+ flex-direction: column;
55
+ gap: 16px;
56
+ font-family: system-ui, -apple-system, sans-serif;
57
+ }
58
+
59
+ .performance-stats {
60
+ display: flex;
61
+ gap: 16px;
62
+ padding: 12px 16px;
63
+ background: #f9fafb;
64
+ border-radius: 8px;
65
+ border: 1px solid #e5e7eb;
66
+ }
67
+
68
+ .stat {
69
+ display: flex;
70
+ align-items: center;
71
+ gap: 8px;
72
+ }
73
+
74
+ .stat .label {
75
+ font-size: 13px;
76
+ color: #6b7280;
77
+ font-weight: 500;
78
+ }
79
+
80
+ .stat .value {
81
+ font-size: 18px;
82
+ font-weight: 700;
83
+ font-family: 'Monaco', 'Courier New', monospace;
84
+ }
85
+
86
+ .stat .value.cache-hit {
87
+ color: #10b981;
88
+ }
89
+
90
+ .stat .value.cache-miss {
91
+ color: #f59e0b;
92
+ }
93
+
94
+ .badge {
95
+ padding: 4px 12px;
96
+ border-radius: 6px;
97
+ font-size: 12px;
98
+ font-weight: 600;
99
+ }
100
+
101
+ .badge.hit {
102
+ background: #d1fae5;
103
+ color: #065f46;
104
+ }
105
+
106
+ .badge.miss {
107
+ background: #fef3c7;
108
+ color: #92400e;
109
+ }
110
+
111
+ .badge.framework {
112
+ background: #dbeafe;
113
+ color: #1e40af;
114
+ }
115
+
116
+ .performance-iframe {
117
+ flex: 1;
118
+ width: 100%;
119
+ min-height: 400px;
120
+ border: 2px solid #e5e7eb;
121
+ border-radius: 8px;
122
+ background: white;
123
+ }
124
+ ` })] }));
125
+ };
126
+ async function simulateProcessing(codeSize) {
127
+ const processingTime = Math.max(50, (codeSize / 1024) * 1.5);
128
+ const variance = processingTime * 0.2 * (Math.random() - 0.5);
129
+ const actualTime = processingTime + variance;
130
+ return new Promise(resolve => setTimeout(resolve, actualTime));
131
+ }
132
+ function buildHTMLDocument(html, css, js) {
133
+ return `
134
+ <!DOCTYPE html>
135
+ <html>
136
+ <head>
137
+ <meta charset="UTF-8">
138
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
139
+ <style>
140
+ * {
141
+ margin: 0;
142
+ padding: 0;
143
+ box-sizing: border-box;
144
+ }
145
+
146
+ body {
147
+ font-family: system-ui, -apple-system, sans-serif;
148
+ }
149
+
150
+ ${css}
151
+ </style>
152
+ </head>
153
+ <body>
154
+ ${html}
155
+ <script type="module">
156
+ ${js}
157
+ </script>
158
+ </body>
159
+ </html>
160
+ `.trim();
161
+ }
162
+ //# sourceMappingURL=performance-wrapper.js.map
package/dist/components/performance-wrapper.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"performance-wrapper.js","sourceRoot":"","sources":["../../src/components/performance-wrapper.tsx"],"names":[],"mappings":"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"}
package/dist/components/sandbox-component.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import type { SandboxComponentProps } from '../types/sandbox-types';
2
+ export declare function SandboxComponent({ data, language, isSelected, onClick, isEditorMode, dependencies, }: SandboxComponentProps): import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=sandbox-component.d.ts.map
package/dist/components/sandbox-component.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sandbox-component.d.ts","sourceRoot":"","sources":["../../src/components/sandbox-component.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,qBAAqB,EAAe,MAAM,wBAAwB,CAAC;AASjF,wBAAgB,gBAAgB,CAAC,EAChC,IAAI,EACJ,QAAQ,EACR,UAAkB,EAClB,OAAO,EACP,YAAoB,EACpB,YAAY,GACZ,EAAE,qBAAqB,2CAgOvB"}
package/dist/components/sandbox-component.js ADDED
@@ -0,0 +1,123 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { useEffect, useState } from 'react';
4
+ import { SandboxIframe } from './sandbox-iframe';
5
+ export function SandboxComponent({ data, language, isSelected = false, onClick, isEditorMode = false, dependencies, }) {
6
+ const [isClient, setIsClient] = useState(false);
7
+ const [error, setError] = useState(null);
8
+ const [iframeHeight, setIframeHeight] = useState(data.height || 400);
9
+ useEffect(() => {
10
+ setIsClient(true);
11
+ }, []);
12
+ const extractCode = () => {
13
+ const inputMode = data.inputMode || 'separate';
14
+ switch (inputMode) {
15
+ case 'separate':
16
+ return {
17
+ html: data.htmlCode || '',
18
+ css: data.cssCode || '',
19
+ js: data.jsCode || '',
20
+ };
21
+ case 'combined':
22
+ return parseCombinedHTML(data.combinedCode || '');
23
+ case 'converter':
24
+ return {
25
+ html: '<p>Converter mode coming soon</p>',
26
+ css: '',
27
+ js: '',
28
+ };
29
+ default:
30
+ return {
31
+ html: '',
32
+ css: '',
33
+ js: '',
34
+ };
35
+ }
36
+ };
37
+ const parseCombinedHTML = (html) => {
38
+ const styleRegex = /<style[^>]*>([\s\S]*?)<\/style>/gi;
39
+ const styleMatches = [...html.matchAll(styleRegex)];
40
+ const css = styleMatches.map((match) => match[1]).join('\n');
41
+ const scriptRegex = /<script[^>]*>([\s\S]*?)<\/script>/gi;
42
+ const scriptMatches = [...html.matchAll(scriptRegex)];
43
+ const js = scriptMatches
44
+ .map((match) => match[1])
45
+ .filter((script) => !script.includes('generateAutoResizeScript'))
46
+ .join('\n');
47
+ const bodyRegex = /<body[^>]*>([\s\S]*?)<\/body>/i;
48
+ const bodyMatch = html.match(bodyRegex);
49
+ const bodyContent = bodyMatch ? bodyMatch[1] : html;
50
+ const cleanHTML = bodyContent
51
+ .replace(styleRegex, '')
52
+ .replace(scriptRegex, '')
53
+ .trim();
54
+ return {
55
+ html: cleanHTML,
56
+ css: css.trim(),
57
+ js: js.trim(),
58
+ };
59
+ };
60
+ const parseExternalLibraries = () => {
61
+ if (!data.externalLibraries)
62
+ return [];
63
+ return data.externalLibraries
64
+ .split('\n')
65
+ .map((url) => url.trim())
66
+ .filter((url) => url.length > 0);
67
+ };
68
+ const handleHeightChange = (newHeight) => {
69
+ setIframeHeight(newHeight);
70
+ };
71
+ const handleError = (errorMessage) => {
72
+ setError(errorMessage);
73
+ console.error('[Sandbox Plugin]', errorMessage);
74
+ };
75
+ if (!isClient) {
76
+ return (_jsx("div", { style: {
77
+ padding: '16px',
78
+ textAlign: 'center',
79
+ color: '#6b7280',
80
+ }, children: "Loading sandbox..." }));
81
+ }
82
+ const code = extractCode();
83
+ const externalLibraries = parseExternalLibraries();
84
+ const showBadge = data.showBadge !== false;
85
+ return (_jsxs("div", { onClick: onClick, style: {
86
+ position: 'relative',
87
+ cursor: isEditorMode ? 'pointer' : 'default',
88
+ outline: isSelected ? '2px solid #3b82f6' : 'none',
89
+ borderRadius: '8px',
90
+ height: typeof data.height === 'string' && data.height === '100vh' ? 'calc(100vh - 200px)' : (typeof data.height === 'string' ? data.height : `${data.height}px`),
91
+ minHeight: '400px',
92
+ }, children: [isEditorMode && showBadge && (_jsx("div", { style: {
93
+ position: 'absolute',
94
+ top: '8px',
95
+ right: '8px',
96
+ backgroundColor: 'rgba(0, 0, 0, 0.75)',
97
+ color: '#fff',
98
+ padding: '4px 8px',
99
+ borderRadius: '4px',
100
+ fontSize: '12px',
101
+ fontWeight: '600',
102
+ zIndex: 10,
103
+ display: 'flex',
104
+ alignItems: 'center',
105
+ gap: '4px',
106
+ }, children: "\uD83D\uDD12 Sandboxed Content" })), error && (_jsxs("div", { style: {
107
+ backgroundColor: '#fef2f2',
108
+ border: '1px solid #fecaca',
109
+ borderRadius: '8px',
110
+ padding: '12px',
111
+ marginBottom: '8px',
112
+ color: '#dc2626',
113
+ fontSize: '14px',
114
+ }, children: [_jsx("strong", { children: "Error:" }), " ", error] })), _jsx(SandboxIframe, { code: code, externalLibraries: externalLibraries, height: iframeHeight, maxHeight: data.maxHeight || 1200, autoResize: data.autoResize !== false, executionTimeout: data.executionTimeout || 5000, isEditorMode: isEditorMode, onHeightChange: handleHeightChange, onError: handleError }), isEditorMode && isSelected && (_jsxs("div", { style: {
115
+ marginTop: '8px',
116
+ padding: '8px',
117
+ backgroundColor: '#f3f4f6',
118
+ borderRadius: '4px',
119
+ fontSize: '12px',
120
+ color: '#6b7280',
121
+ }, children: [_jsxs("div", { children: [_jsx("strong", { children: "Mode:" }), " ", data.inputMode || 'separate'] }), _jsxs("div", { children: [_jsx("strong", { children: "Height:" }), " ", iframeHeight, "px (max: ", data.maxHeight || 1200, "px)"] }), _jsxs("div", { children: [_jsx("strong", { children: "Auto-resize:" }), " ", data.autoResize !== false ? 'Yes' : 'No'] }), _jsxs("div", { children: [_jsx("strong", { children: "Timeout:" }), " ", data.executionTimeout || 5000, "ms"] }), externalLibraries.length > 0 && (_jsxs("div", { children: [_jsx("strong", { children: "Libraries:" }), " ", externalLibraries.length, " loaded"] }))] }))] }));
122
+ }
123
+ //# sourceMappingURL=sandbox-component.js.map
package/dist/components/sandbox-component.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sandbox-component.js","sourceRoot":"","sources":["../../src/components/sandbox-component.tsx"],"names":[],"mappings":"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"}
package/dist/components/sandbox-iframe-cached.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import type { SandboxIframeProps } from '../types/sandbox-types';
2
+ export declare function SandboxIframeCached({ code, externalLibraries, height, maxHeight, autoResize, executionTimeout, isEditorMode, onHeightChange, onError, onRenderComplete, }: SandboxIframeProps): import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=sandbox-iframe-cached.d.ts.map
package/dist/components/sandbox-iframe-cached.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sandbox-iframe-cached.d.ts","sourceRoot":"","sources":["../../src/components/sandbox-iframe-cached.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,kBAAkB,EAAkB,MAAM,wBAAwB,CAAC;AAUjF,wBAAgB,mBAAmB,CAAC,EACnC,IAAI,EACJ,iBAAsB,EACtB,MAAM,EACN,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,OAAO,EACP,gBAAgB,GAChB,EAAE,kBAAkB,2CAsQpB"}