@dxos/plugin-registry 0.8.4-main.406dc2a → 0.8.4-main.422d1c7879

package/package.json

@@ -1,63 +1,91 @@
 {
   "name": "@dxos/plugin-registry",
-  "version": "0.8.4-main.406dc2a",
+  "version": "0.8.4-main.422d1c7879",
   "description": "Braneframe plugin gallery",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dxos/dxos"
+  },
   "license": "MIT",
   "author": "DXOS.org",
   "sideEffects": true,
   "type": "module",
+  "imports": {
+    "#capabilities": "./src/capabilities/index.ts",
+    "#components": "./src/components/index.ts",
+    "#containers": "./src/containers/index.ts",
+    "#meta": "./src/meta.ts",
+    "#operations": "./src/operations/index.ts",
+    "#types": "./src/types.ts"
+  },
   "exports": {
     ".": {
       "source": "./src/index.ts",
-      "types": "./dist/types/src/index.d.ts",
-      "browser": "./dist/lib/browser/index.mjs"
+      "browser": "./dist/lib/browser/index.mjs",
+      "node": "./dist/lib/node-esm/index.mjs",
+      "types": "./dist/types/src/index.d.ts"
+    },
+    "./cli": {
+      "source": "./src/cli/index.ts",
+      "browser": "./dist/lib/browser/cli/index.mjs",
+      "node": "./dist/lib/node-esm/cli/index.mjs",
+      "types": "./dist/types/src/cli/index.d.ts"
     }
   },
   "types": "dist/types/src/index.d.ts",
