import type { ProgressPhase } from '#lib/components/progress.js'
import { formatDuration, previewDuration } from './duration.js'
+ import OverviewActions from '#lib/pieces/viewer/OverviewActions.svelte'
interface Props {
file: string
type?: string
status: string
+ hasPublishedVersion?: boolean
streamDisconnected?: boolean
createdAt: string | null
finishedAt: string | null
@@ -16,6 +18,7 @@
file,
type,
status,
+ hasPublishedVersion = false,
streamDisconnected = false,
createdAt,
finishedAt,
@@ -84,9 +87,7 @@
{#if !streamDisconnected && (status === 'enqueued' || status === 'waiting')}
Waiting for worker…
{:else if !streamDisconnected && status === 'expired'}
-
- Assets are purged after 2 days. Re-run the preview from the editor.
-
+ Assets are purged after 2 days.
{/if}
@@ -131,6 +132,18 @@
{/if}
+ {#if hasPublishedVersion}
+
+ | Publication |
+ |
+
+ {/if}
+ {#if status === 'failed' || status === 'expired'}
+
+ | Preview |
+ |
+
+ {/if}
diff --git a/apps/web/src/routes/(auth)/admin/piece/[...path]/preview/[jobId]/PreviewFacts.test.ts b/apps/web/src/routes/(auth)/admin/piece/[...path]/preview/[jobId]/PreviewFacts.test.ts
index 2418828e..653af745 100644
--- a/apps/web/src/routes/(auth)/admin/piece/[...path]/preview/[jobId]/PreviewFacts.test.ts
+++ b/apps/web/src/routes/(auth)/admin/piece/[...path]/preview/[jobId]/PreviewFacts.test.ts
@@ -1,10 +1,15 @@
-import { readFileSync } from 'node:fs'
-import { expect, test } from 'vitest'
+import { expect, test, vi } from 'vitest'
import { render } from 'svelte/server'
import type { ComponentProps } from 'svelte'
import type { ProgressPhase } from '#lib/components/progress.js'
import PreviewFacts from './PreviewFacts.svelte'
+vi.mock('$app/forms', () => ({ enhance: vi.fn() }))
+vi.mock('$app/paths', () => ({
+ resolve: (route: string, params: { path: string }) =>
+ route.replace('/(auth)', '').replace('[...path]', () => params.path)
+}))
+
function facts(overrides: Partial> = {}) {
return render(PreviewFacts, {
props: {
@@ -45,52 +50,6 @@ function field(html: string, name: string) {
return rows(html).find(([label]) => label === name)?.[1]
}
-test('fixed UI copy is literal markup rather than JavaScript label maps', () => {
- const source = readFileSync(new URL('./PreviewFacts.svelte', import.meta.url), 'utf8')
- const markup = source
- .replace(/<(script|style)\b[^>]*>[\s\S]*?<\/\1>/g, '')
- .replace(/\{[^}]*\}/g, '')
- .replace(/\s+/g, ' ')
-
- expect(source).not.toMatch(/\b(?:statusLabels|durationLabels)\b|\bnew\s+Map\s*\(/)
- for (const label of [
- 'Preview',
- 'File',
- 'Type',
- 'State',
- 'Duration',
- 'Created',
- 'Finished',
- 'Unknown',
- 'Queued',
- 'Building',
- 'Completed',
- 'Failed',
- 'Expired',
- 'Refresh to reconnect',
- 'Waiting for worker…',
- 'Assets are purged after 2 days. Re-run the preview from the editor.',
- 'elapsed',
- 'total time',
- 'stopped at',
- 'UTC'
- ])
- expect(markup).toContain(label)
-})
-
-test('facts have no state icon imports, markup, classification, motion, or local badge styles', () => {
- const source = readFileSync(new URL('./PreviewFacts.svelte', import.meta.url), 'utf8')
- const style = source.match(/