ngx-dev-toolbar 1.0.3 → 1.0.5

package/src/tools/language-tool/language-tool.component.scss

@@ -1,7 +0,0 @@
-.language-select {
-  display: flex;
-  flex-direction: row;
-  gap: 0.5rem;
-  align-items: center;
-  justify-content: space-between;
-}

package/src/tools/language-tool/language-tool.component.ts

@@ -1,71 +0,0 @@
-import { Component, inject, signal } from '@angular/core';
-import { toSignal } from '@angular/core/rxjs-interop';
-import { firstValueFrom, map } from 'rxjs';
-import { DevToolbarSelectComponent } from '../../components/select/select.component';
-import { DevToolbarToolComponent } from '../../components/toolbar-tool/toolbar-tool.component';
-import { DevToolbarWindowOptions } from '../../components/toolbar-tool/toolbar-tool.models';
-import { DevToolbarInternalLanguageService } from './language-internal.service';
-import { Language } from './language.models';
-
-@Component({
-  selector: 'ndt-language-tool',
-  standalone: true,
-  imports: [DevToolbarToolComponent, DevToolbarSelectComponent],
-  styleUrls: ['./language-tool.component.scss'],
-  template: `
-    <ndt-toolbar-tool title="Languages" icon="translate" [options]="options">
-      <div class="language-select">
-        <label for="language-select">Language</label>
-        <ndt-select
-          id="language-select"
-          [value]="activeLanguage()"
-          [options]="languageOptions()"
-          [size]="'medium'"
-          (valueChange)="onLanguageChange($event ?? '')"
-        />
-      </div>
-    </ndt-toolbar-tool>
-  `,
-})
-export class DevToolbarLanguageToolComponent {
-  private readonly languageService = inject(DevToolbarInternalLanguageService);
-
-  protected readonly options = {
-    title: 'Languages',
-    description: 'Set the language for your current session',
-    size: 'small',
-    id: 'ndt-language',
-    isBeta: true,
-    isClosable: true,
-  } as DevToolbarWindowOptions;
-
-  activeLanguage = signal<string>('not-forced');
-
-  languageOptions = toSignal(
-    this.languageService.getAppLanguages().pipe(
-      map((languages) => [
-        { value: 'not-forced', label: 'Not Forced' },
-        ...languages.map(({ id: value, name: label }) => ({
-          value,
-          label,
-        })),
-      ])
-    ),
-    { initialValue: [] }
-  );
-
-  async onLanguageChange(language: string): Promise<void> {
-    if (language === 'not-forced' || !language) {
-      this.languageService.removeForcedLanguage();
-      return;
-    }
-
-    const languages = await firstValueFrom(
-      this.languageService.getAppLanguages()
-    );
-    const selectedLanguage = languages.find(({ id }) => id === language);
-    if (selectedLanguage) {
-      this.languageService.setForcedLanguage(selectedLanguage as Language);
-    }
-  }
-}

package/src/tools/language-tool/language.models.ts

@@ -1,4 +0,0 @@
-export interface Language {
-  id: string;
-  name: string;
-}

package/src/tools/language-tool/language.service.ts

@@ -1,26 +0,0 @@
-import { inject, Injectable } from '@angular/core';
-import { Observable } from 'rxjs';
-import { DevToolsService } from '../../models/dev-tools.interface';
-import { DevToolbarInternalLanguageService } from './language-internal.service';
-import { Language } from './language.models';
-
-@Injectable({ providedIn: 'root' })
-export class DevToolbarLanguageService implements DevToolsService<Language> {
-  private internalService = inject(DevToolbarInternalLanguageService);
-
-  /**
-   * Sets the available languages that will be displayed in the tool on the dev toolbar
-   * @param languages The languages to be displayed
-   */
-  setAvailableOptions(languages: Language[]): void {
-    this.internalService.setAppLanguages(languages);
-  }
-
-  /**
-   * Gets the languages that were forced/modified through the tool on the dev toolbar
-   * @returns Observable of forced languages array
-   */
-  getForcedValues(): Observable<Language[]> {
-    return this.internalService.getForcedLanguage();
-  }
-}

package/src/utils/storage.service.spec.ts

