@open-pioneer/search 1.5.0-dev.20260917081843 → 1.5.0

package/CHANGELOG.md

@@ -1,14 +1,19 @@
 # @open-pioneer/search
 
-## 1.5.0-dev.20260917081843
+## 1.5.0
 
 ### Minor Changes
 
 - f790fda: Update to Chakra 3.37.0
+- a186f5d: Update core packages to 4.8.0.
+- 0cfbf39: Add support for an `id` property on the search source interface to identify sources. The property remains optional for the time being to preserve backwards compatibility.
 
 ### Patch Changes
 
 - 3203815: Update code to match new react linting rules from oxlint.
+- 0cfbf39: Refactor the internal state management of the search component: the widget state now lives in a
+  long lived, reactive view model instead of react state. This is an internal change; the component's
+  properties, events and behavior are unchanged.
 - 09ec7c7: Updated dependencies
 
 ## 1.4.0
@@ -21,8 +26,8 @@
   The method returns the selected `SearchResult` (and its `SearchSource`) or `undefined` when no match is found.
 - 0b9143d: The `onSelect` callback now receives an additional property `trigger` (`"user"` or `"api-select"`) support different reactions based on the way a result was selected:
 
-  - `user` indicates that event was triggered by the end user
-  - `api-select` indicates that the selection was made via the API (i.e. `searchAndSelect`).
+    - `user` indicates that event was triggered by the end user
+    - `api-select` indicates that the selection was made via the API (i.e. `searchAndSelect`).
 
 ### Patch Changes
 
@@ -35,8 +40,8 @@
 - 9b5d5f3: Support for new common container props (role, aria-\*, data-\* and css)
 - d05a3b8: Refactor user interface: now based on chakra's combobox instead of react-select.
 
-  NOTE: This causes changes to many internal CSS classes and attributes.
-  The UX of the control should be the same.
+    NOTE: This causes changes to many internal CSS classes and attributes.
+    The UX of the control should be the same.
 
 - d54ccfd: Update to Chakra UI 3.35.0
 - 206b397: Update to trails core packages 4.6.0
