@sneat/components 0.1.2 → 0.1.4

package/src/lib/pipes/short-month-name.pipe.ts

@@ -1,26 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-
-export const shortMonthNamesByNumber = [
-  'Jan',
-  'Feb',
-  'Mar',
-  'Apr',
-  'May',
-  'Jun',
-  'Jul',
-  'Aug',
-  'Sep',
-  'Oct',
-  'Nov',
-  'Dec',
-];
-
-@Pipe({ name: 'shortMonthName' })
-export class ShortMonthNamePipe implements PipeTransform {
-  transform(month?: number): string {
-    if (month !== undefined && month >= 0 && month <= 11) {
-      return shortMonthNamesByNumber[month];
-    }
-    return '' + month;
-  }
-}

package/src/lib/pipes/team-emoji.pipe.spec.ts

@@ -1,27 +0,0 @@
-import { SpaceType } from '@sneat/core';
-import { SpaceEmojiPipe } from './team-emoji.pipe';
-
-describe('SpaceEmojiPipe', () => {
-  it('should create', () => {
-    expect(new SpaceEmojiPipe()).toBeTruthy();
-  });
-
-  const testCases: { type: SpaceType | 'unknown'; emoji: string | undefined }[] =
-    [
-      { type: 'family', emoji: '👨‍👩‍👧‍👦' },
-      { type: 'cohabit', emoji: '🤝' },
-      { type: 'sport_club', emoji: '⚽' },
-      { type: 'educator', emoji: '💃' },
-      { type: 'realtor', emoji: '🏘️' },
-      { type: 'parish', emoji: '⛪' },
-      { type: 'private', emoji: '🕶️' },
-      { type: 'unknown', emoji: undefined },
-    ];
-
-  testCases.forEach(({ type, emoji }) => {
-    it(`should return ${emoji} for type ${type}`, () => {
-      const pipe = new SpaceEmojiPipe();
-      expect(pipe.transform(type as SpaceType)).toBe(emoji);
-    });
-  });
-});

package/src/lib/pipes/team-emoji.pipe.ts

@@ -1,26 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-import { SpaceType } from '@sneat/core';
-
-@Pipe({ name: 'spaceEmoji' })
-export class SpaceEmojiPipe implements PipeTransform {
-  transform(communeType: SpaceType): string | undefined {
-    switch (communeType) {
-      case 'family':
-        return '👨‍👩‍👧‍👦';
-      case 'cohabit':
-        return '🤝';
-      case 'sport_club':
-        return '⚽';
-      case 'educator':
-        return '💃';
-      case 'realtor':
-        return '🏘️';
-      case 'parish':
-        return '⛪';
-      case 'private':
-        return '🕶️';
-      default:
-        return undefined;
-    }
-  }
-}

package/src/lib/save-event.ts

@@ -1,5 +0,0 @@
-export interface ISaveEvent<T> {
-  readonly object?: T;
-  readonly success: () => void;
-  readonly error: (e: unknown) => void;
-}

package/src/lib/test-ide-bug.ts

@@ -1,24 +0,0 @@
-import { Component, Input } from '@angular/core';
-
-interface IItem {
-  id: string;
-}
-
-@Component({
-  selector: 'sneat-test',
-  template: `Today's item: {{ item }}`,
-})
-export class TestComponent {
-  @Input() item?: IItem | null;
-}
-
-@Component({
-  selector: 'sneat-consumer',
-  imports: [TestComponent],
-  template: ` <sneat-test [item]="myItem('test')" />`,
-})
-export class ConsumerComponent {
-  protected myItem(id: string): IItem | undefined {
-    return id ? { id } : undefined;
-  }
-}

package/src/lib/user-country/user-country.component.html

