@dxos/plugin-preview 0.8.4-main.2e9d522 → 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 (81) 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-2UCEZUQW.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-OSHWR2YE.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 +30 -0
  40. package/dist/types/src/stories/Card.stories.d.ts.map +1 -0
  41. package/dist/types/src/stories/testing.d.ts +17 -0
  42. package/dist/types/src/stories/testing.d.ts.map +1 -0
  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 +4 -1
  46. package/dist/types/src/types.d.ts.map +1 -1
  47. package/dist/types/tsconfig.tsbuildinfo +1 -1
  48. package/package.json +33 -29
  49. package/src/PreviewPlugin.tsx +22 -23
  50. package/src/capabilities/preview-popover.ts +9 -14
  51. package/src/capabilities/react-surface.tsx +47 -76
  52. package/src/components/CardSubjectMenu.tsx +82 -0
  53. package/src/components/ContactCard.tsx +30 -22
  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 +59 -0
  59. package/src/stories/testing.tsx +114 -0
  60. package/src/translations.ts +6 -0
  61. package/src/types.ts +5 -2
  62. package/dist/lib/browser/chunk-Z73ENKLE.mjs.map +0 -7
  63. package/dist/lib/browser/preview-popover-2UCEZUQW.mjs.map +0 -7
  64. package/dist/lib/browser/react-surface-CZMUEWPV.mjs +0 -303
  65. package/dist/lib/browser/react-surface-CZMUEWPV.mjs.map +0 -7
  66. package/dist/lib/node-esm/chunk-2ORSL4GJ.mjs.map +0 -7
  67. package/dist/lib/node-esm/preview-popover-OSHWR2YE.mjs.map +0 -7
  68. package/dist/lib/node-esm/react-surface-IPZBISWS.mjs +0 -304
  69. package/dist/lib/node-esm/react-surface-IPZBISWS.mjs.map +0 -7
  70. package/dist/types/src/testing/ExtrinsicPreviews.stories.d.ts +0 -35
  71. package/dist/types/src/testing/ExtrinsicPreviews.stories.d.ts.map +0 -1
  72. package/dist/types/src/testing/IntrinsicPreviews.stories.d.ts +0 -35
  73. package/dist/types/src/testing/IntrinsicPreviews.stories.d.ts.map +0 -1
  74. package/dist/types/src/testing/PopoverPreviews.stories.d.ts +0 -35
  75. package/dist/types/src/testing/PopoverPreviews.stories.d.ts.map +0 -1
  76. package/dist/types/src/testing/util.d.ts +0 -80
  77. package/dist/types/src/testing/util.d.ts.map +0 -1
  78. package/src/testing/ExtrinsicPreviews.stories.tsx +0 -55
  79. package/src/testing/IntrinsicPreviews.stories.tsx +0 -55
  80. package/src/testing/PopoverPreviews.stories.tsx +0 -55
  81. package/src/testing/util.tsx +0 -79
