@ouhuang/pi-web-ui 0.65.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 +349 -0
- package/README.md +601 -0
- package/dist/ChatPanel.d.ts +29 -0
- package/dist/ChatPanel.d.ts.map +1 -0
- package/dist/ChatPanel.js +194 -0
- package/dist/ChatPanel.js.map +1 -0
- package/dist/app.css +2 -0
- package/dist/components/AgentInterface.d.ts +40 -0
- package/dist/components/AgentInterface.d.ts.map +1 -0
- package/dist/components/AgentInterface.js +388 -0
- package/dist/components/AgentInterface.js.map +1 -0
- package/dist/components/AttachmentTile.d.ts +12 -0
- package/dist/components/AttachmentTile.d.ts.map +1 -0
- package/dist/components/AttachmentTile.js +111 -0
- package/dist/components/AttachmentTile.js.map +1 -0
- package/dist/components/ConsoleBlock.d.ts +12 -0
- package/dist/components/ConsoleBlock.d.ts.map +1 -0
- package/dist/components/ConsoleBlock.js +84 -0
- package/dist/components/ConsoleBlock.js.map +1 -0
- package/dist/components/CustomProviderCard.d.ts +17 -0
- package/dist/components/CustomProviderCard.d.ts.map +1 -0
- package/dist/components/CustomProviderCard.js +110 -0
- package/dist/components/CustomProviderCard.js.map +1 -0
- package/dist/components/ExpandableSection.d.ts +15 -0
- package/dist/components/ExpandableSection.d.ts.map +1 -0
- package/dist/components/ExpandableSection.js +63 -0
- package/dist/components/ExpandableSection.js.map +1 -0
- package/dist/components/Input.d.ts +26 -0
- package/dist/components/Input.d.ts.map +1 -0
- package/dist/components/Input.js +57 -0
- package/dist/components/Input.js.map +1 -0
- package/dist/components/MessageEditor.d.ts +44 -0
- package/dist/components/MessageEditor.d.ts.map +1 -0
- package/dist/components/MessageEditor.js +416 -0
- package/dist/components/MessageEditor.js.map +1 -0
- package/dist/components/MessageList.d.ts +14 -0
- package/dist/components/MessageList.d.ts.map +1 -0
- package/dist/components/MessageList.js +105 -0
- package/dist/components/MessageList.js.map +1 -0
- package/dist/components/Messages.d.ts +95 -0
- package/dist/components/Messages.d.ts.map +1 -0
- package/dist/components/Messages.js +362 -0
- package/dist/components/Messages.js.map +1 -0
- package/dist/components/ProviderKeyInput.d.ts +16 -0
- package/dist/components/ProviderKeyInput.d.ts.map +1 -0
- package/dist/components/ProviderKeyInput.js +171 -0
- package/dist/components/ProviderKeyInput.js.map +1 -0
- package/dist/components/SandboxedIframe.d.ts +85 -0
- package/dist/components/SandboxedIframe.d.ts.map +1 -0
- package/dist/components/SandboxedIframe.js +511 -0
- package/dist/components/SandboxedIframe.js.map +1 -0
- package/dist/components/StreamingMessageContainer.d.ts +19 -0
- package/dist/components/StreamingMessageContainer.d.ts.map +1 -0
- package/dist/components/StreamingMessageContainer.js +117 -0
- package/dist/components/StreamingMessageContainer.js.map +1 -0
- package/dist/components/ThinkingBlock.d.ts +11 -0
- package/dist/components/ThinkingBlock.d.ts.map +1 -0
- package/dist/components/ThinkingBlock.js +58 -0
- package/dist/components/ThinkingBlock.js.map +1 -0
- package/dist/components/message-renderer-registry.d.ts +12 -0
- package/dist/components/message-renderer-registry.d.ts.map +1 -0
- package/dist/components/message-renderer-registry.js +12 -0
- package/dist/components/message-renderer-registry.js.map +1 -0
- package/dist/components/sandbox/ArtifactsRuntimeProvider.d.ts +38 -0
- package/dist/components/sandbox/ArtifactsRuntimeProvider.d.ts.map +1 -0
- package/dist/components/sandbox/ArtifactsRuntimeProvider.js +189 -0
- package/dist/components/sandbox/ArtifactsRuntimeProvider.js.map +1 -0
- package/dist/components/sandbox/AttachmentsRuntimeProvider.d.ts +17 -0
- package/dist/components/sandbox/AttachmentsRuntimeProvider.d.ts.map +1 -0
- package/dist/components/sandbox/AttachmentsRuntimeProvider.js +64 -0
- package/dist/components/sandbox/AttachmentsRuntimeProvider.js.map +1 -0
- package/dist/components/sandbox/ConsoleRuntimeProvider.d.ts +42 -0
- package/dist/components/sandbox/ConsoleRuntimeProvider.d.ts.map +1 -0
- package/dist/components/sandbox/ConsoleRuntimeProvider.js +161 -0
- package/dist/components/sandbox/ConsoleRuntimeProvider.js.map +1 -0
- package/dist/components/sandbox/FileDownloadRuntimeProvider.d.ts +30 -0
- package/dist/components/sandbox/FileDownloadRuntimeProvider.d.ts.map +1 -0
- package/dist/components/sandbox/FileDownloadRuntimeProvider.js +97 -0
- package/dist/components/sandbox/FileDownloadRuntimeProvider.js.map +1 -0
- package/dist/components/sandbox/RuntimeMessageBridge.d.ts +19 -0
- package/dist/components/sandbox/RuntimeMessageBridge.d.ts.map +1 -0
- package/dist/components/sandbox/RuntimeMessageBridge.js +74 -0
- package/dist/components/sandbox/RuntimeMessageBridge.js.map +1 -0
- package/dist/components/sandbox/RuntimeMessageRouter.d.ts +65 -0
- package/dist/components/sandbox/RuntimeMessageRouter.d.ts.map +1 -0
- package/dist/components/sandbox/RuntimeMessageRouter.js +168 -0
- package/dist/components/sandbox/RuntimeMessageRouter.js.map +1 -0
- package/dist/components/sandbox/SandboxRuntimeProvider.d.ts +48 -0
- package/dist/components/sandbox/SandboxRuntimeProvider.d.ts.map +1 -0
- package/dist/components/sandbox/SandboxRuntimeProvider.js +2 -0
- package/dist/components/sandbox/SandboxRuntimeProvider.js.map +1 -0
- package/dist/dialogs/ApiKeyPromptDialog.d.ts +15 -0
- package/dist/dialogs/ApiKeyPromptDialog.d.ts.map +1 -0
- package/dist/dialogs/ApiKeyPromptDialog.js +79 -0
- package/dist/dialogs/ApiKeyPromptDialog.js.map +1 -0
- package/dist/dialogs/AttachmentOverlay.d.ts +32 -0
- package/dist/dialogs/AttachmentOverlay.d.ts.map +1 -0
- package/dist/dialogs/AttachmentOverlay.js +576 -0
- package/dist/dialogs/AttachmentOverlay.js.map +1 -0
- package/dist/dialogs/CustomProviderDialog.d.ts +25 -0
- package/dist/dialogs/CustomProviderDialog.d.ts.map +1 -0
- package/dist/dialogs/CustomProviderDialog.js +270 -0
- package/dist/dialogs/CustomProviderDialog.js.map +1 -0
- package/dist/dialogs/ModelSelector.d.ts +28 -0
- package/dist/dialogs/ModelSelector.d.ts.map +1 -0
- package/dist/dialogs/ModelSelector.js +368 -0
- package/dist/dialogs/ModelSelector.js.map +1 -0
- package/dist/dialogs/PersistentStorageDialog.d.ts +17 -0
- package/dist/dialogs/PersistentStorageDialog.d.ts.map +1 -0
- package/dist/dialogs/PersistentStorageDialog.js +147 -0
- package/dist/dialogs/PersistentStorageDialog.js.map +1 -0
- package/dist/dialogs/ProvidersModelsTab.d.ts +20 -0
- package/dist/dialogs/ProvidersModelsTab.d.ts.map +1 -0
- package/dist/dialogs/ProvidersModelsTab.js +191 -0
- package/dist/dialogs/ProvidersModelsTab.js.map +1 -0
- package/dist/dialogs/SessionListDialog.d.ts +19 -0
- package/dist/dialogs/SessionListDialog.d.ts.map +1 -0
- package/dist/dialogs/SessionListDialog.js +154 -0
- package/dist/dialogs/SessionListDialog.js.map +1 -0
- package/dist/dialogs/SettingsDialog.d.ts +31 -0
- package/dist/dialogs/SettingsDialog.d.ts.map +1 -0
- package/dist/dialogs/SettingsDialog.js +231 -0
- package/dist/dialogs/SettingsDialog.js.map +1 -0
- package/dist/index.d.ts +68 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +71 -0
- package/dist/index.js.map +1 -0
- package/dist/prompts/prompts.d.ts +11 -0
- package/dist/prompts/prompts.d.ts.map +1 -0
- package/dist/prompts/prompts.js +272 -0
- package/dist/prompts/prompts.js.map +1 -0
- package/dist/storage/app-storage.d.ts +33 -0
- package/dist/storage/app-storage.d.ts.map +1 -0
- package/dist/storage/app-storage.js +38 -0
- package/dist/storage/app-storage.js.map +1 -0
- package/dist/storage/backends/indexeddb-storage-backend.d.ts +27 -0
- package/dist/storage/backends/indexeddb-storage-backend.d.ts.map +1 -0
- package/dist/storage/backends/indexeddb-storage-backend.js +166 -0
- package/dist/storage/backends/indexeddb-storage-backend.js.map +1 -0
- package/dist/storage/store.d.ts +23 -0
- package/dist/storage/store.d.ts.map +1 -0
- package/dist/storage/store.js +26 -0
- package/dist/storage/store.js.map +1 -0
- package/dist/storage/stores/custom-providers-store.d.ts +25 -0
- package/dist/storage/stores/custom-providers-store.d.ts.map +1 -0
- package/dist/storage/stores/custom-providers-store.js +35 -0
- package/dist/storage/stores/custom-providers-store.js.map +1 -0
- package/dist/storage/stores/provider-keys-store.d.ts +14 -0
- package/dist/storage/stores/provider-keys-store.d.ts.map +1 -0
- package/dist/storage/stores/provider-keys-store.js +27 -0
- package/dist/storage/stores/provider-keys-store.js.map +1 -0
- package/dist/storage/stores/sessions-store.d.ts +32 -0
- package/dist/storage/stores/sessions-store.d.ts.map +1 -0
- package/dist/storage/stores/sessions-store.js +113 -0
- package/dist/storage/stores/sessions-store.js.map +1 -0
- package/dist/storage/stores/settings-store.d.ts +14 -0
- package/dist/storage/stores/settings-store.d.ts.map +1 -0
- package/dist/storage/stores/settings-store.js +28 -0
- package/dist/storage/stores/settings-store.js.map +1 -0
- package/dist/storage/types.d.ts +176 -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/tools/artifacts/ArtifactElement.d.ts +9 -0
- package/dist/tools/artifacts/ArtifactElement.d.ts.map +1 -0
- package/dist/tools/artifacts/ArtifactElement.js +11 -0
- package/dist/tools/artifacts/ArtifactElement.js.map +1 -0
- package/dist/tools/artifacts/ArtifactPill.d.ts +4 -0
- package/dist/tools/artifacts/ArtifactPill.d.ts.map +1 -0
- package/dist/tools/artifacts/ArtifactPill.js +23 -0
- package/dist/tools/artifacts/ArtifactPill.js.map +1 -0
- package/dist/tools/artifacts/Console.d.ts +18 -0
- package/dist/tools/artifacts/Console.d.ts.map +1 -0
- package/dist/tools/artifacts/Console.js +95 -0
- package/dist/tools/artifacts/Console.js.map +1 -0
- package/dist/tools/artifacts/DocxArtifact.d.ts +22 -0
- package/dist/tools/artifacts/DocxArtifact.d.ts.map +1 -0
- package/dist/tools/artifacts/DocxArtifact.js +208 -0
- package/dist/tools/artifacts/DocxArtifact.js.map +1 -0
- package/dist/tools/artifacts/ExcelArtifact.d.ts +24 -0
- package/dist/tools/artifacts/ExcelArtifact.d.ts.map +1 -0
- package/dist/tools/artifacts/ExcelArtifact.js +216 -0
- package/dist/tools/artifacts/ExcelArtifact.js.map +1 -0
- package/dist/tools/artifacts/GenericArtifact.d.ts +19 -0
- package/dist/tools/artifacts/GenericArtifact.d.ts.map +1 -0
- package/dist/tools/artifacts/GenericArtifact.js +117 -0
- package/dist/tools/artifacts/GenericArtifact.js.map +1 -0
- package/dist/tools/artifacts/HtmlArtifact.d.ts +27 -0
- package/dist/tools/artifacts/HtmlArtifact.d.ts.map +1 -0
- package/dist/tools/artifacts/HtmlArtifact.js +189 -0
- package/dist/tools/artifacts/HtmlArtifact.js.map +1 -0
- package/dist/tools/artifacts/ImageArtifact.d.ts +20 -0
- package/dist/tools/artifacts/ImageArtifact.d.ts.map +1 -0
- package/dist/tools/artifacts/ImageArtifact.js +120 -0
- package/dist/tools/artifacts/ImageArtifact.js.map +1 -0
- package/dist/tools/artifacts/MarkdownArtifact.d.ts +19 -0
- package/dist/tools/artifacts/MarkdownArtifact.d.ts.map +1 -0
- package/dist/tools/artifacts/MarkdownArtifact.js +82 -0
- package/dist/tools/artifacts/MarkdownArtifact.js.map +1 -0
- package/dist/tools/artifacts/PdfArtifact.d.ts +25 -0
- package/dist/tools/artifacts/PdfArtifact.d.ts.map +1 -0
- package/dist/tools/artifacts/PdfArtifact.js +184 -0
- package/dist/tools/artifacts/PdfArtifact.js.map +1 -0
- package/dist/tools/artifacts/SvgArtifact.d.ts +18 -0
- package/dist/tools/artifacts/SvgArtifact.d.ts.map +1 -0
- package/dist/tools/artifacts/SvgArtifact.js +78 -0
- package/dist/tools/artifacts/SvgArtifact.js.map +1 -0
- package/dist/tools/artifacts/TextArtifact.d.ts +19 -0
- package/dist/tools/artifacts/TextArtifact.d.ts.map +1 -0
- package/dist/tools/artifacts/TextArtifact.js +144 -0
- package/dist/tools/artifacts/TextArtifact.js.map +1 -0
- package/dist/tools/artifacts/artifacts-tool-renderer.d.ts +11 -0
- package/dist/tools/artifacts/artifacts-tool-renderer.d.ts.map +1 -0
- package/dist/tools/artifacts/artifacts-tool-renderer.js +272 -0
- package/dist/tools/artifacts/artifacts-tool-renderer.js.map +1 -0
- package/dist/tools/artifacts/artifacts.d.ts +63 -0
- package/dist/tools/artifacts/artifacts.d.ts.map +1 -0
- package/dist/tools/artifacts/artifacts.js +659 -0
- package/dist/tools/artifacts/artifacts.js.map +1 -0
- package/dist/tools/artifacts/index.d.ts +8 -0
- package/dist/tools/artifacts/index.d.ts.map +1 -0
- package/dist/tools/artifacts/index.js +8 -0
- package/dist/tools/artifacts/index.js.map +1 -0
- package/dist/tools/extract-document.d.ts +24 -0
- package/dist/tools/extract-document.d.ts.map +1 -0
- package/dist/tools/extract-document.js +216 -0
- package/dist/tools/extract-document.js.map +1 -0
- package/dist/tools/index.d.ts +16 -0
- package/dist/tools/index.d.ts.map +1 -0
- package/dist/tools/index.js +33 -0
- package/dist/tools/index.js.map +1 -0
- package/dist/tools/javascript-repl.d.ts +44 -0
- package/dist/tools/javascript-repl.d.ts.map +1 -0
- package/dist/tools/javascript-repl.js +224 -0
- package/dist/tools/javascript-repl.js.map +1 -0
- package/dist/tools/renderer-registry.d.ts +23 -0
- package/dist/tools/renderer-registry.d.ts.map +1 -0
- package/dist/tools/renderer-registry.js +107 -0
- package/dist/tools/renderer-registry.js.map +1 -0
- package/dist/tools/renderers/BashRenderer.d.ts +10 -0
- package/dist/tools/renderers/BashRenderer.d.ts.map +1 -0
- package/dist/tools/renderers/BashRenderer.js +42 -0
- package/dist/tools/renderers/BashRenderer.js.map +1 -0
- package/dist/tools/renderers/CalculateRenderer.d.ts +10 -0
- package/dist/tools/renderers/CalculateRenderer.d.ts.map +1 -0
- package/dist/tools/renderers/CalculateRenderer.js +45 -0
- package/dist/tools/renderers/CalculateRenderer.js.map +1 -0
- package/dist/tools/renderers/DefaultRenderer.d.ts +6 -0
- package/dist/tools/renderers/DefaultRenderer.d.ts.map +1 -0
- package/dist/tools/renderers/DefaultRenderer.js +94 -0
- package/dist/tools/renderers/DefaultRenderer.js.map +1 -0
- package/dist/tools/renderers/GetCurrentTimeRenderer.d.ts +10 -0
- package/dist/tools/renderers/GetCurrentTimeRenderer.d.ts.map +1 -0
- package/dist/tools/renderers/GetCurrentTimeRenderer.js +72 -0
- package/dist/tools/renderers/GetCurrentTimeRenderer.js.map +1 -0
- package/dist/tools/types.d.ts +10 -0
- package/dist/tools/types.d.ts.map +1 -0
- package/dist/tools/types.js +2 -0
- package/dist/tools/types.js.map +1 -0
- package/dist/utils/attachment-utils.d.ts +19 -0
- package/dist/utils/attachment-utils.d.ts.map +1 -0
- package/dist/utils/attachment-utils.js +415 -0
- package/dist/utils/attachment-utils.js.map +1 -0
- package/dist/utils/auth-token.d.ts +3 -0
- package/dist/utils/auth-token.d.ts.map +1 -0
- package/dist/utils/auth-token.js +19 -0
- package/dist/utils/auth-token.js.map +1 -0
- package/dist/utils/format.d.ts +6 -0
- package/dist/utils/format.d.ts.map +1 -0
- package/dist/utils/format.js +47 -0
- package/dist/utils/format.js.map +1 -0
- package/dist/utils/i18n.d.ts +636 -0
- package/dist/utils/i18n.d.ts.map +1 -0
- package/dist/utils/i18n.js +418 -0
- package/dist/utils/i18n.js.map +1 -0
- package/dist/utils/model-discovery.d.ts +38 -0
- package/dist/utils/model-discovery.d.ts.map +1 -0
- package/dist/utils/model-discovery.js +243 -0
- package/dist/utils/model-discovery.js.map +1 -0
- package/dist/utils/proxy-utils.d.ts +45 -0
- package/dist/utils/proxy-utils.d.ts.map +1 -0
- package/dist/utils/proxy-utils.js +120 -0
- package/dist/utils/proxy-utils.js.map +1 -0
- package/dist/utils/test-sessions.d.ts +359 -0
- package/dist/utils/test-sessions.d.ts.map +1 -0
- package/dist/utils/test-sessions.js +2325 -0
- package/dist/utils/test-sessions.js.map +1 -0
- package/example/README.md +61 -0
- package/example/index.html +13 -0
- package/example/package.json +25 -0
- package/example/src/app.css +1 -0
- package/example/src/custom-messages.ts +99 -0
- package/example/src/main.ts +421 -0
- package/example/tsconfig.json +23 -0
- package/example/vite.config.ts +6 -0
- package/package.json +51 -0
- package/scripts/count-prompt-tokens.ts +88 -0
- package/src/ChatPanel.ts +209 -0
- package/src/app.css +68 -0
- package/src/components/AgentInterface.ts +403 -0
- package/src/components/AttachmentTile.ts +107 -0
- package/src/components/ConsoleBlock.ts +72 -0
- package/src/components/CustomProviderCard.ts +100 -0
- package/src/components/ExpandableSection.ts +46 -0
- package/src/components/Input.ts +113 -0
- package/src/components/MessageEditor.ts +402 -0
- package/src/components/MessageList.ts +98 -0
- package/src/components/Messages.ts +384 -0
- package/src/components/ProviderKeyInput.ts +153 -0
- package/src/components/SandboxedIframe.ts +626 -0
- package/src/components/StreamingMessageContainer.ts +103 -0
- package/src/components/ThinkingBlock.ts +43 -0
- package/src/components/message-renderer-registry.ts +28 -0
- package/src/components/sandbox/ArtifactsRuntimeProvider.ts +220 -0
- package/src/components/sandbox/AttachmentsRuntimeProvider.ts +66 -0
- package/src/components/sandbox/ConsoleRuntimeProvider.ts +186 -0
- package/src/components/sandbox/FileDownloadRuntimeProvider.ts +110 -0
- package/src/components/sandbox/RuntimeMessageBridge.ts +82 -0
- package/src/components/sandbox/RuntimeMessageRouter.ts +216 -0
- package/src/components/sandbox/SandboxRuntimeProvider.ts +52 -0
- package/src/dialogs/ApiKeyPromptDialog.ts +75 -0
- package/src/dialogs/AttachmentOverlay.ts +636 -0
- package/src/dialogs/CustomProviderDialog.ts +274 -0
- package/src/dialogs/ModelSelector.ts +367 -0
- package/src/dialogs/PersistentStorageDialog.ts +144 -0
- package/src/dialogs/ProvidersModelsTab.ts +212 -0
- package/src/dialogs/SessionListDialog.ts +150 -0
- package/src/dialogs/SettingsDialog.ts +218 -0
- package/src/index.ts +120 -0
- package/src/prompts/prompts.ts +282 -0
- package/src/storage/app-storage.ts +60 -0
- package/src/storage/backends/indexeddb-storage-backend.ts +193 -0
- package/src/storage/store.ts +33 -0
- package/src/storage/stores/custom-providers-store.ts +62 -0
- package/src/storage/stores/provider-keys-store.ts +33 -0
- package/src/storage/stores/sessions-store.ts +136 -0
- package/src/storage/stores/settings-store.ts +34 -0
- package/src/storage/types.ts +206 -0
- package/src/tools/artifacts/ArtifactElement.ts +14 -0
- package/src/tools/artifacts/ArtifactPill.ts +26 -0
- package/src/tools/artifacts/Console.ts +93 -0
- package/src/tools/artifacts/DocxArtifact.ts +213 -0
- package/src/tools/artifacts/ExcelArtifact.ts +231 -0
- package/src/tools/artifacts/GenericArtifact.ts +117 -0
- package/src/tools/artifacts/HtmlArtifact.ts +195 -0
- package/src/tools/artifacts/ImageArtifact.ts +116 -0
- package/src/tools/artifacts/MarkdownArtifact.ts +82 -0
- package/src/tools/artifacts/PdfArtifact.ts +201 -0
- package/src/tools/artifacts/SvgArtifact.ts +78 -0
- package/src/tools/artifacts/TextArtifact.ts +148 -0
- package/src/tools/artifacts/artifacts-tool-renderer.ts +310 -0
- package/src/tools/artifacts/artifacts.ts +713 -0
- package/src/tools/artifacts/index.ts +7 -0
- package/src/tools/extract-document.ts +275 -0
- package/src/tools/index.ts +46 -0
- package/src/tools/javascript-repl.ts +293 -0
- package/src/tools/renderer-registry.ts +130 -0
- package/src/tools/renderers/BashRenderer.ts +52 -0
- package/src/tools/renderers/CalculateRenderer.ts +58 -0
- package/src/tools/renderers/DefaultRenderer.ts +103 -0
- package/src/tools/renderers/GetCurrentTimeRenderer.ts +92 -0
- package/src/tools/types.ts +15 -0
- package/src/utils/attachment-utils.ts +472 -0
- package/src/utils/auth-token.ts +22 -0
- package/src/utils/format.ts +42 -0
- package/src/utils/i18n.ts +653 -0
- package/src/utils/model-discovery.ts +277 -0
- package/src/utils/proxy-utils.ts +139 -0
- package/src/utils/test-sessions.ts +2357 -0
- package/tsconfig.build.json +26 -0
- package/tsconfig.json +13 -0
|
@@ -0,0 +1,216 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { DownloadButton } from "@mariozechner/mini-lit/dist/DownloadButton.js";
|
|
8
|
+
import { html } from "lit";
|
|
9
|
+
import { customElement, property, state } from "lit/decorators.js";
|
|
10
|
+
import * as XLSX from "xlsx";
|
|
11
|
+
import { i18n } from "../../utils/i18n.js";
|
|
12
|
+
import { ArtifactElement } from "./ArtifactElement.js";
|
|
13
|
+
let ExcelArtifact = class ExcelArtifact extends ArtifactElement {
|
|
14
|
+
constructor() {
|
|
15
|
+
super(...arguments);
|
|
16
|
+
this._content = "";
|
|
17
|
+
this.error = null;
|
|
18
|
+
}
|
|
19
|
+
get content() {
|
|
20
|
+
return this._content;
|
|
21
|
+
}
|
|
22
|
+
set content(value) {
|
|
23
|
+
this._content = value;
|
|
24
|
+
this.error = null;
|
|
25
|
+
this.requestUpdate();
|
|
26
|
+
}
|
|
27
|
+
createRenderRoot() {
|
|
28
|
+
return this;
|
|
29
|
+
}
|
|
30
|
+
connectedCallback() {
|
|
31
|
+
super.connectedCallback();
|
|
32
|
+
this.style.display = "block";
|
|
33
|
+
this.style.height = "100%";
|
|
34
|
+
}
|
|
35
|
+
base64ToArrayBuffer(base64) {
|
|
36
|
+
// Remove data URL prefix if present
|
|
37
|
+
let base64Data = base64;
|
|
38
|
+
if (base64.startsWith("data:")) {
|
|
39
|
+
const base64Match = base64.match(/base64,(.+)/);
|
|
40
|
+
if (base64Match) {
|
|
41
|
+
base64Data = base64Match[1];
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
const binaryString = atob(base64Data);
|
|
45
|
+
const bytes = new Uint8Array(binaryString.length);
|
|
46
|
+
for (let i = 0; i < binaryString.length; i++) {
|
|
47
|
+
bytes[i] = binaryString.charCodeAt(i);
|
|
48
|
+
}
|
|
49
|
+
return bytes.buffer;
|
|
50
|
+
}
|
|
51
|
+
decodeBase64() {
|
|
52
|
+
let base64Data = this._content;
|
|
53
|
+
if (this._content.startsWith("data:")) {
|
|
54
|
+
const base64Match = this._content.match(/base64,(.+)/);
|
|
55
|
+
if (base64Match) {
|
|
56
|
+
base64Data = base64Match[1];
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
const binaryString = atob(base64Data);
|
|
60
|
+
const bytes = new Uint8Array(binaryString.length);
|
|
61
|
+
for (let i = 0; i < binaryString.length; i++) {
|
|
62
|
+
bytes[i] = binaryString.charCodeAt(i);
|
|
63
|
+
}
|
|
64
|
+
return bytes;
|
|
65
|
+
}
|
|
66
|
+
getMimeType() {
|
|
67
|
+
const ext = this.filename.split(".").pop()?.toLowerCase();
|
|
68
|
+
if (ext === "xls")
|
|
69
|
+
return "application/vnd.ms-excel";
|
|
70
|
+
return "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
|
|
71
|
+
}
|
|
72
|
+
getHeaderButtons() {
|
|
73
|
+
return html `
|
|
74
|
+
<div class="flex items-center gap-1">
|
|
75
|
+
${DownloadButton({
|
|
76
|
+
content: this.decodeBase64(),
|
|
77
|
+
filename: this.filename,
|
|
78
|
+
mimeType: this.getMimeType(),
|
|
79
|
+
title: i18n("Download"),
|
|
80
|
+
})}
|
|
81
|
+
</div>
|
|
82
|
+
`;
|
|
83
|
+
}
|
|
84
|
+
async updated(changedProperties) {
|
|
85
|
+
super.updated(changedProperties);
|
|
86
|
+
if (changedProperties.has("_content") && this._content && !this.error) {
|
|
87
|
+
await this.renderExcel();
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
async renderExcel() {
|
|
91
|
+
const container = this.querySelector("#excel-container");
|
|
92
|
+
if (!container || !this._content)
|
|
93
|
+
return;
|
|
94
|
+
try {
|
|
95
|
+
const arrayBuffer = this.base64ToArrayBuffer(this._content);
|
|
96
|
+
const workbook = XLSX.read(arrayBuffer, { type: "array" });
|
|
97
|
+
container.innerHTML = "";
|
|
98
|
+
const wrapper = document.createElement("div");
|
|
99
|
+
wrapper.className = "overflow-auto h-full flex flex-col";
|
|
100
|
+
container.appendChild(wrapper);
|
|
101
|
+
// Create tabs for multiple sheets
|
|
102
|
+
if (workbook.SheetNames.length > 1) {
|
|
103
|
+
const tabContainer = document.createElement("div");
|
|
104
|
+
tabContainer.className = "flex gap-2 mb-4 border-b border-border sticky top-0 bg-background z-10";
|
|
105
|
+
const sheetContents = [];
|
|
106
|
+
workbook.SheetNames.forEach((sheetName, index) => {
|
|
107
|
+
// Create tab button
|
|
108
|
+
const tab = document.createElement("button");
|
|
109
|
+
tab.textContent = sheetName;
|
|
110
|
+
tab.className =
|
|
111
|
+
index === 0
|
|
112
|
+
? "px-4 py-2 text-sm font-medium border-b-2 border-primary text-primary"
|
|
113
|
+
: "px-4 py-2 text-sm font-medium text-muted-foreground hover:text-foreground hover:border-b-2 hover:border-border transition-colors";
|
|
114
|
+
// Create sheet content
|
|
115
|
+
const sheetDiv = document.createElement("div");
|
|
116
|
+
sheetDiv.style.display = index === 0 ? "flex" : "none";
|
|
117
|
+
sheetDiv.className = "flex-1 overflow-auto";
|
|
118
|
+
sheetDiv.appendChild(this.renderExcelSheet(workbook.Sheets[sheetName], sheetName));
|
|
119
|
+
sheetContents.push(sheetDiv);
|
|
120
|
+
// Tab click handler
|
|
121
|
+
tab.onclick = () => {
|
|
122
|
+
// Update tab styles
|
|
123
|
+
tabContainer.querySelectorAll("button").forEach((btn, btnIndex) => {
|
|
124
|
+
if (btnIndex === index) {
|
|
125
|
+
btn.className = "px-4 py-2 text-sm font-medium border-b-2 border-primary text-primary";
|
|
126
|
+
}
|
|
127
|
+
else {
|
|
128
|
+
btn.className =
|
|
129
|
+
"px-4 py-2 text-sm font-medium text-muted-foreground hover:text-foreground hover:border-b-2 hover:border-border transition-colors";
|
|
130
|
+
}
|
|
131
|
+
});
|
|
132
|
+
// Show/hide sheets
|
|
133
|
+
sheetContents.forEach((content, contentIndex) => {
|
|
134
|
+
content.style.display = contentIndex === index ? "flex" : "none";
|
|
135
|
+
});
|
|
136
|
+
};
|
|
137
|
+
tabContainer.appendChild(tab);
|
|
138
|
+
});
|
|
139
|
+
wrapper.appendChild(tabContainer);
|
|
140
|
+
sheetContents.forEach((content) => {
|
|
141
|
+
wrapper.appendChild(content);
|
|
142
|
+
});
|
|
143
|
+
}
|
|
144
|
+
else {
|
|
145
|
+
// Single sheet
|
|
146
|
+
const sheetName = workbook.SheetNames[0];
|
|
147
|
+
wrapper.appendChild(this.renderExcelSheet(workbook.Sheets[sheetName], sheetName));
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
catch (error) {
|
|
151
|
+
console.error("Error rendering Excel:", error);
|
|
152
|
+
this.error = error?.message || i18n("Failed to load spreadsheet");
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
renderExcelSheet(worksheet, sheetName) {
|
|
156
|
+
const sheetDiv = document.createElement("div");
|
|
157
|
+
// Generate HTML table
|
|
158
|
+
const htmlTable = XLSX.utils.sheet_to_html(worksheet, { id: `sheet-${sheetName}` });
|
|
159
|
+
const tempDiv = document.createElement("div");
|
|
160
|
+
tempDiv.innerHTML = htmlTable;
|
|
161
|
+
// Find and style the table
|
|
162
|
+
const table = tempDiv.querySelector("table");
|
|
163
|
+
if (table) {
|
|
164
|
+
table.className = "w-full border-collapse text-foreground";
|
|
165
|
+
// Style all cells
|
|
166
|
+
table.querySelectorAll("td, th").forEach((cell) => {
|
|
167
|
+
const cellEl = cell;
|
|
168
|
+
cellEl.className = "border border-border px-3 py-2 text-sm text-left";
|
|
169
|
+
});
|
|
170
|
+
// Style header row
|
|
171
|
+
const headerCells = table.querySelectorAll("thead th, tr:first-child td");
|
|
172
|
+
if (headerCells.length > 0) {
|
|
173
|
+
headerCells.forEach((th) => {
|
|
174
|
+
const thEl = th;
|
|
175
|
+
thEl.className =
|
|
176
|
+
"border border-border px-3 py-2 text-sm font-semibold bg-muted text-foreground sticky top-0";
|
|
177
|
+
});
|
|
178
|
+
}
|
|
179
|
+
// Alternate row colors
|
|
180
|
+
table.querySelectorAll("tbody tr:nth-child(even)").forEach((row) => {
|
|
181
|
+
const rowEl = row;
|
|
182
|
+
rowEl.className = "bg-muted/30";
|
|
183
|
+
});
|
|
184
|
+
sheetDiv.appendChild(table);
|
|
185
|
+
}
|
|
186
|
+
return sheetDiv;
|
|
187
|
+
}
|
|
188
|
+
render() {
|
|
189
|
+
if (this.error) {
|
|
190
|
+
return html `
|
|
191
|
+
<div class="h-full flex items-center justify-center bg-background p-4">
|
|
192
|
+
<div class="bg-destructive/10 border border-destructive text-destructive p-4 rounded-lg max-w-2xl">
|
|
193
|
+
<div class="font-medium mb-1">${i18n("Error loading spreadsheet")}</div>
|
|
194
|
+
<div class="text-sm opacity-90">${this.error}</div>
|
|
195
|
+
</div>
|
|
196
|
+
</div>
|
|
197
|
+
`;
|
|
198
|
+
}
|
|
199
|
+
return html `
|
|
200
|
+
<div class="h-full flex flex-col bg-background overflow-auto">
|
|
201
|
+
<div id="excel-container" class="flex-1 overflow-auto"></div>
|
|
202
|
+
</div>
|
|
203
|
+
`;
|
|
204
|
+
}
|
|
205
|
+
};
|
|
206
|
+
__decorate([
|
|
207
|
+
property({ type: String })
|
|
208
|
+
], ExcelArtifact.prototype, "_content", void 0);
|
|
209
|
+
__decorate([
|
|
210
|
+
state()
|
|
211
|
+
], ExcelArtifact.prototype, "error", void 0);
|
|
212
|
+
ExcelArtifact = __decorate([
|
|
213
|
+
customElement("excel-artifact")
|
|
214
|
+
], ExcelArtifact);
|
|
215
|
+
export { ExcelArtifact };
|
|
216
|
+
//# sourceMappingURL=ExcelArtifact.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExcelArtifact.js","sourceRoot":"","sources":["../../../src/tools/artifacts/ExcelArtifact.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type TemplateResult } from "lit";
|
|
2
|
+
import { ArtifactElement } from "./ArtifactElement.js";
|
|
3
|
+
export declare class GenericArtifact extends ArtifactElement {
|
|
4
|
+
private _content;
|
|
5
|
+
get content(): string;
|
|
6
|
+
set content(value: string);
|
|
7
|
+
protected createRenderRoot(): HTMLElement | DocumentFragment;
|
|
8
|
+
connectedCallback(): void;
|
|
9
|
+
private decodeBase64;
|
|
10
|
+
private getMimeType;
|
|
11
|
+
getHeaderButtons(): TemplateResult<1>;
|
|
12
|
+
render(): TemplateResult;
|
|
13
|
+
}
|
|
14
|
+
declare global {
|
|
15
|
+
interface HTMLElementTagNameMap {
|
|
16
|
+
"generic-artifact": GenericArtifact;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=GenericArtifact.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GenericArtifact.d.ts","sourceRoot":"","sources":["../../../src/tools/artifacts/GenericArtifact.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGhD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,qBACa,eAAgB,SAAQ,eAAe;IACvB,OAAO,CAAC,QAAQ,CAAM;IAElD,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAGxB;cAEkB,gBAAgB,IAAI,WAAW,GAAG,gBAAgB;IAI5D,iBAAiB,IAAI,IAAI;IAMlC,OAAO,CAAC,YAAY;IAiBpB,OAAO,CAAC,WAAW;IAuBZ,gBAAgB;IAad,MAAM,IAAI,cAAc;CA4BjC;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,eAAe,CAAC;KACpC;CACD"}
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { DownloadButton } from "@mariozechner/mini-lit/dist/DownloadButton.js";
|
|
8
|
+
import { html } from "lit";
|
|
9
|
+
import { customElement, property } from "lit/decorators.js";
|
|
10
|
+
import { i18n } from "../../utils/i18n.js";
|
|
11
|
+
import { ArtifactElement } from "./ArtifactElement.js";
|
|
12
|
+
let GenericArtifact = class GenericArtifact extends ArtifactElement {
|
|
13
|
+
constructor() {
|
|
14
|
+
super(...arguments);
|
|
15
|
+
this._content = "";
|
|
16
|
+
}
|
|
17
|
+
get content() {
|
|
18
|
+
return this._content;
|
|
19
|
+
}
|
|
20
|
+
set content(value) {
|
|
21
|
+
this._content = value;
|
|
22
|
+
this.requestUpdate();
|
|
23
|
+
}
|
|
24
|
+
createRenderRoot() {
|
|
25
|
+
return this;
|
|
26
|
+
}
|
|
27
|
+
connectedCallback() {
|
|
28
|
+
super.connectedCallback();
|
|
29
|
+
this.style.display = "block";
|
|
30
|
+
this.style.height = "100%";
|
|
31
|
+
}
|
|
32
|
+
decodeBase64() {
|
|
33
|
+
let base64Data = this._content;
|
|
34
|
+
if (this._content.startsWith("data:")) {
|
|
35
|
+
const base64Match = this._content.match(/base64,(.+)/);
|
|
36
|
+
if (base64Match) {
|
|
37
|
+
base64Data = base64Match[1];
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
const binaryString = atob(base64Data);
|
|
41
|
+
const bytes = new Uint8Array(binaryString.length);
|
|
42
|
+
for (let i = 0; i < binaryString.length; i++) {
|
|
43
|
+
bytes[i] = binaryString.charCodeAt(i);
|
|
44
|
+
}
|
|
45
|
+
return bytes;
|
|
46
|
+
}
|
|
47
|
+
getMimeType() {
|
|
48
|
+
const ext = this.filename.split(".").pop()?.toLowerCase();
|
|
49
|
+
// Add common MIME types
|
|
50
|
+
const mimeTypes = {
|
|
51
|
+
pdf: "application/pdf",
|
|
52
|
+
zip: "application/zip",
|
|
53
|
+
tar: "application/x-tar",
|
|
54
|
+
gz: "application/gzip",
|
|
55
|
+
rar: "application/vnd.rar",
|
|
56
|
+
"7z": "application/x-7z-compressed",
|
|
57
|
+
mp3: "audio/mpeg",
|
|
58
|
+
mp4: "video/mp4",
|
|
59
|
+
avi: "video/x-msvideo",
|
|
60
|
+
mov: "video/quicktime",
|
|
61
|
+
wav: "audio/wav",
|
|
62
|
+
ogg: "audio/ogg",
|
|
63
|
+
json: "application/json",
|
|
64
|
+
xml: "application/xml",
|
|
65
|
+
bin: "application/octet-stream",
|
|
66
|
+
};
|
|
67
|
+
return mimeTypes[ext || ""] || "application/octet-stream";
|
|
68
|
+
}
|
|
69
|
+
getHeaderButtons() {
|
|
70
|
+
return html `
|
|
71
|
+
<div class="flex items-center gap-1">
|
|
72
|
+
${DownloadButton({
|
|
73
|
+
content: this.decodeBase64(),
|
|
74
|
+
filename: this.filename,
|
|
75
|
+
mimeType: this.getMimeType(),
|
|
76
|
+
title: i18n("Download"),
|
|
77
|
+
})}
|
|
78
|
+
</div>
|
|
79
|
+
`;
|
|
80
|
+
}
|
|
81
|
+
render() {
|
|
82
|
+
return html `
|
|
83
|
+
<div class="h-full flex items-center justify-center bg-background p-8">
|
|
84
|
+
<div class="text-center max-w-md">
|
|
85
|
+
<div class="text-muted-foreground text-lg mb-4">
|
|
86
|
+
<svg
|
|
87
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
88
|
+
class="h-16 w-16 mx-auto mb-4 text-muted-foreground/50"
|
|
89
|
+
fill="none"
|
|
90
|
+
viewBox="0 0 24 24"
|
|
91
|
+
stroke="currentColor"
|
|
92
|
+
>
|
|
93
|
+
<path
|
|
94
|
+
stroke-linecap="round"
|
|
95
|
+
stroke-linejoin="round"
|
|
96
|
+
stroke-width="1.5"
|
|
97
|
+
d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"
|
|
98
|
+
/>
|
|
99
|
+
</svg>
|
|
100
|
+
<div class="font-medium text-foreground mb-2">${this.filename}</div>
|
|
101
|
+
<p class="text-sm">
|
|
102
|
+
${i18n("Preview not available for this file type.")} ${i18n("Click the download button above to view it on your computer.")}
|
|
103
|
+
</p>
|
|
104
|
+
</div>
|
|
105
|
+
</div>
|
|
106
|
+
</div>
|
|
107
|
+
`;
|
|
108
|
+
}
|
|
109
|
+
};
|
|
110
|
+
__decorate([
|
|
111
|
+
property({ type: String })
|
|
112
|
+
], GenericArtifact.prototype, "_content", void 0);
|
|
113
|
+
GenericArtifact = __decorate([
|
|
114
|
+
customElement("generic-artifact")
|
|
115
|
+
], GenericArtifact);
|
|
116
|
+
export { GenericArtifact };
|
|
117
|
+
//# sourceMappingURL=GenericArtifact.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GenericArtifact.js","sourceRoot":"","sources":["../../../src/tools/artifacts/GenericArtifact.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { type Ref } from "lit/directives/ref.js";
|
|
2
|
+
import type { SandboxIframe } from "../../components/SandboxedIframe.js";
|
|
3
|
+
import type { SandboxRuntimeProvider } from "../../components/sandbox/SandboxRuntimeProvider.js";
|
|
4
|
+
import "../../components/SandboxedIframe.js";
|
|
5
|
+
import { ArtifactElement } from "./ArtifactElement.js";
|
|
6
|
+
import "./Console.js";
|
|
7
|
+
export declare class HtmlArtifact extends ArtifactElement {
|
|
8
|
+
filename: string;
|
|
9
|
+
runtimeProviders: SandboxRuntimeProvider[];
|
|
10
|
+
sandboxUrlProvider?: () => string;
|
|
11
|
+
private _content;
|
|
12
|
+
private logs;
|
|
13
|
+
sandboxIframeRef: Ref<SandboxIframe>;
|
|
14
|
+
private consoleRef;
|
|
15
|
+
private viewMode;
|
|
16
|
+
private setViewMode;
|
|
17
|
+
getHeaderButtons(): import("lit-html").TemplateResult<1>;
|
|
18
|
+
set content(value: string);
|
|
19
|
+
executeContent(html: string): void;
|
|
20
|
+
get content(): string;
|
|
21
|
+
disconnectedCallback(): void;
|
|
22
|
+
firstUpdated(): void;
|
|
23
|
+
updated(changedProperties: Map<string | number | symbol, unknown>): void;
|
|
24
|
+
getLogs(): string;
|
|
25
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=HtmlArtifact.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HtmlArtifact.d.ts","sourceRoot":"","sources":["../../../src/tools/artifacts/HtmlArtifact.ts"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,GAAG,EAAO,MAAM,uBAAuB,CAAC;AAGjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEzE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AAEjG,OAAO,qCAAqC,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,cAAc,CAAC;AAOtB,qBACa,YAAa,SAAQ,eAAe;IAC3B,QAAQ,SAAM;IACH,gBAAgB,EAAE,sBAAsB,EAAE,CAAM;IAChD,kBAAkB,CAAC,EAAE,MAAM,MAAM,CAAC;IAElE,OAAO,CAAC,QAAQ,CAAM;IACtB,OAAO,CAAC,IAAI,CAAsD;IAG3D,gBAAgB,EAAE,GAAG,CAAC,aAAa,CAAC,CAAe;IAC1D,OAAO,CAAC,UAAU,CAA6B;IAEtC,OAAO,CAAC,QAAQ,CAAiC;IAE1D,OAAO,CAAC,WAAW;IAIZ,gBAAgB;IAwCvB,IAAa,OAAO,CAAC,KAAK,EAAE,MAAM,EAYjC;IAEM,cAAc,CAAC,IAAI,EAAE,MAAM;IA6ClC,IAAa,OAAO,IAAI,MAAM,CAE7B;IAEQ,oBAAoB;IAOpB,YAAY;IAOZ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IASnE,OAAO,IAAI,MAAM;IAKf,MAAM;CAwBf"}
|
|
@@ -0,0 +1,189 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import hljs from "highlight.js";
|
|
8
|
+
import { html } from "lit";
|
|
9
|
+
import { customElement, property, state } from "lit/decorators.js";
|
|
10
|
+
import { createRef, ref } from "lit/directives/ref.js";
|
|
11
|
+
import { unsafeHTML } from "lit/directives/unsafe-html.js";
|
|
12
|
+
import { RefreshCw } from "lucide";
|
|
13
|
+
import { RUNTIME_MESSAGE_ROUTER } from "../../components/sandbox/RuntimeMessageRouter.js";
|
|
14
|
+
import { i18n } from "../../utils/i18n.js";
|
|
15
|
+
import "../../components/SandboxedIframe.js";
|
|
16
|
+
import { ArtifactElement } from "./ArtifactElement.js";
|
|
17
|
+
import "./Console.js";
|
|
18
|
+
import { icon } from "@mariozechner/mini-lit";
|
|
19
|
+
import { Button } from "@mariozechner/mini-lit/dist/Button.js";
|
|
20
|
+
import { CopyButton } from "@mariozechner/mini-lit/dist/CopyButton.js";
|
|
21
|
+
import { DownloadButton } from "@mariozechner/mini-lit/dist/DownloadButton.js";
|
|
22
|
+
import { PreviewCodeToggle } from "@mariozechner/mini-lit/dist/PreviewCodeToggle.js";
|
|
23
|
+
let HtmlArtifact = class HtmlArtifact extends ArtifactElement {
|
|
24
|
+
constructor() {
|
|
25
|
+
super(...arguments);
|
|
26
|
+
this.filename = "";
|
|
27
|
+
this.runtimeProviders = [];
|
|
28
|
+
this._content = "";
|
|
29
|
+
this.logs = [];
|
|
30
|
+
// Refs for DOM elements
|
|
31
|
+
this.sandboxIframeRef = createRef();
|
|
32
|
+
this.consoleRef = createRef();
|
|
33
|
+
this.viewMode = "preview";
|
|
34
|
+
}
|
|
35
|
+
setViewMode(mode) {
|
|
36
|
+
this.viewMode = mode;
|
|
37
|
+
}
|
|
38
|
+
getHeaderButtons() {
|
|
39
|
+
const toggle = new PreviewCodeToggle();
|
|
40
|
+
toggle.mode = this.viewMode;
|
|
41
|
+
toggle.addEventListener("mode-change", (e) => {
|
|
42
|
+
this.setViewMode(e.detail);
|
|
43
|
+
});
|
|
44
|
+
const copyButton = new CopyButton();
|
|
45
|
+
copyButton.text = this._content;
|
|
46
|
+
copyButton.title = i18n("Copy HTML");
|
|
47
|
+
copyButton.showText = false;
|
|
48
|
+
// Generate standalone HTML with all runtime code injected for download
|
|
49
|
+
const sandbox = this.sandboxIframeRef.value;
|
|
50
|
+
const sandboxId = `artifact-${this.filename}`;
|
|
51
|
+
const downloadContent = sandbox?.prepareHtmlDocument(sandboxId, this._content, this.runtimeProviders || [], {
|
|
52
|
+
isHtmlArtifact: true,
|
|
53
|
+
isStandalone: true, // Skip runtime bridge and navigation interceptor for standalone downloads
|
|
54
|
+
}) || this._content;
|
|
55
|
+
return html `
|
|
56
|
+
<div class="flex items-center gap-2">
|
|
57
|
+
${toggle}
|
|
58
|
+
${Button({
|
|
59
|
+
variant: "ghost",
|
|
60
|
+
size: "sm",
|
|
61
|
+
onClick: () => {
|
|
62
|
+
this.logs = [];
|
|
63
|
+
this.executeContent(this._content);
|
|
64
|
+
},
|
|
65
|
+
title: i18n("Reload HTML"),
|
|
66
|
+
children: icon(RefreshCw, "sm"),
|
|
67
|
+
})}
|
|
68
|
+
${copyButton}
|
|
69
|
+
${DownloadButton({ content: downloadContent, filename: this.filename, mimeType: "text/html", title: i18n("Download HTML") })}
|
|
70
|
+
</div>
|
|
71
|
+
`;
|
|
72
|
+
}
|
|
73
|
+
set content(value) {
|
|
74
|
+
const oldValue = this._content;
|
|
75
|
+
this._content = value;
|
|
76
|
+
if (oldValue !== value) {
|
|
77
|
+
// Reset logs when content changes
|
|
78
|
+
this.logs = [];
|
|
79
|
+
this.requestUpdate();
|
|
80
|
+
// Execute content in sandbox if it exists
|
|
81
|
+
if (this.sandboxIframeRef.value && value) {
|
|
82
|
+
this.executeContent(value);
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
executeContent(html) {
|
|
87
|
+
const sandbox = this.sandboxIframeRef.value;
|
|
88
|
+
if (!sandbox)
|
|
89
|
+
return;
|
|
90
|
+
// Configure sandbox URL provider if provided (for browser extensions)
|
|
91
|
+
if (this.sandboxUrlProvider) {
|
|
92
|
+
sandbox.sandboxUrlProvider = this.sandboxUrlProvider;
|
|
93
|
+
}
|
|
94
|
+
const sandboxId = `artifact-${this.filename}`;
|
|
95
|
+
// Create consumer for console messages
|
|
96
|
+
const consumer = {
|
|
97
|
+
handleMessage: async (message) => {
|
|
98
|
+
if (message.type === "console") {
|
|
99
|
+
// Create new array reference for Lit reactivity
|
|
100
|
+
this.logs = [
|
|
101
|
+
...this.logs,
|
|
102
|
+
{
|
|
103
|
+
type: message.method === "error" ? "error" : "log",
|
|
104
|
+
text: message.text,
|
|
105
|
+
},
|
|
106
|
+
];
|
|
107
|
+
this.requestUpdate(); // Re-render to show console
|
|
108
|
+
}
|
|
109
|
+
},
|
|
110
|
+
};
|
|
111
|
+
// Inject window.complete() call at the end of the HTML to signal when page is loaded
|
|
112
|
+
// HTML artifacts don't time out - they call complete() when ready
|
|
113
|
+
let modifiedHtml = html;
|
|
114
|
+
if (modifiedHtml.includes("</html>")) {
|
|
115
|
+
modifiedHtml = modifiedHtml.replace("</html>", "<script>if (window.complete) window.complete();</script></html>");
|
|
116
|
+
}
|
|
117
|
+
else {
|
|
118
|
+
// If no closing </html> tag, append the script
|
|
119
|
+
modifiedHtml += "<script>if (window.complete) window.complete();</script>";
|
|
120
|
+
}
|
|
121
|
+
// Load content - this handles sandbox registration, consumer registration, and iframe creation
|
|
122
|
+
sandbox.loadContent(sandboxId, modifiedHtml, this.runtimeProviders, [consumer]);
|
|
123
|
+
}
|
|
124
|
+
get content() {
|
|
125
|
+
return this._content;
|
|
126
|
+
}
|
|
127
|
+
disconnectedCallback() {
|
|
128
|
+
super.disconnectedCallback();
|
|
129
|
+
// Unregister sandbox when element is removed from DOM
|
|
130
|
+
const sandboxId = `artifact-${this.filename}`;
|
|
131
|
+
RUNTIME_MESSAGE_ROUTER.unregisterSandbox(sandboxId);
|
|
132
|
+
}
|
|
133
|
+
firstUpdated() {
|
|
134
|
+
// Execute initial content
|
|
135
|
+
if (this._content && this.sandboxIframeRef.value) {
|
|
136
|
+
this.executeContent(this._content);
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
updated(changedProperties) {
|
|
140
|
+
super.updated(changedProperties);
|
|
141
|
+
// If we have content but haven't executed yet (e.g., during reconstruction),
|
|
142
|
+
// execute when the iframe ref becomes available
|
|
143
|
+
if (this._content && this.sandboxIframeRef.value && this.logs.length === 0) {
|
|
144
|
+
this.executeContent(this._content);
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
getLogs() {
|
|
148
|
+
if (this.logs.length === 0)
|
|
149
|
+
return i18n("No logs for {filename}").replace("{filename}", this.filename);
|
|
150
|
+
return this.logs.map((l) => `[${l.type}] ${l.text}`).join("\n");
|
|
151
|
+
}
|
|
152
|
+
render() {
|
|
153
|
+
return html `
|
|
154
|
+
<div class="h-full flex flex-col">
|
|
155
|
+
<div class="flex-1 overflow-hidden relative">
|
|
156
|
+
<!-- Preview container - always in DOM, just hidden when not active -->
|
|
157
|
+
<div class="absolute inset-0 flex flex-col" style="display: ${this.viewMode === "preview" ? "flex" : "none"}">
|
|
158
|
+
<sandbox-iframe class="flex-1" ${ref(this.sandboxIframeRef)}></sandbox-iframe>
|
|
159
|
+
${this.logs.length > 0
|
|
160
|
+
? html `<artifact-console .logs=${this.logs} ${ref(this.consoleRef)}></artifact-console>`
|
|
161
|
+
: ""}
|
|
162
|
+
</div>
|
|
163
|
+
|
|
164
|
+
<!-- Code view - always in DOM, just hidden when not active -->
|
|
165
|
+
<div class="absolute inset-0 overflow-auto bg-background" style="display: ${this.viewMode === "code" ? "block" : "none"}">
|
|
166
|
+
<pre class="m-0 p-4 text-xs"><code class="hljs language-html">${unsafeHTML(hljs.highlight(this._content, { language: "html" }).value)}</code></pre>
|
|
167
|
+
</div>
|
|
168
|
+
</div>
|
|
169
|
+
</div>
|
|
170
|
+
`;
|
|
171
|
+
}
|
|
172
|
+
};
|
|
173
|
+
__decorate([
|
|
174
|
+
property()
|
|
175
|
+
], HtmlArtifact.prototype, "filename", void 0);
|
|
176
|
+
__decorate([
|
|
177
|
+
property({ attribute: false })
|
|
178
|
+
], HtmlArtifact.prototype, "runtimeProviders", void 0);
|
|
179
|
+
__decorate([
|
|
180
|
+
property({ attribute: false })
|
|
181
|
+
], HtmlArtifact.prototype, "sandboxUrlProvider", void 0);
|
|
182
|
+
__decorate([
|
|
183
|
+
state()
|
|
184
|
+
], HtmlArtifact.prototype, "viewMode", void 0);
|
|
185
|
+
HtmlArtifact = __decorate([
|
|
186
|
+
customElement("html-artifact")
|
|
187
|
+
], HtmlArtifact);
|
|
188
|
+
export { HtmlArtifact };
|
|
189
|
+
//# sourceMappingURL=HtmlArtifact.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HtmlArtifact.js","sourceRoot":"","sources":["../../../src/tools/artifacts/HtmlArtifact.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type TemplateResult } from "lit";
|
|
2
|
+
import { ArtifactElement } from "./ArtifactElement.js";
|
|
3
|
+
export declare class ImageArtifact extends ArtifactElement {
|
|
4
|
+
private _content;
|
|
5
|
+
get content(): string;
|
|
6
|
+
set content(value: string);
|
|
7
|
+
protected createRenderRoot(): HTMLElement | DocumentFragment;
|
|
8
|
+
connectedCallback(): void;
|
|
9
|
+
private getMimeType;
|
|
10
|
+
private getImageUrl;
|
|
11
|
+
private decodeBase64;
|
|
12
|
+
getHeaderButtons(): TemplateResult<1>;
|
|
13
|
+
render(): TemplateResult;
|
|
14
|
+
}
|
|
15
|
+
declare global {
|
|
16
|
+
interface HTMLElementTagNameMap {
|
|
17
|
+
"image-artifact": ImageArtifact;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=ImageArtifact.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ImageArtifact.d.ts","sourceRoot":"","sources":["../../../src/tools/artifacts/ImageArtifact.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGhD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,qBACa,aAAc,SAAQ,eAAe;IACrB,OAAO,CAAC,QAAQ,CAAM;IAElD,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAGxB;cAEkB,gBAAgB,IAAI,WAAW,GAAG,gBAAgB;IAI5D,iBAAiB,IAAI,IAAI;IAMlC,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,YAAY;IA6Bb,gBAAgB;IAad,MAAM,IAAI,cAAc;CAkBjC;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,aAAa,CAAC;KAChC;CACD"}
|