@dxos/plugin-board 0.8.4-main.ae835ea → 0.8.4-main.bc674ce

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 (71) hide show
  1. package/dist/lib/browser/chunk-2XGWSTZV.mjs +159 -0
  2. package/dist/lib/browser/chunk-2XGWSTZV.mjs.map +7 -0
  3. package/dist/lib/browser/chunk-7VKDDGS7.mjs +36 -0
  4. package/dist/lib/browser/chunk-7VKDDGS7.mjs.map +7 -0
  5. package/dist/lib/browser/index.mjs +34 -56
  6. package/dist/lib/browser/index.mjs.map +4 -4
  7. package/dist/lib/browser/meta.json +1 -1
  8. package/dist/lib/browser/react-surface-BEYXCLXI.mjs +31 -0
  9. package/dist/lib/browser/react-surface-BEYXCLXI.mjs.map +7 -0
  10. package/dist/lib/browser/types/index.mjs +1 -1
  11. package/dist/lib/node-esm/chunk-JKPYRS2Z.mjs +161 -0
  12. package/dist/lib/node-esm/chunk-JKPYRS2Z.mjs.map +7 -0
  13. package/dist/lib/node-esm/chunk-UGVRNKWV.mjs +37 -0
  14. package/dist/lib/node-esm/chunk-UGVRNKWV.mjs.map +7 -0
  15. package/dist/lib/node-esm/index.mjs +34 -56
  16. package/dist/lib/node-esm/index.mjs.map +4 -4
  17. package/dist/lib/node-esm/meta.json +1 -1
  18. package/dist/lib/node-esm/react-surface-ZFKFUBJM.mjs +32 -0
  19. package/dist/lib/node-esm/react-surface-ZFKFUBJM.mjs.map +7 -0
  20. package/dist/lib/node-esm/types/index.mjs +1 -1
  21. package/dist/types/src/BoardPlugin.d.ts +2 -1
  22. package/dist/types/src/BoardPlugin.d.ts.map +1 -1
  23. package/dist/types/src/capabilities/index.d.ts +1 -2
  24. package/dist/types/src/capabilities/index.d.ts.map +1 -1
  25. package/dist/types/src/capabilities/react-surface/index.d.ts +3 -0
  26. package/dist/types/src/capabilities/react-surface/index.d.ts.map +1 -0
  27. package/dist/types/src/capabilities/react-surface/react-surface.d.ts +5 -0
  28. package/dist/types/src/capabilities/react-surface/react-surface.d.ts.map +1 -0
  29. package/dist/types/src/components/BoardContainer.d.ts +3 -5
  30. package/dist/types/src/components/BoardContainer.d.ts.map +1 -1
  31. package/dist/types/src/components/BoardContainer.stories.d.ts +3 -3
  32. package/dist/types/src/components/BoardContainer.stories.d.ts.map +1 -1
  33. package/dist/types/src/meta.d.ts +2 -2
  34. package/dist/types/src/meta.d.ts.map +1 -1
  35. package/dist/types/src/translations.d.ts +1 -0
  36. package/dist/types/src/translations.d.ts.map +1 -1
  37. package/dist/types/src/types/Board.d.ts +25 -67
  38. package/dist/types/src/types/Board.d.ts.map +1 -1
  39. package/dist/types/tsconfig.tsbuildinfo +1 -1
  40. package/package.json +55 -49
  41. package/src/BoardPlugin.tsx +21 -46
  42. package/src/capabilities/index.ts +1 -4
  43. package/src/capabilities/react-surface/index.ts +7 -0
  44. package/src/capabilities/react-surface/react-surface.tsx +26 -0
  45. package/src/components/BoardContainer.stories.tsx +33 -37
  46. package/src/components/BoardContainer.tsx +35 -32
  47. package/src/meta.ts +2 -2
  48. package/src/translations.ts +1 -0
  49. package/src/types/Board.ts +4 -18
  50. package/dist/lib/browser/chunk-6IYOP7JD.mjs +0 -64
  51. package/dist/lib/browser/chunk-6IYOP7JD.mjs.map +0 -7
  52. package/dist/lib/browser/chunk-IDV4P2SK.mjs +0 -143
  53. package/dist/lib/browser/chunk-IDV4P2SK.mjs.map +0 -7
  54. package/dist/lib/browser/intent-resolver-MGJCQT3N.mjs +0 -33
  55. package/dist/lib/browser/intent-resolver-MGJCQT3N.mjs.map +0 -7
  56. package/dist/lib/browser/react-surface-EACRLTVO.mjs +0 -30
  57. package/dist/lib/browser/react-surface-EACRLTVO.mjs.map +0 -7
  58. package/dist/lib/node-esm/chunk-WFLKZNL3.mjs +0 -65
  59. package/dist/lib/node-esm/chunk-WFLKZNL3.mjs.map +0 -7
  60. package/dist/lib/node-esm/chunk-ZNNC2VAL.mjs +0 -145
  61. package/dist/lib/node-esm/chunk-ZNNC2VAL.mjs.map +0 -7
  62. package/dist/lib/node-esm/intent-resolver-TV2AARM7.mjs +0 -34
  63. package/dist/lib/node-esm/intent-resolver-TV2AARM7.mjs.map +0 -7
  64. package/dist/lib/node-esm/react-surface-PEYOXLWP.mjs +0 -31
  65. package/dist/lib/node-esm/react-surface-PEYOXLWP.mjs.map +0 -7
  66. package/dist/types/src/capabilities/intent-resolver.d.ts +0 -4
  67. package/dist/types/src/capabilities/intent-resolver.d.ts.map +0 -1
  68. package/dist/types/src/capabilities/react-surface.d.ts +0 -4
  69. package/dist/types/src/capabilities/react-surface.d.ts.map +0 -1
  70. package/src/capabilities/intent-resolver.ts +0 -34
  71. package/src/capabilities/react-surface.tsx +0 -22
