@dxos/plugin-preview 0.8.2-main.12df754 → 0.8.2-main.36232bc

package/dist/lib/node/index.cjs

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,21 +17,48 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var node_exports = {};
 __export(node_exports, {
   PREVIEW_PLUGIN: () => PREVIEW_PLUGIN,
   PreviewPlugin: () => PreviewPlugin,
-  meta: () => meta
+  meta: () => meta,
+  previewCard: () => previewCard,
+  previewChrome: () => previewChrome,
+  previewProse: () => previewProse,
+  previewTitle: () => previewTitle
 });
 module.exports = __toCommonJS(node_exports);
+var import_react = __toESM(require("react"));
 var import_app_framework = require("@dxos/app-framework");
 var import_async = require("@dxos/async");
 var import_client = require("@dxos/client");
 var import_echo = require("@dxos/client/echo");
+var import_echo_schema = require("@dxos/echo-schema");
 var import_keys = require("@dxos/keys");
 var import_log = require("@dxos/log");
 var import_plugin_client = require("@dxos/plugin-client");
+var import_react_ui = require("@dxos/react-ui");
+var import_react_ui_form = require("@dxos/react-ui-form");
+var import_react_ui_table = require("@dxos/react-ui-table");
+var import_react_ui_theme = require("@dxos/react-ui-theme");
+var import_schema = require("@dxos/schema");
+var import_react2 = __toESM(require("react"));
+var import_react_ui2 = require("@dxos/react-ui");
+var import_react_ui_theme2 = require("@dxos/react-ui-theme");
+var import_react3 = __toESM(require("react"));
+var import_react_ui3 = require("@dxos/react-ui");
+var import_react_ui_theme3 = require("@dxos/react-ui-theme");
+var import_react4 = __toESM(require("react"));
+var import_react_ui_theme4 = require("@dxos/react-ui-theme");
 var PREVIEW_PLUGIN = "dxos.org/plugin/preview";
 var meta = {
   id: PREVIEW_PLUGIN,
@@ -37,6 +66,125 @@ var meta = {
   icon: "ph--eye--regular",
   source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-preview"
 };
+var previewCard = "popover-max-width rounded-lg overflow-hidden";
+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";
+var ContactCard = ({ children, classNames, subject: { fullName, image, organization, emails }, onOrgClick }) => {
+  const organizationName = organization && typeof organization === "object" ? organization.target?.name : organization;
+  return /* @__PURE__ */ import_react2.default.createElement("div", {
+    role: "none",
+    className: (0, import_react_ui_theme2.mx)(previewCard, classNames)
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Avatar.Root, null, /* @__PURE__ */ import_react2.default.createElement("div", {
+    role: "group",
+    className: (0, import_react_ui_theme2.mx)(previewProse, "grid gap-3 grid-cols-[min-content_1fr]")
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Avatar.Content, {
+    imgSrc: image,
+    icon: "ph--user--regular",
+    size: 16,
+    hue: "neutral"
+  }), /* @__PURE__ */ import_react2.default.createElement("div", {
+    role: "none",
+    className: "bs-min self-center"
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Avatar.Label, {
+    asChild: true
+  }, /* @__PURE__ */ import_react2.default.createElement("h2", {
+    className: previewTitle
+  }, fullName))))), organizationName && /* @__PURE__ */ import_react2.default.createElement("div", {
+    role: "none",
+    className: previewChrome
+  }, typeof organization === "object" && onOrgClick ? /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Button, {
+    variant: "ghost",
+    classNames: "gap-2 text-start",
+    onClick: () => onOrgClick(organization.target)
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Icon, {
+    icon: "ph--buildings--regular",
+    size: 5,
+    classNames: "text-subdued"
+  }), /* @__PURE__ */ import_react2.default.createElement("span", {
+    className: "min-is-0 flex-1 truncate"
+  }, organizationName), /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Icon, {
+    icon: "ph--arrow-right--regular"
+  })) : /* @__PURE__ */ import_react2.default.createElement("p", {
+    className: "dx-button gap-2",
+    "data-variant": "ghost"
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Icon, {
+    icon: "ph--buildings--regular",
+    size: 5,
+    classNames: "text-subdued"
+  }), /* @__PURE__ */ import_react2.default.createElement("span", {
+    className: "min-is-0 flex-1 truncate"
+  }, organizationName))), /* @__PURE__ */ import_react2.default.createElement("dl", {
+    className: (0, import_react_ui_theme2.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__ */ import_react2.default.createElement(import_react2.Fragment, {
+    key: value
+  }, /* @__PURE__ */ import_react2.default.createElement("dt", null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Icon, {
+    icon: "ph--at--regular",
+    size: 5
+  })), /* @__PURE__ */ import_react2.default.createElement("dd", {
+    key: value,
+    className: "break-words"
+  }, value)))), children);
+};
+var OrganizationCard = ({ children, classNames, subject: { name, image, description, website } }) => {
+  return /* @__PURE__ */ import_react3.default.createElement("div", {
+    role: "none",
+    className: (0, import_react_ui_theme3.mx)(previewCard, classNames)
+  }, image ? /* @__PURE__ */ import_react3.default.createElement("img", {
+    className: "aspect-video object-cover is-full bs-auto",
+    src: image,
+    alt: name
+  }) : /* @__PURE__ */ import_react3.default.createElement("div", {
+    role: "image",
+    className: "grid aspect-video place-items-center bg-groupSurface text-subdued"
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Icon, {
+    icon: "ph--building-office--regular",
+    size: 10
+  })), /* @__PURE__ */ import_react3.default.createElement("h2", {
+    className: (0, import_react_ui_theme3.mx)(previewTitle, previewProse)
+  }, name), description && /* @__PURE__ */ import_react3.default.createElement("p", {
+    className: (0, import_react_ui_theme3.mx)(previewProse, "line-clamp-2")
+  }, description), website && /* @__PURE__ */ import_react3.default.createElement("div", {
+    role: "none",
+    className: previewChrome
+  }, /* @__PURE__ */ import_react3.default.createElement("a", {
+    className: "dx-button dx-focus-ring gap-2",
+    href: website,
+    target: "_blank",
+    rel: "noreferrer"
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Icon, {
+    icon: "ph--link--regular",
+    size: 5,
+    classNames: "text-subdued"
+  }), /* @__PURE__ */ import_react3.default.createElement("span", {
+    className: "grow"
+  }, website), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Icon, {
+    icon: "ph--arrow-square-out--regular"
+  }))), children);
+};
+var ProjectCard = ({ classNames, subject: { name, image, description } }) => {
+  return /* @__PURE__ */ import_react4.default.createElement("div", {
+    role: "none",
+    className: (0, import_react_ui_theme4.mx)(previewCard, classNames)
+  }, image && /* @__PURE__ */ import_react4.default.createElement("img", {
+    className: "is-full bs-auto",
+    src: image,
+    alt: name
+  }), /* @__PURE__ */ import_react4.default.createElement("h2", {
+    className: (0, import_react_ui_theme4.mx)(previewTitle, "pli-3 mlb-3")
+  }, name), description && /* @__PURE__ */ import_react4.default.createElement("p", {
+    className: "pli-3 line-clamp-2 mlb-3"
+  }, description));
+};
+var translations_default = [
+  {
+    "en-US": {
+      [PREVIEW_PLUGIN]: {
+        "unable to create preview message": "No preview"
+      }
+    }
+  }
+];
 var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-preview/src/PreviewPlugin.tsx";
 var customEventOptions = {
   capture: true,
@@ -55,7 +203,22 @@ var handlePreviewLookup = async (client, defaultSpace, { ref, label }) => {
 };
 var PreviewPlugin = () => (0, import_app_framework.definePlugin)(meta, [
   (0, import_app_framework.defineModule)({
-    id: `${meta.id}/module/preview-popoevr`,
+    id: `${meta.id}/module/translations`,
+    activatesOn: import_app_framework.Events.SetupTranslations,
+    activate: () => (0, import_app_framework.contributes)(import_app_framework.Capabilities.Translations, translations_default)
+  }),
+  (0, import_app_framework.defineModule)({
+    id: `${meta.id}/module/schema`,
+    activatesOn: import_plugin_client.ClientEvents.SetupSchema,
+    activate: () => [
+      (0, import_app_framework.contributes)(import_plugin_client.ClientCapabilities.Schema, [
+        import_schema.Contact,
+        import_schema.Organization
+      ])
+    ]
+  }),
+  (0, import_app_framework.defineModule)({
+    id: `${meta.id}/module/preview-popover`,
     activatesOn: import_app_framework.Events.Startup,
     activate: (context) => {
       const handleDxRefTagActivate = async ({ ref, label, trigger }) => {
@@ -84,7 +247,7 @@ var PreviewPlugin = () => (0, import_app_framework.definePlugin)(meta, [
       if (!document.defaultView) {
         import_log.log.warn("No default view found", void 0, {
           F: __dxlog_file,
-          L: 74,
+          L: 105,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -93,12 +256,112 @@ var PreviewPlugin = () => (0, import_app_framework.definePlugin)(meta, [
       const cleanup = (0, import_async.addEventListener)(document.defaultView, "dx-ref-tag-activate", handleDxRefTagActivate, customEventOptions);
       return (0, import_app_framework.contributes)(import_app_framework.Capabilities.Null, null, () => cleanup());
     }
+  }),
+  (0, import_app_framework.defineModule)({
+    id: `${meta.id}/module/react-surface`,
+    activatesOn: import_app_framework.Events.SetupReactSurface,
+    activate: () => (
+      // TODO(wittjosiah): Factor out to lazy capabilities like other plugins.
+      (0, import_app_framework.contributes)(import_app_framework.Capabilities.ReactSurface, [
+        //
+        // Specific schema types.
+        //
+        (0, import_app_framework.createSurface)({
+          id: `${PREVIEW_PLUGIN}/schema-popover`,
+          role: "popover",
+          filter: (data) => (0, import_echo_schema.isInstanceOf)(import_schema.Contact, data.subject),
+          component: ({ data }) => {
+            const { dispatchPromise: dispatch } = (0, import_app_framework.useIntentDispatcher)();
+            const handleOrgClick = (0, import_react.useCallback)(async (org) => {
+              const space = (0, import_echo.getSpace)(org);
+              const tablesQuery = await space?.db.query(import_echo.Filter.schema(import_react_ui_table.TableType)).run();
+              const currentSpaceOrgTable = tablesQuery?.objects.find((table) => {
+                return table.view?.target?.query?.typename === import_schema.Organization.typename;
+              });
+              await dispatch((0, import_app_framework.createIntent)(import_app_framework.LayoutAction.UpdatePopover, {
+                part: "popover",
+                options: {
+                  state: false,
+                  anchorId: ""
+                }
+              }));
+              if (currentSpaceOrgTable) {
+                return dispatch((0, import_app_framework.createIntent)(import_app_framework.LayoutAction.Open, {
+                  part: "main",
+                  subject: [
+                    (0, import_echo.fullyQualifiedId)(currentSpaceOrgTable)
+                  ],
+                  options: {
+                    workspace: space?.id
+                  }
+                }));
+              }
+            }, [
+              dispatch
+            ]);
+            return /* @__PURE__ */ import_react.default.createElement(ContactCard, {
+              subject: data.subject,
+              onOrgClick: handleOrgClick
+            }, /* @__PURE__ */ import_react.default.createElement(import_app_framework.Surface, {
+              role: "related",
+              data
+            }));
+          }
+        }),
+        (0, import_app_framework.createSurface)({
+          id: `${PREVIEW_PLUGIN}/schema-popover`,
+          role: "popover",
+          filter: (data) => (0, import_echo_schema.isInstanceOf)(import_schema.Organization, data.subject),
+          component: ({ data }) => /* @__PURE__ */ import_react.default.createElement(OrganizationCard, {
+            subject: data.subject
+          }, /* @__PURE__ */ import_react.default.createElement(import_app_framework.Surface, {
+            role: "related",
+            data
+          }))
+        }),
+        (0, import_app_framework.createSurface)({
+          id: `${PREVIEW_PLUGIN}/schema-popover`,
+          role: "popover",
+          filter: (data) => (0, import_echo_schema.isInstanceOf)(import_schema.Project, data.subject),
+          component: ({ data }) => /* @__PURE__ */ import_react.default.createElement(ProjectCard, {
+            subject: data.subject
+          })
+        }),
+        //
+        // Fallback for any object.
+        //
+        (0, import_app_framework.createSurface)({
+          id: `${PREVIEW_PLUGIN}/fallback-popover`,
+          role: "popover",
+          position: "fallback",
+          filter: (data) => (0, import_echo.isEchoObject)(data.subject),
+          component: ({ data }) => {
+            const schema = (0, import_echo.getSchema)(data.subject);
+            const { t } = (0, import_react_ui.useTranslation)(PREVIEW_PLUGIN);
+            if (!schema) {
+              return /* @__PURE__ */ import_react.default.createElement("p", {
+                className: import_react_ui_theme.descriptionMessage
+              }, t("unable to create preview message"));
+            }
+            return /* @__PURE__ */ import_react.default.createElement(import_react_ui_form.Form, {
+              schema,
+              values: data.subject,
+              readonly: true
+            });
+          }
+        })
+      ])
+    )
   })
 ]);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   PREVIEW_PLUGIN,
   PreviewPlugin,
-  meta
+  meta,
+  previewCard,
+  previewChrome,
+  previewProse,
+  previewTitle
 });
 //# sourceMappingURL=index.cjs.map

package/dist/lib/node/index.cjs.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": ";;;;;;;;;;;;;;;;;;;;;;;;;ACIA,2BAQO;AACP,mBAAiC;AAEjC,oBAA2B;AAC3B,kBAAoC;AACpC,kBAAoB;AAEpB,iBAAoB;AACpB,2BAAmC;ADd5B,IAAMA,iBAAiB;AAEvB,IAAMC,OAAmB;EAC9BC,IAAIF;EACJG,MAAM;EACNC,MAAM;EACNC,QAAQ;AACV;;ACYA,IAAMC,qBAAqB;EAAEC,SAAS;EAAMC,SAAS;AAAM;AAE3D,IAAMC,sBAAsB,OAC1BC,QACAC,cACA,EAAEC,KAAKC,MAAK,MAAkB;AAE9B,QAAMC,MAAMC,gBAAIC,MAAMJ,GAAAA;AACtB,MAAI,CAACE,KAAK;AACR,WAAO;EACT;AAEA,QAAMG,SAAS,UAAMC,0BAAWR,QAAQI,KAAKH,YAAAA;AAC7C,SAAO;IAAEE;IAAOI;EAAO;AACzB;AAEO,IAAME,gBAAgB,UAC3BC,mCAAanB,MAAM;MACjBoB,mCAAa;IACXnB,IAAI,GAAGD,KAAKC,EAAE;IACdoB,aAAaC,4BAAOC;IACpBC,UAAU,CAACC,YAAAA;AAET,YAAMC,yBAAyB,OAAO,EAAEf,KAAKC,OAAOe,QAAO,MAAoB;AAC7E,cAAM,EAAEC,iBAAiBC,SAAQ,IAAKJ,QAAQK,kBAAkBC,kCAAaC,gBAAgB;AAC7F,cAAMvB,SAASgB,QAAQK,kBAAkBG,wCAAmBC,MAAM;AAClE,cAAM,CAACC,MAAAA,IAAUV,QAAQW,oBAAoBL,kCAAaM,MAAM;AAChE,cAAM,EAAEC,QAAO,QAAKC,qBAAQJ,OAAOK,SAAS;AAC5C,cAAMC,SAASH,WAAW7B,OAAOiC,OAAOC,IAAIL,OAAAA,MAAa7B,OAAOiC,OAAOE;AACvE,cAAMC,SAAS,MAAMrC,oBAAoBC,QAAQgC,OAAO;UAAE9B;UAAKC;QAAM,CAAA;AACrE,YAAI,CAACiC,QAAQ;AACX;QACF;AAEA,cAAMhB,aACJiB,mCAAaC,kCAAaC,eAAe;UACvCC,MAAM;UACNC,SAASL,OAAO7B;UAChBmC,SAAS;YACPC,OAAO;YACPC,SAAS;YACTC,QAAQ3B;UACV;QACF,CAAA,CAAA;MAEJ;AAEA,UAAI,CAAC4B,SAASC,aAAa;AACzBC,uBAAIC,KAAK,yBAAA,QAAA;;;;;;AACT,eAAO,CAAA;MACT;AAEA,YAAMC,cAAUC,+BACdL,SAASC,aACT,uBACA9B,wBACArB,kBAAAA;AAEF,iBAAOwD,kCAAY9B,kCAAa+B,MAAM,MAAM,MAAMH,QAAAA,CAAAA;IACpD;EACF,CAAA;CACD;",
-  "names": ["PREVIEW_PLUGIN", "meta", "id", "name", "icon", "source", "customEventOptions", "capture", "passive", "handlePreviewLookup", "client", "defaultSpace", "ref", "label", "dxn", "DXN", "parse", "object", "resolveRef", "PreviewPlugin", "definePlugin", "defineModule", "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  }>\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 previewCard = 'popover-max-width rounded-lg overflow-hidden';\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';\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',\n            filter: (data): data is { subject: Contact } => isInstanceOf(Contact, data.subject),\n            component: ({ data }) => {\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}>\n                  <Surface role='related' data={data} />\n                </ContactCard>\n              );\n            },\n          }),\n          createSurface({\n            id: `${PREVIEW_PLUGIN}/schema-popover`,\n            role: 'popover',\n            filter: (data): data is { subject: Organization } => isInstanceOf(Organization, data.subject),\n            component: ({ data }) => (\n              <OrganizationCard subject={data.subject}>\n                <Surface role='related' data={data} />\n              </OrganizationCard>\n            ),\n          }),\n          createSurface({\n            id: `${PREVIEW_PLUGIN}/schema-popover`,\n            role: 'popover',\n            filter: (data): data is { subject: Project } => isInstanceOf(Project, data.subject),\n            component: ({ data }) => <ProjectCard subject={data.subject} />,\n          }),\n\n          //\n          // Fallback for any object.\n          //\n          createSurface({\n            id: `${PREVIEW_PLUGIN}/fallback-popover`,\n            role: 'popover',\n            position: 'fallback',\n            filter: (data): data is { subject: ReactiveEchoObject<any> } => isEchoObject(data.subject),\n            component: ({ data }) => {\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 <Form schema={schema} values={data.subject} readonly />;\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, previewCard, previewTitle, previewProse, previewChrome } from '../types';\n\nexport const ContactCard = ({\n  children,\n  classNames,\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(previewCard, 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, previewCard, previewTitle, previewProse, previewChrome } from '../types';\n\nexport const OrganizationCard = ({\n  children,\n  classNames,\n  subject: { name, image, description, website },\n}: PreviewProps<Organization>) => {\n  return (\n    <div role='none' className={mx(previewCard, 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-groupSurface 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, previewCard, previewTitle } from '../types';\n\nexport const ProjectCard = ({ classNames, subject: { name, image, description } }: PreviewProps<Project>) => {\n  return (\n    <div role='none' className={mx(previewCard, 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": ["import_react", "import_react_ui", "import_react_ui_theme", "PREVIEW_PLUGIN", "meta", "id", "name", "icon", "source", "previewCard", "previewTitle", "previewProse", "previewChrome", "ContactCard", "children", "classNames", "subject", "fullName", "image", "organization", "emails", "onOrgClick", "organizationName", "target", "React", "div", "role", "className", "mx", "Avatar", "Root", "Content", "imgSrc", "size", "hue", "Label", "asChild", "h2", "Button", "variant", "onClick", "Icon", "span", "p", "data-variant", "dl", "length", "map", "label", "value", "Fragment", "key", "dt", "dd", "OrganizationCard", "description", "website", "img", "src", "alt", "a", "href", "rel", "ProjectCard", "customEventOptions", "capture", "passive", "handlePreviewLookup", "client", "defaultSpace", "ref", "dxn", "DXN", "parse", "object", "resolveRef", "PreviewPlugin", "definePlugin", "defineModule", "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", "options", "state", "anchor", "document", "defaultView", "log", "warn", "cleanup", "addEventListener", "Null", "SetupReactSurface", "ReactSurface", "createSurface", "filter", "data", "isInstanceOf", "component", "useIntentDispatcher", "handleOrgClick", "useCallback", "org", "getSpace", "tablesQuery", "db", "query", "Filter", "schema", "TableType", "run", "currentSpaceOrgTable", "objects", "find", "table", "view", "typename", "anchorId", "Open", "fullyQualifiedId", "Surface", "Project", "position", "isEchoObject", "getSchema", "t", "useTranslation", "descriptionMessage", "Form", "values", "readonly"]
 }

package/dist/lib/node/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/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":5715},"packages/plugins/plugin-preview/dist/lib/node/index.cjs":{"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":2717}}}
+{"inputs":{"packages/plugins/plugin-preview/src/meta.ts":{"bytes":1296,"imports":[],"format":"esm"},"packages/plugins/plugin-preview/src/types.ts":{"bytes":3274,"imports":[],"format":"esm"},"packages/plugins/plugin-preview/src/components/ContactCard.tsx":{"bytes":9227,"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":5532,"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":2743,"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":27057,"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"}],"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/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":24136},"packages/plugins/plugin-preview/dist/lib/node/index.cjs":{"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","meta","previewCard","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":266},"packages/plugins/plugin-preview/src/PreviewPlugin.tsx":{"bytesInOutput":6691},"packages/plugins/plugin-preview/src/components/ContactCard.tsx":{"bytesInOutput":2668},"packages/plugins/plugin-preview/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-preview/src/components/OrganizationCard.tsx":{"bytesInOutput":1584},"packages/plugins/plugin-preview/src/components/ProjectCard.tsx":{"bytesInOutput":633},"packages/plugins/plugin-preview/src/translations.ts":{"bytesInOutput":152}},"bytes":12837}}}