@@ -73,8 +78,8 @@
 
 - 0485014: Introduce search API and `resetInput` method (see [PR](https://github.com/open-pioneer/trails-openlayers-base-packages/pull/493)).
 
-  The search API allows programmatic access to the search component.
-  Currently, it provides a method to reset the search input field.
+    The search API allows programmatic access to the search component.
+    Currently, it provides a method to reset the search input field.
 
 - 2732052: Icons have been changed to unify the appearance of the components. Preferably, Lucide react-icons are used.
 - 2abcaaf: Update to chakra-ui 3.28.0
@@ -97,16 +102,16 @@
 
 - 9376a74: Ensure that icons and other decorative elements are hidden from the screen reader using the `aria-hidden="true"` attribute.
 
-  The easiest way to do that is to wrap icons into chakra's `<Icon />` component, for example:
+    The easiest way to do that is to wrap icons into chakra's `<Icon />` component, for example:
 
-  ```tsx
-  import { Icon } from "@chakra-ui/react";
-  import { FiX } from "react-icons/fi";
+    ```tsx
+    import { Icon } from "@chakra-ui/react";
+    import { FiX } from "react-icons/fi";
 
-  <Icon>
-    <FiX />
-  </Icon>;
-  ```
+    <Icon>
+        <FiX />
+    </Icon>;
+    ```
 
 ## 0.10.0
 
@@ -115,17 +120,17 @@
 - 193068a: Deprecate the `mapId` property on React components.
   Use the `MapModel` directly instead to pass a reference to the map.
 
-  Example:
+    Example:
 
-  ```tsx
-  // Default map for entire component tree
-  <DefaultMapProvider map={mapModel}>
-      <Toc />
-  </DefaultMapProvider>
+    ```tsx
+    // Default map for entire component tree
+    <DefaultMapProvider map={mapModel}>
+        <Toc />
+    </DefaultMapProvider>
 
-  // Map for specific component
-  <Toc map={mapModel} />
-  ```
+    // Map for specific component
+    <Toc map={mapModel} />
+    ```
 
 ### Patch Changes
 
@@ -149,9 +154,9 @@
 ### Minor Changes
 
 - 2fa8020: Update trails core package dependencies.
-  - Also updates Chakra UI to the latest 2.x version and Chakra React Select to version 5.
-  - Removes any obsolete references to `@chakra-ui/system`.
-    This dependency seems to be no longer required and may lead to duplicate packages in your dependency tree.
+    - Also updates Chakra UI to the latest 2.x version and Chakra React Select to version 5.
+    - Removes any obsolete references to `@chakra-ui/system`.
+      This dependency seems to be no longer required and may lead to duplicate packages in your dependency tree.
 
 ### Patch Changes
 
@@ -170,7 +175,7 @@
 - 583f1d6: The `mapId` or `map` properties are now optional on individual components.
   You can use the `DefaultMapProvider` to configure an implicit default value.
 
-  Note that configuring _neither_ a default _nor_ an explicit `map` or `mapId` will trigger a runtime error.
+    Note that configuring _neither_ a default _nor_ an explicit `map` or `mapId` will trigger a runtime error.
 
 - 583f1d6: All UI components in this project now accept the `mapId` (a `string`) _or_ the `map` (a `MapModel`) directly.
 - a8b3449: Switch to a new versioning strategy.

package/README.md

@@ -174,6 +174,11 @@ import { Search, SearchSource, SearchResult } from "@open-pioneer/search";
 import { MAP_ID } from "./MapConfigProviderImpl";
 
 class MySearchSource implements SearchSource {
+    // The optional id of this source. It must be unique among the sources used by the same
+    // search component and it must not change. If no id is defined, the search component
+    // generates one internally.
+    id = "my-sample-rest-service";
+
     // The label of this source, used as a title for this source's results.
     label = "My sample REST-Service";
 

package/_virtual/source-info.js

@@ -1,6 +1,6 @@
-const sourceId$1 = "@open-pioneer/search/ui/useSearchState";
+const sourceId$1 = "@open-pioneer/search/model/SearchViewModel";
 
-const sourceId = "@open-pioneer/search/model/SearchController";
+const sourceId = "@open-pioneer/search/model/SearchOperationState";
 
 export { sourceId, sourceId$1 };
 //# sourceMappingURL=source-info.js.map

package/api.d.ts

@@ -6,6 +6,15 @@ import { Projection } from "ol/proj";
  * Developers can create classes that implement this interface for different search sources.
  */
 export interface SearchSource {
+    /**
+     * The id of this source.
+     *
+     * Must be unique across all search sources used within the same search component.
+     *
+     * The id must not change while the source is in use (this value is not reactive).
+     * If no id is defined, the search component generates one internally.
+     */
+    readonly id?: string;
     /**
      * The label of this source.
      *
@@ -124,7 +133,7 @@ export interface SearchApi {
     resetInput(): void;
     /**
      * Sets the search input field to the given value.
-     * The search is not automatically triggered when setting the input value.
+     * The suggestion menu is not opened automatically when setting the input value.
      * @param inputValue The value to be set in the search input field.
      */
     setInputValue(inputValue: string): void;

package/model/SearchOperationState.d.ts

@@ -0,0 +1,52 @@
+import { MapModel } from "@open-pioneer/map";
+import { SearchResult, SearchSource } from "../api";
+/**
+ * The state of a single search operation, with one entry per search source.
+ */
+export interface SearchOperationState {
+    /** The query string used for this search operation. */
+    readonly query: string;
+    /** True while the search is being delayed or executed. */
+    readonly pending: boolean;
+    /** Results per search source. Empty while {@link pending}. */
+    readonly sourceResults: readonly SearchSourceResults[];
+}
+/**
+ * Search results of a single search source.
+ */
+export interface SearchSourceResults {
+    /** The source that returned the {@link results}. */
+    readonly source: SearchSource;
+    /** The results returned by the source. */
+    readonly results: readonly SearchResult[];
+}
+/** The state before anything has been searched for. */
+export declare const EMPTY_STATE: SearchOperationState;
+export interface SearchOperationOptions {
+    query: string;
+    sources: readonly SearchSource[];
+    maxResults: number;
+    map: MapModel;
+    typingDelay: number;
+}
+/**
+ * A single search operation: wait for the typing delay, then query all sources in parallel.
+ *
+ * The operation can be cancelled by calling {@link destroy}.
+ */
+export declare class SearchOperationStateImpl implements SearchOperationState {
+    #private;
+    readonly query: string;
+    /** Resolves when the results are available; rejects if the operation was cancelled. */
+    readonly completed: Promise<void>;
+    constructor(options: SearchOperationOptions);
+    /**
+     * Cancels this operation.
+     *
+     * The operation also stops being {@link pending}: it will never deliver any results, so
+     * anything that still shows this state must not keep waiting for them.
+     */
+    destroy(): void;
+    get pending(): boolean;
+    get sourceResults(): readonly SearchSourceResults[];
+}

package/model/SearchOperationState.js

@@ -0,0 +1,104 @@
+import { reactive, batch } from '@conterra/reactivity-core';
+import { createLogger, isAbortError, createAbortError } from '@open-pioneer/core';
+import { sourceId } from '../_virtual/source-info.js';
+
+const LOG = createLogger(sourceId);
+const EMPTY_STATE = {
+  query: "",
+  pending: false,
+  sourceResults: []
+};
+class SearchOperationStateImpl {
+  #options;
+  query;
+  /** Resolves when the results are available; rejects if the operation was cancelled. */
+  completed;
+  #pending = reactive(true);
+  #sourceResults = reactive([]);
+  #abortController = new AbortController();
+  constructor(options) {
+    this.#options = options;
+    this.query = options.query;
+    if (!options.query) {
+      this.#pending.value = false;
+      this.completed = Promise.resolve();
+    } else {
+      this.completed = this.#run();
+    }
+  }
+  /**
+   * Cancels this operation.
+   *
+   * The operation also stops being {@link pending}: it will never deliver any results, so
+   * anything that still shows this state must not keep waiting for them.
+   */
+  destroy() {
+    this.#abortController.abort();
+    this.#pending.value = false;
+  }
+  get pending() {
+    return this.#pending.value;
+  }
+  get sourceResults() {
+    return this.#sourceResults.value;
+  }
+  async #run() {
+    const { query, sources, maxResults, map, typingDelay } = this.#options;
+    const signal = this.#abortController.signal;
+    LOG.debug(`starting search operation for query '${query}'`);
+    await waitForTimeout(typingDelay, signal);
+    const sourceResults = await Promise.all(
+      sources.map(async (source) => ({
+        source,
+        results: await this.#searchInSource(source, { query, maxResults, map }, signal)
+      }))
+    );
+    signal.throwIfAborted();
+    batch(() => {
+      this.#sourceResults.value = sourceResults;
+      this.#pending.value = false;
+    });
+    LOG.debug(`search operation for query '${query}' finished`, sourceResults);
+  }
+  async #searchInSource(source, options, signal) {
+    const { query, maxResults, map } = options;
+    try {
+      LOG.debug(`starting search on source '${source.label}'`);
+      let results = await source.search(query, {
+        maxResults,
+        signal,
+        map,
+        mapProjection: map.projection
+        // for backwards compat
+      });
+      signal.throwIfAborted();
+      if (results.length > maxResults) {
+        results = results.slice(0, maxResults);
+      }
+      LOG.debug(`finished search on source '${source.label}'`, results);
+      return results;
+    } catch (e) {
+      if (!isAbortError(e)) {
+        LOG.error(`search on source '${source.label}' failed`, e);
+      }
+      return [];
+    }
+  }
+}
+async function waitForTimeout(timeoutMillis, signal) {
+  signal.throwIfAborted();
+  await new Promise((resolve, reject) => {
+    const onAbort = () => {
+      clearTimeout(timeoutId);
+      reject(createAbortError());
+    };
+    const timeoutId = setTimeout(() => {
+      signal.removeEventListener("abort", onAbort);
+      resolve();
+    }, timeoutMillis);
+    signal.addEventListener("abort", onAbort, { once: true });
+  });
+}
+
+export { EMPTY_STATE, SearchOperationStateImpl };
+//# sourceMappingURL=SearchOperationState.js.map

package/model/SearchOperationState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchOperationState.js","sources":["SearchOperationState.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\n\nimport { batch, reactive } from \"@conterra/reactivity-core\";\nimport { createAbortError, createLogger, isAbortError } from \"@open-pioneer/core\";\nimport { MapModel } from \"@open-pioneer/map\";\nimport { sourceId } from \"open-pioneer:source-info\";\nimport { SearchResult, SearchSource } from \"../api\";\n\nconst LOG = createLogger(sourceId);\n\n/**\n * The state of a single search operation, with one entry per search source.\n */\nexport interface SearchOperationState {\n    // NOTE: `error` state is not modelled here; it might not be needed.\n    // Failed searches simply return no results for the time being.\n\n    /** The query string used for this search operation. */\n    readonly query: string;\n\n    /** True while the search is being delayed or executed. */\n    readonly pending: boolean;\n\n    /** Results per search source. Empty while {@link pending}. */\n    readonly sourceResults: readonly SearchSourceResults[];\n}\n\n/**\n * Search results of a single search source.\n */\nexport interface SearchSourceResults {\n    /** The source that returned the {@link results}. */\n    readonly source: SearchSource;\n\n    /** The results returned by the source. */\n    readonly results: readonly SearchResult[];\n}\n\n/** The state before anything has been searched for. */\nexport const EMPTY_STATE: SearchOperationState = {\n    query: \"\",\n    pending: false,\n    sourceResults: []\n};\n\nexport interface SearchOperationOptions {\n    query: string;\n    sources: readonly SearchSource[];\n    maxResults: number;\n    map: MapModel;\n    typingDelay: number;\n}\n\n/**\n * A single search operation: wait for the typing delay, then query all sources in parallel.\n *\n * The operation can be cancelled by calling {@link destroy}.\n */\nexport class SearchOperationStateImpl implements SearchOperationState {\n    #options: SearchOperationOptions;\n\n    readonly query: string;\n\n    /** Resolves when the results are available; rejects if the operation was cancelled. */\n    readonly completed: Promise<void>;\n\n    #pending = reactive(true);\n    #sourceResults = reactive<readonly SearchSourceResults[]>([]);\n    #abortController = new AbortController();\n\n    constructor(options: SearchOperationOptions) {\n        this.#options = options;\n        this.query = options.query;\n        if (!options.query) {\n            this.#pending.value = false;\n            this.completed = Promise.resolve();\n        } else {\n            this.completed = this.#run();\n        }\n    }\n\n    /**\n     * Cancels this operation.\n     *\n     * The operation also stops being {@link pending}: it will never deliver any results, so\n     * anything that still shows this state must not keep waiting for them.\n     */\n    destroy(): void {\n        this.#abortController.abort();\n        this.#pending.value = false;\n    }\n\n    get pending(): boolean {\n        return this.#pending.value;\n    }\n\n    get sourceResults(): readonly SearchSourceResults[] {\n        return this.#sourceResults.value;\n    }\n\n    async #run(): Promise<void> {\n        const { query, sources, maxResults, map, typingDelay } = this.#options;\n        const signal = this.#abortController.signal;\n        LOG.debug(`starting search operation for query '${query}'`);\n\n        // The user might still be typing: if the search term changes, we get cancelled here.\n        await waitForTimeout(typingDelay, signal);\n\n        // Search all sources in parallel. searchInSource() does not throw.\n        const sourceResults = await Promise.all(\n            sources.map(async (source) => ({\n                source,\n                results: await this.#searchInSource(source, { query, maxResults, map }, signal)\n            }))\n        );\n        signal.throwIfAborted();\n\n        batch(() => {\n            this.#sourceResults.value = sourceResults;\n            this.#pending.value = false;\n        });\n        LOG.debug(`search operation for query '${query}' finished`, sourceResults);\n    }\n\n    async #searchInSource(\n        source: SearchSource,\n        options: Pick<SearchOperationOptions, \"query\" | \"maxResults\" | \"map\">,\n        signal: AbortSignal\n    ): Promise<SearchResult[]> {\n        const { query, maxResults, map } = options;\n        try {\n            LOG.debug(`starting search on source '${source.label}'`);\n\n            let results = await source.search(query, {\n                maxResults,\n                signal,\n                map,\n                mapProjection: map.projection // for backwards compat\n            });\n            signal.throwIfAborted();\n\n            if (results.length > maxResults) {\n                results = results.slice(0, maxResults);\n            }\n\n            LOG.debug(`finished search on source '${source.label}'`, results);\n            return results;\n        } catch (e) {\n            if (!isAbortError(e)) {\n                LOG.error(`search on source '${source.label}' failed`, e);\n            }\n            return [];\n        }\n    }\n}\n\n/**\n * Waits for timeoutMillis or until signal is aborted, whatever happens first.\n */\nasync function waitForTimeout(timeoutMillis: number, signal: AbortSignal): Promise<void> {\n    signal.throwIfAborted();\n\n    await new Promise<void>((resolve, reject) => {\n        const onAbort = () => {\n            clearTimeout(timeoutId);\n            reject(createAbortError());\n        };\n        const timeoutId = setTimeout(() => {\n            // NOTE: If the signal had been aborted, onAbort() would have cleared this timeout.\n            signal.removeEventListener(\"abort\", onAbort);\n            resolve();\n        }, timeoutMillis);\n        signal.addEventListener(\"abort\", onAbort, { once: true });\n    });\n}\n"],"names":[],"mappings":"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"}

