@dxos/plugin-search 0.8.4-main.c85a9c8dae → 0.8.4-main.d9fc60f731

package/dist/types/src/containers/SearchMain/SearchMain.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchMain.d.ts","sourceRoot":"","sources":["../../../../../src/containers/SearchMain/SearchMain.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAK9D,OAAO,EAAU,KAAK,KAAK,EAAY,MAAM,yBAAyB,CAAC;AAWvE,eAAO,MAAM,UAAU,GAAI,WAAW;IAAE,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,sBAwDtD,CAAC"}

package/dist/types/src/containers/SearchMain/index.d.ts

@@ -1,3 +0,0 @@
-import { SearchMain } from './SearchMain';
-export default SearchMain;
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/containers/SearchMain/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/containers/SearchMain/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,eAAe,UAAU,CAAC"}

package/dist/types/src/containers/SpaceMain/SpaceMain.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { type Space } from '@dxos/react-client/echo';
-export declare const SpaceMain: ({ space }: {
-    space: Space;
-}) => React.JSX.Element;
-//# sourceMappingURL=SpaceMain.d.ts.map

package/dist/types/src/containers/SpaceMain/SpaceMain.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpaceMain.d.ts","sourceRoot":"","sources":["../../../../../src/containers/SpaceMain/SpaceMain.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAOzE,OAAO,EAAE,KAAK,KAAK,EAAY,MAAM,yBAAyB,CAAC;AAU/D,eAAO,MAAM,SAAS,GAAI,WAAW;IAAE,KAAK,EAAE,KAAK,CAAA;CAAE,sBA0BpD,CAAC"}

package/dist/types/src/containers/SpaceMain/index.d.ts

@@ -1,3 +0,0 @@
-import { SpaceMain } from './SpaceMain';
-export default SpaceMain;
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/containers/SpaceMain/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/containers/SpaceMain/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,eAAe,SAAS,CAAC"}

package/dist/types/src/types/action.d.ts

@@ -1,16 +0,0 @@
-import * as Schema from 'effect/Schema';
-export declare namespace SearchOperation {
-    const OpenSearch: Omit<{
-        readonly meta: {
-            readonly key: `${string}/open-search`;
-            readonly name: "Open Search";
-        };
-        readonly schema: {
-            readonly input: typeof Schema.Void;
-            readonly output: typeof Schema.Void;
-        };
-    }, "executionMode"> & import("effect/Pipeable").Pipeable & {
-        readonly executionMode: "sync" | "async";
-    };
-}
-//# sourceMappingURL=action.d.ts.map

package/dist/types/src/types/action.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"action.d.ts","sourceRoot":"","sources":["../../../../src/types/action.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAQxC,yBAAiB,eAAe,CAAC;IACxB,MAAM,UAAU;;;;;;;;;;;KAGrB,CAAC;CACJ"}

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

@@ -1,7 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Capability } from '@dxos/app-framework';
-
-export const AppGraphBuilder = Capability.lazy('AppGraphBuilder', () => import('./app-graph-builder'));

package/src/capabilities/operation-resolver/index.ts

@@ -1,7 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Capability } from '@dxos/app-framework';
-
-export const OperationResolver = Capability.lazy('OperationResolver', () => import('./operation-resolver'));

package/src/capabilities/operation-resolver/operation-resolver.ts

@@ -1,24 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import * as Effect from 'effect/Effect';
-
-import { Capabilities, Capability } from '@dxos/app-framework';
-import { LayoutOperation } from '@dxos/app-toolkit';
-import { Operation, OperationResolver } from '@dxos/operation';
-
-import { SearchOperation } from '../../types';
-
-export default Capability.makeModule(
-  Effect.fnUntraced(function* () {
-    return Capability.contributes(Capabilities.OperationResolver, [
-      OperationResolver.make({
-        operation: SearchOperation.OpenSearch,
-        handler: Effect.fnUntraced(function* () {
-          yield* Operation.invoke(LayoutOperation.UpdateComplementary, { subject: 'search' });
-        }),
-      }),
-    ]);
-  }),
-);

package/src/capabilities/react-surface/index.ts

@@ -1,7 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Capability } from '@dxos/app-framework';
-
-export const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));

package/src/capabilities/react-surface/react-surface.tsx

