@ethlete/query-devtools 1.0.0-next.15 → 1.0.0-next.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/fesm2022/ethlete-query-devtools-lazy.mjs +95 -97
- package/fesm2022/ethlete-query-devtools-lazy.mjs.map +1 -1
- package/fesm2022/ethlete-query-devtools-toggle.mjs +140 -73
- package/fesm2022/ethlete-query-devtools-toggle.mjs.map +1 -1
- package/fesm2022/ethlete-query-devtools.mjs +8320 -6912
- package/fesm2022/ethlete-query-devtools.mjs.map +1 -1
- package/package.json +6 -1
- package/types/ethlete-query-devtools-lazy.d.ts +32 -32
- package/types/ethlete-query-devtools-toggle.d.ts +27 -14
- package/types/ethlete-query-devtools.d.ts +896 -889
package/package.json
CHANGED
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ethlete/query-devtools",
|
|
3
|
-
"version": "1.0.0-next.
|
|
3
|
+
"version": "1.0.0-next.17",
|
|
4
|
+
"repository": {
|
|
5
|
+
"type": "git",
|
|
6
|
+
"url": "https://github.com/ethlete-io/ethdk",
|
|
7
|
+
"directory": "libs/query-devtools"
|
|
8
|
+
},
|
|
4
9
|
"license": "MIT",
|
|
5
10
|
"sideEffects": false,
|
|
6
11
|
"peerDependencies": {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
3
2
|
/**
|
|
4
3
|
* The query devtools behind a deferred load: renders only the floating toggle button until the panel is
|
|
5
4
|
* first asked for, then downloads `<et-query-devtools>` as its own chunk and hands over. Use it instead
|
|
6
5
|
* of `<et-query-devtools>` to keep the panel out of the bundle an application ships to its users.
|
|
7
6
|
*
|
|
8
7
|
* Without `provideQueryDevtools()` it renders nothing at all - no toggle, no shortcut, and the panel
|
|
9
|
-
* chunk is never requested - so it can be left mounted in a production build.
|
|
8
|
+
* chunk is never requested - so it can be left mounted in a production build. It also renders nothing in
|
|
9
|
+
* a browser driven by automation (`navigator.webdriver`) unless `provideQueryDevtools({ showInAutomation: true })`.
|
|
10
10
|
*
|
|
11
11
|
* Everything else is identical - the same toggle, the same `Ctrl/Cmd + Alt + Q` shortcut, and a panel
|
|
12
12
|
* that was open when the tab last stored its state comes back open without a click.
|
|
@@ -16,32 +16,32 @@ import * as _angular_core from '@angular/core';
|
|
|
16
16
|
* <et-query-devtools-lazy />
|
|
17
17
|
* ```
|
|
18
18
|
*/
|
|
19
|
-
declare class QueryDevtoolsLazyComponent {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
19
|
+
export declare class QueryDevtoolsLazyComponent {
|
|
20
|
+
private document;
|
|
21
|
+
/**
|
|
22
|
+
* Whether `provideQueryDevtools()` is in the application. Everything else here is gated on it - the
|
|
23
|
+
* stored view state read, the shortcut listener and the template - so a build that ships the shell
|
|
24
|
+
* without the provider renders nothing and can never load the panel.
|
|
25
|
+
*/
|
|
26
|
+
protected enabled: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Whether the panel is wanted. Whether it was already open has to be answered before the panel exists,
|
|
29
|
+
* which is why the stored view state is read here rather than asked of the panel.
|
|
30
|
+
*/
|
|
31
|
+
protected load: import("@angular/core").WritableSignal<boolean>;
|
|
32
|
+
/** A restored panel opens because it was open; one that was clicked open has to be told to. */
|
|
33
|
+
protected openOnLoad: import("@angular/core").WritableSignal<boolean>;
|
|
34
|
+
/**
|
|
35
|
+
* Whether anything armed is changing what the app does, for the dot on the closed toggle. The panel's
|
|
36
|
+
* own badge is per-query and finer-grained; this covers what can already be armed before the panel has
|
|
37
|
+
* ever been loaded - overrides and mocks restored from a previous page load, and anything an app or a
|
|
38
|
+
* test armed through the API.
|
|
39
|
+
*/
|
|
40
|
+
protected tampered: import("@angular/core").Signal<boolean>;
|
|
41
|
+
constructor();
|
|
42
|
+
protected open(): void;
|
|
43
|
+
/** Angular never retries a failed `@defer`, so only a page load can fetch the panel chunk again. */
|
|
44
|
+
protected reload(): void;
|
|
45
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<QueryDevtoolsLazyComponent, never>;
|
|
46
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<QueryDevtoolsLazyComponent, "et-query-devtools-lazy", never, {}, {}, never, never, true, never>;
|
|
47
|
+
}
|
|
@@ -1,18 +1,16 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
3
2
|
/**
|
|
4
3
|
* The global devtools toggle shortcut, rendered for the current platform (`⌘⌥Q` on Apple, where the
|
|
5
4
|
* symbols are the convention, `Ctrl+Alt+Q` everywhere else). Shown on both the floating toggle and
|
|
6
5
|
* the panel's close button so the shortcut is discoverable without reading the docs.
|
|
7
6
|
*/
|
|
8
|
-
declare const queryDevtoolsShortcutLabel: () => "⌘⌥Q" | "Ctrl+Alt+Q";
|
|
7
|
+
export declare const queryDevtoolsShortcutLabel: () => "⌘⌥Q" | "Ctrl+Alt+Q";
|
|
9
8
|
/**
|
|
10
9
|
* Whether a `keydown` is the devtools toggle shortcut (`Ctrl/Cmd + Alt + Q`). AltGr is rejected: Windows
|
|
11
10
|
* reports it as Ctrl+Alt, and AltGr+Q types `@` on a German layout. Auto-repeat is rejected so a held
|
|
12
11
|
* shortcut toggles once.
|
|
13
12
|
*/
|
|
14
|
-
declare const isQueryDevtoolsShortcut: (e: KeyboardEvent) => boolean;
|
|
15
|
-
|
|
13
|
+
export declare const isQueryDevtoolsShortcut: (e: KeyboardEvent) => boolean;
|
|
16
14
|
/**
|
|
17
15
|
* The floating toggle button for the query devtools. Rendered with `ShadowDom` encapsulation so the
|
|
18
16
|
* host application's global CSS (Tailwind resets, button styles, …) can never touch it and its own
|
|
@@ -23,14 +21,30 @@ declare const isQueryDevtoolsShortcut: (e: KeyboardEvent) => boolean;
|
|
|
23
21
|
* devtools UI, so the floating API env and session pills take themselves off the page once the
|
|
24
22
|
* application settles. Call `setQueryDevtoolsUiMounted(true)` to keep them.
|
|
25
23
|
*/
|
|
26
|
-
declare class QueryDevtoolsToggleComponent {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
24
|
+
export declare class QueryDevtoolsToggleComponent {
|
|
25
|
+
tampered: import("@angular/core").InputSignal<boolean>;
|
|
26
|
+
loadFailed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
27
|
+
openChange: import("@angular/core").OutputEmitterRef<void>;
|
|
28
|
+
private button;
|
|
29
|
+
protected shortcut: string;
|
|
30
|
+
/** Moves keyboard focus to the toggle button. */
|
|
31
|
+
focus(): void;
|
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<QueryDevtoolsToggleComponent, never>;
|
|
33
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<QueryDevtoolsToggleComponent, "et-query-devtools-toggle", never, {
|
|
34
|
+
"tampered": {
|
|
35
|
+
"alias": "tampered";
|
|
36
|
+
"required": false;
|
|
37
|
+
"isSignal": true;
|
|
38
|
+
};
|
|
39
|
+
"loadFailed": {
|
|
40
|
+
"alias": "loadFailed";
|
|
41
|
+
"required": false;
|
|
42
|
+
"isSignal": true;
|
|
43
|
+
};
|
|
44
|
+
}, {
|
|
45
|
+
"openChange": "openChange";
|
|
46
|
+
}, never, never, true, never>;
|
|
32
47
|
}
|
|
33
|
-
|
|
34
48
|
/**
|
|
35
49
|
* Where the panel's own view state lives - open/closed, dock, sizes, selection, filters. Bumped
|
|
36
50
|
* whenever a shape change would make an older stored state restore into something wrong.
|
|
@@ -41,5 +55,4 @@ declare const QUERY_DEVTOOLS_VIEW_STATE_KEY = "ethlete:query:devtools:v4";
|
|
|
41
55
|
* `<et-query-devtools-lazy>`, which has to load the panel before it can ask the panel anything.
|
|
42
56
|
*/
|
|
43
57
|
declare const wasQueryDevtoolsOpen: () => boolean;
|
|
44
|
-
|
|
45
|
-
export { QueryDevtoolsToggleComponent, isQueryDevtoolsShortcut, queryDevtoolsShortcutLabel, QUERY_DEVTOOLS_VIEW_STATE_KEY as ɵQUERY_DEVTOOLS_VIEW_STATE_KEY, wasQueryDevtoolsOpen as ɵwasQueryDevtoolsOpen };
|
|
58
|
+
export { QUERY_DEVTOOLS_VIEW_STATE_KEY as ɵQUERY_DEVTOOLS_VIEW_STATE_KEY, wasQueryDevtoolsOpen as ɵwasQueryDevtoolsOpen };
|