package/model/SearchViewModel.d.ts

@@ -0,0 +1,76 @@
+import { MapModel } from "@open-pioneer/map";
+import { SearchClearEvent, SearchClearTrigger, SearchResult, SearchSelectEvent, SearchSelectTrigger, SearchSource, SelectResult } from "../api";
+import { SearchOperationState } from "./SearchOperationState";
+/**
+ * Options to construct a {@link SearchViewModel}.
+ */
+export interface SearchViewModelOptions {
+    /** The map the search is associated with. It is passed on to the search sources. */
+    map: MapModel;
+    /** Called whenever a result has been selected (by the user or via the search API). */
+    onSelect: (event: SearchSelectEvent) => void;
+    /** Called whenever the search has been cleared (by the user or via the search API). */
+    onClear: (event: SearchClearEvent) => void;
+}
+/**
+ * The view model holds the state for the search component.
+ *
+ * A new search operation is started automatically whenever the search term changes.
+ */
+export declare class SearchViewModel {
+    #private;
+    constructor(options: SearchViewModelOptions);
+    destroy(): void;
+    get sources(): SearchSource[];
+    set sources(newSources: SearchSource[]);
+    /**
+     * Debounce delay (in milliseconds) that controls how long the view model waits
+     * before starting a new search after the search term changed.
+     */
+    get searchTypingDelay(): number;
+    set searchTypingDelay(value: number | undefined);
+    /**
+     * Maximum number of results per search source.
+     */
+    get maxResultsPerSource(): number;
+    set maxResultsPerSource(value: number | undefined);
+    /**
+     * The text shown in the search control's input field.
+     *
+     * Use {@link setInputValue} to change it.
+     */
+    get inputValue(): string;
+    /**
+     * The result currently selected by the user, if any.
+     */
+    get selectedResult(): SelectResult | undefined;
+    /**
+     * True while a search is being delayed or executed.
+     */
+    get pending(): boolean;
+    /**
+     * The state of the current search operation.
+     *
+     * The reactive properties of this object update as the search progresses.
+     */
+    get currentSearchState(): SearchOperationState;
+    /**
+     * Replaces the text in the input field and searches for it.
+     */
+    setInputValue(value: string): void;
+    /**
+     * Confirms the given result: the input field shows the result's label and the result
+     * becomes the current selection.
+     */
+    selectResult(source: SearchSource, result: SearchResult, trigger: SearchSelectTrigger): void;
+    /**
+     * Clears the input field, the current selection and the current search.
+     */
+    clear(trigger: SearchClearTrigger): void;
+    /**
+     * Searches for the given query and selects the first matching result.
+     *
+     * Returns the selected result, or `undefined` if the search did not return anything.
+     */
+    searchAndSelect(query: string): Promise<SelectResult | undefined>;
+}

