@dxos/plugin-preview 0.8.4-main.28f8d3d → 0.8.4-main.406dc2a

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/dist/lib/browser/{chunk-Z73ENKLE.mjs → chunk-XKCIQK3C.mjs} +2 -4
  2. package/dist/lib/browser/chunk-XKCIQK3C.mjs.map +7 -0
  3. package/dist/lib/browser/index.mjs +11 -7
  4. package/dist/lib/browser/index.mjs.map +2 -2
  5. package/dist/lib/browser/meta.json +1 -1
  6. package/dist/lib/browser/{preview-popover-MAIBTJKJ.mjs → preview-popover-RKHENTFP.mjs} +9 -13
  7. package/dist/lib/browser/preview-popover-RKHENTFP.mjs.map +7 -0
  8. package/dist/lib/browser/react-surface-X56QWACK.mjs +448 -0
  9. package/dist/lib/browser/react-surface-X56QWACK.mjs.map +7 -0
  10. package/dist/lib/node-esm/{chunk-2ORSL4GJ.mjs → chunk-L3IZVX56.mjs} +2 -4
  11. package/dist/lib/node-esm/chunk-L3IZVX56.mjs.map +7 -0
  12. package/dist/lib/node-esm/index.mjs +11 -7
  13. package/dist/lib/node-esm/index.mjs.map +2 -2
  14. package/dist/lib/node-esm/meta.json +1 -1
  15. package/dist/lib/node-esm/{preview-popover-LZGHYW23.mjs → preview-popover-TZKX67EY.mjs} +9 -13
  16. package/dist/lib/node-esm/preview-popover-TZKX67EY.mjs.map +7 -0
  17. package/dist/lib/node-esm/react-surface-4P7UCMK7.mjs +449 -0
  18. package/dist/lib/node-esm/react-surface-4P7UCMK7.mjs.map +7 -0
  19. package/dist/types/src/PreviewPlugin.d.ts +1 -1
  20. package/dist/types/src/PreviewPlugin.d.ts.map +1 -1
  21. package/dist/types/src/capabilities/index.d.ts +2 -2
  22. package/dist/types/src/capabilities/index.d.ts.map +1 -1
  23. package/dist/types/src/capabilities/preview-popover.d.ts +1 -1
  24. package/dist/types/src/capabilities/preview-popover.d.ts.map +1 -1
  25. package/dist/types/src/capabilities/react-surface.d.ts +1 -1
  26. package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
  27. package/dist/types/src/components/CardSubjectMenu.d.ts +12 -0
  28. package/dist/types/src/components/CardSubjectMenu.d.ts.map +1 -0
  29. package/dist/types/src/components/ContactCard.d.ts +1 -1
  30. package/dist/types/src/components/ContactCard.d.ts.map +1 -1
  31. package/dist/types/src/components/OrganizationCard.d.ts +1 -1
  32. package/dist/types/src/components/OrganizationCard.d.ts.map +1 -1
  33. package/dist/types/src/components/ProjectCard.d.ts +1 -1
  34. package/dist/types/src/components/ProjectCard.d.ts.map +1 -1
  35. package/dist/types/src/components/TaskCard.d.ts +5 -0
  36. package/dist/types/src/components/TaskCard.d.ts.map +1 -0
  37. package/dist/types/src/meta.d.ts +0 -1
  38. package/dist/types/src/meta.d.ts.map +1 -1
  39. package/dist/types/src/stories/Card.stories.d.ts +27 -47
  40. package/dist/types/src/stories/Card.stories.d.ts.map +1 -1
  41. package/dist/types/src/stories/testing.d.ts +2 -3
  42. package/dist/types/src/stories/testing.d.ts.map +1 -1
  43. package/dist/types/src/translations.d.ts +6 -0
  44. package/dist/types/src/translations.d.ts.map +1 -1
  45. package/dist/types/src/types.d.ts +3 -1
  46. package/dist/types/src/types.d.ts.map +1 -1
  47. package/dist/types/tsconfig.tsbuildinfo +1 -1
  48. package/package.json +32 -29
  49. package/src/PreviewPlugin.tsx +22 -23
  50. package/src/capabilities/preview-popover.ts +7 -12
  51. package/src/capabilities/react-surface.tsx +47 -76
  52. package/src/components/CardSubjectMenu.tsx +82 -0
  53. package/src/components/ContactCard.tsx +9 -3
  54. package/src/components/OrganizationCard.tsx +11 -8
  55. package/src/components/ProjectCard.tsx +12 -4
  56. package/src/components/TaskCard.tsx +46 -0
  57. package/src/meta.ts +1 -3
  58. package/src/stories/Card.stories.tsx +23 -17
  59. package/src/stories/testing.tsx +15 -4
  60. package/src/translations.ts +6 -0
  61. package/src/types.ts +4 -1
  62. package/dist/lib/browser/chunk-Z73ENKLE.mjs.map +0 -7
  63. package/dist/lib/browser/preview-popover-MAIBTJKJ.mjs.map +0 -7
  64. package/dist/lib/browser/react-surface-SC522FSX.mjs +0 -303
  65. package/dist/lib/browser/react-surface-SC522FSX.mjs.map +0 -7
  66. package/dist/lib/node-esm/chunk-2ORSL4GJ.mjs.map +0 -7
  67. package/dist/lib/node-esm/preview-popover-LZGHYW23.mjs.map +0 -7
  68. package/dist/lib/node-esm/react-surface-PDXF35OF.mjs +0 -304
  69. package/dist/lib/node-esm/react-surface-PDXF35OF.mjs.map +0 -7
@@ -2,52 +2,58 @@
2
2
  // Copyright 2023 DXOS.org
3
3
  //
4
4
 
5
- import '@dxos-theme';
6
-
7
5
  import { type Meta, type StoryObj } from '@storybook/react-vite';
