@ethlete/query-devtools 1.0.0-next.10 → 1.0.0-next.12

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@ethlete/query-devtools",
-  "version": "1.0.0-next.10",
+  "version": "1.0.0-next.12",
   "license": "MIT",
   "sideEffects": false,
   "peerDependencies": {
     "@analogjs/vitest-angular": "2.6.3",
-    "@angular/common": "22.0.7",
-    "@angular/compiler": "22.0.7",
-    "@angular/core": "22.0.7",
+    "@angular/common": "22.1.6",
+    "@angular/compiler": "22.1.6",
+    "@angular/core": "22.1.6",
     "@ethlete/components": "^1.0.0-next.42",
     "@ethlete/core": "^5.0.0-beta.11",
     "@ethlete/query": "^6.0.0-beta.8",

package/types/ethlete-query-devtools-lazy.d.ts

@@ -5,6 +5,9 @@ import * as _angular_core from '@angular/core';
  * first asked for, then downloads `<et-query-devtools>` as its own chunk and hands over. Use it instead
  * of `<et-query-devtools>` to keep the panel out of the bundle an application ships to its users.
  *
+ * Without `provideQueryDevtools()` it renders nothing at all - no toggle, no shortcut, and the panel
+ * chunk is never requested - so it can be left mounted in a production build.
+ *
  * Everything else is identical - the same toggle, the same `Ctrl/Cmd + Alt + Q` shortcut, and a panel
  * that was open when the tab last stored its state comes back open without a click.
  *
@@ -16,10 +19,15 @@ import * as _angular_core from '@angular/core';
 declare class QueryDevtoolsLazyComponent {
     private document;
     /**
-     * Whether the panel was already open in this tab. It has to be answered before the panel exists, which
-     * is why the stored view state is read here rather than asked of the panel.
+     * Whether `provideQueryDevtools()` is in the application. Everything else here is gated on it - the
+     * stored view state read, the shortcut listener and the template - so a build that ships the shell
+     * without the provider renders nothing and can never load the panel.
+     */
+    protected enabled: boolean;
+    /**
+     * Whether the panel is wanted. Whether it was already open has to be answered before the panel exists,
+     * which is why the stored view state is read here rather than asked of the panel.
      */
-    private restoredOpen;
     protected load: _angular_core.WritableSignal<boolean>;
     /** A restored panel opens because it was open; one that was clicked open has to be told to. */
     protected openOnLoad: _angular_core.WritableSignal<boolean>;

package/types/ethlete-query-devtools.d.ts

@@ -19,6 +19,8 @@ type AboutGroup = {
 declare class QueryDevtoolsAboutComponent {
     protected readonly groups: AboutGroup[];
     protected copied: _angular_core.WritableSignal<boolean>;
+    private copiedReset$;
+    constructor();
     protected copy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<QueryDevtoolsAboutComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<QueryDevtoolsAboutComponent, "et-query-devtools-about", never, {}, {}, never, never, true, never>;
@@ -719,6 +721,12 @@ type QueryDevtoolsHost = {
         entry: QueryDevtoolsEntry;
         query: AnyQuery;
     } | null>;
+    /**
+     * The type annotations of each seeded mock body, by mock id. A mock only stores the *name* it was
+     * seeded from, and a body seeded from an inline schema has none, so this is the only thing that can
+     * label such a body - and it has to outlive the Mocks tab being switched away from.
+     */
+    seededTypes: WritableSignal<Record<string, ReadonlyMap<string, string>>>;
     paneAxis: Signal<PaneAxis>;
     listWidth: Signal<number | null>;
     drawerWidth: Signal<number | null>;
@@ -778,6 +786,8 @@ declare class QueryDevtoolsSettingsComponent {
     protected sessionCount: _angular_core.Signal<number>;
     protected armedMockCount: _angular_core.Signal<number>;
     protected armedFaultCount: _angular_core.Signal<number>;
+    /** The same keys the Events tab's own picker offers - see {@link queryDevtoolsEventClients}. */
+    protected eventClients: _angular_core.Signal<string[]>;
     protected resetConfirming: _angular_core.WritableSignal<boolean>;
     protected readonly FORGET_SESSIONS: () => void;
     /** The backends the application declared, or an empty list - the card renders only for a declared one. */
@@ -801,6 +811,8 @@ declare class QueryDevtoolsSettingsComponent {
     protected limitOf(key: LimitKey): number;
     /** What the picked scope means beyond where the state is kept, or `null` while it means nothing extra. */
     protected warningFor(row: ScopeRow, scope: QueryDevtoolsStorageScope): string | null;
+    /** Why one scope is not on offer for a row, for the button's title, or `null` while it is. */
+    protected unavailableReason(row: ScopeRow, scope: QueryDevtoolsStorageScope): "Unavailable outside a development build: live access and refresh tokens, and the credentials you typed in, must not outlive this tab on a deployed origin. The vault keeps nothing here unless you pick Session, which keeps it for as long as the tab." | null;
     protected setScope(key: ScopeKey, scope: QueryDevtoolsStorageScope): void;
     protected setLimit(key: LimitKey, value: string): void;
     protected setResponseHistory(value: string): void;
@@ -1127,6 +1139,12 @@ declare class QueryDevtoolsComponent implements OnInit {
     selectedQueryId: WritableSignal<string | null>;
     /** The form whose detail the Forms tab has expanded. */
     selectedFormId: WritableSignal<string | null>;
+    /**
+     * The type annotations of each seeded mock body, by mock id. It lives here rather than on the Mocks
+     * tab because a tab is destroyed the moment another one is selected, and a body seeded from an inline
+     * schema has no `schemaName` to recover its labels from.
+     */
+    seededTypes: WritableSignal<Record<string, ReadonlyMap<string, string>>>;
     stackSelectedQueryId: WritableSignal<string | null>;
     sequenceSelectedQueryId: WritableSignal<string | null>;
     batchSelectedQueryId: WritableSignal<string | null>;
@@ -1218,7 +1236,12 @@ declare class QueryDevtoolsComponent implements OnInit {
     copiedGql: WritableSignal<boolean>;
     copiedRoute: WritableSignal<boolean>;
     private copiedReset$;
-    /** 1-second tick driving the cache freshness countdowns. */
+    /**
+     * 1-second tick driving the cache freshness countdowns. Gated the way the locks poll is: an ungated
+     * `interval` is a periodic macrotask zone.js counts forever, so a mounted panel would tick the host
+     * application once a second and keep `ApplicationRef.whenStable()` from ever resolving. Every reader
+     * sits inside `@if (open())`, so there is nothing to drive while the panel is shut or the tab hidden.
+     */
     private clock;
     /**
      * The probe lock behind every Locks row's "this tab" answer, and the last snapshot read through it.
@@ -1258,7 +1281,11 @@ declare class QueryDevtoolsComponent implements OnInit {
     wsEntries: _angular_core.Signal<QueryDevtoolsEntry[]>;
     /** Unique client names present across queries and auth providers, for the Queries-tab picker. */
     clientNames: _angular_core.Signal<string[]>;
-    /** Unique repositories (with their client name + base URL) used by the Cache and Events tabs. */
+    /**
+     * Unique repositories (with their client name + base URL) used by the Cache and Events tabs. A
+     * tombstone keeps its `meta.repository`, so a destroyed client would otherwise keep its Cache card
+     * and its **Evict all** long after its injector died.
+     */
     private repositories;
     /**
      * Every client the Faults tab can arm, with the fault it currently carries. Clients with nothing armed
@@ -1585,7 +1612,7 @@ declare class QueryDevtoolsComponent implements OnInit {
      * What a run's status dot and timeline bar colour by. `pending` reuses the panel's loading colour;
      * `aborted` matches no rule and so falls back to the neutral one.
      */
-    runStatus(run: QueryDevtoolsRun): "error" | "loading" | "success" | "aborted";
+    runStatus(run: QueryDevtoolsRun): "loading" | "success" | "error" | "aborted";
     /**
      * Whether a run can be an end of the diff: it still holds its body, and so does some other run of the
      * same query. Deliberately not "an *older* run" - a free pair means the oldest body held is pickable
@@ -1678,8 +1705,8 @@ declare class QueryDevtoolsComponent implements OnInit {
      * holds, the event log, the cache totals and anything armed in the Faults tab. Unlike **Copy report**
      * this is not scoped to one query - it is the attachment for a bug report about a screen.
      *
-     * Deliberately unfiltered: a report is read by someone who was not there, and a dump that silently
-     * left out the client you were not looking at is worse than no dump.
+     * Deliberately unfiltered apart from credentials: a report is read by someone who was not there, and a
+     * dump that silently left out the client you were not looking at is worse than no dump.
      */
     protected downloadSession(): void;
     openResponseEditor(query: AnyQuery): void;
@@ -1925,6 +1952,12 @@ declare class QueryDevtoolsComponent implements OnInit {
      */
     private insomniaHeaders;
     private sessionClients;
+    /**
+     * A bearer auth provider's login and token-refresh queries are ordinary registered queries, so the
+     * export has to be told which ones they are before it can leave their bodies out. The provider's own
+     * entry lists them by client, method and route, which is what a query entry is matched on.
+     */
+    private sessionAuthQueryKeys;
     /** Every registered entry, described by whatever its kind carries. */
     private sessionEntries;
     private sessionQuery;
@@ -1982,7 +2015,7 @@ declare class QueryDevtoolsComponent implements OnInit {
 declare const QUERY_DEVTOOLS_IMPORTS: readonly [typeof QueryDevtoolsComponent];
 
 /** The version of `@ethlete/query-devtools` this build was cut from. */
-declare const QUERY_DEVTOOLS_VERSION = "1.0.0-next.10";
+declare const QUERY_DEVTOOLS_VERSION = "1.0.0-next.12";
 
 export { QUERY_DEVTOOLS_IMPORTS, QUERY_DEVTOOLS_VERSION, QueryDevtoolsAboutComponent, QueryDevtoolsComponent, QueryDevtoolsJsonComponent, QueryDevtoolsJsonStylesComponent, QueryDevtoolsSettingsComponent, QueryDevtoolsTimelineStylesComponent, clampFloatToPeek, kindOf, resizedFloatRect, settledFloatRect };
 export type { JsonKind };