@dxos/plugin-board 0.8.4-main.70d3990 → 0.8.4-main.7996785055

package/dist/lib/browser/BoardContainer-ANMIIXMG.mjs

@@ -0,0 +1,149 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/BoardContainer/BoardContainer.tsx
+import React, { useCallback, useMemo, useRef, useState } from "react";
+import { Surface } from "@dxos/app-framework/ui";
+import { Filter, Obj, Ref } from "@dxos/echo";
+import { useObject, useObjects } from "@dxos/echo-react";
+import { invariant } from "@dxos/invariant";
+import { useQuery } from "@dxos/react-client/echo";
+import { Panel } from "@dxos/react-ui";
+import { useAttention } from "@dxos/react-ui-attention";
+import { Board } from "@dxos/react-ui-board";
+import { ObjectPicker } from "@dxos/react-ui-form";
+import { isNonNullable } from "@dxos/util";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-board/src/containers/BoardContainer/BoardContainer.tsx";
+var DEFAULT_POSITION = {
+  x: 0,
+  y: 0
+};
+var BoardContainer = ({ role, subject: board, attendableId }) => {
+  const controller = useRef(null);
+  const [boardItems] = useObject(board, "items");
+  const items = useObjects(boardItems ?? []);
+  const addTriggerRef = useRef(null);
+  const [pickerState, setPickerState] = useState(null);
+  const { hasAttention } = useAttention(attendableId);
+  const db = Obj.getDatabase(board);
+  const objects = useQuery(db, Filter.everything());
+  const options = useMemo(() => objects.filter((obj) => obj.id !== board.id).map((obj) => {
+    const label = Obj.getLabel(obj);
+    if (label) {
+      return {
+        id: obj.id,
+        label,
+        hue: "neutral"
+      };
+    }
+  }).filter(isNonNullable).sort(({ label: a }, { label: b }) => a.toLocaleLowerCase().localeCompare(b.toLocaleLowerCase())), [
+    objects
+  ]);
+  const handleAdd = useCallback(async (anchor, position = DEFAULT_POSITION) => {
+    const db2 = Obj.getDatabase(board);
+    invariant(db2, void 0, {
+      F: __dxlog_file,
+      L: 62,
+      S: void 0,
+      A: [
+        "db",
+        ""
+      ]
+    });
+    addTriggerRef.current = anchor;
+    setPickerState({
+      position
+    });
+  }, [
+    board
+  ]);
+  const handleDelete = useCallback((id) => {
+    const idx = board.items.findIndex((ref) => ref.dxn.asEchoDXN()?.echoId === id);
+    Obj.change(board, (obj) => {
+      if (idx !== -1) {
+        obj.items.splice(idx, 1);
+      }
+      delete obj.layout.cells[id];
+    });
+  }, [
+    board
+  ]);
+  const handleMove = useCallback((id, position) => {
+    const layout = board.layout.cells[id];
+    Obj.change(board, (obj) => {
+      obj.layout.cells[id] = {
+        ...layout,
+        ...position
+      };
+    });
+  }, [
+    board
+  ]);
+  const handleSelect = useCallback((id) => {
+    if (!pickerState) {
+      return;
+    }
+    const selectedObject = objects.find((obj) => obj.id === id);
+    if (!Obj.isObject(selectedObject)) {
+      return;
+    }
+    Obj.change(board, (obj) => {
+      obj.items.push(Ref.make(selectedObject));
+      obj.layout.cells[selectedObject.id.toString()] = pickerState.position;
+    });
+    setPickerState(null);
+  }, [
+    pickerState,
+    objects,
+    board
+  ]);
+  return /* @__PURE__ */ React.createElement(Board.Root, {
+    ref: controller,
+    layout: board.layout,
+    onAdd: handleAdd,
+    onDelete: handleDelete,
+    onMove: handleMove
+  }, /* @__PURE__ */ React.createElement(ObjectPicker.Root, {
+    open: !!pickerState,
+    onOpenChange: (nextOpen) => {
+      setPickerState(nextOpen ? {
+        position: DEFAULT_POSITION
+      } : null);
+    }
+  }, /* @__PURE__ */ React.createElement(Panel.Root, {
+    role
+  }, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Board.Toolbar, {
+    disabled: !hasAttention
+  })), /* @__PURE__ */ React.createElement(Panel.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Board.Container, null, /* @__PURE__ */ React.createElement(Board.Viewport, {
+    classNames: "border-none"
+  }, /* @__PURE__ */ React.createElement(Board.Backdrop, null), /* @__PURE__ */ React.createElement(Board.Content, null, items?.map((item, index) => /* @__PURE__ */ React.createElement(Board.Cell, {
+    item,
+    key: index,
+    layout: board.layout?.cells[item.id] ?? {
+      x: 0,
+      y: 0
+    }
+  }, /* @__PURE__ */ React.createElement(Surface.Surface, {
+    role: "card--content",
+    data: {
+      subject: item
+    },
+    limit: 1
+  })))))))), /* @__PURE__ */ React.createElement(ObjectPicker.Content, {
+    options,
+    onSelect: handleSelect,
+    classNames: "dx-card-popover-width"
+  }), /* @__PURE__ */ React.createElement(ObjectPicker.VirtualTrigger, {
+    virtualRef: addTriggerRef
+  })));
+};
+
+// src/containers/BoardContainer/index.ts
+var BoardContainer_default = BoardContainer;
+export {
+  BoardContainer_default as default
+};
+//# sourceMappingURL=BoardContainer-ANMIIXMG.mjs.map

