apunkt/rowboat
1
0
Fork 0
mirror of https://github.com/rowboatlabs/rowboat.git synced 2026-06-27 20:29:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: serve workspace files via app:// protocol and add image viewer

Browse source
This commit is contained in:
Gagancreates 2026-05-08 01:54:35 +05:30
parent ede98f5378
commit 0d9cf71947
4 changed files with 185 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

12
apps/x/apps/renderer/src/App.tsx
View file

@ -14,6 +14,7 @@ import { ChatMessageAttachments } from '@/components/chat-message-attachments'
import { GraphView, type GraphEdge, type GraphNode } from '@/components/graph-view';
import { BasesView, type BaseConfig, DEFAULT_BASE_CONFIG } from '@/components/bases-view';
import { HtmlFileViewer } from '@/components/html-file-viewer';
import { ImageFileViewer } from '@/components/image-file-viewer';
import { useDebounce } from './hooks/use-debounce';
import { SidebarContentPanel } from '@/components/sidebar-content';
import { SuggestedTopicsView } from '@/components/suggested-topics-view';
@ -1425,9 +1426,10 @@ function App() {
}
const requestId = (fileLoadRequestIdRef.current += 1)
const pathToLoad = selectedPath
// HtmlFileViewer self-loads (with size check, error states, etc.)
// Skip the generic loader so we don't double-fetch large files.
if (pathToLoad.toLowerCase().endsWith('.html') || pathToLoad.toLowerCase().endsWith('.htm')) {
// Media viewers (HTML, image, video, PDF) self-load via app:// protocol.
// Skip the generic UTF-8 loader so we don't trash fileContent with binary
// bytes or double-fetch large files.
if (/\.(html?|png|jpe?g|webp|gif|svg|avif|bmp|ico|mp4|mov|webm|m4v|pdf)$/i.test(pathToLoad)) {
setFileContent('')
return
}
@ -4830,6 +4832,10 @@ function App() {
<div className="flex-1 min-h-0 overflow-hidden">
<HtmlFileViewer path={selectedPath} />
</div>
) : selectedPath && /\.(png|jpe?g|webp|gif|svg|avif|bmp|ico)$/i.test(selectedPath) ? (
<div className="flex-1 min-h-0 overflow-hidden">
<ImageFileViewer path={selectedPath} />
</div>
) : (
<div className="flex-1 overflow-auto p-4">
<pre className="text-sm font-mono text-foreground whitespace-pre-wrap">