@object-ui/app-shell 6.2.1 → 6.2.3

package/dist/views/metadata-admin/previews/ReportPreview.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright (c) 2025 ObjectStack. Licensed under the Apache-2.0 license.
+/**
+ * ReportPreview — runs the live Report draft through the same
+ * ReportRenderer the runtime ReportView uses.
+ *
+ * Uses the app-shell AdapterProvider's data source so previews see
+ * actual rows. Lazy-loaded to keep the metadata-admin bundle small.
+ */
+import * as React from 'react';
+import { Loader2 } from 'lucide-react';
+import { useAdapter } from '../../../providers/AdapterProvider';
+import { PreviewShell, PreviewErrorBoundary, PreviewMessage } from './PreviewShell';
+const ReportRenderer = React.lazy(() => import('@object-ui/plugin-report').then((m) => ({ default: m.ReportRenderer })));
+export function ReportPreview({ draft }) {
+    const adapter = useAdapter();
+    // Different fixture sets use different keys for the source object:
+    //   • new schema: `object`
+    //   • legacy: `objectName`
+    //   • some reports embed it under `data.object`
+    const objectName = draft.object ?? draft.objectName ?? draft.data?.object;
+    const visualization = draft.visualization?.type ?? draft.type;
+    if (!objectName) {
+        return (_jsx(PreviewShell, { hint: "report", children: _jsx(PreviewMessage, { tone: "warn", children: "Pick an Object in the Form tab \u2014 Reports need a source object before they can render." }) }));
+    }
+    return (_jsx(PreviewShell, { hint: `report · ${visualization ?? 'table'}`, children: _jsx(PreviewErrorBoundary, { fallbackHint: "The Report references an object/field that doesn't resolve, or its visualization config is incomplete.", children: _jsx(React.Suspense, { fallback: _jsxs("div", { className: "p-6 text-sm text-muted-foreground flex items-center gap-2", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Loading report renderer\u2026"] }), children: _jsx("div", { className: "p-3 min-h-[300px] max-h-[70vh] overflow-auto", children: _jsx(ReportRenderer, { schema: draft, dataSource: adapter }) }) }) }) }));
+}

package/dist/views/metadata-admin/previews/ViewPreview.d.ts

@@ -0,0 +1,2 @@
+import type { MetadataPreviewProps } from '../preview-registry';
+export declare function ViewPreview({ name, draft }: MetadataPreviewProps): import("react/jsx-runtime").JSX.Element;

package/dist/views/metadata-admin/previews/ViewPreview.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright (c) 2025 ObjectStack. Licensed under the Apache-2.0 license.
+/**
+ * ViewPreview — renders a View metadata draft using the same
+ * `object-view` SchemaRenderer the runtime ObjectView route uses,
+ * with the current draft's variants injected as `listViews` so the
+ * draft drives what authors see (not the saved version).
+ *
+ * If the draft is a "single-schema legacy" view (no list/form/kanban
+ * wrappers, just one top-level `type`), we pass the schema straight
+ * to SchemaRenderer.
+ */
+import * as React from 'react';
+import { SchemaRenderer } from '@object-ui/react';
+import { PreviewShell, PreviewErrorBoundary, PreviewMessage } from './PreviewShell';
+const VIEW_VARIANT_KEYS = [
+    'list',
+    'form',
+    'kanban',
+    'calendar',
+    'gantt',
+    'map',
+    'gallery',
+    'timeline',
+    'feed',
+    'detail',
+];
+function detectVariants(draft) {
+    const out = [];
+    for (const k of VIEW_VARIANT_KEYS) {
+        const v = draft[k];
+        if (v && typeof v === 'object' && !Array.isArray(v)) {
+            out.push({ key: k, schema: v });
+        }
+    }
+    return out;
+}
+function resolveObjectName(draft, variantSchema) {
+    const candidates = [
+        variantSchema?.object,
+        variantSchema?.data?.object,
+        variantSchema?.objectName,
+        draft.object,
+        draft.objectName,
+        draft.data?.object,
+        draft.list?.data?.object,
+        draft.list?.object,
+    ];
+    for (const c of candidates) {
+        if (typeof c === 'string' && c)
+            return c;
+    }
+    return undefined;
+}
+export function ViewPreview({ name, draft }) {
+    const variants = React.useMemo(() => detectVariants(draft), [draft]);
+    const objectName = React.useMemo(() => resolveObjectName(draft, variants[0]?.schema), [draft, variants]);
+    // Compose the listViews map: the draft IS the "default" — surface it as a
+    // primary named view FIRST so the view switcher picks it as default. Then
+    // append any saved sibling named listViews.
+    const { listViews, defaultViewId } = React.useMemo(() => {
+        const out = {};
+        const primaryVariant = variants.find((v) => v.key === 'list') ?? variants[0];
+        const primaryId = String(name) || primaryVariant?.key || 'default';
+        if (primaryVariant) {
+            out[primaryId] = {
+                ...primaryVariant.schema,
+                label: primaryVariant.schema.label ?? draft.label ?? name,
+            };
+        }
+        const saved = draft.listViews;
+        if (saved && typeof saved === 'object' && !Array.isArray(saved)) {
+            for (const [k, v] of Object.entries(saved)) {
+                if (v && typeof v === 'object' && k !== primaryId)
+                    out[k] = v;
+            }
+        }
+        return { listViews: out, defaultViewId: primaryVariant ? primaryId : undefined };
+    }, [draft, variants, name]);
+    // -------------------------------------------------------------------------
+    // Path A — single-schema legacy view: render directly.
+    // -------------------------------------------------------------------------
+    if (!variants.length && draft.type) {
+        const schema = { ...draft };
+        return (_jsx(PreviewShell, { hint: `view · ${schema.type}`, children: _jsx(PreviewErrorBoundary, { fallbackHint: "The view's `type` may not be registered, or required fields are missing.", children: _jsx("div", { className: "min-h-[300px] max-h-[75vh] overflow-auto", children: _jsx(SchemaRenderer, { schema: schema }) }) }) }));
+    }
+    if (!objectName) {
+        return (_jsx(PreviewShell, { hint: "view", children: _jsxs(PreviewMessage, { tone: "warn", children: ["This view has no object binding yet. Set ", _jsx("code", { children: "list.data.object" }), " in the Form tab to fetch live data."] }) }));
+    }
+    // -------------------------------------------------------------------------
+    // Path B — multi-variant view: delegate to `object-view`, which is what
+    // the runtime route uses. Inject the draft's listViews so the preview
+    // reflects unsaved edits.
+    // -------------------------------------------------------------------------
+    const defaultViewType = variants[0]?.schema?.type ?? 'grid';
+    const schema = React.useMemo(() => ({
+        type: 'object-view',
+        objectName,
+        defaultViewType,
+        defaultListView: defaultViewId,
+        listViews,
+        showSearch: true,
+        showFilters: true,
+        showCreate: false,
+        showRefresh: true,
+        showViewSwitcher: true,
+    }), [objectName, defaultViewType, defaultViewId, listViews]);
+    const variantHint = variants
+        .map((v) => v.key)
+        .slice(0, 3)
+        .join(' · ');
+    return (_jsx(PreviewShell, { hint: `view · ${variantHint || 'list'}`, children: _jsx(PreviewErrorBoundary, { fallbackHint: "The view references an object or field that doesn't resolve.", children: _jsx("div", { className: "min-h-[300px] max-h-[75vh] overflow-auto", children: _jsx(SchemaRenderer, { schema: schema }) }) }) }));
+}

package/dist/views/metadata-admin/previews/index.d.ts

@@ -0,0 +1 @@
+export declare function registerBuiltinPreviews(): void;

package/dist/views/metadata-admin/previews/index.js

@@ -0,0 +1,26 @@
+// Copyright (c) 2025 ObjectStack. Licensed under the Apache-2.0 license.
+/**
+ * Built-in Preview-tab registrations.
+ *
+ * Each registration is one line; new types are trivially added without
+ * touching `ResourceEditPage.tsx`. To opt OUT of a built-in preview in
+ * a downstream app, call `registerMetadataPreview(type, MyVersion)`
+ * after this module runs — `registerMetadataPreview` is last-write-wins.
+ */
+import { registerMetadataPreview } from '../preview-registry';
+import { PagePreview } from './PagePreview';
+import { ViewPreview } from './ViewPreview';
+import { DashboardPreview } from './DashboardPreview';
+import { ReportPreview } from './ReportPreview';
+import { AppPreview } from './AppPreview';
+import { ObjectPreview } from './ObjectPreview';
+import { EmailTemplatePreview } from './EmailTemplatePreview';
+export function registerBuiltinPreviews() {
+    registerMetadataPreview('page', PagePreview);
+    registerMetadataPreview('view', ViewPreview);
+    registerMetadataPreview('dashboard', DashboardPreview);
+    registerMetadataPreview('report', ReportPreview);
+    registerMetadataPreview('app', AppPreview);
+    registerMetadataPreview('object', ObjectPreview);
+    registerMetadataPreview('email_template', EmailTemplatePreview);
+}

package/dist/views/metadata-admin/registry.d.ts

@@ -180,6 +180,23 @@ export interface MetadataAnchor {
      * numbers float to the top. Defaults to 100 if unset.
      */
     order?: number;
+    /**
+     * For `source: 'embedded'` only. The metadata type whose schema /
+     * form should drive the embedded item's editor. Defaults to the
+     * synthetic `type` from the registration when omitted (which will
+     * fall back to JSON view).
+     *
+     * Example: object.fields → `editAs: 'field'` so the embedded editor
+     * pulls `field`'s schema + form from `/meta/types`.
+     */
+    editAs?: string;
+    /**
+     * For `source: 'embedded'` only. Dotted path inside the parent body
+     * where the collection lives (e.g. `fields`, `validations`). Used by
+     * the embedded editor to write the modified item back into the
+     * parent on save.
+     */
+    embeddedPath?: string;
 }
 /**
  * Helper that returns a `match` reading a (possibly dotted) field path

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/app-shell",
-  "version": "6.2.1",
+  "version": "6.2.3",
   "type": "module",
   "license": "MIT",
   "description": "Minimal application shell for ObjectUI - framework-agnostic rendering engine",
@@ -28,36 +28,36 @@
     "@sentry/react": "^10.53.1",
     "lucide-react": "^1.16.0",
     "sonner": "^2.0.7",
-    "@object-ui/auth": "6.2.1",
-    "@object-ui/collaboration": "6.2.1",
-    "@object-ui/components": "6.2.1",
-    "@object-ui/plugin-editor": "6.2.1",
-    "@object-ui/core": "6.2.1",
-    "@object-ui/data-objectstack": "6.2.1",
-    "@object-ui/fields": "6.2.1",
-    "@object-ui/i18n": "6.2.1",
-    "@object-ui/layout": "6.2.1",
-    "@object-ui/permissions": "6.2.1",
-    "@object-ui/providers": "6.2.1",
-    "@object-ui/react": "6.2.1",
-    "@object-ui/types": "6.2.1"
+    "@object-ui/auth": "6.2.3",
+    "@object-ui/collaboration": "6.2.3",
+    "@object-ui/components": "6.2.3",
+    "@object-ui/plugin-editor": "6.2.3",
+    "@object-ui/core": "6.2.3",
+    "@object-ui/data-objectstack": "6.2.3",
+    "@object-ui/fields": "6.2.3",
+    "@object-ui/i18n": "6.2.3",
+    "@object-ui/layout": "6.2.3",
+    "@object-ui/permissions": "6.2.3",
+    "@object-ui/providers": "6.2.3",
+    "@object-ui/react": "6.2.3",
+    "@object-ui/types": "6.2.3"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
     "react-router-dom": "^6.0.0 || ^7.0.0",
-    "@object-ui/plugin-calendar": "^6.2.1",
-    "@object-ui/plugin-charts": "^6.2.1",
-    "@object-ui/plugin-chatbot": "^6.2.1",
-    "@object-ui/plugin-dashboard": "^6.2.1",
-    "@object-ui/plugin-designer": "^6.2.1",
-    "@object-ui/plugin-detail": "^6.2.1",
-    "@object-ui/plugin-form": "^6.2.1",
-    "@object-ui/plugin-grid": "^6.2.1",
-    "@object-ui/plugin-kanban": "^6.2.1",
-    "@object-ui/plugin-list": "^6.2.1",
-    "@object-ui/plugin-report": "^6.2.1",
-    "@object-ui/plugin-view": "^6.2.1"
+    "@object-ui/plugin-calendar": "^6.2.3",
+    "@object-ui/plugin-charts": "^6.2.3",
+    "@object-ui/plugin-chatbot": "^6.2.3",
+    "@object-ui/plugin-dashboard": "^6.2.3",
+    "@object-ui/plugin-designer": "^6.2.3",
+    "@object-ui/plugin-detail": "^6.2.3",
+    "@object-ui/plugin-form": "^6.2.3",
+    "@object-ui/plugin-grid": "^6.2.3",
+    "@object-ui/plugin-kanban": "^6.2.3",
+    "@object-ui/plugin-list": "^6.2.3",
+    "@object-ui/plugin-report": "^6.2.3",
+    "@object-ui/plugin-view": "^6.2.3"
   },
   "devDependencies": {
     "@types/node": "^25.9.1",