@svadmin/ui 0.34.5 → 0.34.7

package/dist/components/AutoTable.svelte

@@ -4,6 +4,13 @@
   import {
     createTable,
     createCoreRowModel,
+    type ColumnDef,
+    type SortingState,
+    type RowSelectionState,
+    type ColumnVisibilityState,
+    type ExpandedState,
+  } from '@tanstack/svelte-table';
+  import {
     column_getCanSort,
     column_getIsSorted,
     column_toggleSorting,
@@ -21,12 +28,7 @@
     row_getIsExpanded,
     row_toggleExpanded,
     cell_getValue,
-    type ColumnDef,
-    type SortingState,
-    type RowSelectionState,
-    type ColumnVisibilityState,
-    type ExpandedState,
-  } from '@tanstack/svelte-table';
+  } from '@tanstack/svelte-table/static-functions';
 
   import { useList, useDelete, useDeleteMany, getResource, notify } from '@svadmin/core';
   import type { Pagination as PaginationState, Sort, Filter, FieldDefinition } from '@svadmin/core';

package/dist/components/fields/MarkdownField.svelte

@@ -1,9 +1,16 @@
 <script lang="ts">
+  import * as DOMPurifyPkg from "isomorphic-dompurify";
   interface Props { value: string | null | undefined }
   let { value }: Props = $props();
