@dxos/plugin-space 0.8.4-main.937b3ca → 0.8.4-main.9735255

package/dist/lib/browser/{CollectionArticle-XPNA6EHZ.mjs → CollectionArticle-OQMUVFVV.mjs}

@@ -3,20 +3,27 @@ import {
 } from "./chunk-HSMQFM57.mjs";
 
 // src/components/CollectionArticle.tsx
-import React, { useMemo } from "react";
+import React, { useCallback, useMemo } from "react";
 import { Common } from "@dxos/app-framework";
-import { useAppGraph, useOperationInvoker } from "@dxos/app-framework/react";
+import { useCapabilities, useOperationInvoker } from "@dxos/app-framework/react";
 import { Filter, Obj } from "@dxos/echo";
-import { Graph, Node, useActionRunner, useConnections } from "@dxos/plugin-graph";
 import { useClient } from "@dxos/react-client";
 import { getSpace, useQuery } from "@dxos/react-client/echo";
 import { Toolbar, toLocalizedString, useTranslation } from "@dxos/react-ui";
 import { Card, Layout, Mosaic } from "@dxos/react-ui-mosaic";
 import { SearchList, useSearchListResults } from "@dxos/react-ui-searchlist";
 import { Collection } from "@dxos/schema";
+import { getStyles } from "@dxos/ui-theme";
+var useMetadataResolver = () => {
+  const allMetadata = useCapabilities(Common.Capability.Metadata);
+  return useCallback((typename) => allMetadata.find((m) => m.id === typename)?.metadata ?? {}, [
+    allMetadata
+  ]);
+};
 var CollectionArticle = ({ subject }) => {
   const { t } = useTranslation(meta.id);
-  const { items, handleSearch } = useCollectionItems(subject);
+  const resolveMetadata = useMetadataResolver();
+  const { items, handleSearch } = useCollectionItems(subject, resolveMetadata);
   return /* @__PURE__ */ React.createElement(Layout.Main, {
     toolbar: true
   }, /* @__PURE__ */ React.createElement(SearchList.Root, {
@@ -29,55 +36,45 @@ var CollectionArticle = ({ subject }) => {
     padding: true
   }, /* @__PURE__ */ React.createElement(Mosaic.Stack, {
     items,
-    getId: (node) => node.id,
-    Tile: NodeTile
+    getId: (item) => item.id,
+    Tile: ObjectTile
   }))))));
 };
