@dxos/plugin-board 0.9.0 → 0.9.1-staging.ee54ba693a

package/dx.config.ts

@@ -0,0 +1,29 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { Config2 } from '@dxos/app-framework/config';
+import { trim } from '@dxos/util';
+
+export default Config2.make({
+  plugin: {
+    key: 'org.dxos.plugin.board',
+    name: 'Board',
+    author: 'DXOS',
+    description: trim`
+    Board is an infinite spatial canvas that lets you place any ECHO object — documents, tasks, notes, or rich media — anywhere on a two-dimensional grid.
+    Items are arranged by dragging, resized freely, and removed from the canvas without deleting the underlying data, so the same object can appear on multiple boards simultaneously.
+
+    Each board is itself an ECHO object, making it fully collaborative and conflict-free: all participants see live updates as peers add, move, or remove items in real time.
+    The canvas scales to any resolution, supports nested surfaces through the Composer slot system, and integrates naturally with other plugins via the shared ObjectPicker.
+
+    Board is designed as a lightweight composition layer: it imposes no schema on the objects it hosts and delegates rendering to each object's own Card surface, so every plugin contributes its own card representation automatically.
+    This makes it ideal for dashboards, mood boards, project overviews, or any context where spatial relationships between heterogeneous objects carry meaning.
+  `,
+    source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-board',
+    icon: { key: 'ph--squares-four--regular', hue: 'green' },
+    spec: 'PLUGIN.mdl',
+    screenshots: [],
+    tags: ['labs'],
+  },
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-board",
-  "version": "0.9.0",
+  "version": "0.9.1-staging.ee54ba693a",
   "description": "Surface plugin for card baords",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -70,53 +70,53 @@
   "types": "dist/types/src/index.d.ts",
   "files": [
     "dist",
+    "dx.config.ts",
     "src",
     "PLUGIN.mdl"
   ],
   "dependencies": {
     "@effect-atom/atom": "^0.5.3",
     "@effect-atom/atom-react": "^0.5.0",
-    "effect": "3.21.3",
-    "@dxos/compute": "0.9.0",
-    "@dxos/app-toolkit": "0.9.0",
-    "@dxos/echo-react": "0.9.0",
-    "@dxos/keys": "0.9.0",
-    "@dxos/app-framework": "0.9.0",
-    "@dxos/invariant": "0.9.0",
-    "@dxos/echo": "0.9.0",
-    "@dxos/plugin-client": "0.9.0",
-    "@dxos/random": "0.9.0",
-    "@dxos/plugin-markdown": "0.9.0",
-    "@dxos/plugin-space": "0.9.0",
-    "@dxos/react-ui": "0.9.0",
-    "@dxos/react-ui-form": "0.9.0",
-    "@dxos/react-ui-attention": "0.9.0",
-    "@dxos/react-ui-board": "0.9.0",
-    "@dxos/types": "0.9.0",
-    "@dxos/util": "0.9.0",
-    "@dxos/react-ui-stack": "0.9.0",
-    "@dxos/react-client": "0.9.0"
+    "effect": "3.21.4",
+    "@dxos/compute": "0.9.1-staging.ee54ba693a",
+    "@dxos/app-toolkit": "0.9.1-staging.ee54ba693a",
+    "@dxos/invariant": "0.9.1-staging.ee54ba693a",
+    "@dxos/keys": "0.9.1-staging.ee54ba693a",
+    "@dxos/echo": "0.9.1-staging.ee54ba693a",
+    "@dxos/app-framework": "0.9.1-staging.ee54ba693a",
+    "@dxos/echo-react": "0.9.1-staging.ee54ba693a",
+    "@dxos/plugin-markdown": "0.9.1-staging.ee54ba693a",
+    "@dxos/plugin-client": "0.9.1-staging.ee54ba693a",
+    "@dxos/plugin-space": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-client": "0.9.1-staging.ee54ba693a",
+    "@dxos/random": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui-board": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui-attention": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui-form": "0.9.1-staging.ee54ba693a",
+    "@dxos/util": "0.9.1-staging.ee54ba693a",
+    "@dxos/types": "0.9.1-staging.ee54ba693a"
   },
   "devDependencies": {
-    "@types/react": "~19.2.7",
+    "@types/react": "~19.2.17",
     "@types/react-dom": "~19.2.3",
-    "react": "~19.2.3",
-    "react-dom": "~19.2.3",
+    "react": "~19.2.7",
+    "react-dom": "~19.2.7",
     "vite": "^8.0.16",
-    "@dxos/plugin-preview": "0.9.0",
-    "@dxos/plugin-theme": "0.9.0",
-    "@dxos/plugin-testing": "0.9.0",
-    "@dxos/storybook-utils": "0.9.0",
-    "@dxos/test-utils": "0.9.0",
-    "@dxos/react-ui-syntax-highlighter": "0.9.0",
-    "@dxos/ui-theme": "0.9.0"
+    "@dxos/plugin-testing": "0.9.1-staging.ee54ba693a",
+    "@dxos/plugin-preview": "0.9.1-staging.ee54ba693a",
+    "@dxos/plugin-theme": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui-syntax-highlighter": "0.9.1-staging.ee54ba693a",
+    "@dxos/storybook-utils": "0.9.1-staging.ee54ba693a",
+    "@dxos/ui-theme": "0.9.1-staging.ee54ba693a",
+    "@dxos/test-utils": "0.9.1-staging.ee54ba693a"
   },
   "peerDependencies": {
-    "effect": "3.21.3",
-    "react": "~19.2.3",
-    "react-dom": "~19.2.3",
-    "@dxos/ui-theme": "0.9.0",
-    "@dxos/react-ui": "0.9.0"
+    "effect": "3.21.4",
+    "react": "~19.2.7",
+    "react-dom": "~19.2.7",
+    "@dxos/react-ui": "0.9.1-staging.ee54ba693a",
+    "@dxos/ui-theme": "0.9.1-staging.ee54ba693a"
   },
   "publishConfig": {
     "access": "public"

package/src/BoardPlugin.test.ts

@@ -11,7 +11,7 @@ import { BoardPlugin } from '#plugin';
 
 import { meta } from './meta';
 
-const moduleId = (name: string) => `${meta.id}.module.${name}`;
+const moduleId = (name: string) => `${meta.profile.key}.module.${name}`;
 
 describe('BoardPlugin', () => {
   test('modules activate on the expected events', async ({ expect }) => {

package/src/BoardPlugin.tsx

@@ -20,7 +20,7 @@ export const BoardPlugin = Plugin.define(meta).pipe(
   AppPlugin.addSurfaceModule({ activate: ReactSurface }),
   AppPlugin.addTranslationsModule({ translations: [...translations, ...boardTranslations] }),
   AppPlugin.addPluginAssetModule({
-    asset: { pluginId: meta.id, path: 'PLUGIN.mdl', content: pluginSpec, mimeType: 'application/x-mdl' },
+    asset: { pluginId: meta.profile.key, path: 'PLUGIN.mdl', content: pluginSpec, mimeType: 'application/x-mdl' },
   }),
   Plugin.make,
 );

package/src/capabilities/create-object.ts

@@ -22,7 +22,6 @@ export default Capability.makeModule(
           return yield* Operation.invoke(SpaceOperation.AddObject, {
             object,
             target: options.target,
-            hidden: true,
             targetNodeId: options.targetNodeId,
           });
         }),

package/src/containers/BoardArticle/BoardArticle.stories.tsx

@@ -14,7 +14,6 @@ import { PreviewPlugin } from '@dxos/plugin-preview/testing';
 import { StorybookPlugin, corePlugins } from '@dxos/plugin-testing';
 import { random } from '@dxos/random';
 import { useQuery, useSpaces } from '@dxos/react-client/echo';
-import { translations as stackTranslations } from '@dxos/react-ui-stack/translations';
 import { withLayout } from '@dxos/react-ui/testing';
 import { Organization, Person } from '@dxos/types';
 
@@ -111,7 +110,7 @@ const meta = {
   ],
   parameters: {
     layout: 'fullscreen',
-    translations: [...translations, ...stackTranslations],
+    translations,
   },
 };
 

package/src/containers/BoardArticle/BoardArticle.tsx

@@ -169,7 +169,11 @@ export const BoardArticle = ({ role, subject: board, attendableId }: BoardArticl
                 <Board.Content>
                   {items?.map((item, index) => (
                     <Board.Cell item={item} key={index} layout={board.layout?.cells[item.id] ?? { x: 0, y: 0 }}>
-                      <Surface.Surface type={AppSurface.Card} data={{ subject: item, editable: true }} limit={1} />
+                      <Surface.Surface
+                        type={AppSurface.CardContent}
+                        data={{ subject: item, editable: true }}
+                        limit={1}
+                      />
                     </Board.Cell>
                   ))}
                 </Board.Content>

package/src/meta.ts

@@ -3,27 +3,7 @@
 //
 
 import { Plugin } from '@dxos/app-framework';
-import { DXN } from '@dxos/keys';
-import { trim } from '@dxos/util';
 
-export const meta = Plugin.makeMeta({
-  key: DXN.make('org.dxos.plugin.board'),
-  name: 'Board',
-  author: 'DXOS',
-  description: trim`
-    Board is an infinite spatial canvas that lets you place any ECHO object — documents, tasks, notes, or rich media — anywhere on a two-dimensional grid.
-    Items are arranged by dragging, resized freely, and removed from the canvas without deleting the underlying data, so the same object can appear on multiple boards simultaneously.
+import config from '../dx.config';
 
-    Each board is itself an ECHO object, making it fully collaborative and conflict-free: all participants see live updates as peers add, move, or remove items in real time.
-    The canvas scales to any resolution, supports nested surfaces through the Composer slot system, and integrates naturally with other plugins via the shared ObjectPicker.
-
-    Board is designed as a lightweight composition layer: it imposes no schema on the objects it hosts and delegates rendering to each object's own Card surface, so every plugin contributes its own card representation automatically.
-    This makes it ideal for dashboards, mood boards, project overviews, or any context where spatial relationships between heterogeneous objects carry meaning.
-  `,
-  icon: 'ph--squares-four--regular',
-  iconHue: 'green',
-  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-board',
-  spec: 'PLUGIN.mdl',
-  screenshots: [],
-  tags: ['labs'],
-});
+export const meta = Plugin.getMetaFromConfig(config);

package/src/translations.ts

@@ -22,7 +22,7 @@ export const translations = [
         'delete-object.label': 'Delete board',
         'object-deleted.label': 'Board deleted',
       },
-      [meta.id]: {
+      [meta.profile.key]: {
         'plugin.name': 'Board',
       },
     },

package/src/types/Board.ts

@@ -4,24 +4,23 @@
 
 import * as Schema from 'effect/Schema';
 
-import { DXN, Annotation, Obj, Ref, Type } from '@dxos/echo';
+import { Annotation, DXN, Obj, Ref, Type } from '@dxos/echo';
 import { FormInputAnnotation, LabelAnnotation } from '@dxos/echo/Annotation';
 import { BoardLayout, defaultLayout } from '@dxos/react-ui-board';
 
 /**
  * Board and layout.
  */
-export const 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(
-  LabelAnnotation.set(['name']),
-  Annotation.IconAnnotation.set({ icon: 'ph--squares-four--regular', hue: 'green' }),
-  Type.makeObject(DXN.make('org.dxos.type.board', '0.1.0')),
-);
-
-export type Board = Type.InstanceType<typeof Board>;
+export class Board extends Type.makeObject<Board>(DXN.make('org.dxos.type.board', '0.1.0'))(
+  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(
+    LabelAnnotation.set(['name']),
+    Annotation.IconAnnotation.set({ icon: 'ph--squares-four--regular', hue: 'green' }),
+  ),
+) {}
 
 export const makeBoard = (props: Partial<Obj.MakeProps<typeof Board>> = {}) =>
   Obj.make(Board, {

package/dist/lib/neutral/chunk-HUBZKCPA.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\nimport { DXN } from '@dxos/keys';\nimport { trim } from '@dxos/util';\n\nexport const meta = Plugin.makeMeta({\n  key: DXN.make('org.dxos.plugin.board'),\n  name: 'Board',\n  author: 'DXOS',\n  description: trim`\n    Board is an infinite spatial canvas that lets you place any ECHO object — documents, tasks, notes, or rich media — anywhere on a two-dimensional grid.\n    Items are arranged by dragging, resized freely, and removed from the canvas without deleting the underlying data, so the same object can appear on multiple boards simultaneously.\n\n    Each board is itself an ECHO object, making it fully collaborative and conflict-free: all participants see live updates as peers add, move, or remove items in real time.\n    The canvas scales to any resolution, supports nested surfaces through the Composer slot system, and integrates naturally with other plugins via the shared ObjectPicker.\n\n    Board is designed as a lightweight composition layer: it imposes no schema on the objects it hosts and delegates rendering to each object's own Card surface, so every plugin contributes its own card representation automatically.\n    This makes it ideal for dashboards, mood boards, project overviews, or any context where spatial relationships between heterogeneous objects carry meaning.\n  `,\n  icon: 'ph--squares-four--regular',\n  iconHue: 'green',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-board',\n  spec: 'PLUGIN.mdl',\n  screenshots: [],\n  tags: ['labs'],\n});\n"],
-  "mappings": ";AAIA,SAASA,cAAc;AACvB,SAASC,WAAW;AACpB,SAASC,YAAY;AAEd,IAAMC,OAAOH,OAAOI,SAAS;EAClCC,KAAKJ,IAAIK,KAAK,uBAAA;EACdC,MAAM;EACNC,QAAQ;EACRC,aAAaP;;;;;;;;;;EAUbQ,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,MAAM;EACNC,aAAa,CAAA;EACbC,MAAM;IAAC;;AACT,CAAA;",
-  "names": ["Plugin", "DXN", "trim", "meta", "makeMeta", "key", "make", "name", "author", "description", "icon", "iconHue", "source", "spec", "screenshots", "tags"]
-}

package/dist/lib/neutral/chunk-RDP4SXIW.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/Board.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { DXN, Annotation, Obj, Ref, Type } from '@dxos/echo';\nimport { FormInputAnnotation, LabelAnnotation } from '@dxos/echo/Annotation';\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  LabelAnnotation.set(['name']),\n  Annotation.IconAnnotation.set({ icon: 'ph--squares-four--regular', hue: 'green' }),\n  Type.makeObject(DXN.make('org.dxos.type.board', '0.1.0')),\n);\n\nexport type Board = Type.InstanceType<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,KAAKC,YAAYC,KAAKC,KAAKC,YAAY;AAChD,SAASC,qBAAqBC,uBAAuB;AACrD,SAASC,aAAaC,qBAAqB;AAKpC,IAAMC,QAAeC,cAAO;EACjCC,MAAaC,cAAOC,KAAYC,eAAQ;EACxCC,OAAOZ,IAAIA,IAAID,IAAIc,OAAO,EAAEH,KAAYI,cAAOZ,oBAAoBa,IAAI,KAAA,CAAA;EACvEC,QAAQZ,YAAYM,KAAKR,oBAAoBa,IAAI,KAAA,CAAA;AACnD,CAAA,EAAGL,KACDP,gBAAgBY,IAAI;EAAC;CAAO,GAC5BjB,WAAWmB,eAAeF,IAAI;EAAEG,MAAM;EAA6BC,KAAK;AAAQ,CAAA,GAChFlB,KAAKmB,WAAWvB,IAAIwB,KAAK,uBAAuB,OAAA,CAAA,CAAA;AAK3C,IAAMC,YAAY,CAACC,QAA8C,CAAC,MACvExB,IAAIsB,KAAKf,OAAO;EACdM,OAAO,CAAA;EACPI,QAAQX;EACR,GAAGkB;AACL,CAAA;",
-  "names": ["Schema", "DXN", "Annotation", "Obj", "Ref", "Type", "FormInputAnnotation", "LabelAnnotation", "BoardLayout", "defaultLayout", "Board", "Struct", "name", "String", "pipe", "optional", "items", "Unknown", "Array", "set", "layout", "IconAnnotation", "icon", "hue", "makeObject", "make", "makeBoard", "props"]
-}