@dxos/plugin-board 0.8.4-main.28f8d3d → 0.8.4-main.2c6827d

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 (50) hide show
  1. package/dist/lib/browser/{chunk-V67SBM4U.mjs → chunk-6IYOP7JD.mjs} +12 -7
  2. package/dist/lib/browser/chunk-6IYOP7JD.mjs.map +7 -0
  3. package/dist/lib/browser/chunk-UDI6JPP5.mjs +143 -0
  4. package/dist/lib/browser/chunk-UDI6JPP5.mjs.map +7 -0
  5. package/dist/lib/browser/index.mjs +46 -47
  6. package/dist/lib/browser/index.mjs.map +3 -3
  7. package/dist/lib/browser/{intent-resolver-6NM32ZSV.mjs → intent-resolver-MGJCQT3N.mjs} +4 -4
  8. package/dist/lib/browser/{intent-resolver-6NM32ZSV.mjs.map → intent-resolver-MGJCQT3N.mjs.map} +1 -1
  9. package/dist/lib/browser/meta.json +1 -1
  10. package/dist/lib/browser/{react-surface-S7H45RGL.mjs → react-surface-PBKZGBFJ.mjs} +5 -5
  11. package/dist/lib/browser/{react-surface-S7H45RGL.mjs.map → react-surface-PBKZGBFJ.mjs.map} +1 -1
  12. package/dist/lib/browser/types/index.mjs +1 -1
  13. package/dist/lib/node-esm/chunk-LJPQ2ELJ.mjs +145 -0
  14. package/dist/lib/node-esm/chunk-LJPQ2ELJ.mjs.map +7 -0
  15. package/dist/lib/node-esm/{chunk-XCGDC6OV.mjs → chunk-WFLKZNL3.mjs} +12 -7
  16. package/dist/lib/node-esm/chunk-WFLKZNL3.mjs.map +7 -0
  17. package/dist/lib/node-esm/index.mjs +46 -47
  18. package/dist/lib/node-esm/index.mjs.map +3 -3
  19. package/dist/lib/node-esm/{intent-resolver-5DQ5PPTT.mjs → intent-resolver-TV2AARM7.mjs} +4 -4
  20. package/dist/lib/node-esm/{intent-resolver-5DQ5PPTT.mjs.map → intent-resolver-TV2AARM7.mjs.map} +1 -1
  21. package/dist/lib/node-esm/meta.json +1 -1
  22. package/dist/lib/node-esm/{react-surface-UGBLNFXL.mjs → react-surface-NELFNJ6M.mjs} +5 -5
  23. package/dist/lib/node-esm/{react-surface-UGBLNFXL.mjs.map → react-surface-NELFNJ6M.mjs.map} +1 -1
  24. package/dist/lib/node-esm/types/index.mjs +1 -1
  25. package/dist/types/src/BoardPlugin.d.ts +1 -1
  26. package/dist/types/src/BoardPlugin.d.ts.map +1 -1
  27. package/dist/types/src/capabilities/index.d.ts +1 -1
  28. package/dist/types/src/capabilities/index.d.ts.map +1 -1
  29. package/dist/types/src/capabilities/intent-resolver.d.ts +1 -1
  30. package/dist/types/src/capabilities/react-surface.d.ts +1 -1
  31. package/dist/types/src/components/BoardContainer.d.ts +1 -1
  32. package/dist/types/src/components/BoardContainer.d.ts.map +1 -1
  33. package/dist/types/src/components/BoardContainer.stories.d.ts +42 -5
  34. package/dist/types/src/components/BoardContainer.stories.d.ts.map +1 -1
  35. package/dist/types/src/meta.d.ts.map +1 -1
  36. package/dist/types/src/types/Board.d.ts +3 -3
  37. package/dist/types/src/types/Board.d.ts.map +1 -1
  38. package/dist/types/tsconfig.tsbuildinfo +1 -1
  39. package/package.json +43 -42
  40. package/src/BoardPlugin.tsx +41 -42
  41. package/src/components/BoardContainer.stories.tsx +29 -47
  42. package/src/components/BoardContainer.tsx +94 -52
  43. package/src/meta.ts +6 -2
  44. package/src/types/Board.ts +5 -5
  45. package/dist/lib/browser/chunk-2AR36W5A.mjs +0 -119
  46. package/dist/lib/browser/chunk-2AR36W5A.mjs.map +0 -7
  47. package/dist/lib/browser/chunk-V67SBM4U.mjs.map +0 -7
  48. package/dist/lib/node-esm/chunk-AWGKINO6.mjs +0 -121
  49. package/dist/lib/node-esm/chunk-AWGKINO6.mjs.map +0 -7
  50. package/dist/lib/node-esm/chunk-XCGDC6OV.mjs.map +0 -7
