@dxos/plugin-space 0.8.4-main.dedc0f3 → 0.8.4-main.ead640a

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-space",
-  "version": "0.8.4-main.dedc0f3",
+  "version": "0.8.4-main.ead640a",
   "description": "DXOS Surface plugin for DXOS ECHO Spaces",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -35,77 +35,79 @@
     "src"
   ],
   "dependencies": {
-    "@automerge/automerge": "3.1.1",
+    "@automerge/automerge": "3.1.2",
     "@preact-signals/safe-react": "^0.9.0",
-    "@preact/signals-core": "^1.9.0",
-    "effect": "3.17.7",
+    "@preact/signals-core": "^1.12.1",
     "jszip": "^3.10.1",
     "localforage": "^1.10.0",
     "react-drag-drop-files": "^2.3.8",
-    "react-is": "~18.2.0",
+    "react-is": "~19.2.0",
     "react-qr-rounded": "^1.0.0",
-    "@dxos/ai": "0.8.4-main.dedc0f3",
-    "@dxos/app-framework": "0.8.4-main.dedc0f3",
-    "@dxos/async": "0.8.4-main.dedc0f3",
-    "@dxos/blueprints": "0.8.4-main.dedc0f3",
-    "@dxos/context": "0.8.4-main.dedc0f3",
-    "@dxos/client": "0.8.4-main.dedc0f3",
-    "@dxos/display-name": "0.8.4-main.dedc0f3",
-    "@dxos/echo-schema": "0.8.4-main.dedc0f3",
-    "@dxos/echo-signals": "0.8.4-main.dedc0f3",
-    "@dxos/effect": "0.8.4-main.dedc0f3",
-    "@dxos/invariant": "0.8.4-main.dedc0f3",
-    "@dxos/echo": "0.8.4-main.dedc0f3",
-    "@dxos/keys": "0.8.4-main.dedc0f3",
-    "@dxos/live-object": "0.8.4-main.dedc0f3",
-    "@dxos/local-storage": "0.8.4-main.dedc0f3",
-    "@dxos/log": "0.8.4-main.dedc0f3",
-    "@dxos/plugin-attention": "0.8.4-main.dedc0f3",
-    "@dxos/migrations": "0.8.4-main.dedc0f3",
-    "@dxos/plugin-client": "0.8.4-main.dedc0f3",
-    "@dxos/plugin-deck": "0.8.4-main.dedc0f3",
-    "@dxos/plugin-graph": "0.8.4-main.dedc0f3",
-    "@dxos/plugin-observability": "0.8.4-main.dedc0f3",
-    "@dxos/plugin-status-bar": "0.8.4-main.dedc0f3",
-    "@dxos/protocols": "0.8.4-main.dedc0f3",
-    "@dxos/react-client": "0.8.4-main.dedc0f3",
-    "@dxos/react-ui-attention": "0.8.4-main.dedc0f3",
-    "@dxos/react-ui-components": "0.8.4-main.dedc0f3",
-    "@dxos/react-ui-editor": "0.8.4-main.dedc0f3",
-    "@dxos/react-ui-form": "0.8.4-main.dedc0f3",
-    "@dxos/react-ui-pickers": "0.8.4-main.dedc0f3",
-    "@dxos/react-ui-list": "0.8.4-main.dedc0f3",
-    "@dxos/react-ui-searchlist": "0.8.4-main.dedc0f3",
-    "@dxos/react-ui-stack": "0.8.4-main.dedc0f3",
-    "@dxos/react-ui-syntax-highlighter": "0.8.4-main.dedc0f3",
-    "@dxos/react-ui-theme": "0.8.4-main.dedc0f3",
-    "@dxos/schema": "0.8.4-main.dedc0f3",
-    "@dxos/shell": "0.8.4-main.dedc0f3",
-    "@dxos/react-ui-tabs": "0.8.4-main.dedc0f3",
-    "@dxos/util": "0.8.4-main.dedc0f3"
+    "@dxos/ai": "0.8.4-main.ead640a",
+    "@dxos/async": "0.8.4-main.ead640a",
+    "@dxos/app-framework": "0.8.4-main.ead640a",
+    "@dxos/blueprints": "0.8.4-main.ead640a",
+    "@dxos/client": "0.8.4-main.ead640a",
+    "@dxos/display-name": "0.8.4-main.ead640a",
+    "@dxos/echo": "0.8.4-main.ead640a",
+    "@dxos/echo-signals": "0.8.4-main.ead640a",
+    "@dxos/invariant": "0.8.4-main.ead640a",
+    "@dxos/effect": "0.8.4-main.ead640a",
+    "@dxos/keys": "0.8.4-main.ead640a",
+    "@dxos/context": "0.8.4-main.ead640a",
+    "@dxos/live-object": "0.8.4-main.ead640a",
+    "@dxos/local-storage": "0.8.4-main.ead640a",
+    "@dxos/log": "0.8.4-main.ead640a",
+    "@dxos/migrations": "0.8.4-main.ead640a",
+    "@dxos/plugin-graph": "0.8.4-main.ead640a",
+    "@dxos/plugin-client": "0.8.4-main.ead640a",
+    "@dxos/plugin-deck": "0.8.4-main.ead640a",
+    "@dxos/plugin-attention": "0.8.4-main.ead640a",
+    "@dxos/plugin-status-bar": "0.8.4-main.ead640a",
+    "@dxos/plugin-observability": "0.8.4-main.ead640a",
+    "@dxos/protocols": "0.8.4-main.ead640a",
+    "@dxos/react-ui": "0.8.4-main.ead640a",
+    "@dxos/react-client": "0.8.4-main.ead640a",
+    "@dxos/react-ui-attention": "0.8.4-main.ead640a",
+    "@dxos/react-ui-components": "0.8.4-main.ead640a",
+    "@dxos/react-ui-editor": "0.8.4-main.ead640a",
+    "@dxos/react-ui-form": "0.8.4-main.ead640a",
+    "@dxos/react-ui-list": "0.8.4-main.ead640a",
+    "@dxos/react-ui-pickers": "0.8.4-main.ead640a",
+    "@dxos/react-ui-syntax-highlighter": "0.8.4-main.ead640a",
+    "@dxos/react-ui-masonry": "0.8.4-main.ead640a",
+    "@dxos/react-ui-searchlist": "0.8.4-main.ead640a",
+    "@dxos/react-ui-stack": "0.8.4-main.ead640a",
+    "@dxos/react-ui-tabs": "0.8.4-main.ead640a",
+    "@dxos/react-ui-theme": "0.8.4-main.ead640a",
+    "@dxos/schema": "0.8.4-main.ead640a",
+    "@dxos/shell": "0.8.4-main.ead640a",
+    "@dxos/util": "0.8.4-main.ead640a"
   },
   "devDependencies": {
     "@babel/core": "^7.18.13",
-    "@effect-rx/rx-react": "0.38.0",
-    "@effect/platform": "0.90.2",
-    "@types/react": "~18.2.0",
-    "@types/react-dom": "~18.2.0",
-    "react": "~18.2.0",
-    "react-dom": "~18.2.0",
-    "vite": "7.1.1",
-    "@dxos/random": "0.8.4-main.dedc0f3",
-    "@dxos/react-ui": "0.8.4-main.dedc0f3",
-    "@dxos/react-ui-theme": "0.8.4-main.dedc0f3",
-    "@dxos/storybook-utils": "0.8.4-main.dedc0f3"
+    "@effect-rx/rx-react": "0.42.4",
+    "@effect/platform": "0.92.1",
+    "@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/lit-ui": "0.8.4-main.ead640a",
+    "@dxos/random": "0.8.4-main.ead640a",
+    "@dxos/react-ui-theme": "0.8.4-main.ead640a",
+    "@dxos/storybook-utils": "0.8.4-main.ead640a",
+    "@dxos/react-ui": "0.8.4-main.ead640a"
   },
   "peerDependencies": {
     "@effect-rx/rx-react": "^0.34.1",
     "@effect/platform": "^0.80.12",
     "effect": "^3.13.3",
-    "react": "~18.2.0",
-    "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.8.4-main.dedc0f3",
-    "@dxos/react-ui-theme": "0.8.4-main.dedc0f3"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "@dxos/react-ui": "0.8.4-main.ead640a",
+    "@dxos/react-ui-theme": "0.8.4-main.ead640a"
   },
   "publishConfig": {
     "access": "public"

package/src/SpacePlugin.ts

@@ -2,7 +2,7 @@
 // Copyright 2025 DXOS.org
 //
 
-import { Schema } from 'effect';
+import * as Schema from 'effect/Schema';
 
 import {
   Capabilities,
@@ -14,10 +14,10 @@ import {
   definePlugin,
   oneOf,
 } from '@dxos/app-framework';
-import { Ref, Type } from '@dxos/echo';
+import { Ref, Tag, Type } from '@dxos/echo';
 import { AttentionEvents } from '@dxos/plugin-attention';
 import { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';
-import { DataType, createDefaultSchema, typenameFromQuery } from '@dxos/schema';
+import { DataType, createDefaultSchema, getTypenameFromQuery } from '@dxos/schema';
 import { translations as shellTranslations } from '@dxos/shell/react';
 
 import {
@@ -55,205 +55,211 @@ export type SpacePluginOptions = {
   observability?: boolean;
 };
 
-export const SpacePlugin = ({
-  invitationUrl = window.location.origin,
-  invitationParam = 'spaceInvitationCode',
-  observability = false,
-}: SpacePluginOptions = {}) => {
-  const createInvitationUrl = (invitationCode: string) => {
-    const baseUrl = new URL(invitationUrl);
-    baseUrl.searchParams.set(invitationParam, invitationCode);
-    return baseUrl.toString();
-  };
+export const SpacePlugin = definePlugin<SpacePluginOptions>(
+  meta,
+  ({ invitationUrl = window.location.origin, invitationParam = 'spaceInvitationCode', observability = false }) => {
+    const createInvitationUrl = (invitationCode: string) => {
+      const baseUrl = new URL(invitationUrl);
+      baseUrl.searchParams.set(invitationParam, invitationCode);
+      return baseUrl.toString();
+    };
 
-  return definePlugin(meta, [
-    defineModule({
-      id: `${meta.id}/module/state`,
-      // TODO(wittjosiah): Does not integrate with settings store.
-      //   Should this be a different event?
-      //   Should settings store be renamed to be more generic?
-      activatesOn: oneOf(Events.SetupSettings, Events.SetupAppGraph),
-      activatesAfter: [SpaceEvents.StateReady],
-      activate: SpaceState,
-    }),
-    defineModule({
-      id: `${meta.id}/module/settings`,
-      activatesOn: Events.SetupSettings,
-      activate: SpaceSettings,
-    }),
-    defineModule({
-      id: `${meta.id}/module/translations`,
-      activatesOn: Events.SetupTranslations,
-      activate: () => contributes(Capabilities.Translations, [...translations, ...shellTranslations]),
-    }),
-    defineModule({
-      id: `${meta.id}/module/metadata`,
-      activatesOn: Events.SetupMetadata,
-      activate: () => [
-        contributes(Capabilities.Metadata, {
-          id: Type.getTypename(DataType.Collection),
-          metadata: {
-            icon: 'ph--cards-three--regular',
-            // TODO(wittjosiah): Move out of metadata.
-            loadReferences: async (collection: DataType.Collection) => await Ref.Array.loadAll(collection.objects),
-          },
-        }),
-        contributes(Capabilities.Metadata, {
-          id: Type.getTypename(DataType.QueryCollection),
-          metadata: {
-            label: (object: DataType.QueryCollection) => [
-              'typename label',
-              { ns: typenameFromQuery(object.query), count: 2, defaultValue: 'New smart collection' },
-            ],
-            icon: 'ph--funnel-simple--regular',
-          },
-        }),
-        contributes(Capabilities.Metadata, {
-          id: Type.getTypename(DataType.StoredSchema),
-          metadata: {
-            icon: 'ph--database--regular',
-          },
-        }),
-        contributes(Capabilities.Metadata, {
-          id: Type.getTypename(DataType.Event),
-          metadata: {
-            icon: 'ph--calendar-dot--regular',
-          },
-        }),
-        contributes(Capabilities.Metadata, {
-          id: Type.getTypename(DataType.Organization),
-          metadata: {
-            icon: 'ph--building-office--regular',
-          },
-        }),
-        contributes(Capabilities.Metadata, {
-          id: Type.getTypename(DataType.Person),
-          metadata: {
-            icon: 'ph--user--regular',
-          },
-        }),
-        contributes(Capabilities.Metadata, {
-          id: Type.getTypename(DataType.Task),
-          metadata: {
-            icon: 'ph--check-circle--regular',
-          },
-        }),
-      ],
-    }),
-    defineModule({
-      id: `${meta.id}/module/object-form`,
-      activatesOn: ClientEvents.SetupSchema,
-      activate: () => [
-        contributes(
-          SpaceCapabilities.ObjectForm,
-          defineObjectForm({
-            objectSchema: DataType.Collection,
-            formSchema: Schema.Struct({ name: Schema.optional(Schema.String) }),
-            getIntent: (props) => createIntent(CollectionAction.Create, props),
+    return [
+      defineModule({
+        id: `${meta.id}/module/state`,
+        // TODO(wittjosiah): Does not integrate with settings store.
+        //   Should this be a different event?
+        //   Should settings store be renamed to be more generic?
+        activatesOn: oneOf(Events.SetupSettings, Events.SetupAppGraph),
+        activatesAfter: [SpaceEvents.StateReady],
+        activate: SpaceState,
+      }),
+      defineModule({
+        id: `${meta.id}/module/settings`,
+        activatesOn: Events.SetupSettings,
+        activate: SpaceSettings,
+      }),
+      defineModule({
+        id: `${meta.id}/module/translations`,
+        activatesOn: Events.SetupTranslations,
+        activate: () => contributes(Capabilities.Translations, [...translations, ...shellTranslations]),
+      }),
+      defineModule({
+        id: `${meta.id}/module/metadata`,
+        activatesOn: Events.SetupMetadata,
+        activate: () => [
+          contributes(Capabilities.Metadata, {
+            id: Type.getTypename(DataType.Collection),
+            metadata: {
+              icon: 'ph--cards-three--regular',
+              iconClassName: 'text-neutralSurfaceText',
+              // TODO(wittjosiah): Move out of metadata.
+              loadReferences: async (collection: DataType.Collection) => await Ref.Array.loadAll(collection.objects),
+            },
           }),
-        ),
-        contributes(
-          SpaceCapabilities.ObjectForm,
-          defineObjectForm({
-            // TODO(wittjosiah): Remove cast.
-            objectSchema: DataType.QueryCollection as any,
-            formSchema: CollectionAction.QueryCollectionForm,
-            getIntent: (props) => createIntent(CollectionAction.CreateQueryCollection, props),
+          contributes(Capabilities.Metadata, {
+            id: Type.getTypename(DataType.QueryCollection),
+            metadata: {
+              label: (object: DataType.QueryCollection) => [
+                'typename label',
+                {
+                  ns: getTypenameFromQuery(object.query),
+                  count: 2,
+                  defaultValue: 'New smart collection',
+                },
+              ],
+              icon: 'ph--funnel-simple--regular',
+            },
           }),
-        ),
-        contributes(
-          SpaceCapabilities.ObjectForm,
-          defineObjectForm({
-            objectSchema: DataType.StoredSchema,
-            formSchema: SpaceAction.StoredSchemaForm,
-            getIntent: (props, options) =>
-              props.typename
-                ? createIntent(SpaceAction.UseStaticSchema, { space: options.space, typename: props.typename })
-                : createIntent(SpaceAction.AddSchema, {
-                    space: options.space,
-                    name: props.name,
-                    schema: createDefaultSchema(),
-                  }),
+          contributes(Capabilities.Metadata, {
+            id: Type.getTypename(DataType.StoredSchema),
+            metadata: {
+              icon: 'ph--database--regular',
+              iconClassName: 'text-yellowSurfaceText',
+            },
+          }),
+          contributes(Capabilities.Metadata, {
+            id: Type.getTypename(DataType.Event),
+            metadata: {
+              icon: 'ph--calendar-dot--regular',
+            },
+          }),
+          contributes(Capabilities.Metadata, {
+            id: Type.getTypename(DataType.Organization),
+            metadata: {
+              icon: 'ph--building-office--regular',
+            },
           }),
+          contributes(Capabilities.Metadata, {
+            id: Type.getTypename(DataType.Person),
+            metadata: {
+              icon: 'ph--user--regular',
+            },
+          }),
+          contributes(Capabilities.Metadata, {
+            id: Type.getTypename(DataType.Task),
+            metadata: {
+              icon: 'ph--check-circle--regular',
+            },
+          }),
+        ],
+      }),
+      defineModule({
+        id: `${meta.id}/module/object-form`,
+        activatesOn: ClientEvents.SetupSchema,
+        activate: () => [
+          contributes(
+            SpaceCapabilities.ObjectForm,
+            defineObjectForm({
+              objectSchema: DataType.Collection,
+              formSchema: Schema.Struct({ name: Schema.optional(Schema.String) }),
+              getIntent: (props) => createIntent(CollectionAction.Create, props),
+            }),
+          ),
+          contributes(
+            SpaceCapabilities.ObjectForm,
+            defineObjectForm({
+              // TODO(wittjosiah): Remove cast.
+              objectSchema: DataType.QueryCollection as any,
+              formSchema: CollectionAction.QueryCollectionForm,
+              getIntent: (props) => createIntent(CollectionAction.CreateQueryCollection, props),
+            }),
+          ),
+          contributes(
+            SpaceCapabilities.ObjectForm,
+            defineObjectForm({
+              objectSchema: DataType.StoredSchema,
+              formSchema: SpaceAction.StoredSchemaForm,
+              getIntent: (props, options) =>
+                props.typename
+                  ? createIntent(SpaceAction.UseStaticSchema, { space: options.space, typename: props.typename })
+                  : createIntent(SpaceAction.AddSchema, {
+                      space: options.space,
+                      name: props.name,
+                      schema: createDefaultSchema(),
+                    }),
+            }),
+          ),
+        ],
+      }),
+      defineModule({
+        id: `${meta.id}/module/schema-defs`,
+        activatesOn: ClientEvents.ClientReady,
+        activatesBefore: [ClientEvents.SetupSchema],
+        activate: SchemaDefs,
+      }),
+      defineModule({
+        id: `${meta.id}/module/schema`,
+        activatesOn: ClientEvents.SetupSchema,
+        activate: () =>
+          contributes(ClientCapabilities.Schema, [
+            Tag.Tag,
+            DataType.View,
+            DataType.Event,
+            DataType.Organization,
+            DataType.Person,
+            DataType.Project,
+            DataType.Task,
+          ]),
+      }),
+      defineModule({
+        id: `${meta.id}/module/whitelist-schema`,
+        activatesOn: ClientEvents.SetupSchema,
+        activate: () =>
+          contributes(ClientCapabilities.SchemaWhiteList, [
+            DataType.Event,
+            DataType.Organization,
+            DataType.Person,
+            DataType.Project,
+            DataType.Task,
+          ]),
+      }),
+      defineModule({
+        id: `${meta.id}/module/react-root`,
+        activatesOn: Events.Startup,
+        activate: ReactRoot,
+      }),
+      defineModule({
+        id: `${meta.id}/module/react-surface`,
+        activatesOn: Events.SetupReactSurface,
+        // TODO(wittjosiah): Should occur before the settings dialog is loaded when surfaces activation is more granular.
+        activatesBefore: [SpaceEvents.SetupSettingsPanel],
+        activate: () => ReactSurface({ createInvitationUrl }),
+      }),
+      defineModule({
+        id: `${meta.id}/module/intent-resolver`,
+        activatesOn: Events.SetupIntentResolver,
+        activate: (context) => IntentResolver({ context, createInvitationUrl, observability }),
+      }),
+      defineModule({
+        id: `${meta.id}/module/app-graph-builder`,
+        activatesOn: Events.SetupAppGraph,
+        activate: AppGraphBuilder,
+      }),
+      // TODO(wittjosiah): This could probably be deferred.
+      defineModule({
+        id: `${meta.id}/module/app-graph-serializer`,
+        activatesOn: Events.AppGraphReady,
+        activate: AppGraphSerializer,
+      }),
+      defineModule({
+        id: `${meta.id}/module/identity-created`,
+        activatesOn: ClientEvents.IdentityCreated,
+        activatesAfter: [SpaceEvents.DefaultSpaceReady],
+        activate: IdentityCreated,
+      }),
+      defineModule({
+        id: `${meta.id}/module/spaces-ready`,
+        activatesOn: allOf(
+          Events.DispatcherReady,
+          Events.LayoutReady,
+          Events.AppGraphReady,
+          AttentionEvents.AttentionReady,
+          SpaceEvents.StateReady,
+          ClientEvents.SpacesReady,
         ),
-      ],
-    }),
-    defineModule({
-      id: `${meta.id}/module/schema-defs`,
-      activatesOn: ClientEvents.ClientReady,
-      activatesBefore: [ClientEvents.SetupSchema],
-      activate: SchemaDefs,
-    }),
-    defineModule({
-      id: `${meta.id}/module/schema`,
-      activatesOn: ClientEvents.SetupSchema,
-      activate: () =>
-        contributes(ClientCapabilities.Schema, [
-          DataType.View,
-          DataType.Event,
-          DataType.Organization,
-          DataType.Person,
-          DataType.Project,
-          DataType.Task,
-        ]),
-    }),
-    defineModule({
-      id: `${meta.id}/module/whitelist-schema`,
-      activatesOn: ClientEvents.SetupSchema,
-      activate: () =>
-        contributes(ClientCapabilities.SchemaWhiteList, [
-          DataType.Event,
-          DataType.Organization,
-          DataType.Person,
-          DataType.Project,
-          DataType.Task,
-        ]),
-    }),
-    defineModule({
-      id: `${meta.id}/module/react-root`,
-      activatesOn: Events.Startup,
-      activate: ReactRoot,
-    }),
-    defineModule({
-      id: `${meta.id}/module/react-surface`,
-      activatesOn: Events.SetupReactSurface,
-      // TODO(wittjosiah): Should occur before the settings dialog is loaded when surfaces activation is more granular.
-      activatesBefore: [SpaceEvents.SetupSettingsPanel],
-      activate: () => ReactSurface({ createInvitationUrl }),
-    }),
-    defineModule({
-      id: `${meta.id}/module/intent-resolver`,
-      activatesOn: Events.SetupIntentResolver,
-      activate: (context) => IntentResolver({ context, createInvitationUrl, observability }),
-    }),
-    defineModule({
-      id: `${meta.id}/module/app-graph-builder`,
-      activatesOn: Events.SetupAppGraph,
-      activate: AppGraphBuilder,
-    }),
-    // TODO(wittjosiah): This could probably be deferred.
-    defineModule({
-      id: `${meta.id}/module/app-graph-serializer`,
-      activatesOn: Events.AppGraphReady,
-      activate: AppGraphSerializer,
-    }),
-    defineModule({
-      id: `${meta.id}/module/identity-created`,
-      activatesOn: ClientEvents.IdentityCreated,
-      activatesAfter: [SpaceEvents.DefaultSpaceReady],
-      activate: IdentityCreated,
-    }),
-    defineModule({
-      id: `${meta.id}/module/spaces-ready`,
-      activatesOn: allOf(
-        Events.DispatcherReady,
-        Events.LayoutReady,
-        Events.AppGraphReady,
-        AttentionEvents.AttentionReady,
-        SpaceEvents.StateReady,
-        ClientEvents.SpacesReady,
-      ),
-      activate: SpacesReady,
-    }),
-  ]);
-};
+        activate: SpacesReady,
+      }),
+    ];
+  },
+);