8
6
 
9
- import { withLayout, withTheme } from '@dxos/storybook-utils';
7
+ import { IntentPlugin } from '@dxos/app-framework';
8
+ import { withPluginManager } from '@dxos/app-framework/testing';
9
+ import { withTheme } from '@dxos/react-ui/testing';
10
10
 
11
11
  import { translations } from '../translations';
12
12
 
13
- import { Defaultstory, type DefaultstoryProps, createCards } from './testing';
13
+ import { Defaultstory, createCards } from './testing';
14
14
 
15
- const meta: Meta<DefaultstoryProps> = {
15
+ const meta = {
16
16
  title: 'plugins/plugin-preview/Card',
17
17
  render: Defaultstory,
18
- decorators: [withTheme, withLayout({ fullscreen: true, classNames: 'flex flex-col justify-center' })],
19
- parameters: { translations },
18
+ decorators: [
19
+ withTheme, // TODO(wittjosiah): Try to write story which does not depend on plugin manager.
20
+ withPluginManager({ plugins: [IntentPlugin()] }),
21
+ ],
22
+ parameters: {
23
+ layout: 'column',
24
+ translations,
25
+ },
20
26
  tags: ['cards'],
21
- };
27
+ } satisfies Meta<typeof Defaultstory>;
22
28
 
23
29
  export default meta;
24
30
 
25
- type Story = StoryObj<DefaultstoryProps>;
31
+ type Story = StoryObj<typeof meta>;
26
32
 
27
- export const Popover = {
33
+ export const Popover: Story = {
28
34
  args: {
29
35
  role: 'card--popover',
30
36
  cards: createCards(),
31
37
  },
32
- } satisfies Story;
38
+ };
33
39
 
34
- export const Intrinsic = {
40
+ export const Intrinsic: Story = {
35
41
  args: {
36
42
  role: 'card--intrinsic',
37
43
  cards: createCards(),
38
44
  },
39
- } satisfies Story;
45
+ };
40
46
 
41
- export const Extrinsic = {
47
+ export const Extrinsic: Story = {
42
48
  args: {
43
49
  role: 'card--extrinsic',
44
50
  cards: createCards(),
45
51
  },
46
- } satisfies Story;
52
+ };
47
53
 
48
- export const ExtrinsicNoImage = {
54
+ export const ExtrinsicNoImage: Story = {
49
55
  args: {
50
56
  role: 'card--extrinsic',
51
57
  cards: createCards(false),
52
58
  },
53
- } satisfies Story;
59
+ };
@@ -2,7 +2,6 @@
2
2
  // Copyright 2025 DXOS.org
3
3
  //
4
4
 
5
- import type { Meta } from '@storybook/react-vite';
6
5
  import React, { type FC } from 'react';
7
6
 
8
7
  import { Obj, Ref } from '@dxos/echo';
@@ -11,6 +10,7 @@ import { CardContainer } from '@dxos/react-ui-stack/testing';
11
10
  import { DataType } from '@dxos/schema';
12
11
 
13
12
  import { ContactCard, OrganizationCard, ProjectCard } from '../components';
13
+ import { TaskCard } from '../components/TaskCard';
14
14
  import { type PreviewProps } from '../types';
15
15
 
16
16
  faker.seed(1234);
@@ -27,9 +27,9 @@ export type DefaultstoryProps = {
27
27
  cards: CardProps<any>[];
28
28
  };
29
29
 
