@dxos/plugin-board 0.8.4-main.c4373fc → 0.8.4-main.c85a9c8dae

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 (96) hide show
  1. package/dist/lib/browser/BoardContainer-QVVN3MXA.mjs +150 -0
  2. package/dist/lib/browser/BoardContainer-QVVN3MXA.mjs.map +7 -0
  3. package/dist/lib/browser/chunk-DX5POLPL.mjs +19 -0
  4. package/dist/lib/browser/chunk-DX5POLPL.mjs.map +7 -0
  5. package/dist/lib/browser/chunk-J5LGTIGS.mjs +10 -0
  6. package/dist/lib/browser/chunk-J5LGTIGS.mjs.map +7 -0
  7. package/dist/lib/browser/chunk-KO5FZQGF.mjs +34 -0
  8. package/dist/lib/browser/chunk-KO5FZQGF.mjs.map +7 -0
  9. package/dist/lib/browser/index.mjs +35 -56
  10. package/dist/lib/browser/index.mjs.map +4 -4
  11. package/dist/lib/browser/meta.json +1 -1
  12. package/dist/lib/browser/react-surface-DBUDXBXD.mjs +38 -0
  13. package/dist/lib/browser/react-surface-DBUDXBXD.mjs.map +7 -0
  14. package/dist/lib/browser/types/index.mjs +2 -1
  15. package/dist/lib/node-esm/BoardContainer-U2P3DS4B.mjs +151 -0
  16. package/dist/lib/node-esm/BoardContainer-U2P3DS4B.mjs.map +7 -0
  17. package/dist/lib/node-esm/chunk-4C3UI73P.mjs +35 -0
  18. package/dist/lib/node-esm/chunk-4C3UI73P.mjs.map +7 -0
  19. package/dist/lib/node-esm/chunk-BKJL6RLQ.mjs +21 -0
  20. package/dist/lib/node-esm/chunk-BKJL6RLQ.mjs.map +7 -0
  21. package/dist/lib/node-esm/chunk-HSLMI22Q.mjs +11 -0
  22. package/dist/lib/node-esm/chunk-HSLMI22Q.mjs.map +7 -0
  23. package/dist/lib/node-esm/index.mjs +35 -56
  24. package/dist/lib/node-esm/index.mjs.map +4 -4
  25. package/dist/lib/node-esm/meta.json +1 -1
  26. package/dist/lib/node-esm/react-surface-SFB3GP7U.mjs +39 -0
  27. package/dist/lib/node-esm/react-surface-SFB3GP7U.mjs.map +7 -0
  28. package/dist/lib/node-esm/types/index.mjs +2 -1
  29. package/dist/types/src/BoardPlugin.d.ts +2 -1
  30. package/dist/types/src/BoardPlugin.d.ts.map +1 -1
  31. package/dist/types/src/capabilities/index.d.ts +1 -2
  32. package/dist/types/src/capabilities/index.d.ts.map +1 -1
  33. package/dist/types/src/capabilities/react-surface/index.d.ts +3 -0
  34. package/dist/types/src/capabilities/react-surface/index.d.ts.map +1 -0
  35. package/dist/types/src/capabilities/react-surface/react-surface.d.ts +5 -0
  36. package/dist/types/src/capabilities/react-surface/react-surface.d.ts.map +1 -0
  37. package/dist/types/src/components/index.d.ts +0 -1
  38. package/dist/types/src/components/index.d.ts.map +1 -1
  39. package/dist/types/src/containers/BoardContainer/BoardContainer.d.ts +6 -0
  40. package/dist/types/src/containers/BoardContainer/BoardContainer.d.ts.map +1 -0
  41. package/dist/types/src/{components → containers/BoardContainer}/BoardContainer.stories.d.ts +4 -4
  42. package/dist/types/src/containers/BoardContainer/BoardContainer.stories.d.ts.map +1 -0
  43. package/dist/types/src/containers/BoardContainer/index.d.ts +3 -0
  44. package/dist/types/src/containers/BoardContainer/index.d.ts.map +1 -0
  45. package/dist/types/src/containers/index.d.ts +3 -0
  46. package/dist/types/src/containers/index.d.ts.map +1 -0
  47. package/dist/types/src/index.d.ts +0 -1
  48. package/dist/types/src/index.d.ts.map +1 -1
  49. package/dist/types/src/meta.d.ts +2 -2
  50. package/dist/types/src/meta.d.ts.map +1 -1
  51. package/dist/types/src/translations.d.ts +1 -0
  52. package/dist/types/src/translations.d.ts.map +1 -1
  53. package/dist/types/src/types/Board.d.ts +25 -67
  54. package/dist/types/src/types/Board.d.ts.map +1 -1
  55. package/dist/types/tsconfig.tsbuildinfo +1 -1
  56. package/package.json +55 -47
  57. package/src/BoardPlugin.tsx +22 -45
  58. package/src/capabilities/index.ts +1 -4
  59. package/src/capabilities/react-surface/index.ts +7 -0
  60. package/src/capabilities/react-surface/react-surface.tsx +27 -0
  61. package/src/components/index.ts +0 -2
  62. package/src/containers/BoardContainer/BoardContainer.stories.tsx +122 -0
  63. package/src/containers/BoardContainer/BoardContainer.tsx +155 -0
  64. package/src/containers/BoardContainer/index.ts +7 -0
  65. package/src/containers/index.ts +7 -0
  66. package/src/index.ts +0 -1
  67. package/src/meta.ts +8 -4
  68. package/src/translations.ts +1 -0
  69. package/src/types/Board.ts +6 -20
  70. package/dist/lib/browser/chunk-RHMZXTJ7.mjs +0 -129
  71. package/dist/lib/browser/chunk-RHMZXTJ7.mjs.map +0 -7
  72. package/dist/lib/browser/chunk-Z6L4ZVCB.mjs +0 -59
  73. package/dist/lib/browser/chunk-Z6L4ZVCB.mjs.map +0 -7
  74. package/dist/lib/browser/intent-resolver-H6OF7V77.mjs +0 -33
  75. package/dist/lib/browser/intent-resolver-H6OF7V77.mjs.map +0 -7
  76. package/dist/lib/browser/react-surface-37LEVBKY.mjs +0 -30
  77. package/dist/lib/browser/react-surface-37LEVBKY.mjs.map +0 -7
  78. package/dist/lib/node-esm/chunk-AWLY252W.mjs +0 -60
  79. package/dist/lib/node-esm/chunk-AWLY252W.mjs.map +0 -7
  80. package/dist/lib/node-esm/chunk-XZA5WICX.mjs +0 -131
  81. package/dist/lib/node-esm/chunk-XZA5WICX.mjs.map +0 -7
  82. package/dist/lib/node-esm/intent-resolver-L534P6FM.mjs +0 -34
  83. package/dist/lib/node-esm/intent-resolver-L534P6FM.mjs.map +0 -7
  84. package/dist/lib/node-esm/react-surface-GVHSH2W2.mjs +0 -31
  85. package/dist/lib/node-esm/react-surface-GVHSH2W2.mjs.map +0 -7
  86. package/dist/types/src/capabilities/intent-resolver.d.ts +0 -4
  87. package/dist/types/src/capabilities/intent-resolver.d.ts.map +0 -1
  88. package/dist/types/src/capabilities/react-surface.d.ts +0 -4
  89. package/dist/types/src/capabilities/react-surface.d.ts.map +0 -1
  90. package/dist/types/src/components/BoardContainer.d.ts +0 -8
  91. package/dist/types/src/components/BoardContainer.d.ts.map +0 -1
  92. package/dist/types/src/components/BoardContainer.stories.d.ts.map +0 -1
  93. package/src/capabilities/intent-resolver.ts +0 -34
  94. package/src/capabilities/react-surface.tsx +0 -22
  95. package/src/components/BoardContainer.stories.tsx +0 -125
  96. package/src/components/BoardContainer.tsx +0 -136