-var NodeTile = ({ data: node }) => {
+var ObjectTile = ({ data: item }) => {
   const { t } = useTranslation(meta.id);
-  const { graph } = useAppGraph();
   const { invokeSync } = useOperationInvoker();
-  const runAction = useActionRunner();
-  const label = toLocalizedString(node.properties.label, t);
-  const icon = node.properties.icon ?? "ph--placeholder--regular";
-  const handleClick = () => {
-    if (Node.isAction(node)) {
-      const [parent] = Graph.getConnections(graph, node.id, "inbound");
-      if (parent) {
-        void runAction(node, {
-          parent
-        });
-      }
-    } else {
-      invokeSync(Common.LayoutOperation.Open, {
-        subject: [
-          node.id
-        ]
-      });
+  const typename = Obj.getTypename(item.object) ?? "";
+  const label = Obj.getLabel(item.object) ?? toLocalizedString([
+    "object name placeholder",
+    {
+      ns: typename,
+      defaultValue: item.id
     }
+  ], t);
+  const styles = item.iconHue ? getStyles(item.iconHue) : void 0;
+  const handleClick = () => {
+    invokeSync(Common.LayoutOperation.Open, {
+      subject: [
+        item.id
+      ]
+    });
   };
   return /* @__PURE__ */ React.createElement(Card.Root, {
     fullWidth: true
   }, /* @__PURE__ */ React.createElement(Card.Toolbar, null, /* @__PURE__ */ React.createElement(Card.ToolbarIconButton, {
     variant: "ghost",
     label,
-    icon
+    icon: item.icon,
+    iconOnly: true,
+    iconClassNames: styles?.icon
   }), /* @__PURE__ */ React.createElement(Card.Title, {
     onClick: handleClick
   }, label), /* @__PURE__ */ React.createElement(Card.Menu, null)));
 };
 var CollectionArticle_default = CollectionArticle;
 var useRegularCollectionItems = (collection) => {
-  const { graph } = useAppGraph();
-  const collectionId = Obj.getDXN(collection).toString();
-  const children = useConnections(graph, collectionId, "outbound");
-  return useMemo(() => children.filter((node) => {
-    if (Obj.isObject(node.data)) {
-      return true;
-    }
-    return Node.isAction(node) && node.properties.disposition === "item";
-  }), [
-    children
+  return useMemo(() => (collection.objects ?? []).map((ref) => ref.target).filter((obj) => Obj.isObject(obj)), [
+    collection.objects
   ]);
 };
 var useManagedCollectionItems = (collection) => {
@@ -92,30 +89,29 @@ var useManagedCollectionItems = (collection) => {
     client,
     collection
   ]);
-  const objects = useQuery(space?.db, schema ? Filter.type(schema) : Filter.nothing());
-  return useMemo(() => objects.map((obj) => ({
-    id: Obj.getDXN(obj).toString(),
-    type: "managed-object",
-    data: obj,
-    properties: {
-      label: Obj.getLabel(obj) ?? obj.id,
-      icon: "ph--placeholder--regular"
-    }
-  })), [
-    objects
-  ]);
+  return useQuery(space?.db, schema ? Filter.type(schema) : Filter.nothing());
 };
-var useCollectionItems = (collection) => {
+var useCollectionItems = (collection, resolveMetadata) => {
   const isManaged = Obj.instanceOf(Collection.Managed, collection);
-  const regularItems = useRegularCollectionItems(collection);
-  const managedItems = useManagedCollectionItems(collection);
-  const items = isManaged ? managedItems : regularItems;
+  const regularObjects = useRegularCollectionItems(collection);
+  const managedObjects = useManagedCollectionItems(collection);
+  const objects = isManaged ? managedObjects : regularObjects;
+  const items = useMemo(() => objects.map((obj) => {
+    const typename = Obj.getTypename(obj);
+    const metadata = typename ? resolveMetadata(typename) : {};
+    return {
+      id: Obj.getDXN(obj).toString(),
+      object: obj,
+      icon: metadata.icon ?? "ph--placeholder--regular",
+      iconHue: metadata.iconHue
+    };
+  }), [
+    objects,
+    resolveMetadata
+  ]);
   const { results, handleSearch } = useSearchListResults({
     items,
-    extract: (node) => {
-      const label = node.properties.label;
-      return typeof label === "string" ? label : label?.en ?? node.id;
-    }
+    extract: (item) => Obj.getLabel(item.object) ?? item.id
   });
   return {
     items: results,
@@ -126,4 +122,4 @@ export {
   CollectionArticle,
   CollectionArticle_default as default
 };
-//# sourceMappingURL=CollectionArticle-XPNA6EHZ.mjs.map
+//# sourceMappingURL=CollectionArticle-OQMUVFVV.mjs.map

package/dist/lib/browser/CollectionArticle-OQMUVFVV.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/CollectionArticle.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport { Common } from '@dxos/app-framework';\nimport { type SurfaceComponentProps, useCapabilities, useOperationInvoker } from '@dxos/app-framework/react';\nimport { Filter, Obj } from '@dxos/echo';\nimport { useClient } from '@dxos/react-client';\nimport { getSpace, useQuery } from '@dxos/react-client/echo';\nimport { Toolbar, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { Card, Layout, Mosaic, type StackTileComponent } from '@dxos/react-ui-mosaic';\nimport { SearchList, useSearchListResults } from '@dxos/react-ui-searchlist';\nimport { Collection } from '@dxos/schema';\nimport { getStyles } from '@dxos/ui-theme';\n\nimport { meta } from '../meta';\n\n/**\n * Hook to resolve metadata (icon, iconHue, etc.) for objects based on their typename.\n */\nconst useMetadataResolver = () => {\n  const allMetadata = useCapabilities(Common.Capability.Metadata);\n  return useCallback((typename: string) => allMetadata.find((m) => m.id === typename)?.metadata ?? {}, [allMetadata]);\n};\n\n/**\n * Article view for collections.\n */\nexport const CollectionArticle = ({ subject }: SurfaceComponentProps<Collection.Collection | Collection.Managed>) => {\n  const { t } = useTranslation(meta.id);\n  const resolveMetadata = useMetadataResolver();\n  const { items, handleSearch } = useCollectionItems(subject, resolveMetadata);\n\n  return (\n    <Layout.Main toolbar>\n      <SearchList.Root onSearch={handleSearch}>\n        <Toolbar.Root>\n          <SearchList.Input placeholder={t('search placeholder')} />\n        </Toolbar.Root>\n        <SearchList.Content>\n          <Mosaic.Container asChild>\n            <Mosaic.Viewport padding>\n              <Mosaic.Stack items={items} getId={(item) => item.id} Tile={ObjectTile} />\n            </Mosaic.Viewport>\n          </Mosaic.Container>\n        </SearchList.Content>\n      </SearchList.Root>\n    </Layout.Main>\n  );\n};\n\ntype ObjectItem = {\n  id: string;\n  object: Obj.Unknown;\n  icon: string;\n  iconHue?: string;\n};\n\nconst ObjectTile: StackTileComponent<ObjectItem> = ({ data: item }) => {\n  const { t } = useTranslation(meta.id);\n  const { invokeSync } = useOperationInvoker();\n\n  const typename = Obj.getTypename(item.object) ?? '';\n  const label =\n    Obj.getLabel(item.object) ??\n    toLocalizedString(['object name placeholder', { ns: typename, defaultValue: item.id }], t);\n  const styles = item.iconHue ? getStyles(item.iconHue) : undefined;\n\n  const handleClick = () => {\n    invokeSync(Common.LayoutOperation.Open, { subject: [item.id] });\n  };\n\n  return (\n    <Card.Root fullWidth>\n      <Card.Toolbar>\n        <Card.ToolbarIconButton variant='ghost' label={label} icon={item.icon} iconOnly iconClassNames={styles?.icon} />\n        <Card.Title onClick={handleClick}>{label}</Card.Title>\n        <Card.Menu />\n      </Card.Toolbar>\n    </Card.Root>\n  );\n};\n\nexport default CollectionArticle;\n\n/**\n * Hook to get items from a regular collection.\n */\nconst useRegularCollectionItems = (collection: Collection.Collection): Obj.Unknown[] => {\n  return useMemo(\n    () => (collection.objects ?? []).map((ref) => ref.target).filter((obj): obj is Obj.Unknown => Obj.isObject(obj)),\n    [collection.objects],\n  );\n};\n\n/**\n * Hook to get items from a managed collection by querying the space.\n */\nconst useManagedCollectionItems = (collection: Collection.Managed): Obj.Unknown[] => {\n  const client = useClient();\n  const space = getSpace(collection);\n\n  const schema = useMemo(\n    () => client.graph.schemaRegistry.query({ typename: collection.key, location: ['runtime'] }).runSync()[0],\n    [client, collection],\n  );\n\n  return useQuery(space?.db, schema ? Filter.type(schema) : Filter.nothing());\n};\n\ntype MetadataResolver = (typename: string) => { icon?: string; iconHue?: string };\n\n/**\n * Combined hook to get collection items with search/filter support.\n */\nconst useCollectionItems = (\n  collection: Collection.Collection | Collection.Managed,\n  resolveMetadata: MetadataResolver,\n) => {\n  const isManaged = Obj.instanceOf(Collection.Managed, collection);\n\n  // Call both hooks unconditionally to satisfy React's rules of hooks.\n  const regularObjects = useRegularCollectionItems(collection as Collection.Collection);\n  const managedObjects = useManagedCollectionItems(collection as Collection.Managed);\n\n  const objects = isManaged ? managedObjects : regularObjects;\n\n  // Convert objects to items with resolved metadata.\n  const items = useMemo(\n    () =>\n      objects.map((obj) => {\n        const typename = Obj.getTypename(obj);\n        const metadata = typename ? resolveMetadata(typename) : {};\n        return {\n          id: Obj.getDXN(obj).toString(),\n          object: obj,\n          icon: metadata.icon ?? 'ph--placeholder--regular',\n          iconHue: metadata.iconHue,\n        } satisfies ObjectItem;\n      }),\n    [objects, resolveMetadata],\n  );\n\n  // Use searchlist results for filtering.\n  const { results, handleSearch } = useSearchListResults({\n    items,\n    extract: (item) => Obj.getLabel(item.object) ?? item.id,\n  });\n\n  return { items: results, handleSearch };\n};\n"],
+  "mappings": "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",
+  "names": ["React", "useCallback", "useMemo", "Common", "useCapabilities", "useOperationInvoker", "Filter", "Obj", "useClient", "getSpace", "useQuery", "Toolbar", "toLocalizedString", "useTranslation", "Card", "Layout", "Mosaic", "SearchList", "useSearchListResults", "Collection", "getStyles", "useMetadataResolver", "allMetadata", "useCapabilities", "Common", "Capability", "Metadata", "useCallback", "typename", "find", "m", "id", "metadata", "CollectionArticle", "subject", "t", "useTranslation", "meta", "resolveMetadata", "items", "handleSearch", "useCollectionItems", "Layout", "Main", "toolbar", "SearchList", "Root", "onSearch", "Toolbar", "Input", "placeholder", "Content", "Mosaic", "Container", "asChild", "Viewport", "padding", "Stack", "getId", "item", "Tile", "ObjectTile", "data", "invokeSync", "useOperationInvoker", "Obj", "getTypename", "object", "label", "getLabel", "toLocalizedString", "ns", "defaultValue", "styles", "iconHue", "getStyles", "undefined", "handleClick", "LayoutOperation", "Open", "Card", "fullWidth", "ToolbarIconButton", "variant", "icon", "iconOnly", "iconClassNames", "Title", "onClick", "Menu", "useRegularCollectionItems", "collection", "useMemo", "objects", "map", "ref", "target", "filter", "obj", "isObject", "useManagedCollectionItems", "client", "useClient", "space", "getSpace", "schema", "graph", "schemaRegistry", "query", "key", "location", "runSync", "useQuery", "db", "Filter", "type", "nothing", "isManaged", "instanceOf", "Collection", "Managed", "regularObjects", "managedObjects", "getDXN", "toString", "results", "useSearchListResults", "extract"]
+}

package/dist/lib/browser/{chunk-3X2EA2OA.mjs → chunk-TWUMNPG4.mjs}

@@ -1855,7 +1855,7 @@ var ViewEditor = ({ view }) => {
 
 // src/components/index.ts
 import { lazy } from "react";
-var CollectionArticle = lazy(() => import("./CollectionArticle-XPNA6EHZ.mjs"));
+var CollectionArticle = lazy(() => import("./CollectionArticle-OQMUVFVV.mjs"));
 var ObjectCardStack = lazy(() => import("./ObjectCardStack-TWHN6C2Y.mjs"));
 var ObjectDetails = lazy(() => import("./ObjectDetails-GEDIISKK.mjs"));
 var RecordArticle = lazy(() => import("./RecordArticle-W57QE7QV.mjs"));
@@ -1895,4 +1895,4 @@ export {
   ObjectDetails,
   RecordArticle
 };
-//# sourceMappingURL=chunk-3X2EA2OA.mjs.map
+//# sourceMappingURL=chunk-TWUMNPG4.mjs.map

package/dist/lib/browser/index.mjs

@@ -35,7 +35,7 @@ import {
   getQueryTarget,
   resolveSchemaWithRegistry,
   useQuerySpaceSchemas
-} from "./chunk-3X2EA2OA.mjs";
+} from "./chunk-TWUMNPG4.mjs";
 import {
   IdentityCreated,
   OperationResolver
@@ -94,11 +94,11 @@ var AppGraphSerializer = Capability2.lazy("AppGraphSerializer", () => import("./
 
 // src/capabilities/react-root/index.ts
 import { Capability as Capability3 } from "@dxos/app-framework";
-var ReactRoot = Capability3.lazy("ReactRoot", () => import("./react-root-PI7VTZUZ.mjs"));
+var ReactRoot = Capability3.lazy("ReactRoot", () => import("./react-root-3SPMM45V.mjs"));
 
 // src/capabilities/react-surface/index.ts
 import { Capability as Capability4 } from "@dxos/app-framework";
-var ReactSurface = Capability4.lazy("ReactSurface", () => import("./react-surface-BPE7VWI7.mjs"));
+var ReactSurface = Capability4.lazy("ReactSurface", () => import("./react-surface-UUS7NDHS.mjs"));
 
 // src/capabilities/repair/index.ts
 import { Capability as Capability5 } from "@dxos/app-framework";