[deps] Autofill: Update prettier to v3.3.3 (#10228)

* [deps] Autofill: Update prettier to v3.3.3 * prettier formatting changes * fix SyntaxError for literal @ inline html --------- Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Jonathan Prusik <jprusik@classynemesis.com>
2025-12-14 23:33:31 +00:00 · 2024-07-25 11:11:55 -04:00
parent 5cf29a655b
commit b9eb4003a1
50 changed files with 74 additions and 73 deletions
--- a/libs/angular/src/auth/components/environment-selector.component.html
+++ b/libs/angular/src/auth/components/environment-selector.component.html
@@ -1,6 +1,6 @@
 <ng-container
  *ngIf="{
-    selectedRegion: selectedRegion$ | async
+    selectedRegion: selectedRegion$ | async,
  } as data"
 >
  <div class="environment-selector-btn">
--- a/libs/common/src/platform/services/state.service.ts
+++ b/libs/common/src/platform/services/state.service.ts
@@ -414,11 +414,11 @@ export class StateService<
    }

    const account = options?.useSecureStorage
-      ? (await this.secureStorageService.get<TAccount>(options.userId, options)) ??
+      ? ((await this.secureStorageService.get<TAccount>(options.userId, options)) ??
        (await this.storageService.get<TAccount>(
          options.userId,
          this.reconcileOptions(options, { htmlStorageLocation: HtmlStorageLocation.Local }),
-        ))
+        )))
      : await this.storageService.get<TAccount>(options.userId, options);
    return account;
  }