@@ -1,129 +0,0 @@
1
- // src/components/BoardContainer.tsx
2
- import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
3
- import React, { useCallback, useMemo, useRef, useState } from "react";
4
- import { Surface } from "@dxos/app-framework";
5
- import { Filter, Ref, getSpace } from "@dxos/client/echo";
6
- import { invariant } from "@dxos/invariant";
7
- import { useQuery } from "@dxos/react-client/echo";
8
- import { useSignalsMemo } from "@dxos/react-ui";
9
- import { Board } from "@dxos/react-ui-board";
10
- import { ObjectPicker } from "@dxos/react-ui-form";
11
- import { StackItem } from "@dxos/react-ui-stack";
12
- import { isNonNullable } from "@dxos/util";
13
- var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-board/src/components/BoardContainer.tsx";
14
- var DEFAULT_POSITION = {
15
- x: 0,
16
- y: 0
17
- };
18
- var BoardContainer = ({ board }) => {
19
- var _effect = _useSignals();
20
- try {
21
- const controller = useRef(null);
22
- const items = useSignalsMemo(() => board.items.map((ref) => ref.target).filter(isNonNullable), [
23
- board
24
- ]);
25
- const addTriggerRef = useRef(null);
26
- const [pickerState, setPickerState] = useState(null);
27
- const allObjects = useQuery(getSpace(board), Filter.everything());
28
- const options = useMemo(() => allObjects.map((obj) => ({
29
- id: obj.id,
30
- label: obj.name || obj.title || obj.id,
31
- hue: "neutral"
32
- })), [
33
- allObjects
34
- ]);
35
- const handleAdd = useCallback(async (anchor, position = DEFAULT_POSITION) => {
36
- const space = getSpace(board);
37
- invariant(space, void 0, {
38
- F: __dxlog_file,
39
- L: 51,
40
- S: void 0,
41
- A: [
42
- "space",
43
- ""
44
- ]
45
- });
46
- addTriggerRef.current = anchor;
47
- setPickerState({
48
- position
49
- });
50
- }, [
51
- board
52
- ]);
53
- const handleSelect = useCallback((id) => {
54
- if (!pickerState) return;
55
- const selectedObject = allObjects.find((obj) => obj.id === id);
56
- if (!selectedObject) return;
57
- const ref = Ref.make(selectedObject);
58
- board.items.push(ref);
59
- board.layout.cells[selectedObject.id.toString()] = pickerState.position;
60
- setPickerState(null);
61
- }, [
62
- pickerState,
63
- allObjects,
64
- board
65
- ]);
66
- const handleDelete = useCallback((id) => {
67
- const idx = board.items.findIndex((ref) => ref.dxn.asEchoDXN()?.echoId === id);
68
- if (idx !== -1) {
69
- board.items.splice(idx, 1);
70
- }
71
- delete board.layout.cells[id];
72
- }, [
73
- board
74
- ]);
75
- const handleMove = useCallback((id, position) => {
76
- const layout = board.layout.cells[id];
77
- board.layout.cells[id] = {
78
- ...layout,
79
- ...position
80
- };
81
- }, [
82
- board
83
- ]);
84
- return /* @__PURE__ */ React.createElement(Board.Root, {
85
- ref: controller,
86
- layout: board.layout,
87
- onAdd: handleAdd,
88
- onDelete: handleDelete,
89
- onMove: handleMove
90
- }, /* @__PURE__ */ React.createElement(ObjectPicker.Root, {
91
- open: !!pickerState,
92
- onOpenChange: (nextOpen) => {
93
- setPickerState(nextOpen ? {
94
- position: DEFAULT_POSITION
95
- } : null);
96
- }
97
- }, /* @__PURE__ */ React.createElement(StackItem.Content, {
98
- toolbar: true
99
- }, /* @__PURE__ */ React.createElement(Board.Toolbar, null), /* @__PURE__ */ React.createElement(Board.Container, null, /* @__PURE__ */ React.createElement(Board.Viewport, {
100
- classNames: "border-none"
101
- }, /* @__PURE__ */ React.createElement(Board.Backdrop, null), /* @__PURE__ */ React.createElement(Board.Content, null, items?.map((item, index) => /* @__PURE__ */ React.createElement(Board.Cell, {
102
- item,
103
- key: index,
104
- layout: board.layout?.cells[item.id] ?? {
105
- x: 0,
106
- y: 0
107
- }
108
- }, /* @__PURE__ */ React.createElement(Surface, {
109
- role: "card--extrinsic",
110
- data: {
111
- subject: item
112
- },
113
- limit: 1
114
- }))))))), /* @__PURE__ */ React.createElement(ObjectPicker.Content, {
115
- options,
116
- onSelect: handleSelect,
117
- classNames: "popover-card-width"
118
- }), /* @__PURE__ */ React.createElement(ObjectPicker.VirtualTrigger, {
119
- virtualRef: addTriggerRef
120
- })));
121
- } finally {
122
- _effect.f();
123
- }
124
- };
125
-
126
- export {
127
- BoardContainer
128
- };
129
- //# sourceMappingURL=chunk-RHMZXTJ7.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/BoardContainer.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { Filter, Ref, getSpace } from '@dxos/client/echo';\nimport { invariant } from '@dxos/invariant';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { useSignalsMemo } from '@dxos/react-ui';\nimport { Board, type BoardController, type BoardRootProps, type Position } from '@dxos/react-ui-board';\nimport { ObjectPicker } from '@dxos/react-ui-form';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { isNonNullable } from '@dxos/util';\n\nimport { type Board as BoardType } from '../types';\n\nexport type BoardContainerProps = {\n role?: string;\n board: BoardType.Board;\n};\n\nconst DEFAULT_POSITION = { x: 0, y: 0 } satisfies Position;\n\ntype PickerState = {\n position: Position;\n};\n\nexport const BoardContainer = ({ board }: BoardContainerProps) => {\n const controller = useRef<BoardController>(null);\n const items = useSignalsMemo(() => board.items.map((ref) => ref.target).filter(isNonNullable), [board]);\n const addTriggerRef = useRef<HTMLButtonElement | null>(null);\n const [pickerState, setPickerState] = useState<PickerState | null>(null);\n\n // Memoize options for ObjectPicker containing all ECHO objects in the same space as the Board.\n const allObjects = useQuery(getSpace(board), Filter.everything());\n const options = useMemo(\n () =>\n allObjects.map((obj) => ({\n id: obj.id,\n label: obj.name || obj.title || obj.id,\n hue: 'neutral' as const,\n })),\n [allObjects],\n );\n\n const handleAdd = useCallback<NonNullable<BoardRootProps['onAdd']>>(\n async (anchor, position = DEFAULT_POSITION) => {\n const space = getSpace(board);\n invariant(space);\n addTriggerRef.current = anchor;\n setPickerState({\n position,\n });\n },\n [board],\n );\n\n const handleSelect = useCallback(\n (id: string) => {\n if (!pickerState) return;\n\n // Find the selected object by id from the space.\n const selectedObject = allObjects.find((obj) => obj.id === id);\n if (!selectedObject) return;\n\n // Create a reference to the selected object and add it to the board.\n const ref = Ref.make(selectedObject);\n board.items.push(ref);\n\n // Set the layout position for the new item.\n board.layout.cells[selectedObject.id.toString()] = pickerState.position;\n\n // Close the picker.\n setPickerState(null);\n },\n [pickerState, allObjects, board],\n );\n\n // TODO(burdon): Use intents so can be undone.\n const handleDelete = useCallback<NonNullable<BoardRootProps['onDelete']>>(\n (id) => {\n // TODO(burdon): Impl. DXN.equals and pass in DXN from `id`.\n const idx = board.items.findIndex((ref) => ref.dxn.asEchoDXN()?.echoId === id);\n if (idx !== -1) {\n board.items.splice(idx, 1);\n }\n delete board.layout.cells[id];\n },\n [board],\n );\n\n const handleMove = useCallback<NonNullable<BoardRootProps['onMove']>>(\n (id, position) => {\n const layout = board.layout.cells[id];\n board.layout.cells[id] = { ...layout, ...position };\n },\n [board],\n );\n\n return (\n <Board.Root ref={controller} layout={board.layout} onAdd={handleAdd} onDelete={handleDelete} onMove={handleMove}>\n <ObjectPicker.Root\n open={!!pickerState}\n onOpenChange={(nextOpen: boolean) => {\n setPickerState(\n nextOpen\n ? {\n position: DEFAULT_POSITION,\n }\n : null,\n );\n }}\n >\n <StackItem.Content toolbar>\n <Board.Toolbar />\n <Board.Container>\n <Board.Viewport classNames='border-none'>\n <Board.Backdrop />\n <Board.Content>\n {items?.map((item, index) => (\n <Board.Cell item={item} key={index} layout={board.layout?.cells[item.id] ?? { x: 0, y: 0 }}>\n <Surface role='card--extrinsic' data={{ subject: item }} limit={1} />\n </Board.Cell>\n ))}\n </Board.Content>\n </Board.Viewport>\n </Board.Container>\n </StackItem.Content>\n <ObjectPicker.Content options={options} onSelect={handleSelect} classNames='popover-card-width' />\n <ObjectPicker.VirtualTrigger virtualRef={addTriggerRef} />\n </ObjectPicker.Root>\n </Board.Root>\n );\n};\n"],
5
- "mappings": "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",
6
- "names": ["React", "useCallback", "useMemo", "useRef", "useState", "Surface", "Filter", "Ref", "getSpace", "invariant", "useQuery", "useSignalsMemo", "Board", "ObjectPicker", "StackItem", "isNonNullable", "DEFAULT_POSITION", "x", "y", "BoardContainer", "board", "controller", "items", "map", "ref", "target", "filter", "addTriggerRef", "pickerState", "setPickerState", "allObjects", "everything", "options", "obj", "id", "label", "name", "title", "hue", "handleAdd", "anchor", "position", "space", "current", "handleSelect", "selectedObject", "find", "make", "push", "layout", "cells", "toString", "handleDelete", "idx", "findIndex", "dxn", "asEchoDXN", "echoId", "splice", "handleMove", "Root", "onAdd", "onDelete", "onMove", "open", "onOpenChange", "nextOpen", "Content", "toolbar", "Toolbar", "Container", "Viewport", "classNames", "Backdrop", "item", "index", "Cell", "key", "role", "data", "subject", "limit", "onSelect", "VirtualTrigger", "virtualRef"]
7
- }
@@ -1,59 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __export = (target, all) => {
3
- for (var name in all)
4
- __defProp(target, name, { get: all[name], enumerable: true });
5
- };
6
-
7
- // src/types/Board.ts
8
- var Board_exports = {};
9
- __export(Board_exports, {
10
- Board: () => Board,
11
- Create: () => Create,
12
- makeBoard: () => makeBoard
13
- });
14
- import * as Schema from "effect/Schema";
15
- import { Obj, Type } from "@dxos/echo";
16
- import { LabelAnnotation } from "@dxos/echo/internal";
17
- import { BoardLayout, defaultLayout } from "@dxos/react-ui-board";
18
-
19
- // src/meta.ts
20
- var meta = {
21
- id: "dxos.org/plugin/board",
22
- name: "Board",
23
- description: "A spatial, infinite canvas app combining notes, media, and whiteboarding in a tactile, visual interface.",
24
- icon: "ph--squares-four--regular",
25
- source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-board",
26
- screenshots: []
27
- };
28
-
29
- // src/types/Board.ts
30
- var Board = Schema.Struct({
31
- name: Schema.optional(Schema.String),
32
- items: Schema.mutable(Schema.Array(Type.Ref(Type.Expando))),
33
- layout: Schema.mutable(BoardLayout)
34
- }).pipe(Type.Obj({
35
- typename: "dxos.org/type/Board",
36
- version: "0.1.0"
37
- }), LabelAnnotation.set([
38
- "name"
39
- ]));
40
- var makeBoard = (props = {}) => Obj.make(Board, {
41
- items: [],
42
- layout: defaultLayout,
43
- ...props
44
- });
45
- var Create = class extends Schema.TaggedClass()(`${meta.id}/action/create`, {
46
- input: Schema.Struct({
47
- name: Schema.optional(Schema.String)
48
- }),
49
- output: Schema.Struct({
50
- object: Board
51
- })
52
- }) {
53
- };
54
-
55
- export {
56
- meta,
57
- Board_exports
58
- };
59
- //# sourceMappingURL=chunk-Z6L4ZVCB.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/types/Board.ts", "../../../src/meta.ts"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Obj, Type } from '@dxos/echo';\nimport { LabelAnnotation } from '@dxos/echo/internal';\nimport { BoardLayout, defaultLayout } from '@dxos/react-ui-board';\n\nimport { meta } from '../meta';\n\n/**\n * Board and layout.\n */\nexport const Board = Schema.Struct({\n name: Schema.optional(Schema.String),\n items: Schema.mutable(Schema.Array(Type.Ref(Type.Expando))),\n layout: Schema.mutable(BoardLayout),\n}).pipe(\n Type.Obj({\n typename: 'dxos.org/type/Board',\n version: '0.1.0',\n }),\n LabelAnnotation.set(['name']),\n);\n\nexport interface Board extends Schema.Schema.Type<typeof Board> {}\n\nexport const makeBoard = (props: Partial<Obj.MakeProps<typeof Board>> = {}) =>\n Obj.make(Board, {\n items: [],\n layout: defaultLayout,\n ...props,\n });\n\n/**\n * Create board.\n */\nexport class Create extends Schema.TaggedClass<Create>()(`${meta.id}/action/create`, {\n input: Schema.Struct({\n name: Schema.optional(Schema.String),\n }),\n output: Schema.Struct({\n object: Board,\n }),\n}) {}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const meta: PluginMeta = {\n id: 'dxos.org/plugin/board',\n name: 'Board',\n description:\n 'A spatial, infinite canvas app combining notes, media, and whiteboarding in a tactile, visual interface.',\n icon: 'ph--squares-four--regular',\n source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-board',\n screenshots: [],\n};\n"],
5
- "mappings": ";;;;;;;AAAA;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,KAAKC,YAAY;AAC1B,SAASC,uBAAuB;AAChC,SAASC,aAAaC,qBAAqB;;;ACFpC,IAAMC,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,aACE;EACFC,MAAM;EACNC,QAAQ;EACRC,aAAa,CAAA;AACf;;;ADCO,IAAMC,QAAeC,cAAO;EACjCC,MAAaC,gBAAgBC,aAAM;EACnCC,OAAcC,eAAeC,aAAMC,KAAKC,IAAID,KAAKE,OAAO,CAAA,CAAA;EACxDC,QAAeL,eAAQM,WAAAA;AACzB,CAAA,EAAGC,KACDL,KAAKM,IAAI;EACPC,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,gBAAgBC,IAAI;EAAC;CAAO,CAAA;AAKvB,IAAMC,YAAY,CAACC,QAA8C,CAAC,MACvEN,IAAIO,KAAKrB,OAAO;EACdK,OAAO,CAAA;EACPM,QAAQW;EACR,GAAGF;AACL,CAAA;AAKK,IAAMG,SAAN,cAA4BC,mBAAW,EAAW,GAAGC,KAAKC,EAAE,kBAAkB;EACnFC,OAAc1B,cAAO;IACnBC,MAAaC,gBAAgBC,aAAM;EACrC,CAAA;EACAwB,QAAe3B,cAAO;IACpB4B,QAAQ7B;EACV,CAAA;AACF,CAAA,EAAA;AAAI;",
6
- "names": ["Schema", "Obj", "Type", "LabelAnnotation", "BoardLayout", "defaultLayout", "meta", "id", "name", "description", "icon", "source", "screenshots", "Board", "Struct", "name", "optional", "String", "items", "mutable", "Array", "Type", "Ref", "Expando", "layout", "BoardLayout", "pipe", "Obj", "typename", "version", "LabelAnnotation", "set", "makeBoard", "props", "make", "defaultLayout", "Create", "TaggedClass", "meta", "id", "input", "output", "object"]
7
- }
@@ -1,33 +0,0 @@
1
- import {
2
- Board_exports
3
- } from "./chunk-Z6L4ZVCB.mjs";
4
-
5
- // src/capabilities/intent-resolver.ts
6
- import { Capabilities, contributes, createResolver } from "@dxos/app-framework";
7
- import { Obj } from "@dxos/echo";
8
- var intent_resolver_default = (() => [
9
- contributes(Capabilities.IntentResolver, createResolver({
10
- intent: Board_exports.Create,
11
- resolve: ({ name }) => {
12
- return {
13
- data: {
14
- object: Obj.make(Board_exports.Board, {
15
- name,
16
- items: [],
17
- layout: {
18
- size: {
19
- width: 5,
20
- height: 5
21
- },
22
- cells: {}
23
- }
24
- })
25
- }
26
- };
27
- }
28
- }))
29
- ]);
30
- export {
31
- intent_resolver_default as default
32
- };
33
- //# sourceMappingURL=intent-resolver-H6OF7V77.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/capabilities/intent-resolver.ts"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, contributes, createResolver } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\n\nimport { Board } from '../types';\n\nexport default () => [\n contributes(\n Capabilities.IntentResolver,\n createResolver({\n intent: Board.Create,\n resolve: ({ name }) => {\n return {\n data: {\n object: Obj.make(Board.Board, {\n name,\n items: [],\n layout: {\n size: {\n width: 5,\n height: 5,\n },\n cells: {},\n },\n }),\n },\n };\n },\n }),\n ),\n];\n"],
5
- "mappings": ";;;;;AAIA,SAASA,cAAcC,aAAaC,sBAAsB;AAC1D,SAASC,WAAW;AAIpB,IAAA,2BAAe,MAAM;EACnBC,YACEC,aAAaC,gBACbC,eAAe;IACbC,QAAQC,cAAMC;IACdC,SAAS,CAAC,EAAEC,KAAI,MAAE;AAChB,aAAO;QACLC,MAAM;UACJC,QAAQC,IAAIC,KAAKP,cAAMA,OAAO;YAC5BG;YACAK,OAAO,CAAA;YACPC,QAAQ;cACNC,MAAM;gBACJC,OAAO;gBACPC,QAAQ;cACV;cACAC,OAAO,CAAC;YACV;UACF,CAAA;QACF;MACF;IACF;EACF,CAAA,CAAA;;",
6
- "names": ["Capabilities", "contributes", "createResolver", "Obj", "contributes", "Capabilities", "IntentResolver", "createResolver", "intent", "Board", "Create", "resolve", "name", "data", "object", "Obj", "make", "items", "layout", "size", "width", "height", "cells"]
7
- }
@@ -1,30 +0,0 @@
1
- import {
2
- BoardContainer
3
- } from "./chunk-RHMZXTJ7.mjs";
4
- import {
5
- Board_exports,
6
- meta
7
- } from "./chunk-Z6L4ZVCB.mjs";
8
-
9
- // src/capabilities/react-surface.tsx
10
- import React from "react";
11
- import { Capabilities, contributes, createSurface } from "@dxos/app-framework";
12
- import { Obj } from "@dxos/echo";
13
- var react_surface_default = ((context) => contributes(Capabilities.ReactSurface, [
14
- createSurface({
15
- id: meta.id,
16
- role: [
17
- "article",
18
- "section"
19
- ],
20
- filter: (data) => Obj.instanceOf(Board_exports.Board, data.subject),
21
- component: ({ data, role }) => /* @__PURE__ */ React.createElement(BoardContainer, {
22
- board: data.subject,
23
- role
24
- })
25
- })
26
- ]));
27
- export {
28
- react_surface_default as default
29
- };
30
- //# sourceMappingURL=react-surface-37LEVBKY.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/capabilities/react-surface.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, type PluginContext, contributes, createSurface } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\n\nimport { BoardContainer } from '../components';\nimport { meta } from '../meta';\nimport { Board } from '../types';\n\nexport default (context: PluginContext) =>\n contributes(Capabilities.ReactSurface, [\n createSurface({\n id: meta.id,\n role: ['article', 'section'],\n filter: (data): data is { subject: Board.Board } => Obj.instanceOf(Board.Board, data.subject),\n component: ({ data, role }) => <BoardContainer board={data.subject} role={role} />,\n }),\n ]);\n"],
5
- "mappings": ";;;;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,cAAkCC,aAAaC,qBAAqB;AAC7E,SAASC,WAAW;AAMpB,IAAA,yBAAe,CAACC,YACdC,YAAYC,aAAaC,cAAc;EACrCC,cAAc;IACZC,IAAIC,KAAKD;IACTE,MAAM;MAAC;MAAW;;IAClBC,QAAQ,CAACC,SAA2CC,IAAIC,WAAWC,cAAMA,OAAOH,KAAKI,OAAO;IAC5FC,WAAW,CAAC,EAAEL,MAAMF,KAAI,MAAO,sBAAA,cAACQ,gBAAAA;MAAeC,OAAOP,KAAKI;MAASN;;EACtE,CAAA;CACD;",
6
- "names": ["React", "Capabilities", "contributes", "createSurface", "Obj", "context", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "Board", "subject", "component", "BoardContainer", "board"]
7
- }
@@ -1,60 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- var __defProp = Object.defineProperty;
3
- var __export = (target, all) => {
4
- for (var name in all)
5
- __defProp(target, name, { get: all[name], enumerable: true });
6
- };
7
-
8
- // src/types/Board.ts
9
- var Board_exports = {};
10
- __export(Board_exports, {
11
- Board: () => Board,
12
- Create: () => Create,
13
- makeBoard: () => makeBoard
14
- });
15
- import * as Schema from "effect/Schema";
16
- import { Obj, Type } from "@dxos/echo";
17
- import { LabelAnnotation } from "@dxos/echo/internal";
18
- import { BoardLayout, defaultLayout } from "@dxos/react-ui-board";
19
-
20
- // src/meta.ts
21
- var meta = {
22
- id: "dxos.org/plugin/board",
23
- name: "Board",
24
- description: "A spatial, infinite canvas app combining notes, media, and whiteboarding in a tactile, visual interface.",
25
- icon: "ph--squares-four--regular",
26
- source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-board",
27
- screenshots: []
28
- };
29
-
30
- // src/types/Board.ts
31
- var Board = Schema.Struct({
32
- name: Schema.optional(Schema.String),
33
- items: Schema.mutable(Schema.Array(Type.Ref(Type.Expando))),
34
- layout: Schema.mutable(BoardLayout)
35
- }).pipe(Type.Obj({
36
- typename: "dxos.org/type/Board",
37
- version: "0.1.0"
38
- }), LabelAnnotation.set([
39
- "name"
40
- ]));
41
- var makeBoard = (props = {}) => Obj.make(Board, {
42
- items: [],
43
- layout: defaultLayout,
44
- ...props
45
- });
46
- var Create = class extends Schema.TaggedClass()(`${meta.id}/action/create`, {
47
- input: Schema.Struct({
48
- name: Schema.optional(Schema.String)
49
- }),
50
- output: Schema.Struct({
51
- object: Board
52
- })
53
- }) {
54
- };
55
-
56
- export {
57
- meta,
58
- Board_exports
59
- };
60
- //# sourceMappingURL=chunk-AWLY252W.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/types/Board.ts", "../../../src/meta.ts"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Obj, Type } from '@dxos/echo';\nimport { LabelAnnotation } from '@dxos/echo/internal';\nimport { BoardLayout, defaultLayout } from '@dxos/react-ui-board';\n\nimport { meta } from '../meta';\n\n/**\n * Board and layout.\n */\nexport const Board = Schema.Struct({\n name: Schema.optional(Schema.String),\n items: Schema.mutable(Schema.Array(Type.Ref(Type.Expando))),\n layout: Schema.mutable(BoardLayout),\n}).pipe(\n Type.Obj({\n typename: 'dxos.org/type/Board',\n version: '0.1.0',\n }),\n LabelAnnotation.set(['name']),\n);\n\nexport interface Board extends Schema.Schema.Type<typeof Board> {}\n\nexport const makeBoard = (props: Partial<Obj.MakeProps<typeof Board>> = {}) =>\n Obj.make(Board, {\n items: [],\n layout: defaultLayout,\n ...props,\n });\n\n/**\n * Create board.\n */\nexport class Create extends Schema.TaggedClass<Create>()(`${meta.id}/action/create`, {\n input: Schema.Struct({\n name: Schema.optional(Schema.String),\n }),\n output: Schema.Struct({\n object: Board,\n }),\n}) {}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const meta: PluginMeta = {\n id: 'dxos.org/plugin/board',\n name: 'Board',\n description:\n 'A spatial, infinite canvas app combining notes, media, and whiteboarding in a tactile, visual interface.',\n icon: 'ph--squares-four--regular',\n source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-board',\n screenshots: [],\n};\n"],
5
- "mappings": ";;;;;;;;AAAA;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,KAAKC,YAAY;AAC1B,SAASC,uBAAuB;AAChC,SAASC,aAAaC,qBAAqB;;;ACFpC,IAAMC,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,aACE;EACFC,MAAM;EACNC,QAAQ;EACRC,aAAa,CAAA;AACf;;;ADCO,IAAMC,QAAeC,cAAO;EACjCC,MAAaC,gBAAgBC,aAAM;EACnCC,OAAcC,eAAeC,aAAMC,KAAKC,IAAID,KAAKE,OAAO,CAAA,CAAA;EACxDC,QAAeL,eAAQM,WAAAA;AACzB,CAAA,EAAGC,KACDL,KAAKM,IAAI;EACPC,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,gBAAgBC,IAAI;EAAC;CAAO,CAAA;AAKvB,IAAMC,YAAY,CAACC,QAA8C,CAAC,MACvEN,IAAIO,KAAKrB,OAAO;EACdK,OAAO,CAAA;EACPM,QAAQW;EACR,GAAGF;AACL,CAAA;AAKK,IAAMG,SAAN,cAA4BC,mBAAW,EAAW,GAAGC,KAAKC,EAAE,kBAAkB;EACnFC,OAAc1B,cAAO;IACnBC,MAAaC,gBAAgBC,aAAM;EACrC,CAAA;EACAwB,QAAe3B,cAAO;IACpB4B,QAAQ7B;EACV,CAAA;AACF,CAAA,EAAA;AAAI;",
6
- "names": ["Schema", "Obj", "Type", "LabelAnnotation", "BoardLayout", "defaultLayout", "meta", "id", "name", "description", "icon", "source", "screenshots", "Board", "Struct", "name", "optional", "String", "items", "mutable", "Array", "Type", "Ref", "Expando", "layout", "BoardLayout", "pipe", "Obj", "typename", "version", "LabelAnnotation", "set", "makeBoard", "props", "make", "defaultLayout", "Create", "TaggedClass", "meta", "id", "input", "output", "object"]
7
- }
@@ -1,131 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
-
3
- // src/components/BoardContainer.tsx
4
- import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
5
- import React, { useCallback, useMemo, useRef, useState } from "react";
6
- import { Surface } from "@dxos/app-framework";
7
- import { Filter, Ref, getSpace } from "@dxos/client/echo";
8
- import { invariant } from "@dxos/invariant";
9
- import { useQuery } from "@dxos/react-client/echo";
10
- import { useSignalsMemo } from "@dxos/react-ui";
11
- import { Board } from "@dxos/react-ui-board";
12
- import { ObjectPicker } from "@dxos/react-ui-form";
13
- import { StackItem } from "@dxos/react-ui-stack";
14
- import { isNonNullable } from "@dxos/util";
15
- var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-board/src/components/BoardContainer.tsx";
16
- var DEFAULT_POSITION = {
17
- x: 0,
18
- y: 0
19
- };
20
- var BoardContainer = ({ board }) => {
21
- var _effect = _useSignals();
22
- try {
23
- const controller = useRef(null);
24
- const items = useSignalsMemo(() => board.items.map((ref) => ref.target).filter(isNonNullable), [
25
- board
26
- ]);
27
- const addTriggerRef = useRef(null);
28
- const [pickerState, setPickerState] = useState(null);
29
- const allObjects = useQuery(getSpace(board), Filter.everything());
30
- const options = useMemo(() => allObjects.map((obj) => ({
31
- id: obj.id,
32
- label: obj.name || obj.title || obj.id,
33
- hue: "neutral"
34
- })), [
35
- allObjects
36
- ]);
37
- const handleAdd = useCallback(async (anchor, position = DEFAULT_POSITION) => {
38
- const space = getSpace(board);
39
- invariant(space, void 0, {
40
- F: __dxlog_file,
41
- L: 51,
42
- S: void 0,
43
- A: [
44
- "space",
45
- ""
46
- ]
47
- });
48
- addTriggerRef.current = anchor;
49
- setPickerState({
50
- position
51
- });
52
- }, [
53
- board
54
- ]);
55
- const handleSelect = useCallback((id) => {
56
- if (!pickerState) return;
57
- const selectedObject = allObjects.find((obj) => obj.id === id);
58
- if (!selectedObject) return;
59
- const ref = Ref.make(selectedObject);
60
- board.items.push(ref);
61
- board.layout.cells[selectedObject.id.toString()] = pickerState.position;
62
- setPickerState(null);
63
- }, [
64
- pickerState,
65
- allObjects,
66
- board
67
- ]);
68
- const handleDelete = useCallback((id) => {
69
- const idx = board.items.findIndex((ref) => ref.dxn.asEchoDXN()?.echoId === id);
70
- if (idx !== -1) {
71
- board.items.splice(idx, 1);
72
- }
73
- delete board.layout.cells[id];
74
- }, [
75
- board
76
- ]);
77
- const handleMove = useCallback((id, position) => {
78
- const layout = board.layout.cells[id];
79
- board.layout.cells[id] = {
80
- ...layout,
81
- ...position
82
- };
83
- }, [
84
- board
85
- ]);
86
- return /* @__PURE__ */ React.createElement(Board.Root, {
87
- ref: controller,
88
- layout: board.layout,
89
- onAdd: handleAdd,
90
- onDelete: handleDelete,
91
- onMove: handleMove
92
- }, /* @__PURE__ */ React.createElement(ObjectPicker.Root, {
93
- open: !!pickerState,
94
- onOpenChange: (nextOpen) => {
95
- setPickerState(nextOpen ? {
96
- position: DEFAULT_POSITION
97
- } : null);
98
- }
99
- }, /* @__PURE__ */ React.createElement(StackItem.Content, {
100
- toolbar: true
101
- }, /* @__PURE__ */ React.createElement(Board.Toolbar, null), /* @__PURE__ */ React.createElement(Board.Container, null, /* @__PURE__ */ React.createElement(Board.Viewport, {
102
- classNames: "border-none"
103
- }, /* @__PURE__ */ React.createElement(Board.Backdrop, null), /* @__PURE__ */ React.createElement(Board.Content, null, items?.map((item, index) => /* @__PURE__ */ React.createElement(Board.Cell, {
104
- item,
105
- key: index,
106
- layout: board.layout?.cells[item.id] ?? {
107
- x: 0,
108
- y: 0
109
- }
110
- }, /* @__PURE__ */ React.createElement(Surface, {
111
- role: "card--extrinsic",
112
- data: {
113
- subject: item
114
- },
115
- limit: 1
116
- }))))))), /* @__PURE__ */ React.createElement(ObjectPicker.Content, {
117
- options,
118
- onSelect: handleSelect,
119
- classNames: "popover-card-width"
120
- }), /* @__PURE__ */ React.createElement(ObjectPicker.VirtualTrigger, {
121
- virtualRef: addTriggerRef
122
- })));
123
- } finally {
124
- _effect.f();
125
- }
126
- };
127
-
128
- export {
129
- BoardContainer
130
- };
131
- //# sourceMappingURL=chunk-XZA5WICX.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/BoardContainer.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { Filter, Ref, getSpace } from '@dxos/client/echo';\nimport { invariant } from '@dxos/invariant';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { useSignalsMemo } from '@dxos/react-ui';\nimport { Board, type BoardController, type BoardRootProps, type Position } from '@dxos/react-ui-board';\nimport { ObjectPicker } from '@dxos/react-ui-form';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { isNonNullable } from '@dxos/util';\n\nimport { type Board as BoardType } from '../types';\n\nexport type BoardContainerProps = {\n role?: string;\n board: BoardType.Board;\n};\n\nconst DEFAULT_POSITION = { x: 0, y: 0 } satisfies Position;\n\ntype PickerState = {\n position: Position;\n};\n\nexport const BoardContainer = ({ board }: BoardContainerProps) => {\n const controller = useRef<BoardController>(null);\n const items = useSignalsMemo(() => board.items.map((ref) => ref.target).filter(isNonNullable), [board]);\n const addTriggerRef = useRef<HTMLButtonElement | null>(null);\n const [pickerState, setPickerState] = useState<PickerState | null>(null);\n\n // Memoize options for ObjectPicker containing all ECHO objects in the same space as the Board.\n const allObjects = useQuery(getSpace(board), Filter.everything());\n const options = useMemo(\n () =>\n allObjects.map((obj) => ({\n id: obj.id,\n label: obj.name || obj.title || obj.id,\n hue: 'neutral' as const,\n })),\n [allObjects],\n );\n\n const handleAdd = useCallback<NonNullable<BoardRootProps['onAdd']>>(\n async (anchor, position = DEFAULT_POSITION) => {\n const space = getSpace(board);\n invariant(space);\n addTriggerRef.current = anchor;\n setPickerState({\n position,\n });\n },\n [board],\n );\n\n const handleSelect = useCallback(\n (id: string) => {\n if (!pickerState) return;\n\n // Find the selected object by id from the space.\n const selectedObject = allObjects.find((obj) => obj.id === id);\n if (!selectedObject) return;\n\n // Create a reference to the selected object and add it to the board.\n const ref = Ref.make(selectedObject);\n board.items.push(ref);\n\n // Set the layout position for the new item.\n board.layout.cells[selectedObject.id.toString()] = pickerState.position;\n\n // Close the picker.\n setPickerState(null);\n },\n [pickerState, allObjects, board],\n );\n\n // TODO(burdon): Use intents so can be undone.\n const handleDelete = useCallback<NonNullable<BoardRootProps['onDelete']>>(\n (id) => {\n // TODO(burdon): Impl. DXN.equals and pass in DXN from `id`.\n const idx = board.items.findIndex((ref) => ref.dxn.asEchoDXN()?.echoId === id);\n if (idx !== -1) {\n board.items.splice(idx, 1);\n }\n delete board.layout.cells[id];\n },\n [board],\n );\n\n const handleMove = useCallback<NonNullable<BoardRootProps['onMove']>>(\n (id, position) => {\n const layout = board.layout.cells[id];\n board.layout.cells[id] = { ...layout, ...position };\n },\n [board],\n );\n\n return (\n <Board.Root ref={controller} layout={board.layout} onAdd={handleAdd} onDelete={handleDelete} onMove={handleMove}>\n <ObjectPicker.Root\n open={!!pickerState}\n onOpenChange={(nextOpen: boolean) => {\n setPickerState(\n nextOpen\n ? {\n position: DEFAULT_POSITION,\n }\n : null,\n );\n }}\n >\n <StackItem.Content toolbar>\n <Board.Toolbar />\n <Board.Container>\n <Board.Viewport classNames='border-none'>\n <Board.Backdrop />\n <Board.Content>\n {items?.map((item, index) => (\n <Board.Cell item={item} key={index} layout={board.layout?.cells[item.id] ?? { x: 0, y: 0 }}>\n <Surface role='card--extrinsic' data={{ subject: item }} limit={1} />\n </Board.Cell>\n ))}\n </Board.Content>\n </Board.Viewport>\n </Board.Container>\n </StackItem.Content>\n <ObjectPicker.Content options={options} onSelect={handleSelect} classNames='popover-card-width' />\n <ObjectPicker.VirtualTrigger virtualRef={addTriggerRef} />\n </ObjectPicker.Root>\n </Board.Root>\n );\n};\n"],
5
- "mappings": "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",
6
- "names": ["React", "useCallback", "useMemo", "useRef", "useState", "Surface", "Filter", "Ref", "getSpace", "invariant", "useQuery", "useSignalsMemo", "Board", "ObjectPicker", "StackItem", "isNonNullable", "DEFAULT_POSITION", "x", "y", "BoardContainer", "board", "controller", "items", "map", "ref", "target", "filter", "addTriggerRef", "pickerState", "setPickerState", "allObjects", "everything", "options", "obj", "id", "label", "name", "title", "hue", "handleAdd", "anchor", "position", "space", "current", "handleSelect", "selectedObject", "find", "make", "push", "layout", "cells", "toString", "handleDelete", "idx", "findIndex", "dxn", "asEchoDXN", "echoId", "splice", "handleMove", "Root", "onAdd", "onDelete", "onMove", "open", "onOpenChange", "nextOpen", "Content", "toolbar", "Toolbar", "Container", "Viewport", "classNames", "Backdrop", "item", "index", "Cell", "key", "role", "data", "subject", "limit", "onSelect", "VirtualTrigger", "virtualRef"]
7
- }
@@ -1,34 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- Board_exports
4
- } from "./chunk-AWLY252W.mjs";
5
-
6
- // src/capabilities/intent-resolver.ts
7
- import { Capabilities, contributes, createResolver } from "@dxos/app-framework";
8
- import { Obj } from "@dxos/echo";
9
- var intent_resolver_default = (() => [
10
- contributes(Capabilities.IntentResolver, createResolver({
11
- intent: Board_exports.Create,
12
- resolve: ({ name }) => {
13
- return {
14
- data: {
15
- object: Obj.make(Board_exports.Board, {
16
- name,
17
- items: [],
18
- layout: {
19
- size: {
20
- width: 5,
21
- height: 5
22
- },
23
- cells: {}
24
- }
25
- })
26
- }
27
- };
28
- }
29
- }))
30
- ]);
31
- export {
32
- intent_resolver_default as default
33
- };
34
- //# sourceMappingURL=intent-resolver-L534P6FM.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/capabilities/intent-resolver.ts"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, contributes, createResolver } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\n\nimport { Board } from '../types';\n\nexport default () => [\n contributes(\n Capabilities.IntentResolver,\n createResolver({\n intent: Board.Create,\n resolve: ({ name }) => {\n return {\n data: {\n object: Obj.make(Board.Board, {\n name,\n items: [],\n layout: {\n size: {\n width: 5,\n height: 5,\n },\n cells: {},\n },\n }),\n },\n };\n },\n }),\n ),\n];\n"],
5
- "mappings": ";;;;;;AAIA,SAASA,cAAcC,aAAaC,sBAAsB;AAC1D,SAASC,WAAW;AAIpB,IAAA,2BAAe,MAAM;EACnBC,YACEC,aAAaC,gBACbC,eAAe;IACbC,QAAQC,cAAMC;IACdC,SAAS,CAAC,EAAEC,KAAI,MAAE;AAChB,aAAO;QACLC,MAAM;UACJC,QAAQC,IAAIC,KAAKP,cAAMA,OAAO;YAC5BG;YACAK,OAAO,CAAA;YACPC,QAAQ;cACNC,MAAM;gBACJC,OAAO;gBACPC,QAAQ;cACV;cACAC,OAAO,CAAC;YACV;UACF,CAAA;QACF;MACF;IACF;EACF,CAAA,CAAA;;",
6
- "names": ["Capabilities", "contributes", "createResolver", "Obj", "contributes", "Capabilities", "IntentResolver", "createResolver", "intent", "Board", "Create", "resolve", "name", "data", "object", "Obj", "make", "items", "layout", "size", "width", "height", "cells"]
7
- }
@@ -1,31 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- BoardContainer
4
- } from "./chunk-XZA5WICX.mjs";
5
- import {
6
- Board_exports,
7
- meta
8
- } from "./chunk-AWLY252W.mjs";
9
-
10
- // src/capabilities/react-surface.tsx
11
- import React from "react";
12
- import { Capabilities, contributes, createSurface } from "@dxos/app-framework";
13
- import { Obj } from "@dxos/echo";
14
- var react_surface_default = ((context) => contributes(Capabilities.ReactSurface, [
15
- createSurface({
16
- id: meta.id,
17
- role: [
18
- "article",
19
- "section"
20
- ],
21
- filter: (data) => Obj.instanceOf(Board_exports.Board, data.subject),
22
- component: ({ data, role }) => /* @__PURE__ */ React.createElement(BoardContainer, {
23
- board: data.subject,
24
- role
25
- })
26
- })
27
- ]));
28
- export {
29
- react_surface_default as default
30
- };
31
- //# sourceMappingURL=react-surface-GVHSH2W2.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/capabilities/react-surface.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, type PluginContext, contributes, createSurface } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\n\nimport { BoardContainer } from '../components';\nimport { meta } from '../meta';\nimport { Board } from '../types';\n\nexport default (context: PluginContext) =>\n contributes(Capabilities.ReactSurface, [\n createSurface({\n id: meta.id,\n role: ['article', 'section'],\n filter: (data): data is { subject: Board.Board } => Obj.instanceOf(Board.Board, data.subject),\n component: ({ data, role }) => <BoardContainer board={data.subject} role={role} />,\n }),\n ]);\n"],
5
- "mappings": ";;;;;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,cAAkCC,aAAaC,qBAAqB;AAC7E,SAASC,WAAW;AAMpB,IAAA,yBAAe,CAACC,YACdC,YAAYC,aAAaC,cAAc;EACrCC,cAAc;IACZC,IAAIC,KAAKD;IACTE,MAAM;MAAC;MAAW;;IAClBC,QAAQ,CAACC,SAA2CC,IAAIC,WAAWC,cAAMA,OAAOH,KAAKI,OAAO;IAC5FC,WAAW,CAAC,EAAEL,MAAMF,KAAI,MAAO,sBAAA,cAACQ,gBAAAA;MAAeC,OAAOP,KAAKI;MAASN;;EACtE,CAAA;CACD;",
6
- "names": ["React", "Capabilities", "contributes", "createSurface", "Obj", "context", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "Board", "subject", "component", "BoardContainer", "board"]
7
- }
@@ -1,4 +0,0 @@
1
- import { Capabilities } from '@dxos/app-framework';
2
- declare const _default: () => import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<Capabilities.IntentResolver>>[];
3
- export default _default;
4
- //# sourceMappingURL=intent-resolver.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"intent-resolver.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/intent-resolver.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAA+B,MAAM,qBAAqB,CAAC;;AAKhF,wBAwBE"}
@@ -1,4 +0,0 @@
1
- import { Capabilities, type PluginContext } from '@dxos/app-framework';
2
- declare const _default: (context: PluginContext) => import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<Capabilities.ReactSurface>>;
3
- export default _default;
4
- //# sourceMappingURL=react-surface.d.ts.map