ngx-dev-toolbar 1.0.5 → 2.0.0

package/index.d.ts

@@ -4,16 +4,17 @@ export * from './components/toolbar-tool/toolbar-tool.component';
 export * from './components/toolbar-tool/toolbar-tool.models';
 export * from './dev-toolbar.component';
 export * from './models/dev-tools.interface';
+export * from './models/dev-toolbar-config.interface';
 export * from './tools/feature-flags-tool/feature-flags.models';
 export * from './tools/feature-flags-tool/feature-flags.service';
 export * from './tools/language-tool/language.models';
 export * from './tools/language-tool/language.service';
-export * from './tools/network-mocker-tool/network-mocker-tool.component';
-export * from './tools/network-mocker-tool/network-mocker.models';
-export * from './tools/network-mocker-tool/network-mocker.service';
 export * from './tools/app-features-tool/app-features.models';
 export * from './tools/app-features-tool/app-features.service';
 export * from './tools/app-features-tool/app-features-tool.component';
 export * from './tools/permissions-tool/permissions.models';
 export * from './tools/permissions-tool/permissions.service';
 export * from './tools/permissions-tool/permissions-tool.component';
+export * from './tools/presets-tool/presets.models';
+export * from './tools/presets-tool/presets.service';
+export * from './tools/presets-tool/presets-tool.component';

