explorbot 0.4.10 → 0.5.0

package/dist/src/commands/research-command.js

@@ -43,4 +43,10 @@ export class ResearchCommand extends BaseCommand {
             this.suggestions = [{ command: 'research <page> --deep', hint: 'analyze page for all expandable elements and interactions' }];
         }
     }
+    completeArguments() {
+        return this.explorBot
+            .stateManager()
+            .getKnownUrls()
+            .map((url) => ({ value: url }));
+    }
 }

package/dist/src/commands/test-command.d.ts

@@ -1,4 +1,4 @@
-import { BaseCommand, type Suggestion } from './base-command.js';
+import { type ArgumentCompletion, BaseCommand, type Suggestion } from './base-command.js';
 export declare class TestCommand extends BaseCommand {
     name: string;
     description: string;
@@ -8,4 +8,5 @@ export declare class TestCommand extends BaseCommand {
     }[];
     suggestions: Suggestion[];
     execute(args: string): Promise<void>;
+    completeArguments(): ArgumentCompletion[];
 }

package/dist/src/commands/test-command.js

@@ -1,5 +1,5 @@
 import { Stats } from '../stats.js';
-import { Test } from '../test-plan.js';
+import { Plan, Test } from '../test-plan.js';
 import { tag } from '../utils/logger.js';
 import { BaseCommand } from './base-command.js';
 export class TestCommand extends BaseCommand {
@@ -74,6 +74,9 @@ export class TestCommand extends BaseCommand {
         }
         tag('success').log('Test execution finished');
     }