package/dist/lib/browser/BoardContainer-ANMIIXMG.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/BoardContainer/BoardContainer.tsx", "../../../src/containers/BoardContainer/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';\nimport { Filter, Obj, Ref } from '@dxos/echo';\nimport { useObject, useObjects } from '@dxos/echo-react';\nimport { invariant } from '@dxos/invariant';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { Panel } 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 { 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 = SurfaceComponentProps<BoardType.Board>;\n\nexport const BoardContainer = ({ role, subject: board, attendableId }: BoardContainerProps) => {\n  const controller = useRef<BoardController>(null);\n  const [boardItems] = useObject(board, 'items');\n  const items = useObjects(boardItems ?? []);\n  const addTriggerRef = useRef<HTMLButtonElement | null>(null);\n  const [pickerState, setPickerState] = useState<PickerState | null>(null);\n  const { hasAttention } = useAttention(attendableId);\n\n  const db = Obj.getDatabase(board);\n  // TODO(burdon): Use search.\n  const objects = useQuery(db, Filter.everything());\n  const options = useMemo<ObjectPickerContentProps['options']>(\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        .sort(({ label: a }, { label: b }) => a.toLocaleLowerCase().localeCompare(b.toLocaleLowerCase())),\n    [objects],\n  );\n\n  const handleAdd = useCallback<NonNullable<BoardRootProps['onAdd']>>(\n    async (anchor, position = DEFAULT_POSITION) => {\n      const db = Obj.getDatabase(board);\n      invariant(db);\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      Obj.change(board, (obj) => {\n        if (idx !== -1) {\n          obj.items.splice(idx, 1);\n        }\n        delete obj.layout.cells[id];\n      });\n    },\n    [board],\n  );\n\n  const handleMove = useCallback<NonNullable<BoardRootProps['onMove']>>(\n    (id, position) => {\n      const layout = board.layout.cells[id];\n      Obj.change(board, (obj) => {\n        obj.layout.cells[id] = { ...layout, ...position };\n      });\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 (!Obj.isObject(selectedObject)) {\n        return;\n      }\n\n      // Create a reference to the selected object and add it to the board.\n      Obj.change(board, (obj) => {\n        obj.items.push(Ref.make(selectedObject));\n\n        // Set the layout position for the new item.\n        obj.layout.cells[selectedObject.id.toString()] = pickerState.position;\n      });\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        <Panel.Root role={role}>\n          <Panel.Toolbar asChild>\n            <Board.Toolbar disabled={!hasAttention} />\n          </Panel.Toolbar>\n          <Panel.Content asChild>\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.Surface role='card--content' data={{ subject: item }} limit={1} />\n                    </Board.Cell>\n                  ))}\n                </Board.Content>\n              </Board.Viewport>\n            </Board.Container>\n          </Panel.Content>\n        </Panel.Root>\n        <ObjectPicker.Content options={options} onSelect={handleSelect} classNames='dx-card-popover-width' />\n        <ObjectPicker.VirtualTrigger virtualRef={addTriggerRef} />\n      </ObjectPicker.Root>\n    </Board.Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { BoardContainer } from './BoardContainer';\n\nexport default BoardContainer;\n"],
+  "mappings": "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",
+  "names": ["React", "useCallback", "useMemo", "useRef", "useState", "Surface", "Filter", "Obj", "Ref", "useObject", "useObjects", "invariant", "useQuery", "Panel", "useAttention", "Board", "ObjectPicker", "isNonNullable", "DEFAULT_POSITION", "x", "y", "BoardContainer", "role", "subject", "board", "attendableId", "controller", "boardItems", "items", "addTriggerRef", "pickerState", "setPickerState", "hasAttention", "db", "getDatabase", "objects", "everything", "options", "filter", "obj", "id", "map", "label", "getLabel", "hue", "sort", "a", "b", "toLocaleLowerCase", "localeCompare", "handleAdd", "anchor", "position", "current", "handleDelete", "idx", "findIndex", "ref", "dxn", "asEchoDXN", "echoId", "change", "splice", "layout", "cells", "handleMove", "handleSelect", "selectedObject", "find", "isObject", "push", "make", "toString", "Root", "onAdd", "onDelete", "onMove", "open", "onOpenChange", "nextOpen", "Toolbar", "asChild", "disabled", "Content", "Container", "Viewport", "classNames", "Backdrop", "item", "index", "Cell", "key", "data", "limit", "onSelect", "VirtualTrigger", "virtualRef", "BoardContainer"]
+}

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

@@ -0,0 +1,19 @@
+// src/meta.ts
+import { trim } from "@dxos/util";
+var meta = {
+  id: "org.dxos.plugin.board",
+  name: "Board",
+  description: trim`
+    Infinite canvas workspace that combines sticky notes, media, and whiteboarding tools.
+    Arrange and connect ideas freely in a visual space perfect for brainstorming and creative collaboration.
+  `,
+  icon: "ph--squares-four--regular",
+  iconHue: "green",
+  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-board",
+  screenshots: []
+};
+
+export {
+  meta
+};
+//# sourceMappingURL=chunk-F24SVFD3.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n  id: 'org.dxos.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"],
+  "mappings": ";AAKA,SAASA,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,aAAa,CAAA;AACf;",
+  "names": ["trim", "meta", "id", "name", "description", "trim", "icon", "iconHue", "source", "screenshots"]
+}

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

