mobx-view-model-devtools 0.0.39 → 0.0.41

package/index.d.ts

@@ -6,7 +6,7 @@ import { VirtualizerHandle } from 'virtua';
 import { Ref } from 'yummies/mobx';
 import { AnyObject, Maybe, Defined } from 'yummies/types';
 import { KeyboardHandler as KeyboardHandler$1, KeyboardHandlerAction } from 'mobx-swiss-knife';
-import { ComponentType, ChangeEventHandler } from 'react';
+import { ComponentType, ChangeEventHandler, ChangeEvent, KeyboardEvent } from 'react';
 
 declare class KeyboardHandler extends KeyboardHandler$1<KeyboardHandlerAction> {
     constructor(devtools: ViewModelDevtools);
@@ -39,7 +39,6 @@ declare abstract class ListItem<T> {
     get expandedChildren(): ListItem<any>[];
     get expandedChildrenWithSelf(): ListItem<any>[];
     get data(): T;
-    get isFitted(): boolean;
     get closingItem(): ListItem<any> | null;
     abstract get depth(): number;
     get depthLine(): string;
@@ -58,13 +57,13 @@ declare class PropertyListItem extends ListItem<any> {
     editContent: string;
     isEditMode: boolean;
     get isExpanded(): boolean;
+    get isExpandable(): boolean;
     get data(): any;
     get descriptor(): PropertyDescriptor | null | undefined;
     get dataType(): "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";
     get stringifiedDataType(): string;
     get type(): "array" | "instance" | "function" | "object" | "primitive";
     get children(): PropertyListItem[];
-    get isFitted(): boolean;
     get extraContent(): "," | null;
     private get propertyClosingTag();
     get closingItem(): ListItem<any> | null;
@@ -79,6 +78,7 @@ declare class PropertyListItem extends ListItem<any> {
     get operations(): ListItemOperation<any>[];
     handleChangeEditContent: ChangeEventHandler<HTMLInputElement>;
     getSavedTempVarNotification(tempVarName: string): string;
+    get parentListItem(): ListItem<any>;
     protected constructor(devtools: ViewModelDevtools, property: Maybe<string>, path: string, order: number, parent: ListItem<any>);
     static createKey(parent: ListItem<any>, property: Maybe<string>): string;
     static create(devtools: ViewModelDevtools, property: Maybe<string>, path: string, order: number, parent: ListItem<any>): PropertyListItem;
@@ -89,18 +89,84 @@ interface FocusableRef<T extends HTMLElement = HTMLElement> extends Ref<T, {
 }> {
 }
 
+interface SearchEngineConfig {
+    getContainerId: () => string;
+    getIsActive: () => boolean;
+    getItemOffset: (index: number) => number;
+    scrollToOffset: (offset: number) => void;
+    getRootItems: () => ListItem<any>[];
+    getPresentationMode: () => 'tree' | 'list';
+}
 declare class SearchEngine {
+    private config;
     searchInputRef: FocusableRef<HTMLInputElement>;
-    fittedVmIds: Set<string>;
-    private rawSearchText;
-    formattedSearchText: string;
-    private searchTextUpdateTimeout;
-    segments: string[];
-    get isActive(): boolean;
+    searchText: string;
+    searchCacheKey: string;
+    isSearching: boolean;
+    get formattedSearchText(): string;
+    /**
+     * Сегменты поиска, разбитые по точке.
+     * Trailing-пустой сегмент (от trailing dot) убирается — для этого есть endsWithDot.
+     */
+    get segments(): string[];
     get endsWithDot(): boolean;
-    private setSearchText;
+    get isActive(): boolean;
+    /**
+     * Суффикс первого найденного свойства, которое начинается с последнего сегмента.
+     * Отображается как серая подсказка в инпуте.
+     * Например: ввод "_pay" → suggestionSuffix = "load" (от "_payload")
+     */
+    get suggestionSuffix(): string;
+    handleSearchInput: (e: ChangeEvent<HTMLInputElement>) => void;
+    handleKeyDown: (e: KeyboardEvent<HTMLInputElement>) => void;
+    /**
+     * Рекурсивно собирает все VMListItem из дерева (включая вложенные).
+     */
+    private collectAllVMs;
+    /**
+     * Возвращает PropertyListItem на целевой глубине для получения подсказки.
+     * pathSegments — все сегменты кроме последнего (путь навигации).
+     */
+    private getCandidatePropsAtDepth;
+    /**
+     * Навигация вглубь по цепочке свойств.
+     * Возвращает свойства на нужной глубине.
+     */
+    private navigatePropertyPath;
+    /**
+     * Плоский список для режима 'list': все VM показываются независимо,
+     * сворачивание VM скрывает только его свойства, но не дочерние VM.
+     */
+    private getFlatListItems;
+    getListItems(rootItems: ListItem<any>[]): ListItem<any>[];
+    private getFilteredItemsForSearch;
+    private getVMSearchItems;
+    /**
+     * Рекурсивно строит плоский список PropertyListItem для отображения.
+     *
+     * propSegments[0] — фильтр текущего уровня.
+     * Совпадающие свойства с propSegments[0], у которых есть ещё сегменты
+     * (т.е. не последний) — автоматически раскрываются (рекурсия вглубь).
+     * Последний сегмент только окрашивает (серый/нормальный), не раскрывает.
+     */
+    private getPropertySearchItems;
+    private vmMatchesSearch;
+    isPropertyItemExpanded(item: PropertyListItem): boolean;
+    isPropertyItemExpandable(item: PropertyListItem): boolean;
+    isVmItemExpanded(item: VMListItem): boolean;
+    /**
+     * Определяет, должен ли элемент отображаться «нормально» (true)
+     * или «затемнённо» (false — серым).
+     *
+     * Для PropertyListItem: проходим вверх по цепочке parentListItem,
+     * собирая предков и вычисляя уровень вложенности.
+     * Затем проверяем, что вся цепочка предков соответствует сегментам поиска:
+     * если хотя бы один предок не совпадает с нужным сегментом —
+     * элемент находится в «несовпадающей ветке» и тоже должен быть серым.
+     */
+    isItemFitted(item: ListItem<any>): boolean;
     resetSearch: () => void;
-    constructor();
+    constructor(config: SearchEngineConfig);
 }
 
 interface ViewModelDevtoolsConfig {
@@ -129,28 +195,17 @@ declare class ViewModelDevtools {
     scrollListRef: Ref<VirtualizerHandle>;
     private storage;
     anyCache: mobx.ObservableMap<string, any>;
-    private autoscrollTimeout;
-    searchResultsCache: mobx.IObservableArray<ListItem<any>>;
-    searchCacheKey: string;
-    private searchTaskId;
-    isSearching: boolean;
-    private searchInitTaskId;
     get allVms(): AnyVM[];
     private get rootVmListItems();
     private get extraListItems();
+    private get searchRootItems();
     get listItems(): ListItem<any>[];
-    private startLazySearch;
-    private performLazySearch;
-    private filterAndCacheResults;
-    private filterItemsWithParentsLazy;
-    private getParentItemsWithMatchedChildren;
-    private findParent;
     get isActive(): boolean;
     private get containerId();
     isExpanded(vmItem: VMListItem): boolean;
     checkIsExtraPathExpanded(path: string): boolean;
     handleExpandVmPropertyClick(vmItem: VMListItem, path: string): void;
-    handlePropertyClick(item: PropertyListItem, e: React.MouseEvent<HTMLElement>): void;
+    handlePropertyClick(item: PropertyListItem, _e: React.MouseEvent<HTMLElement>): void;
     handleVmItemHeaderClick(vmItem: VMListItem): void;
     isExpandable(vmItem: VMListItem): boolean | undefined;
     private getVmParams;
@@ -178,7 +233,6 @@ declare class VMListItem extends ListItem<AnyVM> {
     private allVms;
     private parent?;
     private get childVMListItems();
-    get isFitted(): boolean;
     private get propertyListItems();
     get children(): ListItem<any>[];
     private getVmParams;