@dxos/plugin-board 0.8.4-main.f9ba587 → 0.8.4-main.fd6878d

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-board",
-  "version": "0.8.4-main.f9ba587",
+  "version": "0.8.4-main.fd6878d",
   "description": "Surface plugin for card baords",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -10,21 +10,23 @@
   "type": "module",
   "exports": {
     ".": {
+      "source": "./src/index.ts",
       "types": "./dist/types/src/index.d.ts",
       "browser": "./dist/lib/browser/index.mjs",
       "node": "./dist/lib/node-esm/index.mjs"
     },
     "./types": {
-      "types": "./dist/types/src/types.d.ts",
-      "browser": "./dist/lib/browser/types.mjs",
-      "node": "./dist/lib/node-esm/types.mjs"
+      "source": "./src/types/index.ts",
+      "types": "./dist/types/src/types/index.d.ts",
+      "browser": "./dist/lib/browser/types/index.mjs",
+      "node": "./dist/lib/node-esm/types/index.mjs"
     }
   },
   "types": "dist/types/src/index.d.ts",
   "typesVersions": {
     "*": {
       "types": [
-        "dist/types/src/types.d.ts"
+        "dist/types/src/types/index.d.ts"
       ]
     }
   },
@@ -36,30 +38,30 @@
     "@preact-signals/safe-react": "^0.9.0",
     "@preact/signals-core": "^1.9.0",
     "@preact/signals-react": "^3.2.0",