package/models/dev-toolbar-config.interface.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Configuration options for the Dev Toolbar component.
+ * All tool flags are optional and default to true if not specified.
+ */
+export interface DevToolbarConfig {
+    /**
+     * Show/hide the Language tool
+     * @default true
+     */
+    showLanguageTool?: boolean;
+    /**
+     * Show/hide the Feature Flags tool
+     * @default true
+     */
+    showFeatureFlagsTool?: boolean;
+    /**
+     * Show/hide the App Features tool
+     * @default true
+     */
+    showAppFeaturesTool?: boolean;
+    /**
+     * Show/hide the Permissions tool
+     * @default true
+     */
+    showPermissionsTool?: boolean;
+    /**
+     * Show/hide the Presets tool
+     * @default true
+     */
+    showPresetsTool?: boolean;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-dev-toolbar",
-  "version": "1.0.5",
+  "version": "2.0.0",
   "keywords": [
     "devtools",
     "development-toolbar",

package/tools/feature-flags-tool/feature-flags-internal.service.d.ts

@@ -1,6 +1,10 @@
 import { Observable } from 'rxjs';
 import { DevToolbarFlag } from './feature-flags.models';
 import * as i0 from "@angular/core";
+interface ForcedFlagsState {
+    enabled: string[];
+    disabled: string[];
+}
 export declare class DevToolbarInternalFeatureFlagService {
     private readonly STORAGE_KEY;
     private storageService;
@@ -16,6 +20,17 @@ export declare class DevToolbarInternalFeatureFlagService {
     setFlag(flagId: string, isEnabled: boolean): void;
     removeFlagOverride(flagId: string): void;
     private loadForcedFlags;
+    /**
+     * Apply feature flags from a preset (used by Presets Tool)
+     * This method directly sets the forced flags state without user interaction
+     */
+    applyPresetFlags(presetState: ForcedFlagsState): void;
+    /**
+     * Get current forced state for saving to preset
+     * Returns the raw state of enabled and disabled flag IDs
+     */
+    getCurrentForcedState(): ForcedFlagsState;
     static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarInternalFeatureFlagService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DevToolbarInternalFeatureFlagService>;
 }
+export {};

package/tools/language-tool/language-internal.service.d.ts

@@ -14,6 +14,16 @@ export declare class DevToolbarInternalLanguageService {
     getForcedLanguage(): Observable<Language[]>;
     removeForcedLanguage(): void;
     private loadForcedLanguage;
+    /**
+     * Apply language from a preset (used by Presets Tool)
+     * Accepts a language ID and finds the corresponding Language object from available languages
+     */
+    applyPresetLanguage(languageId: string | null): Promise<void>;
+    /**
+     * Get current forced language ID for saving to preset
+     * Returns the language ID or null if no language is forced
+     */
+    getCurrentForcedLanguage(): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarInternalLanguageService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DevToolbarInternalLanguageService>;
 }

package/tools/presets-tool/presets-internal.service.d.ts

@@ -0,0 +1,57 @@
+import { Observable } from 'rxjs';
+import { DevToolbarPreset } from './presets.models';
+import * as i0 from "@angular/core";
+/**
+ * Internal service for managing presets state.
+ * Handles CRUD operations, captures current toolbar config, and applies presets.
+ */
+export declare class DevToolbarInternalPresetsService {
+    private readonly STORAGE_KEY;
+    private storageService;
+    private featureFlagsService;
+    private languageService;
+    private permissionsService;
+    private appFeaturesService;
+    private presetsSubject;
+    presets$: Observable<DevToolbarPreset[]>;
+    presets: import("@angular/core").Signal<DevToolbarPreset[]>;
+    constructor();
+    /**
+     * Capture current toolbar state as a new preset
+     */
+    saveCurrentAsPreset(name: string, description?: string): DevToolbarPreset;
+    /**
+     * Apply a preset to all tools (THIS IS THE KEY METHOD)
+     */
+    applyPreset(presetId: string): Promise<void>;
+    /**
+     * Update an existing preset with current toolbar state
+     */
+    updatePreset(presetId: string): void;
+    /**
+     * Delete a preset
+     */
+    deletePreset(presetId: string): void;
+    /**
+     * Add a preset (used for import)
+     */
+    addPreset(preset: DevToolbarPreset): DevToolbarPreset;
+    /**
+     * Get a preset by ID
+     */
+    getPresetById(presetId: string): DevToolbarPreset | undefined;
+    /**
+     * Capture current configuration from all tools
+     */
+    private captureCurrentConfig;
+    /**
+     * Load presets from localStorage
+     */
+    private loadPresets;
+    /**
+     * Generate unique preset ID
+     */
+    private generateId;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarInternalPresetsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DevToolbarInternalPresetsService>;
+}

package/tools/presets-tool/presets-tool.component.d.ts

@@ -0,0 +1,33 @@
+import { DevToolbarWindowOptions } from '../../components/toolbar-tool/toolbar-tool.models';
+import * as i0 from "@angular/core";
+export declare class DevToolbarPresetsToolComponent {
+    private readonly presetsService;
+    private readonly featureFlagsService;
+    private readonly permissionsService;
+    private readonly appFeaturesService;
+    private readonly languageService;
+    protected readonly viewMode: import("@angular/core").WritableSignal<"list" | "create">;
+    protected readonly searchQuery: import("@angular/core").WritableSignal<string>;
+    protected readonly presetName: import("@angular/core").WritableSignal<string>;
+    protected readonly presetDescription: import("@angular/core").WritableSignal<string>;
+    protected readonly presets: import("@angular/core").Signal<import("ngx-dev-toolbar").DevToolbarPreset[]>;
+    protected readonly filteredPresets: import("@angular/core").Signal<import("ngx-dev-toolbar").DevToolbarPreset[]>;
+    protected readonly hasNoPresets: import("@angular/core").Signal<boolean>;
+    protected readonly hasNoFilteredPresets: import("@angular/core").Signal<boolean>;
+    protected readonly options: DevToolbarWindowOptions;
+    onSearchChange(query: string): void;
+    onSwitchToCreateMode(): void;
+    onSwitchToListMode(): void;
+    onSavePreset(event: Event): void;
+    onApplyPreset(presetId: string): void;
+    onUpdatePreset(presetId: string): void;
+    onExportPreset(presetId: string): void;
+    onDeletePreset(presetId: string): void;
+    protected getCurrentFlagsCount(): number;
+    protected getCurrentPermissionsCount(): number;
+    protected getCurrentAppFeaturesCount(): number;
+    protected getCurrentLanguage(): string;
+    protected formatDate(isoString: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarPresetsToolComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DevToolbarPresetsToolComponent, "ndt-presets-tool", never, {}, {}, never, never, true, never>;
+}

package/tools/presets-tool/presets.models.d.ts

@@ -0,0 +1,24 @@
+export interface DevToolbarPreset {
+    id: string;
+    name: string;
+    description?: string;
+    createdAt: string;
+    updatedAt: string;
+    config: DevToolbarPresetConfig;
+}
+export interface DevToolbarPresetConfig {
+    featureFlags: {
+        enabled: string[];
+        disabled: string[];
+    };
+    language: string | null;
+    permissions: {
+        granted: string[];
+        denied: string[];
+    };
+    appFeatures: {
+        enabled: string[];
+        disabled: string[];
+    };
+}
+export type PresetFilter = 'all' | 'recent' | 'favorites';

package/tools/presets-tool/presets.service.d.ts

@@ -0,0 +1,51 @@
+import { Observable } from 'rxjs';
+import { DevToolbarPreset } from './presets.models';
+import * as i0 from "@angular/core";
+/**
+ * Public service for managing dev toolbar presets.
+ * Allows developers to programmatically save, load, and manage presets.
+ */
+export declare class DevToolbarPresetsService {
+    private internalService;
+    /**
+     * Get all saved presets as an Observable
+     */
+    getPresets(): Observable<DevToolbarPreset[]>;
+    /**
+     * Save current toolbar state as a preset
+     * @param name - Name for the preset
+     * @param description - Optional description
+     * @returns The created preset
+     */
+    savePreset(name: string, description?: string): DevToolbarPreset;
+    /**
+     * Apply a preset (load its configuration into all tools)
+     * @param presetId - ID of the preset to apply
+     */
+    applyPreset(presetId: string): Promise<void>;
+    /**
+     * Update a preset with current toolbar state
+     * @param presetId - ID of the preset to update
+     */
+    updatePreset(presetId: string): void;
+    /**
+     * Delete a preset
+     * @param presetId - ID of the preset to delete
+     */
+    deletePreset(presetId: string): void;
+    /**
+     * Export a preset as JSON string
+     * @param presetId - ID of the preset to export
+     * @returns JSON string representation of the preset
+     */
+    exportPreset(presetId: string): string | null;
+    /**
+     * Import a preset from JSON string
+     * @param json - JSON string representation of a preset
+     * @returns The imported preset
+     * @throws Error if JSON is invalid
+     */
+    importPreset(json: string): DevToolbarPreset;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarPresetsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DevToolbarPresetsService>;
+}

package/tools/network-mocker-tool/network-mocker-tool.component.d.ts

@@ -1,23 +0,0 @@
-import { DevToolbarWindowOptions } from '../../components/toolbar-tool/toolbar-tool.models';
-import * as i0 from "@angular/core";
-export declare class DevToolbarNetworkMockerToolComponent {
-    private readonly networkMockerService;
-    protected readonly newMockUrl: import("@angular/core").WritableSignal<string>;
-    protected readonly newMockMethod: import("@angular/core").WritableSignal<string>;
-    protected readonly newMockStatus: import("@angular/core").WritableSignal<string>;
-    protected readonly newMockResponse: import("@angular/core").WritableSignal<string>;
-    protected readonly mockRequests: import("@angular/core").Signal<import("./network-mocker.models").MockRequest[]>;
-    protected readonly isMockingEnabled: import("@angular/core").Signal<boolean>;
-    protected readonly hasNoMocks: import("@angular/core").Signal<boolean>;
-    protected readonly options: DevToolbarWindowOptions;
-    protected readonly httpMethods: {
-        value: string;
-        label: string;
-    }[];
-    protected onAddMock(): void;
-    protected onToggleMocking(): void;
-    protected onToggleMock(mockId: string): void;
-    protected onRemoveMock(mockId: string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarNetworkMockerToolComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DevToolbarNetworkMockerToolComponent, "ndt-network-mocker-tool", never, {}, {}, never, never, true, never>;
-}

package/tools/network-mocker-tool/network-mocker.models.d.ts

@@ -1,16 +0,0 @@
-export interface MockRequest {
-    id: string;
-    url: string;
-    method: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH';
-    status: number;
-    response: any;
-    isActive: boolean;
-    createdAt: Date;
-}
-export interface MockRequestConfig {
-    url: string;
-    method: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH';
-    status?: number;
-    response?: any;
-    delay?: number;
-}

package/tools/network-mocker-tool/network-mocker.service.d.ts

@@ -1,16 +0,0 @@
-import { MockRequest, MockRequestConfig } from './network-mocker.models';
-import * as i0 from "@angular/core";
-export declare class DevToolbarNetworkMockerService {
-    private readonly mockRequests;
-    private readonly isMockingEnabled;
-    getMockRequests(): import("@angular/core").Signal<MockRequest[]>;
-    getIsMockingEnabled(): import("@angular/core").Signal<boolean>;
-    addMockRequest(config: MockRequestConfig): void;
-    removeMockRequest(id: string): void;
-    toggleMockRequest(id: string): void;
-    enableMocking(): void;
-    disableMocking(): void;
-    clearAllMocks(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarNetworkMockerService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<DevToolbarNetworkMockerService>;
-}