@svadmin/ui 0.29.3 → 0.30.0

package/dist/index.js

@@ -0,0 +1,127 @@
+// @svadmin/ui — Pre-built admin UI components
+// Entry component
+export { default as AdminApp } from './components/AdminApp.svelte';
+// Admin components
+export { default as AutoTable } from './components/AutoTable.svelte';
+export { default as AutoForm } from './components/AutoForm.svelte';
+export { default as ShowPage } from './components/ShowPage.svelte';
+export { default as ConfirmDialog } from './components/ConfirmDialog.svelte';
+export { default as Sidebar } from './components/Sidebar.svelte';
+export { default as Layout } from './components/Layout.svelte';
+export { default as Header } from './components/Header.svelte';
+export { default as ErrorBoundary } from './components/ErrorBoundary.svelte';
+export { default as Toast } from './components/Toast.svelte';
+export { default as Breadcrumbs } from './components/Breadcrumbs.svelte';
+export { default as FieldRenderer } from './components/FieldRenderer.svelte';
+export { default as EmptyState } from './components/EmptyState.svelte';
+export { default as StatsCard } from './components/StatsCard.svelte';
+export { default as PageHeader } from './components/PageHeader.svelte';
+export { default as LoginPage } from './components/LoginPage.svelte';
+export { default as RegisterPage } from './components/RegisterPage.svelte';
+export { default as ForgotPasswordPage } from './components/ForgotPasswordPage.svelte';
+export { default as CanAccess } from './components/CanAccess.svelte';
+export { default as Can } from './components/CanAccess.svelte';
+export { default as UndoableNotification } from './components/UndoableNotification.svelte';
+export { default as ModalForm } from './components/ModalForm.svelte';
+export { default as DrawerForm } from './components/DrawerForm.svelte';
+export { default as DevTools } from './components/DevTools.svelte';
+export { default as Authenticated } from './components/Authenticated.svelte';
+export { default as UpdatePasswordPage } from './components/UpdatePasswordPage.svelte';
+export { default as ProfilePage } from './components/ProfilePage.svelte';
+export { default as ConfigErrorScreen } from './components/ConfigErrorScreen.svelte';
+export { default as InferencerPanel } from './components/InferencerPanel.svelte';
+export { default as LiveIndicator } from './components/LiveIndicator.svelte';
+export { default as ListPage } from './components/ListPage.svelte';
+export { default as CreatePage } from './components/CreatePage.svelte';
+export { default as EditPage } from './components/EditPage.svelte';
+export { default as AutoSaveIndicator } from './components/AutoSaveIndicator.svelte';
+export { default as ErrorComponent } from './components/ErrorComponent.svelte';
+export { default as PageSkeleton } from './components/PageSkeleton.svelte';
+export { default as NavigateToResource } from './components/NavigateToResource.svelte';
+export { default as CatchAllNavigate } from './components/CatchAllNavigate.svelte';
+export { default as ThemedTitle } from './components/ThemedTitle.svelte';
+export { default as CommandPalette } from './components/CommandPalette.svelte';
+export { default as StepsForm } from './components/StepsForm.svelte';
+export { default as InfiniteList } from './components/InfiniteList.svelte';
+export { default as ComboboxField } from './components/ComboboxField.svelte';
+export { default as PasswordInput } from './components/PasswordInput.svelte';
+export { default as ChatDialog } from "./components/ChatDialog.svelte";
+export { default as MarkdownRenderer } from "./components/MarkdownRenderer.svelte";
+export { default as SmartSuggest } from "./components/SmartSuggest.svelte";
+export { default as AICommandBar } from "./components/AICommandBar.svelte";
+export { default as CopilotPanel } from "./components/CopilotPanel.svelte";
+export { default as InsightCard } from "./components/InsightCard.svelte";
+export { default as AnomalyBadge } from "./components/AnomalyBadge.svelte";
+export { default as VoiceInput } from "./components/VoiceInput.svelte";
+export { default as AnimatedCounter } from "./components/AnimatedCounter.svelte";
+export { default as KeyboardShortcuts } from "./components/KeyboardShortcuts.svelte";
+export { default as InlineEdit } from "./components/InlineEdit.svelte";
+export { default as VirtualTable } from "./components/VirtualTable.svelte";
+export { default as DraggableHeader } from "./components/DraggableHeader.svelte";
+export { default as SettingsPage } from "./components/SettingsPage.svelte";
+// Editor Registry
+export { setRichTextEditor, getRichTextEditor } from "./editor-config.svelte.js";
+// Settings & Preferences
+export { default as AppearanceSettings } from "./components/AppearanceSettings.svelte";
+export { default as AboutSettings } from "./components/AboutSettings.svelte";
+export { default as PermissionMatrix } from "./components/PermissionMatrix.svelte";
+export { default as RolesSettings } from "./components/RolesSettings.svelte";
+export { default as AuditLogViewer } from "./components/AuditLogViewer.svelte";
+export { default as TenantSwitcher } from "./components/TenantSwitcher.svelte";
+export { default as TaskQueueDrawer } from "./components/TaskQueueDrawer.svelte";
+export { default as DraggableGrid } from "./components/DraggableGrid.svelte";
+// Dashboard Charts (zero-dependency SVG)
+export { BarChart, LineChart, PieChart } from './components/charts/index.js';
+// Field display components
+export { default as NumberField } from './components/fields/NumberField.svelte';
+export { default as DateField } from './components/fields/DateField.svelte';
+export { default as EmailField } from './components/fields/EmailField.svelte';
+export { default as UrlField } from './components/fields/UrlField.svelte';
+export { default as BooleanField } from './components/fields/BooleanField.svelte';
+export { default as TagField } from './components/fields/TagField.svelte';
+export { default as FileField } from './components/fields/FileField.svelte';
+export { default as MarkdownField } from './components/fields/MarkdownField.svelte';
+export { default as TextField } from './components/fields/TextField.svelte';
+export { default as ImageField } from './components/fields/ImageField.svelte';
+export { default as SelectField } from './components/fields/SelectField.svelte';
+export { default as MultiSelectField } from './components/fields/MultiSelectField.svelte';
+export { default as RelationField } from './components/fields/RelationField.svelte';
+export { default as JsonField } from './components/fields/JsonField.svelte';
+export { default as RichTextField } from './components/fields/RichTextField.svelte';
+// Rich text editor (requires @svadmin/editor) as a direct import in consumer app
+// CRUD Buttons
+export { CreateButton, EditButton, DeleteButton, ShowButton, ListButton, RefreshButton, ExportButton, ImportButton, SaveButton, CloneButton, } from './components/buttons/index.js';
+// Base UI components (shadcn-svelte)
+export { Button, buttonVariants } from './components/ui/button/index.js';
+export { Input } from './components/ui/input/index.js';
+export { Textarea } from './components/ui/textarea/index.js';
+export { Select } from './components/ui/select/index.js';
+export { Switch } from './components/ui/switch/index.js';
+export { Checkbox } from './components/ui/checkbox/index.js';
+export { Badge } from './components/ui/badge/index.js';
+export { Separator } from './components/ui/separator/index.js';
+export { Avatar } from './components/ui/avatar/index.js';
+export { Skeleton } from './components/ui/skeleton/index.js';
+export * as Sheet from './components/ui/sheet/index.js';
+export * as Alert from './components/ui/alert/index.js';
+export * as Card from './components/ui/card/index.js';
+export * as Dialog from './components/ui/dialog/index.js';
+export * as Table from './components/ui/table/index.js';
+export * as Tabs from './components/ui/tabs/index.js';
+export * as Tooltip from './components/ui/tooltip/index.js';
+export * as DropdownMenu from './components/ui/dropdown-menu/index.js';
+// Additional shadcn components
+export * as Breadcrumb from './components/ui/breadcrumb/index.js';
+export * as Pagination from './components/ui/pagination/index.js';
+export * as ContextMenu from './components/ui/context-menu/index.js';
+export * as Collapsible from './components/ui/collapsible/index.js';
+export { Label } from './components/ui/label/index.js';
+export { Command } from './components/ui/command/index.js';
+// Utils
+export { cn } from './utils';
+// Component Registry (DI)
+export { setComponentRegistry, getComponentRegistry, useComponent, } from './component-registry.svelte';
+// Field component registry
+export { builtinDisplayComponents, registerDisplayComponent, getDisplayComponent, hasDisplayComponent, } from './components/fieldComponentMap';
+// Svelte Actions
+export { clickOutside, shortcut, intersect, copyOnClick } from './actions';