package/model/SearchViewModel.js

@@ -0,0 +1,197 @@
+import { reactive, watch, batch } from '@conterra/reactivity-core';
+import { createLogger, shallowEqual, destroyResource, isAbortError } from '@open-pioneer/core';
+import { sourceId$1 as sourceId } from '../_virtual/source-info.js';
+import { EMPTY_STATE, SearchOperationStateImpl } from './SearchOperationState.js';
+
+const LOG = createLogger(sourceId);
+const DEFAULT_MAX_RESULTS_PER_SOURCE = 5;
+const DEFAULT_SEARCH_TYPING_DELAY = 200;
+class SearchViewModel {
+  #map;
+  #onSelect;
+  #onClear;
+  #maxResultsPerSource = reactive(DEFAULT_MAX_RESULTS_PER_SOURCE);
+  #searchTypingDelay = reactive(DEFAULT_SEARCH_TYPING_DELAY);
+  #sources = reactive([], { equal: shallowEqual });
+  /** The text currently shown in the input field. */
+  #inputValue = reactive("");
+  /**
+   * The term that searches are being run for.
+   *
+   * Not necessarily the same as {@link #inputValue}.
+   * Selecting a result changes the _input value_, but not this search term
+   * to avoid starting an additional search.
+   */
+  #searchTerm = reactive("");
+  /** The result selected by the user or via the search API. */
+  #selected = reactive();
+  /** The state of the current search operation. */
+  #currentState = reactive(EMPTY_STATE);
+  /**
+   * The currently running search operation.
+   * Only one search can be running at a time; new search operations cancel old ones.
+   */
+  #currentOperation;
+  #searchWatch;
+  constructor(options) {
+    this.#map = options.map;
+    this.#onSelect = options.onSelect;
+    this.#onClear = options.onClear;
+    this.#searchWatch = watch(
+      () => [this.#searchTerm.value.trim()],
+      ([query]) => {
+        this.#currentState.value = this.#startSearchOperation(query);
+      }
+    );
+  }
+  destroy() {
+    this.#searchWatch = destroyResource(this.#searchWatch);
+    this.#currentOperation = destroyResource(this.#currentOperation);
+  }
+  get sources() {
+    return this.#sources.value;
+  }
+  set sources(newSources) {
+    this.#sources.value = newSources;
+  }
+  /**
+   * Debounce delay (in milliseconds) that controls how long the view model waits
+   * before starting a new search after the search term changed.
+   */
+  get searchTypingDelay() {
+    return this.#searchTypingDelay.value;
+  }
+  set searchTypingDelay(value) {
+    this.#searchTypingDelay.value = value ?? DEFAULT_SEARCH_TYPING_DELAY;
+  }
+  /**
+   * Maximum number of results per search source.
+   */
+  get maxResultsPerSource() {
+    return this.#maxResultsPerSource.value;
+  }
+  set maxResultsPerSource(value) {
+    this.#maxResultsPerSource.value = value ?? DEFAULT_MAX_RESULTS_PER_SOURCE;
+  }
+  /**
+   * The text shown in the search control's input field.
+   *
+   * Use {@link setInputValue} to change it.
+   */
+  get inputValue() {
+    return this.#inputValue.value;
+  }
+  /**
+   * The result currently selected by the user, if any.
+   */
+  get selectedResult() {
+    return this.#selected.value;
+  }
+  /**
+   * True while a search is being delayed or executed.
+   */
+  get pending() {
+    return this.currentSearchState.pending;
+  }
+  /**
+   * The state of the current search operation.
+   *
+   * The reactive properties of this object update as the search progresses.
+   */
+  get currentSearchState() {
+    return this.#currentState.value;
+  }
+  /**
+   * Replaces the text in the input field and searches for it.
+   */
+  setInputValue(value) {
+    batch(() => {
+      this.#inputValue.value = value;
+      this.#searchTerm.value = value;
+      this.#selected.value = void 0;
+    });
+  }
+  /**
+   * Confirms the given result: the input field shows the result's label and the result
+   * becomes the current selection.
+   */
+  selectResult(source, result, trigger) {
+    batch(() => {
+      this.#inputValue.value = result.label;
+      this.#selected.value = { source, result };
+    });
+    this.#onSelect({ source, result, trigger });
+  }
+  /**
+   * Clears the input field, the current selection and the current search.
+   */
+  clear(trigger) {
+    batch(() => {
+      this.#inputValue.value = "";
+      this.#searchTerm.value = "";
+      this.#selected.value = void 0;
+    });
+    this.#onClear({ trigger });
+  }
+  /**
+   * Searches for the given query and selects the first matching result.
+   *
+   * Returns the selected result, or `undefined` if the search did not return anything.
+   */
+  async searchAndSelect(query) {
+    const operation = this.#startSearchOperation(query.trim());
+    try {
+      await operation.completed;
+    } catch {
+      return void 0;
+    }
+    const selection = firstResult(operation.sourceResults);
+    if (!selection) {
+      return void 0;
+    }
+    batch(() => {
+      this.#currentState.value = operation;
+      this.#inputValue.value = selection.result.label;
+      this.#selected.value = selection;
+    });
+    this.#onSelect({ ...selection, trigger: "api-select" });
+    return selection;
+  }
+  /**
+   * Starts a new search operation, cancelling the one that may still be running.
+   *
+   * The current configuration is captured here, when the operation starts: it must not be
+   * re-read from the operation's async continuations.
+   *
+   * Errors are reported here, so callers never have to handle them (and cannot cause an
+   * unhandled rejection by ignoring the operation's promise).
+   */
+  #startSearchOperation(query) {
+    this.#currentOperation?.destroy();
+    const operation = this.#currentOperation = new SearchOperationStateImpl({
+      query,
+      sources: this.sources,
+      maxResults: this.maxResultsPerSource,
+      map: this.#map,
+      typingDelay: this.searchTypingDelay
+    });
+    operation.completed.catch((e) => {
+      if (!isAbortError(e)) {
+        LOG.error(`search operation for query '${query}' failed`, e);
+      }
+    });
+    return operation;
+  }
+}
+function firstResult(sourceResults) {
+  for (const { source, results } of sourceResults) {
+    const result = results[0];
+    if (result) {
+      return { source, result };
+    }
+  }
+  return void 0;
+}
+
+export { SearchViewModel };
+//# sourceMappingURL=SearchViewModel.js.map