@@ -0,0 +1,10 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+export {
+  __export
+};
+//# sourceMappingURL=chunk-J5LGTIGS.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -0,0 +1,37 @@
+import {
+  __export
+} from "./chunk-J5LGTIGS.mjs";
+
+// src/types/Board.ts
+var Board_exports = {};
+__export(Board_exports, {
+  Board: () => Board,
+  makeBoard: () => makeBoard
+});
+import * as Schema from "effect/Schema";
+import { Annotation, Obj, Ref, Type } from "@dxos/echo";
+import { FormInputAnnotation, LabelAnnotation } from "@dxos/echo/internal";
+import { BoardLayout, defaultLayout } from "@dxos/react-ui-board";
+var Board = Schema.Struct({
+  name: Schema.String.pipe(Schema.optional),
+  items: Ref.Ref(Obj.Unknown).pipe(Schema.Array, FormInputAnnotation.set(false)),
+  layout: BoardLayout.pipe(FormInputAnnotation.set(false))
+}).pipe(Type.object({
+  typename: "org.dxos.type.board",
+  version: "0.1.0"
+}), LabelAnnotation.set([
+  "name"
+]), Annotation.IconAnnotation.set({
+  icon: "ph--squares-four--regular",
+  hue: "green"
+}));
+var makeBoard = (props = {}) => Obj.make(Board, {
+  items: [],
+  layout: defaultLayout,
+  ...props
+});
+
+export {
+  Board_exports
+};
+//# sourceMappingURL=chunk-UWECQOHO.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/Board.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Annotation, Obj, Ref, Type } from '@dxos/echo';\nimport { FormInputAnnotation, LabelAnnotation } from '@dxos/echo/internal';\nimport { BoardLayout, defaultLayout } from '@dxos/react-ui-board';\n\n/**\n * Board and layout.\n */\nexport const Board = Schema.Struct({\n  name: Schema.String.pipe(Schema.optional),\n  items: Ref.Ref(Obj.Unknown).pipe(Schema.Array, FormInputAnnotation.set(false)),\n  layout: BoardLayout.pipe(FormInputAnnotation.set(false)),\n}).pipe(\n  Type.object({\n    typename: 'org.dxos.type.board',\n    version: '0.1.0',\n  }),\n  LabelAnnotation.set(['name']),\n  Annotation.IconAnnotation.set({\n    icon: 'ph--squares-four--regular',\n    hue: 'green',\n  }),\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"],
+  "mappings": ";;;;;AAAA;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,YAAYC,KAAKC,KAAKC,YAAY;AAC3C,SAASC,qBAAqBC,uBAAuB;AACrD,SAASC,aAAaC,qBAAqB;AAKpC,IAAMC,QAAeC,cAAO;EACjCC,MAAaC,cAAOC,KAAYC,eAAQ;EACxCC,OAAOC,IAAIA,IAAIC,IAAIC,OAAO,EAAEL,KAAYM,cAAOC,oBAAoBC,IAAI,KAAA,CAAA;EACvEC,QAAQC,YAAYV,KAAKO,oBAAoBC,IAAI,KAAA,CAAA;AACnD,CAAA,EAAGR,KACDW,KAAKC,OAAO;EACVC,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,gBAAgBP,IAAI;EAAC;CAAO,GAC5BQ,WAAWC,eAAeT,IAAI;EAC5BU,MAAM;EACNC,KAAK;AACP,CAAA,CAAA;AAKK,IAAMC,YAAY,CAACC,QAA8C,CAAC,MACvEjB,IAAIkB,KAAK1B,OAAO;EACdM,OAAO,CAAA;EACPO,QAAQc;EACR,GAAGF;AACL,CAAA;",
+  "names": ["Schema", "Annotation", "Obj", "Ref", "Type", "FormInputAnnotation", "LabelAnnotation", "BoardLayout", "defaultLayout", "Board", "Struct", "name", "String", "pipe", "optional", "items", "Ref", "Obj", "Unknown", "Array", "FormInputAnnotation", "set", "layout", "BoardLayout", "Type", "object", "typename", "version", "LabelAnnotation", "Annotation", "IconAnnotation", "icon", "hue", "makeBoard", "props", "make", "defaultLayout"]
+}

package/dist/lib/browser/index.mjs

@@ -1,20 +1,24 @@
 import {
-  BoardContainer
-} from "./chunk-Q2FY5QDD.mjs";
-import {
-  Board_exports,
   meta
-} from "./chunk-BPWAJIIV.mjs";
+} from "./chunk-F24SVFD3.mjs";
+import {
+  Board_exports
+} from "./chunk-UWECQOHO.mjs";
+import "./chunk-J5LGTIGS.mjs";
 
 // src/BoardPlugin.tsx
-import { Capabilities, Events, contributes, createIntent, defineModule, definePlugin } from "@dxos/app-framework";
-import { ClientCapabilities, ClientEvents } from "@dxos/plugin-client";
+import * as Effect from "effect/Effect";
+import * as Option from "effect/Option";
+import { Plugin } from "@dxos/app-framework";
+import { AppPlugin } from "@dxos/app-toolkit";
+import { Annotation } from "@dxos/echo";
+import { Operation } from "@dxos/operation";
+import { SpaceOperation } from "@dxos/plugin-space/operations";
 import { translations as boardTranslations } from "@dxos/react-ui-board";
 