@@ -1,64 +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 { FormAnnotation, LabelAnnotation } from "@dxos/echo/internal";
17
- import { BoardLayout, defaultLayout } from "@dxos/react-ui-board";
18
-
19
- // src/meta.ts
20
- import { trim } from "@dxos/util";
21
- var meta = {
22
- id: "dxos.org/plugin/board",
23
- name: "Board",
24
- description: trim`
25
- Infinite canvas workspace that combines sticky notes, media, and whiteboarding tools.
26
- Arrange and connect ideas freely in a visual space perfect for brainstorming and creative collaboration.
27
- `,
28
- icon: "ph--squares-four--regular",
29
- iconHue: "green",
30
- source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-board",
31
- screenshots: []
32
- };
33
-
34
- // src/types/Board.ts
35
- var Board = Schema.Struct({
36
- name: Schema.String.pipe(Schema.optional),
37
- items: Type.Ref(Type.Expando).pipe(Schema.Array, Schema.mutable, FormAnnotation.set(false)),
38
- layout: BoardLayout.pipe(Schema.mutable, FormAnnotation.set(false))
39
- }).pipe(Type.Obj({
40
- typename: "dxos.org/type/Board",
41
- version: "0.1.0"
42
- }), LabelAnnotation.set([
43
- "name"
44
- ]));
45
- var makeBoard = (props = {}) => Obj.make(Board, {
46
- items: [],
47
- layout: defaultLayout,
48
- ...props
49
- });
50
- var Create = class extends Schema.TaggedClass()(`${meta.id}/action/create`, {
51
- input: Schema.Struct({
52
- name: Schema.optional(Schema.String)
53
- }),
54
- output: Schema.Struct({
55
- object: Board
56
- })
57
- }) {
58
- };
59
-
60
- export {
61
- meta,
62
- Board_exports
63
- };
64
- //# sourceMappingURL=chunk-6IYOP7JD.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 { FormAnnotation, 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.String.pipe(Schema.optional),\n items: Type.Ref(Type.Expando).pipe(Schema.Array, Schema.mutable, FormAnnotation.set(false)),\n layout: BoardLayout.pipe(Schema.mutable, FormAnnotation.set(false)),\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';\nimport { trim } from '@dxos/util';\n\nexport const meta: PluginMeta = {\n id: 'dxos.org/plugin/board',\n name: 'Board',\n description: trim`\n Infinite canvas workspace that combines sticky notes, media, and whiteboarding tools.\n Arrange and connect ideas freely in a visual space perfect for brainstorming and creative collaboration.\n `,\n icon: 'ph--squares-four--regular',\n iconHue: 'green',\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,gBAAgBC,uBAAuB;AAChD,SAASC,aAAaC,qBAAqB;;;ACH3C,SAASC,YAAY;AAEd,IAAMC,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,aAAa,CAAA;AACf;;;ADHO,IAAMC,QAAeC,cAAO;EACjCC,MAAaC,cAAOC,KAAYC,eAAQ;EACxCC,OAAOC,KAAKC,IAAID,KAAKE,OAAO,EAAEL,KAAYM,cAAcC,gBAASC,eAAeC,IAAI,KAAA,CAAA;EACpFC,QAAQC,YAAYX,KAAYO,gBAASC,eAAeC,IAAI,KAAA,CAAA;AAC9D,CAAA,EAAGT,KACDG,KAAKS,IAAI;EACPC,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,gBAAgBN,IAAI;EAAC;CAAO,CAAA;AAKvB,IAAMO,YAAY,CAACC,QAA8C,CAAC,MACvEL,IAAIM,KAAKtB,OAAO;EACdM,OAAO,CAAA;EACPQ,QAAQS;EACR,GAAGF;AACL,CAAA;AAKK,IAAMG,SAAN,cAA4BC,mBAAW,EAAW,GAAGC,KAAKC,EAAE,kBAAkB;EACnFC,OAAc3B,cAAO;IACnBC,MAAaG,gBAAgBF,aAAM;EACrC,CAAA;EACA0B,QAAe5B,cAAO;IACpB6B,QAAQ9B;EACV,CAAA;AACF,CAAA,EAAA;AAAI;",
6
- "names": ["Schema", "Obj", "Type", "FormAnnotation", "LabelAnnotation", "BoardLayout", "defaultLayout", "trim", "meta", "id", "name", "description", "trim", "icon", "iconHue", "source", "screenshots", "Board", "Struct", "name", "String", "pipe", "optional", "items", "Type", "Ref", "Expando", "Array", "mutable", "FormAnnotation", "set", "layout", "BoardLayout", "Obj", "typename", "version", "LabelAnnotation", "makeBoard", "props", "make", "defaultLayout", "Create", "TaggedClass", "meta", "id", "input", "output", "object"]
7
- }
@@ -1,143 +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 { getSpace } from "@dxos/client/echo";
6
- import { Filter, Obj, Ref } from "@dxos/echo";
7
- import { invariant } from "@dxos/invariant";
8
- import { useQuery } from "@dxos/react-client/echo";
9
- import { fullyQualifiedId } from "@dxos/react-client/echo";
10
- import { useSignalsMemo } from "@dxos/react-ui";
11
- import { useAttention } from "@dxos/react-ui-attention";
12
- import { Board } from "@dxos/react-ui-board";
13
- import { ObjectPicker } from "@dxos/react-ui-form";
14
- import { StackItem } from "@dxos/react-ui-stack";
15
- import { isNonNullable } from "@dxos/util";
16
- var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-board/src/components/BoardContainer.tsx";
17
- var DEFAULT_POSITION = {
18
- x: 0,
19
- y: 0
20
- };
21
- var BoardContainer = ({ board }) => {
22
- var _effect = _useSignals();
23
- try {
24
- const controller = useRef(null);
25
- const items = useSignalsMemo(() => board.items.map((ref) => ref.target).filter(isNonNullable), [
26
- board
27
- ]);
28
- const addTriggerRef = useRef(null);
29
- const [pickerState, setPickerState] = useState(null);
30
- const attendableId = fullyQualifiedId(board);
31
- const { hasAttention } = useAttention(attendableId);
32
- const objects = useQuery(getSpace(board), Filter.everything());
33
- const options = useMemo(() => objects.filter((obj) => obj.id !== board.id).map((obj) => {
34
- const label = Obj.getLabel(obj);
35
- if (label) {
36
- return {
37
- id: obj.id,
38
- label
39
- };
40
- }
41
- }).filter(isNonNullable), [
42
- objects
43
- ]);
44
- const handleAdd = useCallback(async (anchor, position = DEFAULT_POSITION) => {
45
- const space = getSpace(board);
46
- invariant(space, void 0, {
47
- F: __dxlog_file,
48
- L: 64,
49
- S: void 0,
50
- A: [
51
- "space",
52
- ""
53
- ]
54
- });
55
- addTriggerRef.current = anchor;
56
- setPickerState({
57
- position
58
- });
59
- }, [
60
- board
61
- ]);
62
- const handleDelete = useCallback((id) => {
63
- const idx = board.items.findIndex((ref) => ref.dxn.asEchoDXN()?.echoId === id);
64
- if (idx !== -1) {
65
- board.items.splice(idx, 1);
66
- }
67
- delete board.layout.cells[id];
68
- }, [
69
- board
70
- ]);
71
- const handleMove = useCallback((id, position) => {
72
- const layout = board.layout.cells[id];
73
- board.layout.cells[id] = {
74
- ...layout,
75
- ...position
76
- };
77
- }, [
78
- board
79
- ]);
80
- const handleSelect = useCallback((id) => {
81
- if (!pickerState) {
82
- return;
83
- }
84
- const selectedObject = objects.find((obj) => obj.id === id);
85
- if (!selectedObject) {
86
- return;
87
- }
88
- board.items.push(Ref.make(selectedObject));
89
- board.layout.cells[selectedObject.id.toString()] = pickerState.position;
90
- setPickerState(null);
91
- }, [
92
- pickerState,
93
- objects,
94
- board
95
- ]);
96
- return /* @__PURE__ */ React.createElement(Board.Root, {
97
- ref: controller,
98
- layout: board.layout,
99
- onAdd: handleAdd,
100
- onDelete: handleDelete,
101
- onMove: handleMove
102
- }, /* @__PURE__ */ React.createElement(ObjectPicker.Root, {
103
- open: !!pickerState,
104
- onOpenChange: (nextOpen) => {
105
- setPickerState(nextOpen ? {
106
- position: DEFAULT_POSITION
107
- } : null);
108
- }
109
- }, /* @__PURE__ */ React.createElement(StackItem.Content, {
110
- toolbar: true
111
- }, /* @__PURE__ */ React.createElement(Board.Toolbar, {
112
- disabled: !hasAttention
113
- }), /* @__PURE__ */ React.createElement(Board.Container, null, /* @__PURE__ */ React.createElement(Board.Viewport, {
114
- classNames: "border-none"
115
- }, /* @__PURE__ */ React.createElement(Board.Backdrop, null), /* @__PURE__ */ React.createElement(Board.Content, null, items?.map((item, index) => /* @__PURE__ */ React.createElement(Board.Cell, {
116
- item,
117
- key: index,
118
- layout: board.layout?.cells[item.id] ?? {
119
- x: 0,
120
- y: 0
121
- }
122
- }, /* @__PURE__ */ React.createElement(Surface, {
123
- role: "card--extrinsic",
124
- data: {
125
- subject: item
126
- },
127
- limit: 1
128
- }))))))), /* @__PURE__ */ React.createElement(ObjectPicker.Content, {
129
- options,
130
- onSelect: handleSelect,
131
- classNames: "popover-card-width"
132
- }), /* @__PURE__ */ React.createElement(ObjectPicker.VirtualTrigger, {
133
- virtualRef: addTriggerRef
134
- })));
135
- } finally {
136
- _effect.f();
137
- }
138
- };
139
-
140
- export {
141
- BoardContainer
142
- };
143
- //# sourceMappingURL=chunk-IDV4P2SK.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 { getSpace } from '@dxos/client/echo';\nimport { Filter, Obj, Ref } from '@dxos/echo';\nimport { invariant } from '@dxos/invariant';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { useSignalsMemo } from '@dxos/react-ui';\nimport { useAttention } from '@dxos/react-ui-attention';\nimport { Board, type BoardController, type BoardRootProps, type Position } from '@dxos/react-ui-board';\nimport { ObjectPicker, type ObjectPickerContentProps } 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\nconst DEFAULT_POSITION = { x: 0, y: 0 } satisfies Position;\n\ntype PickerState = {\n position: Position;\n};\n\nexport type BoardContainerProps = {\n role?: string;\n board: BoardType.Board;\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 const attendableId = fullyQualifiedId(board);\n const { hasAttention } = useAttention(attendableId);\n\n // Memoize options for ObjectPicker containing all ECHO objects in the same space as the Board.\n const objects = useQuery(getSpace(board), Filter.everything());\n const options = useMemo(\n () =>\n objects\n .filter((obj) => obj.id !== board.id)\n .map((obj) => {\n const label = Obj.getLabel(obj);\n if (label) {\n return {\n id: obj.id,\n label,\n // hue: 'neutral' as const,\n };\n }\n })\n .filter(isNonNullable),\n [objects],\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 // 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 const handleSelect = useCallback<NonNullable<ObjectPickerContentProps['onSelect']>>(\n (id) => {\n if (!pickerState) {\n return;\n }\n\n // Find the selected object by id from the space.\n const selectedObject = objects.find((obj) => obj.id === id);\n if (!selectedObject) {\n return;\n }\n\n // Create a reference to the selected object and add it to the board.\n board.items.push(Ref.make(selectedObject));\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, objects, 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(nextOpen ? { position: DEFAULT_POSITION } : null);\n }}\n >\n <StackItem.Content toolbar>\n <Board.Toolbar disabled={!hasAttention} />\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 {/* TODO(burdon): Currently clipped by sidebar. */}\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", "getSpace", "Filter", "Obj", "Ref", "invariant", "useQuery", "fullyQualifiedId", "useSignalsMemo", "useAttention", "Board", "ObjectPicker", "StackItem", "isNonNullable", "DEFAULT_POSITION", "x", "y", "BoardContainer", "board", "controller", "items", "map", "ref", "target", "filter", "addTriggerRef", "pickerState", "setPickerState", "attendableId", "hasAttention", "objects", "everything", "options", "obj", "id", "label", "getLabel", "handleAdd", "anchor", "position", "space", "current", "handleDelete", "idx", "findIndex", "dxn", "asEchoDXN", "echoId", "splice", "layout", "cells", "handleMove", "handleSelect", "selectedObject", "find", "push", "make", "toString", "Root", "onAdd", "onDelete", "onMove", "open", "onOpenChange", "nextOpen", "Content", "toolbar", "Toolbar", "disabled", "Container", "Viewport", "classNames", "Backdrop", "item", "index", "Cell", "key", "role", "data", "subject", "limit", "onSelect", "VirtualTrigger", "virtualRef"]
7
- }
@@ -1,33 +0,0 @@
1
- import {
2
- Board_exports
3
- } from "./chunk-6IYOP7JD.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-MGJCQT3N.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-IDV4P2SK.mjs";
4
- import {
5
- Board_exports,
6
- meta
7
- } from "./chunk-6IYOP7JD.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-EACRLTVO.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,65 +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 { FormAnnotation, LabelAnnotation } from "@dxos/echo/internal";
18
- import { BoardLayout, defaultLayout } from "@dxos/react-ui-board";
19
-
20
- // src/meta.ts
21
- import { trim } from "@dxos/util";
22
- var meta = {
23
- id: "dxos.org/plugin/board",
24
- name: "Board",
25
- description: trim`
26
- Infinite canvas workspace that combines sticky notes, media, and whiteboarding tools.
27
- Arrange and connect ideas freely in a visual space perfect for brainstorming and creative collaboration.
28
- `,
29
- icon: "ph--squares-four--regular",
30
- iconHue: "green",
31
- source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-board",
32
- screenshots: []
33
- };
34
-
35
- // src/types/Board.ts
36
- var Board = Schema.Struct({
37
- name: Schema.String.pipe(Schema.optional),
38
- items: Type.Ref(Type.Expando).pipe(Schema.Array, Schema.mutable, FormAnnotation.set(false)),
39
- layout: BoardLayout.pipe(Schema.mutable, FormAnnotation.set(false))
40
- }).pipe(Type.Obj({
41
- typename: "dxos.org/type/Board",
42
- version: "0.1.0"
43
- }), LabelAnnotation.set([
44
- "name"
45
- ]));
46
- var makeBoard = (props = {}) => Obj.make(Board, {
47
- items: [],
48
- layout: defaultLayout,
49
- ...props
50
- });
51
- var Create = class extends Schema.TaggedClass()(`${meta.id}/action/create`, {
52
- input: Schema.Struct({
53
- name: Schema.optional(Schema.String)
54
- }),
55
- output: Schema.Struct({
56
- object: Board
57
- })
58
- }) {
59
- };
60
-
61
- export {
62
- meta,
63
- Board_exports
64
- };
65
- //# sourceMappingURL=chunk-WFLKZNL3.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 { FormAnnotation, 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.String.pipe(Schema.optional),\n items: Type.Ref(Type.Expando).pipe(Schema.Array, Schema.mutable, FormAnnotation.set(false)),\n layout: BoardLayout.pipe(Schema.mutable, FormAnnotation.set(false)),\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';\nimport { trim } from '@dxos/util';\n\nexport const meta: PluginMeta = {\n id: 'dxos.org/plugin/board',\n name: 'Board',\n description: trim`\n Infinite canvas workspace that combines sticky notes, media, and whiteboarding tools.\n Arrange and connect ideas freely in a visual space perfect for brainstorming and creative collaboration.\n `,\n icon: 'ph--squares-four--regular',\n iconHue: 'green',\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,gBAAgBC,uBAAuB;AAChD,SAASC,aAAaC,qBAAqB;;;ACH3C,SAASC,YAAY;AAEd,IAAMC,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,aAAa,CAAA;AACf;;;ADHO,IAAMC,QAAeC,cAAO;EACjCC,MAAaC,cAAOC,KAAYC,eAAQ;EACxCC,OAAOC,KAAKC,IAAID,KAAKE,OAAO,EAAEL,KAAYM,cAAcC,gBAASC,eAAeC,IAAI,KAAA,CAAA;EACpFC,QAAQC,YAAYX,KAAYO,gBAASC,eAAeC,IAAI,KAAA,CAAA;AAC9D,CAAA,EAAGT,KACDG,KAAKS,IAAI;EACPC,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,gBAAgBN,IAAI;EAAC;CAAO,CAAA;AAKvB,IAAMO,YAAY,CAACC,QAA8C,CAAC,MACvEL,IAAIM,KAAKtB,OAAO;EACdM,OAAO,CAAA;EACPQ,QAAQS;EACR,GAAGF;AACL,CAAA;AAKK,IAAMG,SAAN,cAA4BC,mBAAW,EAAW,GAAGC,KAAKC,EAAE,kBAAkB;EACnFC,OAAc3B,cAAO;IACnBC,MAAaG,gBAAgBF,aAAM;EACrC,CAAA;EACA0B,QAAe5B,cAAO;IACpB6B,QAAQ9B;EACV,CAAA;AACF,CAAA,EAAA;AAAI;",
6
- "names": ["Schema", "Obj", "Type", "FormAnnotation", "LabelAnnotation", "BoardLayout", "defaultLayout", "trim", "meta", "id", "name", "description", "trim", "icon", "iconHue", "source", "screenshots", "Board", "Struct", "name", "String", "pipe", "optional", "items", "Type", "Ref", "Expando", "Array", "mutable", "FormAnnotation", "set", "layout", "BoardLayout", "Obj", "typename", "version", "LabelAnnotation", "makeBoard", "props", "make", "defaultLayout", "Create", "TaggedClass", "meta", "id", "input", "output", "object"]
7
- }
@@ -1,145 +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 { getSpace } from "@dxos/client/echo";
8
- import { Filter, Obj, Ref } from "@dxos/echo";
9
- import { invariant } from "@dxos/invariant";
10
- import { useQuery } from "@dxos/react-client/echo";
11
- import { fullyQualifiedId } from "@dxos/react-client/echo";
12
- import { useSignalsMemo } from "@dxos/react-ui";
13
- import { useAttention } from "@dxos/react-ui-attention";
14
- import { Board } from "@dxos/react-ui-board";
15
- import { ObjectPicker } from "@dxos/react-ui-form";
16
- import { StackItem } from "@dxos/react-ui-stack";
17
- import { isNonNullable } from "@dxos/util";
18
- var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-board/src/components/BoardContainer.tsx";
19
- var DEFAULT_POSITION = {
20
- x: 0,
21
- y: 0
22
- };
23
- var BoardContainer = ({ board }) => {
24
- var _effect = _useSignals();
25
- try {
26
- const controller = useRef(null);
27
- const items = useSignalsMemo(() => board.items.map((ref) => ref.target).filter(isNonNullable), [
28
- board
29
- ]);
30
- const addTriggerRef = useRef(null);
31
- const [pickerState, setPickerState] = useState(null);
32
- const attendableId = fullyQualifiedId(board);
33
- const { hasAttention } = useAttention(attendableId);
34
- const objects = useQuery(getSpace(board), Filter.everything());
35
- const options = useMemo(() => objects.filter((obj) => obj.id !== board.id).map((obj) => {
36
- const label = Obj.getLabel(obj);
37
- if (label) {
38
- return {
39
- id: obj.id,
40
- label
41
- };
42
- }
43
- }).filter(isNonNullable), [
44
- objects
45
- ]);
46
- const handleAdd = useCallback(async (anchor, position = DEFAULT_POSITION) => {
47
- const space = getSpace(board);
48
- invariant(space, void 0, {
49
- F: __dxlog_file,
50
- L: 64,
51
- S: void 0,
52
- A: [
53
- "space",
54
- ""
55
- ]
56
- });
57
- addTriggerRef.current = anchor;
58
- setPickerState({
59
- position
60
- });
61
- }, [
62
- board
63
- ]);
64
- const handleDelete = useCallback((id) => {
65
- const idx = board.items.findIndex((ref) => ref.dxn.asEchoDXN()?.echoId === id);
66
- if (idx !== -1) {
67
- board.items.splice(idx, 1);
68
- }
69
- delete board.layout.cells[id];
70
- }, [
71
- board
72
- ]);
73
- const handleMove = useCallback((id, position) => {
74
- const layout = board.layout.cells[id];
75
- board.layout.cells[id] = {
76
- ...layout,
77
- ...position
78
- };
79
- }, [
80
- board
81
- ]);
82
- const handleSelect = useCallback((id) => {
83
- if (!pickerState) {
84
- return;
85
- }
86
- const selectedObject = objects.find((obj) => obj.id === id);
87
- if (!selectedObject) {
88
- return;
89
- }
90
- board.items.push(Ref.make(selectedObject));
91
- board.layout.cells[selectedObject.id.toString()] = pickerState.position;
92
- setPickerState(null);
93
- }, [
94
- pickerState,
95
- objects,
96
- board
97
- ]);
98
- return /* @__PURE__ */ React.createElement(Board.Root, {
99
- ref: controller,
100
- layout: board.layout,
101
- onAdd: handleAdd,
102
- onDelete: handleDelete,
103
- onMove: handleMove
104
- }, /* @__PURE__ */ React.createElement(ObjectPicker.Root, {
105
- open: !!pickerState,
106
- onOpenChange: (nextOpen) => {
107
- setPickerState(nextOpen ? {
108
- position: DEFAULT_POSITION
109
- } : null);
110
- }
111
- }, /* @__PURE__ */ React.createElement(StackItem.Content, {
112
- toolbar: true
113
- }, /* @__PURE__ */ React.createElement(Board.Toolbar, {
114
- disabled: !hasAttention
115
- }), /* @__PURE__ */ React.createElement(Board.Container, null, /* @__PURE__ */ React.createElement(Board.Viewport, {
116
- classNames: "border-none"
117
- }, /* @__PURE__ */ React.createElement(Board.Backdrop, null), /* @__PURE__ */ React.createElement(Board.Content, null, items?.map((item, index) => /* @__PURE__ */ React.createElement(Board.Cell, {
118
- item,
119
- key: index,
120
- layout: board.layout?.cells[item.id] ?? {
121
- x: 0,
122
- y: 0
123
- }
124
- }, /* @__PURE__ */ React.createElement(Surface, {
125
- role: "card--extrinsic",
126
- data: {
127
- subject: item
128
- },
129
- limit: 1
130
- }))))))), /* @__PURE__ */ React.createElement(ObjectPicker.Content, {
131
- options,
132
- onSelect: handleSelect,
133
- classNames: "popover-card-width"
134
- }), /* @__PURE__ */ React.createElement(ObjectPicker.VirtualTrigger, {
135
- virtualRef: addTriggerRef
136
- })));
137
- } finally {
138
- _effect.f();
139
- }
140
- };
141
-
142
- export {
143
- BoardContainer
144
- };
145
- //# sourceMappingURL=chunk-ZNNC2VAL.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 { getSpace } from '@dxos/client/echo';\nimport { Filter, Obj, Ref } from '@dxos/echo';\nimport { invariant } from '@dxos/invariant';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { useSignalsMemo } from '@dxos/react-ui';\nimport { useAttention } from '@dxos/react-ui-attention';\nimport { Board, type BoardController, type BoardRootProps, type Position } from '@dxos/react-ui-board';\nimport { ObjectPicker, type ObjectPickerContentProps } 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\nconst DEFAULT_POSITION = { x: 0, y: 0 } satisfies Position;\n\ntype PickerState = {\n position: Position;\n};\n\nexport type BoardContainerProps = {\n role?: string;\n board: BoardType.Board;\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 const attendableId = fullyQualifiedId(board);\n const { hasAttention } = useAttention(attendableId);\n\n // Memoize options for ObjectPicker containing all ECHO objects in the same space as the Board.\n const objects = useQuery(getSpace(board), Filter.everything());\n const options = useMemo(\n () =>\n objects\n .filter((obj) => obj.id !== board.id)\n .map((obj) => {\n const label = Obj.getLabel(obj);\n if (label) {\n return {\n id: obj.id,\n label,\n // hue: 'neutral' as const,\n };\n }\n })\n .filter(isNonNullable),\n [objects],\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 // 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 const handleSelect = useCallback<NonNullable<ObjectPickerContentProps['onSelect']>>(\n (id) => {\n if (!pickerState) {\n return;\n }\n\n // Find the selected object by id from the space.\n const selectedObject = objects.find((obj) => obj.id === id);\n if (!selectedObject) {\n return;\n }\n\n // Create a reference to the selected object and add it to the board.\n board.items.push(Ref.make(selectedObject));\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, objects, 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(nextOpen ? { position: DEFAULT_POSITION } : null);\n }}\n >\n <StackItem.Content toolbar>\n <Board.Toolbar disabled={!hasAttention} />\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 {/* TODO(burdon): Currently clipped by sidebar. */}\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", "getSpace", "Filter", "Obj", "Ref", "invariant", "useQuery", "fullyQualifiedId", "useSignalsMemo", "useAttention", "Board", "ObjectPicker", "StackItem", "isNonNullable", "DEFAULT_POSITION", "x", "y", "BoardContainer", "board", "controller", "items", "map", "ref", "target", "filter", "addTriggerRef", "pickerState", "setPickerState", "attendableId", "hasAttention", "objects", "everything", "options", "obj", "id", "label", "getLabel", "handleAdd", "anchor", "position", "space", "current", "handleDelete", "idx", "findIndex", "dxn", "asEchoDXN", "echoId", "splice", "layout", "cells", "handleMove", "handleSelect", "selectedObject", "find", "push", "make", "toString", "Root", "onAdd", "onDelete", "onMove", "open", "onOpenChange", "nextOpen", "Content", "toolbar", "Toolbar", "disabled", "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-WFLKZNL3.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-TV2AARM7.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
- }