30
- export const Defaultstory: Meta<DefaultstoryProps>['render'] = ({ role, cards }) => {
30
+ export const Defaultstory = ({ role, cards }: DefaultstoryProps) => {
31
31
  return (
32
- <div className='grid grid-cols-3'>
32
+ <div className='grid grid-cols-4'>
33
33
  {cards.map(({ Component, icon, image, subject }, i) => (
34
34
  <div key={i} className='flex justify-center'>
35
35
  <CardContainer icon={icon} role={role}>
@@ -74,12 +74,17 @@ export const createCards = (image = true): CardProps<any>[] => {
74
74
  ],
75
75
  });
76
76
 
77
- const project = Obj.make(DataType.Project, {
77
+ const project = DataType.makeProject({
78
78
  name: faker.person.fullName(),
79
79
  image: 'https://dxos.network/dxos-logotype-blue.png',
80
80
  description: faker.lorem.paragraph(),
81
81
  });
82
82
 
83
+ const task = Obj.make(DataType.Task, {
84
+ title: faker.lorem.sentence(),
85
+ status: faker.helpers.arrayElement(['todo', 'in-progress', 'done']),
86
+ });
87
+
83
88
  return [
84
89
  {
85
90
  Component: OrganizationCard,
@@ -99,5 +104,11 @@ export const createCards = (image = true): CardProps<any>[] => {
99
104
  icon: 'ph--building--regular',
100
105
  image,
101
106
  },
107
+ {
108
+ Component: TaskCard,
109
+ subject: task,
110
+ icon: 'ph--list-checks--regular',
111
+ image,
112
+ },
102
113
  ];
103
114
  };
@@ -11,6 +11,12 @@ export const translations = [
11
11
  'en-US': {
12
12
  [meta.id]: {
13
13
  'unable to create preview message': 'No preview',
14
+ 'todo label': 'To do',
15
+ 'in-progress label': 'In progress',
16
+ 'done label': 'Done',
17
+ 'open object label': 'Open',
18
+ 'add object to space label': 'Add to space',
19
+ 'more options label': 'More options',
14
20
  },
15
21
  },
16
22
  },
package/src/types.ts CHANGED
@@ -2,10 +2,13 @@
2
2
  // Copyright 2025 DXOS.org
3
3
  //
4
4
 
5
- import { type Schema } from 'effect';
5
+ import type * as Schema from 'effect/Schema';
6
6
  import { type PropsWithChildren } from 'react';
7
7
 
8
+ import { type Space } from '@dxos/react-client/echo';
9
+
8
10
  export type PreviewProps<T extends Schema.Schema.Type<any>> = PropsWithChildren<{
9
11
  subject: T;
10
12
  role?: string;
13
+ activeSpace?: Space;
11
14
  }>;
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/meta.ts"],
4
- "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"],
5
- "mappings": ";AAMO,IAAMA,iBAAiB;AAEvB,IAAMC,OAAmB;EAC9BC,IAAIF;EACJG,MAAM;EACNC,MAAM;EACNC,QAAQ;AACV;",
6
- "names": ["PREVIEW_PLUGIN", "meta", "id", "name", "icon", "source"]
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/capabilities/preview-popover.ts"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, LayoutAction, type PluginContext, contributes, createIntent } from '@dxos/app-framework';\nimport { addEventListener } from '@dxos/async';\nimport { type Client, resolveRef } from '@dxos/client';\nimport { type Space, parseId } 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\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 try {\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 } catch (err) {\n return null;\n }\n};\n\nexport default (context: PluginContext) => {\n // TODO(wittjosiah): Factor out lookup handlers to other plugins to make not ECHO-specific.\n const handleDxRefTagActivate = async ({ refId, label, trigger }: DxRefTagActivate) => {\n const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);\n const client = context.getCapability(ClientCapabilities.Client);\n const [layout] = context.getCapabilities(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: refId, 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 let cleanup: () => void;\n if (document.defaultView) {\n cleanup = addEventListener(\n document.defaultView,\n 'dx-ref-tag-activate' as any,\n handleDxRefTagActivate,\n customEventOptions,\n );\n } else {\n log.warn('No default view found');\n }\n\n return contributes(Capabilities.Null, null, () => cleanup());\n};\n"],
5
- "mappings": ";AAIA,SAASA,cAAcC,cAAkCC,aAAaC,oBAAoB;AAC1F,SAASC,wBAAwB;AACjC,SAAsBC,kBAAkB;AACxC,SAAqBC,eAAe;AACpC,SAASC,WAAW;AAEpB,SAASC,WAAW;AACpB,SAASC,0BAA0B;;AAGnC,IAAMC,qBAAqB;EAAEC,SAAS;EAAMC,SAAS;AAAM;AAE3D,IAAMC,sBAAsB,OAC1BC,QACAC,cACA,EAAEC,KAAKC,MAAK,MAAkB;AAE9B,MAAI;AACF,UAAMC,MAAMX,IAAIY,MAAMH,GAAAA;AACtB,QAAI,CAACE,KAAK;AACR,aAAO;IACT;AAEA,UAAME,SAAS,MAAMf,WAAWS,QAAQI,KAAKH,YAAAA;AAC7C,WAAO;MAAEE;MAAOG;IAAO;EACzB,SAASC,KAAK;AACZ,WAAO;EACT;AACF;AAEA,IAAA,0BAAe,CAACC,YAAAA;AAEd,QAAMC,yBAAyB,OAAO,EAAEC,OAAOP,OAAOQ,QAAO,MAAoB;AAC/E,UAAM,EAAEC,iBAAiBC,SAAQ,IAAKL,QAAQM,cAAc5B,aAAa6B,gBAAgB;AACzF,UAAMf,SAASQ,QAAQM,cAAcnB,mBAAmBqB,MAAM;AAC9D,UAAM,CAACC,MAAAA,IAAUT,QAAQU,gBAAgBhC,aAAaiC,MAAM;AAC5D,UAAM,EAAEC,QAAO,IAAK5B,QAAQyB,OAAOI,SAAS;AAC5C,UAAMC,SAASF,WAAWpB,OAAOuB,OAAOC,IAAIJ,OAAAA,MAAapB,OAAOuB,OAAOE;AACvE,UAAMC,SAAS,MAAM3B,oBAAoBC,QAAQsB,OAAO;MAAEpB,KAAKQ;MAAOP;IAAM,CAAA;AAC5E,QAAI,CAACuB,QAAQ;AACX;IACF;AAEA,UAAMb,SACJxB,aAAaF,aAAawC,eAAe;MACvCC,MAAM;MACNC,SAASH,OAAOpB;MAChBwB,SAAS;QACPC,OAAO;QACPC,SAAS;QACTC,QAAQtB;MACV;IACF,CAAA,CAAA;EAEJ;AAEA,MAAIuB;AACJ,MAAIC,SAASC,aAAa;AACxBF,cAAU5C,iBACR6C,SAASC,aACT,uBACA3B,wBACAb,kBAAAA;EAEJ,OAAO;AACLF,QAAI2C,KAAK,yBAAA,QAAA;;;;;;EACX;AAEA,SAAOjD,YAAYF,aAAaoD,MAAM,MAAM,MAAMJ,QAAAA,CAAAA;AACpD;",
6
- "names": ["Capabilities", "LayoutAction", "contributes", "createIntent", "addEventListener", "resolveRef", "parseId", "DXN", "log", "ClientCapabilities", "customEventOptions", "capture", "passive", "handlePreviewLookup", "client", "defaultSpace", "ref", "label", "dxn", "parse", "object", "err", "context", "handleDxRefTagActivate", "refId", "trigger", "dispatchPromise", "dispatch", "getCapability", "IntentDispatcher", "Client", "layout", "getCapabilities", "Layout", "spaceId", "workspace", "space", "spaces", "get", "default", "result", "UpdatePopover", "part", "subject", "options", "state", "variant", "anchor", "cleanup", "document", "defaultView", "warn", "Null"]
7
- }
@@ -1,303 +0,0 @@
1
- import {
2
- PREVIEW_PLUGIN
3
- } from "./chunk-Z73ENKLE.mjs";
4
-
5
- // src/capabilities/react-surface.tsx
6
- import { Effect } from "effect";
7
- import React4, { useCallback } from "react";
8
- import { Capabilities, LayoutAction, Surface, contributes, createIntent, createSurface, useIntentDispatcher } from "@dxos/app-framework";
9
- import { fullyQualifiedId, getSchema, getSpace } from "@dxos/client/echo";
10
- import { Filter, Obj } from "@dxos/echo";
11
- import { setValue } from "@dxos/echo-schema";
12
- import { AttentionAction } from "@dxos/plugin-attention/types";
13
- import { ATTENDABLE_PATH_SEPARATOR, DeckAction } from "@dxos/plugin-deck/types";
14
- import { useQuery, useSpace } from "@dxos/react-client/echo";
15
- import { useTranslation } from "@dxos/react-ui";
16
- import { Form } from "@dxos/react-ui-form";
17
- import { Card as Card4 } from "@dxos/react-ui-stack";
18
- import { TableView } from "@dxos/react-ui-table/types";
19
- import { descriptionMessage, mx as mx2 } from "@dxos/react-ui-theme";
20
- import { DataType } from "@dxos/schema";
21
-
22
- // src/components/ContactCard.tsx
23
- import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
24
- import React, { Fragment } from "react";
25
- import { Avatar, Button, Icon } from "@dxos/react-ui";
26
- import { Card, cardHeading, cardText } from "@dxos/react-ui-stack";
27
- import { mx } from "@dxos/react-ui-theme";
28
- var ContactCard = ({ children, subject: { fullName, image, organization, emails }, onOrgClick, role }) => {
29
- var _effect = _useSignals();
30
- try {
31
- const organizationName = organization && typeof organization === "object" ? organization.target?.name : organization;
32
- return /* @__PURE__ */ React.createElement(Card.SurfaceRoot, {
33
- role
34
- }, /* @__PURE__ */ React.createElement(Avatar.Root, null, /* @__PURE__ */ React.createElement(Card.Text, {
35
- role: "group",
36
- classNames: "grid gap-3 grid-cols-[min-content_1fr]"
37
- }, /* @__PURE__ */ React.createElement(Avatar.Content, {
38
- imgSrc: image,
39
- icon: "ph--user--regular",
40
- size: 16,
41
- hue: "neutral"
42
- }), /* @__PURE__ */ React.createElement("div", {
43
- role: "none",
44
- className: "bs-min self-center"
45
- }, /* @__PURE__ */ React.createElement(Avatar.Label, {
46
- asChild: true
47
- }, /* @__PURE__ */ React.createElement("h2", {
48
- className: cardHeading
49
- }, fullName))))), organizationName && /* @__PURE__ */ React.createElement(Card.Chrome, null, typeof organization === "object" && onOrgClick ? /* @__PURE__ */ React.createElement(Button, {
50
- variant: "ghost",
51
- classNames: "gap-2 text-start",
52
- onClick: () => onOrgClick(organization.target)
53
- }, /* @__PURE__ */ React.createElement(Icon, {
54
- icon: "ph--buildings--regular",
55
- size: 5,
56
- classNames: "text-subdued"
57
- }), /* @__PURE__ */ React.createElement("span", {
58
- className: "min-is-0 flex-1 truncate"
59
- }, organizationName), /* @__PURE__ */ React.createElement(Icon, {
60
- icon: "ph--arrow-right--regular"
61
- })) : /* @__PURE__ */ React.createElement("p", {
62
- className: "dx-button gap-2",
63
- "data-variant": "ghost"
64
- }, /* @__PURE__ */ React.createElement(Icon, {
65
- icon: "ph--buildings--regular",
66
- size: 5,
67
- classNames: "text-subdued"
68
- }), /* @__PURE__ */ React.createElement("span", {
69
- className: "min-is-0 flex-1 truncate"
70
- }, organizationName))), emails?.length && /* @__PURE__ */ React.createElement("dl", {
71
- className: mx(cardText, "grid gap-2 grid-cols-[min-content_1fr] [&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0")
72
- }, emails?.length && emails.map(({ label, value }) => /* @__PURE__ */ React.createElement(Fragment, {
73
- key: value
74
- }, /* @__PURE__ */ React.createElement("dt", null, /* @__PURE__ */ React.createElement(Icon, {
75
- icon: "ph--at--regular",
76
- size: 5
77
- })), /* @__PURE__ */ React.createElement("dd", {
78
- key: value,
79
- className: "break-words"
80
- }, value)))), children);
81
- } finally {
82
- _effect.f();
83
- }
84
- };
85
-
86
- // src/components/OrganizationCard.tsx
87
- import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
88
- import React2 from "react";
89
- import { Icon as Icon2 } from "@dxos/react-ui";
90
- import { Card as Card2 } from "@dxos/react-ui-stack";
91
- var OrganizationCard = ({ children, subject: { name, image, description, website }, role }) => {
92
- var _effect = _useSignals2();
93
- try {
94
- return /* @__PURE__ */ React2.createElement(Card2.SurfaceRoot, {
95
- role
96
- }, /* @__PURE__ */ React2.createElement(Card2.Poster, {
97
- alt: name,
98
- ...image ? {
99
- image
100
- } : {
101
- icon: "ph--building-office--regular"
102
- }
103
- }), /* @__PURE__ */ React2.createElement(Card2.Heading, null, name), description && /* @__PURE__ */ React2.createElement(Card2.Text, {
104
- classNames: "line-clamp-2"
105
- }, description), website && /* @__PURE__ */ React2.createElement(Card2.Chrome, null, /* @__PURE__ */ React2.createElement("a", {
106
- className: "dx-button dx-focus-ring gap-2",
107
- "data-variant": "ghost",
108
- href: website,
109
- target: "_blank",
110
- rel: "noreferrer"
111
- }, /* @__PURE__ */ React2.createElement(Icon2, {
112
- icon: "ph--link--regular",
113
- size: 5,
114
- classNames: "text-subdued"
115
- }), /* @__PURE__ */ React2.createElement("span", {
116
- className: "grow"
117
- }, website), /* @__PURE__ */ React2.createElement(Icon2, {
118
- icon: "ph--arrow-square-out--regular"
119
- }))), children);
120
- } finally {
121
- _effect.f();
122
- }
123
- };
124
-
125
- // src/components/ProjectCard.tsx
126
- import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
127
- import React3 from "react";
128
- import { Card as Card3 } from "@dxos/react-ui-stack";
129
- var ProjectCard = ({ subject: { name, image, description }, role }) => {
130
- var _effect = _useSignals3();
131
- try {
132
- return /* @__PURE__ */ React3.createElement(Card3.SurfaceRoot, {
133
- role
134
- }, image && /* @__PURE__ */ React3.createElement(Card3.Poster, {
135
- image,
136
- alt: name,
137
- aspect: "auto"
138
- }), /* @__PURE__ */ React3.createElement(Card3.Heading, null, name), description && /* @__PURE__ */ React3.createElement(Card3.Text, {
139
- classNames: "line-clamp-2"
140
- }, description));
141
- } finally {
142
- _effect.f();
143
- }
144
- };
145
-
146
- // src/capabilities/react-surface.tsx
147
- var react_surface_default = () => contributes(Capabilities.ReactSurface, [
148
- //
149
- // Specific schema types.
150
- //
151
- createSurface({
152
- id: `${PREVIEW_PLUGIN}/schema-popover--contact`,
153
- role: [
154
- "card--popover",
155
- "card--intrinsic",
156
- "card--transclusion",
157
- "card--extrinsic",
158
- "card"
159
- ],
160
- filter: (data) => Obj.instanceOf(DataType.Person, data.subject),
161
- component: ({ data, role }) => {
162
- const { dispatch } = useIntentDispatcher();
163
- const space = getSpace(data.subject);
164
- const defaultSpace = useSpace();
165
- const currentSpaceOrgs = useQuery(space, Filter.type(DataType.Organization));
166
- const currentSpaceViews = useQuery(space, Filter.type(DataType.View));
167
- const defaultSpaceViews = useQuery(defaultSpace, Filter.type(DataType.View));
168
- const currentSpaceOrgTable = currentSpaceViews.find((view) => view.query.typename === DataType.Organization.typename && Obj.instanceOf(TableView, view.presentation.target));
169
- const defaultSpaceOrgTable = defaultSpaceViews.find((view) => view.query.typename === DataType.Organization.typename && Obj.instanceOf(TableView, view.presentation.target));
170
- const handleOrgClick = useCallback((org) => Effect.gen(function* () {
171
- const view = currentSpaceOrgs.includes(org) ? currentSpaceOrgTable : defaultSpaceOrgTable;
172
- yield* dispatch(createIntent(LayoutAction.UpdatePopover, {
173
- part: "popover",
174
- options: {
175
- state: false,
176
- anchorId: ""
177
- }
178
- }));
179
- if (view) {
180
- const id = fullyQualifiedId(view);
181
- yield* dispatch(createIntent(LayoutAction.Open, {
182
- part: "main",
183
- subject: [
184
- id
185
- ],
186
- options: {
187
- workspace: space?.id
188
- }
189
- }));
190
- yield* dispatch(createIntent(DeckAction.ChangeCompanion, {
191
- primary: id,
192
- companion: [
193
- id,
194
- "selected-objects"
195
- ].join(ATTENDABLE_PATH_SEPARATOR)
196
- }));
197
- yield* dispatch(createIntent(AttentionAction.Select, {
198
- contextId: id,
199
- selection: {
200
- mode: "multi",
201
- ids: [
202
- org.id
203
- ]
204
- }
205
- }));
206
- }
207
- }).pipe(Effect.runPromise), [
208
- dispatch,
209
- currentSpaceOrgs,
210
- currentSpaceOrgTable,
211
- defaultSpaceOrgTable
212
- ]);
213
- return /* @__PURE__ */ React4.createElement(ContactCard, {
214
- role,
215
- subject: data.subject,
216
- onOrgClick: handleOrgClick
217
- }, role === "card--popover" && /* @__PURE__ */ React4.createElement(Surface, {
218
- role: "related",
219
- data
220
- }));
221
- }
222
- }),
223
- createSurface({
224
- id: `${PREVIEW_PLUGIN}/schema-popover--organization`,
225
- role: [
226
- "card--popover",
227
- "card--intrinsic",
228
- "card--transclusion",
229
- "card--extrinsic",
230
- "card"
231
- ],
232
- filter: (data) => Obj.instanceOf(DataType.Organization, data.subject),
233
- component: ({ data, role }) => /* @__PURE__ */ React4.createElement(OrganizationCard, {
234
- role,
235
- subject: data.subject
236
- }, role === "card--popover" && /* @__PURE__ */ React4.createElement(Surface, {
237
- role: "related",
238
- data
239
- }))
240
- }),
241
- createSurface({
242
- id: `${PREVIEW_PLUGIN}/schema-popover--project`,
243
- role: [
244
- "card--popover",
245
- "card--intrinsic",
246
- "card--transclusion",
247
- "card--extrinsic",
248
- "card"
249
- ],
250
- filter: (data) => Obj.instanceOf(DataType.Project, data.subject),
251
- component: ({ data, role }) => /* @__PURE__ */ React4.createElement(ProjectCard, {
252
- subject: data.subject,
253
- role
254
- })
255
- }),
256
- //
257
- // Fallback for any object.
258
- //
259
- createSurface({
260
- id: `${PREVIEW_PLUGIN}/fallback-popover`,
261
- role: [
262
- "card--popover",
263
- "card--intrinsic",
264
- "card--transclusion",
265
- "card--extrinsic",
266
- "card"
267
- ],
268
- position: "fallback",
269
- filter: (data) => Obj.isObject(data.subject),
270
- component: ({ data, role }) => {
271
- const schema = getSchema(data.subject);
272
- const { t } = useTranslation(PREVIEW_PLUGIN);
273
- if (!schema) {
274
- return /* @__PURE__ */ React4.createElement("p", {
275
- className: mx2(descriptionMessage)
276
- }, t("unable to create preview message"));
277
- }
278
- const handleSave = useCallback((values, { changed }) => {
279
- const changedPaths = Object.keys(changed).filter((path) => changed[path]);
280
- for (const path of changedPaths) {
281
- const value = values[path];
282
- setValue(data.subject, path, value);
283
- }
284
- }, []);
285
- return /* @__PURE__ */ React4.createElement(Card4.SurfaceRoot, {
286
- role
287
- }, /* @__PURE__ */ React4.createElement(Form, {
288
- schema,
289
- values: data.subject,
290
- readonly: role === "card--popover",
291
- onSave: handleSave,
292
- autoSave: true,
293
- ...role === "card--intrinsic" && {
294
- outerSpacing: "blockStart-0"
295
- }
296
- }));
297
- }
298
- })
299
- ]);
300
- export {
301
- react_surface_default as default
302
- };
303
- //# sourceMappingURL=react-surface-SC522FSX.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/ContactCard.tsx", "../../../src/components/OrganizationCard.tsx", "../../../src/components/ProjectCard.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Effect } from 'effect';\nimport React, { useCallback } from 'react';\n\nimport {\n Capabilities,\n LayoutAction,\n Surface,\n contributes,\n createIntent,\n createSurface,\n useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { fullyQualifiedId, getSchema, getSpace } from '@dxos/client/echo';\nimport { Filter, Obj } from '@dxos/echo';\nimport { type JsonPath, setValue } from '@dxos/echo-schema';\nimport { AttentionAction } from '@dxos/plugin-attention/types';\nimport { ATTENDABLE_PATH_SEPARATOR, DeckAction } from '@dxos/plugin-deck/types';\nimport { useQuery, useSpace } from '@dxos/react-client/echo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\nimport { Card } from '@dxos/react-ui-stack';\nimport { TableView } from '@dxos/react-ui-table/types';\nimport { descriptionMessage, mx } from '@dxos/react-ui-theme';\nimport { DataType } from '@dxos/schema';\n\nimport { ContactCard, OrganizationCard, ProjectCard } from '../components';\nimport { PREVIEW_PLUGIN } from '../meta';\n\nexport default () =>\n contributes(Capabilities.ReactSurface, [\n //\n // Specific schema types.\n //\n createSurface({\n id: `${PREVIEW_PLUGIN}/schema-popover--contact`,\n role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n filter: (data): data is { subject: DataType.Person } => Obj.instanceOf(DataType.Person, data.subject),\n component: ({ data, role }) => {\n const { dispatch } = useIntentDispatcher();\n const space = getSpace(data.subject);\n const defaultSpace = useSpace();\n\n const currentSpaceOrgs = useQuery(space, Filter.type(DataType.Organization));\n const currentSpaceViews = useQuery(space, Filter.type(DataType.View));\n const defaultSpaceViews = useQuery(defaultSpace, Filter.type(DataType.View));\n const currentSpaceOrgTable = currentSpaceViews.find(\n (view) =>\n view.query.typename === DataType.Organization.typename &&\n Obj.instanceOf(TableView, view.presentation.target),\n );\n const defaultSpaceOrgTable = defaultSpaceViews.find(\n (view) =>\n view.query.typename === DataType.Organization.typename &&\n Obj.instanceOf(TableView, view.presentation.target),\n );\n\n // TODO(wittjosiah): Generalized way of handling related objects navigation.\n const handleOrgClick = useCallback(\n (org: DataType.Organization) =>\n Effect.gen(function* () {\n const view = currentSpaceOrgs.includes(org) ? currentSpaceOrgTable : defaultSpaceOrgTable;\n yield* dispatch(\n createIntent(LayoutAction.UpdatePopover, {\n part: 'popover',\n options: {\n state: false,\n anchorId: '',\n },\n }),\n );\n if (view) {\n const id = fullyQualifiedId(view);\n yield* dispatch(\n createIntent(LayoutAction.Open, {\n part: 'main',\n subject: [id],\n options: { workspace: space?.id },\n }),\n );\n yield* dispatch(\n createIntent(DeckAction.ChangeCompanion, {\n primary: id,\n companion: [id, 'selected-objects'].join(ATTENDABLE_PATH_SEPARATOR),\n }),\n );\n yield* dispatch(\n createIntent(AttentionAction.Select, {\n contextId: id,\n selection: { mode: 'multi', ids: [org.id] },\n }),\n );\n }\n }).pipe(Effect.runPromise),\n [dispatch, currentSpaceOrgs, currentSpaceOrgTable, defaultSpaceOrgTable],\n );\n\n return (\n <ContactCard role={role} subject={data.subject} onOrgClick={handleOrgClick}>\n {role === 'card--popover' && <Surface role='related' data={data} />}\n </ContactCard>\n );\n },\n }),\n createSurface({\n id: `${PREVIEW_PLUGIN}/schema-popover--organization`,\n role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n filter: (data): data is { subject: DataType.Organization } => Obj.instanceOf(DataType.Organization, data.subject),\n component: ({ data, role }) => (\n <OrganizationCard role={role} subject={data.subject}>\n {role === 'card--popover' && <Surface role='related' data={data} />}\n </OrganizationCard>\n ),\n }),\n createSurface({\n id: `${PREVIEW_PLUGIN}/schema-popover--project`,\n role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n filter: (data): data is { subject: DataType.Project } => Obj.instanceOf(DataType.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: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n position: 'fallback',\n filter: (data): data is { subject: Obj.Any } => Obj.isObject(data.subject),\n component: ({ data, role }) => {\n const schema = getSchema(data.subject);\n const { t } = useTranslation(PREVIEW_PLUGIN);\n if (!schema) {\n // TODO(burdon): Use Alert.\n return <p className={mx(descriptionMessage)}>{t('unable to create preview message')}</p>;\n }\n\n const handleSave = useCallback((values: any, { changed }: { changed: Record<string, boolean> }) => {\n const changedPaths = Object.keys(changed).filter((path) => changed[path]);\n for (const path of changedPaths) {\n const value = values[path];\n setValue(data.subject, path as JsonPath, value);\n }\n }, []);\n\n return (\n <Card.SurfaceRoot role={role}>\n <Form\n schema={schema}\n values={data.subject}\n readonly={role === 'card--popover'}\n onSave={handleSave}\n autoSave\n {...(role === 'card--intrinsic' && { outerSpacing: 'blockStart-0' })}\n />\n </Card.SurfaceRoot>\n );\n },\n }),\n ]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { Fragment } from 'react';\n\nimport { Avatar, Button, Icon } from '@dxos/react-ui';\nimport { Card, cardHeading, cardText } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nexport const ContactCard = ({\n children,\n subject: { fullName, image, organization, emails },\n onOrgClick,\n role,\n}: PreviewProps<DataType.Person> & { onOrgClick?: (org: DataType.Organization) => void }) => {\n const organizationName = organization && typeof organization === 'object' ? organization.target?.name : organization;\n return (\n <Card.SurfaceRoot role={role}>\n <Avatar.Root>\n <Card.Text role='group' classNames='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={cardHeading}>{fullName}</h2>\n </Avatar.Label>\n </div>\n </Card.Text>\n </Avatar.Root>\n {organizationName && (\n <Card.Chrome>\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 </Card.Chrome>\n )}\n {emails?.length && (\n <dl\n className={mx(\n cardText,\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 )}\n {children}\n </Card.SurfaceRoot>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Icon } from '@dxos/react-ui';\nimport { Card } from '@dxos/react-ui-stack';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nexport const OrganizationCard = ({\n children,\n subject: { name, image, description, website },\n role,\n}: PreviewProps<DataType.Organization>) => {\n return (\n <Card.SurfaceRoot role={role}>\n <Card.Poster alt={name!} {...(image ? { image } : { icon: 'ph--building-office--regular' })} />\n <Card.Heading>{name}</Card.Heading>\n {description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}\n {website && (\n <Card.Chrome>\n <a\n className='dx-button dx-focus-ring gap-2'\n data-variant='ghost'\n href={website}\n target='_blank'\n rel='noreferrer'\n >\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 </Card.Chrome>\n )}\n {children}\n </Card.SurfaceRoot>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Card } from '@dxos/react-ui-stack';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nexport const ProjectCard = ({ subject: { name, image, description }, role }: PreviewProps<DataType.Project>) => {\n return (\n <Card.SurfaceRoot role={role}>\n {image && <Card.Poster image={image} alt={name} aspect='auto' />}\n <Card.Heading>{name}</Card.Heading>\n {description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}\n </Card.SurfaceRoot>\n );\n};\n"],
5
- "mappings": "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",
6
- "names": ["Effect", "React", "useCallback", "Capabilities", "LayoutAction", "Surface", "contributes", "createIntent", "createSurface", "useIntentDispatcher", "fullyQualifiedId", "getSchema", "getSpace", "Filter", "Obj", "setValue", "AttentionAction", "ATTENDABLE_PATH_SEPARATOR", "DeckAction", "useQuery", "useSpace", "useTranslation", "Form", "Card", "TableView", "descriptionMessage", "mx", "DataType", "React", "Fragment", "Avatar", "Button", "Icon", "Card", "cardHeading", "cardText", "mx", "ContactCard", "children", "subject", "fullName", "image", "organization", "emails", "onOrgClick", "role", "organizationName", "target", "name", "Card", "SurfaceRoot", "Avatar", "Root", "Text", "classNames", "Content", "imgSrc", "icon", "size", "hue", "div", "className", "Label", "asChild", "h2", "cardHeading", "Chrome", "Button", "variant", "onClick", "Icon", "span", "p", "data-variant", "length", "dl", "mx", "cardText", "map", "label", "value", "Fragment", "key", "dt", "dd", "React", "Icon", "Card", "OrganizationCard", "children", "subject", "name", "image", "description", "website", "role", "React", "Card", "SurfaceRoot", "Poster", "alt", "icon", "Heading", "Text", "classNames", "Chrome", "a", "className", "data-variant", "href", "target", "rel", "Icon", "size", "span", "React", "Card", "ProjectCard", "subject", "name", "image", "description", "role", "React", "Card", "SurfaceRoot", "Poster", "alt", "aspect", "Heading", "Text", "classNames", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "PREVIEW_PLUGIN", "role", "filter", "data", "Obj", "instanceOf", "DataType", "Person", "subject", "component", "dispatch", "useIntentDispatcher", "space", "getSpace", "defaultSpace", "useSpace", "currentSpaceOrgs", "useQuery", "Filter", "type", "Organization", "currentSpaceViews", "View", "defaultSpaceViews", "currentSpaceOrgTable", "find", "view", "query", "typename", "TableView", "presentation", "target", "defaultSpaceOrgTable", "handleOrgClick", "useCallback", "org", "Effect", "gen", "includes", "createIntent", "LayoutAction", "UpdatePopover", "part", "options", "state", "anchorId", "fullyQualifiedId", "Open", "workspace", "DeckAction", "ChangeCompanion", "primary", "companion", "join", "ATTENDABLE_PATH_SEPARATOR", "AttentionAction", "Select", "contextId", "selection", "mode", "ids", "pipe", "runPromise", "React", "ContactCard", "onOrgClick", "Surface", "OrganizationCard", "Project", "ProjectCard", "position", "isObject", "schema", "getSchema", "t", "useTranslation", "p", "className", "mx", "descriptionMessage", "handleSave", "values", "changed", "changedPaths", "Object", "keys", "path", "value", "setValue", "Card", "SurfaceRoot", "Form", "readonly", "onSave", "autoSave", "outerSpacing"]
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/meta.ts"],
4
- "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"],
5
- "mappings": ";;;AAMO,IAAMA,iBAAiB;AAEvB,IAAMC,OAAmB;EAC9BC,IAAIF;EACJG,MAAM;EACNC,MAAM;EACNC,QAAQ;AACV;",
6
- "names": ["PREVIEW_PLUGIN", "meta", "id", "name", "icon", "source"]
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/capabilities/preview-popover.ts"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, LayoutAction, type PluginContext, contributes, createIntent } from '@dxos/app-framework';\nimport { addEventListener } from '@dxos/async';\nimport { type Client, resolveRef } from '@dxos/client';\nimport { type Space, parseId } 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\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 try {\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 } catch (err) {\n return null;\n }\n};\n\nexport default (context: PluginContext) => {\n // TODO(wittjosiah): Factor out lookup handlers to other plugins to make not ECHO-specific.\n const handleDxRefTagActivate = async ({ refId, label, trigger }: DxRefTagActivate) => {\n const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);\n const client = context.getCapability(ClientCapabilities.Client);\n const [layout] = context.getCapabilities(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: refId, 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 let cleanup: () => void;\n if (document.defaultView) {\n cleanup = addEventListener(\n document.defaultView,\n 'dx-ref-tag-activate' as any,\n handleDxRefTagActivate,\n customEventOptions,\n );\n } else {\n log.warn('No default view found');\n }\n\n return contributes(Capabilities.Null, null, () => cleanup());\n};\n"],
5
- "mappings": ";;;AAIA,SAASA,cAAcC,cAAkCC,aAAaC,oBAAoB;AAC1F,SAASC,wBAAwB;AACjC,SAAsBC,kBAAkB;AACxC,SAAqBC,eAAe;AACpC,SAASC,WAAW;AAEpB,SAASC,WAAW;AACpB,SAASC,0BAA0B;;AAGnC,IAAMC,qBAAqB;EAAEC,SAAS;EAAMC,SAAS;AAAM;AAE3D,IAAMC,sBAAsB,OAC1BC,QACAC,cACA,EAAEC,KAAKC,MAAK,MAAkB;AAE9B,MAAI;AACF,UAAMC,MAAMX,IAAIY,MAAMH,GAAAA;AACtB,QAAI,CAACE,KAAK;AACR,aAAO;IACT;AAEA,UAAME,SAAS,MAAMf,WAAWS,QAAQI,KAAKH,YAAAA;AAC7C,WAAO;MAAEE;MAAOG;IAAO;EACzB,SAASC,KAAK;AACZ,WAAO;EACT;AACF;AAEA,IAAA,0BAAe,CAACC,YAAAA;AAEd,QAAMC,yBAAyB,OAAO,EAAEC,OAAOP,OAAOQ,QAAO,MAAoB;AAC/E,UAAM,EAAEC,iBAAiBC,SAAQ,IAAKL,QAAQM,cAAc5B,aAAa6B,gBAAgB;AACzF,UAAMf,SAASQ,QAAQM,cAAcnB,mBAAmBqB,MAAM;AAC9D,UAAM,CAACC,MAAAA,IAAUT,QAAQU,gBAAgBhC,aAAaiC,MAAM;AAC5D,UAAM,EAAEC,QAAO,IAAK5B,QAAQyB,OAAOI,SAAS;AAC5C,UAAMC,SAASF,WAAWpB,OAAOuB,OAAOC,IAAIJ,OAAAA,MAAapB,OAAOuB,OAAOE;AACvE,UAAMC,SAAS,MAAM3B,oBAAoBC,QAAQsB,OAAO;MAAEpB,KAAKQ;MAAOP;IAAM,CAAA;AAC5E,QAAI,CAACuB,QAAQ;AACX;IACF;AAEA,UAAMb,SACJxB,aAAaF,aAAawC,eAAe;MACvCC,MAAM;MACNC,SAASH,OAAOpB;MAChBwB,SAAS;QACPC,OAAO;QACPC,SAAS;QACTC,QAAQtB;MACV;IACF,CAAA,CAAA;EAEJ;AAEA,MAAIuB;AACJ,MAAIC,SAASC,aAAa;AACxBF,cAAU5C,iBACR6C,SAASC,aACT,uBACA3B,wBACAb,kBAAAA;EAEJ,OAAO;AACLF,QAAI2C,KAAK,yBAAA,QAAA;;;;;;EACX;AAEA,SAAOjD,YAAYF,aAAaoD,MAAM,MAAM,MAAMJ,QAAAA,CAAAA;AACpD;",
6
- "names": ["Capabilities", "LayoutAction", "contributes", "createIntent", "addEventListener", "resolveRef", "parseId", "DXN", "log", "ClientCapabilities", "customEventOptions", "capture", "passive", "handlePreviewLookup", "client", "defaultSpace", "ref", "label", "dxn", "parse", "object", "err", "context", "handleDxRefTagActivate", "refId", "trigger", "dispatchPromise", "dispatch", "getCapability", "IntentDispatcher", "Client", "layout", "getCapabilities", "Layout", "spaceId", "workspace", "space", "spaces", "get", "default", "result", "UpdatePopover", "part", "subject", "options", "state", "variant", "anchor", "cleanup", "document", "defaultView", "warn", "Null"]
7
- }