@dxos/plugin-preview 0.8.2-main.f081794 → 0.8.2-main.f11618f

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

@@ -9,14 +9,162 @@ var meta = {
   source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-preview"
 };
 
+// packages/plugins/plugin-preview/src/types.ts
+var popoverCard = "popover-consistent-width rounded-lg overflow-hidden";
+var defaultCard = "";
+var kanbanCardWithoutPoster = "pbs-[--rail-action]";
+var previewTitle = "text-lg font-medium line-clamp-2";
+var previewProse = "pli-3 mlb-3";
+var previewChrome = "pli-1.5 mlb-1.5 [&_.dx-button]:pli-1.5 [&_.dx-button]:text-start [&_.dx-button]:is-full";
+
 // packages/plugins/plugin-preview/src/PreviewPlugin.tsx
-import { createIntent, Capabilities, contributes, Events, defineModule, definePlugin, LayoutAction } from "@dxos/app-framework";
+import React4, { useCallback } from "react";
+import { Capabilities, Events, LayoutAction, Surface, contributes, createIntent, createSurface, defineModule, definePlugin, useIntentDispatcher } from "@dxos/app-framework";
 import { addEventListener } from "@dxos/async";
 import { resolveRef } from "@dxos/client";
-import { parseId } from "@dxos/client/echo";
+import { Filter, fullyQualifiedId, getSchema, getSpace, isEchoObject, parseId } from "@dxos/client/echo";
+import { isInstanceOf } from "@dxos/echo-schema";
 import { DXN } from "@dxos/keys";
 import { log } from "@dxos/log";