@@ -1,119 +0,0 @@
1
- // src/components/BoardContainer.tsx
2
- import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
3
- import { effect } from "@preact/signals-react";
4
- import React, { useCallback, useEffect, useRef, useState } from "react";
5
- import { Surface, createIntent, useIntentDispatcher } from "@dxos/app-framework";
6
- import { getSpace } from "@dxos/client/echo";
7
- import { Ref } from "@dxos/echo";
8
- import { invariant } from "@dxos/invariant";
9
- import { SpaceAction } from "@dxos/plugin-space/types";
10
- import { Board } from "@dxos/react-ui-board";
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 BoardContainer = ({ role, board }) => {
15
- var _effect = _useSignals();
16
- try {
17
- const { dispatchPromise: dispatch } = useIntentDispatcher();
18
- const controller = useRef(null);
19
- const [items, setItems] = useState([]);
20
- useEffect(() => {
21
- let t;
22
- effect(() => {
23
- const refs = [
24
- ...board.items
25
- ];
26
- t = setTimeout(async () => {
27
- const items2 = await Ref.Array.loadAll(refs);
28
- setItems(items2.filter(isNonNullable));
29
- });
30
- });
31
- return () => clearTimeout(t);
32
- }, [
33
- board.items
34
- ]);
35
- const handleAdd = useCallback(async (position = {
36
- x: 0,
37
- y: 0
38
- }) => {
39
- const space = getSpace(board);
40
- invariant(space, void 0, {
41
- F: __dxlog_file,
42
- L: 47,
43
- S: void 0,
44
- A: [
45
- "space",
46
- ""
47
- ]
48
- });
49
- await dispatch(createIntent(SpaceAction.OpenCreateObject, {
50
- target: space,
51
- navigable: false,
52
- onCreateObject: (object) => {
53
- board.items.push(Ref.make(object));
54
- board.layout.cells[object.id] = {
55
- ...position,
56
- width: 1,
57
- height: 1
58
- };
59
- controller.current?.center(position);
60
- }
61
- }));
62
- }, [
63
- board,
64
- controller,
65
- dispatch
66
- ]);
67
- const handleDelete = useCallback((id) => {
68
- const idx = board.items.findIndex((ref) => ref.dxn.asEchoDXN()?.echoId === id);
69
- if (idx !== -1) {
70
- board.items.splice(idx, 1);
71
- }
72
- delete board.layout.cells[id];
73
- setItems((items2) => items2.filter((item) => item.id !== 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(StackItem.Content, {
93
- toolbar: true,
94
- classNames: "overflow-hidden"
95
- }, /* @__PURE__ */ React.createElement(Board.Toolbar, null), /* @__PURE__ */ React.createElement(Board.Container, null, /* @__PURE__ */ React.createElement(Board.Viewport, {
96
- classNames: "border-none"
97
- }, /* @__PURE__ */ React.createElement(Board.Backdrop, null), /* @__PURE__ */ React.createElement(Board.Content, null, items?.map((item, index) => /* @__PURE__ */ React.createElement(Board.Cell, {
98
- item,
99
- key: index,
100
- layout: board.layout?.cells[item.id] ?? {
101
- x: 0,
102
- y: 0
103
- }
104
- }, /* @__PURE__ */ React.createElement(Surface, {
105
- role: "card--extrinsic",
106
- data: {
107
- subject: item
108
- },
109
- limit: 1
110
- }))))))));
111
- } finally {
112
- _effect.f();
113
- }
114
- };
115
-
116
- export {
117
- BoardContainer
118
- };
119
- //# sourceMappingURL=chunk-2AR36W5A.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 { effect } from '@preact/signals-react';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Surface, createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { getSpace } from '@dxos/client/echo';\nimport { type Obj, Ref, type Type } from '@dxos/echo';\nimport { invariant } from '@dxos/invariant';\nimport { SpaceAction } from '@dxos/plugin-space/types';\nimport { Board, type BoardController, type BoardRootProps } from '@dxos/react-ui-board';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { isNonNullable } from '@dxos/util';\n\n// TODO(thure): There is debate about having to rename either the type or the React component. A best practice should be chosen and either Board or Kanban (or both) should be refactored to apply it.\nimport { type Board as BoardType } from '../types';\n\nexport type BoardContainerProps = {\n role?: string;\n board: BoardType.Board;\n};\n\nexport const BoardContainer = ({ role, board }: BoardContainerProps) => {\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n const controller = useRef<BoardController>(null);\n\n // TODO(burdon): Create effect utility for reactive arrays.\n const [items, setItems] = useState<Type.Expando[]>([]);\n useEffect(() => {\n let t: NodeJS.Timeout;\n effect(() => {\n const refs = [...board.items];\n t = setTimeout(async () => {\n const items = await Ref.Array.loadAll(refs);\n setItems(items.filter(isNonNullable));\n });\n });\n\n return () => clearTimeout(t);\n }, [board.items]);\n\n const handleAdd = useCallback<NonNullable<BoardRootProps['onAdd']>>(\n async (position = { x: 0, y: 0 }) => {\n const space = getSpace(board);\n invariant(space);\n await dispatch(\n createIntent(SpaceAction.OpenCreateObject, {\n target: space,\n navigable: false,\n onCreateObject: (object: Obj.Any) => {\n board.items.push(Ref.make(object));\n board.layout.cells[object.id] = { ...position, width: 1, height: 1 };\n controller.current?.center(position);\n },\n }),\n );\n },\n [board, controller, dispatch],\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 setItems((items) => items.filter((item) => item.id !== 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 <StackItem.Content toolbar classNames='overflow-hidden'>\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 </Board.Root>\n );\n};\n"],
5
- "mappings": "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",
6
- "names": ["effect", "React", "useCallback", "useEffect", "useRef", "useState", "Surface", "createIntent", "useIntentDispatcher", "getSpace", "Ref", "invariant", "SpaceAction", "Board", "StackItem", "isNonNullable", "BoardContainer", "role", "board", "dispatchPromise", "dispatch", "controller", "items", "setItems", "t", "refs", "setTimeout", "Array", "loadAll", "filter", "clearTimeout", "handleAdd", "position", "x", "y", "space", "OpenCreateObject", "target", "navigable", "onCreateObject", "object", "push", "make", "layout", "cells", "id", "width", "height", "current", "center", "handleDelete", "idx", "findIndex", "ref", "dxn", "asEchoDXN", "echoId", "splice", "item", "handleMove", "Root", "onAdd", "onDelete", "onMove", "Content", "toolbar", "classNames", "Toolbar", "Container", "Viewport", "Backdrop", "map", "index", "Cell", "key", "data", "subject", "limit"]
7
- }
@@ -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 { Schema } from 'effect';\n\nimport { Obj, Type } from '@dxos/echo';\nimport { LabelAnnotation } from '@dxos/echo-schema';\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,SAASA,cAAc;AAEvB,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,QAAQC,OAAOC,OAAO;EACjCC,MAAMF,OAAOG,SAASH,OAAOI,MAAM;EACnCC,OAAOL,OAAOM,QAAQN,OAAOO,MAAMC,KAAKC,IAAID,KAAKE,OAAO,CAAA,CAAA;EACxDC,QAAQX,OAAOM,QAAQM,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,KAAKtB,OAAO;EACdM,OAAO,CAAA;EACPM,QAAQW;EACR,GAAGF;AACL,CAAA;AAKK,IAAMG,SAAN,cAAqBvB,OAAOwB,YAAW,EAAW,GAAGC,KAAKC,EAAE,kBAAkB;EACnFC,OAAO3B,OAAOC,OAAO;IACnBC,MAAMF,OAAOG,SAASH,OAAOI,MAAM;EACrC,CAAA;EACAwB,QAAQ5B,OAAOC,OAAO;IACpB4B,QAAQ9B;EACV,CAAA;AACF,CAAA,EAAA;AAAI;",
6
- "names": ["Schema", "Obj", "Type", "LabelAnnotation", "BoardLayout", "defaultLayout", "meta", "id", "name", "description", "icon", "source", "screenshots", "Board", "Schema", "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,121 +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 { effect } from "@preact/signals-react";
6
- import React, { useCallback, useEffect, useRef, useState } from "react";
7
- import { Surface, createIntent, useIntentDispatcher } from "@dxos/app-framework";
8
- import { getSpace } from "@dxos/client/echo";
9
- import { Ref } from "@dxos/echo";
10
- import { invariant } from "@dxos/invariant";
11
- import { SpaceAction } from "@dxos/plugin-space/types";
12
- import { Board } from "@dxos/react-ui-board";
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 BoardContainer = ({ role, board }) => {
17
- var _effect = _useSignals();
18
- try {
19
- const { dispatchPromise: dispatch } = useIntentDispatcher();
20
- const controller = useRef(null);
21
- const [items, setItems] = useState([]);
22
- useEffect(() => {
23
- let t;
24
- effect(() => {
25
- const refs = [
26
- ...board.items
27
- ];
28
- t = setTimeout(async () => {
29
- const items2 = await Ref.Array.loadAll(refs);
30
- setItems(items2.filter(isNonNullable));
31
- });
32
- });
33
- return () => clearTimeout(t);
34
- }, [
35
- board.items
36
- ]);
37
- const handleAdd = useCallback(async (position = {
38
- x: 0,
39
- y: 0
40
- }) => {
41
- const space = getSpace(board);
42
- invariant(space, void 0, {
43
- F: __dxlog_file,
44
- L: 47,
45
- S: void 0,
46
- A: [
47
- "space",
48
- ""
49
- ]
50
- });
51
- await dispatch(createIntent(SpaceAction.OpenCreateObject, {
52
- target: space,
53
- navigable: false,
54
- onCreateObject: (object) => {
55
- board.items.push(Ref.make(object));
56
- board.layout.cells[object.id] = {
57
- ...position,
58
- width: 1,
59
- height: 1
60
- };
61
- controller.current?.center(position);
62
- }
63
- }));
64
- }, [
65
- board,
66
- controller,
67
- dispatch
68
- ]);
69
- const handleDelete = useCallback((id) => {
70
- const idx = board.items.findIndex((ref) => ref.dxn.asEchoDXN()?.echoId === id);
71
- if (idx !== -1) {
72
- board.items.splice(idx, 1);
73
- }
74
- delete board.layout.cells[id];
75
- setItems((items2) => items2.filter((item) => item.id !== id));
76
- }, [
77
- board
78
- ]);
79
- const handleMove = useCallback((id, position) => {
80
- const layout = board.layout.cells[id];
81
- board.layout.cells[id] = {
82
- ...layout,
83
- ...position
84
- };
85
- }, [
86
- board
87
- ]);
88
- return /* @__PURE__ */ React.createElement(Board.Root, {
89
- ref: controller,
90
- layout: board.layout,
91
- onAdd: handleAdd,
92
- onDelete: handleDelete,
93
- onMove: handleMove
94
- }, /* @__PURE__ */ React.createElement(StackItem.Content, {
95
- toolbar: true,
96
- classNames: "overflow-hidden"
97
- }, /* @__PURE__ */ React.createElement(Board.Toolbar, null), /* @__PURE__ */ React.createElement(Board.Container, null, /* @__PURE__ */ React.createElement(Board.Viewport, {
98
- classNames: "border-none"
99
- }, /* @__PURE__ */ React.createElement(Board.Backdrop, null), /* @__PURE__ */ React.createElement(Board.Content, null, items?.map((item, index) => /* @__PURE__ */ React.createElement(Board.Cell, {
100
- item,
101
- key: index,
102
- layout: board.layout?.cells[item.id] ?? {
103
- x: 0,
104
- y: 0
105
- }
106
- }, /* @__PURE__ */ React.createElement(Surface, {
107
- role: "card--extrinsic",
108
- data: {
109
- subject: item
110
- },
111
- limit: 1
112
- }))))))));
113
- } finally {
114
- _effect.f();
115
- }
116
- };
117
-
118
- export {
119
- BoardContainer
120
- };
121
- //# sourceMappingURL=chunk-AWGKINO6.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 { effect } from '@preact/signals-react';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Surface, createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { getSpace } from '@dxos/client/echo';\nimport { type Obj, Ref, type Type } from '@dxos/echo';\nimport { invariant } from '@dxos/invariant';\nimport { SpaceAction } from '@dxos/plugin-space/types';\nimport { Board, type BoardController, type BoardRootProps } from '@dxos/react-ui-board';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { isNonNullable } from '@dxos/util';\n\n// TODO(thure): There is debate about having to rename either the type or the React component. A best practice should be chosen and either Board or Kanban (or both) should be refactored to apply it.\nimport { type Board as BoardType } from '../types';\n\nexport type BoardContainerProps = {\n role?: string;\n board: BoardType.Board;\n};\n\nexport const BoardContainer = ({ role, board }: BoardContainerProps) => {\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n const controller = useRef<BoardController>(null);\n\n // TODO(burdon): Create effect utility for reactive arrays.\n const [items, setItems] = useState<Type.Expando[]>([]);\n useEffect(() => {\n let t: NodeJS.Timeout;\n effect(() => {\n const refs = [...board.items];\n t = setTimeout(async () => {\n const items = await Ref.Array.loadAll(refs);\n setItems(items.filter(isNonNullable));\n });\n });\n\n return () => clearTimeout(t);\n }, [board.items]);\n\n const handleAdd = useCallback<NonNullable<BoardRootProps['onAdd']>>(\n async (position = { x: 0, y: 0 }) => {\n const space = getSpace(board);\n invariant(space);\n await dispatch(\n createIntent(SpaceAction.OpenCreateObject, {\n target: space,\n navigable: false,\n onCreateObject: (object: Obj.Any) => {\n board.items.push(Ref.make(object));\n board.layout.cells[object.id] = { ...position, width: 1, height: 1 };\n controller.current?.center(position);\n },\n }),\n );\n },\n [board, controller, dispatch],\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 setItems((items) => items.filter((item) => item.id !== 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 <StackItem.Content toolbar classNames='overflow-hidden'>\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 </Board.Root>\n );\n};\n"],
5
- "mappings": "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",
6
- "names": ["effect", "React", "useCallback", "useEffect", "useRef", "useState", "Surface", "createIntent", "useIntentDispatcher", "getSpace", "Ref", "invariant", "SpaceAction", "Board", "StackItem", "isNonNullable", "BoardContainer", "role", "board", "dispatchPromise", "dispatch", "controller", "items", "setItems", "t", "refs", "setTimeout", "Array", "loadAll", "filter", "clearTimeout", "handleAdd", "position", "x", "y", "space", "OpenCreateObject", "target", "navigable", "onCreateObject", "object", "push", "make", "layout", "cells", "id", "width", "height", "current", "center", "handleDelete", "idx", "findIndex", "ref", "dxn", "asEchoDXN", "echoId", "splice", "item", "handleMove", "Root", "onAdd", "onDelete", "onMove", "Content", "toolbar", "classNames", "Toolbar", "Container", "Viewport", "Backdrop", "map", "index", "Cell", "key", "data", "subject", "limit"]
7
- }
@@ -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 { Schema } from 'effect';\n\nimport { Obj, Type } from '@dxos/echo';\nimport { LabelAnnotation } from '@dxos/echo-schema';\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,SAASA,cAAc;AAEvB,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,QAAQC,OAAOC,OAAO;EACjCC,MAAMF,OAAOG,SAASH,OAAOI,MAAM;EACnCC,OAAOL,OAAOM,QAAQN,OAAOO,MAAMC,KAAKC,IAAID,KAAKE,OAAO,CAAA,CAAA;EACxDC,QAAQX,OAAOM,QAAQM,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,KAAKtB,OAAO;EACdM,OAAO,CAAA;EACPM,QAAQW;EACR,GAAGF;AACL,CAAA;AAKK,IAAMG,SAAN,cAAqBvB,OAAOwB,YAAW,EAAW,GAAGC,KAAKC,EAAE,kBAAkB;EACnFC,OAAO3B,OAAOC,OAAO;IACnBC,MAAMF,OAAOG,SAASH,OAAOI,MAAM;EACrC,CAAA;EACAwB,QAAQ5B,OAAOC,OAAO;IACpB4B,QAAQ9B;EACV,CAAA;AACF,CAAA,EAAA;AAAI;",
6
- "names": ["Schema", "Obj", "Type", "LabelAnnotation", "BoardLayout", "defaultLayout", "meta", "id", "name", "description", "icon", "source", "screenshots", "Board", "Schema", "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
- }