-    "effect": "3.16.13",
-    "@dxos/ai": "0.8.4-main.f9ba587",
-    "@dxos/artifact": "0.8.4-main.f9ba587",
-    "@dxos/app-framework": "0.8.4-main.f9ba587",
-    "@dxos/assistant": "0.8.4-main.f9ba587",
-    "@dxos/async": "0.8.4-main.f9ba587",
-    "@dxos/echo": "0.8.4-main.f9ba587",
-    "@dxos/echo-schema": "0.8.4-main.f9ba587",
-    "@dxos/effect": "0.8.4-main.f9ba587",
-    "@dxos/client": "0.8.4-main.f9ba587",
-    "@dxos/invariant": "0.8.4-main.f9ba587",
-    "@dxos/log": "0.8.4-main.f9ba587",
-    "@dxos/plugin-client": "0.8.4-main.f9ba587",
-    "@dxos/plugin-graph": "0.8.4-main.f9ba587",
-    "@dxos/plugin-search": "0.8.4-main.f9ba587",
-    "@dxos/plugin-space": "0.8.4-main.f9ba587",
-    "@dxos/random": "0.8.4-main.f9ba587",
-    "@dxos/react-client": "0.8.4-main.f9ba587",
-    "@dxos/react-ui": "0.8.4-main.f9ba587",
-    "@dxos/react-ui-board": "0.8.4-main.f9ba587",
-    "@dxos/react-ui-form": "0.8.4-main.f9ba587",
-    "@dxos/react-ui-stack": "0.8.4-main.f9ba587",
-    "@dxos/schema": "0.8.4-main.f9ba587",
-    "@dxos/util": "0.8.4-main.f9ba587"
+    "effect": "3.17.7",
+    "@dxos/ai": "0.8.4-main.fd6878d",
+    "@dxos/app-framework": "0.8.4-main.fd6878d",
+    "@dxos/assistant": "0.8.4-main.fd6878d",
+    "@dxos/async": "0.8.4-main.fd6878d",
+    "@dxos/blueprints": "0.8.4-main.fd6878d",
+    "@dxos/echo": "0.8.4-main.fd6878d",
+    "@dxos/echo-schema": "0.8.4-main.fd6878d",
+    "@dxos/client": "0.8.4-main.fd6878d",
+    "@dxos/effect": "0.8.4-main.fd6878d",
+    "@dxos/invariant": "0.8.4-main.fd6878d",
+    "@dxos/log": "0.8.4-main.fd6878d",
+    "@dxos/plugin-client": "0.8.4-main.fd6878d",
+    "@dxos/plugin-graph": "0.8.4-main.fd6878d",
+    "@dxos/plugin-space": "0.8.4-main.fd6878d",
+    "@dxos/plugin-search": "0.8.4-main.fd6878d",
+    "@dxos/react-client": "0.8.4-main.fd6878d",
+    "@dxos/random": "0.8.4-main.fd6878d",
+    "@dxos/react-ui": "0.8.4-main.fd6878d",
+    "@dxos/react-ui-board": "0.8.4-main.fd6878d",
+    "@dxos/react-ui-form": "0.8.4-main.fd6878d",
+    "@dxos/react-ui-stack": "0.8.4-main.fd6878d",
+    "@dxos/schema": "0.8.4-main.fd6878d",
+    "@dxos/util": "0.8.4-main.fd6878d"
   },
   "devDependencies": {
     "@types/react": "~18.2.0",
@@ -67,19 +69,19 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/plugin-preview": "0.8.4-main.f9ba587",
-    "@dxos/plugin-theme": "0.8.4-main.f9ba587",
-    "@dxos/react-ui-syntax-highlighter": "0.8.4-main.f9ba587",
-    "@dxos/react-ui-theme": "0.8.4-main.f9ba587",
-    "@dxos/storybook-utils": "0.8.4-main.f9ba587",
-    "@dxos/test-utils": "0.8.4-main.f9ba587"
+    "@dxos/plugin-preview": "0.8.4-main.fd6878d",
+    "@dxos/plugin-theme": "0.8.4-main.fd6878d",
+    "@dxos/react-ui-theme": "0.8.4-main.fd6878d",
+    "@dxos/storybook-utils": "0.8.4-main.fd6878d",
+    "@dxos/react-ui-syntax-highlighter": "0.8.4-main.fd6878d",
+    "@dxos/test-utils": "0.8.4-main.fd6878d"
   },
   "peerDependencies": {
     "effect": "^3.13.3",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.8.4-main.f9ba587",
-    "@dxos/react-ui-theme": "0.8.4-main.f9ba587"
+    "@dxos/react-ui-theme": "0.8.4-main.fd6878d",
+    "@dxos/react-ui": "0.8.4-main.fd6878d"
   },
   "publishConfig": {
     "access": "public"

package/src/BoardPlugin.tsx

@@ -2,7 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import { Capabilities, contributes, createIntent, defineModule, definePlugin, Events } from '@dxos/app-framework';
+import { Capabilities, Events, contributes, createIntent, defineModule, definePlugin } from '@dxos/app-framework';
 import { ClientEvents } from '@dxos/plugin-client';
 import { SpaceCapabilities } from '@dxos/plugin-space';
 import { defineObjectForm } from '@dxos/plugin-space/types';

package/src/capabilities/react-surface.tsx

@@ -4,7 +4,7 @@
 
 import React from 'react';
 
-import { contributes, Capabilities, type PluginContext, createSurface } from '@dxos/app-framework';
+import { Capabilities, type PluginContext, contributes, createSurface } from '@dxos/app-framework';
 import { Obj } from '@dxos/echo';
 
 import { BoardContainer } from '../components';

package/src/components/BoardContainer.stories.tsx

@@ -0,0 +1,143 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import '@dxos-theme';
+
+import { type Meta, type StoryObj } from '@storybook/react-vite';
+import React, { useEffect, useState } from 'react';
+
+import { IntentPlugin, SettingsPlugin } from '@dxos/app-framework';
+import { withPluginManager } from '@dxos/app-framework/testing';
+import { Obj } from '@dxos/echo';
+import { ClientPlugin } from '@dxos/plugin-client';
+import { PreviewPlugin } from '@dxos/plugin-preview';
+import { SpacePlugin } from '@dxos/plugin-space';
+import { StorybookLayoutPlugin } from '@dxos/plugin-storybook-layout';
+import { ThemePlugin } from '@dxos/plugin-theme';
+import { faker } from '@dxos/random';
+import { type Client, useClient } from '@dxos/react-client';
+import { Filter, Ref, type Space, useQuery, useSpaces } from '@dxos/react-client/echo';
+import { translations as stackTranslations } from '@dxos/react-ui-stack';
+import { defaultTx } from '@dxos/react-ui-theme';
+import { DataType } from '@dxos/schema';
+import { withLayout } from '@dxos/storybook-utils';
+
+import { translations } from '../translations';
+import { Board } from '../types';
+
+import { BoardContainer } from './BoardContainer';
+
+faker.seed(0);
+
+//
+// Initialization utilities
+//
+
+const initializeBoard = async ({ space, client }: { space: Space; client: Client }) => {
+  // Create a new board
+  const board = Obj.make(Board.Board, {
+    name: 'Test Board',
+    items: [],
+    layout: {
+      size: { width: 7, height: 5 },
+      cells: {},
+    },
+  });
+
+  return { board };
+};
+
+//
+// Story components
+//
+
+const rollOrg = () =>
+  ({
+    name: faker.commerce.productName(),
+    description: faker.lorem.paragraph(),
+    image: faker.image.url(),
+    website: faker.internet.url(),
+    status: faker.helpers.arrayElement(DataType.OrganizationStatusOptions).id,
+    // TODO(thure): Why is this so difficult to type?
+  }) as unknown as DataType.Organization;
+
+const StorybookBoard = () => {
+  const _client = useClient();
+  const spaces = useSpaces();
+  const space = spaces[spaces.length - 1];
+  const boards = useQuery(space, Filter.type(Board.Board));
+  const [board, setBoard] = useState<Board.Board>();
+
+  useEffect(() => {
+    if (boards.length && !board) {
+      const board = boards[0];
+      setBoard(board);
+    }
+  }, [boards]);
+
+  if (!board) {
+    return null;
+  }
+
+  return <BoardContainer role='board' board={board} />;
+};
+
+type StoryProps = {};
+
+//
+// Story definitions
+//
+
+const meta: Meta<StoryProps> = {
+  title: 'plugins/plugin-board/Board',
+  component: StorybookBoard,
+  render: () => <StorybookBoard />,
+  parameters: { translations: [...translations, ...stackTranslations] },
+  decorators: [
+    withLayout({ fullscreen: true }),
+    withPluginManager({
+      plugins: [
+        ThemePlugin({ tx: defaultTx }),
+        ClientPlugin({
+          types: [DataType.Organization, DataType.Person, Board.Board],
+          onClientInitialized: async ({ client }) => {
+            await client.halo.createIdentity();
+            const space = await client.spaces.create();
+            await space.waitUntilReady();
+            const { board } = await initializeBoard({
+              space,
+              client,
+            });
+            space.db.add(board);
+
+            // Add some sample items
+            Array.from({ length: 10 }).map(() => {
+              const org = Obj.make(DataType.Organization, rollOrg());
+              space.db.add(org);
+              board.items.push(Ref.make(org));
+              board.layout.cells[org.id] = {
+                x: Math.floor(Math.random() * 5) - 2,
+                y: Math.floor(Math.random() * 5) - 2,
+                width: 1,
+                height: 1,
+              };
+              return org;
+            });
+          },
+        }),
+        StorybookLayoutPlugin(),
+        PreviewPlugin(),
+        SpacePlugin(),
+        IntentPlugin(),
+        SettingsPlugin(),
+      ],
+    }),
+  ],
+};
+
+export default meta;
+
+type Story = StoryObj<StoryProps>;
+
+export const Default: Story = {};

package/src/components/BoardContainer.tsx

@@ -5,21 +5,25 @@
 import { effect } from '@preact/signals-react';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 
+import { Surface, createIntent, useIntentDispatcher } from '@dxos/app-framework';
 import { getSpace } from '@dxos/client/echo';
-import { Obj, Ref, Type } from '@dxos/echo';
+import { type Obj, Ref, type Type } from '@dxos/echo';
 import { invariant } from '@dxos/invariant';
-import { Board as BoardComponent, type BoardController, type BoardRootProps } from '@dxos/react-ui-board';
+import { SpaceAction } from '@dxos/plugin-space/types';
+import { Board, type BoardController, type BoardRootProps } from '@dxos/react-ui-board';
 import { StackItem } from '@dxos/react-ui-stack';
 import { isNonNullable } from '@dxos/util';
 
-import { type Board } from '../types';
+// 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.
+import { type Board as BoardType } from '../types';
 
 export type BoardContainerProps = {
-  role: string;
-  board: Board.Board;
+  role?: string;
+  board: BoardType.Board;
 };
 
 export const BoardContainer = ({ role, board }: BoardContainerProps) => {
+  const { dispatchPromise: dispatch } = useIntentDispatcher();
   const controller = useRef<BoardController>(null);
 
   // TODO(burdon): Create effect utility for reactive arrays.
@@ -38,16 +42,22 @@ export const BoardContainer = ({ role, board }: BoardContainerProps) => {
   }, [board.items]);
 
   const handleAdd = useCallback<NonNullable<BoardRootProps['onAdd']>>(
-    (position = { x: 0, y: 0 }) => {
+    async (position = { x: 0, y: 0 }) => {
       const space = getSpace(board);
       invariant(space);
-      // TODO(burdon): Create from menu/intent?
-      const obj = space.db.add(Obj.make(Type.Expando, {}));
-      board.items.push(Ref.make(obj));
-      board.layout.cells[obj.id] = { ...position, width: 1, height: 1 };
-      controller.current?.center(position);
+      await dispatch(
+        createIntent(SpaceAction.OpenCreateObject, {
+          target: space,
+          navigable: false,
+          onCreateObject: (object: Obj.Any) => {
+            board.items.push(Ref.make(object));
+            board.layout.cells[object.id] = { ...position, width: 1, height: 1 };
+            controller.current?.center(position);
+          },
+        }),
+      );
     },
-    [board, controller],
+    [board, controller, dispatch],
   );
 
   // TODO(burdon): Use intents so can be undone.
@@ -73,22 +83,22 @@ export const BoardContainer = ({ role, board }: BoardContainerProps) => {
   );
 
   return (
-    <BoardComponent.Root
-      ref={controller}
-      layout={board.layout}
-      onAdd={handleAdd}
-      onDelete={handleDelete}
-      onMove={handleMove}
-    >
-      <StackItem.Content role={role} toolbar>
-        <BoardComponent.Controls />
-        <BoardComponent.Container>
-          <BoardComponent.Viewport classNames='border-none'>
-            <BoardComponent.Background />
-            <BoardComponent.Content items={items} getTitle={(item) => Obj.getLabel(item) ?? item.id} />
-          </BoardComponent.Viewport>
-        </BoardComponent.Container>
+    <Board.Root ref={controller} layout={board.layout} onAdd={handleAdd} onDelete={handleDelete} onMove={handleMove}>
+      <StackItem.Content toolbar classNames='overflow-hidden'>
+        <Board.Toolbar />
+        <Board.Container>
+          <Board.Viewport classNames='border-none'>
+            <Board.Backdrop />
+            <Board.Content>
+              {items?.map((item, index) => (
+                <Board.Cell item={item} key={index} layout={board.layout?.cells[item.id] ?? { x: 0, y: 0 }}>
+                  <Surface role='card--extrinsic' data={{ subject: item }} limit={1} />
+                </Board.Cell>
+              ))}
+            </Board.Content>
+          </Board.Viewport>
+        </Board.Container>
       </StackItem.Content>
-    </BoardComponent.Root>
+    </Board.Root>
   );
 };

package/src/index.ts

@@ -2,6 +2,8 @@
 // Copyright 2025 DXOS.org
 //
 
+export * from './components';
 export * from './meta';
+export * from './types';
 
 export * from './BoardPlugin';

package/src/translations.ts

@@ -16,6 +16,8 @@ export const translations = [
         'typename label_one': 'Board',
         'typename label_other': 'Boards',
         'object name placeholder': 'New board',
+        'rename object label': 'Rename board',
+        'delete object label': 'Delete board',
       },
       [meta.id]: {
         'plugin name': 'Board',

package/src/types/Board.ts

@@ -0,0 +1,47 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { Schema } from 'effect';
+
+import { Obj, Type } from '@dxos/echo';
+import { LabelAnnotation } from '@dxos/echo-schema';
+import { BoardLayout, defaultLayout } from '@dxos/react-ui-board';
+
+import { meta } from '../meta';
+
+/**
+ * Board and layout.
+ */
+export const Board = Schema.Struct({
+  name: Schema.optional(Schema.String),
+  items: Schema.mutable(Schema.Array(Type.Ref(Type.Expando))),
+  layout: Schema.mutable(BoardLayout),
+}).pipe(
+  Type.Obj({
+    typename: 'dxos.org/type/Board',
+    version: '0.1.0',
+  }),
+  LabelAnnotation.set(['name']),
+);
+
+export interface Board extends Schema.Schema.Type<typeof Board> {}
+
+export const makeBoard = (props: Partial<Obj.MakeProps<typeof Board>> = {}) =>
+  Obj.make(Board, {
+    items: [],
+    layout: defaultLayout,
+    ...props,
+  });
+
+/**
+ * Create board.
+ */
+export class Create extends Schema.TaggedClass<Create>()(`${meta.id}/action/create`, {
+  input: Schema.Struct({
+    name: Schema.optional(Schema.String),
+  }),
+  output: Schema.Struct({
+    object: Board,
+  }),
+}) {}

package/src/types/index.ts

@@ -2,4 +2,4 @@
 // Copyright 2025 DXOS.org
 //
 
-export * from './schema';
+export * as Board from './Board';

package/dist/lib/browser/chunk-TDV6SJ64.mjs

@@ -1,46 +0,0 @@
-// src/types/schema.ts
-import { Schema } from "effect";
-import { Type } from "@dxos/echo";
-import { LabelAnnotation } from "@dxos/echo-schema";
-import { BoardLayout } from "@dxos/react-ui-board";
-
-// src/meta.ts
-var meta = {
-  id: "dxos.org/plugin/board",
-  name: "Board",
-  description: "A spatial, infinite canvas app combining notes, media, and whiteboarding in a tactile, visual interface.",
-  icon: "ph--squares-four--regular",
-  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-board",
-  screenshots: []
-};
-
-// src/types/schema.ts
-(function(Board2) {
-  Board2.Board = Schema.Struct({
-    name: Schema.optional(Schema.String),
-    items: Schema.mutable(Schema.Array(Type.Ref(Type.Expando))),
-    layout: Schema.mutable(BoardLayout)
-  }).pipe(Type.Obj({
-    typename: "dxos.org/type/Board",
-    version: "0.1.0"
-  }), LabelAnnotation.set([
-    "name"
-  ]));
-  class Create extends Schema.TaggedClass()(`${meta.id}/action/create`, {
-    input: Schema.Struct({
-      name: Schema.optional(Schema.String)
-    }),
-    output: Schema.Struct({
-      object: Board2.Board
-    })
-  }) {
-  }
-  Board2.Create = Create;
-})(Board || (Board = {}));
-var Board;
-
-export {
-  meta,
-  Board
-};
-//# sourceMappingURL=chunk-TDV6SJ64.mjs.map

package/dist/lib/browser/chunk-TDV6SJ64.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/schema.ts", "../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Schema } from 'effect';\n\nimport { Type } from '@dxos/echo';\nimport { LabelAnnotation } from '@dxos/echo-schema';\nimport { BoardLayout } from '@dxos/react-ui-board';\n\nimport { meta } from '../meta';\n\nexport namespace Board {\n  //\n  // Types\n  //\n\n  // TODO(burdon): View?\n  export 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\n  export interface Board extends Schema.Schema.Type<typeof Board> {}\n\n  //\n  // Actions\n  //\n\n  export 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", "//\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"],
-  "mappings": ";AAIA,SAASA,cAAc;AAEvB,SAASC,YAAY;AACrB,SAASC,uBAAuB;AAChC,SAASC,mBAAmB;;;ACFrB,IAAMC,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,aACE;EACFC,MAAM;EACNC,QAAQ;EACRC,aAAa,CAAA;AACf;;;UDFiBC,QAAAA;SAMFA,QAAQC,OAAOC,OAAO;IACjCC,MAAMF,OAAOG,SAASH,OAAOI,MAAM;IACnCC,OAAOL,OAAOM,QAAQN,OAAOO,MAAMC,KAAKC,IAAID,KAAKE,OAAO,CAAA,CAAA;IACxDC,QAAQX,OAAOM,QAAQM,WAAAA;EACzB,CAAA,EAAGC,KACDL,KAAKM,IAAI;IACPC,UAAU;IACVC,SAAS;EACX,CAAA,GACAC,gBAAgBC,IAAI;IAAC;GAAO,CAAA;EASvB,MAAMC,eAAenB,OAAOoB,YAAW,EAAW,GAAGC,KAAKC,EAAE,kBAAkB;IACnFC,OAAOvB,OAAOC,OAAO;MACnBC,MAAMF,OAAOG,SAASH,OAAOI,MAAM;IACrC,CAAA;IACAoB,QAAQxB,OAAOC,OAAO;MACpBwB,QAAM1B,OAAEA;IACV,CAAA;EACF,CAAA,EAAA;EAAI;SAPSoB,SAAAA;AAQf,GAhCiBpB,UAAAA,QAAAA,CAAAA,EAAAA;;",
-  "names": ["Schema", "Type", "LabelAnnotation", "BoardLayout", "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", "Create", "TaggedClass", "meta", "id", "input", "output", "object"]
-}

package/dist/lib/browser/react-surface-SHXN2B3I.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/BoardContainer.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { contributes, Capabilities, type PluginContext, 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", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { effect } from '@preact/signals-react';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { getSpace } from '@dxos/client/echo';\nimport { Obj, Ref, Type } from '@dxos/echo';\nimport { invariant } from '@dxos/invariant';\nimport { Board as BoardComponent, type BoardController, type BoardRootProps } from '@dxos/react-ui-board';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { isNonNullable } from '@dxos/util';\n\nimport { type Board } from '../types';\n\nexport type BoardContainerProps = {\n  role: string;\n  board: Board.Board;\n};\n\nexport const BoardContainer = ({ role, board }: BoardContainerProps) => {\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    (position = { x: 0, y: 0 }) => {\n      const space = getSpace(board);\n      invariant(space);\n      // TODO(burdon): Create from menu/intent?\n      const obj = space.db.add(Obj.make(Type.Expando, {}));\n      board.items.push(Ref.make(obj));\n      board.layout.cells[obj.id] = { ...position, width: 1, height: 1 };\n      controller.current?.center(position);\n    },\n    [board, controller],\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    <BoardComponent.Root\n      ref={controller}\n      layout={board.layout}\n      onAdd={handleAdd}\n      onDelete={handleDelete}\n      onMove={handleMove}\n    >\n      <StackItem.Content role={role} toolbar>\n        <BoardComponent.Controls />\n        <BoardComponent.Container>\n          <BoardComponent.Viewport classNames='border-none'>\n            <BoardComponent.Background />\n            <BoardComponent.Content items={items} getTitle={(item) => Obj.getLabel(item) ?? item.id} />\n          </BoardComponent.Viewport>\n        </BoardComponent.Container>\n      </StackItem.Content>\n    </BoardComponent.Root>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["React", "contributes", "Capabilities", "createSurface", "Obj", "effect", "React", "useCallback", "useEffect", "useRef", "useState", "getSpace", "Obj", "Ref", "Type", "invariant", "Board", "BoardComponent", "StackItem", "isNonNullable", "BoardContainer", "role", "board", "controller", "items", "setItems", "t", "refs", "setTimeout", "Array", "loadAll", "filter", "clearTimeout", "handleAdd", "position", "x", "y", "space", "obj", "db", "add", "make", "Expando", "push", "layout", "cells", "id", "width", "height", "current", "center", "handleDelete", "idx", "findIndex", "ref", "dxn", "asEchoDXN", "echoId", "splice", "item", "handleMove", "Root", "onAdd", "onDelete", "onMove", "Content", "toolbar", "Controls", "Container", "Viewport", "classNames", "Background", "getTitle", "getLabel", "context", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "Board", "subject", "component", "React", "BoardContainer", "board"]
-}

package/dist/lib/node-esm/chunk-K6CHLZYU.mjs

@@ -1,48 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-
-// src/types/schema.ts
-import { Schema } from "effect";
-import { Type } from "@dxos/echo";
-import { LabelAnnotation } from "@dxos/echo-schema";
-import { BoardLayout } from "@dxos/react-ui-board";
-
-// src/meta.ts
-var meta = {
-  id: "dxos.org/plugin/board",
-  name: "Board",
-  description: "A spatial, infinite canvas app combining notes, media, and whiteboarding in a tactile, visual interface.",
-  icon: "ph--squares-four--regular",
-  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-board",
-  screenshots: []
-};
-
-// src/types/schema.ts
-(function(Board2) {
-  Board2.Board = Schema.Struct({
-    name: Schema.optional(Schema.String),
-    items: Schema.mutable(Schema.Array(Type.Ref(Type.Expando))),
-    layout: Schema.mutable(BoardLayout)
-  }).pipe(Type.Obj({
-    typename: "dxos.org/type/Board",
-    version: "0.1.0"
-  }), LabelAnnotation.set([
-    "name"
-  ]));
-  class Create extends Schema.TaggedClass()(`${meta.id}/action/create`, {
-    input: Schema.Struct({
-      name: Schema.optional(Schema.String)
-    }),
-    output: Schema.Struct({
-      object: Board2.Board
-    })
-  }) {
-  }
-  Board2.Create = Create;
-})(Board || (Board = {}));
-var Board;
-
-export {
-  meta,
-  Board
-};
-//# sourceMappingURL=chunk-K6CHLZYU.mjs.map

package/dist/lib/node-esm/chunk-K6CHLZYU.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/schema.ts", "../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Schema } from 'effect';\n\nimport { Type } from '@dxos/echo';\nimport { LabelAnnotation } from '@dxos/echo-schema';\nimport { BoardLayout } from '@dxos/react-ui-board';\n\nimport { meta } from '../meta';\n\nexport namespace Board {\n  //\n  // Types\n  //\n\n  // TODO(burdon): View?\n  export 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\n  export interface Board extends Schema.Schema.Type<typeof Board> {}\n\n  //\n  // Actions\n  //\n\n  export 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", "//\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"],
-  "mappings": ";;;AAIA,SAASA,cAAc;AAEvB,SAASC,YAAY;AACrB,SAASC,uBAAuB;AAChC,SAASC,mBAAmB;;;ACFrB,IAAMC,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,aACE;EACFC,MAAM;EACNC,QAAQ;EACRC,aAAa,CAAA;AACf;;;UDFiBC,QAAAA;SAMFA,QAAQC,OAAOC,OAAO;IACjCC,MAAMF,OAAOG,SAASH,OAAOI,MAAM;IACnCC,OAAOL,OAAOM,QAAQN,OAAOO,MAAMC,KAAKC,IAAID,KAAKE,OAAO,CAAA,CAAA;IACxDC,QAAQX,OAAOM,QAAQM,WAAAA;EACzB,CAAA,EAAGC,KACDL,KAAKM,IAAI;IACPC,UAAU;IACVC,SAAS;EACX,CAAA,GACAC,gBAAgBC,IAAI;IAAC;GAAO,CAAA;EASvB,MAAMC,eAAenB,OAAOoB,YAAW,EAAW,GAAGC,KAAKC,EAAE,kBAAkB;IACnFC,OAAOvB,OAAOC,OAAO;MACnBC,MAAMF,OAAOG,SAASH,OAAOI,MAAM;IACrC,CAAA;IACAoB,QAAQxB,OAAOC,OAAO;MACpBwB,QAAM1B,OAAEA;IACV,CAAA;EACF,CAAA,EAAA;EAAI;SAPSoB,SAAAA;AAQf,GAhCiBpB,UAAAA,QAAAA,CAAAA,EAAAA;;",
-  "names": ["Schema", "Type", "LabelAnnotation", "BoardLayout", "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", "Create", "TaggedClass", "meta", "id", "input", "output", "object"]
-}

