@dxos/plugin-preview 0.8.4-main.9735255 → 0.8.4-main.abd8ff62ef

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 (90) hide show
  1. package/dist/lib/browser/index.mjs +16 -47
  2. package/dist/lib/browser/index.mjs.map +4 -4
  3. package/dist/lib/browser/meta.json +1 -1
  4. package/dist/lib/browser/translations.mjs +21 -0
  5. package/dist/lib/browser/translations.mjs.map +7 -0
  6. package/dist/lib/node-esm/index.mjs +16 -46
  7. package/dist/lib/node-esm/index.mjs.map +4 -4
  8. package/dist/lib/node-esm/meta.json +1 -1
  9. package/dist/lib/node-esm/translations.mjs +23 -0
  10. package/dist/lib/node-esm/translations.mjs.map +7 -0
  11. package/dist/types/src/PreviewPlugin.d.ts +1 -0
  12. package/dist/types/src/PreviewPlugin.d.ts.map +1 -1
  13. package/dist/types/src/PreviewPlugin.node.d.ts +4 -0
  14. package/dist/types/src/PreviewPlugin.node.d.ts.map +1 -0
  15. package/dist/types/src/PreviewPlugin.test.d.ts +2 -0
  16. package/dist/types/src/PreviewPlugin.test.d.ts.map +1 -0
  17. package/dist/types/src/capabilities/index.d.ts +3 -2
  18. package/dist/types/src/capabilities/index.d.ts.map +1 -1
  19. package/dist/types/src/capabilities/preview-popover.d.ts +5 -0
  20. package/dist/types/src/capabilities/preview-popover.d.ts.map +1 -0
  21. package/dist/types/src/capabilities/react-surface.d.ts +5 -0
  22. package/dist/types/src/capabilities/react-surface.d.ts.map +1 -0
  23. package/dist/types/src/cards/ExpandoCard.d.ts +4 -0
  24. package/dist/types/src/cards/ExpandoCard.d.ts.map +1 -0
  25. package/dist/types/src/cards/FormCard.d.ts +2 -2
  26. package/dist/types/src/cards/FormCard.d.ts.map +1 -1
  27. package/dist/types/src/cards/JsonCard.d.ts +5 -0
  28. package/dist/types/src/cards/JsonCard.d.ts.map +1 -0
  29. package/dist/types/src/cards/OrganizationCard.d.ts +2 -2
  30. package/dist/types/src/cards/OrganizationCard.d.ts.map +1 -1
  31. package/dist/types/src/cards/PersonCard.d.ts +2 -2
  32. package/dist/types/src/cards/PersonCard.d.ts.map +1 -1
  33. package/dist/types/src/cards/ProjectCard.d.ts +3 -3
  34. package/dist/types/src/cards/ProjectCard.d.ts.map +1 -1
  35. package/dist/types/src/cards/TaskCard.d.ts +2 -2
  36. package/dist/types/src/cards/TaskCard.d.ts.map +1 -1
  37. package/dist/types/src/cards/index.d.ts +2 -0
  38. package/dist/types/src/cards/index.d.ts.map +1 -1
  39. package/dist/types/src/index.d.ts +2 -1
  40. package/dist/types/src/index.d.ts.map +1 -1
  41. package/dist/types/src/stories/Card.stories.d.ts +19 -12
  42. package/dist/types/src/stories/Card.stories.d.ts.map +1 -1
  43. package/dist/types/src/stories/testing.d.ts +6 -4
  44. package/dist/types/src/stories/testing.d.ts.map +1 -1
  45. package/dist/types/src/translations.d.ts +8 -9
  46. package/dist/types/src/translations.d.ts.map +1 -1
  47. package/dist/types/tsconfig.tsbuildinfo +1 -1
  48. package/package.json +53 -39
  49. package/src/PreviewPlugin.node.ts +16 -0
  50. package/src/PreviewPlugin.test.ts +25 -0
  51. package/src/PreviewPlugin.tsx +11 -8
  52. package/src/capabilities/index.ts +4 -2
  53. package/src/capabilities/{preview-popover/preview-popover.ts → preview-popover.ts} +35 -16
  54. package/src/capabilities/react-surface.tsx +118 -0
  55. package/src/cards/ExpandoCard.tsx +76 -0
  56. package/src/cards/FormCard.tsx +14 -29
  57. package/src/cards/JsonCard.tsx +19 -0
  58. package/src/cards/OrganizationCard.tsx +4 -4
  59. package/src/cards/PersonCard.tsx +34 -16
  60. package/src/cards/ProjectCard.tsx +5 -5
  61. package/src/cards/TaskCard.tsx +16 -12
  62. package/src/cards/index.ts +2 -0
  63. package/src/index.ts +6 -2
  64. package/src/meta.ts +1 -1
  65. package/src/stories/Card.stories.tsx +64 -11
  66. package/src/stories/testing.tsx +48 -31
  67. package/src/translations.ts +8 -8
  68. package/dist/lib/browser/chunk-XLN6KTHK.mjs +0 -17
  69. package/dist/lib/browser/chunk-XLN6KTHK.mjs.map +0 -7
  70. package/dist/lib/browser/preview-popover-Y67LE6TV.mjs +0 -78
  71. package/dist/lib/browser/preview-popover-Y67LE6TV.mjs.map +0 -7
  72. package/dist/lib/browser/react-surface-YCDD5VZC.mjs +0 -263
  73. package/dist/lib/browser/react-surface-YCDD5VZC.mjs.map +0 -7
  74. package/dist/lib/node-esm/chunk-2G4FUGDA.mjs +0 -19
  75. package/dist/lib/node-esm/chunk-2G4FUGDA.mjs.map +0 -7
  76. package/dist/lib/node-esm/preview-popover-BGV2P6UX.mjs +0 -80
  77. package/dist/lib/node-esm/preview-popover-BGV2P6UX.mjs.map +0 -7
  78. package/dist/lib/node-esm/react-surface-MYZZR7AQ.mjs +0 -264
  79. package/dist/lib/node-esm/react-surface-MYZZR7AQ.mjs.map +0 -7
  80. package/dist/types/src/capabilities/preview-popover/index.d.ts +0 -3
  81. package/dist/types/src/capabilities/preview-popover/index.d.ts.map +0 -1
  82. package/dist/types/src/capabilities/preview-popover/preview-popover.d.ts +0 -5
  83. package/dist/types/src/capabilities/preview-popover/preview-popover.d.ts.map +0 -1
  84. package/dist/types/src/capabilities/react-surface/index.d.ts +0 -3
  85. package/dist/types/src/capabilities/react-surface/index.d.ts.map +0 -1
  86. package/dist/types/src/capabilities/react-surface/react-surface.d.ts +0 -5
  87. package/dist/types/src/capabilities/react-surface/react-surface.d.ts.map +0 -1
  88. package/src/capabilities/preview-popover/index.ts +0 -7
  89. package/src/capabilities/react-surface/index.ts +0 -7
  90. package/src/capabilities/react-surface/react-surface.tsx +0 -97