@@ -1,72 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import * as Effect from 'effect/Effect';
-import React from 'react';
-
-import { Capabilities, Capability } from '@dxos/app-framework';
-import { Surface } from '@dxos/app-framework/ui';
-import { useActiveSpace } from '@dxos/plugin-space';
-import { type Space, SpaceState, isSpace } from '@dxos/react-client/echo';
-
-import { SEARCH_DIALOG } from '../../constants';
-import { SearchDialog, type SearchDialogProps, SearchMain, SpaceMain } from '../../containers';
-import { SearchContextProvider } from '../../hooks';
-import { meta } from '../../meta';
-
-export default Capability.makeModule(() =>
-  Effect.succeed(
-    Capability.contributes(Capabilities.ReactSurface, [
-      Surface.create({
-        id: SEARCH_DIALOG,
-        role: 'dialog',
-        filter: (data): data is { props: SearchDialogProps } => data.component === SEARCH_DIALOG,
-        component: ({ data }) => (
-          <SearchContextProvider>
-            <SearchDialog {...data.props} />
-          </SearchContextProvider>
-        ),
-      }),
-      Surface.create({
-        id: `${SEARCH_DIALOG}/search-input`,
-        role: 'search-input',
-        component: () => {
-          const space = useActiveSpace();
-
-          return (
-            <SearchContextProvider>
-              <SearchMain space={space} />
-            </SearchContextProvider>
-          );
-        },
-      }),
-      Surface.create({
-        id: `${SEARCH_DIALOG}/search`,
-        role: 'deck-companion--search',
-        filter: (data): data is { subject: Space } => isSpace(data.subject),
-        component: ({ data }) => {
-          const space = data.subject;
-          if (!space) {
-            return null;
-          }
-
-          return (
-            <SearchContextProvider>
-              <SearchMain space={space} />
-            </SearchContextProvider>
-          );
-        },
-      }),
-      Surface.create({
-        id: `${meta.id}/space-article`,
-        role: 'article',
-        position: 'hoist',
-        filter: (data): data is { subject: Space } =>
-          // TODO(wittjosiah): Need to avoid shotgun parsing space state everywhere.
-          isSpace(data.subject) && data.subject.state.get() === SpaceState.SPACE_READY,
-        component: ({ data }) => <SpaceMain space={data.subject} />,
-      }),
-    ]),
-  ),
-);

package/src/containers/SearchMain/SearchMain.tsx

@@ -1,103 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React, { useCallback, useMemo, useState } from 'react';
-
-import { Surface } from '@dxos/app-framework/ui';
-import { useObjectMenuItems, useObjectNavigate } from '@dxos/app-toolkit/ui';
-import { Entity, Query } from '@dxos/echo';
-import { Filter, type Space, useQuery } from '@dxos/react-client/echo';
-import { Card, Panel, ScrollArea, Toolbar, useTranslation } from '@dxos/react-ui';
-import { Menu } from '@dxos/react-ui-menu';
-import { Mosaic, type MosaicStackTileComponent } from '@dxos/react-ui-mosaic';
-import { SearchList } from '@dxos/react-ui-searchlist';
-import { Text } from '@dxos/schema';
-
-import { useGlobalSearch, useGlobalSearchResults, useWebSearch } from '../../hooks';
-import { meta } from '../../meta';
-import { type SearchResult } from '../../types';
-
-export const SearchMain = ({ space }: { space?: Space }) => {
-  const { t } = useTranslation(meta.id);
-  const { setMatch } = useGlobalSearch();
-  const [query, setQuery] = useState<string>();
-  // TODO(burdon): Option to search across spaces.
-  const objects = useQuery(
-    space?.db,
-    query === undefined
-      ? Query.select(Filter.nothing())
-      : // TODO(dmaretskyi): Final version would walk the ancestry of the object until we find a non-system type.
-        Query.all(
-          Query.select(Filter.text(query, { type: 'full-text' })).select(Filter.not(Filter.type(Text.Text))),
-          Query.select(Filter.text(query, { type: 'full-text' }))
-            .select(Filter.type(Text.Text))
-            .referencedBy('dxos.org/type/Document', 'content'),
-        ),
-  );
-
-  const results = useGlobalSearchResults(objects);
-  const { results: webResults } = useWebSearch({ query });
-  const allResults = useMemo(
-    () => [...results, ...webResults].filter(({ object }) => object && Entity.getLabel(object)),
-    [results, webResults],
-  );
-
-  const handleSearch = useCallback(
-    (text: string) => {
-      setQuery(text);
-      setMatch?.(text);
-    },
-    [setMatch],
-  );
-
-  return (
-    <SearchList.Root onSearch={handleSearch}>
-      <Panel.Root className='dx-article'>
-        <Panel.Toolbar asChild>
-          <Toolbar.Root>
-            <SearchList.Input placeholder={t('search placeholder')} />
-          </Toolbar.Root>
-        </Panel.Toolbar>
-        <Panel.Content asChild>
-          <SearchList.Content>
-            <Mosaic.Container asChild>
-              <ScrollArea.Root orientation='vertical'>
-                <ScrollArea.Viewport>
-                  <Mosaic.Stack items={allResults} getId={(result) => result.object!.id} Tile={SearchResultTile} />
-                </ScrollArea.Viewport>
-              </ScrollArea.Root>
-            </Mosaic.Container>
-            {allResults.length === 0 && <SearchList.Empty>{t('empty results message')}</SearchList.Empty>}
-          </SearchList.Content>
-        </Panel.Content>
-      </Panel.Root>
-    </SearchList.Root>
-  );
-};
-
-const SearchResultTile: MosaicStackTileComponent<SearchResult> = (props) => {
-  const data = props.data;
-  const object = data.object!;
-  const objectMenuItems = useObjectMenuItems(object);
-  const handleNavigate = useObjectNavigate(object);
-
-  return (
-    <Menu.Root>
-      <Card.Root key={data.id}>
-        <Card.Toolbar>
-          <Card.DragHandle />
-          <Card.Title onClick={handleNavigate}>
-            {data.label ?? (data.object && Entity.getLabel(data.object))}
-          </Card.Title>
-          {/* TODO(wittjosiah): Reconcile with Card.Menu. */}
-          <Menu.Trigger asChild disabled={!objectMenuItems?.length}>
-            <Toolbar.IconButton iconOnly variant='ghost' icon='ph--dots-three-vertical--regular' label='Actions' />
-          </Menu.Trigger>
-          <Menu.Content items={objectMenuItems} />
-        </Card.Toolbar>
-        <Surface.Surface role='card--content' data={{ subject: data.object }} limit={1} />
-      </Card.Root>
-    </Menu.Root>
-  );
-};