package/model/SearchViewModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchViewModel.js","sources":["SearchViewModel.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\n\nimport { batch, CleanupHandle, reactive, watch } from \"@conterra/reactivity-core\";\nimport { createLogger, destroyResource, isAbortError, shallowEqual } from \"@open-pioneer/core\";\nimport { MapModel } from \"@open-pioneer/map\";\nimport { sourceId } from \"open-pioneer:source-info\";\nimport {\n    SearchClearEvent,\n    SearchClearTrigger,\n    SearchResult,\n    SearchSelectEvent,\n    SearchSelectTrigger,\n    SearchSource,\n    SelectResult\n} from \"../api\";\nimport {\n    EMPTY_STATE,\n    SearchOperationState,\n    SearchOperationStateImpl,\n    SearchSourceResults\n} from \"./SearchOperationState\";\n\nconst LOG = createLogger(sourceId);\n\nconst DEFAULT_MAX_RESULTS_PER_SOURCE = 5;\nconst DEFAULT_SEARCH_TYPING_DELAY = 200;\n\n/**\n * Options to construct a {@link SearchViewModel}.\n */\nexport interface SearchViewModelOptions {\n    /** The map the search is associated with. It is passed on to the search sources. */\n    map: MapModel;\n\n    /** Called whenever a result has been selected (by the user or via the search API). */\n    onSelect: (event: SearchSelectEvent) => void;\n\n    /** Called whenever the search has been cleared (by the user or via the search API). */\n    onClear: (event: SearchClearEvent) => void;\n}\n\n/**\n * The view model holds the state for the search component.\n *\n * A new search operation is started automatically whenever the search term changes.\n */\nexport class SearchViewModel {\n    #map: MapModel;\n    #onSelect: (event: SearchSelectEvent) => void;\n    #onClear: (event: SearchClearEvent) => void;\n\n    #maxResultsPerSource = reactive(DEFAULT_MAX_RESULTS_PER_SOURCE);\n    #searchTypingDelay = reactive(DEFAULT_SEARCH_TYPING_DELAY);\n    #sources = reactive<SearchSource[]>([], { equal: shallowEqual });\n\n    /** The text currently shown in the input field. */\n    #inputValue = reactive(\"\");\n\n    /**\n     * The term that searches are being run for.\n     *\n     * Not necessarily the same as {@link #inputValue}.\n     * Selecting a result changes the _input value_, but not this search term\n     * to avoid starting an additional search.\n     */\n    #searchTerm = reactive(\"\");\n\n    /** The result selected by the user or via the search API. */\n    #selected = reactive<SelectResult>();\n\n    /** The state of the current search operation. */\n    #currentState = reactive<SearchOperationState>(EMPTY_STATE);\n\n    /**\n     * The currently running search operation.\n     * Only one search can be running at a time; new search operations cancel old ones.\n     */\n    #currentOperation: SearchOperationStateImpl | undefined;\n\n    #searchWatch: CleanupHandle | undefined;\n\n    constructor(options: SearchViewModelOptions) {\n        this.#map = options.map;\n        this.#onSelect = options.onSelect;\n        this.#onClear = options.onClear;\n\n        // Runs a new search whenever the search term changes.\n        this.#searchWatch = watch(\n            () => [this.#searchTerm.value.trim()],\n            ([query]) => {\n                this.#currentState.value = this.#startSearchOperation(query);\n            }\n        );\n    }\n\n    destroy(): void {\n        this.#searchWatch = destroyResource(this.#searchWatch);\n        this.#currentOperation = destroyResource(this.#currentOperation);\n    }\n\n    get sources(): SearchSource[] {\n        return this.#sources.value;\n    }\n\n    set sources(newSources: SearchSource[]) {\n        this.#sources.value = newSources;\n    }\n\n    /**\n     * Debounce delay (in milliseconds) that controls how long the view model waits\n     * before starting a new search after the search term changed.\n     */\n    get searchTypingDelay(): number {\n        return this.#searchTypingDelay.value;\n    }\n\n    set searchTypingDelay(value: number | undefined) {\n        this.#searchTypingDelay.value = value ?? DEFAULT_SEARCH_TYPING_DELAY;\n    }\n\n    /**\n     * Maximum number of results per search source.\n     */\n    get maxResultsPerSource(): number {\n        return this.#maxResultsPerSource.value;\n    }\n\n    set maxResultsPerSource(value: number | undefined) {\n        this.#maxResultsPerSource.value = value ?? DEFAULT_MAX_RESULTS_PER_SOURCE;\n    }\n\n    /**\n     * The text shown in the search control's input field.\n     *\n     * Use {@link setInputValue} to change it.\n     */\n    get inputValue(): string {\n        return this.#inputValue.value;\n    }\n\n    /**\n     * The result currently selected by the user, if any.\n     */\n    get selectedResult(): SelectResult | undefined {\n        return this.#selected.value;\n    }\n\n    /**\n     * True while a search is being delayed or executed.\n     */\n    get pending(): boolean {\n        return this.currentSearchState.pending;\n    }\n\n    /**\n     * The state of the current search operation.\n     *\n     * The reactive properties of this object update as the search progresses.\n     */\n    get currentSearchState(): SearchOperationState {\n        return this.#currentState.value;\n    }\n\n    /**\n     * Replaces the text in the input field and searches for it.\n     */\n    setInputValue(value: string): void {\n        batch(() => {\n            this.#inputValue.value = value;\n            this.#searchTerm.value = value;\n            this.#selected.value = undefined;\n        });\n    }\n\n    /**\n     * Confirms the given result: the input field shows the result's label and the result\n     * becomes the current selection.\n     */\n    selectResult(source: SearchSource, result: SearchResult, trigger: SearchSelectTrigger): void {\n        batch(() => {\n            this.#inputValue.value = result.label;\n            this.#selected.value = { source, result };\n        });\n        this.#onSelect({ source, result, trigger });\n    }\n\n    /**\n     * Clears the input field, the current selection and the current search.\n     */\n    clear(trigger: SearchClearTrigger): void {\n        batch(() => {\n            this.#inputValue.value = \"\";\n            this.#searchTerm.value = \"\";\n            this.#selected.value = undefined;\n        });\n        this.#onClear({ trigger });\n    }\n\n    /**\n     * Searches for the given query and selects the first matching result.\n     *\n     * Returns the selected result, or `undefined` if the search did not return anything.\n     */\n    async searchAndSelect(query: string): Promise<SelectResult | undefined> {\n        // NOTE: The search term is left untouched, so this search does not change the input\n        // field's state (and the input field does not search for this query again).\n        const operation = this.#startSearchOperation(query.trim());\n        try {\n            await operation.completed;\n        } catch {\n            // Cancelled (another search was started) or failed; already reported by\n            // #startSearchOperation.\n            return undefined;\n        }\n\n        const selection = firstResult(operation.sourceResults);\n        if (!selection) {\n            return undefined;\n        }\n\n        batch(() => {\n            this.#currentState.value = operation; // show the results of this search\n            this.#inputValue.value = selection.result.label;\n            this.#selected.value = selection;\n        });\n        this.#onSelect({ ...selection, trigger: \"api-select\" });\n        return selection;\n    }\n\n    /**\n     * Starts a new search operation, cancelling the one that may still be running.\n     *\n     * The current configuration is captured here, when the operation starts: it must not be\n     * re-read from the operation's async continuations.\n     *\n     * Errors are reported here, so callers never have to handle them (and cannot cause an\n     * unhandled rejection by ignoring the operation's promise).\n     */\n    #startSearchOperation(query: string): SearchOperationStateImpl {\n        this.#currentOperation?.destroy();\n\n        const operation = (this.#currentOperation = new SearchOperationStateImpl({\n            query,\n            sources: this.sources,\n            maxResults: this.maxResultsPerSource,\n            map: this.#map,\n            typingDelay: this.searchTypingDelay\n        }));\n        operation.completed.catch((e) => {\n            if (!isAbortError(e)) {\n                LOG.error(`search operation for query '${query}' failed`, e);\n            }\n        });\n        return operation;\n    }\n}\n\n/**\n * Returns the first result across all sources (in source order).\n */\nfunction firstResult(sourceResults: readonly SearchSourceResults[]): SelectResult | undefined {\n    for (const { source, results } of sourceResults) {\n        const result = results[0];\n        if (result) {\n            return { source, result };\n        }\n    }\n    return undefined;\n}\n"],"names":[],"mappings":";;;;;AAuBA,MAAM,GAAA,GAAM,aAAa,QAAQ,CAAA;AAEjC,MAAM,8BAAA,GAAiC,CAAA;AACvC,MAAM,2BAAA,GAA8B,GAAA;AAqB7B,MAAM,eAAA,CAAgB;AAAA,EACzB,IAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EAEA,oBAAA,GAAuB,SAAS,8BAA8B,CAAA;AAAA,EAC9D,kBAAA,GAAqB,SAAS,2BAA2B,CAAA;AAAA,EACzD,WAAW,QAAA,CAAyB,IAAI,EAAE,KAAA,EAAO,cAAc,CAAA;AAAA;AAAA,EAG/D,WAAA,GAAc,SAAS,EAAE,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASzB,WAAA,GAAc,SAAS,EAAE,CAAA;AAAA;AAAA,EAGzB,YAAY,QAAA,EAAuB;AAAA;AAAA,EAGnC,aAAA,GAAgB,SAA+B,WAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAM1D,iBAAA;AAAA,EAEA,YAAA;AAAA,EAEA,YAAY,OAAA,EAAiC;AACzC,IAAA,IAAA,CAAK,OAAO,OAAA,CAAQ,GAAA;AACpB,IAAA,IAAA,CAAK,YAAY,OAAA,CAAQ,QAAA;AACzB,IAAA,IAAA,CAAK,WAAW,OAAA,CAAQ,OAAA;AAGxB,IAAA,IAAA,CAAK,YAAA,GAAe,KAAA;AAAA,MAChB,MAAM,CAAC,IAAA,CAAK,WAAA,CAAY,KAAA,CAAM,MAAM,CAAA;AAAA,MACpC,CAAC,CAAC,KAAK,CAAA,KAAM;AACT,QAAA,IAAA,CAAK,aAAA,CAAc,KAAA,GAAQ,IAAA,CAAK,qBAAA,CAAsB,KAAK,CAAA;AAAA,MAC/D;AAAA,KACJ;AAAA,EACJ;AAAA,EAEA,OAAA,GAAgB;AACZ,IAAA,IAAA,CAAK,YAAA,GAAe,eAAA,CAAgB,IAAA,CAAK,YAAY,CAAA;AACrD,IAAA,IAAA,CAAK,iBAAA,GAAoB,eAAA,CAAgB,IAAA,CAAK,iBAAiB,CAAA;AAAA,EACnE;AAAA,EAEA,IAAI,OAAA,GAA0B;AAC1B,IAAA,OAAO,KAAK,QAAA,CAAS,KAAA;AAAA,EACzB;AAAA,EAEA,IAAI,QAAQ,UAAA,EAA4B;AACpC,IAAA,IAAA,CAAK,SAAS,KAAA,GAAQ,UAAA;AAAA,EAC1B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,iBAAA,GAA4B;AAC5B,IAAA,OAAO,KAAK,kBAAA,CAAmB,KAAA;AAAA,EACnC;AAAA,EAEA,IAAI,kBAAkB,KAAA,EAA2B;AAC7C,IAAA,IAAA,CAAK,kBAAA,CAAmB,QAAQ,KAAA,IAAS,2BAAA;AAAA,EAC7C;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,mBAAA,GAA8B;AAC9B,IAAA,OAAO,KAAK,oBAAA,CAAqB,KAAA;AAAA,EACrC;AAAA,EAEA,IAAI,oBAAoB,KAAA,EAA2B;AAC/C,IAAA,IAAA,CAAK,oBAAA,CAAqB,QAAQ,KAAA,IAAS,8BAAA;AAAA,EAC/C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,IAAI,UAAA,GAAqB;AACrB,IAAA,OAAO,KAAK,WAAA,CAAY,KAAA;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,cAAA,GAA2C;AAC3C,IAAA,OAAO,KAAK,SAAA,CAAU,KAAA;AAAA,EAC1B;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,OAAA,GAAmB;AACnB,IAAA,OAAO,KAAK,kBAAA,CAAmB,OAAA;AAAA,EACnC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,IAAI,kBAAA,GAA2C;AAC3C,IAAA,OAAO,KAAK,aAAA,CAAc,KAAA;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA,EAKA,cAAc,KAAA,EAAqB;AAC/B,IAAA,KAAA,CAAM,MAAM;AACR,MAAA,IAAA,CAAK,YAAY,KAAA,GAAQ,KAAA;AACzB,MAAA,IAAA,CAAK,YAAY,KAAA,GAAQ,KAAA;AACzB,MAAA,IAAA,CAAK,UAAU,KAAA,GAAQ,MAAA;AAAA,IAC3B,CAAC,CAAA;AAAA,EACL;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,YAAA,CAAa,MAAA,EAAsB,MAAA,EAAsB,OAAA,EAAoC;AACzF,IAAA,KAAA,CAAM,MAAM;AACR,MAAA,IAAA,CAAK,WAAA,CAAY,QAAQ,MAAA,CAAO,KAAA;AAChC,MAAA,IAAA,CAAK,SAAA,CAAU,KAAA,GAAQ,EAAE,MAAA,EAAQ,MAAA,EAAO;AAAA,IAC5C,CAAC,CAAA;AACD,IAAA,IAAA,CAAK,SAAA,CAAU,EAAE,MAAA,EAAQ,MAAA,EAAQ,SAAS,CAAA;AAAA,EAC9C;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,OAAA,EAAmC;AACrC,IAAA,KAAA,CAAM,MAAM;AACR,MAAA,IAAA,CAAK,YAAY,KAAA,GAAQ,EAAA;AACzB,MAAA,IAAA,CAAK,YAAY,KAAA,GAAQ,EAAA;AACzB,MAAA,IAAA,CAAK,UAAU,KAAA,GAAQ,MAAA;AAAA,IAC3B,CAAC,CAAA;AACD,IAAA,IAAA,CAAK,QAAA,CAAS,EAAE,OAAA,EAAS,CAAA;AAAA,EAC7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,MAAM,gBAAgB,KAAA,EAAkD;AAGpE,IAAA,MAAM,SAAA,GAAY,IAAA,CAAK,qBAAA,CAAsB,KAAA,CAAM,MAAM,CAAA;AACzD,IAAA,IAAI;AACA,MAAA,MAAM,SAAA,CAAU,SAAA;AAAA,IACpB,CAAA,CAAA,MAAQ;AAGJ,MAAA,OAAO,MAAA;AAAA,IACX;AAEA,IAAA,MAAM,SAAA,GAAY,WAAA,CAAY,SAAA,CAAU,aAAa,CAAA;AACrD,IAAA,IAAI,CAAC,SAAA,EAAW;AACZ,MAAA,OAAO,MAAA;AAAA,IACX;AAEA,IAAA,KAAA,CAAM,MAAM;AACR,MAAA,IAAA,CAAK,cAAc,KAAA,GAAQ,SAAA;AAC3B,MAAA,IAAA,CAAK,WAAA,CAAY,KAAA,GAAQ,SAAA,CAAU,MAAA,CAAO,KAAA;AAC1C,MAAA,IAAA,CAAK,UAAU,KAAA,GAAQ,SAAA;AAAA,IAC3B,CAAC,CAAA;AACD,IAAA,IAAA,CAAK,UAAU,EAAE,GAAG,SAAA,EAAW,OAAA,EAAS,cAAc,CAAA;AACtD,IAAA,OAAO,SAAA;AAAA,EACX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWA,sBAAsB,KAAA,EAAyC;AAC3D,IAAA,IAAA,CAAK,mBAAmB,OAAA,EAAQ;AAEhC,IAAA,MAAM,SAAA,GAAa,IAAA,CAAK,iBAAA,GAAoB,IAAI,wBAAA,CAAyB;AAAA,MACrE,KAAA;AAAA,MACA,SAAS,IAAA,CAAK,OAAA;AAAA,MACd,YAAY,IAAA,CAAK,mBAAA;AAAA,MACjB,KAAK,IAAA,CAAK,IAAA;AAAA,MACV,aAAa,IAAA,CAAK;AAAA,KACrB,CAAA;AACD,IAAA,SAAA,CAAU,SAAA,CAAU,KAAA,CAAM,CAAC,CAAA,KAAM;AAC7B,MAAA,IAAI,CAAC,YAAA,CAAa,CAAC,CAAA,EAAG;AAClB,QAAA,GAAA,CAAI,KAAA,CAAM,CAAA,4BAAA,EAA+B,KAAK,CAAA,QAAA,CAAA,EAAY,CAAC,CAAA;AAAA,MAC/D;AAAA,IACJ,CAAC,CAAA;AACD,IAAA,OAAO,SAAA;AAAA,EACX;AACJ;AAKA,SAAS,YAAY,aAAA,EAAyE;AAC1F,EAAA,KAAA,MAAW,EAAE,MAAA,EAAQ,OAAA,EAAQ,IAAK,aAAA,EAAe;AAC7C,IAAA,MAAM,MAAA,GAAS,QAAQ,CAAC,CAAA;AACxB,IAAA,IAAI,MAAA,EAAQ;AACR,MAAA,OAAO,EAAE,QAAQ,MAAA,EAAO;AAAA,IAC5B;AAAA,EACJ;AACA,EAAA,OAAO,MAAA;AACX;;"}

package/model/index.d.ts

@@ -0,0 +1,2 @@
+export type { SearchOperationState, SearchSourceResults } from "./SearchOperationState";
+export { SearchViewModel, type SearchViewModelOptions } from "./SearchViewModel";

package/model/index.js

@@ -0,0 +1,2 @@
+import './SearchViewModel.js';
+//# sourceMappingURL=index.js.map

package/model/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}