@dxos/plugin-preview 0.8.4-main.fcfe5033a5 → 0.8.4-staging.60fe92afc8

package/src/cards/FormCard.tsx

@@ -2,47 +2,124 @@
 // Copyright 2025 DXOS.org
 //
 
+import * as Schema from 'effect/Schema';
 import React, { useCallback, useMemo } from 'react';
 
 import { type AppSurface } from '@dxos/app-toolkit/ui';
-import { Obj } from '@dxos/echo';
-import { type JsonPath, splitJsonPath } from '@dxos/effect';
-import { Card, useTranslation } from '@dxos/react-ui';
-import { Form, omitId } from '@dxos/react-ui-form';
+import { Obj, Type } from '@dxos/echo';
+import { useType } from '@dxos/echo-react';
+import { type AnyProperties } from '@dxos/echo/internal';
+import { SchemaEx } from '@dxos/effect';
+import { Card, Icon, useTranslation } from '@dxos/react-ui';
+import { Form, type FormUpdateMeta, type Presentation, getFormProperties, omitId } from '@dxos/react-ui-form';
 import { type ProjectionModel } from '@dxos/schema';
-import { descriptionMessage, mx } from '@dxos/ui-theme';
 
 import { meta } from '#meta';
 
-export const FormCard = ({ subject, projection }: AppSurface.ObjectCardProps & { projection?: ProjectionModel }) => {
+export type FormCardProps = AppSurface.ObjectCardProps & {
+  projection?: ProjectionModel;
+  readonly?: boolean;
+  layout?: Presentation;
+};
+
+/**
+ * Default/fallback card for any ECHO object.
+ * Renders a `Form` against the object's schema — either the static schema
+ * from `Obj.getSchema` or, for runtime/mutable schemas, the reactive
+ * schema looked up via `useType`.
+ */
+export const FormCard = ({ subject, projection, readonly = true, layout }: FormCardProps) => {
   const { t } = useTranslation(meta.id);
-  const echoSchema = Obj.getSchema(subject);
-  const schema = useMemo(() => echoSchema && omitId(echoSchema), [echoSchema]);
-
-  const handleSave = useCallback((values: any, { changed }: { changed: Record<string, boolean> }) => {
-    const paths = Object.keys(changed).filter((path) => changed[path]);
-    Obj.change(subject, () => {
-      for (const path of paths) {
-        const value = values[path];
-        const parts = splitJsonPath(path as JsonPath);
-        Obj.setValue(subject, parts, value);
-      }
-    });
-  }, []);
-
-  if (!schema) {
-    return <p className={mx(descriptionMessage)}>{t('unable-to-create-preview.message')}</p>;
+  // Readonly cards default to the `static` presentation — plain DOM, undefined values
+  // omitted — which reads as a preview rather than a form. Editable cards keep the
+  // `compact` form layout. Callers can override either via the explicit `layout` prop.
+  const resolvedLayout: Presentation = layout ?? (readonly ? 'static' : 'compact');
+
+  // Try the static schema first; fall back to the runtime/database schema for
+  // dynamic types whose schema isn't reachable via `Obj.getSchema` (DXN mismatch).
+  const staticType = Obj.getType(subject);
+  const db = Obj.getDatabase(subject);
+  // Obj.getTypeURI throws for corrupted objects; only evaluate it on the fallback path.
+  const runtimeType = useType(db, staticType ? undefined : Obj.getTypeURI(subject));
+  const schema = useMemo((): Schema.Schema.AnyNoContext | undefined => {
+    const resolvedType = runtimeType ?? staticType;
+    return resolvedType ? omitId(Type.getSchema(resolvedType)) : undefined;
+  }, [runtimeType, staticType]);
+
+  // Predict whether the form would render anything visible. Without this guard,
+  // readonly + compact mode produces an empty scrollarea when every form-renderable
+  // field is unset (e.g., a Table object whose `view`/`sizes` are FormInput-hidden
+  // and whose `name` is undefined).
+  //
+  // - In editable mode (`!readonly`), the form renders empty fields, so we only
+  //   bail when there are no form-renderable properties at all.
+  // - In readonly mode, the form hides fields with null/undefined values, so we
+  //   bail when no form-renderable property has a non-null value.
+  const hasRenderableContent = useMemo(() => {
+    if (!schema) {
+      return false;
+    }
+    const properties = getFormProperties(schema.ast);
+    if (properties.length === 0) {
+      return false;
+    }
+    if (!readonly) {
+      return true;
+    }
+    return properties.some((prop) => (subject as any)?.[prop.name] != null);
+  }, [schema, subject, readonly]);
+
+  const handleSave = useCallback(
+    (values: AnyProperties, { changed }: FormUpdateMeta<AnyProperties>) => {
+      const paths = (Object.keys(changed) as SchemaEx.JsonPath[]).filter((path) => changed[path]);
+      Obj.update(subject, () => {
+        for (const path of paths) {
+          const parts = SchemaEx.splitJsonPath(path);
+          const value = Obj.getValue(values as any, parts);
+          Obj.setValue(subject, parts, value);
+        }
+      });
+    },
+    [subject],
+  );
+
+  if (!schema || !hasRenderableContent) {
+    return (
+      <Card.Body>
+        <Card.Row>
+          <Card.Text variant='description'>{t('unable-to-create-preview.message')}</Card.Text>
+        </Card.Row>
+      </Card.Body>
+    );
   }
 
+  const { icon, hue } = Obj.getIcon(subject) ?? { icon: 'ph--circle-dashed--regular', hue: 'neutral' };
+
   return (
-    <Card.Content>
-      <Form.Root schema={schema} projection={projection} values={subject} autoSave onSave={handleSave}>
+    <Card.Body>
+      <Form.Root
+        schema={schema}
+        projection={projection}
+        values={subject}
+        readonly={readonly}
+        layout={resolvedLayout}
+        autoSave
+        onSave={handleSave}
+      >
         <Form.Viewport>
           <Form.Content>
             <Form.FieldSet />
           </Form.Content>
         </Form.Viewport>
       </Form.Root>
-    </Card.Content>
+      <Card.Row fullWidth>
+        <div className='pt-1'>
+          <div {...{ 'data-hue': hue }} className='inline-flex items-center gap-1 dx-tag'>
+            <Icon icon={icon} />
+            <span>{Obj.getTypename(subject)}</span>
+          </div>
+        </div>
+      </Card.Row>
+    </Card.Body>
   );
 };

package/src/cards/JsonCard.tsx

@@ -5,12 +5,15 @@
 import React from 'react';
 
 import { Card } from '@dxos/react-ui';
-import { Json } from '@dxos/react-ui-syntax-highlighter';
+import { JsonHighlighter } from '@dxos/react-ui-syntax-highlighter';
 
 export const JsonCard = ({ data }: { data: unknown }) => {
   return (
-    <Card.Content>
-      <Json.Data data={data} />
-    </Card.Content>
+    <Card.Body>
+      <span />
+      {/* TODO(wittjosiah): Span whole row. */}
+      <JsonHighlighter data={data} />
+      <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

@@ -9,7 +9,7 @@ import { useOperationInvoker } from '@dxos/app-framework/ui';
 import { LayoutOperation, getObjectPathFromObject, getSpacePath } from '@dxos/app-toolkit';
 import { type AppSurface } from '@dxos/app-toolkit/ui';
 import { Obj } from '@dxos/echo';
-import { runAndForwardErrors } from '@dxos/effect';
+import { EffectEx } from '@dxos/effect';
 import { Avatar } from '@dxos/react-ui';
 import { Card } from '@dxos/react-ui';
 import { type Person } from '@dxos/types';
@@ -31,11 +31,11 @@ export const PersonCard = ({ subject }: AppSurface.ObjectCardProps<Person.Person
         subject: [organizationPath],
         workspace: db ? getSpacePath(db.spaceId) : undefined,
       });
-    }).pipe(runAndForwardErrors);
+    }).pipe(EffectEx.runAndForwardErrors);
   }, [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}}}