@dxos/plugin-search 0.8.4-main.72ec0f3 → 0.8.4-main.7ace549

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/dist/lib/browser/{app-graph-builder-HQR6P4C7.mjs → app-graph-builder-BFLYNCSJ.mjs} +2 -1
  2. package/dist/lib/browser/{app-graph-builder-HQR6P4C7.mjs.map → app-graph-builder-BFLYNCSJ.mjs.map} +2 -2
  3. package/dist/lib/browser/{chunk-ZEP4O5SU.mjs → chunk-MBISM5WN.mjs} +5 -5
  4. package/dist/lib/browser/{chunk-ZEP4O5SU.mjs.map → chunk-MBISM5WN.mjs.map} +3 -3
  5. package/dist/lib/browser/index.mjs +4 -4
  6. package/dist/lib/browser/index.mjs.map +1 -1
  7. package/dist/lib/browser/meta.json +1 -1
  8. package/dist/lib/browser/{react-surface-H5CKQVII.mjs → react-surface-D7STUIQS.mjs} +20 -21
  9. package/dist/lib/browser/react-surface-D7STUIQS.mjs.map +7 -0
  10. package/dist/types/src/capabilities/app-graph-builder.d.ts.map +1 -1
  11. package/dist/types/src/components/SearchMain.d.ts.map +1 -1
  12. package/dist/types/src/components/Searchbar/Searchbar.d.ts.map +1 -1
  13. package/dist/types/src/translations.d.ts +1 -1
  14. package/dist/types/tsconfig.tsbuildinfo +1 -1
  15. package/package.json +28 -28
  16. package/src/capabilities/app-graph-builder.ts +1 -0
  17. package/src/components/SearchMain.tsx +20 -23
  18. package/src/components/Searchbar/Searchbar.tsx +16 -2
  19. package/src/hooks/useWebSearch.ts +2 -2
  20. package/src/search/exa.test.ts +7 -7
  21. package/src/translations.ts +1 -1
  22. package/dist/lib/browser/react-surface-H5CKQVII.mjs.map +0 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dxos/plugin-search",
3
- "version": "0.8.4-main.72ec0f3",
3
+ "version": "0.8.4-main.7ace549",
4
4
  "description": "Braneframe sketch plugin",
5
5
  "homepage": "https://dxos.org",
6
6
  "bugs": "https://github.com/dxos/dxos/issues",
@@ -27,27 +27,27 @@
27
27
  "@preact-signals/safe-react": "^0.9.0",
28
28
  "exa-js": "^1.5.12",
29
29
  "main-thread-scheduling": "^14.1.1",