@@ -1,44 +0,0 @@
-@let userCountryID = $userCountryID();
-@let userHasCountry = $userHasCountry();
-
-@if (doNotHide || ($ipCountry() && !userHasCountry)) {
-  <ion-card>
-    @if (userHasCountry || !$ipCountry()) {
-      <ion-card-content>
-        <sneat-country-input
-          label="Country of residence"
-          [canReset]="false"
-          [countryID]="userCountryID || ''"
-          (countryIDChange)="onCountryOfResidenceChanged($event)"
-        />
-      </ion-card-content>
-    } @else {
-      <ion-card-header>
-        <ion-card-title>
-          Is {{ $ipCountry()?.emoji }} {{ $ipCountry()?.title }} your country of
-          residence?
-        </ion-card-title>
-      </ion-card-header>
-      <ion-card-content>
-        <ion-button
-          [disabled]="$saving()"
-          color="primary"
-          class="ion-padding-end"
-          (click)="setCountry($ipCountryID())"
-        >
-          <ion-icon name="checkmark-outline" slot="start" />
-          <ion-label style="text-transform: none"
-            ><b
-              >Yes, my primary residence is in {{ $ipCountry()?.title }}
-              {{ $ipCountry()?.emoji }}</b
-            ></ion-label
-          >
-        </ion-button>
-        <ion-button color="light" [disabled]="$saving()">
-          <ion-icon name="list-outline" slot="start" />
-          <ion-label style="text-transform: none">Choose county</ion-label>
-        </ion-button>
-      </ion-card-content>
-    }
-  </ion-card>
-}

package/src/lib/user-country/user-country.component.spec.ts

@@ -1,136 +0,0 @@
-import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { HttpClient } from '@angular/common/http';
-import { ErrorLogger } from '@sneat/core';
-import { SneatUserService } from '@sneat/auth-core';
-import { ClassName } from '@sneat/ui';
-import { of, throwError, BehaviorSubject } from 'rxjs';
-import { UserCountryComponent } from './user-country.component';
-import { CountriesLoaderService } from '../country-selector';
-
-describe('UserCountryComponent', () => {
-  let component: UserCountryComponent;
-  let fixture: ComponentFixture<UserCountryComponent>;
-  let httpClient: { get: ReturnType<typeof vi.fn> };
-  let userService: {
-    userState: BehaviorSubject<{ record?: { countryID?: string } }>;
-    user$: BehaviorSubject<unknown>;
-    userChanged: BehaviorSubject<unknown>;
-    setUserCountry: ReturnType<typeof vi.fn>;
-  };
-  let errorLogger: { logError: ReturnType<typeof vi.fn>; logErrorHandler: ReturnType<typeof vi.fn> };
-  let countriesLoader: {
-    getCountryByID: ReturnType<typeof vi.fn>;
-    getCountries: ReturnType<typeof vi.fn>;
-  };
-
-  beforeEach(waitForAsync(async () => {
-    httpClient = {
-      get: vi.fn(() => of('US')),
-    };
-    
-    userService = {
-      userState: new BehaviorSubject<{ record?: { countryID?: string } }>({ 
-        record: undefined 
-      }),
-      user$: new BehaviorSubject({}),
-      userChanged: new BehaviorSubject(undefined),
-      setUserCountry: vi.fn(() => of({})),
-    };
-    
-    errorLogger = {
-      logError: vi.fn(),
-      logErrorHandler: () => vi.fn(),
-    };
-
-    countriesLoader = {
-      getCountryByID: vi.fn(() => Promise.resolve({ 
-        id: 'US', 
-        emoji: '🇺🇸', 
-        title: 'United States' 
-      })),
-      getCountries: vi.fn(() => Promise.resolve([])),
-    };
-
-    await TestBed.configureTestingModule({
-      imports: [UserCountryComponent],
-      providers: [
-        { provide: ClassName, useValue: 'TestComponent' },
-        { provide: ErrorLogger, useValue: errorLogger },
-        { provide: HttpClient, useValue: httpClient },
-        { provide: SneatUserService, useValue: userService },
-        { provide: CountriesLoaderService, useValue: countriesLoader },
-      ],
-      schemas: [CUSTOM_ELEMENTS_SCHEMA],
-    })
-      .overrideComponent(UserCountryComponent, {
-        set: { imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: '' },
-      })
-      .compileComponents();
-    fixture = TestBed.createComponent(UserCountryComponent);
-    component = fixture.componentInstance;
-  }));
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should track user record and update userCountryID', () => {
-    userService.userState.next({ record: { countryID: 'UA' } });
-    expect(component['$userCountryID']()).toBe('UA');
-  });
-
-  it('should set userCountryID to "--" when record has no countryID', () => {
-    userService.userState.next({ record: {} });
-    expect(component['$userCountryID']()).toBe('--');
-  });
-
-  it('should call setCountry when onCountryOfResidenceChanged is invoked', () => {
-    const setCountrySpy = vi.spyOn(component as any, 'setCountry');
-    component['onCountryOfResidenceChanged']('US');
-    expect(setCountrySpy).toHaveBeenCalledWith('US');
-  });
-
-  it('should set user country when setCountry is called with valid countryID', () => {
-    component['setCountry']('US');
-    expect(component['$saving']()).toBe(true);
-    expect(userService.setUserCountry).toHaveBeenCalledWith('US');
-  });
-
-  it('should not set country when countryID is undefined', () => {
-    component['setCountry'](undefined);
-    expect(userService.setUserCountry).not.toHaveBeenCalled();
-  });
-
-  it('should handle error when setting user country fails', () => {
-    const error = new Error('Set country failed');
-    userService.setUserCountry = vi.fn(() => throwError(() => error));
-    
-    component['setCountry']('US');
-    
-    expect(errorLogger.logError).toHaveBeenCalledWith(
-      'UserCountryComponent: Failed to set user country',
-      error
-    );
-  });
-
-  it('should compute userHasCountry correctly', () => {
-    component['$userCountryID'].set('US');
-    expect(component['$userHasCountry']()).toBe(true);
-    
-    component['$userCountryID'].set('--');
-    expect(component['$userHasCountry']()).toBe(false);
-    
-    component['$userCountryID'].set('');
-    expect(component['$userHasCountry']()).toBe(false);
-  });
-
-  it('should initialize with default values', () => {
-    expect(component['$ipCountryID']()).toBe('');
-    expect(component['$ipCountry']()).toBeUndefined();
-    expect(component['isCountryDetectionStarted']).toBe(false);
-    expect(component['$detectingCountry']()).toBe(false);
-    expect(component['$saving']()).toBe(false);
-    expect(component.doNotHide).toBe(false);
-  });
-});

