Method parseQuery

scripts/github-query-builder-element.ts:1140–1211

(elements?: QueryElement[], focusOnInput = true)

  }

  async parseQuery(elements?: QueryElement[], focusOnInput = true) {
    this.#parseAbortController?.abort();
    const { signal } = (this.#parseAbortController = new AbortController());

    if (!elements) {
      elements = this.parseInputValue();
    } else {
      const newInputValue = elements
        .map((item) => {
          if (item.type === "filter") return `${item.filter}:${item.value}`;
          return item.value;
        })
        // Don't assume separator if a custom parser is specified
        .join(this.#usingCustomParser ? "" : " ");

      // When using in react, we need to update the prototype value so the dispatched `change` event does not get
      // discarded
      const prototypeValueSetter = Object.getOwnPropertyDescriptor(
        Object.getPrototypeOf(this.input),
        "value"
      )?.set;

      if (prototypeValueSetter) {
        prototypeValueSetter?.call(this.input, newInputValue);
      } else {
        this.input.value = newInputValue;
      }

      this.input.dispatchEvent(new Event("change", { bubbles: true }));
    }

    this.lastParsedQuery = this.input.value;

    await new Promise((resolve) => requestAnimationFrame(resolve));

    if (signal.aborted) return;
    this.styleInputText(elements);
    if (focusOnInput) this.input.focus();

    await new Promise((resolve) => setTimeout(resolve, 100));
    if (signal.aborted) return;

    for (const provider of this.#searchItems.keys()) {
      this.#searchItemsMarkedForClearing.add(provider);
    }

    this.#filterItems.clear();
    this.#filters.clear();

    const event = new QueryEvent(
      elements,
      this.input.value,
      this.parsedMetadata
    );
    this.dispatchEvent(event);

    // The sync effects of the QueryEvent should all have triggered by now,
    // meaning that any providers which did not clear their own search items