+    completeArguments() {
+        return Plan.listFiles(this.explorBot.getPlansDir()).map((file) => ({ value: `--from-plan ${file.name}`, display: file.label }));
+    }
 }
 function parseTestIndices(input, total) {
     const indices = new Set();

package/dist/src/components/Autocomplete.js

@@ -1,8 +1,12 @@
-import { Box, Text } from 'ink';
+import { Box, Text, useStdout } from 'ink';
 import React from 'react';
+import { truncate } from '../utils/strings.js';
 import { useAutocompleteState } from './autocomplete-store.js';
+const MAX_HEIGHT = 7;
+const COLUMN_WIDTH = 24;
 const Autocomplete = () => {
     const { suggestions, selectedIndex, visible, argumentHint } = useAutocompleteState();
+    const { stdout } = useStdout();
     if (!visible) {
         if (!argumentHint) {
             return null;
@@ -13,19 +17,32 @@ const Autocomplete = () => {
             React.createElement(Text, { dimColor: true }, argumentHint)));
     }
     const effectiveSelectedIndex = Math.min(selectedIndex, suggestions.length - 1);
-    const maxHeight = 7;
-    const rowsPerColumn = Math.min(Math.max(1, maxHeight - 2), suggestions.length);
+    const rowsPerColumn = Math.min(Math.max(1, MAX_HEIGHT - 2), suggestions.length);
+    const widest = Math.max(...suggestions.map((suggestion) => suggestion.display.length));
+    if (widest > COLUMN_WIDTH) {
+        const width = Math.max(COLUMN_WIDTH, (stdout?.columns || 80) - 4);
+        let firstRow = 0;
+        if (effectiveSelectedIndex >= rowsPerColumn) {
+            firstRow = effectiveSelectedIndex - rowsPerColumn + 1;
+        }
+        return (React.createElement(Box, { position: "absolute", top: 0, left: 0, width: "100%", maxHeight: MAX_HEIGHT, overflow: "hidden", paddingX: 1, paddingY: 1, backgroundColor: "#2a2a2a", flexDirection: "column" }, suggestions.slice(firstRow, firstRow + rowsPerColumn).map((suggestion, rowIndex) => {
+            const isSelected = firstRow + rowIndex === effectiveSelectedIndex;
+            let color = 'white';
+            let backgroundColor = '#2a2a2a';
+            if (isSelected) {
+                color = 'black';
+                backgroundColor = '#e6e6e6';
+            }
+            return (React.createElement(Text, { key: suggestion.value, color: color, backgroundColor: backgroundColor }, ` ${truncate(suggestion.display, width).padEnd(width)} `));
+        })));
+    }
     const columns = [];
     for (let index = 0; index < suggestions.length; index += rowsPerColumn) {
         columns.push(suggestions.slice(index, index + rowsPerColumn));
     }
-    return (React.createElement(Box, { position: "absolute", top: 0, left: 0, width: "100%", maxHeight: maxHeight, overflow: "hidden", paddingX: 1, paddingY: 1, backgroundColor: "#2a2a2a", flexDirection: "row", columnGap: 2 }, columns.map((column, columnIndex) => (React.createElement(Box, { key: columnIndex, flexDirection: "column" }, column.map((suggestion, rowIndex) => {
+    return (React.createElement(Box, { position: "absolute", top: 0, left: 0, width: "100%", maxHeight: MAX_HEIGHT, overflow: "hidden", paddingX: 1, paddingY: 1, backgroundColor: "#2a2a2a", flexDirection: "row", columnGap: 2 }, columns.map((column, columnIndex) => (React.createElement(Box, { key: columnIndex, flexDirection: "column" }, column.map((suggestion, rowIndex) => {
         const index = columnIndex * rowsPerColumn + rowIndex;
         const isSelected = index === effectiveSelectedIndex;
-        let display = suggestion.display;
-        if (display.length > 24) {
-            display = `${display.slice(0, 21)}...`;
-        }
         let color = 'white';
         let backgroundColor = '#2a2a2a';
         if (isSelected) {
@@ -33,10 +50,7 @@ const Autocomplete = () => {
             backgroundColor = '#e6e6e6';
         }
         return (React.createElement(Box, { key: suggestion.display, marginBottom: 1 },
-            React.createElement(Text, { color: color, backgroundColor: backgroundColor },
-                ' ',
-                display,
-                ' ')));
+            React.createElement(Text, { color: color, backgroundColor: backgroundColor }, ` ${suggestion.display} `)));
     }))))));
 };
 export default Autocomplete;

package/dist/src/components/InputReadline.js

@@ -17,6 +17,7 @@ const InputReadline = React.memo(({ commandHandler, exitOnEmptyInput = false, on
     const cursorRef = useRef(cursorPosition);
     const showAutocompleteRef = useRef(showAutocomplete);
     const selectedIndexRef = useRef(selectedIndex);
+    const navigatedRef = useRef(false);
     const historyRef = useRef([]);
     const historyIndexRef = useRef(-1);
     const historyDraftRef = useRef('');
@@ -55,6 +56,7 @@ const InputReadline = React.memo(({ commandHandler, exitOnEmptyInput = false, on
             cursorRef.current = 0;
             showAutocompleteRef.current = false;
             selectedIndexRef.current = 0;
+            navigatedRef.current = false;
             historyIndexRef.current = -1;
             historyDraftRef.current = '';
             setInputState({ value: '', cursor: 0, showAutocomplete: false, selectedIndex: 0 });
@@ -101,6 +103,7 @@ const InputReadline = React.memo(({ commandHandler, exitOnEmptyInput = false, on
         cursorRef.current = safeCursor;
         showAutocompleteRef.current = nextShowAutocomplete;
         selectedIndexRef.current = 0;
+        navigatedRef.current = false;
         historyIndexRef.current = -1;
         historyDraftRef.current = '';
         if (isControlled) {
@@ -173,6 +176,7 @@ const InputReadline = React.memo(({ commandHandler, exitOnEmptyInput = false, on
             if (showAutocompleteRef.current) {
                 showAutocompleteRef.current = false;
                 selectedIndexRef.current = 0;
+                navigatedRef.current = false;
                 setInputState((prev) => ({ ...prev, showAutocomplete: false, selectedIndex: 0 }));
             }
             return;
@@ -184,7 +188,7 @@ const InputReadline = React.memo(({ commandHandler, exitOnEmptyInput = false, on
             }
             if (commandHandler && showAutocompleteRef.current) {
                 const autocomplete = getAutocomplete(inputRef.current, cursorRef.current);
-                if (autocomplete.visible && autocomplete.suggestions.length > 0) {
+                if (autocomplete.visible && autocomplete.suggestions.length > 0 && (!autocomplete.completesArgument || navigatedRef.current)) {
                     const chosen = applyAutocomplete(selectedIndexRef.current);
                     if (chosen) {
                         handleSubmit(chosen);
@@ -321,6 +325,7 @@ const InputReadline = React.memo(({ commandHandler, exitOnEmptyInput = false, on
             if (autocomplete.visible && autocomplete.suggestions.length > 0) {
                 const nextIndex = selectedIndexRef.current > 0 ? selectedIndexRef.current - 1 : autocomplete.suggestions.length - 1;
                 selectedIndexRef.current = nextIndex;
+                navigatedRef.current = true;
                 setInputState((prev) => ({ ...prev, selectedIndex: nextIndex }));
                 return;
             }
@@ -330,6 +335,7 @@ const InputReadline = React.memo(({ commandHandler, exitOnEmptyInput = false, on
             if (autocomplete.visible && autocomplete.suggestions.length > 0) {
                 const nextIndex = selectedIndexRef.current < autocomplete.suggestions.length - 1 ? selectedIndexRef.current + 1 : 0;
                 selectedIndexRef.current = nextIndex;
+                navigatedRef.current = true;
                 setInputState((prev) => ({ ...prev, selectedIndex: nextIndex }));
                 return;
             }
@@ -388,6 +394,7 @@ const InputReadline = React.memo(({ commandHandler, exitOnEmptyInput = false, on
             inputRef.current = nextValue;
             cursorRef.current = nextValue.length;
             selectedIndexRef.current = 0;
+            navigatedRef.current = false;
             showAutocompleteRef.current = nextShowAutocomplete;
             setInputState({ value: nextValue, cursor: nextValue.length, selectedIndex: 0, showAutocomplete: nextShowAutocomplete });
             return;
@@ -410,6 +417,7 @@ const InputReadline = React.memo(({ commandHandler, exitOnEmptyInput = false, on
                 inputRef.current = nextValue;
                 cursorRef.current = nextValue.length;
                 selectedIndexRef.current = 0;
+                navigatedRef.current = false;
                 showAutocompleteRef.current = nextShowAutocomplete;
                 setInputState({ value: nextValue, cursor: nextValue.length, selectedIndex: 0, showAutocomplete: nextShowAutocomplete });
                 return;
@@ -421,6 +429,7 @@ const InputReadline = React.memo(({ commandHandler, exitOnEmptyInput = false, on
             inputRef.current = nextValue;
             cursorRef.current = nextValue.length;
             selectedIndexRef.current = 0;
+            navigatedRef.current = false;
             showAutocompleteRef.current = nextShowAutocomplete;
             setInputState({ value: nextValue, cursor: nextValue.length, selectedIndex: 0, showAutocomplete: nextShowAutocomplete });
             return;

package/dist/src/config.d.ts

@@ -157,6 +157,12 @@ interface AIConfig {
     vision?: boolean;
     visionModel?: any;
     agenticModel?: any;
+    decisionModel?: {
+        provider: string;
+        model: string;
+        tool?: boolean;
+        direct?: boolean;
+    };
     retryAttempts?: number;
     retryDelay?: number;
     maxParallelRequests?: number;

package/dist/src/experience-tracker.js

@@ -224,7 +224,7 @@ export class ExperienceTracker {
                 const sections = mdq(content).query('section2').each();
                 if (sections.length <= 1)
                     break;
-                content = sections[sections.length - 1].replace('');
+                content = sections[sections.length - 1].replace('').toString();
             }
             return { ...experience, content };
         });
@@ -244,7 +244,7 @@ export class ExperienceTracker {
                 continue;
             combined = renderAsHowTo(combined);
             if (options?.stripCode) {
-                combined = mdq(combined).query('code').replace('');
+                combined = mdq(combined).query('code').replace('').toString();
             }
             if (combined.trim())
                 results.push(combined.trim());
@@ -459,5 +459,6 @@ function renderAsHowTo(content) {
         if (text.startsWith('ACTION:'))
             return `## HOW to ${text.slice(7).trim()} (single-step)\n\n`;
         return heading.text();
-    });
+    })
+        .toString();
 }

package/dist/src/explorbot.d.ts

@@ -5,6 +5,7 @@ import { Driller } from './ai/driller.js';
 import { ExperienceCompactor } from './ai/experience-compactor.js';
 import { Fisherman } from './ai/fisherman.js';
 import { Historian } from './ai/historian.js';
+import { Judge } from './ai/judge.js';
 import { Navigator } from './ai/navigator.js';
 import { Pilot } from './ai/pilot.js';
 import { Planner } from './ai/planner.js';
@@ -64,6 +65,7 @@ export declare class ExplorBot {
     _reporter?: Reporter;
     _requestStore?: RequestStore;
     _playwrightRecorder?: PlaywrightRecorder;
+    judgeInstance: Judge | null | undefined;
     constructor(options?: ExplorBotOptions);
     get isExploring(): boolean;
     setUserResolve(fn: UserResolveFunction): void;
@@ -83,6 +85,7 @@ export declare class ExplorBot {
     reporter(): Reporter;
     requestStore(): RequestStore;
     playwrightRecorder(): PlaywrightRecorder;
+    judge(): Judge | null;
     getConfig(): ExplorbotConfig;
     getOptions(): ExplorBotOptions;
     getProvider(): AIProvider;

package/dist/src/explorbot.js

@@ -5,6 +5,7 @@ import { Driller } from "./ai/driller.js";
 import { ExperienceCompactor } from "./ai/experience-compactor.js";
 import { Fisherman } from "./ai/fisherman.js";
 import { Historian } from "./ai/historian.js";
+import { Judge } from "./ai/judge.js";
 import { Navigator } from "./ai/navigator.js";
 import { Pilot } from "./ai/pilot.js";
 import { Planner } from "./ai/planner.js";
@@ -56,6 +57,7 @@ export class ExplorBot {
     _reporter;
     _requestStore;
     _playwrightRecorder;
+    judgeInstance;
     constructor(options = {}) {
         this.options = options;
         this.configParser = ConfigParser.getInstance();
@@ -152,6 +154,11 @@ export class ExplorBot {
     playwrightRecorder() {
         return (this._playwrightRecorder ||= new PlaywrightRecorder());
     }
+    judge() {
+        if (this.judgeInstance === undefined)
+            this.judgeInstance = Judge.fromConfig(this.config.ai?.decisionModel);
+        return this.judgeInstance;
+    }
     getConfig() {
         return this.config;
     }
@@ -170,6 +177,7 @@ export class ExplorBot {
             knowledgeTracker: this.knowledgeTracker(),
             requestStore: this.requestStore(),
             playwrightRecorder: this.playwrightRecorder(),
+            judge: this.judge() || undefined,
         });
         const agentName = agent.constructor.name.toLowerCase();
         tag('debug').log(`Created ${agentName} agent`);

package/dist/src/knowledge-tracker.js

@@ -171,7 +171,7 @@ export class KnowledgeTracker {
         this.loadKnowledgeFiles();
         return this.knowledgeFiles.map((knowledge) => {
             const content = knowledge.content.trim();
-            const firstLine = mdq(content).meta()[0]?.text.split('\n')[0]?.trim() || '';
+            const firstLine = mdq(content).nodes()[0]?.text.split('\n')[0]?.trim() || '';
             return {
                 url: knowledge.url || knowledge.endpoint || '',
                 firstLine,

package/dist/src/state-manager.d.ts

@@ -72,6 +72,7 @@ export declare class StateManager {
     currentState: WebPageState | null;
     stateHistory: StateTransition[];
     allVisitedUrls: Set<string>;
+    experienceUrls?: string[];
     stateChangeListeners: StateChangeListener[];
     experienceTracker: ExperienceTracker;
     knowledgeTracker: KnowledgeTracker;
@@ -137,6 +138,7 @@ export declare class StateManager {
      */
     hasVisitedState(path: string): boolean;
     getAllVisitedUrls(): Set<string>;
+    getKnownUrls(): string[];
     /**
      * Get how many times we've visited a specific path
      */

package/dist/src/state-manager.js

@@ -9,6 +9,7 @@ export class StateManager {
     currentState = null;
     stateHistory = [];
     allVisitedUrls = new Set();
+    experienceUrls;
     stateChangeListeners = [];
     experienceTracker;
     knowledgeTracker;
@@ -243,6 +244,21 @@ export class StateManager {
     getAllVisitedUrls() {
         return this.allVisitedUrls;
     }
+    getKnownUrls() {
+        this.experienceUrls ||= this.experienceTracker
+            .getAllExperience()
+            .sort((left, right) => right.mtime.getTime() - left.mtime.getTime())
+            .flatMap((experience) => experience.data.url || []);
+        const sessionUrls = this.stateHistory.map((transition) => transition.toState.url).reverse();
+        const urls = new Map();
+        for (const url of [...sessionUrls, ...this.experienceUrls]) {
+            const key = normalizeUrl(url);
+            if (urls.has(key))
+                continue;
+            urls.set(key, url);
+        }
+        return [...urls.values()];
+    }
     /**
      * Get how many times we've visited a specific path
      */

package/dist/src/test-plan.d.ts

@@ -96,6 +96,7 @@ export declare class Test extends Task {
     endTime?: number;
     resetCount: number;
     appliedExperience: AppliedExperience[];
+    preparedData: string[];
     constructor(scenario: string, priority: 'critical' | 'important' | 'high' | 'normal' | 'low', expectedOutcome: string | string[], startUrl: string, plannedSteps?: string[]);
     getVisitedUrls({ localOnly }?: {
         localOnly?: boolean;
@@ -147,6 +148,7 @@ export declare class Plan {
     get allSuccessful(): boolean;
     get allFailed(): boolean;
     updateStatus(): void;
+    static listFiles(plansDir: string): PlanFile[];
     static resolveFile(file: string, plansDir?: string): string | null;
     static loadFromFile(file: string, plansDir?: string): Plan | null;
     static fromMarkdown(filePath: string): Plan;
@@ -178,4 +180,13 @@ interface AppliedExperience {
     url: string;
     content: string;
 }
+export interface PlanFile {
+    name: string;
+    path: string;
+    modifiedAt: number;
+    title: string;
+    url: string;
+    testCount: number;
+    label: string;
+}
 export {};

package/dist/src/test-plan.js

@@ -1,10 +1,12 @@
 import { createHash } from 'node:crypto';
-import { existsSync } from 'node:fs';
+import { existsSync, readdirSync, statSync } from 'node:fs';
 import path from 'node:path';
 import { listSitePlanDirs } from "./global-config.js";
-import { tag } from "./utils/logger.js";
+import { createDebug, pluralize, tag } from "./utils/logger.js";
+import { truncateMiddle } from "./utils/strings.js";
 import { parsePlanFromMarkdown, planToAiContext, savePlanToMarkdown, savePlansToMarkdown } from "./utils/test-plan-markdown.js";
 import { uniqSessionName } from "./utils/unique-names.js";
+import { extractStatePath } from "./utils/url-matcher.js";
 export const TestResult = {
     PASSED: 'passed',
     FAILED: 'failed',
@@ -194,6 +196,7 @@ export class Test extends Task {
     endTime;
     resetCount = 0;
     appliedExperience = [];
+    preparedData = [];
     constructor(scenario, priority, expectedOutcome, startUrl, plannedSteps = []) {
         super(scenario, startUrl);
         this.scenario = scenario;
@@ -397,6 +400,37 @@ export class Plan {
         return this.tests.length > 0 && this.tests.every((test) => test.hasFailed);
     }
     updateStatus() { }
+    static listFiles(plansDir) {
+        if (!existsSync(plansDir))
+            return [];
+        const files = readdirSync(plansDir)
+            .filter((file) => file.endsWith('.md'))
+            .map((file) => {
+            const filePath = path.join(plansDir, file);
+            const modifiedAt = statSync(filePath).mtimeMs;
+            const plan = readPlanFile(filePath, modifiedAt);
+            return {
+                name: file,
+                path: filePath,
+                modifiedAt,
+                title: plan.title,
+                url: extractStatePath(plan.startUrl || ''),
+                testCount: plan.tests.length,
+                label: '',
+            };
+        })
+            .sort((left, right) => right.modifiedAt - left.modifiedAt);
+        if (files.length === 0)
+            return files;
+        const nameWidth = Math.min(MAX_PLAN_NAME_WIDTH, Math.max(...files.map((file) => file.name.length)));
+        const urlWidth = Math.min(MAX_PLAN_URL_WIDTH, Math.max(...files.map((file) => file.url.length)));
+        for (const file of files) {
+            const name = truncateMiddle(file.name, nameWidth).padEnd(nameWidth);
+            const url = truncateMiddle(file.url, urlWidth).padEnd(urlWidth);
+            file.label = `${name}  ${url}  ${file.testCount} ${pluralize(file.testCount, 'test')}`;
+        }
+        return files;
+    }
     static resolveFile(file, plansDir) {
         const names = [file];
         if (!file.endsWith('.md'))
@@ -464,3 +498,21 @@ export class Plan {
         return planToAiContext(this, options);
     }
 }
+const debugLog = createDebug('explorbot:test-plan');
+const MAX_PLAN_NAME_WIDTH = 38;
+const MAX_PLAN_URL_WIDTH = 26;
+const planFileCache = new Map();
+function readPlanFile(filePath, modifiedAt) {
+    const cached = planFileCache.get(filePath);
+    if (cached?.modifiedAt === modifiedAt)
+        return cached.plan;
+    let plan = new Plan(path.basename(filePath));
+    try {
+        plan = parsePlanFromMarkdown(filePath);
+    }
+    catch (error) {
+        debugLog(`Failed to read plan file ${filePath}:`, error);
+    }
+    planFileCache.set(filePath, { modifiedAt, plan });
+    return plan;
+}

package/dist/src/utils/aria-ref.js

@@ -1,5 +1,5 @@
 import { WebElement } from "./web-element.js";
-const REF_LINE_PATTERN = /^(\s*)-\s+(\w+)\s*(?:"([^"]*)")?.*?\[ref=(e\d+)\]/;
+const REF_LINE_PATTERN = /^(\s*)-\s+(\w+)\s*(?:"([^"]*)")?.*?\[ref=((?:f\d+)?e\d+)\]/;
 const ARIA_REF_PATTERN = /^(f\d+)?e\d+$/i;
 const REF_ROLES = { a: 'link', button: 'button', select: 'combobox', textarea: 'textbox' };
 export function ariaRefSelector(ref) {

package/dist/src/utils/logger.js

@@ -75,8 +75,14 @@ class ConsoleDestination {
             return;
         if (entry.type === 'operation' && !this.verboseMode)
             return;
-        if (entry.type === 'step' && !this.verboseMode && this.recentSteps.shouldSuppress(entry.content))
-            return;
+        if (entry.type === 'step' && !this.verboseMode) {
+            const step = entry.originalArgs?.[0];
+            const error = entry.originalArgs?.[1];
+            if (error || step?.failed === true || step?.status === 'failed')
+                return;
+            if (this.recentSteps.shouldSuppress(entry.content))
+                return;
+        }
         let content = entry.content;
         if (entry.type === 'multiline' || entry.type === 'details') {
             const cleaned = stripAnsi(dedent(entry.content));

package/dist/src/utils/markdown-query.d.ts

@@ -1,48 +1 @@
-import { type Token } from 'marked';
-export type SelectorType = 'section' | 'section1' | 'section2' | 'section3' | 'section4' | 'section5' | 'section6' | 'table' | 'heading' | 'paragraph' | 'list' | 'item' | 'code' | 'blockquote' | 'hr' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-export interface TextMatcher {
-    mode: 'exact' | 'contains' | 'regex';
-    value: string;
-    negated: boolean;
-}
-export interface QuerySegment {
-    selector: SelectorType;
-    textMatch?: TextMatcher;
-    index: number | null;
-    slice: {
-        from?: number;
-        to?: number;
-    } | null;
-}
-export interface MatchedRange {
-    token: Token;
-    start: number;
-    length: number;
-    innerTokens?: MatchedRange[];
-}
-export declare function parseQuery(input: string): QuerySegment[];
-export declare class MarkdownQuery {
-    source: string;
-    matches: MatchedRange[];
-    constructor(source: string, matches?: MatchedRange[]);
-    query(selector: string): MarkdownQuery;
-    text(): string;
-    get(): string;
-    toJson(): Record<string, string>[];
-    keyValue(): Record<string, string>;
-    setKeyValue(key: string, value: string | null): string;
-    replace(content: string): string;
-    replaceEach(replacer: (match: MarkdownQuery, index: number) => string): string;
-    count(): number;
-    first(): MarkdownQuery;
-    last(): MarkdownQuery;
-    before(): MarkdownQuery;
-    after(): MarkdownQuery;
-    each(): MarkdownQuery[];
-    meta(): Array<{
-        type: string;
-        depth: number | null;
-        text: string;
-    }>;
-}
-export declare function mdq(source: string): MarkdownQuery;
+export * from './mdq/query.js';