@dxos/plugin-space 0.8.4-main.28f8d3d → 0.8.4-main.2c6827d

package/src/util.tsx

@@ -2,12 +2,12 @@
 // Copyright 2023 DXOS.org
 //
 
-import { Rx } from '@effect-rx/rx-react';
-import { pipe } from 'effect';
+import { Atom } from '@effect-atom/atom-react';
+import * as Function from 'effect/Function';
 
 import { LayoutAction, type PromiseIntentDispatcher, chain, createIntent } from '@dxos/app-framework';
-import { Obj, Ref, Type } from '@dxos/echo';
-import { type AnyEchoObject, EXPANDO_TYPENAME } from '@dxos/echo-schema';
+import { Filter, Obj, Query, Ref, Type } from '@dxos/echo';
+import { type AnyEchoObject, EXPANDO_TYPENAME } from '@dxos/echo/internal';
 import { invariant } from '@dxos/invariant';
 import { Migrations } from '@dxos/migrations';
 import {
@@ -20,24 +20,24 @@ import {
   type ReadableGraph,
   isGraphNode,
 } from '@dxos/plugin-graph';
-import { type QueryResult, type Space, SpaceState, fullyQualifiedId, getSpace, isSpace } from '@dxos/react-client/echo';
+import { type QueryResult, type Space, SpaceState, getSpace, isSpace } from '@dxos/react-client/echo';
 import { ATTENDABLE_PATH_SEPARATOR } from '@dxos/react-ui-attention';
 import { type TreeData } from '@dxos/react-ui-list';
-import { DataType } from '@dxos/schema';
+import { Collection, StoredSchema, View, getTypenameFromQuery } from '@dxos/schema';
 
-import { SPACE_PLUGIN } from './meta';
+import { meta } from './meta';
 import { type ObjectForm, SPACE_TYPE, SpaceAction } from './types';
 
-export const SPACES = `${SPACE_PLUGIN}-spaces`;
-export const COMPOSER_SPACE_LOCK = 'dxos.org/plugin/space/lock';
+export const SPACES = `${meta.id}-spaces`;
+export const COMPOSER_SPACE_LOCK = `${meta.id}/lock`;
 // TODO(wittjosiah): Remove.
 export const SHARED = 'shared-spaces';
 
 /**
- * Convert a query result to an Rx value of the objects.
+ * Convert a query result to an Atom value of the objects.
  */
-export const rxFromQuery = <T extends AnyEchoObject>(query: QueryResult<T>): Rx.Rx<T[]> => {
-  return Rx.make((get) => {
+export const atomFromQuery = <T extends AnyEchoObject>(query: QueryResult<T>): Atom.Atom<T[]> => {
+  return Atom.make((get) => {
     const unsubscribe = query.subscribe((result) => {
       get.setSelf(result.objects);
     });
@@ -57,8 +57,8 @@ export const getSpaceDisplayName = (
     : namesCache[space.id]
       ? namesCache[space.id]
       : personal
-        ? ['personal space label', { ns: SPACE_PLUGIN }]
-        : ['unnamed space label', { ns: SPACE_PLUGIN }];
+        ? ['personal space label', { ns: meta.id }]
+        : ['unnamed space label', { ns: meta.id }];
 };
 
 const getCollectionGraphNodePartials = ({
@@ -66,7 +66,7 @@ const getCollectionGraphNodePartials = ({
   space,
   resolve,
 }: {
-  collection: DataType.Collection;
+  collection: Collection.Collection;
   space: Space;
   resolve: (typename: string) => Record<string, any>;
 }) => {
@@ -141,20 +141,21 @@ const getQueryCollectionNodePartials = ({
   space,
   resolve,
 }: {
-  collection: DataType.QueryCollection;
+  collection: Collection.QueryCollection;
   space: Space;
   resolve: (typename: string) => Record<string, any>;
 }) => {
+  const typename = getTypenameFromQuery(collection.query);
+  const metadata = typename ? resolve(typename) : {};
   return {
-    icon: collection.query.typename && resolve(collection.query.typename)?.icon,
+    icon: metadata.icon,
+    iconHue: metadata.iconHue,
     acceptPersistenceClass: new Set(['echo']),
     acceptPersistenceKey: new Set([space.id]),
     role: 'branch',
     canDrop: (source: TreeData) => {
       return (
-        isGraphNode(source.item) &&
-        Obj.isObject(source.item.data) &&
-        Obj.getTypename(source.item.data) === collection.query.typename
+        isGraphNode(source.item) && Obj.isObject(source.item.data) && Obj.getTypename(source.item.data) === typename
       );
     },
     onTransferStart: (child: Node<Obj.Any>, index?: number) => {
@@ -177,7 +178,7 @@ const getViewGraphNodePartials = ({
   view,
   resolve,
 }: {
-  view: DataType.View;
+  view: View.View;
   resolve: (typename: string) => Record<string, any>;
 }) => {
   const presentation = view.presentation.target;
@@ -187,6 +188,7 @@ const getViewGraphNodePartials = ({
   return {
     label: view.name || ['object name placeholder', { ns: typename, default: 'New view' }],
     icon: metadata.icon,
+    iconHue: metadata.iconHue,
     canDrop: () => false,
   };
 };
@@ -215,9 +217,9 @@ export const constructSpaceNode = ({
 }) => {
   const hasPendingMigration = checkPendingMigration(space);
   const collection =
-    space.state.get() === SpaceState.SPACE_READY && space.properties[DataType.Collection.typename]?.target;
+    space.state.get() === SpaceState.SPACE_READY && space.properties[Collection.Collection.typename]?.target;
   const partials =
-    space.state.get() === SpaceState.SPACE_READY && Obj.instanceOf(DataType.Collection, collection)
+    space.state.get() === SpaceState.SPACE_READY && Obj.instanceOf(Collection.Collection, collection)
       ? getCollectionGraphNodePartials({ collection, space, resolve })
       : {};
 
@@ -235,6 +237,7 @@ export const constructSpaceNode = ({
         space.state.get() === SpaceState.SPACE_READY && space.properties.icon
           ? `ph--${space.properties.icon}--regular`
           : undefined,
+      iconHue: space.state.get() === SpaceState.SPACE_READY && space.properties.iconHue,
       disabled: !navigable || space.state.get() !== SpaceState.SPACE_READY || hasPendingMigration,
       testId: 'spacePlugin.space',
       canDrop: (source: TreeData) => {
@@ -245,40 +248,40 @@ export const constructSpaceNode = ({
     nodes: [
       {
         id: `settings${ATTENDABLE_PATH_SEPARATOR}${space.id}`,
-        type: `${SPACE_PLUGIN}/settings`,
+        type: `${meta.id}/settings`,
         data: null,
         properties: {
-          label: ['settings panel label', { ns: SPACE_PLUGIN }],
+          label: ['settings panel label', { ns: meta.id }],
           icon: 'ph--faders--regular',
           disposition: 'alternate-tree',
         },
         nodes: [
           {
             id: `properties-settings${ATTENDABLE_PATH_SEPARATOR}${space.id}`,
-            type: `${SPACE_PLUGIN}/properties`,
-            data: `${SPACE_PLUGIN}/properties`,
+            type: `${meta.id}/properties`,
+            data: `${meta.id}/properties`,
             properties: {
-              label: ['space settings properties label', { ns: SPACE_PLUGIN }],
+              label: ['space settings properties label', { ns: meta.id }],
               icon: 'ph--sliders--regular',
               position: 'hoist',
             },
           },
           {
             id: `members-settings${ATTENDABLE_PATH_SEPARATOR}${space.id}`,
-            type: `${SPACE_PLUGIN}/members`,
-            data: `${SPACE_PLUGIN}/members`,
+            type: `${meta.id}/members`,
+            data: `${meta.id}/members`,
             properties: {
-              label: ['members panel label', { ns: SPACE_PLUGIN }],
+              label: ['members panel label', { ns: meta.id }],
               icon: 'ph--users--regular',
               position: 'hoist',
             },
           },
           {
             id: `schema-settings${ATTENDABLE_PATH_SEPARATOR}${space.id}`,
-            type: `${SPACE_PLUGIN}/schema`,
-            data: `${SPACE_PLUGIN}/schema`,
+            type: `${meta.id}/schema`,
+            data: `${meta.id}/schema`,
             properties: {
-              label: ['space settings schema label', { ns: SPACE_PLUGIN }],
+              label: ['space settings schema label', { ns: meta.id }],
               icon: 'ph--shapes--regular',
             },
           },
@@ -312,7 +315,7 @@ export const constructSpaceActions = ({
         await dispatch(createIntent(SpaceAction.Migrate, { space }));
       },
       properties: {
-        label: ['migrate space label', { ns: SPACE_PLUGIN }],
+        label: ['migrate space label', { ns: meta.id }],
         icon: 'ph--database--regular',
         disposition: 'list-item-primary',
         disabled: migrating || Migrations.running(space),
@@ -329,7 +332,7 @@ export const constructSpaceActions = ({
           await dispatch(createIntent(SpaceAction.OpenCreateObject, { target: space }));
         },
         properties: {
-          label: ['create object in space label', { ns: SPACE_PLUGIN }],
+          label: ['create object in space label', { ns: meta.id }],
           icon: 'ph--plus--regular',
           disposition: 'item',
           testId: 'spacePlugin.createObject',
@@ -342,7 +345,7 @@ export const constructSpaceActions = ({
           await dispatch(createIntent(SpaceAction.Rename, { space, caller: params?.caller }));
         },
         properties: {
-          label: ['rename space label', { ns: SPACE_PLUGIN }],
+          label: ['rename space label', { ns: meta.id }],
           icon: 'ph--pencil-simple-line--regular',
           keyBinding: {
             macos: 'shift+F6',
@@ -359,12 +362,14 @@ export const constructSpaceActions = ({
 export const createStaticSchemaNode = ({ schema, space }: { schema: Type.Obj.Any; space: Space }) => {
   return {
     id: `${space.id}/${Type.getTypename(schema)}`,
-    type: `${SPACE_PLUGIN}/static-schema`,
+    type: `${meta.id}/static-schema`,
     data: schema,
     properties: {
       label: ['typename label', { ns: Type.getTypename(schema), default: Type.getTypename(schema) }],
       icon: 'ph--database--regular',
+      iconHue: 'green',
       role: 'branch',
+      selectable: false,
       canDrop: () => false,
       space,
     },
@@ -374,15 +379,36 @@ export const createStaticSchemaNode = ({ schema, space }: { schema: Type.Obj.Any
 export const createStaticSchemaActions = ({
   schema,
   space,
+  dispatch,
   deletable,
 }: {
   schema: Type.Obj.Any;
   space: Space;
+  dispatch: PromiseIntentDispatcher;
   deletable: boolean;
 }) => {
   const getId = (id: string) => `${space.id}/${Type.getTypename(schema)}/${id}`;
 
   const actions: NodeArg<ActionData>[] = [
+    {
+      id: getId(SpaceAction.AddObject._tag),
+      type: ACTION_TYPE,
+      data: async () => {
+        await dispatch(
+          createIntent(SpaceAction.OpenCreateObject, {
+            target: space,
+            views: true,
+            initialFormValues: { typename: Type.getTypename(schema) },
+          }),
+        );
+      },
+      properties: {
+        label: ['add view to schema label', { ns: Type.getTypename(StoredSchema) }],
+        icon: 'ph--plus--regular',
+        disposition: 'list-item-primary',
+        testId: 'spacePlugin.addViewToSchema',
+      },
+    },
     {
       id: getId(SpaceAction.RenameObject._tag),
       type: ACTION_TYPE,
@@ -390,7 +416,7 @@ export const createStaticSchemaActions = ({
         throw new Error('Not implemented');
       },
       properties: {
-        label: ['rename object label', { ns: Type.getTypename(DataType.StoredSchema) }],
+        label: ['rename object label', { ns: Type.getTypename(StoredSchema) }],
         icon: 'ph--pencil-simple-line--regular',
         disabled: true,
         disposition: 'list-item',
@@ -409,13 +435,37 @@ export const createStaticSchemaActions = ({
         }
       },
       properties: {
-        label: ['delete object label', { ns: Type.getTypename(DataType.StoredSchema) }],
+        label: ['delete object label', { ns: Type.getTypename(StoredSchema) }],
         icon: 'ph--trash--regular',
         disposition: 'list-item',
         disabled: !deletable,
         testId: 'spacePlugin.deleteObject',
       },
     },
+    {
+      id: getId(SpaceAction.Snapshot._tag),
+      type: ACTION_TYPE,
+      data: async () => {
+        const result = await dispatch(
+          createIntent(SpaceAction.Snapshot, {
+            space,
+            query: Query.select(Filter.type(schema)).ast,
+          }),
+        );
+        if (result.data?.snapshot) {
+          await downloadBlob(
+            result.data.snapshot,
+            // TODO(wittjosiah): Factor out file name construction.
+            `${new Date().toISOString()}-${space.id}-${Type.getTypename(schema)}.json`,
+          );
+        }
+      },
+      properties: {
+        label: ['snapshot by schema label', { ns: meta.id }],
+        icon: 'ph--camera--regular',
+        disposition: 'list-item',
+      },
+    },
   ];
 
   return actions;
@@ -442,13 +492,13 @@ export const createObjectNode = ({
   }
 
   const metadata = resolve(type);
-  const partials = Obj.instanceOf(DataType.Collection, object)
+  const partials = Obj.instanceOf(Collection.Collection, object)
     ? getCollectionGraphNodePartials({ collection: object, space, resolve })
-    : Obj.instanceOf(DataType.QueryCollection, object)
+    : Obj.instanceOf(Collection.QueryCollection, object)
       ? getQueryCollectionNodePartials({ collection: object, space, resolve })
-      : Obj.instanceOf(DataType.StoredSchema, object)
+      : Obj.instanceOf(StoredSchema, object)
         ? getSchemaGraphNodePartials()
-        : Obj.instanceOf(DataType.View, object)
+        : Obj.instanceOf(View.View, object)
           ? getViewGraphNodePartials({ view: object, resolve })
           : metadata.graphProps;
 
@@ -459,18 +509,26 @@ export const createObjectNode = ({
     // TODO(wittjosiah): Remove metadata labels.
     metadata.label?.(object) || ['object name placeholder', { ns: type, default: 'New item' }];
 
+  const selectable =
+    (!Obj.instanceOf(StoredSchema, object) &&
+      !Obj.instanceOf(Collection.QueryCollection, object) &&
+      !Obj.instanceOf(Collection.Collection, object)) ||
+    (navigable && Obj.instanceOf(Collection.Collection, object));
+
   return {
-    id: fullyQualifiedId(object),
+    id: Obj.getDXN(object).toString(),
     type,
     cacheable: ['label', 'icon', 'role'],
     data: object,
     properties: {
       label,
       icon: metadata.icon ?? 'ph--placeholder--regular',
+      iconHue: metadata.iconHue,
       disposition,
       testId: 'spacePlugin.object',
       persistenceClass: 'echo',
       persistenceKey: space?.id,
+      selectable,
       canDrop: (source: TreeData) => {
         return droppable && isGraphNode(source.item) && Obj.isObject(source.item.data);
       },
@@ -499,15 +557,15 @@ export const constructObjectActions = ({
   const typename = Obj.getTypename(object);
   invariant(typename, 'Object has no typename');
 
-  const getId = (id: string) => `${id}/${fullyQualifiedId(object)}`;
+  const getId = (id: string) => `${id}/${Obj.getDXN(object).toString()}`;
 
-  const queryCollection = Obj.instanceOf(DataType.QueryCollection, object) ? object : undefined;
+  const queryCollection = Obj.instanceOf(Collection.QueryCollection, object) ? object : undefined;
   const matchingObjectForm = queryCollection
-    ? objectForms.find((form) => Type.getTypename(form.objectSchema) === queryCollection.query.typename)
+    ? objectForms.find((form) => Type.getTypename(form.objectSchema) === getTypenameFromQuery(queryCollection.query))
     : undefined;
 
   const actions: NodeArg<ActionData>[] = [
-    ...(Obj.instanceOf(DataType.Collection, object)
+    ...(Obj.instanceOf(Collection.Collection, object)
       ? [
           {
             id: getId(SpaceAction.OpenCreateObject._tag),
@@ -516,7 +574,7 @@ export const constructObjectActions = ({
               await dispatch(createIntent(SpaceAction.OpenCreateObject, { target: object }));
             },
             properties: {
-              label: ['create object in collection label', { ns: SPACE_PLUGIN }],
+              label: ['create object in collection label', { ns: meta.id }],
               icon: 'ph--plus--regular',
               disposition: 'list-item-primary',
               testId: 'spacePlugin.createObject',
@@ -524,6 +582,53 @@ export const constructObjectActions = ({
           },
         ]
       : []),
+    ...(Obj.instanceOf(StoredSchema, object)
+      ? [
+          {
+            id: getId(SpaceAction.AddObject._tag),
+            type: ACTION_TYPE,
+            data: async () => {
+              await dispatch(
+                createIntent(SpaceAction.OpenCreateObject, {
+                  target: space,
+                  views: true,
+                  initialFormValues: { typename: object.typename },
+                }),
+              );
+            },
+            properties: {
+              label: ['add view to schema label', { ns: Type.getTypename(StoredSchema) }],
+              icon: 'ph--plus--regular',
+              disposition: 'list-item-primary',
+              testId: 'spacePlugin.addViewToSchema',
+            },
+          },
+          {
+            id: getId(SpaceAction.Snapshot._tag),
+            type: ACTION_TYPE,
+            data: async () => {
+              const result = await dispatch(
+                createIntent(SpaceAction.Snapshot, {
+                  space,
+                  query: Query.select(Filter.type(Type.toEffectSchema(object.jsonSchema))).ast,
+                }),
+              );
+              if (result.data?.snapshot) {
+                await downloadBlob(
+                  result.data.snapshot,
+                  // TODO(wittjosiah): Factor out file name construction.
+                  `${new Date().toISOString()}-${space.id}-${object.typename}.json`,
+                );
+              }
+            },
+            properties: {
+              label: ['snapshot by schema label', { ns: meta.id }],
+              icon: 'ph--camera--regular',
+              disposition: 'list-item',
+            },
+          },
+        ]
+      : []),
     ...(matchingObjectForm
       ? [
           {
@@ -534,12 +639,12 @@ export const constructObjectActions = ({
                 await dispatch(
                   createIntent(SpaceAction.OpenCreateObject, {
                     target: space,
-                    typename: queryCollection?.query.typename,
+                    typename: queryCollection ? getTypenameFromQuery(queryCollection.query) : undefined,
                   }),
                 );
               } else {
                 await dispatch(
-                  pipe(
+                  Function.pipe(
                     matchingObjectForm.getIntent({}, { space }),
                     chain(SpaceAction.AddObject, { target: space, hidden: true }),
                     chain(LayoutAction.Open, { part: 'main' }),
@@ -548,7 +653,7 @@ export const constructObjectActions = ({
               }
             },
             properties: {
-              label: ['create object in smart collection label', { ns: SPACE_PLUGIN }],
+              label: ['create object in smart collection label', { ns: meta.id }],
               icon: 'ph--plus--regular',
               disposition: 'list-item-primary',
               testId: 'spacePlugin.createObject',
@@ -578,8 +683,8 @@ export const constructObjectActions = ({
       type: ACTION_TYPE,
       data: async () => {
         const collection = graph
-          .getConnections(fullyQualifiedId(object), 'inbound')
-          .find(({ data }) => Obj.instanceOf(DataType.Collection, data))?.data;
+          .getConnections(Obj.getDXN(object).toString(), 'inbound')
+          .find(({ data }) => Obj.instanceOf(Collection.Collection, data))?.data;
         await dispatch(createIntent(SpaceAction.RemoveObjects, { objects: [object], target: collection }));
       },
       properties: {
@@ -593,19 +698,19 @@ export const constructObjectActions = ({
       },
     },
     ...(navigable ||
-    (!Obj.instanceOf(DataType.Collection, object) &&
-      !Obj.instanceOf(DataType.QueryCollection, object) &&
-      !Obj.instanceOf(DataType.StoredSchema, object))
+    (!Obj.instanceOf(Collection.Collection, object) &&
+      !Obj.instanceOf(Collection.QueryCollection, object) &&
+      !Obj.instanceOf(StoredSchema, object))
       ? [
           {
             id: getId('copy-link'),
             type: ACTION_TYPE,
             data: async () => {
-              const url = `${window.location.origin}/${space.id}/${fullyQualifiedId(object)}`;
+              const url = `${window.location.origin}/${space.id}/${Obj.getDXN(object).toString()}`;
               await navigator.clipboard.writeText(url);
             },
             properties: {
-              label: ['copy link label', { ns: SPACE_PLUGIN }],
+              label: ['copy link label', { ns: meta.id }],
               icon: 'ph--link--regular',
               disposition: 'list-item',
               testId: 'spacePlugin.copyLink',
@@ -618,10 +723,12 @@ export const constructObjectActions = ({
       id: getId(LayoutAction.Expose._tag),
       type: ACTION_TYPE,
       data: async () => {
-        await dispatch(createIntent(LayoutAction.Expose, { part: 'navigation', subject: fullyQualifiedId(object) }));
+        await dispatch(
+          createIntent(LayoutAction.Expose, { part: 'navigation', subject: Obj.getDXN(object).toString() }),
+        );
       },
       properties: {
-        label: ['expose object label', { ns: SPACE_PLUGIN }],
+        label: ['expose object label', { ns: meta.id }],
         icon: 'ph--eye--regular',
         disposition: 'heading-list-item',
         testId: 'spacePlugin.exposeObject',
@@ -632,6 +739,20 @@ export const constructObjectActions = ({
   return actions;
 };
 
+// TODO(wittjosiah): Factor out.
+const downloadBlob = async (blob: Blob, filename: string) => {
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement('a');
+  a.href = url;
+  a.download = filename;
+
+  document.body.appendChild(a);
+  a.click();
+
+  document.body.removeChild(a);
+  URL.revokeObjectURL(url);
+};
+
 /**
  * @deprecated This is a temporary solution.
  */

package/dist/lib/browser/CollectionMain-D2B75XBS.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/CollectionMain.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { useTranslation } from '@dxos/react-ui';\nimport { baseSurface, descriptionMessage, mx } from '@dxos/react-ui-theme';\nimport { type DataType } from '@dxos/schema';\n\nimport { SPACE_PLUGIN } from '../meta';\n\nexport const CollectionMain = ({ collection }: { collection: DataType.Collection }) => {\n  const { t } = useTranslation(SPACE_PLUGIN);\n\n  return (\n    <div\n      role='none'\n      className={mx(baseSurface, 'min-bs-screen is-full flex items-center justify-center p-8')}\n      data-testid='composer.firstRunMessage'\n    >\n      <p\n        role='alert'\n        className={mx(descriptionMessage, 'rounded-md p-8 font-normal text-lg max-is-[24rem] break-words')}\n      >\n        {collection.name ?? t('unnamed collection label')}\n      </p>\n    </div>\n  );\n};\n\nexport default CollectionMain;\n"],
-  "mappings": ";;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,sBAAsB;AAC/B,SAASC,aAAaC,oBAAoBC,UAAU;AAK7C,IAAMC,iBAAiB,CAAC,EAAEC,WAAU,MAAuC;;;AAChF,UAAM,EAAEC,EAAC,IAAKC,eAAeC,YAAAA;AAE7B,WACE,sBAAA,cAACC,OAAAA;MACCC,MAAK;MACLC,WAAWC,GAAGC,aAAa,4DAAA;MAC3BC,eAAY;OAEZ,sBAAA,cAACC,KAAAA;MACCL,MAAK;MACLC,WAAWC,GAAGI,oBAAoB,+DAAA;OAEjCX,WAAWY,QAAQX,EAAE,0BAAA,CAAA,CAAA;;;;AAI9B;AAEA,IAAA,yBAAeF;",
-  "names": ["React", "useTranslation", "baseSurface", "descriptionMessage", "mx", "CollectionMain", "collection", "t", "useTranslation", "SPACE_PLUGIN", "div", "role", "className", "mx", "baseSurface", "data-testid", "p", "descriptionMessage", "name"]
-}

package/dist/lib/browser/ObjectDetailsPanel-SY6FYTYC.mjs

@@ -1,88 +0,0 @@
-import {
-  SPACE_PLUGIN
-} from "./chunk-FBCGT5YY.mjs";
-
-// src/components/ObjectDetailsPanel.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React, { useCallback } from "react";
-import { setValue } from "@dxos/echo-schema";
-import { invariant } from "@dxos/invariant";
-import { useClient } from "@dxos/react-client";
-import { Filter, getSpace, useQuery, useSchema } from "@dxos/react-client/echo";
-import { Callout, useTranslation } from "@dxos/react-ui";
-import { useSelected } from "@dxos/react-ui-attention";
-import { Form, useRefQueryLookupHandler } from "@dxos/react-ui-form";
-import { isNonNullable } from "@dxos/util";
-var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/components/ObjectDetailsPanel.tsx";
-var ObjectDetailsPanel = ({ objectId, view }) => {
-  var _effect = _useSignals();
-  try {
-    const { t } = useTranslation(SPACE_PLUGIN);
-    const client = useClient();
-    const space = getSpace(view);
-    const schema = useSchema(client, space, view.query?.typename);
-    const queriedObjects = useQuery(space, schema ? Filter.type(schema) : Filter.nothing());
-    const selectedRows = useSelected(objectId, "multi");
-    const selectedObjects = selectedRows.map((id) => queriedObjects.find((obj) => obj.id === id)).filter(isNonNullable);
-    const handleRefQueryLookup = useRefQueryLookupHandler({
-      space
-    });
-    const handleSave = useCallback((values, { changed }) => {
-      const id = values.id;
-      invariant(typeof id === "string", void 0, {
-        F: __dxlog_file,
-        L: 36,
-        S: void 0,
-        A: [
-          "typeof id === 'string'",
-          ""
-        ]
-      });
-      const object = queriedObjects.find((obj) => obj.id === id);
-      invariant(object, void 0, {
-        F: __dxlog_file,
-        L: 38,
-        S: void 0,
-        A: [
-          "object",
-          ""
-        ]
-      });
-      const changedPaths = Object.keys(changed).filter((path) => changed[path]);
-      for (const path of changedPaths) {
-        const value = values[path];
-        setValue(object, path, value);
-      }
-    }, [
-      queriedObjects
-    ]);
-    if (selectedObjects.length === 0) {
-      return /* @__PURE__ */ React.createElement("div", {
-        role: "none",
-        className: "plb-cardSpacingBlock pli-cardSpacingInline"
-      }, /* @__PURE__ */ React.createElement(Callout.Root, {
-        classNames: "is-full"
-      }, /* @__PURE__ */ React.createElement(Callout.Title, null, t("row details no selection label"))));
-    }
-    return /* @__PURE__ */ React.createElement("div", {
-      role: "none",
-      className: "bs-full is-full flex flex-col p-2 gap-1 overflow-y-auto"
-    }, schema && selectedObjects.map((object) => /* @__PURE__ */ React.createElement("div", {
-      key: object.id,
-      className: "border border-separator rounded"
-    }, /* @__PURE__ */ React.createElement(Form, {
-      autoSave: true,
-      schema,
-      values: object,
-      onSave: handleSave,
-      onQueryRefOptions: handleRefQueryLookup
-    }))));
-  } finally {
-    _effect.f();
-  }
-};
-var ObjectDetailsPanel_default = ObjectDetailsPanel;
-export {
-  ObjectDetailsPanel_default as default
-};
-//# sourceMappingURL=ObjectDetailsPanel-SY6FYTYC.mjs.map

package/dist/lib/browser/ObjectDetailsPanel-SY6FYTYC.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/ObjectDetailsPanel.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { type JsonPath, setValue } from '@dxos/echo-schema';\nimport { invariant } from '@dxos/invariant';\nimport { useClient } from '@dxos/react-client';\nimport { Filter, getSpace, useQuery, useSchema } from '@dxos/react-client/echo';\nimport { Callout, useTranslation } from '@dxos/react-ui';\nimport { useSelected } from '@dxos/react-ui-attention';\nimport { Form, useRefQueryLookupHandler } from '@dxos/react-ui-form';\nimport { type DataType } from '@dxos/schema';\nimport { isNonNullable } from '@dxos/util';\n\nimport { SPACE_PLUGIN } from '../meta';\n\ntype RowDetailsPanelProps = { objectId: string; view: DataType.View };\n\nconst ObjectDetailsPanel = ({ objectId, view }: RowDetailsPanelProps) => {\n  const { t } = useTranslation(SPACE_PLUGIN);\n  const client = useClient();\n  const space = getSpace(view);\n  const schema = useSchema(client, space, view.query?.typename);\n\n  const queriedObjects = useQuery(space, schema ? Filter.type(schema) : Filter.nothing());\n  const selectedRows = useSelected(objectId, 'multi');\n  const selectedObjects = selectedRows.map((id) => queriedObjects.find((obj) => obj.id === id)).filter(isNonNullable);\n\n  const handleRefQueryLookup = useRefQueryLookupHandler({ space });\n\n  const handleSave = useCallback(\n    (values: any, { changed }: { changed: Record<JsonPath, boolean> }) => {\n      const id = values.id;\n      invariant(typeof id === 'string');\n      const object = queriedObjects.find((obj) => obj.id === id);\n      invariant(object);\n\n      const changedPaths = Object.keys(changed).filter((path) => changed[path as JsonPath]) as JsonPath[];\n      for (const path of changedPaths) {\n        const value = values[path];\n        setValue(object, path, value);\n      }\n    },\n    [queriedObjects],\n  );\n\n  if (selectedObjects.length === 0) {\n    return (\n      <div role='none' className='plb-cardSpacingBlock pli-cardSpacingInline'>\n        <Callout.Root classNames='is-full'>\n          <Callout.Title>{t('row details no selection label')}</Callout.Title>\n        </Callout.Root>\n      </div>\n    );\n  }\n\n  return (\n    <div role='none' className='bs-full is-full flex flex-col p-2 gap-1 overflow-y-auto'>\n      {schema &&\n        selectedObjects.map((object) => (\n          <div key={object.id} className='border border-separator rounded'>\n            <Form\n              autoSave\n              schema={schema}\n              values={object}\n              onSave={handleSave}\n              onQueryRefOptions={handleRefQueryLookup}\n            />\n          </div>\n        ))}\n    </div>\n  );\n};\n\nexport default ObjectDetailsPanel;\n"],
-  "mappings": ";;;;;;AAIA,OAAOA,SAASC,mBAAmB;AAEnC,SAAwBC,gBAAgB;AACxC,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;AAC1B,SAASC,QAAQC,UAAUC,UAAUC,iBAAiB;AACtD,SAASC,SAASC,sBAAsB;AACxC,SAASC,mBAAmB;AAC5B,SAASC,MAAMC,gCAAgC;AAE/C,SAASC,qBAAqB;;AAM9B,IAAMC,qBAAqB,CAAC,EAAEC,UAAUC,KAAI,MAAwB;;;AAClE,UAAM,EAAEC,EAAC,IAAKC,eAAeC,YAAAA;AAC7B,UAAMC,SAASC,UAAAA;AACf,UAAMC,QAAQC,SAASP,IAAAA;AACvB,UAAMQ,SAASC,UAAUL,QAAQE,OAAON,KAAKU,OAAOC,QAAAA;AAEpD,UAAMC,iBAAiBC,SAASP,OAAOE,SAASM,OAAOC,KAAKP,MAAAA,IAAUM,OAAOE,QAAO,CAAA;AACpF,UAAMC,eAAeC,YAAYnB,UAAU,OAAA;AAC3C,UAAMoB,kBAAkBF,aAAaG,IAAI,CAACC,OAAOT,eAAeU,KAAK,CAACC,QAAQA,IAAIF,OAAOA,EAAAA,CAAAA,EAAKG,OAAOC,aAAAA;AAErG,UAAMC,uBAAuBC,yBAAyB;MAAErB;IAAM,CAAA;AAE9D,UAAMsB,aAAaC,YACjB,CAACC,QAAa,EAAEC,QAAO,MAA0C;AAC/D,YAAMV,KAAKS,OAAOT;AAClBW,gBAAU,OAAOX,OAAO,UAAA,QAAA;;;;;;;;;AACxB,YAAMY,SAASrB,eAAeU,KAAK,CAACC,QAAQA,IAAIF,OAAOA,EAAAA;AACvDW,gBAAUC,QAAAA,QAAAA;;;;;;;;;AAEV,YAAMC,eAAeC,OAAOC,KAAKL,OAAAA,EAASP,OAAO,CAACa,SAASN,QAAQM,IAAAA,CAAiB;AACpF,iBAAWA,QAAQH,cAAc;AAC/B,cAAMI,QAAQR,OAAOO,IAAAA;AACrBE,iBAASN,QAAQI,MAAMC,KAAAA;MACzB;IACF,GACA;MAAC1B;KAAe;AAGlB,QAAIO,gBAAgBqB,WAAW,GAAG;AAChC,aACE,sBAAA,cAACC,OAAAA;QAAIC,MAAK;QAAOC,WAAU;SACzB,sBAAA,cAACC,QAAQC,MAAI;QAACC,YAAW;SACvB,sBAAA,cAACF,QAAQG,OAAK,MAAE9C,EAAE,gCAAA,CAAA,CAAA,CAAA;IAI1B;AAEA,WACE,sBAAA,cAACwC,OAAAA;MAAIC,MAAK;MAAOC,WAAU;OACxBnC,UACCW,gBAAgBC,IAAI,CAACa,WACnB,sBAAA,cAACQ,OAAAA;MAAIO,KAAKf,OAAOZ;MAAIsB,WAAU;OAC7B,sBAAA,cAACM,MAAAA;MACCC,UAAAA;MACA1C;MACAsB,QAAQG;MACRkB,QAAQvB;MACRwB,mBAAmB1B;;;;;AAMjC;AAEA,IAAA,6BAAe5B;",
-  "names": ["React", "useCallback", "setValue", "invariant", "useClient", "Filter", "getSpace", "useQuery", "useSchema", "Callout", "useTranslation", "useSelected", "Form", "useRefQueryLookupHandler", "isNonNullable", "ObjectDetailsPanel", "objectId", "view", "t", "useTranslation", "SPACE_PLUGIN", "client", "useClient", "space", "getSpace", "schema", "useSchema", "query", "typename", "queriedObjects", "useQuery", "Filter", "type", "nothing", "selectedRows", "useSelected", "selectedObjects", "map", "id", "find", "obj", "filter", "isNonNullable", "handleRefQueryLookup", "useRefQueryLookupHandler", "handleSave", "useCallback", "values", "changed", "invariant", "object", "changedPaths", "Object", "keys", "path", "value", "setValue", "length", "div", "role", "className", "Callout", "Root", "classNames", "Title", "key", "Form", "autoSave", "onSave", "onQueryRefOptions"]
-}