-  "typesVersions": {
-    "*": {}
-  },
   "files": [
     "dist",
     "src"
   ],
   "dependencies": {
-    "@preact-signals/safe-react": "^0.9.0",
-    "@dxos/app-framework": "0.8.4-main.406dc2a",
-    "@dxos/echo": "0.8.4-main.406dc2a",
-    "@dxos/live-object": "0.8.4-main.406dc2a",
-    "@dxos/invariant": "0.8.4-main.406dc2a",
-    "@dxos/plugin-graph": "0.8.4-main.406dc2a",
-    "@dxos/react-ui-form": "0.8.4-main.406dc2a",
-    "@dxos/react-ui-stack": "0.8.4-main.406dc2a",
-    "@dxos/util": "0.8.4-main.406dc2a",
-    "@dxos/plugin-observability": "0.8.4-main.406dc2a"
+    "@effect-atom/atom-react": "^0.5.0",
+    "@effect/cli": "0.73.2",
+    "yaml": "^2.8.2",
+    "@dxos/app-framework": "0.8.4-main.422d1c7879",
+    "@dxos/cli-util": "0.8.4-main.422d1c7879",
+    "@dxos/app-toolkit": "0.8.4-main.422d1c7879",
+    "@dxos/context": "0.8.4-main.422d1c7879",
+    "@dxos/echo": "0.8.4-main.422d1c7879",
+    "@dxos/client-protocol": "0.8.4-main.422d1c7879",
+    "@dxos/effect": "0.8.4-main.422d1c7879",
+    "@dxos/edge-client": "0.8.4-main.422d1c7879",
+    "@dxos/operation": "0.8.4-main.422d1c7879",
+    "@dxos/invariant": "0.8.4-main.422d1c7879",
+    "@dxos/plugin-graph": "0.8.4-main.422d1c7879",
+    "@dxos/log": "0.8.4-main.422d1c7879",
+    "@dxos/protocols": "0.8.4-main.422d1c7879",
+    "@dxos/plugin-observability": "0.8.4-main.422d1c7879",
+    "@dxos/react-edge-client": "0.8.4-main.422d1c7879",
+    "@dxos/react-ui-form": "0.8.4-main.422d1c7879",
+    "@dxos/plugin-client": "0.8.4-main.422d1c7879",
+    "@dxos/react-ui-mosaic": "0.8.4-main.422d1c7879",
+    "@dxos/react-ui-stack": "0.8.4-main.422d1c7879",
+    "@dxos/util": "0.8.4-main.422d1c7879"
   },
   "devDependencies": {
-    "@effect-rx/rx-react": "0.42.4",
-    "@effect/platform": "0.92.1",
-    "@phosphor-icons/react": "^2.1.10",
-    "@types/react": "~19.2.2",
-    "@types/react-dom": "~19.2.1",
-    "effect": "3.18.3",
-    "react": "~19.2.0",
-    "react-dom": "~19.2.0",
-    "vite": "7.1.9",
-    "@dxos/random": "0.8.4-main.406dc2a",
-    "@dxos/react-ui": "0.8.4-main.406dc2a",
-    "@dxos/react-ui-theme": "0.8.4-main.406dc2a",
-    "@dxos/storybook-utils": "0.8.4-main.406dc2a"
+    "@effect-atom/atom-react": "^0.5.0",
+    "@effect/platform": "0.94.4",
+    "@types/react": "~19.2.7",
+    "@types/react-dom": "~19.2.3",
+    "effect": "3.20.0",
+    "react": "~19.2.3",
+    "react-dom": "~19.2.3",
+    "vite": "^7.1.11",
+    "@dxos/random": "0.8.4-main.422d1c7879",
+    "@dxos/react-ui": "0.8.4-main.422d1c7879",
+    "@dxos/storybook-utils": "0.8.4-main.422d1c7879",
+    "@dxos/ui-theme": "0.8.4-main.422d1c7879"
   },
   "peerDependencies": {
-    "@effect-rx/rx-react": "^0.34.1",
-    "@effect/platform": "^0.80.12",
-    "effect": "^3.13.3",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "@dxos/react-ui": "0.8.4-main.406dc2a",
-    "@dxos/react-ui-theme": "0.8.4-main.406dc2a"
+    "@effect-atom/atom-react": "^0.5.0",
+    "@effect/platform": "0.94.4",
+    "effect": "3.20.0",
+    "react": "~19.2.3",
+    "react-dom": "~19.2.3",
+    "@dxos/react-ui": "0.8.4-main.422d1c7879",
+    "@dxos/ui-theme": "0.8.4-main.422d1c7879"
   },
   "publishConfig": {
     "access": "public"

package/src/RegistryPlugin.tsx

@@ -2,31 +2,23 @@
 // Copyright 2023 DXOS.org
 //
 
-import { Capabilities, Events, contributes, defineModule, definePlugin } from '@dxos/app-framework';
+import { Plugin } from '@dxos/app-framework';
+import { AppPlugin } from '@dxos/app-toolkit';
+import { ClientEvents } from '@dxos/plugin-client/types';
+
+import { AppGraphBuilder, OperationHandler, ReactSurface, RegistryState } from '#capabilities';
+import { meta } from '#meta';
 
-import { AppGraphBuilder, IntentResolver, ReactSurface } from './capabilities';
-import { meta } from './meta';
 import { translations } from './translations';
 
-export const RegistryPlugin = definePlugin(meta, () => [
-  defineModule({
-    id: `${meta.id}/module/translations`,
-    activatesOn: Events.SetupTranslations,
-    activate: () => contributes(Capabilities.Translations, translations),
-  }),
-  defineModule({
-    id: `${meta.id}/module/react-surface`,
-    activatesOn: Events.SetupReactSurface,
-    activate: ReactSurface,
-  }),
-  defineModule({
-    id: `${meta.id}/module/intent-resolver`,
-    activatesOn: Events.SetupIntentResolver,
-    activate: IntentResolver,
-  }),
-  defineModule({
-    id: `${meta.id}/module/app-graph-builder`,
-    activatesOn: Events.SetupAppGraph,
-    activate: AppGraphBuilder,
+export const RegistryPlugin = Plugin.define(meta).pipe(
+  AppPlugin.addAppGraphModule({ activate: AppGraphBuilder }),
+  AppPlugin.addOperationHandlerModule({ activate: OperationHandler }),
+  AppPlugin.addSurfaceModule({ activate: ReactSurface }),
+  AppPlugin.addTranslationsModule({ translations }),
+  Plugin.addModule({
+    activatesOn: ClientEvents.ClientReady,
+    activate: RegistryState,
   }),
-]);
+  Plugin.make,
+);

package/src/capabilities/app-graph-builder.ts

@@ -2,155 +2,191 @@
 // Copyright 2025 DXOS.org
 //
 
-import { Rx } from '@effect-rx/rx-react';
-import * as Function from 'effect/Function';
-import * as Option from 'effect/Option';
+import * as Effect from 'effect/Effect';
 
-import { Capabilities, type PluginContext, SettingsAction, contributes, createIntent } from '@dxos/app-framework';
-import { createExtension } from '@dxos/plugin-graph';
+import { Capabilities, Capability, Plugin } from '@dxos/app-framework';
+import { AppCapabilities, LayoutOperation, SettingsOperation } from '@dxos/app-toolkit';
+import { Operation } from '@dxos/operation';
+import { GraphBuilder, Node, NodeMatcher } from '@dxos/plugin-graph';
+import { type PluginEntry } from '@dxos/protocols';
 
-import { REGISTRY_ID, REGISTRY_KEY, meta } from '../meta';
+import { REGISTRY_ID, REGISTRY_KEY, registryCategoryId, meta } from '#meta';
+import { RegistryCapabilities } from '#types';
 
-export default (context: PluginContext) =>
-  contributes(Capabilities.AppGraphBuilder, [
-    createExtension({
-      id: meta.id,
-      actions: (node) =>
-        Rx.make((get) =>
-          Function.pipe(
-            get(node),
-            Option.flatMap((node) => (node.id === 'root' ? Option.some(node) : Option.none())),
-            Option.map((node) => [
-              {
-                id: meta.id,
-                data: async () => {
-                  const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);
-                  await dispatch(createIntent(SettingsAction.OpenPluginRegistry));
-                },
-                properties: {
-                  label: ['open plugin registry label', { ns: meta.id }],
-                  icon: 'ph--squares-four--regular',
-                  disposition: 'menu',
-                },
+import { LOAD_PLUGIN_DIALOG } from '../containers';
+
+/**
+ * Turns a community manifest entry into a minimal {@link Plugin.Plugin} so it
+ * can be attached as the graph node's `data`. The synthesized plugin has no
+ * modules and only exists so the article surface can render details for
+ * community plugins that haven't been installed yet.
+ */
+const toDisplayPlugin = (entry: PluginEntry): Plugin.Plugin =>
+  ({
+    [Plugin.PluginTypeId]: Plugin.PluginTypeId,
+    meta: entry.meta,
+    modules: [],
+  }) as Plugin.Plugin;
+
+export default Capability.makeModule(
+  Effect.fnUntraced(function* () {
+    const capabilities = yield* Capability.Service;
+
+    const extensions = yield* Effect.all([
+      GraphBuilder.createExtension({
+        id: 'open-registry',
+        match: NodeMatcher.whenRoot,
+        actions: () =>
+          Effect.succeed([
+            {
+              id: 'open-registry',
+              data: () => Operation.invoke(SettingsOperation.OpenPluginRegistry),
+              properties: {
+                label: ['open-plugin-registry.label', { ns: meta.id }],
+                icon: 'ph--squares-four--regular',
+                disposition: 'menu',
               },
-            ]),
-            Option.getOrElse(() => []),
-          ),
-        ),
-    }),
-    createExtension({
-      id: meta.id,
-      connector: (node) =>
-        Rx.make((get) =>
-          Function.pipe(
-            get(node),
-            Option.flatMap((node) => (node.id === 'root' ? Option.some(node) : Option.none())),
-            Option.map((node) => [
-              {
-                id: REGISTRY_ID,
-                type: meta.id,
-                properties: {
-                  label: ['plugin registry label', { ns: meta.id }],
-                  icon: 'ph--squares-four--regular',
-                  disposition: 'pin-end',
-                  testId: 'treeView.pluginRegistry',
-                },
-                nodes: [
-                  {
-                    id: `${REGISTRY_KEY}+all`,
-                    type: 'category',
-                    data: `${REGISTRY_KEY}+all`,
-                    properties: {
-                      label: ['all plugins label', { ns: meta.id }],
-                      icon: 'ph--squares-four--regular',
-                      key: REGISTRY_KEY,
-                      testId: 'pluginRegistry.all',
-                    },
+            },
+          ]),
+      }),
+      GraphBuilder.createExtension({
+        id: 'registry',
+        match: NodeMatcher.whenRoot,
+        connector: () =>
+          Effect.succeed([
+            Node.make({
+              id: REGISTRY_ID,
+              type: meta.id,
+              properties: {
+                label: ['plugin-registry.label', { ns: meta.id }],
+                icon: 'ph--squares-four--regular',
+                disposition: 'pin-end',
+                testId: 'treeView.pluginRegistry',
+              },
+              nodes: [
+                Node.make({
+                  id: registryCategoryId('official'),
+                  type: 'category',
+                  data: registryCategoryId('official'),
+                  properties: {
+                    label: ['official-plugins.label', { ns: meta.id }],
+                    icon: 'ph--squares-four--regular',
+                    key: REGISTRY_KEY,
+                    testId: 'pluginRegistry.official',
+                  },
+                }),
+                Node.make({
+                  id: registryCategoryId('installed'),
+                  type: 'category',
+                  data: registryCategoryId('installed'),
+                  properties: {
+                    label: ['installed-plugins.label', { ns: meta.id }],
+                    icon: 'ph--check--regular',
+                    key: REGISTRY_KEY,
+                    testId: 'pluginRegistry.installed',
                   },
-                  {
-                    id: `${REGISTRY_KEY}+installed`,
-                    type: 'category',
-                    data: `${REGISTRY_KEY}+installed`,
-                    properties: {
-                      label: ['installed plugins label', { ns: meta.id }],
-                      icon: 'ph--check--regular',
-                      key: REGISTRY_KEY,
-                      testId: 'pluginRegistry.installed',
-                    },
+                }),
+                Node.make({
+                  id: registryCategoryId('recommended'),
+                  type: 'category',
+                  data: registryCategoryId('recommended'),
+                  properties: {
+                    label: ['recommended-plugins.label', { ns: meta.id }],
+                    icon: 'ph--star--regular',
+                    key: REGISTRY_KEY,
+                    testId: 'pluginRegistry.recommended',
                   },
-                  {
-                    id: `${REGISTRY_KEY}+recommended`,
-                    type: 'category',
-                    data: `${REGISTRY_KEY}+recommended`,
-                    properties: {
-                      label: ['recommended plugins label', { ns: meta.id }],
-                      icon: 'ph--star--regular',
-                      key: REGISTRY_KEY,
-                      testId: 'pluginRegistry.recommended',
-                    },
+                }),
+                Node.make({
+                  id: registryCategoryId('labs'),
+                  type: 'category',
+                  data: registryCategoryId('labs'),
+                  properties: {
+                    label: ['labs-plugins.label', { ns: meta.id }],
+                    icon: 'ph--flask--regular',
+                    key: REGISTRY_KEY,
+                    testId: 'pluginRegistry.labs',
                   },
-                  {
-                    id: `${REGISTRY_KEY}+labs`,
-                    type: 'category',
-                    data: `${REGISTRY_KEY}+labs`,
-                    properties: {
-                      label: ['labs plugins label', { ns: meta.id }],
-                      icon: 'ph--flask--regular',
-                      key: REGISTRY_KEY,
-                      testId: 'pluginRegistry.labs',
-                    },
+                }),
+                Node.make({
+                  id: registryCategoryId('community'),
+                  type: 'category',
+                  data: registryCategoryId('community'),
+                  properties: {
+                    label: ['community-plugins.label', { ns: meta.id }],
+                    icon: 'ph--users-three--regular',
+                    key: REGISTRY_KEY,
+                    testId: 'pluginRegistry.community',
                   },
-                ],
+                }),
+              ],
+            }),
+          ]),
+      }),
+      GraphBuilder.createExtension({
+        id: 'actions',
+        match: NodeMatcher.whenId(`root/${REGISTRY_ID}`),
+        actions: () =>
+          Effect.succeed([
+            {
+              id: 'load-by-url',
+              data: Effect.fnUntraced(function* () {
+                yield* Operation.invoke(LayoutOperation.UpdateDialog, {
+                  subject: LOAD_PLUGIN_DIALOG,
+                  state: true,
+                });
+              }),
+              properties: {
+                label: ['load-by-url.label', { ns: meta.id }],
+                icon: 'ph--cloud-arrow-down--regular',
+                disposition: 'list-item-primary',
               },
-            ]),
-            Option.getOrElse(() => []),
-          ),
-        ),
-    }),
-    createExtension({
-      id: `${meta.id}/actions`,
-      actions: (node) =>
-        Rx.make((get) =>
-          Function.pipe(
-            get(node),
-            Option.flatMap((node) => (node.id === REGISTRY_ID ? Option.some(node) : Option.none())),
-            Option.map(() => [
-              {
-                id: `${meta.id}/load-by-url`,
-                data: async () => {},
-                properties: {
-                  label: ['load by url label', { ns: meta.id }],
-                  icon: 'ph--cloud-arrow-down--regular',
-                  disabled: true,
-                },
+            },
+          ]),
+      }),
+      GraphBuilder.createExtension({
+        id: 'plugins',
+        match: NodeMatcher.whenId(`root/${REGISTRY_ID}`),
+        connector: (_node, get) => {
+          const manager = capabilities.get(Capabilities.PluginManager);
+          const installedIds = new Set(manager.getPlugins().map((plugin) => plugin.meta.id));
+          const stateAtom = capabilities.getAll(RegistryCapabilities.State).at(0);
+
+          const installedNodes = manager.getPlugins().map((plugin) =>
+            Node.make({
+              id: plugin.meta.id,
+              type: 'org.dxos.plugin',
+              data: plugin,
+              properties: {
+                label: plugin.meta.name ?? plugin.meta.id,
+                icon: plugin.meta.icon ?? 'ph--circle--regular',
+                disposition: 'hidden',
               },
-            ]),
-            Option.getOrElse(() => []),
-          ),
-        ),
-    }),
-    createExtension({
-      id: `${meta.id}/plugins`,
-      connector: (node) =>
-        Rx.make((get) =>
-          Function.pipe(
-            get(node),
-            Option.flatMap((node) => (node.id === REGISTRY_ID ? Option.some(node) : Option.none())),
-            Option.map(() => {
-              const manager = context.getCapability(Capabilities.PluginManager);
-              return manager.plugins.map((plugin) => ({
-                id: plugin.meta.id.replaceAll('/', ':'),
-                type: 'dxos.org/plugin',
+            }),
+          );
+
+          const communityEntries = stateAtom ? get(stateAtom).entries : [];
+          const communityNodes = communityEntries
+            .filter((entry) => !installedIds.has(entry.meta.id))
+            .map((entry) => {
+              const plugin = toDisplayPlugin(entry);
+              return Node.make({
+                id: plugin.meta.id,
+                type: 'org.dxos.plugin',
                 data: plugin,
                 properties: {
                   label: plugin.meta.name ?? plugin.meta.id,
                   icon: plugin.meta.icon ?? 'ph--circle--regular',
                   disposition: 'hidden',
                 },
-              }));
-            }),
-            Option.getOrElse(() => []),
-          ),
-        ),
-    }),
-  ]);
+              });
+            });
+
+          return Effect.succeed([...installedNodes, ...communityNodes]);
+        },
+      }),
+    ]);
+
+    return Capability.contributes(AppCapabilities.AppGraphBuilder, extensions);
+  }),
+);

package/src/capabilities/index.ts

@@ -2,8 +2,13 @@
 // Copyright 2025 DXOS.org
 //
 
-import { lazy } from '@dxos/app-framework';
+import { Capability } from '@dxos/app-framework';
+import { OperationHandlerSet } from '@dxos/operation';
 
-export const AppGraphBuilder = lazy(() => import('./app-graph-builder'));
-export const IntentResolver = lazy(() => import('./intent-resolver'));
-export const ReactSurface = lazy(() => import('./react-surface'));
+export const AppGraphBuilder = Capability.lazy('AppGraphBuilder', () => import('./app-graph-builder'));
+export const OperationHandler = Capability.lazy<OperationHandlerSet.OperationHandlerSet>(
+  'OperationHandler',
+  () => import('./operation-handler'),
+);
+export const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));
+export const RegistryState = Capability.lazy('RegistryState', () => import('./state'));

package/src/capabilities/operation-handler.ts

@@ -0,0 +1,16 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import * as Effect from 'effect/Effect';
+
+import { Capabilities, Capability } from '@dxos/app-framework';
+import type { OperationHandlerSet } from '@dxos/operation';
+
+import { RegistryOperationHandlerSet } from '#operations';
+
+export default Capability.makeModule<OperationHandlerSet.OperationHandlerSet>(
+  Effect.fnUntraced(function* () {
+    return Capability.contributes(Capabilities.OperationHandler, RegistryOperationHandlerSet);
+  }),
+);