-// src/capabilities/index.ts
-import { lazy } from "@dxos/app-framework";
-var IntentResolver = lazy(() => import("./intent-resolver-N25TTBCB.mjs"));
-var ReactSurface = lazy(() => import("./react-surface-QP64T3BI.mjs"));
+// src/capabilities/react-surface/index.ts
+import { Capability } from "@dxos/app-framework";
+var ReactSurface = Capability.lazy("ReactSurface", () => import("./react-surface-LEGRWMJS.mjs"));
 
 // src/translations.ts
 var translations = [
@@ -26,6 +30,7 @@ var translations = [
         "typename label_one": "Board",
         "typename label_other": "Boards",
         "object name placeholder": "New board",
+        "add object label": "Add board",
         "rename object label": "Rename board",
         "delete object label": "Delete board",
         "object deleted label": "Board deleted"
@@ -38,52 +43,37 @@ var translations = [
 ];
 
 // src/BoardPlugin.tsx
-var BoardPlugin = definePlugin(meta, () => [
-  defineModule({
-    id: `${meta.id}/module/translations`,
-    activatesOn: Events.SetupTranslations,
-    activate: () => contributes(Capabilities.Translations, [
-      ...translations,
-      ...boardTranslations
-    ])
-  }),
-  defineModule({
-    id: `${meta.id}/module/metadata`,
-    activatesOn: Events.SetupMetadata,
-    activate: () => (
-      // TODO(burdon): "Metadata" here seems non-descriptive; is this specifically for the type? ObjectMetadata?
-      contributes(Capabilities.Metadata, {
-        id: Board_exports.Board.typename,
-        metadata: {
-          icon: "ph--squares-four--regular",
-          iconHue: "green",
-          creatObjectIntent: () => createIntent(Board_exports.Create),
-          addToCollectionOnCreate: true
-        }
+var BoardPlugin = Plugin.define(meta).pipe(AppPlugin.addMetadataModule({
+  metadata: {
+    id: Board_exports.Board.typename,
+    metadata: {
+      icon: Annotation.IconAnnotation.get(Board_exports.Board).pipe(Option.getOrThrow).icon,
+      iconHue: Annotation.IconAnnotation.get(Board_exports.Board).pipe(Option.getOrThrow).hue ?? "white",
+      createObject: (props, options) => Effect.gen(function* () {
+        const object = Board_exports.makeBoard(props);
+        return yield* Operation.invoke(SpaceOperation.AddObject, {
+          object,
+          target: options.target,
+          hidden: true,
+          targetNodeId: options.targetNodeId
+        });
       })
-    )
-  }),
-  defineModule({
-    id: `${meta.id}/module/schema`,
-    activatesOn: ClientEvents.SetupSchema,
-    activate: () => contributes(ClientCapabilities.Schema, [
-      Board_exports.Board
-    ])
-  }),
-  defineModule({
-    id: `${meta.id}/module/react-surface`,
-    activatesOn: Events.SetupReactSurface,
-    activate: ReactSurface
-  }),
-  defineModule({
-    id: `${meta.id}/module/intent-resolver`,
-    activatesOn: Events.SetupIntentResolver,
-    activate: IntentResolver
-  })
-]);
+    }
+  }
+}), AppPlugin.addSchemaModule({
+  schema: [
+    Board_exports.Board
+  ]
+}), AppPlugin.addSurfaceModule({
+  activate: ReactSurface
+}), AppPlugin.addTranslationsModule({
+  translations: [
+    ...translations,
+    ...boardTranslations
+  ]
+}), Plugin.make);
 export {
   Board_exports as Board,
-  BoardContainer,
   BoardPlugin,
   meta
 };

package/dist/lib/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/BoardPlugin.tsx", "../../../src/capabilities/index.ts", "../../../src/translations.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Capabilities, Events, contributes, createIntent, defineModule, definePlugin } from '@dxos/app-framework';\nimport { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';\nimport { type CreateObjectIntent } from '@dxos/plugin-space/types';\nimport { translations as boardTranslations } from '@dxos/react-ui-board';\n\nimport { IntentResolver, ReactSurface } from './capabilities';\nimport { meta } from './meta';\nimport { translations } from './translations';\nimport { Board } from './types';\n\nexport const BoardPlugin = definePlugin(meta, () => [\n  defineModule({\n    id: `${meta.id}/module/translations`,\n    activatesOn: Events.SetupTranslations,\n    activate: () => contributes(Capabilities.Translations, [...translations, ...boardTranslations]),\n  }),\n  defineModule({\n    id: `${meta.id}/module/metadata`,\n    activatesOn: Events.SetupMetadata,\n    activate: () =>\n      // TODO(burdon): \"Metadata\" here seems non-descriptive; is this specifically for the type? ObjectMetadata?\n      contributes(Capabilities.Metadata, {\n        id: Board.Board.typename,\n        metadata: {\n          icon: 'ph--squares-four--regular',\n          iconHue: 'green',\n          creatObjectIntent: (() => createIntent(Board.Create)) satisfies CreateObjectIntent,\n          addToCollectionOnCreate: true,\n        },\n      }),\n  }),\n  defineModule({\n    id: `${meta.id}/module/schema`,\n    activatesOn: ClientEvents.SetupSchema,\n    activate: () => contributes(ClientCapabilities.Schema, [Board.Board]),\n  }),\n  defineModule({\n    id: `${meta.id}/module/react-surface`,\n    activatesOn: Events.SetupReactSurface,\n    activate: ReactSurface,\n  }),\n  defineModule({\n    id: `${meta.id}/module/intent-resolver`,\n    activatesOn: Events.SetupIntentResolver,\n    activate: IntentResolver,\n  }),\n]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { lazy } from '@dxos/app-framework';\n\nexport const IntentResolver = lazy(() => import('./intent-resolver'));\nexport const ReactSurface = lazy(() => import('./react-surface'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nimport { meta } from './meta';\nimport { Board } from './types';\n\nexport const translations = [\n  {\n    'en-US': {\n      [Board.Board.typename]: {\n        'typename label': 'Board',\n        'typename label_zero': 'Boards',\n        'typename label_one': 'Board',\n        'typename label_other': 'Boards',\n        'object name placeholder': 'New board',\n        'rename object label': 'Rename board',\n        'delete object label': 'Delete board',\n        'object deleted label': 'Board deleted',\n      },\n      [meta.id]: {\n        'plugin name': 'Board',\n      },\n    },\n  },\n] as const satisfies Resource[];\n"],
-  "mappings": ";;;;;;;;;AAIA,SAASA,cAAcC,QAAQC,aAAaC,cAAcC,cAAcC,oBAAoB;AAC5F,SAASC,oBAAoBC,oBAAoB;AAEjD,SAASC,gBAAgBC,yBAAyB;;;ACHlD,SAASC,YAAY;AAEd,IAAMC,iBAAiBC,KAAK,MAAM,OAAO,gCAAA,CAAA;AACzC,IAAMC,eAAeD,KAAK,MAAM,OAAO,8BAAA,CAAA;;;ACEvC,IAAME,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,cAAMA,MAAMC,QAAQ,GAAG;QACtB,kBAAkB;QAClB,uBAAuB;QACvB,sBAAsB;QACtB,wBAAwB;QACxB,2BAA2B;QAC3B,uBAAuB;QACvB,uBAAuB;QACvB,wBAAwB;MAC1B;MACA,CAACC,KAAKC,EAAE,GAAG;QACT,eAAe;MACjB;IACF;EACF;;;;AFZK,IAAMC,cAAcC,aAAaC,MAAM,MAAM;EAClDC,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOC;IACpBC,UAAU,MAAMC,YAAYC,aAAaC,cAAc;SAAIC;SAAiBC;KAAkB;EAChG,CAAA;EACAV,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOQ;IACpBN,UAAU;;MAERC,YAAYC,aAAaK,UAAU;QACjCX,IAAIY,cAAMA,MAAMC;QAChBC,UAAU;UACRC,MAAM;UACNC,SAAS;UACTC,mBAAoB,MAAMC,aAAaN,cAAMO,MAAM;UACnDC,yBAAyB;QAC3B;MACF,CAAA;;EACJ,CAAA;EACArB,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaoB,aAAaC;IAC1BlB,UAAU,MAAMC,YAAYkB,mBAAmBC,QAAQ;MAACZ,cAAMA;KAAM;EACtE,CAAA;EACAb,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOuB;IACpBrB,UAAUsB;EACZ,CAAA;EACA3B,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOyB;IACpBvB,UAAUwB;EACZ,CAAA;CACD;",
-  "names": ["Capabilities", "Events", "contributes", "createIntent", "defineModule", "definePlugin", "ClientCapabilities", "ClientEvents", "translations", "boardTranslations", "lazy", "IntentResolver", "lazy", "ReactSurface", "translations", "Board", "typename", "meta", "id", "BoardPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "translations", "boardTranslations", "SetupMetadata", "Metadata", "Board", "typename", "metadata", "icon", "iconHue", "creatObjectIntent", "createIntent", "Create", "addToCollectionOnCreate", "ClientEvents", "SetupSchema", "ClientCapabilities", "Schema", "SetupReactSurface", "ReactSurface", "SetupIntentResolver", "IntentResolver"]
+  "sources": ["../../../src/BoardPlugin.tsx", "../../../src/capabilities/react-surface/index.ts", "../../../src/translations.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport * as Option from 'effect/Option';\n\nimport { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\nimport { Annotation } from '@dxos/echo';\nimport { Operation } from '@dxos/operation';\nimport { type CreateObject } from '@dxos/plugin-space/types';\nimport { SpaceOperation } from '@dxos/plugin-space/operations';\nimport { translations as boardTranslations } from '@dxos/react-ui-board';\n\nimport { ReactSurface } from './capabilities';\nimport { meta } from './meta';\nimport { translations } from './translations';\nimport { Board } from './types';\n\nexport const BoardPlugin = Plugin.define(meta).pipe(\n  AppPlugin.addMetadataModule({\n    metadata: {\n      id: Board.Board.typename,\n      metadata: {\n        icon: Annotation.IconAnnotation.get(Board.Board).pipe(Option.getOrThrow).icon,\n        iconHue: Annotation.IconAnnotation.get(Board.Board).pipe(Option.getOrThrow).hue ?? 'white',\n        createObject: ((props, options) =>\n          Effect.gen(function* () {\n            const object = Board.makeBoard(props);\n            return yield* Operation.invoke(SpaceOperation.AddObject, {\n              object,\n              target: options.target,\n              hidden: true,\n              targetNodeId: options.targetNodeId,\n            });\n          })) satisfies CreateObject,\n      },\n    },\n  }),\n  AppPlugin.addSchemaModule({ schema: [Board.Board] }),\n  AppPlugin.addSurfaceModule({ activate: ReactSurface }),\n  AppPlugin.addTranslationsModule({ translations: [...translations, ...boardTranslations] }),\n  Plugin.make,\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\n\nexport const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nimport { meta } from './meta';\nimport { Board } from './types';\n\nexport const translations = [\n  {\n    'en-US': {\n      [Board.Board.typename]: {\n        'typename label': 'Board',\n        'typename label_zero': 'Boards',\n        'typename label_one': 'Board',\n        'typename label_other': 'Boards',\n        'object name placeholder': 'New board',\n        'add object label': 'Add board',\n        'rename object label': 'Rename board',\n        'delete object label': 'Delete board',\n        'object deleted label': 'Board deleted',\n      },\n      [meta.id]: {\n        'plugin name': 'Board',\n      },\n    },\n  },\n] as const satisfies Resource[];\n"],
+  "mappings": ";;;;;;;;;AAIA,YAAYA,YAAY;AACxB,YAAYC,YAAY;AAExB,SAASC,cAAc;AACvB,SAASC,iBAAiB;AAC1B,SAASC,kBAAkB;AAC3B,SAASC,iBAAiB;AAE1B,SAASC,sBAAsB;AAC/B,SAASC,gBAAgBC,yBAAyB;;;ACTlD,SAASC,kBAAkB;AAEpB,IAAMC,eAAeC,WAAWC,KAAK,gBAAgB,MAAM,OAAO,8BAAA,CAAA;;;ACGlE,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,cAAMA,MAAMC,QAAQ,GAAG;QACtB,kBAAkB;QAClB,uBAAuB;QACvB,sBAAsB;QACtB,wBAAwB;QACxB,2BAA2B;QAC3B,oBAAoB;QACpB,uBAAuB;QACvB,uBAAuB;QACvB,wBAAwB;MAC1B;MACA,CAACC,KAAKC,EAAE,GAAG;QACT,eAAe;MACjB;IACF;EACF;;;;AFPK,IAAMC,cAAcC,OAAOC,OAAOC,IAAAA,EAAMC,KAC7CC,UAAUC,kBAAkB;EAC1BC,UAAU;IACRC,IAAIC,cAAMA,MAAMC;IAChBH,UAAU;MACRI,MAAMC,WAAWC,eAAeC,IAAIL,cAAMA,KAAK,EAAEL,KAAYW,iBAAU,EAAEJ;MACzEK,SAASJ,WAAWC,eAAeC,IAAIL,cAAMA,KAAK,EAAEL,KAAYW,iBAAU,EAAEE,OAAO;MACnFC,cAAe,CAACC,OAAOC,YACdC,WAAI,aAAA;AACT,cAAMC,SAASb,cAAMc,UAAUJ,KAAAA;AAC/B,eAAO,OAAOK,UAAUC,OAAOC,eAAeC,WAAW;UACvDL;UACAM,QAAQR,QAAQQ;UAChBC,QAAQ;UACRC,cAAcV,QAAQU;QACxB,CAAA;MACF,CAAA;IACJ;EACF;AACF,CAAA,GACAzB,UAAU0B,gBAAgB;EAAEC,QAAQ;IAACvB,cAAMA;;AAAO,CAAA,GAClDJ,UAAU4B,iBAAiB;EAAEC,UAAUC;AAAa,CAAA,GACpD9B,UAAU+B,sBAAsB;EAAEC,cAAc;OAAIA;OAAiBC;;AAAmB,CAAA,GACxFrC,OAAOsC,IAAI;",
+  "names": ["Effect", "Option", "Plugin", "AppPlugin", "Annotation", "Operation", "SpaceOperation", "translations", "boardTranslations", "Capability", "ReactSurface", "Capability", "lazy", "translations", "Board", "typename", "meta", "id", "BoardPlugin", "Plugin", "define", "meta", "pipe", "AppPlugin", "addMetadataModule", "metadata", "id", "Board", "typename", "icon", "Annotation", "IconAnnotation", "get", "getOrThrow", "iconHue", "hue", "createObject", "props", "options", "gen", "object", "makeBoard", "Operation", "invoke", "SpaceOperation", "AddObject", "target", "hidden", "targetNodeId", "addSchemaModule", "schema", "addSurfaceModule", "activate", "ReactSurface", "addTranslationsModule", "translations", "boardTranslations", "make"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"src/components/BoardContainer.tsx":{"bytes":18294,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework/react","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/components/index.ts":{"bytes":485,"imports":[{"path":"src/components/BoardContainer.tsx","kind":"import-statement","original":"./BoardContainer"}],"format":"esm"},"src/meta.ts":{"bytes":1967,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/types/Board.ts":{"bytes":4620,"imports":[{"path":"effect/Schema","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo/internal","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"src/types/index.ts":{"bytes":508,"imports":[{"path":"src/types/Board.ts","kind":"import-statement","original":"./Board"}],"format":"esm"},"src/capabilities/intent-resolver.ts":{"bytes":3014,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"src/capabilities/react-surface.tsx":{"bytes":2913,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"src/components/index.ts","kind":"import-statement","original":"../components"},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"src/capabilities/index.ts":{"bytes":1035,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/intent-resolver.ts","kind":"dynamic-import","original":"./intent-resolver"},{"path":"src/capabilities/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"}],"format":"esm"},"src/translations.ts":{"bytes":2463,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"src/BoardPlugin.tsx":{"bytes":7014,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true},{"path":"src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"src/index.ts":{"bytes":722,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/types/index.ts","kind":"import-statement","original":"./types"},{"path":"src/BoardPlugin.tsx","kind":"import-statement","original":"./BoardPlugin"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4920},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-Q2FY5QDD.mjs","kind":"import-statement"},{"path":"dist/lib/browser/chunk-BPWAJIIV.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"dist/lib/browser/intent-resolver-N25TTBCB.mjs","kind":"dynamic-import"},{"path":"dist/lib/browser/react-surface-QP64T3BI.mjs","kind":"dynamic-import"}],"exports":["Board","BoardContainer","BoardPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0},"src/BoardPlugin.tsx":{"bytesInOutput":1558},"src/capabilities/index.ts":{"bytesInOutput":190},"src/translations.ts":{"bytesInOutput":507}},"bytes":2591},"dist/lib/browser/types/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/browser/types/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-BPWAJIIV.mjs","kind":"import-statement"}],"exports":["Board"],"entryPoint":"src/types/index.ts","inputs":{},"bytes":129},"dist/lib/browser/intent-resolver-N25TTBCB.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1473},"dist/lib/browser/intent-resolver-N25TTBCB.mjs":{"imports":[{"path":"dist/lib/browser/chunk-BPWAJIIV.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/intent-resolver.ts","inputs":{"src/capabilities/intent-resolver.ts":{"bytesInOutput":598}},"bytes":797},"dist/lib/browser/react-surface-QP64T3BI.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1429},"dist/lib/browser/react-surface-QP64T3BI.mjs":{"imports":[{"path":"dist/lib/browser/chunk-Q2FY5QDD.mjs","kind":"import-statement"},{"path":"dist/lib/browser/chunk-BPWAJIIV.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/react-surface.tsx","inputs":{"src/capabilities/react-surface.tsx":{"bytesInOutput":528}},"bytes":787},"dist/lib/browser/chunk-Q2FY5QDD.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":9200},"dist/lib/browser/chunk-Q2FY5QDD.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework/react","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["BoardContainer"],"inputs":{"src/components/BoardContainer.tsx":{"bytesInOutput":4592},"src/components/index.ts":{"bytesInOutput":0}},"bytes":4703},"dist/lib/browser/chunk-BPWAJIIV.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3318},"dist/lib/browser/chunk-BPWAJIIV.mjs":{"imports":[{"path":"effect/Schema","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo/internal","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["Board_exports","meta"],"inputs":{"src/types/Board.ts":{"bytesInOutput":1019},"src/meta.ts":{"bytesInOutput":481},"src/types/index.ts":{"bytesInOutput":0}},"bytes":1810}}}
+{"inputs":{"src/meta.ts":{"bytes":1963,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/types/Board.ts":{"bytes":3863,"imports":[{"path":"effect/Schema","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo/internal","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true}],"format":"esm"},"src/types/index.ts":{"bytes":508,"imports":[{"path":"src/types/Board.ts","kind":"import-statement","original":"./Board"}],"format":"esm"},"src/containers/BoardContainer/BoardContainer.tsx":{"bytes":18556,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework/ui","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo-react","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/containers/BoardContainer/index.ts":{"bytes":676,"imports":[{"path":"src/containers/BoardContainer/BoardContainer.tsx","kind":"import-statement","original":"./BoardContainer"}],"format":"esm"},"src/containers/index.ts":{"bytes":809,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/containers/BoardContainer/index.ts","kind":"dynamic-import","original":"./BoardContainer"}],"format":"esm"},"src/capabilities/react-surface/react-surface.tsx":{"bytes":3729,"imports":[{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-framework/ui","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"src/containers/index.ts","kind":"import-statement","original":"../../containers"},{"path":"src/meta.ts","kind":"import-statement","original":"../../meta"},{"path":"src/types/index.ts","kind":"import-statement","original":"../../types"}],"format":"esm"},"src/capabilities/react-surface/index.ts":{"bytes":909,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/react-surface/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"}],"format":"esm"},"src/capabilities/index.ts":{"bytes":486,"imports":[{"path":"src/capabilities/react-surface/index.ts","kind":"import-statement","original":"./react-surface"}],"format":"esm"},"src/translations.ts":{"bytes":2588,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"src/BoardPlugin.tsx":{"bytes":6298,"imports":[{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"effect/Option","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/operation","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/operations","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true},{"path":"src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"src/index.ts":{"bytes":628,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/types/index.ts","kind":"import-statement","original":"./types"},{"path":"src/BoardPlugin.tsx","kind":"import-statement","original":"./BoardPlugin"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4696},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-F24SVFD3.mjs","kind":"import-statement"},{"path":"dist/lib/browser/chunk-UWECQOHO.mjs","kind":"import-statement"},{"path":"dist/lib/browser/chunk-J5LGTIGS.mjs","kind":"import-statement"},{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"effect/Option","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/operation","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/operations","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"dist/lib/browser/react-surface-LEGRWMJS.mjs","kind":"dynamic-import"}],"exports":["Board","BoardPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0},"src/BoardPlugin.tsx":{"bytesInOutput":1333},"src/capabilities/react-surface/index.ts":{"bytesInOutput":148},"src/capabilities/index.ts":{"bytesInOutput":0},"src/translations.ts":{"bytesInOutput":548}},"bytes":2374},"dist/lib/browser/types/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/browser/types/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-UWECQOHO.mjs","kind":"import-statement"},{"path":"dist/lib/browser/chunk-J5LGTIGS.mjs","kind":"import-statement"}],"exports":["Board"],"entryPoint":"src/types/index.ts","inputs":{},"bytes":161},"dist/lib/browser/BoardContainer-ANMIIXMG.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":9935},"dist/lib/browser/BoardContainer-ANMIIXMG.mjs":{"imports":[{"path":"dist/lib/browser/chunk-J5LGTIGS.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework/ui","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo-react","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/containers/BoardContainer/index.ts","inputs":{"src/containers/BoardContainer/BoardContainer.tsx":{"bytesInOutput":4439},"src/containers/BoardContainer/index.ts":{"bytesInOutput":45}},"bytes":4712},"dist/lib/browser/react-surface-LEGRWMJS.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":2169},"dist/lib/browser/react-surface-LEGRWMJS.mjs":{"imports":[{"path":"dist/lib/browser/chunk-F24SVFD3.mjs","kind":"import-statement"},{"path":"dist/lib/browser/chunk-UWECQOHO.mjs","kind":"import-statement"},{"path":"dist/lib/browser/chunk-J5LGTIGS.mjs","kind":"import-statement"},{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-framework/ui","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"dist/lib/browser/BoardContainer-ANMIIXMG.mjs","kind":"dynamic-import"}],"exports":["default"],"entryPoint":"src/capabilities/react-surface/react-surface.tsx","inputs":{"src/capabilities/react-surface/react-surface.tsx":{"bytesInOutput":727},"src/containers/index.ts":{"bytesInOutput":104}},"bytes":1198},"dist/lib/browser/chunk-F24SVFD3.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":947},"dist/lib/browser/chunk-F24SVFD3.mjs":{"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["meta"],"inputs":{"src/meta.ts":{"bytesInOutput":481}},"bytes":560},"dist/lib/browser/chunk-UWECQOHO.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":2132},"dist/lib/browser/chunk-UWECQOHO.mjs":{"imports":[{"path":"dist/lib/browser/chunk-J5LGTIGS.mjs","kind":"import-statement"},{"path":"effect/Schema","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo/internal","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true}],"exports":["Board_exports"],"inputs":{"src/types/Board.ts":{"bytesInOutput":867},"src/types/index.ts":{"bytesInOutput":0}},"bytes":1014},"dist/lib/browser/chunk-J5LGTIGS.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/browser/chunk-J5LGTIGS.mjs":{"imports":[],"exports":["__export"],"inputs":{},"bytes":235}}}

package/dist/lib/browser/react-surface-LEGRWMJS.mjs

@@ -0,0 +1,39 @@
+import {
+  meta
+} from "./chunk-F24SVFD3.mjs";
+import {
+  Board_exports
+} from "./chunk-UWECQOHO.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/capabilities/react-surface/react-surface.tsx
+import * as Effect from "effect/Effect";
+import React from "react";
+import { Capabilities, Capability } from "@dxos/app-framework";
+import { Surface } from "@dxos/app-framework/ui";
+import { Obj } from "@dxos/echo";
+
+// src/containers/index.ts
+import { lazy } from "react";
+var BoardContainer = lazy(() => import("./BoardContainer-ANMIIXMG.mjs"));
+
+// src/capabilities/react-surface/react-surface.tsx
+var react_surface_default = Capability.makeModule(() => Effect.succeed(Capability.contributes(Capabilities.ReactSurface, [
+  Surface.create({
+    id: meta.id,
+    role: [
+      "article",
+      "section"
+    ],
+    filter: (data) => typeof data.attendableId === "string" && Obj.instanceOf(Board_exports.Board, data.subject),
+    component: ({ role, data }) => /* @__PURE__ */ React.createElement(BoardContainer, {
+      role,
+      subject: data.subject,
+      attendableId: data.attendableId
+    })
+  })
+])));
+export {
+  react_surface_default as default
+};
+//# sourceMappingURL=react-surface-LEGRWMJS.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/react-surface/react-surface.tsx", "../../../src/containers/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport React from 'react';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\nimport { Surface } from '@dxos/app-framework/ui';\nimport { Obj } from '@dxos/echo';\n\nimport { BoardContainer } from '../../containers';\nimport { meta } from '../../meta';\nimport { Board } from '../../types';\n\nexport default Capability.makeModule(() =>\n  Effect.succeed(\n    Capability.contributes(Capabilities.ReactSurface, [\n      Surface.create({\n        id: meta.id,\n        role: ['article', 'section'],\n        filter: (data): data is { attendableId: string; subject: Board.Board } =>\n          typeof data.attendableId === 'string' && Obj.instanceOf(Board.Board, data.subject),\n        component: ({ role, data }) => (\n          <BoardContainer role={role} subject={data.subject} attendableId={data.attendableId} />\n        ),\n      }),\n    ]),\n  ),\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type ComponentType, lazy } from 'react';\n\nexport const BoardContainer: ComponentType<any> = lazy(() => import('./BoardContainer'));\n"],
+  "mappings": ";;;;;;;;;AAIA,YAAYA,YAAY;AACxB,OAAOC,WAAW;AAElB,SAASC,cAAcC,kBAAkB;AACzC,SAASC,eAAe;AACxB,SAASC,WAAW;;;ACLpB,SAA6BC,YAAY;AAElC,IAAMC,iBAAqCC,KAAK,MAAM,OAAO,+BAAA,CAAA;;;ADSpE,IAAA,wBAAeC,WAAWC,WAAW,MAC5BC,eACLF,WAAWG,YAAYC,aAAaC,cAAc;EAChDC,QAAQC,OAAO;IACbC,IAAIC,KAAKD;IACTE,MAAM;MAAC;MAAW;;IAClBC,QAAQ,CAACC,SACP,OAAOA,KAAKC,iBAAiB,YAAYC,IAAIC,WAAWC,cAAMA,OAAOJ,KAAKK,OAAO;IACnFC,WAAW,CAAC,EAAER,MAAME,KAAI,MACtB,sBAAA,cAACO,gBAAAA;MAAeT;MAAYO,SAASL,KAAKK;MAASJ,cAAcD,KAAKC;;EAE1E,CAAA;CACD,CAAA,CAAA;",
+  "names": ["Effect", "React", "Capabilities", "Capability", "Surface", "Obj", "lazy", "BoardContainer", "lazy", "Capability", "makeModule", "succeed", "contributes", "Capabilities", "ReactSurface", "Surface", "create", "id", "meta", "role", "filter", "data", "attendableId", "Obj", "instanceOf", "Board", "subject", "component", "BoardContainer"]
+}

package/dist/lib/browser/types/index.mjs

@@ -1,6 +1,7 @@
 import {
   Board_exports
-} from "../chunk-BPWAJIIV.mjs";
+} from "../chunk-UWECQOHO.mjs";
+import "../chunk-J5LGTIGS.mjs";
 export {
   Board_exports as Board
 };