@@ -1,263 +0,0 @@
1
- import {
2
- meta
3
- } from "./chunk-XLN6KTHK.mjs";
4
-
5
- // src/capabilities/react-surface/react-surface.tsx
6
- import * as Effect from "effect/Effect";
7
- import React6 from "react";
8
- import { Capability, Common as Common2 } from "@dxos/app-framework";
9
- import { Surface } from "@dxos/app-framework/react";
10
- import { Obj as Obj3 } from "@dxos/echo";
11
- import { Card as Card6 } from "@dxos/react-ui-mosaic";
12
- import { Organization, Person, Project, Task as Task2 } from "@dxos/types";
13
-
14
- // src/cards/FormCard.tsx
15
- import React, { useCallback } from "react";
16
- import { Common } from "@dxos/app-framework";
17
- import { useOperationInvoker } from "@dxos/app-framework/react";
18
- import { Obj } from "@dxos/echo";
19
- import { splitJsonPath } from "@dxos/effect";
20
- import { IconButton, useTranslation } from "@dxos/react-ui";
21
- import { Form, omitId } from "@dxos/react-ui-form";
22
- import { Card } from "@dxos/react-ui-mosaic";
23
- import { descriptionMessage, mx } from "@dxos/ui-theme";
24
- var FormCard = ({ subject, projection }) => {
25
- const { invokePromise } = useOperationInvoker();
26
- const schema = Obj.getSchema(subject);
27
- const { t } = useTranslation(meta.id);
28
- const handleNavigate = useCallback(async () => {
29
- await invokePromise(Common.LayoutOperation.UpdatePopover, {
30
- state: false,
31
- anchorId: ""
32
- });
33
- await invokePromise(Common.LayoutOperation.Open, {
34
- subject: [
35
- Obj.getDXN(subject).toString()
36
- ]
37
- });
38
- }, [
39
- invokePromise,
40
- subject
41
- ]);
42
- if (!schema) {
43
- return /* @__PURE__ */ React.createElement("p", {
44
- className: mx(descriptionMessage)
45
- }, t("unable to create preview message"));
46
- }
47
- const handleSave = useCallback((values, { changed }) => {
48
- const paths = Object.keys(changed).filter((path) => changed[path]);
49
- Obj.change(subject, () => {
50
- for (const path of paths) {
51
- const value = values[path];
52
- const parts = splitJsonPath(path);
53
- Obj.setValue(subject, parts, value);
54
- }
55
- });
56
- }, []);
57
- const label = Obj.getLabel(subject) ?? Obj.getTypename(subject) ?? t("unable to create preview message");
58
- return /* @__PURE__ */ React.createElement(Card.Root, {
59
- id: subject.id
60
- }, /* @__PURE__ */ React.createElement(Card.Heading, {
61
- classNames: "flex items-center"
62
- }, label, /* @__PURE__ */ React.createElement("span", {
63
- className: "grow"
64
- }), /* @__PURE__ */ React.createElement(IconButton, {
65
- iconOnly: true,
66
- icon: "ph--arrow-right--regular",
67
- label: t("open object label"),
68
- onClick: handleNavigate
69
- })), /* @__PURE__ */ React.createElement(Form.Root, {
70
- schema: omitId(schema),
71
- projection,
72
- values: subject,
73
- autoSave: true,
74
- onSave: handleSave
75
- }, /* @__PURE__ */ React.createElement(Form.Viewport, null, /* @__PURE__ */ React.createElement(Form.Content, null, /* @__PURE__ */ React.createElement(Form.FieldSet, null)))));
76
- };
77
-
78
- // src/cards/OrganizationCard.tsx
79
- import React2 from "react";
80
- import { Card as Card2 } from "@dxos/react-ui-mosaic";
81
- var OrganizationCard = ({ subject }) => {
82
- const { image, description, website } = subject;
83
- return /* @__PURE__ */ React2.createElement(Card2.Content, null, /* @__PURE__ */ React2.createElement(Card2.Poster, {
84
- alt: name ?? "",
85
- ...image ? {
86
- image
87
- } : {
88
- icon: "ph--building-office--regular"
89
- },
90
- classNames: !image && "opacity-50"
91
- }), description && /* @__PURE__ */ React2.createElement(Card2.Row, null, /* @__PURE__ */ React2.createElement(Card2.Text, {
92
- variant: "description"
93
- }, description)), website && /* @__PURE__ */ React2.createElement(Card2.Link, {
94
- label: website,
95
- href: website
96
- }));
97
- };
98
-
99
- // src/cards/PersonCard.tsx
100
- import React3 from "react";
101
- import { Avatar } from "@dxos/react-ui";
102
- import { Card as Card3 } from "@dxos/react-ui-mosaic";
103
- var PersonCard = ({ subject }) => {
104
- const { image, organization: { target: organization } = {}, emails = [] } = subject;
105
- return /* @__PURE__ */ React3.createElement(Avatar.Root, null, /* @__PURE__ */ React3.createElement(Card3.Content, null, image && /* @__PURE__ */ React3.createElement(Card3.Row, {
106
- className: "plb-1"
107
- }, /* @__PURE__ */ React3.createElement(Avatar.Content, {
108
- imgSrc: image,
109
- icon: "ph--user--regular",
110
- size: 16,
111
- classNames: !image && "opacity-50",
112
- hue: "neutral",
113
- variant: "square"
114
- })), organization?.name && /* @__PURE__ */ React3.createElement(Card3.Action, {
115
- icon: "ph--buildings--regular",
116
- label: organization.name
117
- }), emails.map(({ value }) => /* @__PURE__ */ React3.createElement(Card3.Row, {
118
- key: value,
119
- icon: "ph--at--regular"
120
- }, /* @__PURE__ */ React3.createElement(Card3.Text, {
121
- truncate: true,
122
- className: "text-primaryText"
123
- }, value)))));
124
- };
125
-
126
- // src/cards/ProjectCard.tsx
127
- import React4 from "react";
128
- import { Obj as Obj2 } from "@dxos/echo";
129
- import { Card as Card4 } from "@dxos/react-ui-mosaic";
130
- var ProjectCard = ({ subject }) => {
131
- const { name: name2, image, description } = subject;
132
- return /* @__PURE__ */ React4.createElement(Card4.Content, null, image && /* @__PURE__ */ React4.createElement(Card4.Poster, {
133
- image,
134
- alt: Obj2.getLabel(subject) ?? "",
135
- aspect: "auto"
136
- }), description && /* @__PURE__ */ React4.createElement(Card4.Text, {
137
- variant: "description"
138
- }, description));
139
- };
140
-
141
- // src/cards/TaskCard.tsx
142
- import * as SchemaAST from "effect/SchemaAST";
143
- import React5 from "react";
144
- import { PropertyMetaAnnotationId } from "@dxos/echo/internal";
145
- import { Card as Card5 } from "@dxos/react-ui-mosaic";
146
- import { Task } from "@dxos/types";
147
- var TaskCard = ({ subject }) => {
148
- const { title, status } = subject;
149
- const statusOption = getActiveStatusOption(status);
150
- return /* @__PURE__ */ React5.createElement(Card5.Content, null, /* @__PURE__ */ React5.createElement(Card5.Heading, {
151
- classNames: "min-is-0 flex-1 truncate"
152
- }, title), statusOption && /* @__PURE__ */ React5.createElement("span", {
153
- className: "dx-tag",
154
- "data-hue": statusOption.color
155
- }, statusOption.title));
156
- };
157
- var getActiveStatusOption = (status) => {
158
- const properties = SchemaAST.getPropertySignatures(Task.Task.ast);
159
- const statusProperty = properties.find((p) => p.name === "status");
160
- const statusMeta = SchemaAST.getAnnotation(PropertyMetaAnnotationId)(
161
- // TODO(thure): Typescript asserts `.type` doesn’t have `.types`, but in runtime it does.
162
- statusProperty.type.types[0]
163
- );
164
- const options = statusMeta.value.singleSelect.options;
165
- return options.find(({ id }) => id === status);
166
- };
167
-
168
- // src/capabilities/react-surface/react-surface.tsx
169
- var react_surface_default = Capability.makeModule(() => Effect.succeed(Capability.contributes(Common2.Capability.ReactSurface, [
170
- //
171
- // Specific schema types.
172
- // TODO(burdon): Create helpers and factor out.
173
- //
174
- Common2.createSurface({
175
- id: `${meta.id}/schema-popover--contact`,
176
- role: "card--content",
177
- position: "hoist",
178
- filter: (data) => Obj3.instanceOf(Person.Person, data.subject),
179
- component: ({ data, role }) => {
180
- return /* @__PURE__ */ React6.createElement(PersonCard, {
181
- role,
182
- subject: data.subject
183
- });
184
- }
185
- }),
186
- Common2.createSurface({
187
- id: `${meta.id}/schema-popover--organization`,
188
- role: "card--content",
189
- position: "hoist",
190
- filter: (data) => Obj3.instanceOf(Organization.Organization, data.subject),
191
- component: ({ data, role }) => {
192
- return /* @__PURE__ */ React6.createElement(OrganizationCard, {
193
- role,
194
- subject: data.subject
195
- });
196
- }
197
- }),
198
- Common2.createSurface({
199
- id: `${meta.id}/schema-popover--project`,
200
- role: "card--content",
201
- position: "hoist",
202
- filter: (data) => Obj3.instanceOf(Project.Project, data.subject),
203
- component: ({ data, role }) => {
204
- return /* @__PURE__ */ React6.createElement(ProjectCard, {
205
- role,
206
- subject: data.subject
207
- });
208
- }
209
- }),
210
- Common2.createSurface({
211
- id: `${meta.id}/schema-popover--task`,
212
- role: "card--content",
213
- position: "hoist",
214
- filter: (data) => Obj3.instanceOf(Task2.Task, data.subject),
215
- component: ({ data, role }) => {
216
- return /* @__PURE__ */ React6.createElement(TaskCard, {
217
- role,
218
- subject: data.subject
219
- });
220
- }
221
- }),
222
- //
223
- // Fallback for any object.
224
- //
225
- Common2.createSurface({
226
- id: `${meta.id}/fallback-popover`,
227
- role: "card--content",
228
- position: "fallback",
229
- filter: (data) => Obj3.isObject(data.subject),
230
- component: ({ data, role }) => {
231
- return /* @__PURE__ */ React6.createElement(FormCard, {
232
- role,
233
- subject: data.subject,
234
- projection: data.projection
235
- });
236
- }
237
- }),
238
- Common2.createSurface({
239
- id: `${meta.id}/section`,
240
- role: [
241
- "section"
242
- ],
243
- position: "fallback",
244
- filter: (data) => Obj3.isObject(data.subject),
245
- component: ({ data }) => {
246
- return /* @__PURE__ */ React6.createElement("div", {
247
- role: "none",
248
- className: "flex is-full justify-center"
249
- }, /* @__PURE__ */ React6.createElement("div", {
250
- role: "none",
251
- className: "pbs-2 pbe-2 card-min-width card-max-width"
252
- }, /* @__PURE__ */ React6.createElement(Card6.Root, null, /* @__PURE__ */ React6.createElement(Surface, {
253
- role: "card--content",
254
- data,
255
- limit: 1
256
- }))));
257
- }
258
- })
259
- ])));
260
- export {
261
- react_surface_default as default
262
- };
263
- //# sourceMappingURL=react-surface-YCDD5VZC.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/capabilities/react-surface/react-surface.tsx", "../../../src/cards/FormCard.tsx", "../../../src/cards/OrganizationCard.tsx", "../../../src/cards/PersonCard.tsx", "../../../src/cards/ProjectCard.tsx", "../../../src/cards/TaskCard.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport React from 'react';\n\nimport { Capability, Common } from '@dxos/app-framework';\nimport { Surface } from '@dxos/app-framework/react';\nimport { Obj } from '@dxos/echo';\nimport { Card } from '@dxos/react-ui-mosaic';\nimport { type ProjectionModel } from '@dxos/schema';\nimport { Organization, Person, Project, Task } from '@dxos/types';\n\nimport { FormCard, OrganizationCard, PersonCard, ProjectCard, TaskCard } from '../../cards';\nimport { meta } from '../../meta';\n\nexport default Capability.makeModule(() =>\n Effect.succeed(\n Capability.contributes(Common.Capability.ReactSurface, [\n //\n // Specific schema types.\n // TODO(burdon): Create helpers and factor out.\n //\n\n Common.createSurface<{ subject: Person.Person }>({\n id: `${meta.id}/schema-popover--contact`,\n role: 'card--content',\n position: 'hoist',\n filter: (data): data is { subject: Person.Person } => Obj.instanceOf(Person.Person, data.subject),\n component: ({ data, role }) => {\n return <PersonCard role={role} subject={data.subject} />;\n },\n }),\n Common.createSurface({\n id: `${meta.id}/schema-popover--organization`,\n role: 'card--content',\n position: 'hoist',\n filter: (data): data is { subject: Organization.Organization } =>\n Obj.instanceOf(Organization.Organization, data.subject),\n component: ({ data, role }) => {\n return <OrganizationCard role={role} subject={data.subject} />;\n },\n }),\n Common.createSurface({\n id: `${meta.id}/schema-popover--project`,\n role: 'card--content',\n position: 'hoist',\n filter: (data): data is { subject: Project.Project } => Obj.instanceOf(Project.Project, data.subject),\n component: ({ data, role }) => {\n return <ProjectCard role={role} subject={data.subject} />;\n },\n }),\n Common.createSurface({\n id: `${meta.id}/schema-popover--task`,\n role: 'card--content',\n position: 'hoist',\n filter: (data): data is { subject: Task.Task } => Obj.instanceOf(Task.Task, data.subject),\n component: ({ data, role }) => {\n return <TaskCard role={role} subject={data.subject} />;\n },\n }),\n\n //\n // Fallback for any object.\n //\n\n Common.createSurface({\n id: `${meta.id}/fallback-popover`,\n role: 'card--content',\n position: 'fallback',\n filter: (data): data is { subject: Obj.Unknown; projection?: ProjectionModel } => Obj.isObject(data.subject),\n component: ({ data, role }) => {\n return <FormCard role={role} subject={data.subject} projection={data.projection} />;\n },\n }),\n\n Common.createSurface({\n id: `${meta.id}/section`,\n role: ['section'],\n position: 'fallback',\n filter: (data): data is { subject: Obj.Unknown } => Obj.isObject(data.subject),\n component: ({ data }) => {\n return (\n <div role='none' className='flex is-full justify-center'>\n <div role='none' className='pbs-2 pbe-2 card-min-width card-max-width'>\n <Card.Root>\n <Surface role='card--content' data={data} limit={1} />\n </Card.Root>\n </div>\n </div>\n );\n },\n }),\n ]),\n ),\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { Common } from '@dxos/app-framework';\nimport { type SurfaceComponentProps, useOperationInvoker } from '@dxos/app-framework/react';\nimport { Obj } from '@dxos/echo';\nimport { type JsonPath, splitJsonPath } from '@dxos/effect';\nimport { IconButton, useTranslation } from '@dxos/react-ui';\nimport { Form, omitId } from '@dxos/react-ui-form';\nimport { Card } from '@dxos/react-ui-mosaic';\nimport { type ProjectionModel } from '@dxos/schema';\nimport { descriptionMessage, mx } from '@dxos/ui-theme';\n\nimport { meta } from '../meta';\n\nexport const FormCard = ({ subject, projection }: SurfaceComponentProps & { projection?: ProjectionModel }) => {\n const { invokePromise } = useOperationInvoker();\n const schema = Obj.getSchema(subject);\n const { t } = useTranslation(meta.id);\n\n const handleNavigate = useCallback(async () => {\n await invokePromise(Common.LayoutOperation.UpdatePopover, { state: false, anchorId: '' });\n await invokePromise(Common.LayoutOperation.Open, { subject: [Obj.getDXN(subject).toString()] });\n }, [invokePromise, subject]);\n\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 paths = Object.keys(changed).filter((path) => changed[path]);\n Obj.change(subject, () => {\n for (const path of paths) {\n const value = values[path];\n const parts = splitJsonPath(path as JsonPath);\n Obj.setValue(subject, parts, value);\n }\n });\n }, []);\n\n const label = Obj.getLabel(subject) ?? Obj.getTypename(subject) ?? t('unable to create preview message');\n\n return (\n <Card.Root id={subject.id}>\n <Card.Heading classNames='flex items-center'>\n {label}\n <span className='grow' />\n <IconButton iconOnly icon='ph--arrow-right--regular' label={t('open object label')} onClick={handleNavigate} />\n </Card.Heading>\n <Form.Root schema={omitId(schema)} projection={projection} values={subject} autoSave onSave={handleSave}>\n <Form.Viewport>\n <Form.Content>\n <Form.FieldSet />\n </Form.Content>\n </Form.Viewport>\n </Form.Root>\n </Card.Root>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type SurfaceComponentProps } from '@dxos/app-framework/react';\nimport { Card } from '@dxos/react-ui-mosaic';\nimport { type Organization } from '@dxos/types';\n\nexport const OrganizationCard = ({ subject }: SurfaceComponentProps<Organization.Organization>) => {\n const { image, description, website } = subject;\n\n return (\n <Card.Content>\n <Card.Poster\n alt={name ?? ''}\n {...(image ? { image } : { icon: 'ph--building-office--regular' })}\n classNames={!image && 'opacity-50'}\n />\n {description && (\n <Card.Row>\n <Card.Text variant='description'>{description}</Card.Text>\n </Card.Row>\n )}\n {website && <Card.Link label={website} href={website} />}\n </Card.Content>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type SurfaceComponentProps } from '@dxos/app-framework/react';\nimport { Avatar } from '@dxos/react-ui';\nimport { Card } from '@dxos/react-ui-mosaic';\nimport { type Person } from '@dxos/types';\n\nexport const PersonCard = ({ subject }: SurfaceComponentProps<Person.Person>) => {\n const { image, organization: { target: organization } = {}, emails = [] } = subject;\n\n return (\n <Avatar.Root>\n <Card.Content>\n {image && (\n <Card.Row className='plb-1'>\n <Avatar.Content\n imgSrc={image}\n icon='ph--user--regular'\n size={16}\n classNames={!image && 'opacity-50'}\n hue='neutral'\n variant='square'\n />\n </Card.Row>\n )}\n {organization?.name && (\n <Card.Action\n icon='ph--buildings--regular'\n label={organization.name}\n // onClick={onSelect ? () => onSelect(organization) : undefined}\n />\n )}\n {emails.map(({ value }) => (\n <Card.Row key={value} icon='ph--at--regular'>\n <Card.Text truncate className='text-primaryText'>\n {value}\n </Card.Text>\n </Card.Row>\n ))}\n </Card.Content>\n </Avatar.Root>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type SurfaceComponentProps } from '@dxos/app-framework/react';\nimport { Obj } from '@dxos/echo';\nimport { Card } from '@dxos/react-ui-mosaic';\nimport { type Project } from '@dxos/types';\n\nexport const ProjectCard = ({ subject }: SurfaceComponentProps<Project.Project>) => {\n const { name, image, description } = subject;\n\n return (\n <Card.Content>\n {image && <Card.Poster image={image} alt={Obj.getLabel(subject) ?? ''} aspect='auto' />}\n {/* <CardHeader label={name} subject={subject} db={db} /> */}\n {description && <Card.Text variant='description'>{description}</Card.Text>}\n </Card.Content>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as SchemaAST from 'effect/SchemaAST';\nimport React from 'react';\n\nimport { type SurfaceComponentProps } from '@dxos/app-framework/react';\nimport { type PropertyMetaAnnotation, PropertyMetaAnnotationId } from '@dxos/echo/internal';\nimport { Card } from '@dxos/react-ui-mosaic';\nimport { Task } from '@dxos/types';\n\nexport const TaskCard = ({ subject }: SurfaceComponentProps<Task.Task>) => {\n const { title, status } = subject;\n const statusOption = getActiveStatusOption(status);\n\n return (\n <Card.Content>\n <Card.Heading classNames='min-is-0 flex-1 truncate'>{title}</Card.Heading>\n {statusOption && (\n <span className='dx-tag' data-hue={statusOption.color}>\n {statusOption.title}\n </span>\n )}\n </Card.Content>\n );\n};\n\n// TODO(thure): Should this move upstream as a helper? Is there an easier way to get options?\nconst getActiveStatusOption = (status?: string) => {\n const properties = SchemaAST.getPropertySignatures(Task.Task.ast);\n const statusProperty = properties.find((p) => p.name === 'status');\n const statusMeta = SchemaAST.getAnnotation<PropertyMetaAnnotation>(PropertyMetaAnnotationId)(\n // TODO(thure): Typescript asserts `.type` doesn’t have `.types`, but in runtime it does.\n (statusProperty!.type as any).types[0],\n );\n const options = // TODO(thure): Typescript asserts `statusMeta` doesn’t have `.value`, but in runtime it does.\n (statusMeta as any).value.singleSelect.options as { id: string; title: string; color: string }[];\n return options.find(({ id }) => id === status);\n};\n"],
5
- "mappings": "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",
6
- "names": ["Effect", "React", "Capability", "Common", "Surface", "Obj", "Card", "Organization", "Person", "Project", "Task", "React", "useCallback", "Common", "useOperationInvoker", "Obj", "splitJsonPath", "IconButton", "useTranslation", "Form", "omitId", "Card", "descriptionMessage", "mx", "FormCard", "subject", "projection", "invokePromise", "useOperationInvoker", "schema", "Obj", "getSchema", "t", "useTranslation", "meta", "id", "handleNavigate", "useCallback", "Common", "LayoutOperation", "UpdatePopover", "state", "anchorId", "Open", "getDXN", "toString", "p", "className", "mx", "descriptionMessage", "handleSave", "values", "changed", "paths", "Object", "keys", "filter", "path", "change", "value", "parts", "splitJsonPath", "setValue", "label", "getLabel", "getTypename", "Card", "Root", "Heading", "classNames", "span", "IconButton", "iconOnly", "icon", "onClick", "Form", "omitId", "autoSave", "onSave", "Viewport", "Content", "FieldSet", "React", "Card", "OrganizationCard", "subject", "image", "description", "website", "React", "Card", "Content", "Poster", "alt", "name", "icon", "classNames", "Row", "Text", "variant", "Link", "label", "href", "React", "Avatar", "Card", "PersonCard", "subject", "image", "organization", "target", "emails", "React", "Avatar", "Root", "Card", "Content", "Row", "className", "imgSrc", "icon", "size", "classNames", "hue", "variant", "name", "Action", "label", "map", "value", "key", "Text", "truncate", "React", "Obj", "Card", "ProjectCard", "subject", "name", "image", "description", "React", "Card", "Content", "Poster", "alt", "Obj", "getLabel", "aspect", "Text", "variant", "SchemaAST", "React", "PropertyMetaAnnotationId", "Card", "Task", "TaskCard", "subject", "title", "status", "statusOption", "getActiveStatusOption", "React", "Card", "Content", "Heading", "classNames", "span", "className", "data-hue", "color", "properties", "getPropertySignatures", "Task", "ast", "statusProperty", "find", "p", "name", "statusMeta", "getAnnotation", "PropertyMetaAnnotationId", "type", "types", "options", "value", "singleSelect", "id", "Capability", "makeModule", "succeed", "contributes", "Common", "ReactSurface", "createSurface", "id", "meta", "role", "position", "filter", "data", "Obj", "instanceOf", "Person", "subject", "component", "React", "PersonCard", "Organization", "OrganizationCard", "Project", "ProjectCard", "Task", "TaskCard", "isObject", "FormCard", "projection", "div", "className", "Card", "Root", "Surface", "limit"]
7
- }
@@ -1,19 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
-
3
- // src/meta.ts
4
- import { trim } from "@dxos/util";
5
- var meta = {
6
- id: "dxos.org/plugin/preview",
7
- name: "Preview",
8
- description: trim`
9
- Rich preview panel for viewing object content without opening full editors.
10
- Quick peek at documents, images, and data with inline rendering.
11
- `,
12
- icon: "ph--eye--regular",
13
- source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-preview"
14
- };
15
-
16
- export {
17
- meta
18
- };
19
- //# sourceMappingURL=chunk-2G4FUGDA.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/meta.ts"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n id: 'dxos.org/plugin/preview',\n name: 'Preview',\n description: trim`\n Rich preview panel for viewing object content without opening full editors.\n Quick peek at documents, images, and data with inline rendering.\n `,\n icon: 'ph--eye--regular',\n source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-preview',\n};\n"],
5
- "mappings": ";;;AAKA,SAASA,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,QAAQ;AACV;",
6
- "names": ["trim", "meta", "id", "name", "description", "trim", "icon", "source"]
7
- }
@@ -1,80 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
-
3
- // src/capabilities/preview-popover/preview-popover.ts
4
- import * as Effect from "effect/Effect";
5
- import { Capability, Common } from "@dxos/app-framework";
6
- import { addEventListener } from "@dxos/async";
7
- import { parseId } from "@dxos/client/echo";
8
- import { DXN } from "@dxos/keys";
9
- import { log } from "@dxos/log";
10
- import { ClientCapabilities } from "@dxos/plugin-client";
11
- import { DX_ANCHOR_ACTIVATE } from "@dxos/react-ui";
12
- var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-preview/src/capabilities/preview-popover/preview-popover.ts";
13
- var customEventOptions = {
14
- capture: true,
15
- passive: false
16
- };
17
- var handlePreviewLookup = async (client, defaultSpace, { ref, label }) => {
18
- try {
19
- const object = await defaultSpace.db.makeRef(DXN.parse(ref)).load();
20
- return {
21
- label,
22
- object
23
- };
24
- } catch {
25
- return null;
26
- }
27
- };
28
- var preview_popover_default = Capability.makeModule(Effect.fnUntraced(function* () {
29
- const capabilities = yield* Capability.Service;
30
- const handleAnchorActivate = async ({ refId, label, trigger, kind, title, side, props }) => {
31
- const { invokePromise } = capabilities.get(Common.Capability.OperationInvoker);
32
- const client = capabilities.get(ClientCapabilities.Client);
33
- const registry = capabilities.get(Common.Capability.AtomRegistry);
34
- const [layoutAtom] = capabilities.getAll(Common.Capability.Layout);
35
- const layout = registry.get(layoutAtom);
36
- const { spaceId } = parseId(layout.workspace);
37
- const space = (spaceId && client.spaces.get(spaceId)) ?? client.spaces.default;
38
- const result = await handlePreviewLookup(client, space, {
39
- ref: refId,
40
- label
41
- });
42
- if (!result) {
43
- return;
44
- }
45
- await invokePromise(Common.LayoutOperation.UpdatePopover, {
46
- subject: result.object,
47
- state: true,
48
- variant: "virtual",
49
- anchor: trigger,
50
- ...kind && {
51
- kind
52
- },
53
- ...title && {
54
- title
55
- },
56
- ...side && {
57
- side
58
- },
59
- ...props && {
60
- props
61
- }
62
- });
63
- };
64
- let cleanup;
65
- if (document.defaultView) {
66
- cleanup = addEventListener(document.defaultView, DX_ANCHOR_ACTIVATE, handleAnchorActivate, customEventOptions);
67
- } else {
68
- log.warn("No default view found", void 0, {
69
- F: __dxlog_file,
70
- L: 72,
71
- S: this,
72
- C: (f, a) => f(...a)
73
- });
74
- }
75
- return Capability.contributes(Common.Capability.Null, null, () => Effect.sync(() => cleanup?.()));
76
- }));
77
- export {
78
- preview_popover_default as default
79
- };
80
- //# sourceMappingURL=preview-popover-BGV2P6UX.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/capabilities/preview-popover/preview-popover.ts"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability, Common } from '@dxos/app-framework';\nimport { addEventListener } from '@dxos/async';\nimport { type Client } from '@dxos/client';\nimport { type Space, parseId } from '@dxos/client/echo';\nimport { DXN } from '@dxos/keys';\nimport { log } from '@dxos/log';\nimport { ClientCapabilities } from '@dxos/plugin-client';\nimport { DX_ANCHOR_ACTIVATE, type DxAnchorActivate } from '@dxos/react-ui';\nimport { type PreviewLinkRef, type PreviewLinkTarget } from '@dxos/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 object = await defaultSpace.db.makeRef(DXN.parse(ref)).load();\n return { label, object };\n } catch {\n return null;\n }\n};\n\nexport default Capability.makeModule(\n Effect.fnUntraced(function* () {\n // Get context for lazy capability access in callbacks.\n const capabilities = yield* Capability.Service;\n\n // TODO(wittjosiah): Factor out lookup handlers to other plugins to make not ECHO-specific.\n const handleAnchorActivate = async ({ refId, label, trigger, kind, title, side, props }: DxAnchorActivate) => {\n const { invokePromise } = capabilities.get(Common.Capability.OperationInvoker);\n const client = capabilities.get(ClientCapabilities.Client);\n const registry = capabilities.get(Common.Capability.AtomRegistry);\n const [layoutAtom] = capabilities.getAll(Common.Capability.Layout);\n const layout = registry.get(layoutAtom);\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 invokePromise(Common.LayoutOperation.UpdatePopover, {\n subject: result.object,\n state: true,\n variant: 'virtual',\n anchor: trigger,\n ...(kind && { kind }),\n ...(title && { title }),\n ...(side && { side }),\n ...(props && { props }),\n });\n };\n\n let cleanup: () => void;\n if (document.defaultView) {\n cleanup = addEventListener(\n document.defaultView,\n DX_ANCHOR_ACTIVATE as any,\n handleAnchorActivate,\n customEventOptions,\n );\n } else {\n log.warn('No default view found');\n }\n\n return Capability.contributes(Common.Capability.Null, null, () => Effect.sync(() => cleanup?.()));\n }),\n);\n"],
5
- "mappings": ";;;AAIA,YAAYA,YAAY;AAExB,SAASC,YAAYC,cAAc;AACnC,SAASC,wBAAwB;AAEjC,SAAqBC,eAAe;AACpC,SAASC,WAAW;AACpB,SAASC,WAAW;AACpB,SAASC,0BAA0B;AACnC,SAASC,0BAAiD;;AAG1D,IAAMC,qBAAqB;EAAEC,SAAS;EAAMC,SAAS;AAAM;AAE3D,IAAMC,sBAAsB,OAC1BC,QACAC,cACA,EAAEC,KAAKC,MAAK,MAAkB;AAE9B,MAAI;AACF,UAAMC,SAAS,MAAMH,aAAaI,GAAGC,QAAQd,IAAIe,MAAML,GAAAA,CAAAA,EAAMM,KAAI;AACjE,WAAO;MAAEL;MAAOC;IAAO;EACzB,QAAQ;AACN,WAAO;EACT;AACF;AAEA,IAAA,0BAAehB,WAAWqB,WACjBC,kBAAW,aAAA;AAEhB,QAAMC,eAAe,OAAOvB,WAAWwB;AAGvC,QAAMC,uBAAuB,OAAO,EAAEC,OAAOX,OAAOY,SAASC,MAAMC,OAAOC,MAAMC,MAAK,MAAoB;AACvG,UAAM,EAAEC,cAAa,IAAKT,aAAaU,IAAIhC,OAAOD,WAAWkC,gBAAgB;AAC7E,UAAMtB,SAASW,aAAaU,IAAI3B,mBAAmB6B,MAAM;AACzD,UAAMC,WAAWb,aAAaU,IAAIhC,OAAOD,WAAWqC,YAAY;AAChE,UAAM,CAACC,UAAAA,IAAcf,aAAagB,OAAOtC,OAAOD,WAAWwC,MAAM;AACjE,UAAMC,SAASL,SAASH,IAAIK,UAAAA;AAC5B,UAAM,EAAEI,QAAO,IAAKvC,QAAQsC,OAAOE,SAAS;AAC5C,UAAMC,SAASF,WAAW9B,OAAOiC,OAAOZ,IAAIS,OAAAA,MAAa9B,OAAOiC,OAAOC;AACvE,UAAMC,SAAS,MAAMpC,oBAAoBC,QAAQgC,OAAO;MAAE9B,KAAKY;MAAOX;IAAM,CAAA;AAC5E,QAAI,CAACgC,QAAQ;AACX;IACF;AAEA,UAAMf,cAAc/B,OAAO+C,gBAAgBC,eAAe;MACxDC,SAASH,OAAO/B;MAChBmC,OAAO;MACPC,SAAS;MACTC,QAAQ1B;MACR,GAAIC,QAAQ;QAAEA;MAAK;MACnB,GAAIC,SAAS;QAAEA;MAAM;MACrB,GAAIC,QAAQ;QAAEA;MAAK;MACnB,GAAIC,SAAS;QAAEA;MAAM;IACvB,CAAA;EACF;AAEA,MAAIuB;AACJ,MAAIC,SAASC,aAAa;AACxBF,cAAUpD,iBACRqD,SAASC,aACTjD,oBACAkB,sBACAjB,kBAAAA;EAEJ,OAAO;AACLH,QAAIoD,KAAK,yBAAA,QAAA;;;;;;EACX;AAEA,SAAOzD,WAAW0D,YAAYzD,OAAOD,WAAW2D,MAAM,MAAM,MAAaC,YAAK,MAAMN,UAAAA,CAAAA,CAAAA;AACtF,CAAA,CAAA;",
6
- "names": ["Effect", "Capability", "Common", "addEventListener", "parseId", "DXN", "log", "ClientCapabilities", "DX_ANCHOR_ACTIVATE", "customEventOptions", "capture", "passive", "handlePreviewLookup", "client", "defaultSpace", "ref", "label", "object", "db", "makeRef", "parse", "load", "makeModule", "fnUntraced", "capabilities", "Service", "handleAnchorActivate", "refId", "trigger", "kind", "title", "side", "props", "invokePromise", "get", "OperationInvoker", "Client", "registry", "AtomRegistry", "layoutAtom", "getAll", "Layout", "layout", "spaceId", "workspace", "space", "spaces", "default", "result", "LayoutOperation", "UpdatePopover", "subject", "state", "variant", "anchor", "cleanup", "document", "defaultView", "warn", "contributes", "Null", "sync"]
7
- }