package/src/lib/user-country/user-country.component.ts

@@ -1,172 +0,0 @@
-import { HttpClient, HttpHeaders } from '@angular/common/http';
-import {
-  ChangeDetectionStrategy,
-  Component,
-  computed,
-  effect,
-  Input,
-  OnDestroy,
-  signal,
-  inject,
-} from '@angular/core';
-import {
-  IonButton,
-  IonCard,
-  IonCardContent,
-  IonCardHeader,
-  IonCardTitle,
-  IonIcon,
-  IonLabel,
-} from '@ionic/angular/standalone';
-import { SneatUserService } from '@sneat/auth-core';
-import { ClassName, SneatBaseComponent } from '@sneat/ui';
-import { map, race, takeUntil } from 'rxjs';
-import { CountryInputComponent } from '../country-input';
-import { ICountry, CountriesLoaderService } from '../country-selector';
-
-let ipCountryCached: string | undefined; // TODO: Should have expiration?
-
-@Component({
-  imports: [
-    CountryInputComponent,
-    IonCardContent,
-    IonCardHeader,
-    IonCardTitle,
-    IonButton,
-    IonIcon,
-    IonLabel,
-    IonCard,
-  ],
-  providers: [
-    {
-      provide: ClassName,
-      useValue: 'UserCountryComponent',
-    },
-  ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  selector: 'sneat-user-country',
-  templateUrl: './user-country.component.html',
-})
-export class UserCountryComponent
-  extends SneatBaseComponent
-  implements OnDestroy
-{
-  private readonly httpClient = inject(HttpClient);
-  private readonly userService = inject(SneatUserService);
-  private readonly countriesLoader = inject(CountriesLoaderService);
-
-  protected readonly $ipCountryID = signal('');
-  protected readonly $ipCountry = signal<ICountry | undefined>(undefined);
-
-  protected readonly $userCountryID = signal<string>('');
-  protected readonly $userHasCountry = computed(() => {
-    const userCountryID = this.$userCountryID();
-    return !!userCountryID && userCountryID !== '--';
-  });
-
-  protected isCountryDetectionStarted = false;
-  protected readonly $detectingCountry = signal(false);
-  protected readonly $saving = signal(false);
-
-  @Input() public doNotHide = false;
-
-  private trackUserRecord(): void {
-    this.userService.userState
-      .pipe(takeUntil(this.destroyed$))
-      .subscribe((user) => {
-        if (user.record) {
-          this.$userCountryID.set(user?.record?.countryID || '--');
-        }
-      });
-  }
-
-  constructor() {
-    super();
-    this.trackUserRecord();
-    // this.getIpCountry();
-    effect(() => {
-      const userCountryID = this.$userCountryID();
-      if (
-        userCountryID === '--' &&
-        // It looks like using signal here can cause an infinite loop
-        !this.isCountryDetectionStarted
-      ) {
-        this.getIpCountry();
-      }
-    });
-  }
-
-  protected onCountryOfResidenceChanged(countryID: string): void {
-    this.setCountry(countryID);
-  }
-
-  private getIpCountry(): void {
-    if (this.isCountryDetectionStarted) {
-      return;
-    }
-    this.isCountryDetectionStarted = true;
-    if (ipCountryCached) {
-      this.$ipCountryID.set(ipCountryCached);
-      this.countriesLoader.getCountryByID(ipCountryCached).then((country) => {
-        this.$ipCountry.set(country);
-      });
-      return;
-    }
-    this.$detectingCountry.set(true);
-    // console.log('UserCountryComponent: Detecting IP country...');
-    race(
-      this.httpClient
-        .get<string>('https://ipapi.co/country', {
-          headers: new HttpHeaders({
-            Accept: 'text/plain',
-          }),
-          responseType: 'text' as 'json',
-        })
-        .pipe(
-          map((country) => ({ source: 'https://ipapi.co/country', country })),
-        ),
-    ).subscribe({
-      next: (response) => {
-        // console.log('UserCountryComponent: Got IP country:', response);
-        const ipCountryID = response.country;
-        ipCountryCached = ipCountryID;
-        this.$ipCountryID.set(ipCountryID);
-        this.countriesLoader.getCountryByID(ipCountryID).then((country) => {
-          this.$ipCountry.set(country);
-        });
-        this.$detectingCountry.set(false);
-      },
-      error: (err) => {
-        this.$detectingCountry.set(false);
-        // console.error('UserCountryComponent: Failed to get IP country', err);
-        this.errorLogger.logError(
-          err,
-          'UserCountryComponent: Failed to get IP country',
-          {
-            show: false,
-          },
-        );
-      },
-    });
-  }
-
-  protected setCountry(countryID?: string): void {
-    if (!countryID) {
-      return;
-    }
-    this.$saving.set(true);
-    this.userService.setUserCountry(countryID).subscribe({
-      next: () => {
-        // console.log('UserCountryComponent: User country set to', countryID);
-        this.$userCountryID.set(countryID);
-      },
-      error: (err) => {
-        this.errorLogger.logError(
-          'UserCountryComponent: Failed to set user country',
-          err,
-        );
-        this.$saving.set(false);
-      },
-    });
-  }
-}

package/src/lib/virtual-slider/odd-even-virtual-slider.ts

@@ -1 +0,0 @@
-export const empty = {};

package/src/lib/virtual-slider/virtual-slider.ts

@@ -1,130 +0,0 @@
-import {
-  animate,
-  animateChild,
-  AnimationTriggerMetadata,
-  group,
-  query,
-  state,
-  style,
-  transition,
-  trigger,
-} from '@angular/animations';
-
-const defaultTiming = '250ms ease-out';
-
-const defaultActiveOpacity = '1';
-const defaultHiddenOpacity = '0.05';
-
-interface IVirtualSliderOptions {
-  timing: string;
-  activeOpacity?: string;
-  hiddenOpacity?: string;
-}
-
-type VirtualSlideStateShow = 'show';
-type VirtualSlideStateHide = 'hide';
-
-export const showVirtualSlide: VirtualSlideStateShow = 'show';
-export const hideVirtualSlide: VirtualSlideStateHide = 'hide';
-
-export type VirtualSlideAnimationsStates =
-  | VirtualSlideStateShow
-  | VirtualSlideStateHide;
-
-export const VirtualSliderDirectPushedNext = 'direct-push-next';
-export const VirtualSliderDirectPushedPrev = 'direct-push-prev';
-export const VirtualSliderReversePushedNext = 'reverse-push-next';
-export const VirtualSliderReversePushedPrev = 'reverse-push-prev';
-
-export type VirtualSliderAnimationStates =
-  | 'direct-push-next'
-  | 'direct-push-prev'
-  | 'reverse-push-next'
-  | 'reverse-push-prev';
-
-const options: IVirtualSliderOptions = {
-  timing: defaultTiming,
-  activeOpacity: defaultActiveOpacity,
-  hiddenOpacity: defaultHiddenOpacity,
-};
-
-const slideLeft = group([
-  animate(options.timing, style({ transform: 'translateX(-50%)' })),
-  query('@virtualSlide', animateChild()),
-]);
-const slideRight = group([
-  animate(options.timing, style({ transform: 'translateX(0)' })),
-  query('@virtualSlide', animateChild()),
-]);
-
-export const virtualSliderAnimations: AnimationTriggerMetadata[] = [
-  trigger('virtualSlide', [
-    transition('void => *', animate(0)),
-    state(showVirtualSlide, style({ opacity: options.activeOpacity || 0 })),
-    state(hideVirtualSlide, style({ opacity: options.hiddenOpacity || 0 })),
-    transition('* => *', animate(options.timing)),
-  ]),
-  trigger('virtualSlider', [
-    transition('void => *', animate(0)),
-    // Slides: A→B
-    state(
-      VirtualSliderDirectPushedNext,
-      style({
-        flexDirection: 'row',
-        transform: 'translateX(-50%)',
-      }),
-    ),
-    transition(`* => ${VirtualSliderDirectPushedNext}`, [
-      style({
-        flexDirection: 'row',
-        transform: 'translateX(0)',
-      }),
-      slideLeft,
-    ]),
-    // Slides: A←B
-    state(
-      VirtualSliderDirectPushedPrev,
-      style({
-        flexDirection: 'row',
-        transform: 'translateX(0)',
-      }),
-    ),
-    transition(`* => ${VirtualSliderDirectPushedPrev}`, [
-      style({
-        flexDirection: 'row',
-        transform: 'translateX(-50%)',
-      }),
-      slideRight,
-    ]),
-    // Slides: B→A
-    state(
-      VirtualSliderReversePushedNext,
-      style({
-        flexDirection: 'row-reverse',
-        transform: 'translateX(-50%)',
-      }),
-    ),
-    transition(`* => ${VirtualSliderReversePushedNext}`, [
-      style({
-        flexDirection: 'row-reverse',
-        transform: 'translateX(0)',
-      }),
-      slideLeft,
-    ]),
-    // Slides: B←A
-    state(
-      VirtualSliderReversePushedPrev,
-      style({
-        flexDirection: 'row-reverse',
-        transform: 'translateX(0)',
-      }),
-    ),
-    transition(`* => ${VirtualSliderReversePushedPrev}`, [
-      style({
-        flexDirection: 'row-reverse',
-        transform: 'translateX(-50%)',
-      }),
-      slideRight,
-    ]),
-  ]),
-];

package/src/lib/webstorm-type-err-demo.component.ts

@@ -1,35 +0,0 @@
-import { Component } from '@angular/core';
-
-export interface IIdAndBriefDemo<Brief> {
-  readonly id: string;
-  readonly brief: Brief;
-}
-
-interface Brief {
-  readonly title: string;
-}
-
-function items<B>(o: Record<string, B>): readonly IIdAndBriefDemo<B>[] {
-  return Object.keys(o).map((id) => ({ id, brief: o[id] }));
-}
-
-@Component({
-  selector: 'sneat-webstorm-type-err-demo',
-  template: `
-    @for (item of items; track item.id) {
-      {{ item.brief.title }}
-    }
-  `,
-})
-export class WebstormTypeErrDemoComponent {
-  protected readonly _items: Record<string, Brief> = {
-    first: { title: 'First' },
-  };
-
-  protected get items(): readonly IIdAndBriefDemo<Brief>[] {
-    return items(this._items);
-  }
-
-  protected readonly idExpr = (i: number, record: { id: string }): string =>
-    record.id;
-}

package/src/test-setup.ts

@@ -1,3 +0,0 @@
-import { setupTestEnvironment } from '@sneat/core/testing';
-
-setupTestEnvironment();

package/tsconfig.json

@@ -1,13 +0,0 @@
-{
-  "extends": "../../tsconfig.angular.json",
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    }
-  ]
-}

package/tsconfig.lib.json

@@ -1,19 +0,0 @@
-{
-  "extends": "../../tsconfig.lib.base.json",
-  "exclude": [
-    "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/test-setup.ts",
-    "src/lib/testing/**/*"
-  ]
-}

package/tsconfig.lib.prod.json

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