@dxos/plugin-preview 0.8.4-main.422d1c7879 → 0.8.4-main.43cb759274

package/src/cards/JsonCard.tsx

@@ -9,8 +9,11 @@ import { JsonHighlighter } from '@dxos/react-ui-syntax-highlighter';
 
 export const JsonCard = ({ data }: { data: unknown }) => {
   return (
-    <Card.Content>
+    <Card.Body>
+      <span />
+      {/* TODO(wittjosiah): Span whole row. */}
       <JsonHighlighter data={data} />
-    </Card.Content>
+      <span />
+    </Card.Body>
   );
 };

package/src/cards/OrganizationCard.tsx

@@ -12,7 +12,7 @@ export const OrganizationCard = ({ subject }: AppSurface.ObjectCardProps<Organiz
   const { name, image, description, website } = subject;
 
   return (
-    <Card.Content>
+    <Card.Body>
       <Card.Poster
         alt={name ?? ''}
         {...(image ? { image } : { icon: 'ph--building-office--regular' })}
@@ -24,6 +24,6 @@ export const OrganizationCard = ({ subject }: AppSurface.ObjectCardProps<Organiz
         </Card.Row>
       )}
       {website && <Card.Link label={website} href={website} />}
-    </Card.Content>
+    </Card.Body>
   );
 };

package/src/cards/PersonCard.tsx

@@ -35,7 +35,7 @@ export const PersonCard = ({ subject }: AppSurface.ObjectCardProps<Person.Person
   }, [invoke, organization]);
 
   return (
-    <Card.Content>
+    <Card.Body>
       <Avatar.Root>
         {image && (
           <Card.Row className='py-1'>
@@ -60,6 +60,6 @@ export const PersonCard = ({ subject }: AppSurface.ObjectCardProps<Person.Person
           </Card.Row>
         ))}
       </Avatar.Root>
-    </Card.Content>
+    </Card.Body>
   );
 };

package/src/cards/ProjectCard.tsx

@@ -13,10 +13,10 @@ export const ProjectCard = ({ subject }: AppSurface.ObjectCardProps<Pipeline.Pip
   const { image, description } = subject;
 
   return (
-    <Card.Content>
+    <Card.Body>
       {image && <Card.Poster image={image} alt={Obj.getLabel(subject) ?? ''} aspect='auto' />}
       {/* <CardHeader label={name} subject={subject} db={db} /> */}
       {description && <Card.Text variant='description'>{description}</Card.Text>}
-    </Card.Content>
+    </Card.Body>
   );
 };

package/src/cards/TaskCard.tsx

@@ -6,6 +6,7 @@ import * as SchemaAST from 'effect/SchemaAST';
 import React from 'react';
 
 import { type AppSurface } from '@dxos/app-toolkit/ui';
+import { Type } from '@dxos/echo';
 import { type PropertyMetaAnnotation, PropertyMetaAnnotationId } from '@dxos/echo/internal';
 import { Card } from '@dxos/react-ui';
 import { Task } from '@dxos/types';
