@dxos/plugin-search 0.8.4-main.70d3990 → 0.8.4-main.74a063c4e0

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 (135) hide show
  1. package/README.md +0 -1
  2. package/dist/lib/browser/index.mjs +326 -80
  3. package/dist/lib/browser/index.mjs.map +4 -4
  4. package/dist/lib/browser/meta.json +1 -1
  5. package/dist/types/src/SearchPlugin.d.ts +2 -1
  6. package/dist/types/src/SearchPlugin.d.ts.map +1 -1
  7. package/dist/types/src/capabilities/app-graph-builder.d.ts +4 -2
  8. package/dist/types/src/capabilities/app-graph-builder.d.ts.map +1 -1
  9. package/dist/types/src/capabilities/index.d.ts +5 -3
  10. package/dist/types/src/capabilities/index.d.ts.map +1 -1
  11. package/dist/types/src/capabilities/operation-handler.d.ts +6 -0
  12. package/dist/types/src/capabilities/operation-handler.d.ts.map +1 -0
  13. package/dist/types/src/capabilities/react-surface.d.ts +3 -2
  14. package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
  15. package/dist/types/src/components/SearchResultStack/SearchResultStack.d.ts +13 -0
  16. package/dist/types/src/components/SearchResultStack/SearchResultStack.d.ts.map +1 -0
  17. package/dist/types/src/components/SearchResultStack/index.d.ts +2 -0
  18. package/dist/types/src/components/SearchResultStack/index.d.ts.map +1 -0
  19. package/dist/types/src/components/index.d.ts +1 -3
  20. package/dist/types/src/components/index.d.ts.map +1 -1
  21. package/dist/types/src/constants.d.ts +2 -0
  22. package/dist/types/src/constants.d.ts.map +1 -0
  23. package/dist/types/src/containers/SearchArticle/SearchArticle.d.ts +7 -0
  24. package/dist/types/src/containers/SearchArticle/SearchArticle.d.ts.map +1 -0
  25. package/dist/types/src/{components/Searchbar/Searchbar.stories.d.ts → containers/SearchArticle/SearchArticle.stories.d.ts} +4 -2
  26. package/dist/types/src/containers/SearchArticle/SearchArticle.stories.d.ts.map +1 -0
  27. package/dist/types/src/containers/SearchArticle/index.d.ts +2 -0
  28. package/dist/types/src/containers/SearchArticle/index.d.ts.map +1 -0
  29. package/dist/types/src/containers/SearchDialog/SearchDialog.d.ts +8 -0
  30. package/dist/types/src/containers/SearchDialog/SearchDialog.d.ts.map +1 -0
  31. package/dist/types/src/{components/SearchResults/SearchResults.stories.d.ts → containers/SearchDialog/SearchDialog.stories.d.ts} +5 -4
  32. package/dist/types/src/containers/SearchDialog/SearchDialog.stories.d.ts.map +1 -0
  33. package/dist/types/src/containers/SearchDialog/index.d.ts +3 -0
  34. package/dist/types/src/containers/SearchDialog/index.d.ts.map +1 -0
  35. package/dist/types/src/containers/index.d.ts +5 -0
  36. package/dist/types/src/containers/index.d.ts.map +1 -0
  37. package/dist/types/src/hooks/sync.d.ts +4 -3
  38. package/dist/types/src/hooks/sync.d.ts.map +1 -1
  39. package/dist/types/src/hooks/useGlobalSearch.d.ts +8 -4
  40. package/dist/types/src/hooks/useGlobalSearch.d.ts.map +1 -1
  41. package/dist/types/src/hooks/useSearchResults.d.ts +3 -2
  42. package/dist/types/src/hooks/useSearchResults.d.ts.map +1 -1
  43. package/dist/types/src/hooks/useWebSearch.d.ts +7 -4
  44. package/dist/types/src/hooks/useWebSearch.d.ts.map +1 -1
  45. package/dist/types/src/meta.d.ts +2 -2
  46. package/dist/types/src/meta.d.ts.map +1 -1
  47. package/dist/types/src/operations/definitions.d.ts +3 -0
  48. package/dist/types/src/operations/definitions.d.ts.map +1 -0
  49. package/dist/types/src/operations/index.d.ts +4 -0
  50. package/dist/types/src/operations/index.d.ts.map +1 -0
  51. package/dist/types/src/operations/open-search.d.ts +5 -0
  52. package/dist/types/src/operations/open-search.d.ts.map +1 -0
  53. package/dist/types/src/search/exa.d.ts +3 -1
  54. package/dist/types/src/search/exa.d.ts.map +1 -1
  55. package/dist/types/src/translations.d.ts +15 -9
  56. package/dist/types/src/translations.d.ts.map +1 -1
  57. package/dist/types/src/types/index.d.ts +0 -1
  58. package/dist/types/src/types/index.d.ts.map +1 -1
  59. package/dist/types/src/types/search.d.ts +1 -20
  60. package/dist/types/src/types/search.d.ts.map +1 -1
  61. package/dist/types/tsconfig.tsbuildinfo +1 -1
  62. package/package.json +66 -47
  63. package/src/SearchPlugin.tsx +28 -44
  64. package/src/capabilities/app-graph-builder.ts +56 -71
  65. package/src/capabilities/index.ts +8 -4
  66. package/src/capabilities/operation-handler.ts +16 -0
  67. package/src/capabilities/react-surface.tsx +50 -43
  68. package/src/components/SearchResultStack/SearchResultStack.tsx +118 -0
  69. package/src/components/SearchResultStack/index.ts +5 -0
  70. package/src/components/index.ts +1 -3
  71. package/src/constants.ts +7 -0
  72. package/src/containers/SearchArticle/SearchArticle.stories.tsx +80 -0
  73. package/src/containers/SearchArticle/SearchArticle.tsx +63 -0
  74. package/src/containers/SearchArticle/index.ts +5 -0
  75. package/src/containers/SearchDialog/SearchDialog.stories.tsx +109 -0
  76. package/src/containers/SearchDialog/SearchDialog.tsx +100 -0
  77. package/src/containers/SearchDialog/index.ts +6 -0
  78. package/src/containers/index.ts +10 -0
  79. package/src/hooks/sync.test.ts +9 -7
  80. package/src/hooks/sync.ts +23 -28
  81. package/src/hooks/useGlobalSearch.tsx +32 -13
  82. package/src/hooks/useSearchResults.ts +5 -2
  83. package/src/hooks/useWebSearch.ts +21 -10
  84. package/src/meta.ts +4 -4
  85. package/src/operations/definitions.ts +17 -0
  86. package/src/operations/index.ts +9 -0
  87. package/src/operations/open-search.ts +24 -0
  88. package/src/search/exa.ts +5 -4
  89. package/src/translations.ts +10 -9
  90. package/src/types/command-score.d.ts +16 -0
  91. package/src/types/index.ts +0 -1
  92. package/src/types/search.ts +1 -25
  93. package/dist/lib/browser/app-graph-builder-BFLYNCSJ.mjs +0 -79
  94. package/dist/lib/browser/app-graph-builder-BFLYNCSJ.mjs.map +0 -7
  95. package/dist/lib/browser/chunk-GN2FSWTM.mjs +0 -22
  96. package/dist/lib/browser/chunk-GN2FSWTM.mjs.map +0 -7
  97. package/dist/lib/browser/chunk-MBISM5WN.mjs +0 -291
  98. package/dist/lib/browser/chunk-MBISM5WN.mjs.map +0 -7
  99. package/dist/lib/browser/chunk-TCVYYI44.mjs +0 -21
  100. package/dist/lib/browser/chunk-TCVYYI44.mjs.map +0 -7
  101. package/dist/lib/browser/intent-resolver-UYQA6UUQ.mjs +0 -22
  102. package/dist/lib/browser/intent-resolver-UYQA6UUQ.mjs.map +0 -7
  103. package/dist/lib/browser/react-surface-D7STUIQS.mjs +0 -306
  104. package/dist/lib/browser/react-surface-D7STUIQS.mjs.map +0 -7
  105. package/dist/types/src/capabilities/intent-resolver.d.ts +0 -4
  106. package/dist/types/src/capabilities/intent-resolver.d.ts.map +0 -1
  107. package/dist/types/src/components/Search.stories.d.ts +0 -16
  108. package/dist/types/src/components/Search.stories.d.ts.map +0 -1
  109. package/dist/types/src/components/SearchDialog.d.ts +0 -7
  110. package/dist/types/src/components/SearchDialog.d.ts.map +0 -1
  111. package/dist/types/src/components/SearchMain.d.ts +0 -6
  112. package/dist/types/src/components/SearchMain.d.ts.map +0 -1
  113. package/dist/types/src/components/SearchResults/SearchResults.d.ts +0 -20
  114. package/dist/types/src/components/SearchResults/SearchResults.d.ts.map +0 -1
  115. package/dist/types/src/components/SearchResults/SearchResults.stories.d.ts.map +0 -1
  116. package/dist/types/src/components/SearchResults/index.d.ts +0 -2
  117. package/dist/types/src/components/SearchResults/index.d.ts.map +0 -1
  118. package/dist/types/src/components/Searchbar/Searchbar.d.ts +0 -10
  119. package/dist/types/src/components/Searchbar/Searchbar.d.ts.map +0 -1
  120. package/dist/types/src/components/Searchbar/Searchbar.stories.d.ts.map +0 -1
  121. package/dist/types/src/components/Searchbar/index.d.ts +0 -2
  122. package/dist/types/src/components/Searchbar/index.d.ts.map +0 -1
  123. package/dist/types/src/types/action.d.ts +0 -13
  124. package/dist/types/src/types/action.d.ts.map +0 -1
  125. package/src/capabilities/intent-resolver.ts +0 -18
  126. package/src/components/Search.stories.tsx +0 -64
  127. package/src/components/SearchDialog.tsx +0 -136
  128. package/src/components/SearchMain.tsx +0 -59
  129. package/src/components/SearchResults/SearchResults.stories.tsx +0 -59
  130. package/src/components/SearchResults/SearchResults.tsx +0 -83
  131. package/src/components/SearchResults/index.ts +0 -5
  132. package/src/components/Searchbar/Searchbar.stories.tsx +0 -28
  133. package/src/components/Searchbar/Searchbar.tsx +0 -62
  134. package/src/components/Searchbar/index.ts +0 -5
  135. package/src/types/action.tsx +0 -16