package/src/containers/SearchMain/index.ts

@@ -1,7 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { SearchMain } from './SearchMain';
-
-export default SearchMain;

package/src/containers/SpaceMain/SpaceMain.tsx

@@ -1,180 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-
-import { useCapabilities, useOperationInvoker } from '@dxos/app-framework/ui';
-import { AppCapabilities, LayoutOperation } from '@dxos/app-toolkit';
-import { useAppGraph } from '@dxos/app-toolkit/ui';
-import { Filter, Obj, Query } from '@dxos/echo';
-import { Graph, Node, useActionRunner, useConnections } from '@dxos/plugin-graph';
-import { type Space, useQuery } from '@dxos/react-client/echo';
-import { ScrollArea, Toolbar, toLocalizedString, useTranslation } from '@dxos/react-ui';
-import { Card, Panel } from '@dxos/react-ui';
-import { Mosaic, type MosaicStackTileComponent } from '@dxos/react-ui-mosaic';
-import { SearchList } from '@dxos/react-ui-searchlist';
-import { Text } from '@dxos/schema';
-import { getStyles } from '@dxos/ui-theme';
-
-import { meta } from '../../meta';
-
-export const SpaceMain = ({ space }: { space: Space }) => {
-  const { t } = useTranslation(meta.id);
-  const { items, handleSearch } = useSpaceItems(space);
-
-  return (
-    <SearchList.Root onSearch={handleSearch}>
-      <Panel.Root className='dx-article'>
-        <Panel.Toolbar asChild>
-          <Toolbar.Root>
-            <SearchList.Input placeholder={t('search placeholder')} />
-          </Toolbar.Root>
-        </Panel.Toolbar>
-        <Panel.Content asChild>
-          <SearchList.Content>
-            <Mosaic.Container asChild>
-              <ScrollArea.Root orientation='vertical'>
-                <ScrollArea.Viewport classNames='p-2'>
-                  <Mosaic.Stack items={items} getId={(node) => node.id} Tile={NodeTile} />
-                </ScrollArea.Viewport>
-              </ScrollArea.Root>
-            </Mosaic.Container>
-          </SearchList.Content>
-        </Panel.Content>
-      </Panel.Root>
-    </SearchList.Root>
-  );
-};
-
-const NodeTile: MosaicStackTileComponent<Node.Node> = (props) => {
-  const node = props.data;
-  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 iconHue = node.properties.iconHue;
-  const styles = iconHue ? getStyles(iconHue) : undefined;
-
-  const handleClick = () => {
-    if (Node.isAction(node)) {
-      // Run action if this is an action node.
-      const [parent] = Graph.getConnections(graph, node.id, Node.childRelation('inbound'));
-      if (parent) {
-        void runAction(node, { parent });
-      }
-    } else {
-      // Navigate to the node.
-      invokeSync(LayoutOperation.Open, { subject: [node.id] });
-    }
-  };
-
-  return (
-    <Card.Root fullWidth>
-      <Card.Toolbar>
-        <Card.ToolbarIconButton
-          variant='ghost'
-          label={label}
-          icon={icon}
-          iconOnly
-          iconClassNames={styles?.surfaceText}
-        />
-        <Card.Title onClick={handleClick}>{label}</Card.Title>
-        <Card.Menu />
-      </Card.Toolbar>
-    </Card.Root>
-  );
-};
-
-/**
- * Hook to resolve metadata (icon, iconHue, etc.) for objects based on their typename.
- */
-// TODO(wittjosiah): Factor out.
-const useMetadataResolver = () => {
-  const allMetadata = useCapabilities(AppCapabilities.Metadata);
-  return useCallback((typename: string) => allMetadata.find((m) => m.id === typename)?.metadata ?? {}, [allMetadata]);
-};
-
-/**
- * Hook to get space items with search/filter support.
- * Returns direct children when no query, or full-text search results when searching.
- */
-const useSpaceItems = (space: Space) => {
-  const { graph } = useAppGraph();
-  const [query, setQuery] = useState<string>();
-  const resolveMetadata = useMetadataResolver();
-
-  // Expand the space node to load its children (needed when navigating directly to a space URL).
-  useEffect(() => {
-    const frame = requestAnimationFrame(() => {
-      Graph.expand(graph, space.id, 'child');
-    });
-    return () => cancelAnimationFrame(frame);
-  }, [graph, space.id]);
-
-  // Get direct children of the space node for the default view.
-  const children = useConnections(graph, space.id, 'child');
-
-  const handleSearch = useCallback((text: string) => {
-    setQuery(text);
-  }, []);
-
-  // TODO(dmaretskyi): Switch back to QueryEditor once query builder is ready for production.
-  // Query results using full-text search.
-  const results = useQuery(
-    space.db,
-    query === undefined
-      ? Query.select(Filter.nothing())
-      : Query.all(
-          Query.select(Filter.text(query, { type: 'full-text' })).select(Filter.not(Filter.type(Text.Text))),
-          Query.select(Filter.text(query, { type: 'full-text' }))
-            .select(Filter.type(Text.Text))
-            .referencedBy('dxos.org/type/Document', 'content'),
-        ),
-  );
-
-  // Determine if query is empty (show default view).
-  const isQueryEmpty = !query?.trim();
-
-  // Filter children to those which are objects, actions with disposition 'item', or alternate-tree nodes.
-  const filteredChildren = useMemo(
-    () =>
-      children.filter((node) => {
-        // Include regular objects.
-        if (Obj.isObject(node.data)) {
-          return true;
-        }
-        // Include actions with disposition 'item'.
-        return Node.isAction(node) && node.properties.disposition === 'item';
-      }),
-    [children],
-  );
-
-  // When showing default view, use nodes (which may include actions).
-  // When showing search results, wrap objects in a compatible shape with resolved metadata.
-  const items = useMemo(() => {
-    if (isQueryEmpty) {
-      return filteredChildren;
-    }
-    // Wrap query results as pseudo-nodes for consistent rendering.
-    return results.map((obj) => {
-      const typename = Obj.getTypename(obj);
-      const metadata = typename ? resolveMetadata(typename) : {};
-      return {
-        id: obj.id,
-        type: 'search-result',
-        data: obj,
-        properties: {
-          label: Obj.getLabel(obj) ?? obj.id,
-          icon: metadata.icon ?? 'ph--placeholder--regular',
-          iconHue: metadata.iconHue,
-        },
-      } as Node.Node;
-    });
-  }, [isQueryEmpty, filteredChildren, results, resolveMetadata]);
-
-  return { items, handleSearch };
-};

package/src/containers/SpaceMain/index.ts

@@ -1,7 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { SpaceMain } from './SpaceMain';
-
-export default SpaceMain;

package/src/types/action.tsx

@@ -1,18 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import * as Schema from 'effect/Schema';
-
-import { Operation } from '@dxos/operation';
-
-import { meta } from '../meta';
-
-const SEARCH_OPERATION = `${meta.id}/operation`;
-
-export namespace SearchOperation {
-  export const OpenSearch = Operation.make({
-    meta: { key: `${SEARCH_OPERATION}/open-search`, name: 'Open Search' },
-    schema: { input: Schema.Void, output: Schema.Void },
-  });
-}