@@ -1,179 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-import { DevToolsStorageService } from './storage.service';
-
-describe('DevToolsStorageService', () => {
-  let service: DevToolsStorageService;
-  let storageMock: { [key: string]: string };
-
-  beforeAll(() => {
-    storageMock = {};
-    const mockLocalStorage = {
-      getItem: (key: string): string | null => storageMock[key] || null,
-      setItem: (key: string, value: string): void => {
-        storageMock[key] = value;
-      },
-      removeItem: (key: string): void => {
-        delete storageMock[key];
-      },
-      clear: (): void => {
-        storageMock = {};
-      },
-      length: 0,
-      key: (): string => '',
-    };
-
-    Object.defineProperty(window, 'localStorage', {
-      value: mockLocalStorage,
-    });
-  });
-
-  beforeEach(() => {
-    storageMock = {};
-    TestBed.configureTestingModule({
-      providers: [DevToolsStorageService],
-    });
-    service = TestBed.inject(DevToolsStorageService);
-  });
-
-  describe('set', () => {
-    it('should store value in localStorage with prefix', () => {
-      const key = 'testKey';
-      const value = { test: 'value' };
-
-      service.set(key, value);
-
-      const storedValue = JSON.parse(
-        storageMock['AngularDevTools.testKey'] ?? '{}'
-      );
-      expect(storedValue).toEqual(value);
-    });
-
-    it('should add key to tool keys', () => {
-      const key = 'testKey';
-      const value = { test: 'value' };
-
-      service.set(key, value);
-
-      const toolKeys = JSON.parse(storageMock['AngularDevTools.keys'] ?? '[]');
-      expect(toolKeys).toContain('AngularDevTools.testKey');
-    });
-  });
-
-  describe('get', () => {
-    it('should retrieve stored value', () => {
-      const key = 'testKey';
-      const value = { test: 'value' };
-      service.set(key, value);
-
-      const result = service.get<{ test: string }>(key);
-
-      expect(result).toEqual(value);
-    });
-
-    it('should return null for non-existent key', () => {
-      const key = 'nonExistentKey';
-
-      const result = service.get(key);
-
-      expect(result).toBeNull();
-    });
-  });
-
-  describe('remove', () => {
-    it('should remove value from localStorage', () => {
-      const key = 'testKey';
-      const value = { test: 'value' };
-      service.set(key, value);
-
-      service.remove(key);
-
-      expect(storageMock['ndt-testKey']).toBeUndefined();
-    });
-
-    it('should keep other values in localStorage', () => {
-      const key1 = 'key1';
-      const key2 = 'key2';
-      service.set(key1, { value: 1 });
-      service.set(key2, { value: 2 });
-
-      service.remove(key1);
-
-      expect(service.get(key2)).toEqual({ value: 2 });
-    });
-  });
-
-  describe('getAllSettings', () => {
-    it('should return all stored settings', () => {
-      const settings = {
-        key1: { value: 1 },
-        key2: { value: 2 },
-      };
-      Object.entries(settings).forEach(([key, value]) => {
-        service.set(key, value);
-      });
-
-      const result = service.getAllSettings();
-
-      const settingsWithPrefix = {
-        'AngularDevTools.key1': { value: 1 },
-        'AngularDevTools.key2': { value: 2 },
-      };
-      expect(result).toEqual(settingsWithPrefix);
-    });
-  });
-
-  describe('setAllSettings', () => {
-    it('should store multiple settings at once', () => {
-      const settings = {
-        'AngularDevTools.key1': { value: 1 },
-        'AngularDevTools.key2': { value: 2 },
-      };
-
-      service.setAllSettings(settings);
-
-      const valueOne = service.get('AngularDevTools.key1');
-      const valueTwo = service.get('AngularDevTools.key2');
-      expect(valueOne).toEqual({ value: 1 });
-      expect(valueTwo).toEqual({ value: 2 });
-    });
-
-    it('should preserve existing keys not included in settings', () => {
-      service.set('key1', { value: 1 });
-      service.set('key2', { value: 2 });
-
-      service.setAllSettings({ key1: { value: 3 } });
-
-      expect(service.get('key2')).toEqual({ value: 2 });
-    });
-  });
-
-  describe('clearAllSettings', () => {
-    it('should remove all stored settings', () => {
-      service.set('featureFlagsTool', { value: 1 });
-      service.set('i18nTool2', { value: 2 });
-
-      service.clearAllSettings();
-
-      const allSettings = service.getAllSettings();
-      expect(allSettings).toEqual({});
-    });
-
-    it('should only clear tool settings', () => {
-      service.set('key1', { value: 1 });
-      storageMock['other-key'] = JSON.stringify({ value: 2 });
-
-      service.clearAllSettings();
-
-      expect(storageMock['other-key']).toBeDefined();
-    });
-
-    it('should remove tool keys', () => {
-      service.set('featureFlagsTool', { value: 1 });
-      service.set('i18nTool2', { value: 2 });
-
-      service.clearAllSettings();
-
-      expect(service.getToolKeys()).toEqual([]);
-    });
-  });
-});

package/src/utils/storage.service.ts