@@ -1,306 +0,0 @@
1
- import {
2
- SearchContextProvider,
3
- useGlobalSearch,
4
- useGlobalSearchResults,
5
- useSearchResults,
6
- useWebSearch
7
- } from "./chunk-MBISM5WN.mjs";
8
- import {
9
- meta
10
- } from "./chunk-GN2FSWTM.mjs";
11
-
12
- // src/capabilities/react-surface.tsx
13
- import React5 from "react";
14
- import { Capabilities, contributes, createSurface } from "@dxos/app-framework";
15
- import { useActiveSpace } from "@dxos/plugin-space";
16
- import { isSpace } from "@dxos/react-client/echo";
17
-
18
- // src/components/Searchbar/Searchbar.tsx
19
- import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
20
- import React, { useCallback, useEffect, useRef } from "react";
21
- import { Input, Toolbar, useControlledState } from "@dxos/react-ui";
22
- var Searchbar = ({ classNames, variant, placeholder, value, onChange, onSubmit }) => {
23
- var _effect = _useSignals();
24
- try {
25
- const [text, setText] = useControlledState(value, onChange);
26
- const inputRef = useRef(null);
27
- const handleWindowKeyDown = useCallback((event) => {
28
- if (event.key === "f" && event.metaKey && event.shiftKey) {
29
- inputRef.current?.focus();
30
- }
31
- }, [
32
- inputRef
33
- ]);
34
- useEffect(() => {
35
- window.addEventListener("keydown", handleWindowKeyDown);
36
- return () => window.removeEventListener("keydown", handleWindowKeyDown);
37
- }, [
38
- handleWindowKeyDown
39
- ]);
40
- const handleKeyDown = useCallback((event) => {
41
- switch (event.key) {
42
- case "Enter":
43
- onSubmit?.(text);
44
- break;
45
- }
46
- }, [
47
- text,
48
- onSubmit
49
- ]);
50
- return /* @__PURE__ */ React.createElement(Toolbar.Root, {
51
- classNames
52
- }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
53
- ref: inputRef,
54
- placeholder,
55
- autoFocus: true,
56
- variant,
57
- value: text ?? "",
58
- onChange: ({ target }) => setText(target.value),
59
- onKeyDown: handleKeyDown
60
- })));
61
- } finally {
62
- _effect.f();
63
- }
64
- };
65
-
66
- // src/components/SearchMain.tsx
67
- import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
68
- import React3, { useState } from "react";
69
- import { useClient } from "@dxos/react-client";
70
- import { Filter, useQuery } from "@dxos/react-client/echo";
71
- import { useTranslation } from "@dxos/react-ui";
72
- import { StackItem } from "@dxos/react-ui-stack";
73
- import { mx } from "@dxos/react-ui-theme";
74
-
75
- // src/components/SearchResults/SearchResults.tsx
76
- import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
77
- import React2, { forwardRef } from "react";
78
- import { Surface } from "@dxos/app-framework/react";
79
- import { Obj } from "@dxos/echo";
80
- import { Card } from "@dxos/react-ui-stack";
81
- import { ghostHover } from "@dxos/react-ui-theme";
82
- var SearchResults = ({ items }) => {
83
- var _effect = _useSignals2();
84
- try {
85
- return /* @__PURE__ */ React2.createElement("div", {
86
- className: "overflow-y-auto"
87
- }, /* @__PURE__ */ React2.createElement("div", {
88
- className: "flex flex-col"
89
- }, items.filter((item) => Obj.getLabel(item.object)).map((item) => /* @__PURE__ */ React2.createElement("div", {
90
- key: item.id,
91
- role: "none",
92
- className: "pli-2 first:pbs-2 pbe-2"
93
- }, /* @__PURE__ */ React2.createElement(Surface, {
94
- role: "card",
95
- data: {
96
- subject: item.object
97
- },
98
- limit: 1
99
- })))));
100
- } finally {
101
- _effect.f();
102
- }
103
- };
104
-
105
- // src/components/SearchMain.tsx
106
- var SearchMain = ({ space }) => {
107
- var _effect = _useSignals3();
108
- try {
109
- const { t } = useTranslation(meta.id);
110
- const client = useClient();
111
- const { setMatch } = useGlobalSearch();
112
- const [query, setQuery] = useState();
113
- const allSpaces = false;
114
- const objects = useQuery(allSpaces ? client.spaces : space, Filter.everything());
115
- const results = useGlobalSearchResults(objects);
116
- const { runSearch, results: webResults } = useWebSearch({
117
- query
118
- });
119
- const [selected, setSelected] = useState();
120
- const handleSelect = (id) => {
121
- setSelected((selected2) => selected2 === id ? void 0 : id);
122
- };
123
- const allResults = [
124
- ...results,
125
- ...webResults
126
- ];
127
- return /* @__PURE__ */ React3.createElement(StackItem.Content, {
128
- toolbar: true
129
- }, /* @__PURE__ */ React3.createElement(Searchbar, {
130
- classNames: "pli-2",
131
- placeholder: t("search placeholder"),
132
- delay: 300,
133
- onChange: (text) => {
134
- setQuery(text);
135
- setMatch?.(text);
136
- },
137
- onSubmit: runSearch
138
- }), allResults.length > 0 && /* @__PURE__ */ React3.createElement("div", {
139
- className: mx("flex flex-col bs-full overflow-hidden")
140
- }, /* @__PURE__ */ React3.createElement(SearchResults, {
141
- items: allResults,
142
- selected,
143
- onSelect: handleSelect
144
- })));
145
- } finally {
146
- _effect.f();
147
- }
148
- };
149
-
150
- // src/components/SearchDialog.tsx
151
- import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
152
- import * as Option from "effect/Option";
153
- import React4, { forwardRef as forwardRef2, useCallback as useCallback2, useState as useState2 } from "react";
154
- import { LayoutAction, createIntent } from "@dxos/app-framework";
155
- import { useAppGraph, useIntentDispatcher, useLayout } from "@dxos/app-framework/react";
156
- import { Obj as Obj2 } from "@dxos/echo";
157
- import { useClient as useClient2 } from "@dxos/react-client";
158
- import { Filter as Filter2, useQuery as useQuery2 } from "@dxos/react-client/echo";
159
- import { Button, Dialog, Icon, toLocalizedString, useTranslation as useTranslation2 } from "@dxos/react-ui";
160
- import { SearchList } from "@dxos/react-ui-searchlist";
161
- import { descriptionText, mx as mx2 } from "@dxos/react-ui-theme";
162
- var SEARCH_DIALOG = `${meta.id}/SearchDialog`;
163
- var SearchListResult = /* @__PURE__ */ forwardRef2(({ node, onSelect }, forwardedRef) => {
164
- var _effect = _useSignals4();
165
- try {
166
- const { t } = useTranslation2(meta.id);
167
- const label = toLocalizedString(node?.properties.label ?? "never", t);
168
- return /* @__PURE__ */ React4.createElement(SearchList.Item, {
169
- value: label,
170
- key: node.id,
171
- classNames: "flex gap-2 items-center pli-2",
172
- onSelect: () => onSelect?.(node.id),
173
- ref: forwardedRef
174
- }, /* @__PURE__ */ React4.createElement(Icon, {
175
- size: 5,
176
- icon: node?.properties.icon
177
- }), /* @__PURE__ */ React4.createElement("span", {
178
- className: "is-0 grow truncate"
179
- }, label));
180
- } finally {
181
- _effect.f();
182
- }
183
- });
184
- var SearchDialog = ({ pivotId }) => {
185
- var _effect = _useSignals4();
186
- try {
187
- const { t } = useTranslation2(meta.id);
188
- const { graph } = useAppGraph();
189
- const layout = useLayout();
190
- const closed = (Array.isArray(layout.inactive) ? layout.inactive : [
191
- layout.inactive
192
- ]).map((id) => graph?.getNode(id)).filter(Boolean);
193
- const [queryString, setQueryString] = useState2("");
194
- const client = useClient2();
195
- const dangerouslyLoadAllObjects = useQuery2(client.spaces, Filter2.everything());
196
- const [pending, results] = useSearchResults(queryString, dangerouslyLoadAllObjects);
197
- const resultObjects = Array.from(results.keys());
198
- const { dispatchPromise: dispatch } = useIntentDispatcher();
199
- const handleSelect = useCallback2(async (nodeId) => {
200
- await dispatch(createIntent(LayoutAction.UpdateDialog, {
201
- part: "dialog",
202
- options: {
203
- state: false
204
- }
205
- }));
206
- const index = layout.active.findIndex((id) => id === nodeId);
207
- if (index !== -1) {
208
- await dispatch(createIntent(LayoutAction.ScrollIntoView, {
209
- part: "current",
210
- subject: nodeId
211
- }));
212
- } else {
213
- await dispatch(createIntent(LayoutAction.Open, {
214
- part: "main",
215
- subject: [
216
- nodeId
217
- ],
218
- options: {
219
- pivotId,
220
- positioning: "end"
221
- }
222
- }));
223
- }
224
- }, [
225
- pivotId,
226
- dispatch,
227
- layout
228
- ]);
229
- return /* @__PURE__ */ React4.createElement(Dialog.Content, {
230
- classNames: [
231
- "md:max-is-[24rem] overflow-hidden mbs-12"
232
- ]
233
- }, /* @__PURE__ */ React4.createElement(Dialog.Title, null, t("search dialog title")), /* @__PURE__ */ React4.createElement(SearchList.Root, {
234
- label: t("search placeholder"),
235
- classNames: "flex flex-col grow overflow-hidden my-2"
236
- }, /* @__PURE__ */ React4.createElement(SearchList.Input, {
237
- value: queryString,
238
- onValueChange: (nextValue) => {
239
- setQueryString(nextValue);
240
- },
241
- placeholder: t("search placeholder"),
242
- classNames: "pli-1 my-2"
243
- }), /* @__PURE__ */ React4.createElement(SearchList.Content, {
244
- classNames: "max-bs-[24rem] overflow-auto"
245
- }, queryString.length > 0 ? resultObjects.length > 0 ? resultObjects.map((object) => graph.getNode(Obj2.getDXN(object).toString())).filter(Option.isSome).map((node) => /* @__PURE__ */ React4.createElement(SearchListResult, {
246
- key: node.value.id,
247
- node: node.value,
248
- onSelect: handleSelect
249
- })) : /* @__PURE__ */ React4.createElement("p", {
250
- className: "pli-1"
251
- }, t(pending ? "pending results message" : "empty results message")) : /* @__PURE__ */ React4.createElement(React4.Fragment, null, closed.length > 0 && /* @__PURE__ */ React4.createElement("h2", {
252
- className: mx2("mlb-1", descriptionText)
253
- }, t("recently closed heading")), closed.filter(Option.isSome).map((node) => /* @__PURE__ */ React4.createElement(SearchListResult, {
254
- key: node.value.id,
255
- node: node.value,
256
- onSelect: handleSelect
257
- }))))), /* @__PURE__ */ React4.createElement(Dialog.Close, {
258
- asChild: true
259
- }, /* @__PURE__ */ React4.createElement(Button, {
260
- variant: "primary",
261
- classNames: "mbs-2"
262
- }, t("close label", {
263
- ns: "os"
264
- }))));
265
- } finally {
266
- _effect.f();
267
- }
268
- };
269
-
270
- // src/capabilities/react-surface.tsx
271
- var react_surface_default = (() => contributes(Capabilities.ReactSurface, [
272
- createSurface({
273
- id: SEARCH_DIALOG,
274
- role: "dialog",
275
- filter: (data) => data.component === SEARCH_DIALOG,
276
- component: ({ data }) => /* @__PURE__ */ React5.createElement(SearchContextProvider, null, /* @__PURE__ */ React5.createElement(SearchDialog, data.props))
277
- }),
278
- createSurface({
279
- id: `${SEARCH_DIALOG}/search-input`,
280
- role: "search-input",
281
- component: () => {
282
- const space = useActiveSpace();
283
- return /* @__PURE__ */ React5.createElement(SearchContextProvider, null, /* @__PURE__ */ React5.createElement(SearchMain, {
284
- space
285
- }));
286
- }
287
- }),
288
- createSurface({
289
- id: `${SEARCH_DIALOG}/search`,
290
- role: "deck-companion--search",
291
- filter: (data) => isSpace(data.subject),
292
- component: ({ data }) => {
293
- const space = data.subject;
294
- if (!space) {
295
- return null;
296
- }
297
- return /* @__PURE__ */ React5.createElement(SearchContextProvider, null, /* @__PURE__ */ React5.createElement(SearchMain, {
298
- space
299
- }));
300
- }
301
- })
302
- ]));
303
- export {
304
- react_surface_default as default
305
- };
306
- //# sourceMappingURL=react-surface-D7STUIQS.mjs.map
@@ -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, { useCallback, useEffect, 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 handleWindowKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (event.key === 'f' && event.metaKey && event.shiftKey) {\n inputRef.current?.focus();\n }\n },\n [inputRef],\n );\n\n useEffect(() => {\n window.addEventListener('keydown', handleWindowKeyDown);\n return () => window.removeEventListener('keydown', handleWindowKeyDown);\n }, [handleWindowKeyDown]);\n\n const handleKeyDown = useCallback(\n (event: React.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 { StackItem } from '@dxos/react-ui-stack';\nimport { 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 <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\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 );\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", "useEffect", "useRef", "Input", "Toolbar", "useControlledState", "Searchbar", "classNames", "variant", "placeholder", "value", "onChange", "onSubmit", "text", "setText", "useControlledState", "inputRef", "useRef", "handleWindowKeyDown", "useCallback", "event", "key", "metaKey", "shiftKey", "current", "focus", "useEffect", "window", "addEventListener", "removeEventListener", "handleKeyDown", "Toolbar", "Root", "Input", "TextInput", "ref", "autoFocus", "target", "onKeyDown", "React", "useState", "useClient", "Filter", "useQuery", "useTranslation", "StackItem", "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", "StackItem", "Content", "toolbar", "Searchbar", "classNames", "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
- }
@@ -1,4 +0,0 @@
1
- import { Capabilities } from '@dxos/app-framework';
2
- declare const _default: () => import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<Capabilities.IntentResolver>>;
3
- export default _default;
4
- //# sourceMappingURL=intent-resolver.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"intent-resolver.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/intent-resolver.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAA2D,MAAM,qBAAqB,CAAC;;AAI5G,wBASI"}
@@ -1,16 +0,0 @@
1
- import { type Decorator, type StoryObj } from '@storybook/react-vite';
2
- import React from 'react';
3
- import { type SearchbarProps } from './Searchbar';
4
- type StoryProps = SearchbarProps & {
5
- objects?: any[];
6
- };
7
- export declare const Default: Story;
8
- declare const meta: {
9
- title: string;
10
- component: ({ classNames, variant, placeholder, value, onChange, onSubmit }: SearchbarProps) => React.JSX.Element;
11
- render: ({ objects, ...props }: StoryProps) => React.JSX.Element;
12
- decorators: Decorator[];
13
- };
14
- export default meta;
15
- type Story = StoryObj<typeof meta>;
16
- //# sourceMappingURL=Search.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Search.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Search.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAK7D,KAAK,UAAU,GAAG,cAAc,GAAG;IACjC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;CACjB,CAAC;AAyBF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,QAAA,MAAM,IAAI;;;oCAjCmC,UAAU;;CAsCrB,CAAC;AAEnC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC"}
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- export declare const SEARCH_DIALOG: string;
3
- export type SearchDialogProps = {
4
- pivotId: string;
5
- };
6
- export declare const SearchDialog: ({ pivotId }: SearchDialogProps) => React.JSX.Element;
7
- //# sourceMappingURL=SearchDialog.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SearchDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchDialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAejE,eAAO,MAAM,aAAa,QAA4B,CAAC;AAuBvD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,aAAa,iBAAiB,sBAwF1D,CAAC"}
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- import { type Space } from '@dxos/react-client/echo';
3
- export declare const SearchMain: ({ space }: {
4
- space?: Space;
5
- }) => React.JSX.Element;
6
- //# sourceMappingURL=SearchMain.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SearchMain.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchMain.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAU,KAAK,KAAK,EAAY,MAAM,yBAAyB,CAAC;AAWvE,eAAO,MAAM,UAAU,GAAI,WAAW;IAAE,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,sBAwCtD,CAAC"}
@@ -1,20 +0,0 @@
1
- import React, { type FC } from 'react';
2
- import { type SearchResult } from '../../types';
3
- export type SearchResultsProps = {
4
- items: SearchResult[];
5
- match?: RegExp;
6
- selected?: string;
7
- onSelect?: (id: string) => void;
8
- };
9
- export declare const SearchResults: ({ items }: SearchResultsProps) => React.JSX.Element;
10
- export type SearchItemProps = SearchResult & {
11
- selected: boolean;
12
- } & Pick<SearchResultsProps, 'onSelect'>;
13
- export declare const SearchItem: React.ForwardRefExoticComponent<SearchResult & {
14
- selected: boolean;
15
- } & Pick<SearchResultsProps, "onSelect"> & React.RefAttributes<HTMLDivElement>>;
16
- export declare const Snippet: FC<{
17
- text: string;
18
- match?: RegExp;
19
- }>;
20
- //# sourceMappingURL=SearchResults.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SearchResults.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchResults/SearchResults.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AAOnD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC;AAIF,eAAO,MAAM,aAAa,GAAI,WAAW,kBAAkB,sBAe1D,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,GAAG,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;AAE1G,eAAO,MAAM,UAAU;cAFkC,OAAO;+EAgB9D,CAAC;AAEH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAyBxD,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SearchResults.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchResults/SearchResults.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AA0BzE,QAAA,MAAM,IAAI;;;oBAtBmB,kBAAkB;;;;;CA8BT,CAAC;AAEvC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './SearchResults';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchResults/index.ts"],"names":[],"mappings":"AAIA,cAAc,iBAAiB,CAAC"}
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import { type TextInputProps, type ThemedClassName } from '@dxos/react-ui';
3
- export type SearchbarProps = ThemedClassName<Pick<TextInputProps, 'variant' | 'placeholder'> & {
4
- delay?: number;
5
- value?: string;
6
- onChange?: (text?: string) => void;
7
- onSubmit?: (text?: string) => void;
8
- }>;
9
- export declare const Searchbar: ({ classNames, variant, placeholder, value, onChange, onSubmit }: SearchbarProps) => React.JSX.Element;
10
- //# sourceMappingURL=Searchbar.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Searchbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Searchbar/Searchbar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAS,KAAK,cAAc,EAAE,KAAK,eAAe,EAA+B,MAAM,gBAAgB,CAAC;AAE/G,MAAM,MAAM,cAAc,GAAG,eAAe,CAC1C,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,aAAa,CAAC,GAAG;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CACF,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,iEAAiE,cAAc,sBA4CxG,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Searchbar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Searchbar/Searchbar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAMjE,QAAA,MAAM,IAAI;;;;;;;CAOwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './Searchbar';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Searchbar/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC"}
@@ -1,13 +0,0 @@
1
- import * as Schema from 'effect/Schema';
2
- export declare namespace SearchAction {
3
- const OpenSearch_base: Schema.TaggedClass<OpenSearch, `${string}/open-search`, {
4
- readonly _tag: Schema.tag<`${string}/open-search`>;
5
- } & {
6
- input: typeof Schema.Void;
7
- output: typeof Schema.Void;
8
- }>;
9
- export class OpenSearch extends OpenSearch_base {
10
- }
11
- export {};
12
- }
13
- //# sourceMappingURL=action.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"action.d.ts","sourceRoot":"","sources":["../../../../src/types/action.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAIxC,yBAAiB,YAAY,CAAC;;;;;;;IAG5B,MAAM,OAAO,UAAW,SAAQ,eAG9B;KAAG;;CACN"}
@@ -1,18 +0,0 @@
1
- //
2
- // Copyright 2025 DXOS.org
3
- //
4
-
5
- import { Capabilities, LayoutAction, contributes, createIntent, createResolver } from '@dxos/app-framework';
6
-
7
- import { SearchAction } from '../types';
8
-
9
- export default () =>
10
- contributes(
11
- Capabilities.IntentResolver,
12
- createResolver({
13
- intent: SearchAction.OpenSearch,
14
- resolve: () => ({
15
- intents: [createIntent(LayoutAction.UpdateComplementary, { part: 'complementary', subject: 'search' })],
16
- }),
17
- }),
18
- );
@@ -1,64 +0,0 @@
1
- //
2
- // Copyright 2023 DXOS.org
3
- //
4
-
5
- import { type Decorator, type Meta, type StoryObj } from '@storybook/react-vite';
6
- import React, { useState } from 'react';
7
-
8
- import { faker } from '@dxos/random';
9
- import { withLayout, withTheme } from '@dxos/react-ui/testing';
10
-
11
- import { SearchContextProvider, useGlobalSearch, useGlobalSearchResults } from '../hooks';
12
-
13
- import { Searchbar, type SearchbarProps } from './Searchbar';
14
- import { SearchResults } from './SearchResults';
15
-
16
- faker.seed(1);
17
-
18
- type StoryProps = SearchbarProps & {
19
- objects?: any[];
20
- };
21
-
22
- const DefaultStory = ({ objects, ...props }: StoryProps) => {
23
- const [selected, setSelected] = useState<string>();
24
- const { setMatch } = useGlobalSearch();
25
- const filteredItems = useGlobalSearchResults(objects);
26
-
27
- return (
28
- <div className='flex grow justify-center overflow-hidden'>
29
- <div className='flex flex-col is-[300px] m-4 overflow-hidden'>
30
- <Searchbar variant='subdued' placeholder='Enter regular expression...' onChange={setMatch} {...props} />
31
- <SearchResults items={filteredItems} selected={selected} onSelect={setSelected} />
32
- </div>
33
- </div>
34
- );
35
- };
36
-
37
- const withSearchContext = (): Decorator => {
38
- return (Story) => (
39
- <SearchContextProvider>
40
- <Story />
41
- </SearchContextProvider>
42
- );
43
- };
44
-
45
- export const Default: Story = {
46
- args: {
47
- objects: Array.from({ length: 8 }).map(() => ({
48
- id: faker.string.uuid(),
49
- label: faker.lorem.sentence(4).replace(/\./g, ''),
50
- content: faker.lorem.sentences(3),
51
- })),
52
- },
53
- };
54
-
55
- const meta = {
56
- title: 'plugins/plugin-search/Search',
57
- component: Searchbar,
58
- render: DefaultStory,
59
- decorators: [withTheme, withLayout({ container: 'column' }), withSearchContext()],
60
- } satisfies Meta<typeof Searchbar>;
61
-
62
- export default meta;
63
-
64
- type Story = StoryObj<typeof meta>;