@@ -0,0 +1,46 @@
1
+ //
2
+ // Copyright 2025 DXOS.org
3
+ //
4
+
5
+ import * as SchemaAST from 'effect/SchemaAST';
6
+ import React from 'react';
7
+
8
+ import { type PropertyMetaAnnotation, PropertyMetaAnnotationId } from '@dxos/echo/internal';
9
+ import { Card, cardNoSpacing, cardSpacing } from '@dxos/react-ui-stack';
10
+ import { mx } from '@dxos/react-ui-theme';
11
+ import { DataType } from '@dxos/schema';
12
+
13
+ import { type PreviewProps } from '../types';
14
+
15
+ import { CardSubjectMenu } from './CardSubjectMenu';
16
+
17
+ // TODO(thure): Should this move upstream as a helper? Is there an easier way to get options?
18
+ const getActiveStatusOption = (status?: string) => {
19
+ const properties = SchemaAST.getPropertySignatures(DataType.Task.ast);
20
+ const statusProperty = properties.find((p) => p.name === 'status');
21
+ const statusMeta = SchemaAST.getAnnotation<PropertyMetaAnnotation>(PropertyMetaAnnotationId)(
22
+ // TODO(thure): Typescript asserts `.type` doesn’t have `.types`, but in runtime it does.
23
+ (statusProperty!.type as any).types[0],
24
+ );
25
+ const options = // TODO(thure): Typescript asserts `statusMeta` doesn’t have `.value`, but in runtime it does.
26
+ (statusMeta as any).value.singleSelect.options as { id: string; title: string; color: string }[];
27
+ return options.find(({ id }) => id === status);
28
+ };
29
+
30
+ export const TaskCard = ({ subject, role, activeSpace }: PreviewProps<DataType.Task>) => {
31
+ const { title, status } = subject;
32
+ const statusOption = getActiveStatusOption(status);
33
+ return (
34
+ <Card.SurfaceRoot role={role}>
35
+ <div role='none' className={mx('flex items-center gap-2', cardSpacing)}>
36
+ <Card.Heading classNames={[cardNoSpacing, 'min-is-0 flex-1 truncate']}>{title}</Card.Heading>
37
+ {statusOption && (
38
+ <span className='dx-tag' data-hue={statusOption.color}>
39
+ {statusOption.title}
40
+ </span>
41
+ )}
42
+ <CardSubjectMenu subject={subject} activeSpace={activeSpace} />
43
+ </div>
44
+ </Card.SurfaceRoot>
45
+ );
46
+ };
package/src/meta.ts CHANGED
@@ -4,10 +4,8 @@
4
4
 
5
5
  import { type PluginMeta } from '@dxos/app-framework';
6
6
 
