inspector-ng 0.0.7 → 0.0.9

package/lib/checkpoints.d.ts

@@ -1,58 +1,58 @@
-import { Provider } from '@angular/core';
+import { EnvironmentProviders, InjectionToken } from '@angular/core';
 import { Router } from '@angular/router';
-import { BehaviorSubject } from 'rxjs';
+import { ActionReducer, Store } from '@ngrx/store';
 import * as i0 from "@angular/core";
-export type InspectorCheckpointValue = string | number | boolean | null | InspectorCheckpointValue[] | {
-    [key: string]: InspectorCheckpointValue;
-};
-export interface InspectorCheckpointAdapter {
-    id: string;
-    capture(): InspectorCheckpointValue | Promise<InspectorCheckpointValue>;
-    restore(value: InspectorCheckpointValue): void | Promise<void>;
-}
-export interface InspectorCheckpoint {
+export interface InspectorCheckpointRecord {
     version: 1;
     id: string;
     name: string;
-    url: string;
+    route: string;
     createdAt: string;
-    scopes: string[];
-    state: Record<string, InspectorCheckpointValue>;
-    sizeBytes: number;
+    state: unknown;
+}
+export declare const INSPECTOR_CHECKPOINT_REPOSITORY: InjectionToken<InspectorCheckpointRepository>;
+export declare function inspectorCheckpointMetaReducer<T>(reducer: ActionReducer<T>): ActionReducer<T>;
+export declare abstract class InspectorCheckpointRepository {
+    abstract list(): Promise<InspectorCheckpointRecord[]>;
+    abstract put(checkpoint: InspectorCheckpointRecord): Promise<void>;
+    abstract delete(id: string): Promise<void>;
+}
+export declare class IndexedDbCheckpointRepository extends InspectorCheckpointRepository {
+    private readonly platformId;
+    private databasePromise;
+    constructor(platformId: object);
+    list(): Promise<InspectorCheckpointRecord[]>;
+    put(checkpoint: InspectorCheckpointRecord): Promise<void>;
+    delete(id: string): Promise<void>;
+    private database;
+    private request;
+    private transactionComplete;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IndexedDbCheckpointRepository, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IndexedDbCheckpointRepository>;
 }
-export type InspectorCheckpointRemoteLoader = () => void | Promise<void>;
-export declare class InspectorCheckpointRegistry {
+export declare class InspectorCheckpointService {
+    private readonly repository;
+    private readonly store;
     private readonly router;
-    readonly checkpoints: import("@angular/core").WritableSignal<InspectorCheckpoint[]>;
-    readonly isBusy: import("@angular/core").WritableSignal<boolean>;
+    private readonly platformId;
+    readonly checkpoints: import("@angular/core").WritableSignal<InspectorCheckpointRecord[]>;
+    readonly loading: import("@angular/core").WritableSignal<boolean>;
+    readonly busy: import("@angular/core").WritableSignal<boolean>;
     readonly error: import("@angular/core").WritableSignal<string | null>;
-    readonly warning: import("@angular/core").WritableSignal<string | null>;
-    readonly totalBytes: import("@angular/core").Signal<number>;
-    private readonly adapters;
-    private readonly remoteLoaders;
-    private readonly isBrowser;
-    constructor(platformId: object, router: Router);
-    register(adapter: InspectorCheckpointAdapter): () => void;
-    registerRemoteScope(scope: string, loader: InspectorCheckpointRemoteLoader): () => void;
-    save(name?: string): Promise<InspectorCheckpoint | null>;
+    constructor(repository: InspectorCheckpointRepository, store: Store | null, router: Router | null, platformId: object);
+    load(): Promise<void>;
+    save(): Promise<InspectorCheckpointRecord | null>;
     restore(id: string): Promise<boolean>;
-    rename(id: string, name: string): void;
-    delete(id: string): void;
-    private hydrate;
-    private persistWithEviction;
-    private cloneValue;
-    private getScopes;
-    private routePath;
-    private nextAutomaticName;
-    private normalizeLegacyNames;
-    private isLegacyAutomaticName;
-    private createId;
-    private sizeOf;
-    private isQuotaError;
+    rename(id: string, name: string): Promise<boolean>;
+    delete(id: string): Promise<boolean>;
+    clearError(): void;
+    private currentRoute;
+    private currentPathname;
+    private missingStoreMessage;
+    private storageMessage;
     private messageFor;
-    private isCheckpoint;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InspectorCheckpointRegistry, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<InspectorCheckpointRegistry>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InspectorCheckpointService, [null, { optional: true; }, { optional: true; }, null]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<InspectorCheckpointService>;
 }
-export declare function provideInspectorCheckpoints(): Provider[];
-export declare function createBehaviorSubjectCheckpointAdapter<T>(id: string, subject: BehaviorSubject<T>): InspectorCheckpointAdapter;
+export declare function provideInspectorCheckpoints(): EnvironmentProviders;
+export declare function nextAutomaticName(route: string, names: string[]): string;

package/lib/inspector.component.d.ts

@@ -1,19 +1,28 @@
 import { ElementRef, OnDestroy } from '@angular/core';
 import { DistanceOverlay, Guide, GuideOrientation, InspectMeasurement, Rect, TextBlockAnnotation, ToolMode } from './types';
-import { InspectorCheckpoint, InspectorCheckpointRegistry } from './checkpoints';
+import { InspectorCheckpointRecord, InspectorCheckpointService } from './checkpoints';
 import * as i0 from "@angular/core";
 export declare class inspectorComponent implements OnDestroy {
     readonly Math: Math;
     readonly formatValue: (value: number) => number;
     readonly guideHitboxSize = 14;
     readonly overlayRoot: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
+    readonly checkpointDialog: import("@angular/core").Signal<ElementRef<HTMLDialogElement> | undefined>;
+    readonly checkpointSearch: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
     highlightColor: string;
     guideColor: string;
     hoverHighlightEnabled: boolean;
     persistOnReload: boolean;
-    readonly checkpointRegistry: InspectorCheckpointRegistry | null;
-    readonly checkpointsOpen: import("@angular/core").WritableSignal<boolean>;
+    readonly checkpointService: InspectorCheckpointService | null;
+    readonly commandBarOpen: import("@angular/core").WritableSignal<boolean>;
+    readonly checkpointQuery: import("@angular/core").WritableSignal<string>;
+    readonly activeCheckpointIndex: import("@angular/core").WritableSignal<number>;
     readonly editingCheckpointId: import("@angular/core").WritableSignal<string | null>;
+    readonly deletingCheckpointId: import("@angular/core").WritableSignal<string | null>;
+    readonly renameDraft: import("@angular/core").WritableSignal<string>;
+    readonly checkpointToast: import("@angular/core").WritableSignal<string | null>;
+    readonly checkpointToastIsError: import("@angular/core").WritableSignal<boolean>;
+    readonly filteredCheckpoints: import("@angular/core").Signal<InspectorCheckpointRecord[]>;
     readonly enabled: import("@angular/core").WritableSignal<boolean>;
     readonly toolMode: import("@angular/core").WritableSignal<ToolMode>;
     readonly guideOrientation: import("@angular/core").WritableSignal<GuideOrientation>;
@@ -35,6 +44,7 @@ export declare class inspectorComponent implements OnDestroy {
     private draggingGuideId;
     private selectedElement;
     private hoverElement;
+    private toastTimer;
     readonly canUndo: import("@angular/core").Signal<boolean>;
     readonly canRedo: import("@angular/core").Signal<boolean>;
     constructor(platformId: object);
@@ -44,14 +54,21 @@ export declare class inspectorComponent implements OnDestroy {
     setGuideOrientation(orientation: GuideOrientation): void;
     activateGuideOrientation(orientation: GuideOrientation): void;
     toggleTypography(): void;
-    toggleCheckpoints(): void;
     disableInspector(): void;
     saveCheckpoint(): Promise<void>;
-    restoreCheckpoint(checkpoint: InspectorCheckpoint): Promise<void>;
-    deleteCheckpoint(checkpoint: InspectorCheckpoint): void;
-    beginRename(checkpoint: InspectorCheckpoint): void;
-    finishRename(checkpoint: InspectorCheckpoint, event: Event): void;
+    openCheckpointCommandBar(): Promise<void>;
+    closeCheckpointCommandBar(): void;
+    updateCheckpointQuery(event: Event): void;
+    setActiveCheckpoint(index: number): void;
+    restoreCheckpoint(checkpoint: InspectorCheckpointRecord): Promise<void>;
+    beginRename(checkpoint: InspectorCheckpointRecord, event?: Event): void;
+    updateRenameDraft(event: Event): void;
+    finishRename(checkpoint: InspectorCheckpointRecord): Promise<void>;
     cancelRename(): void;
+    beginDelete(checkpoint: InspectorCheckpointRecord, event?: Event): void;
+    cancelDelete(event?: Event): void;
+    confirmDelete(checkpoint: InspectorCheckpointRecord, event?: Event): Promise<void>;
+    handleCheckpointDialogClick(event: MouseEvent): void;
     clearGuides(): void;
     trackGuide: (_index: number, guide: Guide) => string;
     trackTextBlock: (_index: number, block: TextBlockAnnotation) => string;
@@ -67,6 +84,10 @@ export declare class inspectorComponent implements OnDestroy {
     handleViewportChange(): void;
     private canInspectClick;
     private setInspectorEnabled;
+    private handleCommandBarKeydown;
+    private clampActiveCheckpoint;
+    private scrollActiveCheckpointIntoView;
+    private showCheckpointToast;
     private selectElementAtPoint;
     private updateDistanceOverlay;
     private refreshTypographyBlocks;

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "inspector-ng",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "peerDependencies": {
     "@angular/common": "^17.3.0",
     "@angular/core": "^17.3.0",
     "@angular/router": "^17.3.0",
+    "@ngrx/store": "^17.2.0",
     "rxjs": "^7.8.0"
   },
   "dependencies": {

package/public-api.d.ts

@@ -1,5 +1,5 @@
 export * from "./lib/constants";
-export * from "./lib/checkpoints";
+export { provideInspectorCheckpoints } from "./lib/checkpoints";
 export * from "./lib/distances";
 export * from "./lib/dom";
 export * from "./lib/geometry";