@dxos/plugin-search 0.8.4-main.72ec0f3 → 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 (136) 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 -70
  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 +22 -11
  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.test.ts +7 -7
  89. package/src/search/exa.ts +5 -4
  90. package/src/translations.ts +10 -9
  91. package/src/types/command-score.d.ts +16 -0
  92. package/src/types/index.ts +0 -1
  93. package/src/types/search.ts +1 -25
  94. package/dist/lib/browser/app-graph-builder-HQR6P4C7.mjs +0 -78
  95. package/dist/lib/browser/app-graph-builder-HQR6P4C7.mjs.map +0 -7
  96. package/dist/lib/browser/chunk-GN2FSWTM.mjs +0 -22
  97. package/dist/lib/browser/chunk-GN2FSWTM.mjs.map +0 -7
  98. package/dist/lib/browser/chunk-TCVYYI44.mjs +0 -21
  99. package/dist/lib/browser/chunk-TCVYYI44.mjs.map +0 -7
  100. package/dist/lib/browser/chunk-ZEP4O5SU.mjs +0 -291
  101. package/dist/lib/browser/chunk-ZEP4O5SU.mjs.map +0 -7
  102. package/dist/lib/browser/intent-resolver-UYQA6UUQ.mjs +0 -22
  103. package/dist/lib/browser/intent-resolver-UYQA6UUQ.mjs.map +0 -7
  104. package/dist/lib/browser/react-surface-H5CKQVII.mjs +0 -307
  105. package/dist/lib/browser/react-surface-H5CKQVII.mjs.map +0 -7
  106. package/dist/types/src/capabilities/intent-resolver.d.ts +0 -4
  107. package/dist/types/src/capabilities/intent-resolver.d.ts.map +0 -1
  108. package/dist/types/src/components/Search.stories.d.ts +0 -16
  109. package/dist/types/src/components/Search.stories.d.ts.map +0 -1
  110. package/dist/types/src/components/SearchDialog.d.ts +0 -7
  111. package/dist/types/src/components/SearchDialog.d.ts.map +0 -1
  112. package/dist/types/src/components/SearchMain.d.ts +0 -6
  113. package/dist/types/src/components/SearchMain.d.ts.map +0 -1
  114. package/dist/types/src/components/SearchResults/SearchResults.d.ts +0 -20
  115. package/dist/types/src/components/SearchResults/SearchResults.d.ts.map +0 -1
  116. package/dist/types/src/components/SearchResults/SearchResults.stories.d.ts.map +0 -1
  117. package/dist/types/src/components/SearchResults/index.d.ts +0 -2
  118. package/dist/types/src/components/SearchResults/index.d.ts.map +0 -1
  119. package/dist/types/src/components/Searchbar/Searchbar.d.ts +0 -10
  120. package/dist/types/src/components/Searchbar/Searchbar.d.ts.map +0 -1
  121. package/dist/types/src/components/Searchbar/Searchbar.stories.d.ts.map +0 -1
  122. package/dist/types/src/components/Searchbar/index.d.ts +0 -2
  123. package/dist/types/src/components/Searchbar/index.d.ts.map +0 -1
  124. package/dist/types/src/types/action.d.ts +0 -13
  125. package/dist/types/src/types/action.d.ts.map +0 -1
  126. package/src/capabilities/intent-resolver.ts +0 -18
  127. package/src/components/Search.stories.tsx +0 -64
  128. package/src/components/SearchDialog.tsx +0 -136
  129. package/src/components/SearchMain.tsx +0 -62
  130. package/src/components/SearchResults/SearchResults.stories.tsx +0 -59
  131. package/src/components/SearchResults/SearchResults.tsx +0 -83
  132. package/src/components/SearchResults/index.ts +0 -5
  133. package/src/components/Searchbar/Searchbar.stories.tsx +0 -28
  134. package/src/components/Searchbar/Searchbar.tsx +0 -48
  135. package/src/components/Searchbar/index.ts +0 -5
  136. package/src/types/action.tsx +0 -16