30
- "@dxos/ai": "0.8.4-main.72ec0f3",
31
- "@dxos/app-framework": "0.8.4-main.72ec0f3",
32
- "@dxos/blueprints": "0.8.4-main.72ec0f3",
33
- "@dxos/assistant": "0.8.4-main.72ec0f3",
34
- "@dxos/echo": "0.8.4-main.72ec0f3",
35
- "@dxos/debug": "0.8.4-main.72ec0f3",
36
- "@dxos/echo-protocol": "0.8.4-main.72ec0f3",
37
- "@dxos/effect": "0.8.4-main.72ec0f3",
38
- "@dxos/invariant": "0.8.4-main.72ec0f3",
39
- "@dxos/log": "0.8.4-main.72ec0f3",
40
- "@dxos/live-object": "0.8.4-main.72ec0f3",
41
- "@dxos/plugin-client": "0.8.4-main.72ec0f3",
42
- "@dxos/plugin-deck": "0.8.4-main.72ec0f3",
43
- "@dxos/plugin-graph": "0.8.4-main.72ec0f3",
44
- "@dxos/plugin-space": "0.8.4-main.72ec0f3",
45
- "@dxos/react-client": "0.8.4-main.72ec0f3",
46
- "@dxos/react-ui-stack": "0.8.4-main.72ec0f3",
47
- "@dxos/react-ui-searchlist": "0.8.4-main.72ec0f3",
48
- "@dxos/schema": "0.8.4-main.72ec0f3",
49
- "@dxos/util": "0.8.4-main.72ec0f3",
50
- "@dxos/types": "0.8.4-main.72ec0f3"
30
+ "@dxos/ai": "0.8.4-main.7ace549",
31
+ "@dxos/assistant": "0.8.4-main.7ace549",
32
+ "@dxos/app-framework": "0.8.4-main.7ace549",
33
+ "@dxos/blueprints": "0.8.4-main.7ace549",
34
+ "@dxos/echo-protocol": "0.8.4-main.7ace549",
35
+ "@dxos/debug": "0.8.4-main.7ace549",
36
+ "@dxos/effect": "0.8.4-main.7ace549",
37
+ "@dxos/invariant": "0.8.4-main.7ace549",
38
+ "@dxos/live-object": "0.8.4-main.7ace549",
39
+ "@dxos/log": "0.8.4-main.7ace549",
40
+ "@dxos/plugin-graph": "0.8.4-main.7ace549",
41
+ "@dxos/plugin-client": "0.8.4-main.7ace549",
42
+ "@dxos/plugin-deck": "0.8.4-main.7ace549",
43
+ "@dxos/plugin-space": "0.8.4-main.7ace549",
44
+ "@dxos/echo": "0.8.4-main.7ace549",
45
+ "@dxos/react-client": "0.8.4-main.7ace549",
46
+ "@dxos/schema": "0.8.4-main.7ace549",
47
+ "@dxos/react-ui-stack": "0.8.4-main.7ace549",
48
+ "@dxos/react-ui-searchlist": "0.8.4-main.7ace549",
49
+ "@dxos/types": "0.8.4-main.7ace549",
50
+ "@dxos/util": "0.8.4-main.7ace549"
51
51
  },
52
52
  "devDependencies": {
53
53
  "@effect-atom/atom-react": "^0.3.4",
@@ -58,10 +58,10 @@
58
58
  "react": "~19.2.0",
59
59
  "react-dom": "~19.2.0",
60
60
  "vite": "7.1.9",
61
- "@dxos/random": "0.8.4-main.72ec0f3",
62
- "@dxos/react-ui-theme": "0.8.4-main.72ec0f3",
63
- "@dxos/storybook-utils": "0.8.4-main.72ec0f3",
64
- "@dxos/react-ui": "0.8.4-main.72ec0f3"
61
+ "@dxos/random": "0.8.4-main.7ace549",
62
+ "@dxos/react-ui": "0.8.4-main.7ace549",
63
+ "@dxos/react-ui-theme": "0.8.4-main.7ace549",
64
+ "@dxos/storybook-utils": "0.8.4-main.7ace549"
65
65
  },
66
66
  "peerDependencies": {
67
67
  "@effect-atom/atom-react": "^0.3.4",
@@ -69,8 +69,8 @@
69
69
  "effect": "^3.13.3",
70
70
  "react": "^19.0.0",
71
71
  "react-dom": "^19.0.0",
72
- "@dxos/react-ui": "0.8.4-main.72ec0f3",
73
- "@dxos/react-ui-theme": "0.8.4-main.72ec0f3"
72
+ "@dxos/react-ui": "0.8.4-main.7ace549",
73
+ "@dxos/react-ui-theme": "0.8.4-main.7ace549"
74
74
  },
75
75
  "publishConfig": {
76
76
  "access": "public"
package/src/capabilities/app-graph-builder.ts CHANGED
@@ -61,6 +61,7 @@ export default (context: PluginContext) =>
61
61
  data: async () => {
62
62
  const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);
63
63
  await dispatch(createIntent(SearchAction.OpenSearch));
64
+ return false;
64
65
  },