+
+  const DOMPurify = 'default' in DOMPurifyPkg ? DOMPurifyPkg.default : DOMPurifyPkg;
+
+  const sanitizedHtml = $derived(
+    value ? DOMPurify.sanitize(value, { USE_PROFILES: { html: true } }) : ''
+  );
 </script>
 {#if value}
-  <div class="prose prose-sm dark:prose-invert max-w-none leading-relaxed [&_code]:bg-muted [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:rounded [&_code]:text-[0.875em] [&_pre]:bg-muted [&_pre]:p-3 [&_pre]:rounded-lg [&_pre]:overflow-x-auto [&_a]:text-primary">{@html value}</div>
+  <div class="prose prose-sm dark:prose-invert max-w-none leading-relaxed [&_code]:bg-muted [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:rounded [&_code]:text-[0.875em] [&_pre]:bg-muted [&_pre]:p-3 [&_pre]:rounded-lg [&_pre]:overflow-x-auto [&_a]:text-primary">{@html sanitizedHtml}</div>
 {:else}
   <span class="text-muted-foreground">—</span>
 {/if}

package/dist/components/task-utils.d.ts

@@ -5,7 +5,7 @@ export declare function isTaskActive(task: TaskRecord): boolean;
 export declare function canCancelTask(task: TaskRecord): boolean;
 export declare function canRetryTask(task: TaskRecord): boolean;
 export declare function resolveTaskTitle(task: TaskRecord): string;
-export declare function resolveTaskMessage(task: TaskRecord): string;
+export declare function resolveTaskMessage(task: TaskRecord): string | undefined;
 export declare function resolveTaskUpdatedAt(task: TaskRecord): unknown;
 export declare function resolveTaskCreatedAt(task: TaskRecord): unknown;
 export declare function resolveTaskQueueName(task: TaskRecord): string;

package/dist/components/task-utils.js

@@ -37,7 +37,8 @@ export function resolveTaskTitle(task) {
     return String(task.title ?? task.name ?? task.id);
 }
 export function resolveTaskMessage(task) {
-    return String(task.message ?? task.errorMessage ?? task.error_message ?? '');
+    const message = task.message ?? task.errorMessage ?? task.error_message;
+    return message === undefined || message === null ? undefined : String(message);
 }
 export function resolveTaskUpdatedAt(task) {
     return (task.updatedAt ??

package/package.json

@@ -1,13 +1,15 @@
 {
   "name": "@svadmin/ui",
-  "version": "0.34.5",
+  "version": "0.34.7",
   "description": "Pre-built admin UI components — AdminApp, AutoTable, AutoForm, Sidebar, Layout",
   "type": "module",
   "sideEffects": [
     "./dist/app.css"
   ],
   "files": [
-    "dist"
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
   ],
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -31,8 +33,8 @@
     "./components/*": "./dist/components/*"
   },
   "peerDependencies": {
-    "@svadmin/core": "^0.25.2",
-    "@tanstack/svelte-query": "^6.0.0",
+    "@svadmin/core": "^0.25.4",
+    "@tanstack/svelte-query": "^6.1.29",
     "highlight.js": "^11.11.1",
     "isomorphic-dompurify": "^3.7.1",
     "marked": "^17.0.5",
@@ -67,7 +69,8 @@
   },
   "dependencies": {
     "@lucide/svelte": "^1.7.0",
-    "@tanstack/svelte-table": "9.0.0-alpha.32",
+    "@tanstack/svelte-table": "9.0.0-alpha.45",
+    "@tanstack/table-core": "9.0.0-alpha.43",
     "bits-ui": "^2.17.1",
     "clsx": "^2.1.1",
     "cmdk-sv": "^0.0.19",

package/dist/components/TaskQueueDrawer.test.svelte.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/TaskQueueDrawer.test.svelte.js

@@ -1,143 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { render, screen, fireEvent, waitFor } from '@testing-library/svelte';
-import TaskQueueDrawer from './TaskQueueDrawer.svelte';
-const taskFixtures = [
-    {
-        id: 'task-1',
-        name: 'Generate poster',
-        status: 'processing',
-        message: 'Rendering hero artwork',
-        created_at: '2026-04-19T10:00:00.000Z',
-        updated_at: '2026-04-19T10:05:00.000Z',
-        progress: 42,
-    },
-    {
-        id: 'task-2',
-        name: 'Send email batch',
-        status: 'queued',
-        message: 'Waiting for worker',
-        created_at: '2026-04-19T10:10:00.000Z',
-        updated_at: '2026-04-19T10:12:00.000Z',
-    },
-];
-const dlqFixtures = [
-    {
-        id: 'task-dlq-1',
-        name: 'Nightly sync',
-        status: 'dead_lettered',
-        error_message: 'Remote API timeout',
-        created_at: '2026-04-18T23:00:00.000Z',
-        updated_at: '2026-04-18T23:05:00.000Z',
-        result_data: { reason: 'Remote API timeout' },
-    },
-];
-const mockTaskProvider = {
-    submit: vi.fn(async () => ({
-        id: 'submitted-image.generate',
-        wait: async () => ({
-            id: 'submitted-image.generate',
-            name: 'image.generate',
-            status: 'queued',
-            created_at: '2026-04-19T11:00:00.000Z',
-            updated_at: '2026-04-19T11:00:00.000Z',
-        }),
-    })),
-    get: vi.fn(async (taskId) => {
-        return [...taskFixtures, ...dlqFixtures].find((task) => task.id === taskId) ?? taskFixtures[0];
-    }),
-    list: vi.fn(async () => ({ data: taskFixtures, total: taskFixtures.length })),
-    listDlq: vi.fn(async () => ({ data: dlqFixtures, total: dlqFixtures.length })),
-    retry: vi.fn(async () => undefined),
-    cancel: vi.fn(async () => undefined),
-};
-const refetchTasks = vi.fn(async () => ({ data: { data: taskFixtures, total: taskFixtures.length } }));
-const refetchDlq = vi.fn(async () => ({ data: { data: dlqFixtures, total: dlqFixtures.length } }));
-const mutateAsync = vi.fn(async (params) => ({
-    id: `submitted-${params.taskName}`,
-    wait: async () => ({
-        id: `submitted-${params.taskName}`,
-        name: params.taskName,
-        status: 'queued',
-    }),
-}));
-vi.mock('@svadmin/core', () => ({
-    getTaskProvider: () => mockTaskProvider,
-    useTaskList: ({ dlq }) => ({
-        data: dlq
-            ? { data: dlqFixtures, total: dlqFixtures.length }
-            : { data: taskFixtures, total: taskFixtures.length },
-        isLoading: false,
-        refetch: dlq ? refetchDlq : refetchTasks,
-    }),
-    useTask: ({ taskId }) => ({
-        data: [...taskFixtures, ...dlqFixtures].find((task) => task.id === taskId) ?? taskFixtures[0],
-        isLoading: false,
-    }),
-    useSubmitTask: () => ({
-        mutation: {
-            mutateAsync,
-            isPending: false,
-        },
-    }),
-}));
-vi.mock('@tanstack/svelte-query', () => ({
-    useQueryClient: () => ({
-        invalidateQueries: vi.fn(async () => undefined),
-    }),
-}));
-describe('TaskQueueDrawer', () => {
-    beforeEach(() => {
-        refetchTasks.mockClear();
-        refetchDlq.mockClear();
-        mutateAsync.mockClear();
-        mockTaskProvider.submit.mockClear();
-        mockTaskProvider.get.mockClear();
-        mockTaskProvider.list.mockClear();
-        mockTaskProvider.listDlq.mockClear();
-        mockTaskProvider.retry.mockClear();
-        mockTaskProvider.cancel.mockClear();
-    });
-    it('supports tab switching, filtering, and detail selection', async () => {
-        render(TaskQueueDrawer, { open: true, taskProvider: mockTaskProvider });
-        expect(screen.getByText('Task Center')).toBeTruthy();
-        expect(screen.getAllByText('Generate poster').length).toBeGreaterThan(0);
-        expect(screen.getAllByText('Rendering hero artwork').length).toBeGreaterThan(0);
-        const searchInput = screen.getByPlaceholderText('Filter tasks by name, ID, status, or message...');
-        await fireEvent.input(searchInput, { target: { value: 'email' } });
-        await waitFor(() => {
-            expect(screen.queryAllByText('Generate poster').length).toBeLessThan(2);
-        });
-        expect(screen.getByText('Send email batch')).toBeTruthy();
-        await fireEvent.input(searchInput, { target: { value: '' } });
-        await fireEvent.click(screen.getByRole('tab', { name: /DLQ/i }));
-        expect(screen.getByText('Nightly sync')).toBeTruthy();
-        const dlqRow = screen.getByText('Nightly sync').closest('tr');
-        expect(dlqRow).toBeTruthy();
-        await fireEvent.click(dlqRow);
-        await waitFor(() => {
-            expect(screen.getAllByText('Remote API timeout').length).toBeGreaterThan(0);
-        });
-    });
-    it('submits a task from the inline form', async () => {
-        render(TaskQueueDrawer, { open: true, taskProvider: mockTaskProvider });
-        await fireEvent.click(screen.getAllByRole('button', { name: 'Submit Task' })[0]);
-        await fireEvent.input(screen.getByLabelText('Task name'), {
-            target: { value: 'image.generate' },
-        });
-        await fireEvent.input(screen.getByLabelText('Task payload (JSON)'), {
-            target: { value: '{"prompt":"poster"}' },
-        });
-        const submitButtons = screen.getAllByRole('button', { name: 'Submit Task' });
-        await fireEvent.click(submitButtons[submitButtons.length - 1]);
-        await waitFor(() => {
-            expect(mutateAsync).toHaveBeenCalledWith({
-                taskName: 'image.generate',
-                taskProvider: mockTaskProvider,
-                options: {
-                    body: { prompt: 'poster' },
-                    idempotencyKey: undefined,
-                },
-            });
-        });
-    });
-});

package/dist/components/task-utils.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/task-utils.test.js

@@ -1,33 +0,0 @@
-import { describe, expect, test } from 'vitest';
-import { resolveTaskCreatedAt, resolveTaskError, resolveTaskMessage, resolveTaskResult, resolveTaskUpdatedAt, } from './task-utils';
-describe('task-utils compatibility resolvers', () => {
-    test('skips nullable timestamp fields using lifecycle fallback order', () => {
-        const task = {
-            id: 'task-1',
-            updatedAt: null,
-            updated_at: null,
-            finishedAt: null,
-            finished_at: null,
-            startedAt: null,
-            started_at: '2026-04-26T01:00:00.000Z',
-            createdAt: null,
-            created_at: '2026-04-26T00:00:00.000Z',
-        };
-        expect(resolveTaskUpdatedAt(task)).toBe('2026-04-26T01:00:00.000Z');
-        expect(resolveTaskCreatedAt(task)).toBe('2026-04-26T00:00:00.000Z');
-    });
-    test('keeps documented result and error fallback priority with null fields', () => {
-        const task = {
-            id: 'task-2',
-            result: null,
-            result_data: { url: 'https://example.test/result.png' },
-            error: null,
-            errorMessage: null,
-            error_message: 'Remote worker failed',
-            message: null,
-        };
-        expect(resolveTaskResult(task)).toEqual({ url: 'https://example.test/result.png' });
-        expect(resolveTaskError(task)).toBe('Remote worker failed');
-        expect(resolveTaskMessage(task)).toBe('Remote worker failed');
-    });
-});