@@ -1,307 +0,0 @@
1
- import {
2
- SearchContextProvider,
3
- useGlobalSearch,
4
- useGlobalSearchResults,
5
- useSearchResults,
6
- useWebSearch
7
- } from "./chunk-ZEP4O5SU.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, 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 handleKeyDown = useCallback((event) => {
28
- switch (event.key) {
29
- case "Enter":
30
- onSubmit?.(text);
31
- break;
32
- }
33
- }, [
34
- text,
35
- onSubmit
36
- ]);
37
- return /* @__PURE__ */ React.createElement(Toolbar.Root, {
38
- classNames
39
- }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
40
- ref: inputRef,
41
- placeholder,
42
- autoFocus: true,
43
- variant,
44
- value: text ?? "",
45
- onChange: ({ target }) => setText(target.value),
46
- onKeyDown: handleKeyDown
47
- })));
48
- } finally {
49
- _effect.f();
50
- }
51
- };
52
-
53
- // src/components/SearchMain.tsx
54
- import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
55
- import React3, { useState } from "react";
56
- import { useClient } from "@dxos/react-client";
57
- import { Filter, useQuery } from "@dxos/react-client/echo";
58
- import { useTranslation } from "@dxos/react-ui";
59
- import { Stack, StackItem } from "@dxos/react-ui-stack";
60
- import { activeSurface, mx } from "@dxos/react-ui-theme";
61
-
62
- // src/components/SearchResults/SearchResults.tsx
63
- import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
64
- import React2, { forwardRef } from "react";
65
- import { Surface } from "@dxos/app-framework/react";
66
- import { Obj } from "@dxos/echo";
67
- import { Card } from "@dxos/react-ui-stack";
68
- import { ghostHover } from "@dxos/react-ui-theme";
69
- var SearchResults = ({ items }) => {
70
- var _effect = _useSignals2();
71
- try {
72
- return /* @__PURE__ */ React2.createElement("div", {
73
- className: "overflow-y-auto"
74
- }, /* @__PURE__ */ React2.createElement("div", {
75
- className: "flex flex-col"
76
- }, items.filter((item) => Obj.getLabel(item.object)).map((item) => /* @__PURE__ */ React2.createElement("div", {
77
- key: item.id,
78
- role: "none",
79
- className: "pli-2 first:pbs-2 pbe-2"
80
- }, /* @__PURE__ */ React2.createElement(Surface, {
81
- role: "card",
82
- data: {
83
- subject: item.object
84
- },
85
- limit: 1
86
- })))));
87
- } finally {
88
- _effect.f();
89
- }
90
- };
91
-
92
- // src/components/SearchMain.tsx
93
- var SearchMain = ({ space }) => {
94
- var _effect = _useSignals3();
95
- try {
96
- const { t } = useTranslation(meta.id);
97
- const client = useClient();
98
- const { setMatch } = useGlobalSearch();
99
- const [query, setQuery] = useState();
100
- const allSpaces = false;
101
- const objects = useQuery(allSpaces ? client.spaces : space, Filter.everything());
102
- const results = useGlobalSearchResults(objects);
103
- const { runSearch, results: webResults } = useWebSearch({
104
- query
105
- });
106
- const [selected, setSelected] = useState();
107
- const handleSelect = (id) => {
108
- setSelected((selected2) => selected2 === id ? void 0 : id);
109
- };
110
- const allResults = [
111
- ...results,
112
- ...webResults
113
- ];
114
- return /* @__PURE__ */ React3.createElement(Stack, {
115
- orientation: "vertical",
116
- size: "contain",
117
- itemsCount: 1,
118
- rail: false,
119
- classNames: [
120
- "bs-full",
121
- activeSurface
122
- ]
123
- }, /* @__PURE__ */ React3.createElement(StackItem.Root, {
124
- item: {
125
- id: "search"
126
- },
127
- role: "article"
128
- }, /* @__PURE__ */ React3.createElement(StackItem.Content, {
129
- toolbar: true
130
- }, /* @__PURE__ */ React3.createElement(Searchbar, {
131
- classNames: "pli-2",
132
- placeholder: t("search placeholder"),
133
- delay: 300,
134
- onChange: (text) => {
135
- setQuery(text);
136
- setMatch?.(text);
137
- },
138
- onSubmit: runSearch
139
- }), allResults.length > 0 && /* @__PURE__ */ React3.createElement("div", {
140
- className: mx("flex flex-col bs-full overflow-hidden")
141
- }, /* @__PURE__ */ React3.createElement(SearchResults, {
142
- items: allResults,
143
- selected,
144
- onSelect: handleSelect
145
- })))));
146
- } finally {
147
- _effect.f();
148
- }
149
- };
150
-
151
- // src/components/SearchDialog.tsx
152
- import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
153
- import * as Option from "effect/Option";
154
- import React4, { forwardRef as forwardRef2, useCallback as useCallback2, useState as useState2 } from "react";
155
- import { LayoutAction, createIntent } from "@dxos/app-framework";
156
- import { useAppGraph, useIntentDispatcher, useLayout } from "@dxos/app-framework/react";
157
- import { Obj as Obj2 } from "@dxos/echo";
158
- import { useClient as useClient2 } from "@dxos/react-client";
159
- import { Filter as Filter2, useQuery as useQuery2 } from "@dxos/react-client/echo";
160
- import { Button, Dialog, Icon, toLocalizedString, useTranslation as useTranslation2 } from "@dxos/react-ui";
161
- import { SearchList } from "@dxos/react-ui-searchlist";
162
- import { descriptionText, mx as mx2 } from "@dxos/react-ui-theme";
163
- var SEARCH_DIALOG = `${meta.id}/SearchDialog`;
164
- var SearchListResult = /* @__PURE__ */ forwardRef2(({ node, onSelect }, forwardedRef) => {
165
- var _effect = _useSignals4();
166
- try {
167
- const { t } = useTranslation2(meta.id);
168
- const label = toLocalizedString(node?.properties.label ?? "never", t);
169
- return /* @__PURE__ */ React4.createElement(SearchList.Item, {
170
- value: label,
171
- key: node.id,
172
- classNames: "flex gap-2 items-center pli-2",
173
- onSelect: () => onSelect?.(node.id),
174
- ref: forwardedRef
175
- }, /* @__PURE__ */ React4.createElement(Icon, {
176
- size: 5,
177
- icon: node?.properties.icon
178
- }), /* @__PURE__ */ React4.createElement("span", {
179
- className: "is-0 grow truncate"
180
- }, label));
181
- } finally {
182
- _effect.f();
183
- }
184
- });
185
- var SearchDialog = ({ pivotId }) => {
186
- var _effect = _useSignals4();
187
- try {
188
- const { t } = useTranslation2(meta.id);
189
- const { graph } = useAppGraph();
190
- const layout = useLayout();
191
- const closed = (Array.isArray(layout.inactive) ? layout.inactive : [
192
- layout.inactive
193
- ]).map((id) => graph?.getNode(id)).filter(Boolean);
194
- const [queryString, setQueryString] = useState2("");
195
- const client = useClient2();
196
- const dangerouslyLoadAllObjects = useQuery2(client.spaces, Filter2.everything());
197
- const [pending, results] = useSearchResults(queryString, dangerouslyLoadAllObjects);
198
- const resultObjects = Array.from(results.keys());
199
- const { dispatchPromise: dispatch } = useIntentDispatcher();
200
- const handleSelect = useCallback2(async (nodeId) => {
201
- await dispatch(createIntent(LayoutAction.UpdateDialog, {
202
- part: "dialog",
203
- options: {
204
- state: false
205
- }
206
- }));
207
- const index = layout.active.findIndex((id) => id === nodeId);
208
- if (index !== -1) {
209
- await dispatch(createIntent(LayoutAction.ScrollIntoView, {
210
- part: "current",
211
- subject: nodeId
212
- }));
213
- } else {
214
- await dispatch(createIntent(LayoutAction.Open, {
215
- part: "main",
216
- subject: [
217
- nodeId
218
- ],
219
- options: {
220
- pivotId,
221
- positioning: "end"
222
- }
223
- }));
224
- }
225
- }, [
226
- pivotId,
227
- dispatch,
228
- layout
229
- ]);
230
- return /* @__PURE__ */ React4.createElement(Dialog.Content, {
231
- classNames: [
232
- "md:max-is-[24rem] overflow-hidden mbs-12"
233
- ]
234
- }, /* @__PURE__ */ React4.createElement(Dialog.Title, null, t("search dialog title")), /* @__PURE__ */ React4.createElement(SearchList.Root, {
235
- label: t("search placeholder"),
236
- classNames: "flex flex-col grow overflow-hidden my-2"
237
- }, /* @__PURE__ */ React4.createElement(SearchList.Input, {
238
- value: queryString,
239
- onValueChange: (nextValue) => {
240
- setQueryString(nextValue);
241
- },
242
- placeholder: t("search placeholder"),
243
- classNames: "pli-1 my-2"
244
- }), /* @__PURE__ */ React4.createElement(SearchList.Content, {
245
- classNames: "max-bs-[24rem] overflow-auto"
246
- }, queryString.length > 0 ? resultObjects.length > 0 ? resultObjects.map((object) => graph.getNode(Obj2.getDXN(object).toString())).filter(Option.isSome).map((node) => /* @__PURE__ */ React4.createElement(SearchListResult, {
247
- key: node.value.id,
248
- node: node.value,
249
- onSelect: handleSelect
250
- })) : /* @__PURE__ */ React4.createElement("p", {
251
- className: "pli-1"
252
- }, t(pending ? "pending results message" : "empty results message")) : /* @__PURE__ */ React4.createElement(React4.Fragment, null, closed.length > 0 && /* @__PURE__ */ React4.createElement("h2", {
253
- className: mx2("mlb-1", descriptionText)
254
- }, t("recently closed heading")), closed.filter(Option.isSome).map((node) => /* @__PURE__ */ React4.createElement(SearchListResult, {
255
- key: node.value.id,
256
- node: node.value,
257
- onSelect: handleSelect
258
- }))))), /* @__PURE__ */ React4.createElement(Dialog.Close, {
259
- asChild: true
260
- }, /* @__PURE__ */ React4.createElement(Button, {
261
- variant: "primary",
262
- classNames: "mbs-2"
263
- }, t("close label", {
264
- ns: "os"
265
- }))));
266
- } finally {
267
- _effect.f();
268
- }
269
- };
270
-
271
- // src/capabilities/react-surface.tsx
272
- var react_surface_default = (() => contributes(Capabilities.ReactSurface, [
273
- createSurface({
274
- id: SEARCH_DIALOG,
275
- role: "dialog",
276
- filter: (data) => data.component === SEARCH_DIALOG,
277
- component: ({ data }) => /* @__PURE__ */ React5.createElement(SearchContextProvider, null, /* @__PURE__ */ React5.createElement(SearchDialog, data.props))
278
- }),
279
- createSurface({
280
- id: `${SEARCH_DIALOG}/search-input`,
281
- role: "search-input",
282
- component: () => {
283
- const space = useActiveSpace();
284
- return /* @__PURE__ */ React5.createElement(SearchContextProvider, null, /* @__PURE__ */ React5.createElement(SearchMain, {
285
- space
286
- }));
287
- }
288
- }),
289
- createSurface({
290
- id: `${SEARCH_DIALOG}/search`,
291
- role: "deck-companion--search",
292
- filter: (data) => isSpace(data.subject),
293
- component: ({ data }) => {
294
- const space = data.subject;
295
- if (!space) {
296
- return null;
297
- }
298
- return /* @__PURE__ */ React5.createElement(SearchContextProvider, null, /* @__PURE__ */ React5.createElement(SearchMain, {
299
- space
300
- }));
301
- }
302
- })
303
- ]));
304
- export {
305
- react_surface_default as default
306
- };
307
- //# sourceMappingURL=react-surface-H5CKQVII.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, { 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
- }
@@ -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,sBA2CtD,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,KAAkD,MAAM,OAAO,CAAC;AAEvE,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,sBA8BxG,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>;