package/dist/markdown-deps.d.ts

@@ -0,0 +1,21 @@
+// Type declarations for MarkdownRenderer dependencies
+declare module 'marked' {
+  export class Marked {
+    constructor(...extensions: unknown[]);
+    parse(src: string): string;
+  }
+}
+
+declare module 'marked-highlight' {
+  export function markedHighlight(options: {
+    langPrefix?: string;
+    highlight: (code: string, lang: string) => string;
+  }): unknown;
+}
+
+declare module 'isomorphic-dompurify' {
+  const DOMPurify: {
+    sanitize(dirty: string, config?: Record<string, unknown>): string;
+  };
+  export default DOMPurify;
+}

package/dist/router-state.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { RouterProvider } from '@svadmin/core';
+export declare function initRouter(provider?: RouterProvider): void;
+export declare function getRoute(): string;
+export declare function getParams(): Record<string, string>;
+export declare function getRouterProviderInstance(): RouterProvider | undefined;

package/dist/router-state.svelte.js

@@ -0,0 +1,58 @@
+// Shared reactive hash router state — .svelte.ts enables $state at module level
+import { matchRoute, setActiveRouterProvider } from '@svadmin/core/router';
+let _route = $state('/');
+let _params = $state({});
+let _initialized = false;
+let _provider;
+const ROUTES = [
+    '/login',
+    '/register',
+    '/forgot-password',
+    '/update-password',
+    '/',
+    '/:resource',
+    '/:resource/create',
+    '/:resource/edit/:id',
+    '/:resource/show/:id',
+    '/:parent/:parentId/:resource',
+    '/:parent/:parentId/:resource/create',
+    '/:parent/:parentId/:resource/edit/:id',
+    '/:parent/:parentId/:resource/show/:id',
+];
+function sync() {
+    let path;
+    if (_provider) {
+        const parsed = _provider.parse();
+        path = parsed.pathname || '/';
+        const m = matchRoute(path, ROUTES);
+        _route = m?.route ?? '/';
+        _params = { ...(m?.params ?? {}), ...parsed.params };
+    }
+    else {
+        path = typeof window !== 'undefined' ? window.location.hash.replace(/^#/, '') || '/' : '/';
+        const m = matchRoute(path, ROUTES);
+        _route = m?.route ?? '/';
+        _params = m?.params ?? {};
+    }
+}
+export function initRouter(provider) {
+    if (_initialized)
+        return;
+    _initialized = true;
+    _provider = provider;
+    setActiveRouterProvider(provider);
+    sync();
+    if (typeof window !== 'undefined') {
+        window.addEventListener('hashchange', sync);
+        window.addEventListener('popstate', sync);
+    }
+}
+export function getRoute() {
+    return _route;
+}
+export function getParams() {
+    return _params;
+}
+export function getRouterProviderInstance() {
+    return _provider;
+}

package/dist/types.d.ts

@@ -0,0 +1,42 @@
+export type RoleInfo = {
+    code: string;
+    name: string;
+    [key: string]: any;
+};
+export type ResourceInfo = {
+    code: string;
+    name: string;
+    section?: string;
+    [key: string]: any;
+};
+export type ActionInfo = {
+    code: string;
+    name: string;
+    [key: string]: any;
+};
+export interface Tenant {
+    id: string;
+    name: string;
+    logo?: string;
+    [key: string]: unknown;
+}
+export type TaskStatus = 'pending' | 'running' | 'completed' | 'failed';
+export interface BackgroundTask {
+    id: string;
+    title: string;
+    status: TaskStatus;
+    progress?: number;
+    message?: string;
+    createdAt: string | Date;
+    downloadUrl?: string;
+    [key: string]: unknown;
+}
+export interface GridModule {
+    id: string;
+    w: number;
+    h: number;
+    x: number;
+    y: number;
+    title?: string;
+    componentProps?: any;
+}

package/dist/types.js

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

package/dist/utils.d.ts

@@ -0,0 +1,16 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+/**
+ * A utility type that makes the `ref` prop optional and adds it to the given props type.
+ */
+export type WithElementRef<T, E extends HTMLElement = HTMLElement> = T & {
+    ref?: E | null;
+};
+/**
+ * A utility type that removes `children` and `child` from the given props type.
+ */
+export type WithoutChildrenOrChild<T> = T extends infer U ? Omit<U, "children" | "child"> : never;
+/**
+ * A utility type that removes `children` from the given props type (keeps `child`).
+ */
+export type WithoutChildren<T> = T extends infer U ? Omit<U, "children"> : never;

package/dist/utils.js

@@ -0,0 +1,5 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/ui",
-  "version": "0.29.3",
+  "version": "0.30.0",
   "description": "Pre-built admin UI components — AdminApp, AutoTable, AutoForm, Sidebar, Layout",
   "type": "module",
   "sideEffects": [
@@ -25,7 +25,7 @@
     "./components/*": "./dist/components/*"
   },
   "peerDependencies": {
-    "@svadmin/core": "^0.20.2",
+    "@svadmin/core": "^0.21.0",
     "@tanstack/svelte-query": "^6.0.0",
     "highlight.js": "^11.11.1",
     "isomorphic-dompurify": "^3.7.1",