-import { ClientCapabilities } from "@dxos/plugin-client";
+import { ClientCapabilities, ClientEvents } from "@dxos/plugin-client";
+import { useTranslation } from "@dxos/react-ui";
+import { Form } from "@dxos/react-ui-form";
+import { TableType } from "@dxos/react-ui-table";
+import { descriptionMessage } from "@dxos/react-ui-theme";
+import { Contact, Organization, Project } from "@dxos/schema";
+
+// packages/plugins/plugin-preview/src/components/ContactCard.tsx
+import React, { Fragment } from "react";
+import { Icon, Avatar, Button } from "@dxos/react-ui";
+import { mx } from "@dxos/react-ui-theme";
+var ContactCard = ({ children, classNames, role, subject: { fullName, image, organization, emails }, onOrgClick }) => {
+  const organizationName = organization && typeof organization === "object" ? organization.target?.name : organization;
+  return /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: mx(role === "popover" ? popoverCard : defaultCard, classNames)
+  }, /* @__PURE__ */ React.createElement(Avatar.Root, null, /* @__PURE__ */ React.createElement("div", {
+    role: "group",
+    className: mx(previewProse, "grid gap-3 grid-cols-[min-content_1fr]")
+  }, /* @__PURE__ */ React.createElement(Avatar.Content, {
+    imgSrc: image,
+    icon: "ph--user--regular",
+    size: 16,
+    hue: "neutral"
+  }), /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "bs-min self-center"
+  }, /* @__PURE__ */ React.createElement(Avatar.Label, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement("h2", {
+    className: previewTitle
+  }, fullName))))), organizationName && /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: previewChrome
+  }, typeof organization === "object" && onOrgClick ? /* @__PURE__ */ React.createElement(Button, {
+    variant: "ghost",
+    classNames: "gap-2 text-start",
+    onClick: () => onOrgClick(organization.target)
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--buildings--regular",
+    size: 5,
+    classNames: "text-subdued"
+  }), /* @__PURE__ */ React.createElement("span", {
+    className: "min-is-0 flex-1 truncate"
+  }, organizationName), /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--arrow-right--regular"
+  })) : /* @__PURE__ */ React.createElement("p", {
+    className: "dx-button gap-2",
+    "data-variant": "ghost"
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--buildings--regular",
+    size: 5,
+    classNames: "text-subdued"
+  }), /* @__PURE__ */ React.createElement("span", {
+    className: "min-is-0 flex-1 truncate"
+  }, organizationName))), /* @__PURE__ */ React.createElement("dl", {
+    className: mx(previewProse, "grid gap-2 grid-cols-[min-content_1fr] [&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0")
+  }, emails?.length && emails.map(({ label, value }) => /* @__PURE__ */ React.createElement(Fragment, {
+    key: value
+  }, /* @__PURE__ */ React.createElement("dt", null, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--at--regular",
+    size: 5
+  })), /* @__PURE__ */ React.createElement("dd", {
+    key: value,
+    className: "break-words"
+  }, value)))), children);
+};
+
+// packages/plugins/plugin-preview/src/components/OrganizationCard.tsx
+import React2 from "react";
+import { Icon as Icon2 } from "@dxos/react-ui";
+import { mx as mx2 } from "@dxos/react-ui-theme";
+var OrganizationCard = ({ children, classNames, subject: { name, image, description, website }, role }) => {
+  return /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: mx2(role === "popover" ? popoverCard : defaultCard, classNames)
+  }, image ? /* @__PURE__ */ React2.createElement("img", {
+    className: "aspect-video object-cover is-full bs-auto",
+    src: image,
+    alt: name
+  }) : /* @__PURE__ */ React2.createElement("div", {
+    role: "image",
+    className: "grid aspect-video place-items-center bg-input text-subdued"
+  }, /* @__PURE__ */ React2.createElement(Icon2, {
+    icon: "ph--building-office--regular",
+    size: 10
+  })), /* @__PURE__ */ React2.createElement("h2", {
+    className: mx2(previewTitle, previewProse)
+  }, name), description && /* @__PURE__ */ React2.createElement("p", {
+    className: mx2(previewProse, "line-clamp-2")
+  }, description), website && /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: previewChrome
+  }, /* @__PURE__ */ React2.createElement("a", {
+    className: "dx-button dx-focus-ring gap-2",
+    href: website,
+    target: "_blank",
+    rel: "noreferrer"
+  }, /* @__PURE__ */ React2.createElement(Icon2, {
+    icon: "ph--link--regular",
+    size: 5,
+    classNames: "text-subdued"
+  }), /* @__PURE__ */ React2.createElement("span", {
+    className: "grow"
+  }, website), /* @__PURE__ */ React2.createElement(Icon2, {
+    icon: "ph--arrow-square-out--regular"
+  }))), children);
+};
+
+// packages/plugins/plugin-preview/src/components/ProjectCard.tsx
+import React3 from "react";
+import { mx as mx3 } from "@dxos/react-ui-theme";
+var ProjectCard = ({ classNames, role, subject: { name, image, description } }) => {
+  return /* @__PURE__ */ React3.createElement("div", {
+    role: "none",
+    className: mx3(role === "popover" ? popoverCard : defaultCard, classNames)
+  }, image && /* @__PURE__ */ React3.createElement("img", {
+    className: "is-full bs-auto",
+    src: image,
+    alt: name
+  }), /* @__PURE__ */ React3.createElement("h2", {
+    className: mx3(previewTitle, "pli-3 mlb-3")
+  }, name), description && /* @__PURE__ */ React3.createElement("p", {
+    className: "pli-3 line-clamp-2 mlb-3"
+  }, description));
+};
+
+// packages/plugins/plugin-preview/src/translations.ts
+var translations_default = [
+  {
+    "en-US": {
+      [PREVIEW_PLUGIN]: {
+        "unable to create preview message": "No preview"
+      }
+    }
+  }
+];
+
+// packages/plugins/plugin-preview/src/PreviewPlugin.tsx
 var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-preview/src/PreviewPlugin.tsx";
 var customEventOptions = {
   capture: true,
@@ -35,7 +183,22 @@ var handlePreviewLookup = async (client, defaultSpace, { ref, label }) => {
 };
 var PreviewPlugin = () => definePlugin(meta, [
   defineModule({
-    id: `${meta.id}/module/preview-popoevr`,
+    id: `${meta.id}/module/translations`,
+    activatesOn: Events.SetupTranslations,
+    activate: () => contributes(Capabilities.Translations, translations_default)
+  }),
+  defineModule({
+    id: `${meta.id}/module/schema`,
+    activatesOn: ClientEvents.SetupSchema,
+    activate: () => [
+      contributes(ClientCapabilities.Schema, [
+        Contact,
+        Organization
+      ])
+    ]
+  }),
+  defineModule({
+    id: `${meta.id}/module/preview-popover`,
     activatesOn: Events.Startup,
     activate: (context) => {
       const handleDxRefTagActivate = async ({ ref, label, trigger }) => {
@@ -64,7 +227,7 @@ var PreviewPlugin = () => definePlugin(meta, [
       if (!document.defaultView) {
         log.warn("No default view found", void 0, {
           F: __dxlog_file,
-          L: 74,
+          L: 106,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -73,11 +236,131 @@ var PreviewPlugin = () => definePlugin(meta, [
       const cleanup = addEventListener(document.defaultView, "dx-ref-tag-activate", handleDxRefTagActivate, customEventOptions);
       return contributes(Capabilities.Null, null, () => cleanup());
     }
+  }),
+  defineModule({
+    id: `${meta.id}/module/react-surface`,
+    activatesOn: Events.SetupReactSurface,
+    activate: () => (
+      // TODO(wittjosiah): Factor out to lazy capabilities like other plugins.
+      contributes(Capabilities.ReactSurface, [
+        //
+        // Specific schema types.
+        //
+        createSurface({
+          id: `${PREVIEW_PLUGIN}/schema-popover`,
+          role: [
+            "popover",
+            "card--kanban"
+          ],
+          filter: (data) => isInstanceOf(Contact, data.subject),
+          component: ({ data, role }) => {
+            const { dispatchPromise: dispatch } = useIntentDispatcher();
+            const handleOrgClick = useCallback(async (org) => {
+              const space = getSpace(org);
+              const tablesQuery = await space?.db.query(Filter.schema(TableType)).run();
+              const currentSpaceOrgTable = tablesQuery?.objects.find((table) => {
+                return table.view?.target?.query?.typename === Organization.typename;
+              });
+              await dispatch(createIntent(LayoutAction.UpdatePopover, {
+                part: "popover",
+                options: {
+                  state: false,
+                  anchorId: ""
+                }
+              }));
+              if (currentSpaceOrgTable) {
+                return dispatch(createIntent(LayoutAction.Open, {
+                  part: "main",
+                  subject: [
+                    fullyQualifiedId(currentSpaceOrgTable)
+                  ],
+                  options: {
+                    workspace: space?.id
+                  }
+                }));
+              }
+            }, [
+              dispatch
+            ]);
+            return /* @__PURE__ */ React4.createElement(ContactCard, {
+              subject: data.subject,
+              onOrgClick: handleOrgClick,
+              role
+            }, role === "popover" && /* @__PURE__ */ React4.createElement(Surface, {
+              role: "related",
+              data
+            }));
+          }
+        }),
+        createSurface({
+          id: `${PREVIEW_PLUGIN}/schema-popover`,
+          role: [
+            "popover",
+            "card--kanban"
+          ],
+          filter: (data) => isInstanceOf(Organization, data.subject),
+          component: ({ data, role }) => /* @__PURE__ */ React4.createElement(OrganizationCard, {
+            subject: data.subject,
+            role
+          }, role === "popover" && /* @__PURE__ */ React4.createElement(Surface, {
+            role: "related",
+            data
+          }))
+        }),
+        createSurface({
+          id: `${PREVIEW_PLUGIN}/schema-popover`,
+          role: [
+            "popover",
+            "card--kanban"
+          ],
+          filter: (data) => isInstanceOf(Project, data.subject),
+          component: ({ data, role }) => /* @__PURE__ */ React4.createElement(ProjectCard, {
+            subject: data.subject,
+            role
+          })
+        }),
+        //
+        // Fallback for any object.
+        //
+        createSurface({
+          id: `${PREVIEW_PLUGIN}/fallback-popover`,
+          role: [
+            "popover",
+            "card--kanban"
+          ],
+          position: "fallback",
+          filter: (data) => isEchoObject(data.subject),
+          component: ({ data, role }) => {
+            const schema = getSchema(data.subject);
+            const { t } = useTranslation(PREVIEW_PLUGIN);
+            if (!schema) {
+              return /* @__PURE__ */ React4.createElement("p", {
+                className: descriptionMessage
+              }, t("unable to create preview message"));
+            }
+            return /* @__PURE__ */ React4.createElement(Form, {
+              schema,
+              values: data.subject,
+              readonly: true,
+              ...role === "card--kanban" && {
+                classNames: kanbanCardWithoutPoster
+              }
+            });
+          }
+        })
+      ])
+    )
   })
 ]);
 export {
   PREVIEW_PLUGIN,
   PreviewPlugin,
-  meta
+  defaultCard,
+  kanbanCardWithoutPoster,
+  meta,
+  popoverCard,
+  previewChrome,
+  previewProse,
+  previewTitle
 };
 //# sourceMappingURL=index.mjs.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/meta.ts", "../../../src/PreviewPlugin.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const PREVIEW_PLUGIN = 'dxos.org/plugin/preview';\n\nexport const meta: PluginMeta = {\n  id: PREVIEW_PLUGIN,\n  name: 'Preview',\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 {\n  createIntent,\n  Capabilities,\n  contributes,\n  Events,\n  defineModule,\n  definePlugin,\n  LayoutAction,\n} from '@dxos/app-framework';\nimport { addEventListener } from '@dxos/async';\nimport { type Client } from '@dxos/client';\nimport { resolveRef } from '@dxos/client';\nimport { parseId, type Space } from '@dxos/client/echo';\nimport { DXN } from '@dxos/keys';\nimport { type DxRefTagActivate } from '@dxos/lit-ui';\nimport { log } from '@dxos/log';\nimport { ClientCapabilities } from '@dxos/plugin-client';\nimport { type PreviewLinkRef, type PreviewLinkTarget } from '@dxos/react-ui-editor';\n\nimport { meta } from './meta';\n\nconst customEventOptions = { capture: true, passive: false };\n\nconst handlePreviewLookup = async (\n  client: Client,\n  defaultSpace: Space,\n  { ref, label }: PreviewLinkRef,\n): Promise<PreviewLinkTarget | null> => {\n  const dxn = DXN.parse(ref);\n  if (!dxn) {\n    return null;\n  }\n\n  const object = await resolveRef(client, dxn, defaultSpace);\n  return { label, object };\n};\n\nexport const PreviewPlugin = () =>\n  definePlugin(meta, [\n    defineModule({\n      id: `${meta.id}/module/preview-popoevr`,\n      activatesOn: Events.Startup,\n      activate: (context) => {\n        // TODO(wittjosiah): Factor out lookup handlers to other plugins to make not ECHO-specific.\n        const handleDxRefTagActivate = async ({ ref, label, trigger }: DxRefTagActivate) => {\n          const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);\n          const client = context.requestCapability(ClientCapabilities.Client);\n          const [layout] = context.requestCapabilities(Capabilities.Layout);\n          const { spaceId } = parseId(layout.workspace);\n          const space = (spaceId && client.spaces.get(spaceId)) ?? client.spaces.default;\n          const result = await handlePreviewLookup(client, space, { ref, label });\n          if (!result) {\n            return;\n          }\n\n          await dispatch(\n            createIntent(LayoutAction.UpdatePopover, {\n              part: 'popover',\n              subject: result.object,\n              options: {\n                state: true,\n                variant: 'virtual',\n                anchor: trigger,\n              },\n            }),\n          );\n        };\n\n        if (!document.defaultView) {\n          log.warn('No default view found');\n          return [];\n        }\n\n        const cleanup = addEventListener(\n          document.defaultView,\n          'dx-ref-tag-activate',\n          handleDxRefTagActivate,\n          customEventOptions,\n        );\n        return contributes(Capabilities.Null, null, () => cleanup());\n      },\n    }),\n  ]);\n"],
-  "mappings": ";;;AAMO,IAAMA,iBAAiB;AAEvB,IAAMC,OAAmB;EAC9BC,IAAIF;EACJG,MAAM;EACNC,MAAM;EACNC,QAAQ;AACV;;;ACTA,SACEC,cACAC,cACAC,aACAC,QACAC,cACAC,cACAC,oBACK;AACP,SAASC,wBAAwB;AAEjC,SAASC,kBAAkB;AAC3B,SAASC,eAA2B;AACpC,SAASC,WAAW;AAEpB,SAASC,WAAW;AACpB,SAASC,0BAA0B;;AAKnC,IAAMC,qBAAqB;EAAEC,SAAS;EAAMC,SAAS;AAAM;AAE3D,IAAMC,sBAAsB,OAC1BC,QACAC,cACA,EAAEC,KAAKC,MAAK,MAAkB;AAE9B,QAAMC,MAAMC,IAAIC,MAAMJ,GAAAA;AACtB,MAAI,CAACE,KAAK;AACR,WAAO;EACT;AAEA,QAAMG,SAAS,MAAMC,WAAWR,QAAQI,KAAKH,YAAAA;AAC7C,SAAO;IAAEE;IAAOI;EAAO;AACzB;AAEO,IAAME,gBAAgB,MAC3BC,aAAaC,MAAM;EACjBC,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOC;IACpBC,UAAU,CAACC,YAAAA;AAET,YAAMC,yBAAyB,OAAO,EAAEjB,KAAKC,OAAOiB,QAAO,MAAoB;AAC7E,cAAM,EAAEC,iBAAiBC,SAAQ,IAAKJ,QAAQK,kBAAkBC,aAAaC,gBAAgB;AAC7F,cAAMzB,SAASkB,QAAQK,kBAAkBG,mBAAmBC,MAAM;AAClE,cAAM,CAACC,MAAAA,IAAUV,QAAQW,oBAAoBL,aAAaM,MAAM;AAChE,cAAM,EAAEC,QAAO,IAAKC,QAAQJ,OAAOK,SAAS;AAC5C,cAAMC,SAASH,WAAW/B,OAAOmC,OAAOC,IAAIL,OAAAA,MAAa/B,OAAOmC,OAAOE;AACvE,cAAMC,SAAS,MAAMvC,oBAAoBC,QAAQkC,OAAO;UAAEhC;UAAKC;QAAM,CAAA;AACrE,YAAI,CAACmC,QAAQ;AACX;QACF;AAEA,cAAMhB,SACJiB,aAAaC,aAAaC,eAAe;UACvCC,MAAM;UACNC,SAASL,OAAO/B;UAChBqC,SAAS;YACPC,OAAO;YACPC,SAAS;YACTC,QAAQ3B;UACV;QACF,CAAA,CAAA;MAEJ;AAEA,UAAI,CAAC4B,SAASC,aAAa;AACzBC,YAAIC,KAAK,yBAAA,QAAA;;;;;;AACT,eAAO,CAAA;MACT;AAEA,YAAMC,UAAUC,iBACdL,SAASC,aACT,uBACA9B,wBACAvB,kBAAAA;AAEF,aAAO0D,YAAY9B,aAAa+B,MAAM,MAAM,MAAMH,QAAAA,CAAAA;IACpD;EACF,CAAA;CACD;",
-  "names": ["PREVIEW_PLUGIN", "meta", "id", "name", "icon", "source", "createIntent", "Capabilities", "contributes", "Events", "defineModule", "definePlugin", "LayoutAction", "addEventListener", "resolveRef", "parseId", "DXN", "log", "ClientCapabilities", "customEventOptions", "capture", "passive", "handlePreviewLookup", "client", "defaultSpace", "ref", "label", "dxn", "DXN", "parse", "object", "resolveRef", "PreviewPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "Startup", "activate", "context", "handleDxRefTagActivate", "trigger", "dispatchPromise", "dispatch", "requestCapability", "Capabilities", "IntentDispatcher", "ClientCapabilities", "Client", "layout", "requestCapabilities", "Layout", "spaceId", "parseId", "workspace", "space", "spaces", "get", "default", "result", "createIntent", "LayoutAction", "UpdatePopover", "part", "subject", "options", "state", "variant", "anchor", "document", "defaultView", "log", "warn", "cleanup", "addEventListener", "contributes", "Null"]
+  "sources": ["../../../src/meta.ts", "../../../src/types.ts", "../../../src/PreviewPlugin.tsx", "../../../src/components/ContactCard.tsx", "../../../src/components/OrganizationCard.tsx", "../../../src/components/ProjectCard.tsx", "../../../src/translations.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const PREVIEW_PLUGIN = 'dxos.org/plugin/preview';\n\nexport const meta: PluginMeta = {\n  id: PREVIEW_PLUGIN,\n  name: 'Preview',\n  icon: 'ph--eye--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-preview',\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type PropsWithChildren } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\n\n// TODO(burdon): Better place for these defs?\nexport type PreviewProps<T extends object> = PropsWithChildren<\n  ThemedClassName<{\n    subject: T;\n    role: string;\n  }>\n>;\n\n// TODO(burdon): Update react-ui-card (to use grid) and re-use here.\n// - See https://dxos-storybook.pages.dev/?path=/story/ui-react-ui-card-card--draggable\n// - Standardize Header, actions, image, body, etc.\n// - Support different grid layouts (e.g., image to the side, on top, etc.)\n// - Should co-exist naturally with react-ui-form (e.g., as main content).\n// - Considerations for drag-and-drop.\n/**\n * <Card.Root>\n *   <Card.Header>\n *     <Card.Title>\n *     <Card.Action>\n *   </Card.Header>\n *   <Card.Body>\n *     <Card.Image>\n *     <Form />\n *   </Card.Body>\n * </Card.Root>\n */\nexport const popoverCard = 'popover-consistent-width rounded-lg overflow-hidden';\nexport const defaultCard = '';\nexport const kanbanCardWithoutPoster = 'pbs-[--rail-action]';\nexport const previewTitle = 'text-lg font-medium line-clamp-2';\nexport const previewProse = 'pli-3 mlb-3';\nexport const previewChrome = 'pli-1.5 mlb-1.5 [&_.dx-button]:pli-1.5 [&_.dx-button]:text-start [&_.dx-button]:is-full';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport {\n  Capabilities,\n  Events,\n  LayoutAction,\n  Surface,\n  contributes,\n  createIntent,\n  createSurface,\n  defineModule,\n  definePlugin,\n  useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { addEventListener } from '@dxos/async';\nimport { type Client, resolveRef } from '@dxos/client';\nimport {\n  Filter,\n  fullyQualifiedId,\n  getSchema,\n  getSpace,\n  isEchoObject,\n  parseId,\n  type ReactiveEchoObject,\n  type Space,\n} from '@dxos/client/echo';\nimport { isInstanceOf } from '@dxos/echo-schema';\nimport { DXN } from '@dxos/keys';\nimport { type DxRefTagActivate } from '@dxos/lit-ui';\nimport { log } from '@dxos/log';\nimport { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';\nimport { useTranslation } from '@dxos/react-ui';\nimport { type PreviewLinkRef, type PreviewLinkTarget } from '@dxos/react-ui-editor';\nimport { Form } from '@dxos/react-ui-form';\nimport { TableType } from '@dxos/react-ui-table';\nimport { descriptionMessage } from '@dxos/react-ui-theme';\nimport { Contact, Organization, Project } from '@dxos/schema';\n\nimport { ContactCard, OrganizationCard, ProjectCard } from './components';\nimport { meta, PREVIEW_PLUGIN } from './meta';\nimport translations from './translations';\nimport { kanbanCardWithoutPoster } from './types';\n\nconst customEventOptions = { capture: true, passive: false };\n\nconst handlePreviewLookup = async (\n  client: Client,\n  defaultSpace: Space,\n  { ref, label }: PreviewLinkRef,\n): Promise<PreviewLinkTarget | null> => {\n  const dxn = DXN.parse(ref);\n  if (!dxn) {\n    return null;\n  }\n\n  const object = await resolveRef(client, dxn, defaultSpace);\n  return { label, object };\n};\n\nexport const PreviewPlugin = () =>\n  definePlugin(meta, [\n    defineModule({\n      id: `${meta.id}/module/translations`,\n      activatesOn: Events.SetupTranslations,\n      activate: () => contributes(Capabilities.Translations, translations),\n    }),\n    defineModule({\n      id: `${meta.id}/module/schema`,\n      activatesOn: ClientEvents.SetupSchema,\n      activate: () => [contributes(ClientCapabilities.Schema, [Contact, Organization])],\n    }),\n    defineModule({\n      id: `${meta.id}/module/preview-popover`,\n      activatesOn: Events.Startup,\n      activate: (context) => {\n        // TODO(wittjosiah): Factor out lookup handlers to other plugins to make not ECHO-specific.\n        const handleDxRefTagActivate = async ({ ref, label, trigger }: DxRefTagActivate) => {\n          const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);\n          const client = context.requestCapability(ClientCapabilities.Client);\n          const [layout] = context.requestCapabilities(Capabilities.Layout);\n          const { spaceId } = parseId(layout.workspace);\n          const space = (spaceId && client.spaces.get(spaceId)) ?? client.spaces.default;\n          const result = await handlePreviewLookup(client, space, { ref, label });\n          if (!result) {\n            return;\n          }\n\n          await dispatch(\n            createIntent(LayoutAction.UpdatePopover, {\n              part: 'popover',\n              subject: result.object,\n              options: {\n                state: true,\n                variant: 'virtual',\n                anchor: trigger,\n              },\n            }),\n          );\n        };\n\n        if (!document.defaultView) {\n          log.warn('No default view found');\n          return [];\n        }\n\n        const cleanup = addEventListener(\n          document.defaultView,\n          'dx-ref-tag-activate',\n          handleDxRefTagActivate,\n          customEventOptions,\n        );\n        return contributes(Capabilities.Null, null, () => cleanup());\n      },\n    }),\n    defineModule({\n      id: `${meta.id}/module/react-surface`,\n      activatesOn: Events.SetupReactSurface,\n      activate: () =>\n        // TODO(wittjosiah): Factor out to lazy capabilities like other plugins.\n        contributes(Capabilities.ReactSurface, [\n          //\n          // Specific schema types.\n          //\n          createSurface({\n            id: `${PREVIEW_PLUGIN}/schema-popover`,\n            role: ['popover', 'card--kanban'],\n            filter: (data): data is { subject: Contact } => isInstanceOf(Contact, data.subject),\n            component: ({ data, role }) => {\n              const { dispatchPromise: dispatch } = useIntentDispatcher();\n              const handleOrgClick = useCallback(\n                async (org: Organization) => {\n                  const space = getSpace(org);\n                  const tablesQuery = await space?.db.query(Filter.schema(TableType)).run();\n                  const currentSpaceOrgTable = tablesQuery?.objects.find((table) => {\n                    return table.view?.target?.query?.typename === Organization.typename;\n                  });\n                  await dispatch(\n                    createIntent(LayoutAction.UpdatePopover, {\n                      part: 'popover',\n                      options: {\n                        state: false,\n                        anchorId: '',\n                      },\n                    }),\n                  );\n                  if (currentSpaceOrgTable) {\n                    return dispatch(\n                      createIntent(LayoutAction.Open, {\n                        part: 'main',\n                        subject: [fullyQualifiedId(currentSpaceOrgTable)],\n                        options: { workspace: space?.id },\n                      }),\n                    );\n                  }\n                },\n                [dispatch],\n              );\n              return (\n                <ContactCard subject={data.subject} onOrgClick={handleOrgClick} role={role}>\n                  {role === 'popover' && <Surface role='related' data={data} />}\n                </ContactCard>\n              );\n            },\n          }),\n          createSurface({\n            id: `${PREVIEW_PLUGIN}/schema-popover`,\n            role: ['popover', 'card--kanban'],\n            filter: (data): data is { subject: Organization } => isInstanceOf(Organization, data.subject),\n            component: ({ data, role }) => (\n              <OrganizationCard subject={data.subject} role={role}>\n                {role === 'popover' && <Surface role='related' data={data} />}\n              </OrganizationCard>\n            ),\n          }),\n          createSurface({\n            id: `${PREVIEW_PLUGIN}/schema-popover`,\n            role: ['popover', 'card--kanban'],\n            filter: (data): data is { subject: Project } => isInstanceOf(Project, data.subject),\n            component: ({ data, role }) => <ProjectCard subject={data.subject} role={role} />,\n          }),\n\n          //\n          // Fallback for any object.\n          //\n          createSurface({\n            id: `${PREVIEW_PLUGIN}/fallback-popover`,\n            role: ['popover', 'card--kanban'],\n            position: 'fallback',\n            filter: (data): data is { subject: ReactiveEchoObject<any> } => isEchoObject(data.subject),\n            component: ({ data, role }) => {\n              const schema = getSchema(data.subject);\n              const { t } = useTranslation(PREVIEW_PLUGIN);\n              if (!schema) {\n                return <p className={descriptionMessage}>{t('unable to create preview message')}</p>;\n              }\n\n              return (\n                <Form\n                  schema={schema}\n                  values={data.subject}\n                  readonly\n                  {...(role === 'card--kanban' && { classNames: kanbanCardWithoutPoster })}\n                />\n              );\n            },\n          }),\n        ]),\n    }),\n  ]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { Fragment } from 'react';\n\nimport { Icon, Avatar, Button } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\nimport { type Contact, type Organization } from '@dxos/schema';\n\nimport { type PreviewProps, popoverCard, previewTitle, previewProse, previewChrome, defaultCard } from '../types';\n\nexport const ContactCard = ({\n  children,\n  classNames,\n  role,\n  subject: { fullName, image, organization, emails },\n  onOrgClick,\n}: PreviewProps<Contact> & { onOrgClick?: (org: Organization) => void }) => {\n  const organizationName = organization && typeof organization === 'object' ? organization.target?.name : organization;\n  return (\n    <div role='none' className={mx(role === 'popover' ? popoverCard : defaultCard, classNames)}>\n      <Avatar.Root>\n        <div role='group' className={mx(previewProse, 'grid gap-3 grid-cols-[min-content_1fr]')}>\n          <Avatar.Content imgSrc={image} icon='ph--user--regular' size={16} hue='neutral' />\n          <div role='none' className='bs-min self-center'>\n            <Avatar.Label asChild>\n              <h2 className={previewTitle}>{fullName}</h2>\n            </Avatar.Label>\n          </div>\n        </div>\n      </Avatar.Root>\n      {organizationName && (\n        <div role='none' className={previewChrome}>\n          {typeof organization === 'object' && onOrgClick ? (\n            <Button variant='ghost' classNames='gap-2 text-start' onClick={() => onOrgClick(organization.target!)}>\n              <Icon icon='ph--buildings--regular' size={5} classNames='text-subdued' />\n              <span className='min-is-0 flex-1 truncate'>{organizationName}</span>\n              <Icon icon='ph--arrow-right--regular' />\n            </Button>\n          ) : (\n            <p className='dx-button gap-2' data-variant='ghost'>\n              <Icon icon='ph--buildings--regular' size={5} classNames='text-subdued' />\n              <span className='min-is-0 flex-1 truncate'>{organizationName}</span>\n            </p>\n          )}\n        </div>\n      )}\n      <dl\n        className={mx(\n          previewProse,\n          'grid gap-2 grid-cols-[min-content_1fr] [&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0',\n        )}\n      >\n        {emails?.length &&\n          emails.map(({ label, value }) => (\n            <Fragment key={value}>\n              <dt>\n                <Icon icon='ph--at--regular' size={5} />\n              </dt>\n              <dd key={value} className='break-words'>\n                {value}\n              </dd>\n            </Fragment>\n          ))}\n      </dl>\n      {children}\n    </div>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Icon } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\nimport { type Organization } from '@dxos/schema';\n\nimport { type PreviewProps, popoverCard, previewTitle, previewProse, previewChrome, defaultCard } from '../types';\n\nexport const OrganizationCard = ({\n  children,\n  classNames,\n  subject: { name, image, description, website },\n  role,\n}: PreviewProps<Organization>) => {\n  return (\n    <div role='none' className={mx(role === 'popover' ? popoverCard : defaultCard, classNames)}>\n      {image ? (\n        <img className='aspect-video object-cover is-full bs-auto' src={image} alt={name} />\n      ) : (\n        <div role='image' className='grid aspect-video place-items-center bg-input text-subdued'>\n          <Icon icon='ph--building-office--regular' size={10} />\n        </div>\n      )}\n      <h2 className={mx(previewTitle, previewProse)}>{name}</h2>\n      {description && <p className={mx(previewProse, 'line-clamp-2')}>{description}</p>}\n      {website && (\n        <div role='none' className={previewChrome}>\n          <a className='dx-button dx-focus-ring gap-2' href={website} target='_blank' rel='noreferrer'>\n            <Icon icon='ph--link--regular' size={5} classNames='text-subdued' />\n            <span className='grow'>{website}</span>\n            <Icon icon='ph--arrow-square-out--regular' />\n          </a>\n        </div>\n      )}\n      {children}\n    </div>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { mx } from '@dxos/react-ui-theme';\nimport { type Project } from '@dxos/schema';\n\nimport { type PreviewProps, popoverCard, previewTitle, defaultCard } from '../types';\n\nexport const ProjectCard = ({ classNames, role, subject: { name, image, description } }: PreviewProps<Project>) => {\n  return (\n    <div role='none' className={mx(role === 'popover' ? popoverCard : defaultCard, classNames)}>\n      {image && <img className='is-full bs-auto' src={image} alt={name} />}\n      <h2 className={mx(previewTitle, 'pli-3 mlb-3')}>{name}</h2>\n      {description && <p className='pli-3 line-clamp-2 mlb-3'>{description}</p>}\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { PREVIEW_PLUGIN } from './meta';\n\nexport default [\n  {\n    'en-US': {\n      [PREVIEW_PLUGIN]: {\n        'unable to create preview message': 'No preview',\n      },\n    },\n  },\n];\n"],
+  "mappings": "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",
+  "names": ["PREVIEW_PLUGIN", "meta", "id", "name", "icon", "source", "popoverCard", "defaultCard", "kanbanCardWithoutPoster", "previewTitle", "previewProse", "previewChrome", "React", "useCallback", "Capabilities", "Events", "LayoutAction", "Surface", "contributes", "createIntent", "createSurface", "defineModule", "definePlugin", "useIntentDispatcher", "addEventListener", "resolveRef", "Filter", "fullyQualifiedId", "getSchema", "getSpace", "isEchoObject", "parseId", "isInstanceOf", "DXN", "log", "ClientCapabilities", "ClientEvents", "useTranslation", "Form", "TableType", "descriptionMessage", "Contact", "Organization", "Project", "React", "Fragment", "Icon", "Avatar", "Button", "mx", "ContactCard", "children", "classNames", "role", "subject", "fullName", "image", "organization", "emails", "onOrgClick", "organizationName", "target", "name", "div", "className", "mx", "popoverCard", "defaultCard", "Avatar", "Root", "previewProse", "Content", "imgSrc", "icon", "size", "hue", "Label", "asChild", "h2", "previewTitle", "previewChrome", "Button", "variant", "onClick", "Icon", "span", "p", "data-variant", "dl", "length", "map", "label", "value", "Fragment", "key", "dt", "dd", "React", "Icon", "mx", "OrganizationCard", "children", "classNames", "subject", "name", "image", "description", "website", "role", "React", "div", "className", "mx", "popoverCard", "defaultCard", "img", "src", "alt", "Icon", "icon", "size", "h2", "previewTitle", "previewProse", "p", "previewChrome", "a", "href", "target", "rel", "span", "React", "mx", "ProjectCard", "classNames", "role", "subject", "name", "image", "description", "React", "div", "className", "mx", "popoverCard", "defaultCard", "img", "src", "alt", "h2", "previewTitle", "p", "PREVIEW_PLUGIN", "customEventOptions", "capture", "passive", "handlePreviewLookup", "client", "defaultSpace", "ref", "label", "dxn", "DXN", "parse", "object", "resolveRef", "PreviewPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "translations", "ClientEvents", "SetupSchema", "ClientCapabilities", "Schema", "Contact", "Organization", "Startup", "context", "handleDxRefTagActivate", "trigger", "dispatchPromise", "dispatch", "requestCapability", "IntentDispatcher", "Client", "layout", "requestCapabilities", "Layout", "spaceId", "parseId", "workspace", "space", "spaces", "get", "default", "result", "createIntent", "LayoutAction", "UpdatePopover", "part", "subject", "options", "state", "variant", "anchor", "document", "defaultView", "log", "warn", "cleanup", "addEventListener", "Null", "SetupReactSurface", "ReactSurface", "createSurface", "PREVIEW_PLUGIN", "role", "filter", "data", "isInstanceOf", "component", "useIntentDispatcher", "handleOrgClick", "useCallback", "org", "getSpace", "tablesQuery", "db", "query", "Filter", "schema", "TableType", "run", "currentSpaceOrgTable", "objects", "find", "table", "view", "target", "typename", "anchorId", "Open", "fullyQualifiedId", "React", "ContactCard", "onOrgClick", "Surface", "OrganizationCard", "Project", "ProjectCard", "position", "isEchoObject", "getSchema", "t", "useTranslation", "p", "className", "descriptionMessage", "Form", "values", "readonly", "classNames", "kanbanCardWithoutPoster"]
 }

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

@@ -1 +1 @@
-{"inputs":{"packages/plugins/plugin-preview/src/meta.ts":{"bytes":1296,"imports":[],"format":"esm"},"packages/plugins/plugin-preview/src/PreviewPlugin.tsx":{"bytes":10087,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/client","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/keys","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-preview/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-preview/src/index.ts":{"bytes":596,"imports":[{"path":"packages/plugins/plugin-preview/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-preview/src/PreviewPlugin.tsx","kind":"import-statement","original":"./PreviewPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-preview/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":5717},"packages/plugins/plugin-preview/dist/lib/node-esm/index.mjs":{"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/client","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/keys","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true}],"exports":["PREVIEW_PLUGIN","PreviewPlugin","meta"],"entryPoint":"packages/plugins/plugin-preview/src/index.ts","inputs":{"packages/plugins/plugin-preview/src/meta.ts":{"bytesInOutput":216},"packages/plugins/plugin-preview/src/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-preview/src/PreviewPlugin.tsx":{"bytesInOutput":2307}},"bytes":2810}}}
+{"inputs":{"packages/plugins/plugin-preview/src/meta.ts":{"bytes":1296,"imports":[],"format":"esm"},"packages/plugins/plugin-preview/src/types.ts":{"bytes":3670,"imports":[],"format":"esm"},"packages/plugins/plugin-preview/src/components/ContactCard.tsx":{"bytes":9429,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-preview/src/types.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-preview/src/components/OrganizationCard.tsx":{"bytes":5719,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-preview/src/types.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-preview/src/components/ProjectCard.tsx":{"bytes":2941,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-preview/src/types.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-preview/src/components/index.ts":{"bytes":732,"imports":[{"path":"packages/plugins/plugin-preview/src/components/ContactCard.tsx","kind":"import-statement","original":"./ContactCard"},{"path":"packages/plugins/plugin-preview/src/components/OrganizationCard.tsx","kind":"import-statement","original":"./OrganizationCard"},{"path":"packages/plugins/plugin-preview/src/components/ProjectCard.tsx","kind":"import-statement","original":"./ProjectCard"}],"format":"esm"},"packages/plugins/plugin-preview/src/translations.ts":{"bytes":1091,"imports":[{"path":"packages/plugins/plugin-preview/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-preview/src/PreviewPlugin.tsx":{"bytes":28903,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/client","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/keys","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-table","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-preview/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-preview/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-preview/src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"packages/plugins/plugin-preview/src/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/plugin-preview/src/index.ts":{"bytes":681,"imports":[{"path":"packages/plugins/plugin-preview/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-preview/src/types.ts","kind":"import-statement","original":"./types"},{"path":"packages/plugins/plugin-preview/src/PreviewPlugin.tsx","kind":"import-statement","original":"./PreviewPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-preview/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":25250},"packages/plugins/plugin-preview/dist/lib/node-esm/index.mjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/client","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/keys","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-table","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["PREVIEW_PLUGIN","PreviewPlugin","defaultCard","kanbanCardWithoutPoster","meta","popoverCard","previewChrome","previewProse","previewTitle"],"entryPoint":"packages/plugins/plugin-preview/src/index.ts","inputs":{"packages/plugins/plugin-preview/src/meta.ts":{"bytesInOutput":216},"packages/plugins/plugin-preview/src/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-preview/src/types.ts":{"bytesInOutput":348},"packages/plugins/plugin-preview/src/PreviewPlugin.tsx":{"bytesInOutput":7146},"packages/plugins/plugin-preview/src/components/ContactCard.tsx":{"bytesInOutput":2709},"packages/plugins/plugin-preview/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-preview/src/components/OrganizationCard.tsx":{"bytesInOutput":1618},"packages/plugins/plugin-preview/src/components/ProjectCard.tsx":{"bytesInOutput":674},"packages/plugins/plugin-preview/src/translations.ts":{"bytesInOutput":152}},"bytes":13625}}}

package/dist/types/src/Preview.stories.d.ts

@@ -0,0 +1,197 @@
+import '@dxos-theme';
+import { type Meta } from '@storybook/react';
+import React, { type FC } from 'react';
+import { Contact, Organization, Project } from '@dxos/schema';
+type StoryProps = {
+    Component: FC<{
+        subject: any;
+    }>;
+    icon: string;
+    subject: any;
+};
+declare const meta: Meta<StoryProps>;
+export default meta;
+export declare const ContactWithImage: {
+    args: {
+        Component: ({ children, classNames, role, subject: { fullName, image, organization, emails }, onOrgClick, }: import("./types").PreviewProps<Contact> & {
+            onOrgClick?: (org: Organization) => void;
+        }) => React.JSX.Element;
+        icon: string;
+        subject: Omit<{
+            readonly id: string;
+            fullName?: string | undefined;
+            preferredName?: string | undefined;
+            nickname?: string | undefined;
+            image?: string | undefined;
+            organization?: import("@dxos/echo-schema").Ref<{
+                readonly id: string;
+                description?: string | undefined;
+                name?: string | undefined;
+                status?: "prospect" | "qualified" | "active" | "commit" | "reject" | undefined;
+                image?: string | undefined;
+                website?: string | undefined;
+            }> | undefined;
+            jobTitle?: string | undefined;
+            department?: string | undefined;
+            notes?: string | undefined;
+            emails?: {
+                readonly label?: string | undefined;
+                readonly value: string;
+            }[] | undefined;
+            identities?: {
+                readonly label?: string | undefined;
+                readonly value: string;
+            }[] | undefined;
+            phoneNumbers?: {
+                readonly label?: string | undefined;
+                readonly value: string;
+            }[] | undefined;
+            addresses?: {
+                readonly label?: string | undefined;
+                readonly value: {
+                    readonly street?: string | undefined;
+                    readonly extended?: string | undefined;
+                    readonly locality?: string | undefined;
+                    readonly region?: string | undefined;
+                    readonly postalCode?: string | undefined;
+                    readonly postOfficeBoxNumber?: string | undefined;
+                    readonly country?: string | undefined;
+                };
+            }[] | undefined;
+            urls?: {
+                readonly label?: string | undefined;
+                readonly value: string;
+            }[] | undefined;
+            birthday?: {
+                toString: () => string;
+                toDateString: () => string;
+                toTimeString: () => string;
+                toLocaleString: {
+                    (): string;
+                    (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+                    (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+                };
+                toLocaleDateString: {
+                    (): string;
+                    (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+                    (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+                };
+                toLocaleTimeString: {
+                    (): string;
+                    (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+                    (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+                };
+                valueOf: () => number;
+                getTime: () => number;
+                getFullYear: () => number;
+                getUTCFullYear: () => number;
+                getMonth: () => number;
+                getUTCMonth: () => number;
+                getDate: () => number;
+                getUTCDate: () => number;
+                getDay: () => number;
+                getUTCDay: () => number;
+                getHours: () => number;
+                getUTCHours: () => number;
+                getMinutes: () => number;
+                getUTCMinutes: () => number;
+                getSeconds: () => number;
+                getUTCSeconds: () => number;
+                getMilliseconds: () => number;
+                getUTCMilliseconds: () => number;
+                getTimezoneOffset: () => number;
+                setTime: (time: number) => number;
+                setMilliseconds: (ms: number) => number;
+                setUTCMilliseconds: (ms: number) => number;
+                setSeconds: (sec: number, ms?: number) => number;
+                setUTCSeconds: (sec: number, ms?: number) => number;
+                setMinutes: (min: number, sec?: number, ms?: number) => number;
+                setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
+                setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+                setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+                setDate: (date: number) => number;
+                setUTCDate: (date: number) => number;
+                setMonth: (month: number, date?: number) => number;
+                setUTCMonth: (month: number, date?: number) => number;
+                setFullYear: (year: number, month?: number, date?: number) => number;
+                setUTCFullYear: (year: number, month?: number, date?: number) => number;
+                toUTCString: () => string;
+                toISOString: () => string;
+                toJSON: (key?: any) => string;
+                [Symbol.toPrimitive]: {
+                    (hint: "default"): string;
+                    (hint: "string"): string;
+                    (hint: "number"): number;
+                    (hint: string): string | number;
+                };
+            } | undefined;
+            fields?: {
+                readonly label: string;
+                readonly value: string;
+                readonly category?: string | undefined;
+            }[] | undefined;
+        }, "id"> & {
+            id?: string;
+        } & {
+            id: string;
+        };
+    };
+};
+export declare const ContactNoImage: {
+    args: {
+        Component: ({ children, classNames, role, subject: { fullName, image, organization, emails }, onOrgClick, }: import("./types").PreviewProps<Contact> & {
+            onOrgClick?: (org: Organization) => void;
+        }) => React.JSX.Element;
+        icon: string;
+        subject: any;
+    };
+};
+export declare const OrganizationWithImage: {
+    args: {
+        Component: ({ children, classNames, subject: { name, image, description, website }, role, }: import("./types").PreviewProps<Organization>) => React.JSX.Element;
+        icon: string;
+        subject: Omit<{
+            readonly id: string;
+            image?: string | undefined;
+            name?: string | undefined;
+            description?: string | undefined;
+            status?: "prospect" | "qualified" | "active" | "commit" | "reject" | undefined;
+            website?: string | undefined;
+        }, "id"> & {
+            id?: string;
+        } & {
+            id: string;
+        };
+    };
+};
+export declare const OrganizationNoImage: {
+    args: {
+        Component: ({ children, classNames, subject: { name, image, description, website }, role, }: import("./types").PreviewProps<Organization>) => React.JSX.Element;
+        icon: string;
+        subject: any;
+    };
+};
+export declare const ProjectWithImage: {
+    args: {
+        Component: ({ classNames, role, subject: { name, image, description } }: import("./types").PreviewProps<Project>) => React.JSX.Element;
+        icon: string;
+        subject: Omit<{
+            readonly id: string;
+            image?: string | undefined;
+            name: string;
+            description?: string | undefined;
+        }, "id"> & {
+            id?: string;
+        } & {
+            id: string;
+        };
+    };
+};
+export declare const ProjectNoImage: {
+    args: {
+        Component: ({ classNames, role, subject: { name, image, description } }: import("./types").PreviewProps<Project>) => React.JSX.Element;
+        icon: string;
+        subject: any;
+    };
+};
+//# sourceMappingURL=Preview.stories.d.ts.map