65
66
  properties: {
66
67
  label: ['search action label', { ns: meta.id }],
package/src/components/SearchMain.tsx CHANGED
@@ -7,8 +7,8 @@ import React, { useState } from 'react';
7
7
  import { useClient } from '@dxos/react-client';
8
8
  import { Filter, type Space, useQuery } from '@dxos/react-client/echo';
9
9
  import { useTranslation } from '@dxos/react-ui';
10
- import { Stack, StackItem } from '@dxos/react-ui-stack';
11
- import { activeSurface, mx } from '@dxos/react-ui-theme';
10
+ import { StackItem } from '@dxos/react-ui-stack';
11
+ import { mx } from '@dxos/react-ui-theme';
12
12
 
13
13
  import { useGlobalSearch, useGlobalSearchResults, useWebSearch } from '../hooks';
14
14
  import { meta } from '../meta';
@@ -37,26 +37,23 @@ export const SearchMain = ({ space }: { space?: Space }) => {
37
37
  const allResults = [...results, ...webResults];
38
38
 
39
39
  return (
40
- <Stack orientation='vertical' size='contain' itemsCount={1} rail={false} classNames={['bs-full', activeSurface]}>
41
- <StackItem.Root item={{ id: 'search' }} role='article'>
42
- <StackItem.Content toolbar>
43
- <Searchbar
44
- classNames='pli-2'
45
- placeholder={t('search placeholder')}
46
- delay={300}
47
- onChange={(text) => {
48
- setQuery(text);
49
- setMatch?.(text);
50
- }}
51
- onSubmit={runSearch}
52
- />
53
- {allResults.length > 0 && (
54
- <div className={mx('flex flex-col bs-full overflow-hidden')}>
55
- <SearchResults items={allResults} selected={selected} onSelect={handleSelect} />
56
- </div>
57
- )}
58
- </StackItem.Content>
59
- </StackItem.Root>
60
- </Stack>
40
+ <StackItem.Content toolbar>
41
+ <Searchbar
42
+ classNames='pli-2'
43
+ placeholder={t('search placeholder')}
44
+ delay={300}
45
+ onChange={(text) => {
46
+ setQuery(text);
47
+ setMatch?.(text);
48
+ }}
49
+ onSubmit={runSearch}
50
+ />
51
+
52
+ {allResults.length > 0 && (
53
+ <div className={mx('flex flex-col bs-full overflow-hidden')}>
54
+ <SearchResults items={allResults} selected={selected} onSelect={handleSelect} />
55
+ </div>
56
+ )}
57
+ </StackItem.Content>
61
58
  );
62
59
  };
package/src/components/Searchbar/Searchbar.tsx CHANGED
@@ -2,7 +2,7 @@
2
2
  // Copyright 2023 DXOS.org
3
3
  //
4
4
 
5
- import React, { type KeyboardEvent, useCallback, useRef } from 'react';
5
+ import React, { useCallback, useEffect, useRef } from 'react';
6
6
 
7
7
  import { Input, type TextInputProps, type ThemedClassName, Toolbar, useControlledState } from '@dxos/react-ui';
8
8
 
@@ -19,8 +19,22 @@ export const Searchbar = ({ classNames, variant, placeholder, value, onChange, o
19
19
  const [text, setText] = useControlledState(value, onChange);
20
20
  const inputRef = useRef<HTMLInputElement>(null);
21
21
 
22
+ const handleWindowKeyDown = useCallback(
23
+ (event: KeyboardEvent) => {
24
+ if (event.key === 'f' && event.metaKey && event.shiftKey) {
25
+ inputRef.current?.focus();
26
+ }
27
+ },
28
+ [inputRef],
29
+ );
30
+
31
+ useEffect(() => {
32
+ window.addEventListener('keydown', handleWindowKeyDown);
33
+ return () => window.removeEventListener('keydown', handleWindowKeyDown);
34
+ }, [handleWindowKeyDown]);
35
+
22
36
  const handleKeyDown = useCallback(
23
- (event: KeyboardEvent<HTMLInputElement>) => {
37
+ (event: React.KeyboardEvent<HTMLInputElement>) => {
24
38
  switch (event.key) {
25
39
  case 'Enter':
26
40
  onSubmit?.(text);
package/src/hooks/useWebSearch.ts CHANGED
@@ -9,7 +9,7 @@ import { Obj } from '@dxos/echo';
9
9
  import { type DXN } from '@dxos/keys';
10
10
  import { log } from '@dxos/log';
11
11
  import { getIconAnnotation } from '@dxos/schema';
12
- import { Testing } from '@dxos/schema/testing';
12
+ import { TestSchema } from '@dxos/schema/testing';
13
13
 
14
14
  import { search } from '../search';
15
15
  import { type SearchResult } from '../types';
@@ -27,7 +27,7 @@ export const useWebSearch = ({ query, context }: { query?: string; context?: str
27
27
  const results = await search({
28
28
  query,
29
29
  context,
30
- schema: [Testing.Project, Testing.Organization, Testing.Person],
30
+ schema: [TestSchema.Project, TestSchema.Organization, TestSchema.Person],
31
31
  exaApiKey: EXA_API_KEY,
32
32
  });
33
33
 
package/src/search/exa.test.ts CHANGED
@@ -6,7 +6,7 @@ import { describe, test } from 'vitest';
6
6
 
7
7
  import { EXA_API_KEY } from '@dxos/ai/testing';
8
8
  import { log } from '@dxos/log';
9
- import { Testing } from '@dxos/schema/testing';
9
+ import { TestSchema } from '@dxos/schema/testing';
10
10
 
11
11
  import { search } from './exa';
12
12
 
@@ -15,7 +15,7 @@ describe.skip('Search', () => {
15
15
  test.skip('contacts', { timeout: 60_000 }, async () => {
16
16
  const objects = await search({
17
17
  query: 'top executives at google',
18
- schema: [Testing.Person],
18
+ schema: [TestSchema.Person],
19
19
  exaApiKey: EXA_API_KEY,
20
20
  });
21
21
 
@@ -25,7 +25,7 @@ describe.skip('Search', () => {
25
25
  test.skip('contacts projects and orgs', { timeout: 60_000 }, async () => {
26
26
  const objects = await search({
27
27
  query: 'top executives at google',
28
- schema: [Testing.Person, Testing.Project, Testing.Organization],
28
+ schema: [TestSchema.Person, TestSchema.Project, TestSchema.Organization],
29
29
  exaApiKey: EXA_API_KEY,
30
30
  });
31
31
 
@@ -35,7 +35,7 @@ describe.skip('Search', () => {
35
35
  test('a19z org, projects they invest in and team', { timeout: 60_000 }, async () => {
36
36
  const objects = await search({
37
37
  query: 'a19z org, projects they invest in and team',
38
- schema: [Testing.Project, Testing.Organization, Testing.Person],
38
+ schema: [TestSchema.Project, TestSchema.Organization, TestSchema.Person],
39
39
  exaApiKey: EXA_API_KEY,
40
40
  });
41
41
 
@@ -45,7 +45,7 @@ describe.skip('Search', () => {
45
45
  test('companies building CRDTs', { timeout: 60_000 }, async () => {
46
46
  const objects = await search({
47
47
  query: 'companies building CRDTs',
48
- schema: [Testing.Project, Testing.Organization, Testing.Person],
48
+ schema: [TestSchema.Project, TestSchema.Organization, TestSchema.Person],
49
49
  exaApiKey: EXA_API_KEY,
50
50
  });
51
51
 
@@ -57,7 +57,7 @@ describe.skip('Search', () => {
57
57
  test('composer context-based search', { timeout: 60_000 }, async () => {
58
58
  const objects = await search({
59
59
  context: COMPOSER_DXOS_DOC,
60
- schema: [Testing.Project, Testing.Organization, Testing.Person],
60
+ schema: [TestSchema.Project, TestSchema.Organization, TestSchema.Person],
61
61
  exaApiKey: EXA_API_KEY,
62
62
  });
63
63
 
@@ -67,7 +67,7 @@ describe.skip('Search', () => {
67
67
  test.only('edge architecture', { timeout: 60_000 }, async () => {
68
68
  const objects = await search({
69
69
  context: EDGE_ARCHITECTURE_DOC,
70
- schema: [Testing.Project, Testing.Organization, Testing.Person],
70
+ schema: [TestSchema.Project, TestSchema.Organization, TestSchema.Person],
71
71
  exaApiKey: EXA_API_KEY,
72
72
  });
73
73
 
package/src/translations.ts CHANGED
@@ -16,7 +16,7 @@ export const translations = [
16
16
  'search dialog title': 'Open',
17
17
  'recently closed heading': 'Recently closed',
18
18
  'pending results message': 'Searching…',
19
- 'empty results message': 'No matching items in your spaces',
19
+ 'empty results message': 'No matching objects in your spaces',
20
20
  'search label': 'Search',
21
21
  },
22
22
  },
package/dist/lib/browser/react-surface-H5CKQVII.mjs.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/Searchbar/Searchbar.tsx", "../../../src/components/SearchMain.tsx", "../../../src/components/SearchResults/SearchResults.tsx", "../../../src/components/SearchDialog.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\nimport { useActiveSpace } from '@dxos/plugin-space';\nimport { type Space, isSpace } from '@dxos/react-client/echo';\n\nimport { SEARCH_DIALOG, SearchDialog, type SearchDialogProps, SearchMain } from '../components';\nimport { SearchContextProvider } from '../hooks';\n\nexport default () =>\n contributes(Capabilities.ReactSurface, [\n createSurface({\n id: SEARCH_DIALOG,\n role: 'dialog',\n filter: (data): data is { props: SearchDialogProps } => data.component === SEARCH_DIALOG,\n component: ({ data }) => (\n <SearchContextProvider>\n <SearchDialog {...data.props} />\n </SearchContextProvider>\n ),\n }),\n createSurface({\n id: `${SEARCH_DIALOG}/search-input`,\n role: 'search-input',\n component: () => {\n const space = useActiveSpace();\n\n return (\n <SearchContextProvider>\n <SearchMain space={space} />\n </SearchContextProvider>\n );\n },\n }),\n createSurface({\n id: `${SEARCH_DIALOG}/search`,\n role: 'deck-companion--search',\n filter: (data): data is { subject: Space } => isSpace(data.subject),\n component: ({ data }) => {\n const space = data.subject;\n if (!space) {\n return null;\n }\n\n return (\n <SearchContextProvider>\n <SearchMain space={space} />\n </SearchContextProvider>\n );\n },\n }),\n ]);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type KeyboardEvent, useCallback, useRef } from 'react';\n\nimport { Input, type TextInputProps, type ThemedClassName, Toolbar, useControlledState } from '@dxos/react-ui';\n\nexport type SearchbarProps = ThemedClassName<\n Pick<TextInputProps, 'variant' | 'placeholder'> & {\n delay?: number;\n value?: string;\n onChange?: (text?: string) => void;\n onSubmit?: (text?: string) => void;\n }\n>;\n\nexport const Searchbar = ({ classNames, variant, placeholder, value, onChange, onSubmit }: SearchbarProps) => {\n const [text, setText] = useControlledState(value, onChange);\n const inputRef = useRef<HTMLInputElement>(null);\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLInputElement>) => {\n switch (event.key) {\n case 'Enter':\n onSubmit?.(text);\n break;\n }\n },\n [text, onSubmit],\n );\n\n return (\n <Toolbar.Root classNames={classNames}>\n <Input.Root>\n <Input.TextInput\n ref={inputRef}\n placeholder={placeholder}\n autoFocus\n variant={variant}\n value={text ?? ''}\n onChange={({ target }) => setText(target.value)}\n onKeyDown={handleKeyDown}\n />\n </Input.Root>\n </Toolbar.Root>\n );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { useClient } from '@dxos/react-client';\nimport { Filter, type Space, useQuery } from '@dxos/react-client/echo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Stack, StackItem } from '@dxos/react-ui-stack';\nimport { activeSurface, mx } from '@dxos/react-ui-theme';\n\nimport { useGlobalSearch, useGlobalSearchResults, useWebSearch } from '../hooks';\nimport { meta } from '../meta';\n\nimport { Searchbar } from './Searchbar';\nimport { SearchResults } from './SearchResults';\n\nexport const SearchMain = ({ space }: { space?: Space }) => {\n const { t } = useTranslation(meta.id);\n const client = useClient();\n const { setMatch } = useGlobalSearch();\n const [query, setQuery] = useState<string>();\n // TODO(burdon): Option to search across spaces.\n const allSpaces = false;\n const objects = useQuery(allSpaces ? client.spaces : space, Filter.everything());\n const results = useGlobalSearchResults(objects);\n\n const { runSearch, results: webResults } = useWebSearch({ query });\n\n // TODO(burdon): Activate and/or filter current main (set context).\n const [selected, setSelected] = useState<string>();\n const handleSelect = (id: string) => {\n setSelected((selected) => (selected === id ? undefined : id));\n };\n\n const allResults = [...results, ...webResults];\n\n return (\n <Stack orientation='vertical' size='contain' itemsCount={1} rail={false} classNames={['bs-full', activeSurface]}>\n <StackItem.Root item={{ id: 'search' }} role='article'>\n <StackItem.Content toolbar>\n <Searchbar\n classNames='pli-2'\n placeholder={t('search placeholder')}\n delay={300}\n onChange={(text) => {\n setQuery(text);\n setMatch?.(text);\n }}\n onSubmit={runSearch}\n />\n {allResults.length > 0 && (\n <div className={mx('flex flex-col bs-full overflow-hidden')}>\n <SearchResults items={allResults} selected={selected} onSelect={handleSelect} />\n </div>\n )}\n </StackItem.Content>\n </StackItem.Root>\n </Stack>\n );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC, forwardRef } from 'react';\n\nimport { Surface } from '@dxos/app-framework/react';\nimport { Obj } from '@dxos/echo';\nimport { Card } from '@dxos/react-ui-stack';\nimport { ghostHover } from '@dxos/react-ui-theme';\n\nimport { type SearchResult } from '../../types';\n\nexport type SearchResultsProps = {\n items: SearchResult[];\n match?: RegExp;\n selected?: string;\n onSelect?: (id: string) => void;\n};\n\n// TODO(burdon): Key cursor up/down.\n// TODO(burdon): Use stack (should be virtualized).\nexport const SearchResults = ({ items }: SearchResultsProps) => {\n return (\n <div className='overflow-y-auto'>\n <div className='flex flex-col'>\n {items\n // TODO(burdon): Hack to reduce noise from system objects.\n .filter((item) => Obj.getLabel(item.object))\n .map((item) => (\n <div key={item.id} role='none' className='pli-2 first:pbs-2 pbe-2'>\n <Surface role='card' data={{ subject: item.object }} limit={1} />\n </div>\n ))}\n </div>\n </div>\n );\n};\n\nexport type SearchItemProps = SearchResult & { selected: boolean } & Pick<SearchResultsProps, 'onSelect'>;\n\nexport const SearchItem = forwardRef<HTMLDivElement, SearchItemProps>((item, forwardRef) => {\n const { id, objectType, label, snippet, match, selected, onSelect } = item;\n\n return (\n <Card.StaticRoot\n ref={forwardRef}\n classNames={['mx-2 mt-2 cursor-pointer', selected && '!bg-activeSurface', ghostHover]}\n onClick={() => onSelect?.(id)}\n >\n {objectType && <div className='text-xs text-neutral-400 ml-4'>{objectType}</div>}\n <Card.Heading>{label ?? 'Untitled'}</Card.Heading>\n {snippet && <Snippet text={snippet} match={match} />}\n </Card.StaticRoot>\n );\n});\n\nexport const Snippet: FC<{ text: string; match?: RegExp }> = ({ text, match }) => {\n let content = <>{text}</>;\n if (match) {\n const result = text.match(match);\n if (result?.index !== undefined) {\n // Break near to match.\n const maxOffset = 16;\n let before = text.slice(0, result.index);\n if (before.length > maxOffset) {\n const idx = before.indexOf(' ', result.index - maxOffset);\n before = '… ' + before.slice(idx);\n }\n\n const after = text.slice(result.index + result[0].length);\n content = (\n <>\n {before}\n <span className='text-blue-500'>{result[0]}</span>\n {after}\n </>\n );\n }\n }\n\n return <span className='text-xs mb-1 line-clamp-3 text-neutral-300'>{content}</span>;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport * as Option from 'effect/Option';\nimport React, { forwardRef, useCallback, useState } from 'react';\n\nimport { LayoutAction, createIntent } from '@dxos/app-framework';\nimport { useAppGraph, useIntentDispatcher, useLayout } from '@dxos/app-framework/react';\nimport { Obj } from '@dxos/echo';\nimport { type Node } from '@dxos/plugin-graph';\nimport { useClient } from '@dxos/react-client';\nimport { Filter, useQuery } from '@dxos/react-client/echo';\nimport { Button, Dialog, Icon, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { SearchList, type SearchListItemProps } from '@dxos/react-ui-searchlist';\nimport { descriptionText, mx } from '@dxos/react-ui-theme';\n\nimport { useSearchResults } from '../hooks';\nimport { meta } from '../meta';\n\nexport const SEARCH_DIALOG = `${meta.id}/SearchDialog`;\n\ntype SearchListResultProps = {\n node: Node;\n} & Pick<SearchListItemProps, 'onSelect'>;\n\nconst SearchListResult = forwardRef<HTMLDivElement, SearchListResultProps>(({ node, onSelect }, forwardedRef) => {\n const { t } = useTranslation(meta.id);\n const label = toLocalizedString(node?.properties.label ?? 'never', t);\n return (\n <SearchList.Item\n value={label}\n key={node!.id}\n classNames='flex gap-2 items-center pli-2'\n onSelect={() => onSelect?.(node!.id)}\n ref={forwardedRef}\n >\n <Icon size={5} icon={node?.properties.icon} />\n <span className='is-0 grow truncate'>{label}</span>\n </SearchList.Item>\n );\n});\n\nexport type SearchDialogProps = {\n pivotId: string;\n};\n\nexport const SearchDialog = ({ pivotId }: SearchDialogProps) => {\n const { t } = useTranslation(meta.id);\n const { graph } = useAppGraph();\n const layout = useLayout();\n const closed = (Array.isArray(layout.inactive) ? layout.inactive : [layout.inactive])\n .map((id) => graph?.getNode(id))\n .filter(Boolean);\n const [queryString, setQueryString] = useState('');\n const client = useClient();\n const dangerouslyLoadAllObjects = useQuery(client.spaces, Filter.everything());\n const [pending, results] = useSearchResults(queryString, dangerouslyLoadAllObjects);\n const resultObjects = Array.from(results.keys());\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n\n const handleSelect = useCallback(\n async (nodeId: string) => {\n await dispatch(\n createIntent(LayoutAction.UpdateDialog, {\n part: 'dialog',\n options: { state: false },\n }),\n );\n\n // If node is already present in the active parts, scroll to it and close the dialog.\n const index = layout.active.findIndex((id) => id === nodeId);\n if (index !== -1) {\n await dispatch(\n createIntent(LayoutAction.ScrollIntoView, {\n part: 'current',\n subject: nodeId,\n }),\n );\n } else {\n await dispatch(\n createIntent(LayoutAction.Open, {\n part: 'main',\n subject: [nodeId],\n options: {\n pivotId,\n positioning: 'end',\n },\n }),\n );\n }\n },\n [pivotId, dispatch, layout],\n );\n\n return (\n <Dialog.Content classNames={['md:max-is-[24rem] overflow-hidden mbs-12']}>\n <Dialog.Title>{t('search dialog title')}</Dialog.Title>\n <SearchList.Root label={t('search placeholder')} classNames='flex flex-col grow overflow-hidden my-2'>\n <SearchList.Input\n value={queryString}\n onValueChange={(nextValue) => {\n setQueryString(nextValue);\n }}\n placeholder={t('search placeholder')}\n classNames='pli-1 my-2'\n />\n <SearchList.Content classNames='max-bs-[24rem] overflow-auto'>\n {queryString.length > 0 ? (\n resultObjects.length > 0 ? (\n resultObjects\n .map((object) => graph.getNode(Obj.getDXN(object).toString()))\n .filter(Option.isSome)\n .map((node) => <SearchListResult key={node.value.id} node={node.value} onSelect={handleSelect} />)\n ) : (\n <p className='pli-1'>{t(pending ? 'pending results message' : 'empty results message')}</p>\n )\n ) : (\n <>\n {closed.length > 0 && <h2 className={mx('mlb-1', descriptionText)}>{t('recently closed heading')}</h2>}\n {closed.filter(Option.isSome).map((node) => (\n <SearchListResult key={node.value.id} node={node.value} onSelect={handleSelect} />\n ))}\n </>\n )}\n </SearchList.Content>\n </SearchList.Root>\n\n <Dialog.Close asChild>\n <Button variant='primary' classNames='mbs-2'>\n {t('close label', { ns: 'os' })}\n </Button>\n </Dialog.Close>\n </Dialog.Content>\n );\n};\n"],
5
- "mappings": "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",
6
- "names": ["React", "Capabilities", "contributes", "createSurface", "useActiveSpace", "isSpace", "React", "useCallback", "useRef", "Input", "Toolbar", "useControlledState", "Searchbar", "classNames", "variant", "placeholder", "value", "onChange", "onSubmit", "text", "setText", "useControlledState", "inputRef", "useRef", "handleKeyDown", "useCallback", "event", "key", "Toolbar", "Root", "Input", "TextInput", "ref", "autoFocus", "target", "onKeyDown", "React", "useState", "useClient", "Filter", "useQuery", "useTranslation", "Stack", "StackItem", "activeSurface", "mx", "React", "forwardRef", "Surface", "Obj", "Card", "ghostHover", "SearchResults", "items", "React", "div", "className", "filter", "item", "Obj", "getLabel", "object", "map", "key", "id", "role", "Surface", "data", "subject", "limit", "SearchMain", "space", "t", "useTranslation", "meta", "id", "client", "useClient", "setMatch", "useGlobalSearch", "query", "setQuery", "useState", "allSpaces", "objects", "useQuery", "spaces", "Filter", "everything", "results", "useGlobalSearchResults", "runSearch", "webResults", "useWebSearch", "selected", "setSelected", "handleSelect", "undefined", "allResults", "React", "Stack", "orientation", "size", "itemsCount", "rail", "classNames", "activeSurface", "StackItem", "Root", "item", "role", "Content", "toolbar", "Searchbar", "placeholder", "delay", "onChange", "text", "onSubmit", "length", "div", "className", "mx", "SearchResults", "items", "onSelect", "Option", "React", "forwardRef", "useCallback", "useState", "LayoutAction", "createIntent", "useAppGraph", "useIntentDispatcher", "useLayout", "Obj", "useClient", "Filter", "useQuery", "Button", "Dialog", "Icon", "toLocalizedString", "useTranslation", "SearchList", "descriptionText", "mx", "SEARCH_DIALOG", "meta", "id", "SearchListResult", "forwardRef", "node", "onSelect", "forwardedRef", "t", "useTranslation", "label", "toLocalizedString", "properties", "React", "SearchList", "Item", "value", "key", "classNames", "ref", "Icon", "size", "icon", "span", "className", "SearchDialog", "pivotId", "graph", "useAppGraph", "layout", "useLayout", "closed", "Array", "isArray", "inactive", "map", "getNode", "filter", "Boolean", "queryString", "setQueryString", "useState", "client", "useClient", "dangerouslyLoadAllObjects", "useQuery", "spaces", "Filter", "everything", "pending", "results", "useSearchResults", "resultObjects", "from", "keys", "dispatchPromise", "dispatch", "useIntentDispatcher", "handleSelect", "useCallback", "nodeId", "createIntent", "LayoutAction", "UpdateDialog", "part", "options", "state", "index", "active", "findIndex", "ScrollIntoView", "subject", "Open", "positioning", "Dialog", "Content", "Title", "Root", "Input", "onValueChange", "nextValue", "placeholder", "length", "object", "Obj", "getDXN", "toString", "isSome", "p", "h2", "mx", "descriptionText", "Close", "asChild", "Button", "variant", "ns", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "SEARCH_DIALOG", "role", "filter", "data", "component", "React", "SearchContextProvider", "SearchDialog", "props", "space", "useActiveSpace", "SearchMain", "isSpace", "subject"]
7
- }