@mdxui/do 2.1.1 → 3.0.0

package/dist/views/index.d.ts

@@ -0,0 +1,131 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { T as Thing, S as SemanticType, h as ThingUpdateInput } from '../thing-BVhCTzOi.js';
+export { DataFilterCondition, DataFilterPopover, DataFilterPopoverProps, DataSidebar, DataSidebarItem, DataSidebarProps, DataSidebarTrigger, DataSidebarTriggerProps, FILTER_OPERATOR_OPTIONS, FilterOperatorType } from '@mdxui/admin';
+import 'zod';
+
+interface DataBrowserViewProps {
+    /** Initial namespace */
+    initialNamespace?: string;
+    /** Initial type filter */
+    initialType?: string;
+    /** Callback when a Thing is selected */
+    onSelect?: (thing: Thing) => void;
+    /** Callback when a Thing is double-clicked (e.g., to edit) */
+    onOpen?: (thing: Thing) => void;
+    /** Custom className */
+    className?: string;
+}
+declare function DataBrowserView({ initialNamespace, initialType, onSelect, onOpen, className, }: DataBrowserViewProps): react_jsx_runtime.JSX.Element;
+
+interface DataGridViewProps {
+    /** Initial namespace */
+    initialNamespace?: string;
+    /** Initial type */
+    initialType?: string;
+    /** Read-only mode */
+    readOnly?: boolean;
+    /** Callback when a row is selected */
+    onRowSelect?: (thing: Thing | null) => void;
+    /** Custom className */
+    className?: string;
+}
+declare function DataGridView({ initialNamespace, initialType, readOnly, onRowSelect: _onRowSelect, className, }: DataGridViewProps): react_jsx_runtime.JSX.Element;
+declare namespace DataGridView {
+    var displayName: string;
+}
+
+interface DocumentEditorViewProps {
+    /** Initial namespace */
+    initialNamespace?: string;
+    /** Initial type */
+    initialType?: string;
+    /** Initial thing ID */
+    initialId?: string;
+    /** Callback when save completes */
+    onSave?: (thing: Thing) => void;
+    /** Callback when delete completes */
+    onDelete?: () => void;
+    /** Callback when back is clicked */
+    onBack?: () => void;
+    /** Custom className */
+    className?: string;
+}
+declare function DocumentEditorView({ initialNamespace, initialType, initialId, onSave, onDelete, onBack: _onBack, className, }: DocumentEditorViewProps): react_jsx_runtime.JSX.Element;
+declare namespace DocumentEditorView {
+    var displayName: string;
+}
+
+interface FunctionEditorViewProps {
+    /** Initial code */
+    initialCode?: string;
+    /** Callback when code changes */
+    onCodeChange?: (code: string) => void;
+    /** Custom className */
+    className?: string;
+}
+declare function FunctionEditorView({ initialCode, onCodeChange, className, }: FunctionEditorViewProps): react_jsx_runtime.JSX.Element;
+declare namespace FunctionEditorView {
+    var displayName: string;
+}
+
+/**
+ * Shared types for DataBrowser domain-specific components
+ *
+ * Generic types (DataFilterCondition, etc.) are now in @mdxui/admin.
+ */
+
+/**
+ * Props for CreateDialog component
+ */
+interface CreateDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    namespace: string;
+    defaultType?: string;
+    types: SemanticType[];
+    onCreated?: (thing: Thing) => void;
+}
+/**
+ * Props for DetailSheet component
+ */
+interface DetailSheetProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    thing: Thing | null;
+    onEdit?: (thing: Thing) => void;
+    onSave?: (thing: Thing, updates: ThingUpdateInput) => Promise<void>;
+}
+
+declare function CreateDialog({ open, onOpenChange, namespace, defaultType, types, onCreated, }: CreateDialogProps): react_jsx_runtime.JSX.Element;
+
+declare function DetailSheet({ open, onOpenChange, thing, onEdit, onSave }: DetailSheetProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * Date Formatting Utilities
+ */
+/**
+ * Check if a string is an ISO date string
+ */
+declare function isISODateString(value: string): boolean;
+/**
+ * Format a date value for display
+ */
+declare function formatDate(dateValue: Date | string): {
+    date: string;
+    time: string;
+    relative: string;
+};
+/**
+ * Format a field name for display (camelCase/snake_case to Title Case)
+ */
+declare function formatFieldName(key: string): string;
+
+/**
+ * Export Utilities
+ */
+/**
+ * Export data as a JSON file download
+ */
+declare function exportToJSON(data: Record<string, unknown>[], filename: string): void;
+
+export { CreateDialog, type CreateDialogProps, DataBrowserView, type DataBrowserViewProps, DataGridView, type DataGridViewProps, DetailSheet, type DetailSheetProps, DocumentEditorView, type DocumentEditorViewProps, FunctionEditorView, type FunctionEditorViewProps, exportToJSON, formatDate as formatDateView, formatFieldName, isISODateString };

package/dist/views/index.js

@@ -0,0 +1,11 @@
+export { CreateDialog, DataBrowserView, DataFilterPopover, DataGridView, DataSidebar, DataSidebarTrigger, DetailSheet, DocumentEditorView, FILTER_OPERATOR_OPTIONS, FunctionEditorView, exportToJSON, formatDate as formatDateView, formatFieldName, isISODateString } from '../chunk-YGIBMNRH.js';
+import '../chunk-5AWTQDRF.js';
+import '../chunk-IESVTECE.js';
+import '../chunk-JWKIONEO.js';
+import '../chunk-4KXVN3EQ.js';
+import '../chunk-FO3N7SXV.js';
+import '../chunk-OWEAW4U6.js';
+import '../chunk-Y52IEYVM.js';
+import '../chunk-GGO5GW72.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/views/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@mdxui/do",
-  "version": "2.1.1",
+  "version": "3.0.0",
   "private": false,
-  "description": "Admin interface for .do platform - manage Durable Objects, Things, Relationships, Workflows, Agents, and Integrations",
+  "description": "Admin interface for .do platform - manage Durable Objects via RPC",
   "license": "MIT",
   "author": "mdxui",
   "type": "module",
@@ -11,9 +11,9 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
-    "./admin": {
-      "types": "./dist/admin/index.d.ts",
-      "import": "./dist/admin/index.js"
+    "./app": {
+      "types": "./dist/app/index.d.ts",
+      "import": "./dist/app/index.js"
     },
     "./providers": {
       "types": "./dist/providers/index.d.ts",
@@ -23,6 +23,10 @@
       "types": "./dist/hooks/index.d.ts",
       "import": "./dist/hooks/index.js"
     },
+    "./hooks/things": {
+      "types": "./dist/hooks/things/index.d.ts",
+      "import": "./dist/hooks/things/index.js"
+    },
     "./components": {
       "types": "./dist/components/index.d.ts",
       "import": "./dist/components/index.js"
@@ -35,22 +39,29 @@
       "types": "./dist/schemas/index.d.ts",
       "import": "./dist/schemas/index.js"
     },
-    "./__test-utils__": {
-      "types": "./dist/__test-utils__/index.d.ts",
-      "import": "./dist/__test-utils__/index.js"
+    "./views": {
+      "types": "./dist/views/index.d.ts",
+      "import": "./dist/views/index.js"
+    },
+    "./lib": {
+      "types": "./dist/lib/index.d.ts",
+      "import": "./dist/lib/index.js"
     }
   },
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "dist-app"
   ],
   "scripts": {
-    "build": "tsup",
+    "build": "NODE_OPTIONS='--max-old-space-size=6144' tsup",
+    "build:app": "vite build",
     "dev": "tsup --watch",
+    "dev:app": "vite",
+    "preview:app": "vite preview",
     "typecheck": "tsc --noEmit",
-    "lint": "eslint src/",
-    "clean": "rm -rf dist",
+    "clean": "rm -rf dist dist-app",
     "test": "vitest",
     "test:run": "vitest run",
     "test:coverage": "vitest run --coverage"
@@ -62,18 +73,27 @@
   "dependencies": {
     "@dotdo/client": "^0.3.0",
     "@dotdo/react": "^1.0.0",
-    "@mdxui/admin": "2.1.1",
-    "@mdxui/app": "2.1.1",
-    "@mdxui/primitives": "2.1.1",
-    "@tanstack/db": "^0.5.17",
-    "@tanstack/react-db": "^0.1.61",
+    "capnweb": "^0.1.0",
+    "@mdxui/admin": "workspace:*",
+    "@mdxui/app": "workspace:*",
+    "@mdxui/navigation": "workspace:*",
+    "@mdxui/primitives": "workspace:*",
     "@tanstack/react-query": "^5.90.16",
+    "@tanstack/react-router": "^1.95.0",
+    "@tanstack/react-table": "^8.20.6",
+    "@workos-inc/authkit-react": "^0.16.0",
+    "@workos-inc/widgets": "^1.7.2",
     "clsx": "^2.1.1",
     "lucide-react": "^0.474.0",
+    "next-themes": "^0.4.4",
+    "react-router-dom": "^7.12.0",
+    "sonner": "^2.0.7",
     "tailwind-merge": "^3.0.2",
+    "use-deep-compare": "^1.3.0",
     "zod": "^3.24.2"
   },
   "devDependencies": {
+    "@tailwindcss/vite": "^4.0.9",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
     "@testing-library/user-event": "^14.6.1",
@@ -84,8 +104,10 @@
     "jsdom": "^26.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "tailwindcss": "^4.0.9",
     "tsup": "^8.4.0",
     "typescript": "^5.7.3",
+    "vite": "^6.0.7",
     "vitest": "^3.0.4"
   },
   "publishConfig": {

package/dist/__test-utils__/index.d.ts

@@ -1,399 +0,0 @@
-import * as React$1 from 'react';
-import { T as Thing, a as ThingQueryResult, b as ThingCreateInput, c as ThingFilter, d as ThingSort, e as ThingPagination } from '../thing-DtI25yZh.js';
-import { RenderOptions, RenderResult, RenderHookOptions, RenderHookResult } from '@testing-library/react';
-export { act, cleanup, fireEvent, render, renderHook, screen, waitFor, within } from '@testing-library/react';
-import { QueryClient } from '@tanstack/react-query';
-import { D as DOAdminConfig } from '../do-CaQVueZw.js';
-import * as vitest from 'vitest';
-export { default as userEvent } from '@testing-library/user-event';
-import 'zod';
-
-/**
- * Test Fixtures for @mdxui/do
- *
- * Factory functions for creating consistent test data across unit and E2E tests.
- * These fixtures provide type-safe defaults with optional override capabilities.
- *
- * @example
- * ```typescript
- * // Create a default Thing
- * const thing = fixtures.thing()
- *
- * // Create with overrides
- * const customThing = fixtures.thing({ type: 'User', name: 'John' })
- *
- * // Create a ThingQueryResult with multiple items
- * const queryResult = fixtures.thingQueryResult([
- *   fixtures.thing({ type: 'Task' }),
- *   fixtures.thing({ type: 'Task', name: 'Task 2' }),
- * ])
- * ```
- */
-
-/**
- * Reset the ID counter (useful in beforeEach)
- */
-declare function resetIdCounter(): void;
-/**
- * Generate a unique test ID
- */
-declare function generateTestId(prefix?: string): string;
-/**
- * Test fixtures factory
- */
-declare const fixtures: {
-    /**
-     * Create a Thing with sensible defaults
-     *
-     * @param overrides - Optional partial Thing to merge
-     * @returns A complete Thing object
-     */
-    thing: (overrides?: Partial<Thing>) => Thing;
-    /**
-     * Create a ThingQueryResult with pagination
-     *
-     * @param things - Array of Things (defaults to single test thing)
-     * @param pagination - Pagination overrides
-     * @returns A complete ThingQueryResult
-     */
-    thingQueryResult: (things?: Thing[], pagination?: Partial<Pick<ThingQueryResult, "page" | "perPage" | "total" | "totalPages">>) => ThingQueryResult;
-    /**
-     * Create a ThingCreateInput for mutation tests
-     *
-     * @param overrides - Optional partial input to merge
-     * @returns A complete ThingCreateInput
-     */
-    thingCreateInput: (overrides?: Partial<ThingCreateInput>) => ThingCreateInput;
-    /**
-     * Create a ThingFilter for query tests
-     *
-     * @param overrides - Optional partial filter to merge
-     * @returns A ThingFilter
-     */
-    thingFilter: (overrides?: Partial<ThingFilter>) => ThingFilter;
-    /**
-     * Create a ThingSort for query tests
-     *
-     * @param overrides - Optional partial sort to merge
-     * @returns A ThingSort
-     */
-    thingSort: (overrides?: Partial<ThingSort>) => ThingSort;
-    /**
-     * Create a ThingPagination for query tests
-     *
-     * @param overrides - Optional partial pagination to merge
-     * @returns A ThingPagination
-     */
-    thingPagination: (overrides?: Partial<ThingPagination>) => ThingPagination;
-};
-/**
- * Type guard to assert a value is a Thing
- *
- * @param value - Unknown value to check
- * @throws If value is not a Thing
- */
-declare function assertThing(value: unknown): asserts value is Thing;
-/**
- * Type guard to assert a value is a ThingQueryResult
- *
- * @param value - Unknown value to check
- * @throws If value is not a ThingQueryResult
- */
-declare function assertThingQueryResult(value: unknown): asserts value is ThingQueryResult;
-
-/**
- * Test Wrappers for @mdxui/do
- *
- * React component wrappers for testing hooks and components with proper provider context.
- * Supports both unit tests (mocked) and E2E tests (live backend).
- *
- * @example
- * ```typescript
- * // Unit test with mocked provider
- * const { wrapper } = createTestWrapper({ namespace: 'test-ns' })
- * const { result } = renderHook(() => useThings({ type: 'Task' }), { wrapper })
- *
- * // E2E test with live backend
- * const { wrapper } = createTestWrapper({
- *   mode: 'e2e',
- *   config: { doUrl: 'wss://api.do/do/test' },
- * })
- * ```
- */
-
-/**
- * Default test config for unit tests
- *
- * NOTE: doUrl is NOT set by default, which keeps tests in REST mode.
- * This allows fetch mocking to work correctly since TanStack DB mode
- * uses WebSocket connections that can't be mocked with global.fetch.
- *
- * For tests that need TanStack DB/RPC mode, explicitly set doUrl:
- *   createWrapper({ config: { doUrl: 'wss://...' } })
- */
-declare const defaultTestConfig: DOAdminConfig;
-/**
- * Create a QueryClient configured for testing
- *
- * Features:
- * - No retries (tests should fail fast)
- * - No caching (each test starts fresh)
- * - No background refetching (predictable test behavior)
- */
-declare function createTestQueryClient(): QueryClient;
-/**
- * Options for creating test wrappers
- */
-interface TestWrapperOptions {
-    /**
-     * Test mode:
-     * - 'unit': Uses mocked config, fast health check
-     * - 'e2e': Uses provided config for live backend
-     */
-    mode?: 'unit' | 'e2e';
-    /** DOProvider config overrides */
-    config?: Partial<DOAdminConfig>;
-    /** Namespace for the test */
-    namespace?: string;
-    /** User ID for the test */
-    userId?: string;
-    /** Pre-configured QueryClient */
-    queryClient?: QueryClient;
-}
-/**
- * Create a test wrapper component for hooks and components
- *
- * @param options - Wrapper configuration
- * @returns An object with the wrapper component and helper metadata
- *
- * @example
- * ```typescript
- * const { wrapper, namespace, queryClient } = createTestWrapper({
- *   namespace: 'my-ns',
- *   config: { realTimeUpdates: true },
- * })
- *
- * const { result } = renderHook(() => useDO(), { wrapper })
- * ```
- */
-declare function createTestWrapper(options?: TestWrapperOptions): {
-    wrapper: React$1.FC<{
-        children: React$1.ReactNode;
-    }>;
-    namespace: string;
-    userId: string;
-    queryClient: QueryClient;
-    config: DOAdminConfig;
-};
-/**
- * Render a component with DOProvider wrapper
- *
- * Convenience function that combines render() with createTestWrapper().
- *
- * @param ui - React element to render
- * @param options - Render and wrapper options
- * @returns React Testing Library render result
- */
-declare function renderWithProvider(ui: React$1.ReactElement, options?: Omit<RenderOptions, 'wrapper'> & TestWrapperOptions): RenderResult;
-/**
- * Render a hook with DOProvider wrapper
- *
- * Convenience function that combines renderHook() with createTestWrapper().
- *
- * @param hook - Hook function to render
- * @param options - RenderHook and wrapper options
- * @returns React Testing Library renderHook result
- */
-declare function renderHookWithProvider<Result, Props>(hook: (props: Props) => Result, options?: Omit<RenderHookOptions<Props>, 'wrapper'> & TestWrapperOptions): RenderHookResult<Result, Props>;
-/**
- * Wait for pending promises to resolve
- *
- * Useful for ensuring async state updates have completed.
- *
- * @param ms - Optional milliseconds to wait (default: 0)
- */
-declare function flushPromises(ms?: number): Promise<void>;
-/**
- * Wait for a condition to be true with timeout
- *
- * Useful for waiting for async sync operations to complete.
- *
- * @param condition - Function that returns true when condition is met
- * @param options - Timeout and polling options
- * @throws If condition is not met within timeout
- */
-declare function waitForCondition(condition: () => boolean | Promise<boolean>, options?: {
-    timeout?: number;
-    interval?: number;
-}): Promise<void>;
-
-/**
- * DataProvider interface for admin operations
- *
- * Modeled after react-admin's DataProvider pattern.
- */
-interface DataProvider {
-    getList: <RecordType>(resource: string, params: {
-        pagination?: {
-            page: number;
-            perPage: number;
-        };
-        sort?: {
-            field: string;
-            order: 'ASC' | 'DESC';
-        };
-        filter?: Record<string, unknown>;
-    }) => Promise<{
-        data: RecordType[];
-        total: number;
-    }>;
-    getOne: <RecordType>(resource: string, params: {
-        id: string | number;
-    }) => Promise<{
-        data: RecordType;
-    }>;
-    getMany: <RecordType>(resource: string, params: {
-        ids: (string | number)[];
-    }) => Promise<{
-        data: RecordType[];
-    }>;
-    getManyReference: <RecordType>(resource: string, params: {
-        target: string;
-        id: string | number;
-        pagination?: {
-            page: number;
-            perPage: number;
-        };
-        sort?: {
-            field: string;
-            order: 'ASC' | 'DESC';
-        };
-        filter?: Record<string, unknown>;
-    }) => Promise<{
-        data: RecordType[];
-        total: number;
-    }>;
-    create: <RecordType>(resource: string, params: {
-        data: Partial<RecordType>;
-    }) => Promise<{
-        data: RecordType;
-    }>;
-    update: <RecordType>(resource: string, params: {
-        id: string | number;
-        data: Partial<RecordType>;
-        previousData: RecordType;
-    }) => Promise<{
-        data: RecordType;
-    }>;
-    updateMany: (resource: string, params: {
-        ids: (string | number)[];
-        data: Record<string, unknown>;
-    }) => Promise<{
-        data: (string | number)[];
-    }>;
-    delete: <RecordType>(resource: string, params: {
-        id: string | number;
-        previousData: RecordType;
-    }) => Promise<{
-        data: RecordType;
-    }>;
-    deleteMany: (resource: string, params: {
-        ids: (string | number)[];
-    }) => Promise<{
-        data: (string | number)[];
-    }>;
-}
-/**
- * Create a mock DataProvider with sensible defaults
- *
- * All methods are mocked with vi.fn() and return empty/success responses.
- * Override specific methods to customize behavior for your tests.
- *
- * @param overrides - Partial DataProvider to merge
- * @returns A complete mocked DataProvider
- */
-declare function createMockDataProvider(overrides?: Partial<DataProvider>): DataProvider;
-/**
- * Mock a successful fetch response
- *
- * @param data - Response data to return from json()
- * @returns The mocked fetch function
- */
-declare function mockFetchSuccess<T>(data: T): vitest.MockedFunction<typeof fetch>;
-/**
- * Mock a failed fetch response
- *
- * @param status - HTTP status code
- * @param statusText - HTTP status text
- * @returns The mocked fetch function
- */
-declare function mockFetchError(status: number, statusText?: string): vitest.MockedFunction<typeof fetch>;
-/**
- * Mock a fetch network error (failed to connect)
- *
- * @param message - Error message
- * @returns The mocked fetch function
- */
-declare function mockFetchNetworkError(message?: string): vitest.MockedFunction<typeof fetch>;
-/**
- * Mock a successful RPC response
- *
- * Wraps the value in the expected RPC response structure.
- *
- * @param value - The value to return
- * @returns The mocked fetch function
- */
-declare function mockRpcResponse<T>(value: T): vitest.MockedFunction<typeof fetch>;
-/**
- * Mock an RPC error response
- *
- * @param message - Error message
- * @param code - Optional error code
- * @returns The mocked fetch function
- */
-declare function mockRpcError(message: string, code?: string): vitest.MockedFunction<typeof fetch>;
-/**
- * Mock multiple RPC responses in sequence
- *
- * Useful for testing retry logic or sequential calls.
- *
- * @param responses - Array of values or errors to return
- * @returns The mocked fetch function
- */
-declare function mockRpcResponses(responses: Array<{
-    success: true;
-    value: unknown;
-} | {
-    success: false;
-    message: string;
-}>): void;
-/**
- * Legacy alias for fixtures.thing()
- * @deprecated Use fixtures.thing() instead
- */
-declare function createMockThing(overrides?: Partial<Thing>): Thing;
-/**
- * Legacy alias for fixtures.thingQueryResult()
- * @deprecated Use fixtures.thingQueryResult() instead
- */
-declare function createMockThingQueryResult(things?: Thing[], pagination?: {
-    page?: number;
-    perPage?: number;
-    total?: number;
-    totalPages?: number;
-}): ThingQueryResult;
-
-/**
- * Backwards-compatible wrapper creator
- *
- * Returns just the wrapper function (not the full object from createTestWrapper).
- * This maintains compatibility with existing tests that use:
- *   { wrapper: createWrapper() }
- *
- * @deprecated Use createTestWrapper() for new code
- */
-declare function createWrapper(options?: TestWrapperOptions): React$1.FC<{
-    children: React.ReactNode;
-}>;
-
-export { type DataProvider, type TestWrapperOptions, assertThing, assertThingQueryResult, createMockDataProvider, createMockThing, createMockThingQueryResult, createTestQueryClient, createTestWrapper, createWrapper, defaultTestConfig, fixtures, flushPromises, generateTestId, mockFetchError, mockFetchNetworkError, mockFetchSuccess, mockRpcError, mockRpcResponse, mockRpcResponses, renderHookWithProvider, renderWithProvider, resetIdCounter, waitForCondition };