@@ -15,7 +16,7 @@ export const TaskCard = ({ subject }: AppSurface.ObjectCardProps<Task.Task>) =>
   const statusOption = getActiveStatusOption(status);
 
   return (
-    <Card.Content>
+    <Card.Body>
       <Card.Row>
         {statusOption && (
           <div>
@@ -25,13 +26,13 @@ export const TaskCard = ({ subject }: AppSurface.ObjectCardProps<Task.Task>) =>
           </div>
         )}
       </Card.Row>
-    </Card.Content>
+    </Card.Body>
   );
 };
 
 // TODO(thure): Should this move upstream as a helper? Is there an easier way to get options?
 const getActiveStatusOption = (status?: string) => {
-  const properties = SchemaAST.getPropertySignatures(Task.Task.ast);
+  const properties = SchemaAST.getPropertySignatures(Type.getSchema(Task.Task).ast);
   const statusProperty = properties.find((p) => p.name === 'status');
   // TODO(thure): Typescript asserts `.type` doesn’t have `.types`, but in runtime it does.
   const statusMeta = SchemaAST.getAnnotation<PropertyMetaAnnotation>(PropertyMetaAnnotationId)(

package/src/cards/index.ts

@@ -2,6 +2,7 @@
 // Copyright 2025 DXOS.org
 //
 
+export * from './ExpandoCard';
 export * from './FormCard';
 export * from './JsonCard';
 export * from './OrganizationCard';

package/src/index.ts

@@ -3,5 +3,3 @@
 //
 
 export * from './meta';
-
-export * from './PreviewPlugin';

package/src/meta.ts

@@ -2,16 +2,19 @@
 // Copyright 2023 DXOS.org
 //
 
-import { type Plugin } from '@dxos/app-framework';
+import { Plugin } from '@dxos/app-framework';
+import { DXN } from '@dxos/keys';
 import { trim } from '@dxos/util';
 
-export const meta: Plugin.Meta = {
-  id: 'org.dxos.plugin.preview',
+export const meta = Plugin.makeMeta({
+  key: DXN.make('org.dxos.plugin.preview'),
   name: 'Preview',
+  author: 'DXOS',
   description: trim`
     Rich preview panel for viewing object content without opening full editors.
     Quick peek at documents, images, and data with inline rendering.
   `,
   icon: 'ph--eye--regular',
   source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-preview',
-};
+  tags: ['system'],
+});

package/src/plugin.ts

@@ -0,0 +1,9 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { Plugin } from '@dxos/app-framework';
+
+import { meta } from './meta';
+
+export const PreviewPlugin = Plugin.lazy(meta, () => import('#plugin'));

package/src/stories/Card.stories.tsx

@@ -9,12 +9,24 @@ import { withPluginManager } from '@dxos/app-framework/testing';
 import { corePlugins } from '@dxos/plugin-testing';
 import { random } from '@dxos/random';
 import { Card } from '@dxos/react-ui';
-import { withLayout } from '@dxos/react-ui/testing';
+import { withLayout, withTheme } from '@dxos/react-ui/testing';
+import { type Expando } from '@dxos/schema';
 import { type Organization, type Person, type Pipeline, type Task } from '@dxos/types';
 
-import { FormCard, JsonCard, OrganizationCard, PersonCard, ProjectCard, TaskCard } from '../cards';
-import { translations } from '../translations';
-import { DefaultStory, createOrganization, createPerson, createProject, createTask } from './testing';
+import { translations } from '#translations';
+
+import { ExpandoCard, FormCard, JsonCard, OrganizationCard, PersonCard, ProjectCard, TaskCard } from '../cards';
+import {
+  DefaultStory,
+  createExpando,
+  createOrganization,
+  createPerson,
+  createPersonEmpty,
+  createProject,
+  createTableEmpty,
+  createTask,
+  createUnknown,
+} from './testing';
 
 random.seed(999);
 
@@ -22,6 +34,11 @@ const meta = {
   title: 'plugins/plugin-preview/cards/Card',
   render: DefaultStory,
   decorators: [
+    // `Card` and its descendants in `@dxos/react-ui` consume `ThemeContext`
+    // for tx-token resolution; without this the stories trip the surface's
+    // `ErrorBoundary` with "Missing ThemeContext" and the storybook test
+    // assert-no-error fails.
+    withTheme(),
     withLayout({ layout: 'fullscreen' }),
     // TODO(wittjosiah): Try to write story which does not depend on plugin manager.
     withPluginManager({ plugins: corePlugins() }),
@@ -43,6 +60,52 @@ export const _Form: StoryObj<typeof DefaultStory<Person.Person>> = {
   },
 };
 
+export const _FormEditable: StoryObj<typeof DefaultStory<Person.Person>> = {
+  args: {
+    Component: FormCard,
+    createObject: createPerson,
+    image: true,
+    componentProps: { readonly: false, layout: 'full' },
+  },
+};
+
+/**
+ * Empty-state variant: the subject has no resolvable schema so `FormCard` renders
+ * `<Card.Body><Card.Row><Card.Text variant='description'>No preview</Card.Text></Card.Row></Card.Body>`.
+ * Use this story to verify the empty message lands in the card's center column.
+ */
+export const _FormEmpty: StoryObj<typeof DefaultStory> = {
+  args: {
+    Component: FormCard,
+    createObject: createUnknown,
+  },
+};
+
+/**
+ * No-values variant: the subject has a valid schema (Person) but no populated
+ * fields, so `FormCard` falls through to the same empty state instead of
+ * rendering an empty scrollarea.
+ */
+export const _FormNoValues: StoryObj<typeof DefaultStory<Person.Person>> = {
+  args: {
+    Component: FormCard,
+    createObject: createPersonEmpty,
+  },
+};
+
+/**
+ * Table-like variant: the subject has values only in form-hidden fields
+ * (`view`, `sizes` annotated `FormInputAnnotation.set(false)`). `FormCard`
+ * must consult the schema's form-input annotations — not just `Object.keys` —
+ * to recognize this case and fall through to the empty state.
+ */
+export const _FormTableEmpty: StoryObj<typeof DefaultStory<any>> = {
+  args: {
+    Component: FormCard,
+    createObject: createTableEmpty,
+  },
+};
+
 export const _Person: StoryObj<typeof DefaultStory<Person.Person>> = {
   args: {
     Component: PersonCard,
@@ -75,6 +138,13 @@ export const _Task: StoryObj<typeof DefaultStory<Task.Task>> = {
   },
 };
 
+export const _Expando: StoryObj<typeof DefaultStory<Expando.Expando>> = {
+  args: {
+    Component: ExpandoCard,
+    createObject: createExpando,
+  },
+};
+
 export const _Json = {
   render: () => {
     const data = {
@@ -94,10 +164,10 @@ export const _Json = {
       <div className='flex justify-center p-16'>
         <div className='dx-card-min-width dx-card-max-width'>
           <Card.Root>
-            <Card.Toolbar>
+            <Card.Header>
               <Card.IconBlock />
               <Card.Title>JSON</Card.Title>
-            </Card.Toolbar>
+            </Card.Header>
             <JsonCard data={data} />
           </Card.Root>
         </div>

package/src/stories/testing.tsx

@@ -2,22 +2,31 @@
 // Copyright 2025 DXOS.org
 //
 
+import * as Schema from 'effect/Schema';
 import React, { type FC, useMemo } from 'react';
 
 import { type AppSurface } from '@dxos/app-toolkit/ui';
-import { Obj, Ref } from '@dxos/echo';
+import { DXN, Obj, Ref, Type } from '@dxos/echo';
+import { Annotation } from '@dxos/echo';
 import { random } from '@dxos/random';
 import { Card } from '@dxos/react-ui';
 import { CardContainer, type CardContainerProps } from '@dxos/react-ui-mosaic/testing';
+import { Expando } from '@dxos/schema';
 import { Organization, Person, Pipeline, Task } from '@dxos/types';
 
-export type DefaultStoryProps<T extends Obj.Any> = {
-  Component: FC<AppSurface.ObjectCardProps<T>>;
+export type DefaultStoryProps<T extends Obj.Any, P extends {} = {}> = {
+  Component: FC<AppSurface.ObjectCardProps<T> & P>;
   createObject: () => T;
   image?: boolean;
+  componentProps?: P;
 };
 
-export const DefaultStory = <T extends Obj.Any>({ Component, createObject, image }: DefaultStoryProps<T>) => {
+export const DefaultStory = <T extends Obj.Any, P extends {} = {}>({
+  Component,
+  createObject,
+  image,
+  componentProps,
+}: DefaultStoryProps<T, P>) => {
   const object = useMemo(() => createObject(), [createObject]);
   const roles: CardContainerProps['role'][] = ['intrinsic', 'popover'];
 
@@ -29,12 +38,16 @@ export const DefaultStory = <T extends Obj.Any>({ Component, createObject, image
             <span className='text-sm text-description'>{role}</span>
             <CardContainer role={role}>
               <Card.Root border={false}>
-                <Card.Toolbar>
+                <Card.Header>
                   <Card.DragHandle />
                   <Card.Title>{Obj.getLabel(object)}</Card.Title>
                   <Card.Menu />
-                </Card.Toolbar>
-                <Component role={role ?? 'card--content'} subject={image ? object : omitImage(object)} />
+                </Card.Header>
+                <Component
+                  role={role ?? 'card--content'}
+                  subject={image ? object : omitImage(object)}
+                  {...(componentProps ?? ({} as P))}
+                />
               </Card.Root>
             </CardContainer>
           </div>
@@ -89,3 +102,52 @@ export const createTask = (): Task.Task => {
     status: random.helpers.arrayElement(['todo', 'in-progress', 'done'] as const),
   });
 };
+
+/**
+ * Plain object cast as `Obj.Any` — has no schema, typename, or database, so cards
+ * like `FormCard` fall through to their empty/unsupported state. Use to story-pin
+ * fallback rendering.
+ */
+export const createUnknown = (): Obj.Any => ({}) as unknown as Obj.Any;
+
+/**
+ * Typed object with no user-facing values (only `id`). All Person fields are
+ * optional, so `Obj.make(Person, {})` is valid and triggers the FormCard
+ * "no values" branch in readonly mode.
+ */
+export const createPersonEmpty = (): Person.Person => Obj.make(Person.Person, {});
+
+/**
+ * Mock of the `Table` schema (org.dxos.type.table): an optional `name` plus
+ * `view` and `sizes` fields annotated with `FormInputAnnotation.set(false)`.
+ * When constructed without a `name`, no form-renderable field has a value so
+ * FormCard should fall through to its empty state — even though
+ * `Object.keys(subject)` includes `view`/`sizes`.
+ */
+const TableLike = Schema.Struct({
+  name: Schema.String.pipe(Schema.optional),
+  view: Schema.String.pipe(Annotation.FormInputAnnotation.set(false)),
+  sizes: Schema.Record({ key: Schema.String, value: Schema.Number }).pipe(
+    Schema.mutable,
+    Annotation.FormInputAnnotation.set(false),
+  ),
+}).pipe(Type.makeObject(DXN.make('org.dxos.test.tableLike', '0.1.0')));
+type TableLike = Type.InstanceType<typeof TableLike>;
+
+/**
+ * Table-like object with values only in form-hidden fields (`view`, `sizes`).
+ * `Object.keys` includes them, but a naive `hasValues` check would
+ * misclassify this as having data. FormCard must consult the schema's
+ * form-input annotations to correctly fall through to the empty state.
+ */
+export const createTableEmpty = (): TableLike =>
+  Obj.make(TableLike, { view: 'view-dxn:placeholder', sizes: {} } as Obj.MakeProps<typeof TableLike>);
+
+export const createExpando = (): Expando.Expando => {
+  return Expando.make({
+    name: random.person.fullName(),
+    email: random.internet.email(),
+    age: random.number.int({ min: 18, max: 80 }),
+    active: random.datatype.boolean(),
+  });
+};

package/src/testing.ts

@@ -0,0 +1,7 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+// Eager re-export of `PreviewPlugin`. See `@dxos/plugin-testing/src/core.ts`
+// for the rationale.
+export * from './PreviewPlugin';

package/dist/lib/browser/index.mjs

@@ -1,59 +0,0 @@
-// src/meta.ts
-import { trim } from "@dxos/util";
-var meta = {
-  id: "org.dxos.plugin.preview",
-  name: "Preview",
-  description: trim`
-    Rich preview panel for viewing object content without opening full editors.
-    Quick peek at documents, images, and data with inline rendering.
-  `,
-  icon: "ph--eye--regular",
-  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-preview"
-};
-
-// src/PreviewPlugin.tsx
-import { ActivationEvents, Plugin } from "@dxos/app-framework";
-import { AppPlugin } from "@dxos/app-toolkit";
-import { Organization, Person } from "@dxos/types";
-import { PreviewPopover, ReactSurface } from "#capabilities";
-import { meta as meta3 } from "#meta";
-
-// src/translations.ts
-import { meta as meta2 } from "#meta";
-var translations = [
-  {
-    "en-US": {
-      [meta2.id]: {
-        "unable-to-create-preview.message": "No preview",
-        "todo.label": "To do",
-        "in-progress.label": "In progress",
-        "done.label": "Done",
-        "open-object.label": "Open",
-        "add-object-to-space.label": "Add to space",
-        "more-options.label": "More options"
-      }
-    }
-  }
-];
-
-// src/PreviewPlugin.tsx
-var PreviewPlugin = Plugin.define(meta3).pipe(AppPlugin.addSchemaModule({
-  schema: [
-    Person.Person,
-    Organization.Organization
-  ],
-  id: "schema"
-}), AppPlugin.addSurfaceModule({
-  activate: ReactSurface
-}), AppPlugin.addTranslationsModule({
-  translations
-}), Plugin.addModule({
-  id: "preview-popover",
-  activatesOn: ActivationEvents.Startup,
-  activate: PreviewPopover
-}), Plugin.make);
-export {
-  PreviewPlugin,
-  meta
-};
-//# sourceMappingURL=index.mjs.map

package/dist/lib/browser/index.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts", "../../../src/PreviewPlugin.tsx", "../../../src/translations.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n  id: 'org.dxos.plugin.preview',\n  name: 'Preview',\n  description: trim`\n    Rich preview panel for viewing object content without opening full editors.\n    Quick peek at documents, images, and data with inline rendering.\n  `,\n  icon: 'ph--eye--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-preview',\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { ActivationEvents, Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\nimport { Organization, Person } from '@dxos/types';\n\nimport { PreviewPopover, ReactSurface } from '#capabilities';\nimport { meta } from '#meta';\n\nimport { translations } from './translations';\n\nexport const PreviewPlugin = Plugin.define(meta).pipe(\n  AppPlugin.addSchemaModule({ schema: [Person.Person, Organization.Organization], id: 'schema' }),\n  AppPlugin.addSurfaceModule({ activate: ReactSurface }),\n  AppPlugin.addTranslationsModule({ translations }),\n  Plugin.addModule({\n    id: 'preview-popover',\n    activatesOn: ActivationEvents.Startup,\n    activate: PreviewPopover,\n  }),\n  Plugin.make,\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nimport { meta } from '#meta';\n\nexport const translations = [\n  {\n    'en-US': {\n      [meta.id]: {\n        'unable-to-create-preview.message': 'No preview',\n        'todo.label': 'To do',\n        'in-progress.label': 'In progress',\n        'done.label': 'Done',\n        'open-object.label': 'Open',\n        'add-object-to-space.label': 'Add to space',\n        'more-options.label': 'More options',\n      },\n    },\n  },\n] as const satisfies Resource[];\n"],
-  "mappings": ";AAKA,SAASA,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,QAAQ;AACV;;;ACZA,SAASC,kBAAkBC,cAAc;AACzC,SAASC,iBAAiB;AAC1B,SAASC,cAAcC,cAAc;AAErC,SAASC,gBAAgBC,oBAAoB;AAC7C,SAASC,QAAAA,aAAY;;;ACHrB,SAASC,QAAAA,aAAY;AAEd,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,MAAKC,EAAE,GAAG;QACT,oCAAoC;QACpC,cAAc;QACd,qBAAqB;QACrB,cAAc;QACd,qBAAqB;QACrB,6BAA6B;QAC7B,sBAAsB;MACxB;IACF;EACF;;;;ADRK,IAAMC,gBAAgBC,OAAOC,OAAOC,KAAAA,EAAMC,KAC/CC,UAAUC,gBAAgB;EAAEC,QAAQ;IAACC,OAAOA;IAAQC,aAAaA;;EAAeC,IAAI;AAAS,CAAA,GAC7FL,UAAUM,iBAAiB;EAAEC,UAAUC;AAAa,CAAA,GACpDR,UAAUS,sBAAsB;EAAEC;AAAa,CAAA,GAC/Cd,OAAOe,UAAU;EACfN,IAAI;EACJO,aAAaC,iBAAiBC;EAC9BP,UAAUQ;AACZ,CAAA,GACAnB,OAAOoB,IAAI;",
-  "names": ["trim", "meta", "id", "name", "description", "trim", "icon", "source", "ActivationEvents", "Plugin", "AppPlugin", "Organization", "Person", "PreviewPopover", "ReactSurface", "meta", "meta", "translations", "meta", "id", "PreviewPlugin", "Plugin", "define", "meta", "pipe", "AppPlugin", "addSchemaModule", "schema", "Person", "Organization", "id", "addSurfaceModule", "activate", "ReactSurface", "addTranslationsModule", "translations", "addModule", "activatesOn", "ActivationEvents", "Startup", "PreviewPopover", "make"]
-}

package/dist/lib/browser/meta.json

@@ -1 +0,0 @@
-{"inputs":{"src/meta.ts":{"bytes":1673,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/translations.ts":{"bytes":1898,"imports":[{"path":"#meta","kind":"import-statement","external":true}],"format":"esm"},"src/PreviewPlugin.tsx":{"bytes":3181,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"@dxos/types","kind":"import-statement","external":true},{"path":"#capabilities","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"src/index.ts":{"bytes":555,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/PreviewPlugin.tsx","kind":"import-statement","original":"./PreviewPlugin"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3249},"dist/lib/browser/index.mjs":{"imports":[{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"@dxos/types","kind":"import-statement","external":true},{"path":"#capabilities","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true}],"exports":["PreviewPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/meta.ts":{"bytesInOutput":389},"src/index.ts":{"bytesInOutput":0},"src/PreviewPlugin.tsx":{"bytesInOutput":664},"src/translations.ts":{"bytesInOutput":418}},"bytes":1633}}}

package/dist/lib/node-esm/index.mjs

@@ -1,61 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-
-// src/meta.ts
-import { trim } from "@dxos/util";
-var meta = {
-  id: "org.dxos.plugin.preview",
-  name: "Preview",
-  description: trim`
-    Rich preview panel for viewing object content without opening full editors.
-    Quick peek at documents, images, and data with inline rendering.
-  `,
-  icon: "ph--eye--regular",
-  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-preview"
-};
-
-// src/PreviewPlugin.tsx
-import { ActivationEvents, Plugin } from "@dxos/app-framework";
-import { AppPlugin } from "@dxos/app-toolkit";
-import { Organization, Person } from "@dxos/types";
-import { PreviewPopover, ReactSurface } from "#capabilities";
-import { meta as meta3 } from "#meta";
-
-// src/translations.ts
-import { meta as meta2 } from "#meta";
-var translations = [
-  {
-    "en-US": {
-      [meta2.id]: {
-        "unable-to-create-preview.message": "No preview",
-        "todo.label": "To do",
-        "in-progress.label": "In progress",
-        "done.label": "Done",
-        "open-object.label": "Open",
-        "add-object-to-space.label": "Add to space",
-        "more-options.label": "More options"
-      }
-    }
-  }
-];
-
-// src/PreviewPlugin.tsx
-var PreviewPlugin = Plugin.define(meta3).pipe(AppPlugin.addSchemaModule({
-  schema: [
-    Person.Person,
-    Organization.Organization
-  ],
-  id: "schema"
-}), AppPlugin.addSurfaceModule({
-  activate: ReactSurface
-}), AppPlugin.addTranslationsModule({
-  translations
-}), Plugin.addModule({
-  id: "preview-popover",
-  activatesOn: ActivationEvents.Startup,
-  activate: PreviewPopover
-}), Plugin.make);
-export {
-  PreviewPlugin,
-  meta
-};
-//# sourceMappingURL=index.mjs.map

package/dist/lib/node-esm/index.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts", "../../../src/PreviewPlugin.tsx", "../../../src/translations.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n  id: 'org.dxos.plugin.preview',\n  name: 'Preview',\n  description: trim`\n    Rich preview panel for viewing object content without opening full editors.\n    Quick peek at documents, images, and data with inline rendering.\n  `,\n  icon: 'ph--eye--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-preview',\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { ActivationEvents, Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\nimport { Organization, Person } from '@dxos/types';\n\nimport { PreviewPopover, ReactSurface } from '#capabilities';\nimport { meta } from '#meta';\n\nimport { translations } from './translations';\n\nexport const PreviewPlugin = Plugin.define(meta).pipe(\n  AppPlugin.addSchemaModule({ schema: [Person.Person, Organization.Organization], id: 'schema' }),\n  AppPlugin.addSurfaceModule({ activate: ReactSurface }),\n  AppPlugin.addTranslationsModule({ translations }),\n  Plugin.addModule({\n    id: 'preview-popover',\n    activatesOn: ActivationEvents.Startup,\n    activate: PreviewPopover,\n  }),\n  Plugin.make,\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nimport { meta } from '#meta';\n\nexport const translations = [\n  {\n    'en-US': {\n      [meta.id]: {\n        'unable-to-create-preview.message': 'No preview',\n        'todo.label': 'To do',\n        'in-progress.label': 'In progress',\n        'done.label': 'Done',\n        'open-object.label': 'Open',\n        'add-object-to-space.label': 'Add to space',\n        'more-options.label': 'More options',\n      },\n    },\n  },\n] as const satisfies Resource[];\n"],
-  "mappings": ";;;AAKA,SAASA,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,QAAQ;AACV;;;ACZA,SAASC,kBAAkBC,cAAc;AACzC,SAASC,iBAAiB;AAC1B,SAASC,cAAcC,cAAc;AAErC,SAASC,gBAAgBC,oBAAoB;AAC7C,SAASC,QAAAA,aAAY;;;ACHrB,SAASC,QAAAA,aAAY;AAEd,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,MAAKC,EAAE,GAAG;QACT,oCAAoC;QACpC,cAAc;QACd,qBAAqB;QACrB,cAAc;QACd,qBAAqB;QACrB,6BAA6B;QAC7B,sBAAsB;MACxB;IACF;EACF;;;;ADRK,IAAMC,gBAAgBC,OAAOC,OAAOC,KAAAA,EAAMC,KAC/CC,UAAUC,gBAAgB;EAAEC,QAAQ;IAACC,OAAOA;IAAQC,aAAaA;;EAAeC,IAAI;AAAS,CAAA,GAC7FL,UAAUM,iBAAiB;EAAEC,UAAUC;AAAa,CAAA,GACpDR,UAAUS,sBAAsB;EAAEC;AAAa,CAAA,GAC/Cd,OAAOe,UAAU;EACfN,IAAI;EACJO,aAAaC,iBAAiBC;EAC9BP,UAAUQ;AACZ,CAAA,GACAnB,OAAOoB,IAAI;",
-  "names": ["trim", "meta", "id", "name", "description", "trim", "icon", "source", "ActivationEvents", "Plugin", "AppPlugin", "Organization", "Person", "PreviewPopover", "ReactSurface", "meta", "meta", "translations", "meta", "id", "PreviewPlugin", "Plugin", "define", "meta", "pipe", "AppPlugin", "addSchemaModule", "schema", "Person", "Organization", "id", "addSurfaceModule", "activate", "ReactSurface", "addTranslationsModule", "translations", "addModule", "activatesOn", "ActivationEvents", "Startup", "PreviewPopover", "make"]
-}

package/dist/lib/node-esm/meta.json

@@ -1 +0,0 @@
-{"inputs":{"src/meta.ts":{"bytes":1673,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/translations.ts":{"bytes":1898,"imports":[{"path":"#meta","kind":"import-statement","external":true}],"format":"esm"},"src/PreviewPlugin.tsx":{"bytes":3181,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"@dxos/types","kind":"import-statement","external":true},{"path":"#capabilities","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"src/index.ts":{"bytes":555,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/PreviewPlugin.tsx","kind":"import-statement","original":"./PreviewPlugin"}],"format":"esm"}},"outputs":{"dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3251},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"@dxos/types","kind":"import-statement","external":true},{"path":"#capabilities","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true}],"exports":["PreviewPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/meta.ts":{"bytesInOutput":389},"src/index.ts":{"bytesInOutput":0},"src/PreviewPlugin.tsx":{"bytesInOutput":664},"src/translations.ts":{"bytesInOutput":418}},"bytes":1726}}}