--- a/libs/common/src/platform/state/derive-definition.ts
+++ b/libs/common/src/platform/state/derive-definition.ts
@@ -164,7 +164,7 @@ export class DeriveDefinition<TFrom, TTo, TDeps extends DerivedStateDependencies
  }

  get cleanupDelayMs() {
-    return this.options.cleanupDelayMs < 0 ? 0 : this.options.cleanupDelayMs ?? 1000;
+    return this.options.cleanupDelayMs < 0 ? 0 : (this.options.cleanupDelayMs ?? 1000);
  }

  get clearOnCleanup() {
--- a/libs/common/src/platform/state/key-definition.ts
+++ b/libs/common/src/platform/state/key-definition.ts
@@ -68,7 +68,7 @@ export class KeyDefinition<T> {
   * Gets the number of milliseconds to wait before cleaning up the state after the last subscriber has unsubscribed.
   */
  get cleanupDelayMs() {
-    return this.options.cleanupDelayMs < 0 ? 0 : this.options.cleanupDelayMs ?? 1000;
+    return this.options.cleanupDelayMs < 0 ? 0 : (this.options.cleanupDelayMs ?? 1000);
  }

  /**
--- a/libs/common/src/platform/state/user-key-definition.ts
+++ b/libs/common/src/platform/state/user-key-definition.ts
@@ -51,7 +51,7 @@ export class UserKeyDefinition<T> {
   * Gets the number of milliseconds to wait before cleaning up the state after the last subscriber has unsubscribed.
   */
  get cleanupDelayMs() {
-    return this.options.cleanupDelayMs < 0 ? 0 : this.options.cleanupDelayMs ?? 1000;
+    return this.options.cleanupDelayMs < 0 ? 0 : (this.options.cleanupDelayMs ?? 1000);
  }

  /**
--- a/libs/common/src/tools/generator/passphrase/passphrase-generator-options-evaluator.ts
+++ b/libs/common/src/tools/generator/passphrase/passphrase-generator-options-evaluator.ts
@@ -115,7 +115,7 @@ export class PassphraseGeneratorOptionsEvaluator
    const wordSeparator =
      options.wordSeparator === ""
        ? ""
-        : options.wordSeparator?.[0] ?? DefaultPassphraseGenerationOptions.wordSeparator;
+        : (options.wordSeparator?.[0] ?? DefaultPassphraseGenerationOptions.wordSeparator);

    return {
      ...options,
--- a/libs/common/src/tools/generator/random.ts
+++ b/libs/common/src/tools/generator/random.ts
@@ -29,7 +29,7 @@ export class CryptoServiceRandomizer implements Randomizer {

  // ref: https://stackoverflow.com/a/12646864/1090359
  async shuffle<T>(items: Array<T>, options?: { copy?: boolean }) {
-    const shuffled = options?.copy ?? true ? [...items] : items;
+    const shuffled = (options?.copy ?? true) ? [...items] : items;

    for (let i = shuffled.length - 1; i > 0; i--) {
      const j = await this.uniform(0, i);
--- a/libs/components/src/chip-select/chip-select.component.html
+++ b/libs/components/src/chip-select/chip-select.component.html
@@ -5,7 +5,7 @@
    selectedOption
      ? 'tw-bg-text-muted tw-text-contrast tw-gap-1'
      : 'tw-bg-transparent tw-text-muted tw-gap-1.5',
-    focusVisibleWithin() ? 'tw-ring-2 tw-ring-primary-500 tw-ring-offset-1' : ''
+    focusVisibleWithin() ? 'tw-ring-2 tw-ring-primary-500 tw-ring-offset-1' : '',
  ]"
 >
  <!-- Primary button -->
@@ -13,7 +13,7 @@
    type="button"
    class="fvw-target tw-inline-flex tw-gap-1.5 tw-items-center tw-bg-transparent hover:tw-bg-transparent tw-border-none tw-outline-none tw-max-w-full tw-py-1 tw-pl-3 last:tw-pr-3 tw-truncate tw-text-[inherit]"
    [ngClass]="{
-      'tw-cursor-not-allowed': disabled
+      'tw-cursor-not-allowed': disabled,
    }"
    [bitMenuTriggerFor]="menu"
    [disabled]="disabled"
@@ -37,7 +37,7 @@
    [disabled]="disabled"
    class="tw-bg-transparent hover:tw-bg-transparent tw-outline-none tw-rounded-full tw-p-1 tw-my-1 tw-mr-1 tw-text-[inherit] tw-border-solid tw-border tw-border-text-muted hover:tw-border-text-contrast hover:disabled:tw-border-transparent tw-aspect-square tw-flex tw-items-center tw-justify-center tw-h-fit focus-visible:tw-ring-2 tw-ring-text-contrast focus-visible:hover:tw-border-transparent"
    [ngClass]="{
-      'tw-cursor-not-allowed': disabled
+      'tw-cursor-not-allowed': disabled,
    }"
    (click)="clear()"
  >
--- a/libs/components/src/dialog/dialog/dialog.component.html
+++ b/libs/components/src/dialog/dialog/dialog.component.html
@@ -38,7 +38,7 @@
        'tw-overflow-y-auto': !loading,
        'tw-invisible tw-overflow-y-hidden': loading,
        'tw-bg-background': background === 'default',
-        'tw-bg-background-alt': background === 'alt'
+        'tw-bg-background-alt': background === 'alt',
      }"
    >
      <ng-content select="[bitDialogContent]"></ng-content>
--- a/libs/components/src/layout/layout.component.html
+++ b/libs/components/src/layout/layout.component.html
@@ -25,7 +25,7 @@
    <!-- overlay backdrop for side-nav -->
    <div
      *ngIf="{
-        open: sideNavService.open$ | async
+        open: sideNavService.open$ | async,
      } as data"
      class="tw-pointer-events-none tw-fixed tw-inset-0 tw-z-10 tw-bg-black tw-bg-opacity-0 motion-safe:tw-transition-colors md:tw-hidden"
      [ngClass]="[data.open ? 'tw-bg-opacity-30 md:tw-bg-opacity-0' : 'tw-bg-opacity-0']"
--- a/libs/components/src/navigation/nav-item.component.html
+++ b/libs/components/src/navigation/nav-item.component.html
@@ -1,6 +1,6 @@
 <ng-container
  *ngIf="{
-    open: sideNavService.open$ | async
+    open: sideNavService.open$ | async,
  } as data"
 >
  <div
@@ -10,12 +10,12 @@
      showActiveStyles
        ? 'tw-bg-background-alt4'
        : 'tw-bg-background-alt3 hover:tw-bg-primary-300/60',
-      fvwStyles$ | async
+      fvwStyles$ | async,
    ]"
  >
    <div
      [ngStyle]="{
-        'padding-left': data.open ? (variant === 'tree' ? 2.5 : 1) + treeDepth * 1.5 + 'rem' : '0'
+        'padding-left': data.open ? (variant === 'tree' ? 2.5 : 1) + treeDepth * 1.5 + 'rem' : '0',
      }"
      class="tw-relative tw-flex"
    >
@@ -30,7 +30,7 @@
        <div
          *ngIf="slotStart.childElementCount === 0"
          [ngClass]="{
-            'tw-w-0': variant !== 'tree'
+            'tw-w-0': variant !== 'tree',
          }"
        >
          <button
@@ -52,7 +52,7 @@
          class="tw-truncate"
          [ngClass]="[
            variant === 'tree' ? 'tw-py-1' : 'tw-py-2',
-            data.open ? 'tw-pr-4' : 'tw-text-center'
+            data.open ? 'tw-pr-4' : 'tw-text-center',
          ]"
        >
          <i
@@ -105,7 +105,7 @@
        class="tw-flex -tw-ml-3 tw-pr-4 tw-gap-1 [&>*:focus-visible::before]:!tw-ring-text-alt2 [&>*:hover]:!tw-border-text-alt2 [&>*]:tw-text-alt2"
        [ngClass]="[
          variant === 'tree' ? 'tw-py-1' : 'tw-py-2',
-          endSlot.childElementCount === 0 ? 'tw-hidden' : ''
+          endSlot.childElementCount === 0 ? 'tw-hidden' : '',
        ]"
      >
        <ng-content select="[slot=end]"></ng-content>
--- a/libs/components/src/navigation/side-nav.component.html
+++ b/libs/components/src/navigation/side-nav.component.html
@@ -1,7 +1,7 @@
 <nav
  *ngIf="{
    open: sideNavService.open$ | async,
-    isOverlay: sideNavService.isOverlay$ | async
+    isOverlay: sideNavService.isOverlay$ | async,
  } as data"
  id="bit-side-nav"
  class="tw-fixed md:tw-sticky tw-inset-y-0 tw-left-0 tw-z-30 tw-flex tw-h-screen tw-flex-col tw-overscroll-none tw-overflow-auto tw-bg-background-alt3 tw-outline-none"
@@ -10,7 +10,7 @@
    variant === 'secondary' && {
      '--color-text-alt2': 'var(--color-text-main)',
      '--color-background-alt3': 'var(--color-secondary-100)',
-      '--color-background-alt4': 'var(--color-secondary-300)'
+      '--color-background-alt4': 'var(--color-secondary-300)',
    }
  "
  [cdkTrapFocus]="data.isOverlay"
--- a/libs/components/src/section/section.component.ts
+++ b/libs/components/src/section/section.component.ts
@@ -9,7 +9,7 @@ import { Component, Input } from "@angular/core";
  template: `
    <section
      [ngClass]="{
-        'tw-mb-6 md:tw-mb-12': !disableMargin
+        'tw-mb-6 md:tw-mb-12': !disableMargin,
      }"
    >
      <ng-content></ng-content>
--- a/libs/tools/generator/core/src/engine/crypto-service-randomizer.ts
+++ b/libs/tools/generator/core/src/engine/crypto-service-randomizer.ts
@@ -42,7 +42,7 @@ export class CryptoServiceRandomizer implements Randomizer {
      throw new Error("items must have at least one entry.");
    }

-    const shuffled = options?.copy ?? true ? [...items] : items;
+    const shuffled = (options?.copy ?? true) ? [...items] : items;

    for (let i = shuffled.length - 1; i > 0; i--) {
      const j = await this.uniform(0, i);
--- a/libs/tools/generator/core/src/engine/email-calculator.ts
+++ b/libs/tools/generator/core/src/engine/email-calculator.ts
@@ -39,7 +39,7 @@ export class EmailCalculator {
   * @returns an email address or `null` if the calculation fails.
   */
  concatenate(username: string, domain: string) {
-    const emailDomain = domain?.startsWith("@") ? domain.substring(1, Infinity) : domain ?? "";
+    const emailDomain = domain?.startsWith("@") ? domain.substring(1, Infinity) : (domain ?? "");
    if (emailDomain.length < 1) {
      return null;
    }
--- a/libs/tools/generator/core/src/engine/email-randomizer.ts
+++ b/libs/tools/generator/core/src/engine/email-randomizer.ts
@@ -47,7 +47,7 @@ export class EmailRandomizer {
   *    is empty, resolves to null instead.
   */
  async randomAsciiCatchall(domain: string, options?: { length?: number }) {
-    const emailDomain = domain?.startsWith("@") ? domain.substring(1, Infinity) : domain ?? "";
+    const emailDomain = domain?.startsWith("@") ? domain.substring(1, Infinity) : (domain ?? "");
    if (emailDomain.length < 1) {
      return null;
    }
@@ -75,7 +75,7 @@ export class EmailRandomizer {
    domain: string,
    options?: { numberOfWords?: number; words?: Array<string> },
  ) {
-    const emailDomain = domain?.startsWith("@") ? domain.substring(1, Infinity) : domain ?? "";
+    const emailDomain = domain?.startsWith("@") ? domain.substring(1, Infinity) : (domain ?? "");
    if (emailDomain.length < 1) {
      return null;
    }
--- a/libs/tools/generator/core/src/policies/passphrase-generator-options-evaluator.ts
+++ b/libs/tools/generator/core/src/policies/passphrase-generator-options-evaluator.ts
@@ -90,7 +90,7 @@ export class PassphraseGeneratorOptionsEvaluator
    const wordSeparator =
      options.wordSeparator === ""
        ? ""
-        : options.wordSeparator?.[0] ?? DefaultPassphraseGenerationOptions.wordSeparator;
+        : (options.wordSeparator?.[0] ?? DefaultPassphraseGenerationOptions.wordSeparator);

    return {
      ...options,
--- a/libs/tools/generator/core/src/strategies/eff-username-generator-strategy.ts
+++ b/libs/tools/generator/core/src/strategies/eff-username-generator-strategy.ts
@@ -32,11 +32,11 @@ export class EffUsernameGeneratorStrategy
  // algorithm
  async generate(options: EffUsernameGenerationOptions) {
    const casing =
-      options.wordCapitalize ?? DefaultEffUsernameOptions.wordCapitalize
+      (options.wordCapitalize ?? DefaultEffUsernameOptions.wordCapitalize)
        ? "TitleCase"
        : "lowercase";
    const digits =
-      options.wordIncludeNumber ?? DefaultEffUsernameOptions.wordIncludeNumber
+      (options.wordIncludeNumber ?? DefaultEffUsernameOptions.wordIncludeNumber)
        ? UsernameDigits.enabled
        : UsernameDigits.disabled;
    const word = await this.randomizer.randomWords({ numberOfWords: 1, casing, digits });
--- a/libs/vault/src/cipher-form/components/custom-fields/custom-fields.component.html
+++ b/libs/vault/src/cipher-form/components/custom-fields/custom-fields.component.html
@@ -14,7 +14,7 @@
        [formGroupName]="i"
        class="tw-flex tw-p-3 -tw-mx-3 tw-gap-4 tw-bg-background tw-rounded-lg first:-tw-mt-3 last-of-type:tw-mb-3"
        [ngClass]="{
-          'tw-items-center': field.value.type === FieldType.Boolean
+          'tw-items-center': field.value.type === FieldType.Boolean,
        }"
        [attr.data-testid]="field.value.name + '-entry'"
        cdkDrag