package/dist/lib/node-esm/react-surface-DGFWUKUE.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/BoardContainer.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { contributes, Capabilities, type PluginContext, 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", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { effect } from '@preact/signals-react';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { getSpace } from '@dxos/client/echo';\nimport { Obj, Ref, Type } from '@dxos/echo';\nimport { invariant } from '@dxos/invariant';\nimport { Board as BoardComponent, type BoardController, type BoardRootProps } from '@dxos/react-ui-board';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { isNonNullable } from '@dxos/util';\n\nimport { type Board } from '../types';\n\nexport type BoardContainerProps = {\n  role: string;\n  board: Board.Board;\n};\n\nexport const BoardContainer = ({ role, board }: BoardContainerProps) => {\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    (position = { x: 0, y: 0 }) => {\n      const space = getSpace(board);\n      invariant(space);\n      // TODO(burdon): Create from menu/intent?\n      const obj = space.db.add(Obj.make(Type.Expando, {}));\n      board.items.push(Ref.make(obj));\n      board.layout.cells[obj.id] = { ...position, width: 1, height: 1 };\n      controller.current?.center(position);\n    },\n    [board, controller],\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    <BoardComponent.Root\n      ref={controller}\n      layout={board.layout}\n      onAdd={handleAdd}\n      onDelete={handleDelete}\n      onMove={handleMove}\n    >\n      <StackItem.Content role={role} toolbar>\n        <BoardComponent.Controls />\n        <BoardComponent.Container>\n          <BoardComponent.Viewport classNames='border-none'>\n            <BoardComponent.Background />\n            <BoardComponent.Content items={items} getTitle={(item) => Obj.getLabel(item) ?? item.id} />\n          </BoardComponent.Viewport>\n        </BoardComponent.Container>\n      </StackItem.Content>\n    </BoardComponent.Root>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["React", "contributes", "Capabilities", "createSurface", "Obj", "effect", "React", "useCallback", "useEffect", "useRef", "useState", "getSpace", "Obj", "Ref", "Type", "invariant", "Board", "BoardComponent", "StackItem", "isNonNullable", "BoardContainer", "role", "board", "controller", "items", "setItems", "t", "refs", "setTimeout", "Array", "loadAll", "filter", "clearTimeout", "handleAdd", "position", "x", "y", "space", "obj", "db", "add", "make", "Expando", "push", "layout", "cells", "id", "width", "height", "current", "center", "handleDelete", "idx", "findIndex", "ref", "dxn", "asEchoDXN", "echoId", "splice", "item", "handleMove", "Root", "onAdd", "onDelete", "onMove", "Content", "toolbar", "Controls", "Container", "Viewport", "classNames", "Background", "getTitle", "getLabel", "context", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "Board", "subject", "component", "React", "BoardContainer", "board"]
-}