@agimon-ai/doompi-style-system 0.0.1-alpha.83 → 0.0.1-alpha.85
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/dist/extensions/web.mjs
CHANGED
|
@@ -754,10 +754,10 @@ var StyleSystem_author_preview_action_web_default = defineFill({
|
|
|
754
754
|
});
|
|
755
755
|
//#endregion
|
|
756
756
|
//#region generated/web.ts
|
|
757
|
-
const via = (identity, value) =>
|
|
757
|
+
const via = (identity, value) => value === void 0 ? void 0 : {
|
|
758
758
|
...identity,
|
|
759
759
|
...value
|
|
760
|
-
}
|
|
760
|
+
};
|
|
761
761
|
const webPlugin = defineWebPlugin({
|
|
762
762
|
id: "style-system",
|
|
763
763
|
session: { get fills() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"web.mjs","names":["routes","fillStyleSystem"],"sources":["../../src/types/apiRoutes.ts","../../generated/client.ts","../../src/extensions/workspaces/sessions/(frontend)/_lib/previewApi.ts","../../src/extensions/workspaces/sessions/(frontend)/_lib/previewFrame.ts","../../src/extensions/workspaces/sessions/(frontend)/_components/StoryPreviewPanel.tsx","../../src/extensions/workspaces/sessions/(frontend)/_components/StoryPreviewLauncher.tsx","../../src/extensions/workspaces/sessions/(frontend)/fill/StyleSystem.author.preview-action.web.tsx","../../generated/web.ts"],"sourcesContent":["import { apiResponse, defineApiRoutes } from '@agimon-ai/doompi-core/web';\n\nimport type {\n BuildStoryPreviewView,\n DisposeStoryPreviewView,\n ExportStoryPreviewImageView,\n StoryPreviewMetadataView,\n} from './previewApi';\n\nexport default defineApiRoutes({\n metadata: {\n method: 'POST',\n path: '/metadata',\n response: apiResponse<StoryPreviewMetadataView>(),\n },\n build: {\n method: 'POST',\n path: '/build',\n response: apiResponse<BuildStoryPreviewView>(),\n },\n image: {\n method: 'POST',\n path: '/image',\n response: apiResponse<ExportStoryPreviewImageView>(),\n },\n dispose: {\n method: 'DELETE',\n path: '/artifact',\n response: apiResponse<DisposeStoryPreviewView>(),\n },\n});\n","// Generated by @agimon-ai/doompi-build. Do not edit by hand.\nimport { createApiClient, sessionApiAddress } from '@agimon-ai/doompi-core/web';\nimport { sealedTransport } from '@agimon-ai/doompi-web-security/browser';\n\nimport routes from '../src/types/apiRoutes';\n\n/** Scopes the tree mounts 'style-system-preview' at. */\nexport const apiScopes = ['session'] as const;\n\nexport const api = createApiClient(routes, {\n scopes: apiScopes,\n basePath: 'style-system-preview',\n transport: (input, init) => sealedTransport.fetch(input, init),\n sessionAddress: sessionApiAddress,\n});\n","import { api } from '../../../../../../generated/client';\nimport type {\n BuildStoryPreviewRequest,\n BuildStoryPreviewView,\n ExportStoryPreviewImageView,\n StoryPreviewMetadataRequest,\n StoryPreviewMetadataView,\n} from '../../../../../types/previewApi';\n\nfunction errorMessage(result: { status: number; error: string }): string {\n if (result.status === 0) return 'The preview service is unreachable.';\n return result.error === '' ? `The preview service answered ${String(result.status)}.` : result.error;\n}\n\nexport async function storyMetadata(\n sessionId: string,\n request: StoryPreviewMetadataRequest,\n): Promise<{ ok: true; metadata: StoryPreviewMetadataView } | { ok: false; error: string }> {\n const result = await api.session(sessionId).metadata({ body: request });\n return result.ok ? { ok: true, metadata: result.data } : { ok: false, error: errorMessage(result) };\n}\n\nexport async function buildPreview(\n sessionId: string,\n request: BuildStoryPreviewRequest,\n): Promise<{ ok: true; preview: BuildStoryPreviewView } | { ok: false; error: string }> {\n const result = await api.session(sessionId).build({ body: request });\n return result.ok ? { ok: true, preview: result.data } : { ok: false, error: errorMessage(result) };\n}\n\nexport async function exportPreviewImage(\n sessionId: string,\n request: BuildStoryPreviewRequest,\n): Promise<{ ok: true; image: ExportStoryPreviewImageView } | { ok: false; error: string }> {\n const result = await api.session(sessionId).image({ body: request });\n return result.ok ? { ok: true, image: result.data } : { ok: false, error: errorMessage(result) };\n}\n\nexport async function disposePreview(sessionId: string, handle: string): Promise<void> {\n await api.session(sessionId).dispose({ body: { handle } });\n}\n","const PREVIEW_CSP =\n \"default-src 'none'; base-uri 'none'; connect-src 'none'; font-src data:; form-action 'none'; frame-src 'none'; img-src data: blob:; media-src data: blob:; object-src 'none'; script-src 'unsafe-inline'; style-src 'unsafe-inline'\";\n\nexport interface PreviewPoint {\n x: number;\n y: number;\n}\n\nexport interface PreviewAnnotationRect extends PreviewPoint {\n width: number;\n height: number;\n}\n\nfunction findHeadInsertion(html: string): number | undefined {\n const lower = html.toLowerCase();\n let index = 0;\n while (index < html.length) {\n if (lower.startsWith('<!--', index)) {\n const end = lower.indexOf('-->', index + 4);\n index = end < 0 ? html.length : end + 3;\n continue;\n }\n if (html[index] !== '<') {\n index += 1;\n continue;\n }\n const tag = html.slice(index).match(/^<([a-z][a-z0-9:-]*)(?:\\s[^>]*)?>/i);\n if (tag === null) {\n index += 1;\n continue;\n }\n const name = tag[1]!.toLowerCase();\n const end = index + tag[0].length;\n if (name === 'head') return end;\n if (name === 'script' || name === 'style' || name === 'template' || name === 'textarea' || name === 'title') {\n const closing = lower.indexOf(`</${name}`, end);\n index = closing < 0 ? html.length : closing;\n continue;\n }\n index = end;\n }\n return undefined;\n}\n\nexport function isolatedPreviewHtml(html: string): string {\n const policy = `<meta http-equiv=\"Content-Security-Policy\" content=\"${PREVIEW_CSP}\">`;\n const headInsertion = findHeadInsertion(html);\n if (headInsertion !== undefined) return `${html.slice(0, headInsertion)}${policy}${html.slice(headInsertion)}`;\n const doctype = html.match(/^\\s*<!doctype[^>]*>/i);\n if (doctype !== null) return `${doctype[0]}<head>${policy}</head>${html.slice(doctype[0].length)}`;\n return `<head>${policy}</head>${html}`;\n}\n\nexport function normalizedAnnotationRect(start: PreviewPoint, end: PreviewPoint): PreviewAnnotationRect {\n return {\n x: Math.min(start.x, end.x),\n y: Math.min(start.y, end.y),\n width: Math.abs(end.x - start.x),\n height: Math.abs(end.y - start.y),\n };\n}\n\nexport function previewAnnotationLocation(\n tool: 'mark' | 'comment',\n start: PreviewPoint,\n end: PreviewPoint,\n):\n | { mode: 'region'; point: PreviewPoint; rect: PreviewAnnotationRect }\n | { mode: 'point'; point: PreviewPoint }\n | null {\n if (tool === 'comment') return { mode: 'point', point: end };\n const rect = normalizedAnnotationRect(start, end);\n return rect.width === 0 || rect.height === 0 ? null : { mode: 'region', point: rect, rect };\n}\n","import type { WebPluginSlotProps } from '@agimon-ai/doompi-core/web';\nimport { Button } from '@agimon-ai/doompi-web-components';\nimport { useCallback, useEffect, useMemo, useRef, useState, type PointerEvent as ReactPointerEvent } from 'react';\n\nimport type {\n BuildStoryPreviewRequest,\n BuildStoryPreviewView,\n ExportStoryPreviewImageView,\n StoryPreviewMetadataView,\n StoryPreviewSeed,\n} from '../../../../../types/previewApi';\nimport { buildPreview, disposePreview, exportPreviewImage, storyMetadata } from '../_lib/previewApi';\nimport {\n isolatedPreviewHtml,\n normalizedAnnotationRect,\n previewAnnotationLocation,\n type PreviewAnnotationRect,\n type PreviewPoint,\n} from '../_lib/previewFrame';\n\nfunction imageDownload(data: string, storyExport: string): void {\n const link = document.createElement('a');\n link.href = `data:image/png;base64,${data}`;\n link.download = `${storyExport.replace(/[^A-Za-z0-9_-]/g, '-')}.png`;\n link.click();\n}\n\nfunction point(event: ReactPointerEvent<HTMLElement>): PreviewPoint {\n const bounds = event.currentTarget.getBoundingClientRect();\n return {\n x: Math.min(1, Math.max(0, (event.clientX - bounds.left) / bounds.width)),\n y: Math.min(1, Math.max(0, (event.clientY - bounds.top) / bounds.height)),\n };\n}\n\ninterface StoryPreviewSource {\n path: string;\n hasUnsavedChanges: boolean;\n kind?: string;\n revision?: number;\n sourceSha256?: string;\n}\n\ninterface StoryPreviewIdentity {\n version: 1;\n provider: string;\n projectPath: string;\n storyPath: string;\n storyExport: string;\n buildRevision: string;\n viewport: { width: number; height: number };\n sources: readonly { path: string; sha256: string }[];\n}\n\ninterface StoryPreviewPanelProps extends WebPluginSlotProps {\n seed?: StoryPreviewSeed;\n source?: StoryPreviewSource;\n activeTool?: 'select' | 'mark' | 'comment';\n displayedAnnotations?: readonly {\n ordinal: number;\n mode: 'region' | 'point';\n point: PreviewPoint;\n rect?: PreviewAnnotationRect;\n }[];\n pendingCandidate?: boolean;\n onAnnotationCandidate?: (candidate: {\n mode: 'region' | 'point';\n point: PreviewPoint;\n rect?: PreviewAnnotationRect;\n preview: StoryPreviewIdentity;\n evidence: Blob;\n thumbnailUrl: string;\n }) => void;\n}\n\nfunction preferredExport(exports: readonly StoryPreviewMetadataView['exports'][number][]): string {\n return exports.find((entry) => entry.exportName === 'Playground')?.exportName ?? exports[0]?.exportName ?? '';\n}\n\nfunction errorText(reason: unknown): string {\n return reason instanceof Error ? reason.message : String(reason);\n}\n\nexport function StoryPreviewPanel({\n sessionId,\n submitCapture,\n seed,\n source,\n activeTool = 'select',\n displayedAnnotations = [],\n pendingCandidate = false,\n onAnnotationCandidate,\n}: StoryPreviewPanelProps) {\n const contextualSource = source ?? seed?.source;\n const sourcePath = contextualSource?.path ?? '';\n const sourceDirty = contextualSource?.hasUnsavedChanges === true;\n const sourceRevision = contextualSource?.revision ?? 0;\n const sourceSha256 = contextualSource?.sourceSha256 ?? '';\n const contextual = contextualSource !== undefined;\n const [appPath, setAppPath] = useState(contextual ? '' : '.');\n const [storyPath, setStoryPath] = useState(sourcePath);\n const [storyExport, setStoryExport] = useState(contextual ? '' : 'Playground');\n const [storyExports, setStoryExports] = useState<\n readonly StoryPreviewMetadataView['exports'][number][] | undefined\n >();\n const [darkMode, setDarkMode] = useState(false);\n const [preview, setPreview] = useState<BuildStoryPreviewView | undefined>(undefined);\n const [builtRequest, setBuiltRequest] = useState<BuildStoryPreviewRequest | undefined>(undefined);\n const [annotationImage, setAnnotationImage] = useState<ExportStoryPreviewImageView | undefined>(undefined);\n const [annotationStart, setAnnotationStart] = useState<PreviewPoint | undefined>(undefined);\n const [annotationRect, setAnnotationRect] = useState<PreviewAnnotationRect | undefined>(undefined);\n const [feedback, setFeedback] = useState('');\n const [status, setStatus] = useState(\n contextual\n ? sourceDirty\n ? 'Loading story metadata. Preview uses saved source.'\n : 'Loading story metadata…'\n : 'Choose an exact story file and export.',\n );\n const [working, setWorking] = useState(false);\n const generationRef = useRef(0);\n const operationRef = useRef(0);\n const previewRef = useRef<BuildStoryPreviewView | undefined>(undefined);\n const builtRequestRef = useRef<BuildStoryPreviewRequest | undefined>(undefined);\n const workingRef = useRef(false);\n const dirtyRef = useRef(sourceDirty);\n const annotationExportRef = useRef('');\n\n dirtyRef.current = sourceDirty;\n\n const request = useMemo<BuildStoryPreviewRequest>(\n () => ({ appPath, storyPath, storyExport, darkMode }),\n [appPath, storyPath, storyExport, darkMode],\n );\n\n useEffect(() => {\n operationRef.current += 1;\n if (!workingRef.current) return;\n workingRef.current = false;\n setWorking(false);\n }, [request]);\n\n useEffect(() => {\n const generation = generationRef.current + 1;\n generationRef.current = generation;\n operationRef.current += 1;\n workingRef.current = false;\n setWorking(false);\n setStoryExports(undefined);\n setAppPath(contextual ? '' : '.');\n setStoryPath(sourcePath);\n setStoryExport(contextual ? '' : 'Playground');\n builtRequestRef.current = undefined;\n setBuiltRequest(undefined);\n setAnnotationImage(undefined);\n setAnnotationStart(undefined);\n setAnnotationRect(undefined);\n\n if (sessionId === null || sourcePath === '') {\n setPreview(undefined);\n previewRef.current = undefined;\n return () => {\n if (generationRef.current === generation) generationRef.current += 1;\n };\n }\n\n const previous = previewRef.current;\n previewRef.current = undefined;\n setPreview(undefined);\n if (previous !== undefined) void disposePreview(sessionId, previous.handle);\n\n let current = true;\n setStatus(sourceDirty ? 'Loading story metadata. Preview uses saved source.' : 'Loading story metadata…');\n void storyMetadata(sessionId, { storyPath: sourcePath })\n .then((result) => {\n if (!current || generationRef.current !== generation) return;\n if (!result.ok) {\n setStoryExports(undefined);\n setStatus(result.error);\n return;\n }\n const exports = result.metadata.exports;\n setAppPath(result.metadata.appPath);\n setStoryPath(result.metadata.storyPath);\n setStoryExports(exports);\n setStoryExport(preferredExport(exports));\n if (exports.length === 0) {\n setStatus('No story exports were found in this file.');\n } else if (dirtyRef.current) {\n setStatus('Save changes to preview. Preview uses saved source.');\n } else if (exports.length === 1) {\n setStatus('Story found. Building preview…');\n } else {\n setStatus('Story found. Building the Playground export…');\n }\n })\n .catch((reason: unknown) => {\n if (current && generationRef.current === generation) setStatus(errorText(reason));\n });\n\n return () => {\n current = false;\n if (generationRef.current === generation) generationRef.current += 1;\n operationRef.current += 1;\n const ownedPreview = previewRef.current;\n previewRef.current = undefined;\n if (ownedPreview !== undefined) void disposePreview(sessionId, ownedPreview.handle);\n };\n }, [contextual, sessionId, sourcePath, sourceRevision, sourceSha256]);\n\n useEffect(() => {\n if (!contextual || !sourceDirty) return;\n setStatus('Save changes to preview. Preview uses saved source.');\n }, [contextual, sourceDirty]);\n\n const rebuild = useCallback(async (): Promise<boolean> => {\n if (\n sessionId === null ||\n workingRef.current ||\n request.appPath.trim() === '' ||\n request.storyPath.trim() === '' ||\n request.storyExport.trim() === ''\n )\n return false;\n if (dirtyRef.current) {\n setStatus('Save changes to preview. Preview uses saved source.');\n return false;\n }\n\n const generation = generationRef.current;\n const operation = operationRef.current + 1;\n operationRef.current = operation;\n const requestSessionId = sessionId;\n workingRef.current = true;\n setWorking(true);\n setStatus('Building preview…');\n try {\n const result = await buildPreview(requestSessionId, request);\n if (generationRef.current !== generation || operationRef.current !== operation) {\n if (result.ok) void disposePreview(requestSessionId, result.preview.handle);\n return false;\n }\n if (!result.ok) {\n setStatus(result.error);\n return false;\n }\n const previous = previewRef.current;\n previewRef.current = result.preview;\n builtRequestRef.current = request;\n setPreview(result.preview);\n setBuiltRequest(request);\n setAnnotationImage(undefined);\n setAnnotationStart(undefined);\n setAnnotationRect(undefined);\n if (previous !== undefined && previous.handle !== result.preview.handle) {\n void disposePreview(requestSessionId, previous.handle);\n }\n setStatus(\n dirtyRef.current\n ? 'Preview ready from saved source. Save changes to refresh.'\n : 'Preview ready. Refresh after source edits.',\n );\n return true;\n } catch (reason: unknown) {\n if (generationRef.current === generation && operationRef.current === operation) setStatus(errorText(reason));\n return false;\n } finally {\n if (generationRef.current === generation && operationRef.current === operation) {\n workingRef.current = false;\n setWorking(false);\n }\n }\n }, [request, sessionId]);\n\n useEffect(() => {\n if (\n !contextual ||\n sessionId === null ||\n sourceDirty ||\n storyExports === undefined ||\n storyExport.trim() === '' ||\n appPath.trim() === '' ||\n storyPath.trim() === ''\n )\n return;\n void rebuild();\n }, [appPath, contextual, rebuild, sessionId, sourceDirty, storyExport, storyExports, storyPath]);\n\n const image = useCallback(async (): Promise<ExportStoryPreviewImageView | undefined> => {\n const currentRequest = builtRequestRef.current;\n if (sessionId === null || workingRef.current || currentRequest === undefined) return undefined;\n const generation = generationRef.current;\n const operation = operationRef.current + 1;\n operationRef.current = operation;\n const requestSessionId = sessionId;\n workingRef.current = true;\n setWorking(true);\n setStatus('Rendering a fresh source-backed image…');\n try {\n const result = await exportPreviewImage(requestSessionId, currentRequest);\n if (generationRef.current !== generation || operationRef.current !== operation) return undefined;\n if (!result.ok) {\n setStatus(result.error);\n return undefined;\n }\n setStatus('Image rendered from the current source. Transient iframe interactions are not included.');\n return result.image;\n } catch (reason: unknown) {\n if (generationRef.current === generation && operationRef.current === operation) setStatus(errorText(reason));\n return undefined;\n } finally {\n if (generationRef.current === generation && operationRef.current === operation) {\n workingRef.current = false;\n setWorking(false);\n }\n }\n }, [sessionId]);\n\n async function prepareAnnotation(): Promise<void> {\n const generation = generationRef.current;\n const result = await image();\n if (result === undefined || generationRef.current !== generation) return;\n setAnnotationImage(result);\n setAnnotationRect(undefined);\n setStatus('Annotation image ready. Drag a region or comment on the whole preview.');\n }\n\n useEffect(() => {\n if (onAnnotationCandidate === undefined) return;\n if (activeTool === 'select') {\n annotationExportRef.current = '';\n setAnnotationImage(undefined);\n setAnnotationStart(undefined);\n setAnnotationRect(undefined);\n return;\n }\n if (\n preview === undefined ||\n annotationImage !== undefined ||\n working ||\n annotationExportRef.current === preview.handle\n )\n return;\n const generation = generationRef.current;\n void image().then((result) => {\n if (result === undefined || generationRef.current !== generation) return;\n annotationExportRef.current = preview.handle;\n setAnnotationImage(result);\n setStatus('Frozen source-backed image ready for Author annotations.');\n });\n }, [activeTool, annotationImage, image, onAnnotationCandidate, preview, working]);\n\n function updateAnnotation(event: ReactPointerEvent<HTMLDivElement>): void {\n if (annotationStart === undefined) return;\n const end = point(event);\n setAnnotationRect(normalizedAnnotationRect(annotationStart, end));\n }\n\n function authorCandidate(location: PreviewPoint, rect?: PreviewAnnotationRect): void {\n if (annotationImage === undefined || onAnnotationCandidate === undefined || builtRequest === undefined) return;\n const binary = atob(annotationImage.data);\n const bytes = Uint8Array.from(binary, (character) => character.charCodeAt(0));\n const evidence = new Blob([bytes], { type: annotationImage.mimeType });\n const thumbnailUrl = URL.createObjectURL(evidence);\n try {\n onAnnotationCandidate({\n mode: rect === undefined ? 'point' : 'region',\n point: location,\n ...(rect === undefined ? {} : { rect }),\n preview: {\n version: 1,\n provider: 'style-system',\n projectPath: builtRequest.appPath,\n storyPath: annotationImage.storyPath,\n storyExport: annotationImage.storyExport,\n buildRevision: annotationImage.sourceSha256,\n viewport: { width: annotationImage.width, height: annotationImage.height },\n sources: [{ path: annotationImage.storyPath, sha256: annotationImage.sourceSha256 }],\n },\n evidence,\n thumbnailUrl,\n });\n } catch (reason) {\n URL.revokeObjectURL(thumbnailUrl);\n setStatus(errorText(reason));\n }\n }\n\n const multipleExports = storyExports !== undefined && storyExports.length > 1;\n const previewVisible = preview !== undefined;\n const authorAnnotationActive = onAnnotationCandidate !== undefined && activeTool !== 'select';\n\n return (\n <section className=\"flex h-full min-h-0 min-w-0 flex-1 flex-col gap-3 p-3\" data-testid=\"style-system-preview-panel\">\n {contextual ? (\n <header className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-doom-dim\">\n <span>\n Story: <strong className=\"text-doom-text\">{storyPath || sourcePath}</strong>\n </span>\n <span>\n Project: <strong className=\"text-doom-text\">{appPath || 'resolving…'}</strong>\n </span>\n {multipleExports ? (\n <label className=\"flex items-center gap-1\">\n Export\n <select\n className=\"rounded border border-doom-border bg-doom-bg px-2 py-1 text-doom-text\"\n value={storyExport}\n aria-label=\"story export\"\n onChange={(event) => {\n setStoryExport(event.target.value);\n builtRequestRef.current = undefined;\n setBuiltRequest(undefined);\n setAnnotationImage(undefined);\n setAnnotationRect(undefined);\n }}\n >\n {storyExports.map((entry) => (\n <option key={entry.exportName} value={entry.exportName}>\n {entry.label ?? entry.exportName}\n </option>\n ))}\n </select>\n </label>\n ) : storyExport !== '' ? (\n <span>\n Export: <strong className=\"text-doom-text\">{storyExport}</strong>\n </span>\n ) : null}\n </header>\n ) : (\n <header className=\"grid gap-2 md:grid-cols-3\">\n <label className=\"grid gap-1 text-xs text-doom-dim\">\n Project path\n <input\n className=\"rounded border border-doom-border bg-doom-bg px-2 py-1 text-doom-text\"\n value={appPath}\n onChange={(event) => setAppPath(event.target.value)}\n />\n </label>\n <label className=\"grid gap-1 text-xs text-doom-dim\">\n Story file\n <input\n className=\"rounded border border-doom-border bg-doom-bg px-2 py-1 text-doom-text\"\n placeholder=\"packages/ui/Button.stories.tsx\"\n value={storyPath}\n onChange={(event) => {\n setStoryPath(event.target.value);\n setStoryExports(undefined);\n }}\n />\n </label>\n <label className=\"grid gap-1 text-xs text-doom-dim\">\n Story export\n {storyExports === undefined ? (\n <input\n className=\"rounded border border-doom-border bg-doom-bg px-2 py-1 text-doom-text\"\n value={storyExport}\n onChange={(event) => setStoryExport(event.target.value)}\n />\n ) : (\n <select\n className=\"rounded border border-doom-border bg-doom-bg px-2 py-1 text-doom-text\"\n value={storyExport}\n onChange={(event) => setStoryExport(event.target.value)}\n >\n <option value=\"\">Choose an export</option>\n {storyExports.map((entry) => (\n <option key={entry.exportName} value={entry.exportName}>\n {entry.label ?? entry.exportName}\n </option>\n ))}\n </select>\n )}\n </label>\n </header>\n )}\n <div className=\"flex flex-wrap items-center gap-2\">\n <Button\n disabled={\n sessionId === null ||\n working ||\n sourceDirty ||\n request.storyPath.trim() === '' ||\n request.storyExport.trim() === ''\n }\n onClick={() => void rebuild()}\n >\n {previewVisible ? 'Refresh preview' : 'Build preview'}\n </Button>\n <Button\n variant=\"outline\"\n disabled={preview === undefined || working}\n onClick={() => void image().then((result) => result && imageDownload(result.data, result.storyExport))}\n >\n Export PNG\n </Button>\n {onAnnotationCandidate === undefined ? (\n <Button\n variant=\"outline\"\n disabled={preview === undefined || working}\n onClick={() => void prepareAnnotation()}\n >\n Prepare annotation\n </Button>\n ) : null}\n <label className=\"flex items-center gap-1 text-xs text-doom-dim\">\n <input type=\"checkbox\" checked={darkMode} onChange={(event) => setDarkMode(event.target.checked)} /> Dark mode\n </label>\n <output className=\"text-xs text-doom-dim\" aria-live=\"polite\">\n {status}\n </output>\n </div>\n {sourceDirty ? (\n <p data-testid=\"style-system-preview-dirty\" className=\"text-xs text-doom-yellow\">\n Save changes to preview. Preview uses saved source.\n </p>\n ) : null}\n {preview === undefined ? (\n <div className=\"grid min-h-48 place-items-center rounded border border-dashed border-doom-border text-sm text-doom-faint\">\n No preview built.\n </div>\n ) : authorAnnotationActive && annotationImage !== undefined ? (\n <div className=\"grid min-h-0 flex-1 place-items-center overflow-hidden rounded border border-doom-border bg-doom-deep\">\n <div\n className=\"relative max-h-full w-fit max-w-full touch-none overflow-hidden\"\n aria-label={\n activeTool === 'comment' ? 'Click to place an annotation point' : 'Drag to mark an annotation region'\n }\n data-testid=\"style-system-author-annotation-overlay\"\n onPointerDown={(event) => {\n if (pendingCandidate || (activeTool !== 'mark' && activeTool !== 'comment')) return;\n event.currentTarget.setPointerCapture(event.pointerId);\n const start = point(event);\n setAnnotationStart(start);\n setAnnotationRect(activeTool === 'mark' ? { ...start, width: 0, height: 0 } : undefined);\n }}\n onPointerMove={(event) => {\n if (activeTool === 'mark') updateAnnotation(event);\n }}\n onPointerUp={(event) => {\n const start = annotationStart;\n if (start === undefined) return;\n const end = point(event);\n setAnnotationStart(undefined);\n const location = previewAnnotationLocation(activeTool === 'comment' ? 'comment' : 'mark', start, end);\n if (location === null) return;\n setAnnotationRect(location.mode === 'region' ? location.rect : undefined);\n authorCandidate(location.point, location.mode === 'region' ? location.rect : undefined);\n }}\n onPointerCancel={() => {\n setAnnotationStart(undefined);\n setAnnotationRect(undefined);\n }}\n >\n <img\n className=\"block max-h-full max-w-full select-none\"\n src={`data:${annotationImage.mimeType};base64,${annotationImage.data}`}\n alt=\"Frozen source-backed story render for Author annotation\"\n draggable={false}\n />\n {displayedAnnotations.map((annotation) =>\n annotation.mode === 'point' || annotation.rect === undefined ? (\n <span\n key={annotation.ordinal}\n data-author-point={annotation.ordinal}\n className=\"pointer-events-none absolute z-10 flex h-5 min-w-5 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full border-2 border-doom-deep bg-doom-yellow px-1 text-2xs font-bold text-doom-deep\"\n style={{\n left: `${String(annotation.point.x * 100)}%`,\n top: `${String(annotation.point.y * 100)}%`,\n }}\n >\n {annotation.ordinal}\n </span>\n ) : (\n <div\n key={annotation.ordinal}\n data-author-region={annotation.ordinal}\n className=\"pointer-events-none absolute border border-doom-yellow bg-doom-yellow/10\"\n style={{\n left: `${String(annotation.rect.x * 100)}%`,\n top: `${String(annotation.rect.y * 100)}%`,\n width: `${String(annotation.rect.width * 100)}%`,\n height: `${String(annotation.rect.height * 100)}%`,\n }}\n >\n <span className=\"bg-doom-yellow text-doom-deep\">{annotation.ordinal}</span>\n </div>\n ),\n )}\n {annotationRect === undefined ? null : (\n <div\n className=\"pointer-events-none absolute border-2 border-red-500 bg-red-500/10\"\n style={{\n left: `${String(annotationRect.x * 100)}%`,\n top: `${String(annotationRect.y * 100)}%`,\n width: `${String(annotationRect.width * 100)}%`,\n height: `${String(annotationRect.height * 100)}%`,\n }}\n />\n )}\n </div>\n </div>\n ) : (\n <iframe\n key={preview.handle}\n title={`${preview.storyExport} story preview`}\n sandbox=\"allow-scripts\"\n referrerPolicy=\"no-referrer\"\n srcDoc={isolatedPreviewHtml(preview.html)}\n className=\"min-h-0 flex-1 rounded border border-doom-border bg-white\"\n />\n )}\n {annotationImage === undefined || onAnnotationCandidate !== undefined ? null : (\n <div className=\"grid gap-2\">\n <div\n className=\"relative max-h-80 w-fit max-w-full touch-none overflow-hidden rounded border border-doom-border\"\n aria-label=\"Drag to mark an annotation region\"\n onPointerDown={(event) => {\n event.currentTarget.setPointerCapture(event.pointerId);\n const start = point(event);\n setAnnotationStart(start);\n setAnnotationRect({ ...start, width: 0, height: 0 });\n }}\n onPointerMove={updateAnnotation}\n onPointerUp={(event) => {\n updateAnnotation(event);\n setAnnotationStart(undefined);\n }}\n >\n <img\n className=\"block max-h-80 max-w-full select-none\"\n src={`data:${annotationImage.mimeType};base64,${annotationImage.data}`}\n alt=\"Fresh source-backed story render for annotation\"\n draggable={false}\n />\n {annotationRect === undefined ? null : (\n <div\n className=\"pointer-events-none absolute border-2 border-red-500 bg-red-500/10\"\n style={{\n left: `${String(annotationRect.x * 100)}%`,\n top: `${String(annotationRect.y * 100)}%`,\n width: `${String(annotationRect.width * 100)}%`,\n height: `${String(annotationRect.height * 100)}%`,\n }}\n />\n )}\n </div>\n <p className=\"text-xs text-doom-faint\">\n This image is rebuilt from source and does not preserve transient iframe interactions.\n </p>\n </div>\n )}\n {preview === undefined || onAnnotationCandidate !== undefined ? null : (\n <div className=\"flex gap-2\">\n <label className=\"grid min-w-0 flex-1 gap-1 text-xs text-doom-dim\">\n AI design feedback\n <textarea\n className=\"min-h-20 rounded border border-doom-border bg-doom-bg px-2 py-1 text-doom-text\"\n value={feedback}\n onChange={(event) => setFeedback(event.target.value)}\n />\n </label>\n <Button\n className=\"self-end\"\n variant=\"outline\"\n disabled={working || submitCapture === undefined || feedback.trim() === '' || annotationImage === undefined}\n onClick={() => {\n if (submitCapture === undefined || annotationImage === undefined) return;\n const location =\n annotationRect === undefined\n ? 'Whole preview'\n : `Region: x=${annotationRect.x.toFixed(3)}, y=${annotationRect.y.toFixed(3)}, width=${annotationRect.width.toFixed(3)}, height=${annotationRect.height.toFixed(3)}`;\n const generation = generationRef.current;\n void submitCapture({\n ...annotationImage,\n context: {\n kind: 'author-capture',\n source: 'style-system',\n id: crypto.randomUUID(),\n label: `${annotationImage.storyPath}#${annotationImage.storyExport}`,\n content: [\n 'Edit the underlying story or component source, never the generated preview HTML.',\n `Project: ${builtRequest?.appPath ?? appPath}`,\n `Story: ${annotationImage.storyPath}#${annotationImage.storyExport}`,\n `Story source sha256: ${annotationImage.sourceSha256}`,\n `Source-backed image revision: ${annotationImage.sourceSha256}`,\n location,\n `Feedback: ${feedback.trim()}`,\n 'After editing, rebuild this preview before treating it as visually verified.',\n ].join('\\n'),\n },\n })\n .then(() => {\n if (generationRef.current !== generation) return;\n setStatus('Feedback and the frozen source-backed annotation image were submitted to the agent.');\n setFeedback('');\n })\n .catch((reason: unknown) => {\n if (generationRef.current === generation) setStatus(errorText(reason));\n });\n }}\n >\n Send to AI\n </Button>\n </div>\n )}\n </section>\n );\n}\n","import type { TransientTab } from '@agimon-ai/doompi-core/web';\n\nimport type { StoryPreviewSeed } from '../../../../../types/previewApi';\nimport { StoryPreviewPanel } from './StoryPreviewPanel';\n\nfunction sourceKey(path: string): string {\n let hash = 2_166_136_261;\n for (const character of path) hash = Math.imul(hash ^ character.codePointAt(0)!, 16_777_619);\n return (hash >>> 0).toString(36);\n}\n\nexport function storyPreviewTab(seed?: StoryPreviewSeed): TransientTab {\n const sourcePath = seed?.source?.path;\n return {\n id: sourcePath === undefined ? 'style-system-story-preview' : `style-system-story-preview-${sourceKey(sourcePath)}`,\n label: 'Story preview',\n panel: (props) => <StoryPreviewPanel {...props} seed={seed} />,\n retainComposer: true,\n };\n}\n","import { defineFill } from '@agimon-ai/doompi-core/web';\n\nimport { storyPreviewTab } from '../_components/StoryPreviewLauncher';\nimport { StoryPreviewPanel } from '../_components/StoryPreviewPanel';\n\nexport default defineFill({\n slot: 'author.preview-action',\n id: 'style-system',\n data: {\n version: 1 as const,\n label: 'Preview',\n detail: 'Build, inspect, refresh, and send source-targeted visual feedback.',\n supportsSource: (source: { kind?: string }) => source.kind === 'story-preview',\n embeddedPanel: StoryPreviewPanel,\n createTab: ({ source }: { source?: { path: string; hasUnsavedChanges: boolean } }) =>\n storyPreviewTab(source === undefined ? undefined : { source }),\n },\n});\n","// Generated by @agimon-ai/doompi-build. Do not edit by hand.\nimport { defineWebPlugin, type WebPluginContributions } from '@agimon-ai/doompi-core/web';\n\nimport fillStyleSystem from '../src/extensions/workspaces/sessions/(frontend)/fill/StyleSystem.author.preview-action.web';\n\nconst via = <T>(identity: Record<string, unknown>, value: unknown): T => ({ ...identity, ...(value as object) }) as T;\n\nexport const webPlugin = defineWebPlugin({\n id: 'style-system',\n session: {\n get fills(): WebPluginContributions['fills'] { return [via({ slot: 'author.preview-action', id: 'style-system' }, fillStyleSystem)]; },\n },\n});\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"web.mjs","names":["routes","fillStyleSystem"],"sources":["../../src/types/apiRoutes.ts","../../generated/client.ts","../../src/extensions/workspaces/sessions/(frontend)/_lib/previewApi.ts","../../src/extensions/workspaces/sessions/(frontend)/_lib/previewFrame.ts","../../src/extensions/workspaces/sessions/(frontend)/_components/StoryPreviewPanel.tsx","../../src/extensions/workspaces/sessions/(frontend)/_components/StoryPreviewLauncher.tsx","../../src/extensions/workspaces/sessions/(frontend)/fill/StyleSystem.author.preview-action.web.tsx","../../generated/web.ts"],"sourcesContent":["import { apiResponse, defineApiRoutes } from '@agimon-ai/doompi-core/web';\n\nimport type {\n BuildStoryPreviewView,\n DisposeStoryPreviewView,\n ExportStoryPreviewImageView,\n StoryPreviewMetadataView,\n} from './previewApi';\n\nexport default defineApiRoutes({\n metadata: {\n method: 'POST',\n path: '/metadata',\n response: apiResponse<StoryPreviewMetadataView>(),\n },\n build: {\n method: 'POST',\n path: '/build',\n response: apiResponse<BuildStoryPreviewView>(),\n },\n image: {\n method: 'POST',\n path: '/image',\n response: apiResponse<ExportStoryPreviewImageView>(),\n },\n dispose: {\n method: 'DELETE',\n path: '/artifact',\n response: apiResponse<DisposeStoryPreviewView>(),\n },\n});\n","// Generated by @agimon-ai/doompi-build. Do not edit by hand.\nimport { createApiClient, sessionApiAddress } from '@agimon-ai/doompi-core/web';\nimport { sealedTransport } from '@agimon-ai/doompi-web-security/browser';\n\nimport routes from '../src/types/apiRoutes';\n\n/** Scopes the tree mounts 'style-system-preview' at. */\nexport const apiScopes = ['session'] as const;\n\nexport const api = createApiClient(routes, {\n scopes: apiScopes,\n basePath: 'style-system-preview',\n transport: (input, init) => sealedTransport.fetch(input, init),\n sessionAddress: sessionApiAddress,\n});\n","import { api } from '../../../../../../generated/client';\nimport type {\n BuildStoryPreviewRequest,\n BuildStoryPreviewView,\n ExportStoryPreviewImageView,\n StoryPreviewMetadataRequest,\n StoryPreviewMetadataView,\n} from '../../../../../types/previewApi';\n\nfunction errorMessage(result: { status: number; error: string }): string {\n if (result.status === 0) return 'The preview service is unreachable.';\n return result.error === '' ? `The preview service answered ${String(result.status)}.` : result.error;\n}\n\nexport async function storyMetadata(\n sessionId: string,\n request: StoryPreviewMetadataRequest,\n): Promise<{ ok: true; metadata: StoryPreviewMetadataView } | { ok: false; error: string }> {\n const result = await api.session(sessionId).metadata({ body: request });\n return result.ok ? { ok: true, metadata: result.data } : { ok: false, error: errorMessage(result) };\n}\n\nexport async function buildPreview(\n sessionId: string,\n request: BuildStoryPreviewRequest,\n): Promise<{ ok: true; preview: BuildStoryPreviewView } | { ok: false; error: string }> {\n const result = await api.session(sessionId).build({ body: request });\n return result.ok ? { ok: true, preview: result.data } : { ok: false, error: errorMessage(result) };\n}\n\nexport async function exportPreviewImage(\n sessionId: string,\n request: BuildStoryPreviewRequest,\n): Promise<{ ok: true; image: ExportStoryPreviewImageView } | { ok: false; error: string }> {\n const result = await api.session(sessionId).image({ body: request });\n return result.ok ? { ok: true, image: result.data } : { ok: false, error: errorMessage(result) };\n}\n\nexport async function disposePreview(sessionId: string, handle: string): Promise<void> {\n await api.session(sessionId).dispose({ body: { handle } });\n}\n","const PREVIEW_CSP =\n \"default-src 'none'; base-uri 'none'; connect-src 'none'; font-src data:; form-action 'none'; frame-src 'none'; img-src data: blob:; media-src data: blob:; object-src 'none'; script-src 'unsafe-inline'; style-src 'unsafe-inline'\";\n\nexport interface PreviewPoint {\n x: number;\n y: number;\n}\n\nexport interface PreviewAnnotationRect extends PreviewPoint {\n width: number;\n height: number;\n}\n\nfunction findHeadInsertion(html: string): number | undefined {\n const lower = html.toLowerCase();\n let index = 0;\n while (index < html.length) {\n if (lower.startsWith('<!--', index)) {\n const end = lower.indexOf('-->', index + 4);\n index = end < 0 ? html.length : end + 3;\n continue;\n }\n if (html[index] !== '<') {\n index += 1;\n continue;\n }\n const tag = html.slice(index).match(/^<([a-z][a-z0-9:-]*)(?:\\s[^>]*)?>/i);\n if (tag === null) {\n index += 1;\n continue;\n }\n const name = tag[1]!.toLowerCase();\n const end = index + tag[0].length;\n if (name === 'head') return end;\n if (name === 'script' || name === 'style' || name === 'template' || name === 'textarea' || name === 'title') {\n const closing = lower.indexOf(`</${name}`, end);\n index = closing < 0 ? html.length : closing;\n continue;\n }\n index = end;\n }\n return undefined;\n}\n\nexport function isolatedPreviewHtml(html: string): string {\n const policy = `<meta http-equiv=\"Content-Security-Policy\" content=\"${PREVIEW_CSP}\">`;\n const headInsertion = findHeadInsertion(html);\n if (headInsertion !== undefined) return `${html.slice(0, headInsertion)}${policy}${html.slice(headInsertion)}`;\n const doctype = html.match(/^\\s*<!doctype[^>]*>/i);\n if (doctype !== null) return `${doctype[0]}<head>${policy}</head>${html.slice(doctype[0].length)}`;\n return `<head>${policy}</head>${html}`;\n}\n\nexport function normalizedAnnotationRect(start: PreviewPoint, end: PreviewPoint): PreviewAnnotationRect {\n return {\n x: Math.min(start.x, end.x),\n y: Math.min(start.y, end.y),\n width: Math.abs(end.x - start.x),\n height: Math.abs(end.y - start.y),\n };\n}\n\nexport function previewAnnotationLocation(\n tool: 'mark' | 'comment',\n start: PreviewPoint,\n end: PreviewPoint,\n):\n | { mode: 'region'; point: PreviewPoint; rect: PreviewAnnotationRect }\n | { mode: 'point'; point: PreviewPoint }\n | null {\n if (tool === 'comment') return { mode: 'point', point: end };\n const rect = normalizedAnnotationRect(start, end);\n return rect.width === 0 || rect.height === 0 ? null : { mode: 'region', point: rect, rect };\n}\n","import type { WebPluginSlotProps } from '@agimon-ai/doompi-core/web';\nimport { Button } from '@agimon-ai/doompi-web-components';\nimport { useCallback, useEffect, useMemo, useRef, useState, type PointerEvent as ReactPointerEvent } from 'react';\n\nimport type {\n BuildStoryPreviewRequest,\n BuildStoryPreviewView,\n ExportStoryPreviewImageView,\n StoryPreviewMetadataView,\n StoryPreviewSeed,\n} from '../../../../../types/previewApi';\nimport { buildPreview, disposePreview, exportPreviewImage, storyMetadata } from '../_lib/previewApi';\nimport {\n isolatedPreviewHtml,\n normalizedAnnotationRect,\n previewAnnotationLocation,\n type PreviewAnnotationRect,\n type PreviewPoint,\n} from '../_lib/previewFrame';\n\nfunction imageDownload(data: string, storyExport: string): void {\n const link = document.createElement('a');\n link.href = `data:image/png;base64,${data}`;\n link.download = `${storyExport.replace(/[^A-Za-z0-9_-]/g, '-')}.png`;\n link.click();\n}\n\nfunction point(event: ReactPointerEvent<HTMLElement>): PreviewPoint {\n const bounds = event.currentTarget.getBoundingClientRect();\n return {\n x: Math.min(1, Math.max(0, (event.clientX - bounds.left) / bounds.width)),\n y: Math.min(1, Math.max(0, (event.clientY - bounds.top) / bounds.height)),\n };\n}\n\ninterface StoryPreviewSource {\n path: string;\n hasUnsavedChanges: boolean;\n kind?: string;\n revision?: number;\n sourceSha256?: string;\n}\n\ninterface StoryPreviewIdentity {\n version: 1;\n provider: string;\n projectPath: string;\n storyPath: string;\n storyExport: string;\n buildRevision: string;\n viewport: { width: number; height: number };\n sources: readonly { path: string; sha256: string }[];\n}\n\ninterface StoryPreviewPanelProps extends WebPluginSlotProps {\n seed?: StoryPreviewSeed;\n source?: StoryPreviewSource;\n activeTool?: 'select' | 'mark' | 'comment';\n displayedAnnotations?: readonly {\n ordinal: number;\n mode: 'region' | 'point';\n point: PreviewPoint;\n rect?: PreviewAnnotationRect;\n }[];\n pendingCandidate?: boolean;\n onAnnotationCandidate?: (candidate: {\n mode: 'region' | 'point';\n point: PreviewPoint;\n rect?: PreviewAnnotationRect;\n preview: StoryPreviewIdentity;\n evidence: Blob;\n thumbnailUrl: string;\n }) => void;\n}\n\nfunction preferredExport(exports: readonly StoryPreviewMetadataView['exports'][number][]): string {\n return exports.find((entry) => entry.exportName === 'Playground')?.exportName ?? exports[0]?.exportName ?? '';\n}\n\nfunction errorText(reason: unknown): string {\n return reason instanceof Error ? reason.message : String(reason);\n}\n\nexport function StoryPreviewPanel({\n sessionId,\n submitCapture,\n seed,\n source,\n activeTool = 'select',\n displayedAnnotations = [],\n pendingCandidate = false,\n onAnnotationCandidate,\n}: StoryPreviewPanelProps) {\n const contextualSource = source ?? seed?.source;\n const sourcePath = contextualSource?.path ?? '';\n const sourceDirty = contextualSource?.hasUnsavedChanges === true;\n const sourceRevision = contextualSource?.revision ?? 0;\n const sourceSha256 = contextualSource?.sourceSha256 ?? '';\n const contextual = contextualSource !== undefined;\n const [appPath, setAppPath] = useState(contextual ? '' : '.');\n const [storyPath, setStoryPath] = useState(sourcePath);\n const [storyExport, setStoryExport] = useState(contextual ? '' : 'Playground');\n const [storyExports, setStoryExports] = useState<\n readonly StoryPreviewMetadataView['exports'][number][] | undefined\n >();\n const [darkMode, setDarkMode] = useState(false);\n const [preview, setPreview] = useState<BuildStoryPreviewView | undefined>(undefined);\n const [builtRequest, setBuiltRequest] = useState<BuildStoryPreviewRequest | undefined>(undefined);\n const [annotationImage, setAnnotationImage] = useState<ExportStoryPreviewImageView | undefined>(undefined);\n const [annotationStart, setAnnotationStart] = useState<PreviewPoint | undefined>(undefined);\n const [annotationRect, setAnnotationRect] = useState<PreviewAnnotationRect | undefined>(undefined);\n const [feedback, setFeedback] = useState('');\n const [status, setStatus] = useState(\n contextual\n ? sourceDirty\n ? 'Loading story metadata. Preview uses saved source.'\n : 'Loading story metadata…'\n : 'Choose an exact story file and export.',\n );\n const [working, setWorking] = useState(false);\n const generationRef = useRef(0);\n const operationRef = useRef(0);\n const previewRef = useRef<BuildStoryPreviewView | undefined>(undefined);\n const builtRequestRef = useRef<BuildStoryPreviewRequest | undefined>(undefined);\n const workingRef = useRef(false);\n const dirtyRef = useRef(sourceDirty);\n const annotationExportRef = useRef('');\n\n dirtyRef.current = sourceDirty;\n\n const request = useMemo<BuildStoryPreviewRequest>(\n () => ({ appPath, storyPath, storyExport, darkMode }),\n [appPath, storyPath, storyExport, darkMode],\n );\n\n useEffect(() => {\n operationRef.current += 1;\n if (!workingRef.current) return;\n workingRef.current = false;\n setWorking(false);\n }, [request]);\n\n useEffect(() => {\n const generation = generationRef.current + 1;\n generationRef.current = generation;\n operationRef.current += 1;\n workingRef.current = false;\n setWorking(false);\n setStoryExports(undefined);\n setAppPath(contextual ? '' : '.');\n setStoryPath(sourcePath);\n setStoryExport(contextual ? '' : 'Playground');\n builtRequestRef.current = undefined;\n setBuiltRequest(undefined);\n setAnnotationImage(undefined);\n setAnnotationStart(undefined);\n setAnnotationRect(undefined);\n\n if (sessionId === null || sourcePath === '') {\n setPreview(undefined);\n previewRef.current = undefined;\n return () => {\n if (generationRef.current === generation) generationRef.current += 1;\n };\n }\n\n const previous = previewRef.current;\n previewRef.current = undefined;\n setPreview(undefined);\n if (previous !== undefined) void disposePreview(sessionId, previous.handle);\n\n let current = true;\n setStatus(sourceDirty ? 'Loading story metadata. Preview uses saved source.' : 'Loading story metadata…');\n void storyMetadata(sessionId, { storyPath: sourcePath })\n .then((result) => {\n if (!current || generationRef.current !== generation) return;\n if (!result.ok) {\n setStoryExports(undefined);\n setStatus(result.error);\n return;\n }\n const exports = result.metadata.exports;\n setAppPath(result.metadata.appPath);\n setStoryPath(result.metadata.storyPath);\n setStoryExports(exports);\n setStoryExport(preferredExport(exports));\n if (exports.length === 0) {\n setStatus('No story exports were found in this file.');\n } else if (dirtyRef.current) {\n setStatus('Save changes to preview. Preview uses saved source.');\n } else if (exports.length === 1) {\n setStatus('Story found. Building preview…');\n } else {\n setStatus('Story found. Building the Playground export…');\n }\n })\n .catch((reason: unknown) => {\n if (current && generationRef.current === generation) setStatus(errorText(reason));\n });\n\n return () => {\n current = false;\n if (generationRef.current === generation) generationRef.current += 1;\n operationRef.current += 1;\n const ownedPreview = previewRef.current;\n previewRef.current = undefined;\n if (ownedPreview !== undefined) void disposePreview(sessionId, ownedPreview.handle);\n };\n }, [contextual, sessionId, sourcePath, sourceRevision, sourceSha256]);\n\n useEffect(() => {\n if (!contextual || !sourceDirty) return;\n setStatus('Save changes to preview. Preview uses saved source.');\n }, [contextual, sourceDirty]);\n\n const rebuild = useCallback(async (): Promise<boolean> => {\n if (\n sessionId === null ||\n workingRef.current ||\n request.appPath.trim() === '' ||\n request.storyPath.trim() === '' ||\n request.storyExport.trim() === ''\n )\n return false;\n if (dirtyRef.current) {\n setStatus('Save changes to preview. Preview uses saved source.');\n return false;\n }\n\n const generation = generationRef.current;\n const operation = operationRef.current + 1;\n operationRef.current = operation;\n const requestSessionId = sessionId;\n workingRef.current = true;\n setWorking(true);\n setStatus('Building preview…');\n try {\n const result = await buildPreview(requestSessionId, request);\n if (generationRef.current !== generation || operationRef.current !== operation) {\n if (result.ok) void disposePreview(requestSessionId, result.preview.handle);\n return false;\n }\n if (!result.ok) {\n setStatus(result.error);\n return false;\n }\n const previous = previewRef.current;\n previewRef.current = result.preview;\n builtRequestRef.current = request;\n setPreview(result.preview);\n setBuiltRequest(request);\n setAnnotationImage(undefined);\n setAnnotationStart(undefined);\n setAnnotationRect(undefined);\n if (previous !== undefined && previous.handle !== result.preview.handle) {\n void disposePreview(requestSessionId, previous.handle);\n }\n setStatus(\n dirtyRef.current\n ? 'Preview ready from saved source. Save changes to refresh.'\n : 'Preview ready. Refresh after source edits.',\n );\n return true;\n } catch (reason: unknown) {\n if (generationRef.current === generation && operationRef.current === operation) setStatus(errorText(reason));\n return false;\n } finally {\n if (generationRef.current === generation && operationRef.current === operation) {\n workingRef.current = false;\n setWorking(false);\n }\n }\n }, [request, sessionId]);\n\n useEffect(() => {\n if (\n !contextual ||\n sessionId === null ||\n sourceDirty ||\n storyExports === undefined ||\n storyExport.trim() === '' ||\n appPath.trim() === '' ||\n storyPath.trim() === ''\n )\n return;\n void rebuild();\n }, [appPath, contextual, rebuild, sessionId, sourceDirty, storyExport, storyExports, storyPath]);\n\n const image = useCallback(async (): Promise<ExportStoryPreviewImageView | undefined> => {\n const currentRequest = builtRequestRef.current;\n if (sessionId === null || workingRef.current || currentRequest === undefined) return undefined;\n const generation = generationRef.current;\n const operation = operationRef.current + 1;\n operationRef.current = operation;\n const requestSessionId = sessionId;\n workingRef.current = true;\n setWorking(true);\n setStatus('Rendering a fresh source-backed image…');\n try {\n const result = await exportPreviewImage(requestSessionId, currentRequest);\n if (generationRef.current !== generation || operationRef.current !== operation) return undefined;\n if (!result.ok) {\n setStatus(result.error);\n return undefined;\n }\n setStatus('Image rendered from the current source. Transient iframe interactions are not included.');\n return result.image;\n } catch (reason: unknown) {\n if (generationRef.current === generation && operationRef.current === operation) setStatus(errorText(reason));\n return undefined;\n } finally {\n if (generationRef.current === generation && operationRef.current === operation) {\n workingRef.current = false;\n setWorking(false);\n }\n }\n }, [sessionId]);\n\n async function prepareAnnotation(): Promise<void> {\n const generation = generationRef.current;\n const result = await image();\n if (result === undefined || generationRef.current !== generation) return;\n setAnnotationImage(result);\n setAnnotationRect(undefined);\n setStatus('Annotation image ready. Drag a region or comment on the whole preview.');\n }\n\n useEffect(() => {\n if (onAnnotationCandidate === undefined) return;\n if (activeTool === 'select') {\n annotationExportRef.current = '';\n setAnnotationImage(undefined);\n setAnnotationStart(undefined);\n setAnnotationRect(undefined);\n return;\n }\n if (\n preview === undefined ||\n annotationImage !== undefined ||\n working ||\n annotationExportRef.current === preview.handle\n )\n return;\n const generation = generationRef.current;\n void image().then((result) => {\n if (result === undefined || generationRef.current !== generation) return;\n annotationExportRef.current = preview.handle;\n setAnnotationImage(result);\n setStatus('Frozen source-backed image ready for Author annotations.');\n });\n }, [activeTool, annotationImage, image, onAnnotationCandidate, preview, working]);\n\n function updateAnnotation(event: ReactPointerEvent<HTMLDivElement>): void {\n if (annotationStart === undefined) return;\n const end = point(event);\n setAnnotationRect(normalizedAnnotationRect(annotationStart, end));\n }\n\n function authorCandidate(location: PreviewPoint, rect?: PreviewAnnotationRect): void {\n if (annotationImage === undefined || onAnnotationCandidate === undefined || builtRequest === undefined) return;\n const binary = atob(annotationImage.data);\n const bytes = Uint8Array.from(binary, (character) => character.charCodeAt(0));\n const evidence = new Blob([bytes], { type: annotationImage.mimeType });\n const thumbnailUrl = URL.createObjectURL(evidence);\n try {\n onAnnotationCandidate({\n mode: rect === undefined ? 'point' : 'region',\n point: location,\n ...(rect === undefined ? {} : { rect }),\n preview: {\n version: 1,\n provider: 'style-system',\n projectPath: builtRequest.appPath,\n storyPath: annotationImage.storyPath,\n storyExport: annotationImage.storyExport,\n buildRevision: annotationImage.sourceSha256,\n viewport: { width: annotationImage.width, height: annotationImage.height },\n sources: [{ path: annotationImage.storyPath, sha256: annotationImage.sourceSha256 }],\n },\n evidence,\n thumbnailUrl,\n });\n } catch (reason) {\n URL.revokeObjectURL(thumbnailUrl);\n setStatus(errorText(reason));\n }\n }\n\n const multipleExports = storyExports !== undefined && storyExports.length > 1;\n const previewVisible = preview !== undefined;\n const authorAnnotationActive = onAnnotationCandidate !== undefined && activeTool !== 'select';\n\n return (\n <section className=\"flex h-full min-h-0 min-w-0 flex-1 flex-col gap-3 p-3\" data-testid=\"style-system-preview-panel\">\n {contextual ? (\n <header className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-doom-dim\">\n <span>\n Story: <strong className=\"text-doom-text\">{storyPath || sourcePath}</strong>\n </span>\n <span>\n Project: <strong className=\"text-doom-text\">{appPath || 'resolving…'}</strong>\n </span>\n {multipleExports ? (\n <label className=\"flex items-center gap-1\">\n Export\n <select\n className=\"rounded border border-doom-border bg-doom-bg px-2 py-1 text-doom-text\"\n value={storyExport}\n aria-label=\"story export\"\n onChange={(event) => {\n setStoryExport(event.target.value);\n builtRequestRef.current = undefined;\n setBuiltRequest(undefined);\n setAnnotationImage(undefined);\n setAnnotationRect(undefined);\n }}\n >\n {storyExports.map((entry) => (\n <option key={entry.exportName} value={entry.exportName}>\n {entry.label ?? entry.exportName}\n </option>\n ))}\n </select>\n </label>\n ) : storyExport !== '' ? (\n <span>\n Export: <strong className=\"text-doom-text\">{storyExport}</strong>\n </span>\n ) : null}\n </header>\n ) : (\n <header className=\"grid gap-2 md:grid-cols-3\">\n <label className=\"grid gap-1 text-xs text-doom-dim\">\n Project path\n <input\n className=\"rounded border border-doom-border bg-doom-bg px-2 py-1 text-doom-text\"\n value={appPath}\n onChange={(event) => setAppPath(event.target.value)}\n />\n </label>\n <label className=\"grid gap-1 text-xs text-doom-dim\">\n Story file\n <input\n className=\"rounded border border-doom-border bg-doom-bg px-2 py-1 text-doom-text\"\n placeholder=\"packages/ui/Button.stories.tsx\"\n value={storyPath}\n onChange={(event) => {\n setStoryPath(event.target.value);\n setStoryExports(undefined);\n }}\n />\n </label>\n <label className=\"grid gap-1 text-xs text-doom-dim\">\n Story export\n {storyExports === undefined ? (\n <input\n className=\"rounded border border-doom-border bg-doom-bg px-2 py-1 text-doom-text\"\n value={storyExport}\n onChange={(event) => setStoryExport(event.target.value)}\n />\n ) : (\n <select\n className=\"rounded border border-doom-border bg-doom-bg px-2 py-1 text-doom-text\"\n value={storyExport}\n onChange={(event) => setStoryExport(event.target.value)}\n >\n <option value=\"\">Choose an export</option>\n {storyExports.map((entry) => (\n <option key={entry.exportName} value={entry.exportName}>\n {entry.label ?? entry.exportName}\n </option>\n ))}\n </select>\n )}\n </label>\n </header>\n )}\n <div className=\"flex flex-wrap items-center gap-2\">\n <Button\n disabled={\n sessionId === null ||\n working ||\n sourceDirty ||\n request.storyPath.trim() === '' ||\n request.storyExport.trim() === ''\n }\n onClick={() => void rebuild()}\n >\n {previewVisible ? 'Refresh preview' : 'Build preview'}\n </Button>\n <Button\n variant=\"outline\"\n disabled={preview === undefined || working}\n onClick={() => void image().then((result) => result && imageDownload(result.data, result.storyExport))}\n >\n Export PNG\n </Button>\n {onAnnotationCandidate === undefined ? (\n <Button\n variant=\"outline\"\n disabled={preview === undefined || working}\n onClick={() => void prepareAnnotation()}\n >\n Prepare annotation\n </Button>\n ) : null}\n <label className=\"flex items-center gap-1 text-xs text-doom-dim\">\n <input type=\"checkbox\" checked={darkMode} onChange={(event) => setDarkMode(event.target.checked)} /> Dark mode\n </label>\n <output className=\"text-xs text-doom-dim\" aria-live=\"polite\">\n {status}\n </output>\n </div>\n {sourceDirty ? (\n <p data-testid=\"style-system-preview-dirty\" className=\"text-xs text-doom-yellow\">\n Save changes to preview. Preview uses saved source.\n </p>\n ) : null}\n {preview === undefined ? (\n <div className=\"grid min-h-48 place-items-center rounded border border-dashed border-doom-border text-sm text-doom-faint\">\n No preview built.\n </div>\n ) : authorAnnotationActive && annotationImage !== undefined ? (\n <div className=\"grid min-h-0 flex-1 place-items-center overflow-hidden rounded border border-doom-border bg-doom-deep\">\n <div\n className=\"relative max-h-full w-fit max-w-full touch-none overflow-hidden\"\n aria-label={\n activeTool === 'comment' ? 'Click to place an annotation point' : 'Drag to mark an annotation region'\n }\n data-testid=\"style-system-author-annotation-overlay\"\n onPointerDown={(event) => {\n if (pendingCandidate || (activeTool !== 'mark' && activeTool !== 'comment')) return;\n event.currentTarget.setPointerCapture(event.pointerId);\n const start = point(event);\n setAnnotationStart(start);\n setAnnotationRect(activeTool === 'mark' ? { ...start, width: 0, height: 0 } : undefined);\n }}\n onPointerMove={(event) => {\n if (activeTool === 'mark') updateAnnotation(event);\n }}\n onPointerUp={(event) => {\n const start = annotationStart;\n if (start === undefined) return;\n const end = point(event);\n setAnnotationStart(undefined);\n const location = previewAnnotationLocation(activeTool === 'comment' ? 'comment' : 'mark', start, end);\n if (location === null) return;\n setAnnotationRect(location.mode === 'region' ? location.rect : undefined);\n authorCandidate(location.point, location.mode === 'region' ? location.rect : undefined);\n }}\n onPointerCancel={() => {\n setAnnotationStart(undefined);\n setAnnotationRect(undefined);\n }}\n >\n <img\n className=\"block max-h-full max-w-full select-none\"\n src={`data:${annotationImage.mimeType};base64,${annotationImage.data}`}\n alt=\"Frozen source-backed story render for Author annotation\"\n draggable={false}\n />\n {displayedAnnotations.map((annotation) =>\n annotation.mode === 'point' || annotation.rect === undefined ? (\n <span\n key={annotation.ordinal}\n data-author-point={annotation.ordinal}\n className=\"pointer-events-none absolute z-10 flex h-5 min-w-5 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full border-2 border-doom-deep bg-doom-yellow px-1 text-2xs font-bold text-doom-deep\"\n style={{\n left: `${String(annotation.point.x * 100)}%`,\n top: `${String(annotation.point.y * 100)}%`,\n }}\n >\n {annotation.ordinal}\n </span>\n ) : (\n <div\n key={annotation.ordinal}\n data-author-region={annotation.ordinal}\n className=\"pointer-events-none absolute border border-doom-yellow bg-doom-yellow/10\"\n style={{\n left: `${String(annotation.rect.x * 100)}%`,\n top: `${String(annotation.rect.y * 100)}%`,\n width: `${String(annotation.rect.width * 100)}%`,\n height: `${String(annotation.rect.height * 100)}%`,\n }}\n >\n <span className=\"bg-doom-yellow text-doom-deep\">{annotation.ordinal}</span>\n </div>\n ),\n )}\n {annotationRect === undefined ? null : (\n <div\n className=\"pointer-events-none absolute border-2 border-red-500 bg-red-500/10\"\n style={{\n left: `${String(annotationRect.x * 100)}%`,\n top: `${String(annotationRect.y * 100)}%`,\n width: `${String(annotationRect.width * 100)}%`,\n height: `${String(annotationRect.height * 100)}%`,\n }}\n />\n )}\n </div>\n </div>\n ) : (\n <iframe\n key={preview.handle}\n title={`${preview.storyExport} story preview`}\n sandbox=\"allow-scripts\"\n referrerPolicy=\"no-referrer\"\n srcDoc={isolatedPreviewHtml(preview.html)}\n className=\"min-h-0 flex-1 rounded border border-doom-border bg-white\"\n />\n )}\n {annotationImage === undefined || onAnnotationCandidate !== undefined ? null : (\n <div className=\"grid gap-2\">\n <div\n className=\"relative max-h-80 w-fit max-w-full touch-none overflow-hidden rounded border border-doom-border\"\n aria-label=\"Drag to mark an annotation region\"\n onPointerDown={(event) => {\n event.currentTarget.setPointerCapture(event.pointerId);\n const start = point(event);\n setAnnotationStart(start);\n setAnnotationRect({ ...start, width: 0, height: 0 });\n }}\n onPointerMove={updateAnnotation}\n onPointerUp={(event) => {\n updateAnnotation(event);\n setAnnotationStart(undefined);\n }}\n >\n <img\n className=\"block max-h-80 max-w-full select-none\"\n src={`data:${annotationImage.mimeType};base64,${annotationImage.data}`}\n alt=\"Fresh source-backed story render for annotation\"\n draggable={false}\n />\n {annotationRect === undefined ? null : (\n <div\n className=\"pointer-events-none absolute border-2 border-red-500 bg-red-500/10\"\n style={{\n left: `${String(annotationRect.x * 100)}%`,\n top: `${String(annotationRect.y * 100)}%`,\n width: `${String(annotationRect.width * 100)}%`,\n height: `${String(annotationRect.height * 100)}%`,\n }}\n />\n )}\n </div>\n <p className=\"text-xs text-doom-faint\">\n This image is rebuilt from source and does not preserve transient iframe interactions.\n </p>\n </div>\n )}\n {preview === undefined || onAnnotationCandidate !== undefined ? null : (\n <div className=\"flex gap-2\">\n <label className=\"grid min-w-0 flex-1 gap-1 text-xs text-doom-dim\">\n AI design feedback\n <textarea\n className=\"min-h-20 rounded border border-doom-border bg-doom-bg px-2 py-1 text-doom-text\"\n value={feedback}\n onChange={(event) => setFeedback(event.target.value)}\n />\n </label>\n <Button\n className=\"self-end\"\n variant=\"outline\"\n disabled={working || submitCapture === undefined || feedback.trim() === '' || annotationImage === undefined}\n onClick={() => {\n if (submitCapture === undefined || annotationImage === undefined) return;\n const location =\n annotationRect === undefined\n ? 'Whole preview'\n : `Region: x=${annotationRect.x.toFixed(3)}, y=${annotationRect.y.toFixed(3)}, width=${annotationRect.width.toFixed(3)}, height=${annotationRect.height.toFixed(3)}`;\n const generation = generationRef.current;\n void submitCapture({\n ...annotationImage,\n context: {\n kind: 'author-capture',\n source: 'style-system',\n id: crypto.randomUUID(),\n label: `${annotationImage.storyPath}#${annotationImage.storyExport}`,\n content: [\n 'Edit the underlying story or component source, never the generated preview HTML.',\n `Project: ${builtRequest?.appPath ?? appPath}`,\n `Story: ${annotationImage.storyPath}#${annotationImage.storyExport}`,\n `Story source sha256: ${annotationImage.sourceSha256}`,\n `Source-backed image revision: ${annotationImage.sourceSha256}`,\n location,\n `Feedback: ${feedback.trim()}`,\n 'After editing, rebuild this preview before treating it as visually verified.',\n ].join('\\n'),\n },\n })\n .then(() => {\n if (generationRef.current !== generation) return;\n setStatus('Feedback and the frozen source-backed annotation image were submitted to the agent.');\n setFeedback('');\n })\n .catch((reason: unknown) => {\n if (generationRef.current === generation) setStatus(errorText(reason));\n });\n }}\n >\n Send to AI\n </Button>\n </div>\n )}\n </section>\n );\n}\n","import type { TransientTab } from '@agimon-ai/doompi-core/web';\n\nimport type { StoryPreviewSeed } from '../../../../../types/previewApi';\nimport { StoryPreviewPanel } from './StoryPreviewPanel';\n\nfunction sourceKey(path: string): string {\n let hash = 2_166_136_261;\n for (const character of path) hash = Math.imul(hash ^ character.codePointAt(0)!, 16_777_619);\n return (hash >>> 0).toString(36);\n}\n\nexport function storyPreviewTab(seed?: StoryPreviewSeed): TransientTab {\n const sourcePath = seed?.source?.path;\n return {\n id: sourcePath === undefined ? 'style-system-story-preview' : `style-system-story-preview-${sourceKey(sourcePath)}`,\n label: 'Story preview',\n panel: (props) => <StoryPreviewPanel {...props} seed={seed} />,\n retainComposer: true,\n };\n}\n","import { defineFill } from '@agimon-ai/doompi-core/web';\n\nimport { storyPreviewTab } from '../_components/StoryPreviewLauncher';\nimport { StoryPreviewPanel } from '../_components/StoryPreviewPanel';\n\nexport default defineFill({\n slot: 'author.preview-action',\n id: 'style-system',\n data: {\n version: 1 as const,\n label: 'Preview',\n detail: 'Build, inspect, refresh, and send source-targeted visual feedback.',\n supportsSource: (source: { kind?: string }) => source.kind === 'story-preview',\n embeddedPanel: StoryPreviewPanel,\n createTab: ({ source }: { source?: { path: string; hasUnsavedChanges: boolean } }) =>\n storyPreviewTab(source === undefined ? undefined : { source }),\n },\n});\n","// Generated by @agimon-ai/doompi-build. Do not edit by hand.\nimport { defineWebPlugin, type WebPluginContributions } from '@agimon-ai/doompi-core/web';\n\nimport fillStyleSystem from '../src/extensions/workspaces/sessions/(frontend)/fill/StyleSystem.author.preview-action.web';\n\nconst via = <T>(identity: Record<string, unknown>, value: unknown): T =>\n (value === undefined ? undefined : { ...identity, ...(value as object) }) as T;\n\nexport const webPlugin = defineWebPlugin({\n id: 'style-system',\n session: {\n get fills(): WebPluginContributions['fills'] { return [via({ slot: 'author.preview-action', id: 'style-system' }, fillStyleSystem)]; },\n },\n});\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@agimon-ai/doompi-style-system",
|
|
3
|
-
"version": "0.0.1-alpha.
|
|
3
|
+
"version": "0.0.1-alpha.85",
|
|
4
4
|
"description": "Optional DoomPi story preview integration for the style-system package.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"ai",
|
|
@@ -67,15 +67,15 @@
|
|
|
67
67
|
"access": "public"
|
|
68
68
|
},
|
|
69
69
|
"dependencies": {
|
|
70
|
-
"@agimon-ai/doompi-core": "0.0.1-alpha.
|
|
71
|
-
"@agimon-ai/doompi-web-components": "0.0.1-alpha.
|
|
72
|
-
"@agimon-ai/doompi-web-security": "0.0.1-alpha.
|
|
70
|
+
"@agimon-ai/doompi-core": "0.0.1-alpha.84",
|
|
71
|
+
"@agimon-ai/doompi-web-components": "0.0.1-alpha.42",
|
|
72
|
+
"@agimon-ai/doompi-web-security": "0.0.1-alpha.43",
|
|
73
73
|
"@agimon-ai/style-system": "0.1.5",
|
|
74
74
|
"hono": "4.13.8",
|
|
75
75
|
"typebox": "1.3.34"
|
|
76
76
|
},
|
|
77
77
|
"devDependencies": {
|
|
78
|
-
"@agimon-ai/doompi-build": "0.0.1-alpha.
|
|
78
|
+
"@agimon-ai/doompi-build": "0.0.1-alpha.12",
|
|
79
79
|
"@earendil-works/pi-coding-agent": "0.87.1",
|
|
80
80
|
"@types/node": "26.6.1",
|
|
81
81
|
"@types/react": "19.3.0",
|