@@ -1,80 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable({ providedIn: 'root' })
-export class DevToolsStorageService {
-  private readonly PREFIX = 'AngularDevTools.';
-  private readonly TOOLS_KEY = `${this.PREFIX}keys`;
-  private readonly SETTINGS_KEY = `${this.PREFIX}settings`;
-
-  public set<T>(key: string, value: T): void {
-    const toolKey = this.getToolKey(key);
-    this.addToolKey(toolKey);
-    localStorage.setItem(toolKey, JSON.stringify(value));
-  }
-
-  public get<T>(key: string): T | null {
-    const toolKey = this.getToolKey(key);
-    const item = localStorage.getItem(toolKey);
-    return item ? JSON.parse(item) : null;
-  }
-
-  public remove(key: string): void {
-    const toolKey = this.getToolKey(key);
-    localStorage.removeItem(toolKey);
-    this.removeToolKey(toolKey);
-  }
-
-  public getAllSettings(): Record<string, unknown> {
-    const settings: Record<string, unknown> = {};
-
-    const keys = this.getToolKeys();
-    keys.forEach((key) => {
-      const value = this.get(key);
-      if (value !== null) {
-        settings[key] = value;
-      }
-    });
-
-    return settings;
-  }
-
-  public setAllSettings(settings: Record<string, unknown>): void {
-    Object.entries(settings).forEach(([key, value]) => {
-      this.set(key, value);
-    });
-  }
-
-  public clearAllSettings(): void {
-    const keys = this.getToolKeys();
-    keys.forEach((key) => {
-      this.remove(key);
-    });
-  }
-
-  public getToolKeys(): string[] {
-    return JSON.parse(localStorage.getItem(this.TOOLS_KEY) ?? '[]');
-  }
-
-  private addToolKey(key: string) {
-    const currentKeys = this.getToolKeys();
-    if (currentKeys.includes(key)) {
-      return;
-    }
-    currentKeys.push(key);
-    localStorage.setItem(this.TOOLS_KEY, JSON.stringify(currentKeys));
-  }
-
-  private removeToolKey(key: string): void {
-    const currentKeys = this.getToolKeys();
-    const index = currentKeys.indexOf(key);
-    if (index !== -1) {
-      currentKeys.splice(index, 1);
-    }
-    localStorage.setItem(this.TOOLS_KEY, JSON.stringify(currentKeys));
-  }
-
-  private getToolKey(key: string): string {
-    return key.includes(this.PREFIX) ? key : this.PREFIX + key;
-  }
-
-}

package/tsconfig.json

@@ -1,28 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es2022",
-    "forceConsistentCasingInFileNames": true,
-    "strict": true,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    }
-  ],
-  "extends": "../../tsconfig.base.json",
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true
-  }
-}

package/tsconfig.lib.json

@@ -1,28 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "exclude": [
-    "src/**/*.spec.ts",
-    "src/test-setup.ts",
-    "jest.config.ts",
-    "src/**/*.test.ts",
-    "vite.config.ts",
-    "vite.config.mts",
-    "vitest.config.ts",
-    "vitest.config.mts",
-    "src/**/*.test.tsx",
-    "src/**/*.spec.tsx",
-    "src/**/*.test.js",
-    "src/**/*.spec.js",
-    "src/**/*.test.jsx",
-    "src/**/*.spec.jsx",
-    "src/test-setup.ts"
-  ],
-  "include": ["src/**/*.ts"]
-}

package/tsconfig.lib.prod.json

@@ -1,9 +0,0 @@
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/tsconfig.spec.json

@@ -1,29 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "types": [
-      "vitest/globals",
-      "vitest/importMeta",
-      "vite/client",
-      "node",
-      "vitest"
-    ]
-  },
-  "include": [
-    "vite.config.ts",
-    "vite.config.mts",
-    "vitest.config.ts",
-    "vitest.config.mts",
-    "src/**/*.test.ts",
-    "src/**/*.spec.ts",
-    "src/**/*.test.tsx",
-    "src/**/*.spec.tsx",
-    "src/**/*.test.js",
-    "src/**/*.spec.js",
-    "src/**/*.test.jsx",
-    "src/**/*.spec.jsx",
-    "src/**/*.d.ts"
-  ],
-  "files": ["src/test-setup.ts"]
-}

package/vite.config.mts

@@ -1,27 +0,0 @@
-/// <reference types='vitest' />
-import { defineConfig } from 'vite';
-import angular from '@analogjs/vite-plugin-angular';
-import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
-import { nxCopyAssetsPlugin } from '@nx/vite/plugins/nx-copy-assets.plugin';
-
-export default defineConfig({
-  root: __dirname,
-  cacheDir: '../../node_modules/.vite/libs/ngx-dev-toolbar',
-  plugins: [angular(), nxViteTsPaths(), nxCopyAssetsPlugin(['*.md'])],
-  // Uncomment this if you are using workers.
-  // worker: {
-  //  plugins: [ nxViteTsPaths() ],
-  // },
-  test: {
-    watch: false,
-    globals: true,
-    environment: 'jsdom',
-    include: ['src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
-    setupFiles: ['src/test-setup.ts'],
-    reporters: ['default'],
-    coverage: {
-      reportsDirectory: '../../coverage/libs/ngx-dev-toolbar',
-      provider: 'v8',
-    },
-  },
-});