@dxos/plugin-search 0.8.4-main.fffef41 → 0.9.0

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