7
- export const PREVIEW_PLUGIN = 'dxos.org/plugin/preview';
8
-
9
7
  export const meta: PluginMeta = {
10
- id: PREVIEW_PLUGIN,
8
+ id: 'dxos.org/plugin/preview',
11
9
  name: 'Preview',
12
10
  icon: 'ph--eye--regular',
13
11
  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-preview',
@@ -0,0 +1,59 @@
1
+ //
2
+ // Copyright 2023 DXOS.org
3
+ //
4
+
5
+ import { type Meta, type StoryObj } from '@storybook/react-vite';
6
+
7
+ import { IntentPlugin } from '@dxos/app-framework';
8
+ import { withPluginManager } from '@dxos/app-framework/testing';
9
+ import { withTheme } from '@dxos/react-ui/testing';
10
+
11
+ import { translations } from '../translations';
12
+
13
+ import { Defaultstory, createCards } from './testing';
14
+
15
+ const meta = {
16
+ title: 'plugins/plugin-preview/Card',
17
+ render: Defaultstory,
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
+ },
26
+ tags: ['cards'],
27
+ } satisfies Meta<typeof Defaultstory>;
28
+
29
+ export default meta;
30
+
31
+ type Story = StoryObj<typeof meta>;
32
+
33
+ export const Popover: Story = {
34
+ args: {
35
+ role: 'card--popover',
36
+ cards: createCards(),
37
+ },
38
+ };
39
+
40
+ export const Intrinsic: Story = {
41
+ args: {
42
+ role: 'card--intrinsic',
43
+ cards: createCards(),
44
+ },
45
+ };
46
+
47
+ export const Extrinsic: Story = {
48
+ args: {
49
+ role: 'card--extrinsic',
50
+ cards: createCards(),
51
+ },
52
+ };
53
+
54
+ export const ExtrinsicNoImage: Story = {
55
+ args: {
56
+ role: 'card--extrinsic',
57
+ cards: createCards(false),
58
+ },
59
+ };
@@ -0,0 +1,114 @@
1
+ //
2
+ // Copyright 2025 DXOS.org
3
+ //
4
+
5
+ import React, { type FC } from 'react';
6
+
7
+ import { Obj, Ref } from '@dxos/echo';
8
+ import { faker } from '@dxos/random';
9
+ import { CardContainer } from '@dxos/react-ui-stack/testing';
10
+ import { DataType } from '@dxos/schema';
11
+
12
+ import { ContactCard, OrganizationCard, ProjectCard } from '../components';
13
+ import { TaskCard } from '../components/TaskCard';
14
+ import { type PreviewProps } from '../types';
15
+
16
+ faker.seed(1234);
17
+
18
+ type CardProps<T extends object> = {
19
+ Component: FC<PreviewProps<T>>;
20
+ subject: T;
21
+ icon?: string;
22
+ image?: boolean;
23
+ };
24
+
25
+ export type DefaultstoryProps = {
26
+ role: 'card--popover' | 'card--intrinsic' | 'card--extrinsic' | 'card--transclusion';
27
+ cards: CardProps<any>[];
28
+ };
29
+
30
+ export const Defaultstory = ({ role, cards }: DefaultstoryProps) => {
31
+ return (
32
+ <div className='grid grid-cols-4'>
33
+ {cards.map(({ Component, icon, image, subject }, i) => (
34
+ <div key={i} className='flex justify-center'>
35
+ <CardContainer icon={icon} role={role}>
36
+ <Component role={role} subject={image ? subject : omitImage(subject)} />
37
+ </CardContainer>
38
+ </div>
39
+ ))}
40
+ </div>
41
+ );
42
+ };
43
+
44
+ export const omitImage = ({ image: _, ...rest }: any) => rest;
45
+
46
+ // TODO(burdon): Test data should exercise the standard data generators.
47
+ export const createCards = (image = true): CardProps<any>[] => {
48
+ const organization = Obj.make(DataType.Organization, {
49
+ name: faker.company.name(),
50
+ image:
51
+ 'https://plus.unsplash.com/premium_photo-1672116452571-896980a801c8?q=80&w=2671&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
52
+ website: faker.internet.url(),
53
+ description: faker.lorem.paragraph(),
54
+ });
55
+
56
+ const contact = Obj.make(DataType.Person, {
57
+ fullName: faker.person.fullName(),
58
+ image:
59
+ 'https://plus.unsplash.com/premium_photo-1664536392779-049ba8fde933?q=80&w=2574&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
60
+ organization: Ref.make(organization),
61
+ emails: [
62
+ {
63
+ label: 'Work',
64
+ value: faker.internet.email(),
65
+ },
66
+ {
67
+ label: 'Work',
68
+ value: faker.internet.email(),
69
+ },
70
+ {
71
+ label: 'Work',
72
+ value: faker.internet.email(),
73
+ },
74
+ ],
75
+ });
76
+
77
+ const project = DataType.makeProject({
78
+ name: faker.person.fullName(),
79
+ image: 'https://dxos.network/dxos-logotype-blue.png',
80
+ description: faker.lorem.paragraph(),
81
+ });
82
+
83
+ const task = Obj.make(DataType.Task, {
84
+ title: faker.lorem.sentence(),
85
+ status: faker.helpers.arrayElement(['todo', 'in-progress', 'done']),
86
+ });
87
+
88
+ return [
89
+ {
90
+ Component: OrganizationCard,
91
+ subject: organization,
92
+ icon: 'ph--building-office--regular',
93
+ image,
94
+ },
95
+ {
96
+ Component: ContactCard,
97
+ subject: contact,
98
+ icon: 'ph--user--regular',
99
+ image,
100
+ },
101
+ {
102
+ Component: ProjectCard,
103
+ subject: project,
104
+ icon: 'ph--building--regular',
105
+ image,
106
+ },
107
+ {
108
+ Component: TaskCard,
109
+ subject: task,
110
+ icon: 'ph--list-checks--regular',
111
+ image,
112
+ },
113
+ ];
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 * as Schema from 'effect/Schema';
5
6
  import { type PropsWithChildren } from 'react';
6
7
 
7
- // TODO(burdon): Better place for these defs?
8
- export type PreviewProps<T extends object> = PropsWithChildren<{
8
+ import { type Space } from '@dxos/react-client/echo';
9
+
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, contributes, createIntent, type PluginContext } from '@dxos/app-framework';\nimport { addEventListener } from '@dxos/async';\nimport { type Client, 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\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,cAAcC,aAAaC,oBAAwC;AAC1F,SAASC,wBAAwB;AACjC,SAAsBC,kBAAkB;AACxC,SAASC,eAA2B;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 { Icon, Avatar, Button } 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))), /* @__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-CZMUEWPV.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 { Icon, Avatar, Button } 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 <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 {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", "Icon", "Avatar", "Button", "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", "dl", "mx", "cardText", "length", "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
- }