@pleodigital/design-system-votey 1.0.136 → 1.0.138

package/README.md

@@ -1,2 +1,48 @@
 # design-system-votey
 Repository for handling tokens (Votey app)
+
+## Walidacja tokenów
+
+```bash
+npm run validate:tokens
+npm run test:tokens
+```
+
+`validate:tokens` sprawdza `tokens/base/colors.json` przed uruchomieniem Style Dictionary. Core colors muszą być nieprzezroczyste; validator odrzuca alpha HEX, `rgba()`/`hsla()`, `transparent`, `color-mix(... transparent)` oraz obiektowe kolory z alpha mniejszym niż `1`.
+
+Build tokenów wymaga Node.js 22 lub nowszego. Pipeline używa Style Dictionary `5.5.0` oraz `@tokens-studio/sd-transforms` `2.0.3`:
+
+```bash
+npm run build:tokens
+```
+
+`npm run build:tokens` uruchamia walidację automatycznie przed zapisem plików do `dist`. Te same testy działają w CI dla zmian tokenów, skryptów walidacyjnych oraz merge requestów tworzonych przez workflow Tokens Studio.
+
+## Font families
+
+Foundation font families są zdefiniowane w `tokens/type/core/value.json`:
+
+- `font-family.open-sans` — font produktu CRM;
+- `font-family.satoshi` — font produktu PWA oraz interfejsu Storybooka.
+
+Build Angular publikuje je jako `--font-family-open-sans` i `--font-family-satoshi`. Responsywne role `--typo-*` CRM wskazują na `--font-family-open-sans`. Storybook używa `--font-family-satoshi` globalnie. Istniejąca zmienna `--font-satoshi` w `votey-user-app` pozostaje bez zmian.
+
+## Runtime Angulara
+
+Kod Angulara jest publikowany przez osobne wejście, dzięki czemu nie trafia do aplikacji Reactowej:
+
+```ts
+import { provideVoteyDeviceDetection } from "@pleodigital/design-system-votey/angular";
+
+export const appConfig: ApplicationConfig = {
+  providers: [provideVoteyDeviceDetection()],
+};
+```
+
+Provider inicjalizuje `VoteyDeviceService`, reaguje na zmianę rozmiaru okna i ustawia na `body` atrybuty `data-device` oraz `data-orientation`. Ustawia również zmienną `--vh`. Atrybut `data-device` aktywuje reguły responsive z `dist/css/tokens.angular.css`.
+
+Build wejścia Angulara:
+
+```bash
+npm run build:angular
+```

package/dist/angular/fesm2022/pleodigital-design-system-votey-angular.mjs

@@ -0,0 +1,128 @@
+import { DOCUMENT, isPlatformBrowser } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, PLATFORM_ID, Injectable, provideEnvironmentInitializer } from '@angular/core';
+import DeviceDetector from 'node-device-detector';
+import { BehaviorSubject } from 'rxjs';
+
+const DEFAULT_DIMENSIONS = {
+    width: 0,
+    height: 0,
+    mobileBreakpoint: 375,
+    tabletBreakpoint: 1024,
+    laptopBreakpoint: 1280,
+    desktopBreakpoint: 1920,
+};
+class VoteyDeviceService {
+    document = inject(DOCUMENT);
+    platformId = inject(PLATFORM_ID);
+    deviceTypeSubject = new BehaviorSubject(null);
+    dimensionsSubject = new BehaviorSubject(DEFAULT_DIMENSIONS);
+    initializedSubject = new BehaviorSubject(false);
+    listeningForResize = false;
+    deviceType$ = this.deviceTypeSubject.asObservable();
+    deviceDimensions$ = this.dimensionsSubject.asObservable();
+    initialized$ = this.initializedSubject.asObservable();
+    currentDevice = null;
+    deviceOrientation = "vertical";
+    isMobileDevice = false;
+    isTabletDevice = false;
+    isDesktopDevice = false;
+    handleResize = () => {
+        const browserWindow = this.document.defaultView;
+        if (browserWindow) {
+            this.update(browserWindow.innerWidth, browserWindow.innerHeight);
+        }
+    };
+    initialize() {
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
+        const browserWindow = this.document.defaultView;
+        if (!browserWindow) {
+            return;
+        }
+        this.update(browserWindow.innerWidth, browserWindow.innerHeight);
+        if (!this.listeningForResize) {
+            browserWindow.addEventListener("resize", this.handleResize, {
+                passive: true,
+            });
+            this.listeningForResize = true;
+        }
+    }
+    update(innerWidth, innerHeight) {
+        const browserWindow = this.document.defaultView;
+        if (!browserWindow) {
+            return;
+        }
+        this.dimensionsSubject.next({
+            ...DEFAULT_DIMENSIONS,
+            width: innerWidth,
+            height: innerHeight,
+        });
+        this.deviceOrientation =
+            innerWidth > innerHeight ? "horizontal" : "vertical";
+        this.detectDevice(browserWindow.navigator);
+        this.applyDocumentState(innerHeight);
+        this.initializedSubject.next(true);
+    }
+    ngOnDestroy() {
+        const browserWindow = this.document.defaultView;
+        if (browserWindow && this.listeningForResize) {
+            browserWindow.removeEventListener("resize", this.handleResize);
+            this.listeningForResize = false;
+        }
+    }
+    detectDevice(browserNavigator) {
+        const detector = new DeviceDetector({
+            clientIndexes: true,
+            deviceIndexes: true,
+            osIndexes: true,
+            deviceAliasCode: false,
+            deviceTrusted: false,
+            deviceInfo: false,
+            maxUserAgentSize: 500,
+        });
+        const result = detector.detect(browserNavigator.userAgent);
+        const isTouchMac = result.device.type === "desktop" &&
+            browserNavigator.maxTouchPoints > 2 &&
+            /Macintosh/.test(browserNavigator.userAgent);
+        this.isMobileDevice =
+            result.device.type === "smartphone" ||
+                result.device.type === "phablet" ||
+                result.device.type === "feature phone";
+        this.isTabletDevice = result.device.type === "tablet" || isTouchMac;
+        this.isDesktopDevice = !this.isMobileDevice && !this.isTabletDevice;
+        this.currentDevice = this.isMobileDevice
+            ? "mobile"
+            : this.isTabletDevice
+                ? "tablet"
+                : "desktop";
+    }
+    applyDocumentState(innerHeight) {
+        if (!this.currentDevice) {
+            return;
+        }
+        this.deviceTypeSubject.next(this.currentDevice);
+        this.document.body.setAttribute("data-device", this.currentDevice);
+        this.document.body.setAttribute("data-orientation", this.deviceOrientation);
+        this.document.documentElement.style.setProperty("--vh", `${innerHeight / 100}px`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: VoteyDeviceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: VoteyDeviceService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: VoteyDeviceService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }] });
+function provideVoteyDeviceDetection() {
+    return provideEnvironmentInitializer(() => inject(VoteyDeviceService).initialize());
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { VoteyDeviceService, provideVoteyDeviceDetection };
+//# sourceMappingURL=pleodigital-design-system-votey-angular.mjs.map

package/dist/angular/fesm2022/pleodigital-design-system-votey-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pleodigital-design-system-votey-angular.mjs","sources":["../../../angular/src/lib/votey-device.service.ts","../../../angular/src/pleodigital-design-system-votey-angular.ts"],"sourcesContent":["import { DOCUMENT, isPlatformBrowser } from \"@angular/common\";\nimport {\n  EnvironmentProviders,\n  inject,\n  Injectable,\n  OnDestroy,\n  PLATFORM_ID,\n  provideEnvironmentInitializer,\n} from \"@angular/core\";\nimport DeviceDetector from \"node-device-detector\";\nimport { BehaviorSubject, Observable } from \"rxjs\";\n\nexport type VoteyDevice = \"mobile\" | \"tablet\" | \"desktop\";\nexport type VoteyDeviceOrientation = \"vertical\" | \"horizontal\";\n\nexport interface VoteyDeviceDimensions {\n  width: number;\n  height: number;\n  mobileBreakpoint: 375;\n  tabletBreakpoint: 1024;\n  laptopBreakpoint: 1280;\n  desktopBreakpoint: 1920;\n}\n\nconst DEFAULT_DIMENSIONS: VoteyDeviceDimensions = {\n  width: 0,\n  height: 0,\n  mobileBreakpoint: 375,\n  tabletBreakpoint: 1024,\n  laptopBreakpoint: 1280,\n  desktopBreakpoint: 1920,\n};\n\n@Injectable({\n  providedIn: \"root\",\n})\nexport class VoteyDeviceService implements OnDestroy {\n  private readonly document: Document = inject(DOCUMENT);\n  private readonly platformId: object = inject(PLATFORM_ID);\n  private readonly deviceTypeSubject = new BehaviorSubject<VoteyDevice | null>(\n    null,\n  );\n  private readonly dimensionsSubject =\n    new BehaviorSubject<VoteyDeviceDimensions>(DEFAULT_DIMENSIONS);\n  private readonly initializedSubject = new BehaviorSubject<boolean>(false);\n  private listeningForResize = false;\n\n  public readonly deviceType$: Observable<VoteyDevice | null> =\n    this.deviceTypeSubject.asObservable();\n  public readonly deviceDimensions$: Observable<VoteyDeviceDimensions> =\n    this.dimensionsSubject.asObservable();\n  public readonly initialized$: Observable<boolean> =\n    this.initializedSubject.asObservable();\n\n  public currentDevice: VoteyDevice | null = null;\n  public deviceOrientation: VoteyDeviceOrientation = \"vertical\";\n  public isMobileDevice = false;\n  public isTabletDevice = false;\n  public isDesktopDevice = false;\n\n  private readonly handleResize = (): void => {\n    const browserWindow = this.document.defaultView;\n\n    if (browserWindow) {\n      this.update(browserWindow.innerWidth, browserWindow.innerHeight);\n    }\n  };\n\n  public initialize(): void {\n    if (!isPlatformBrowser(this.platformId)) {\n      return;\n    }\n\n    const browserWindow = this.document.defaultView;\n\n    if (!browserWindow) {\n      return;\n    }\n\n    this.update(browserWindow.innerWidth, browserWindow.innerHeight);\n\n    if (!this.listeningForResize) {\n      browserWindow.addEventListener(\"resize\", this.handleResize, {\n        passive: true,\n      });\n      this.listeningForResize = true;\n    }\n  }\n\n  public update(innerWidth: number, innerHeight: number): void {\n    const browserWindow = this.document.defaultView;\n\n    if (!browserWindow) {\n      return;\n    }\n\n    this.dimensionsSubject.next({\n      ...DEFAULT_DIMENSIONS,\n      width: innerWidth,\n      height: innerHeight,\n    });\n    this.deviceOrientation =\n      innerWidth > innerHeight ? \"horizontal\" : \"vertical\";\n\n    this.detectDevice(browserWindow.navigator);\n    this.applyDocumentState(innerHeight);\n    this.initializedSubject.next(true);\n  }\n\n  public ngOnDestroy(): void {\n    const browserWindow = this.document.defaultView;\n\n    if (browserWindow && this.listeningForResize) {\n      browserWindow.removeEventListener(\"resize\", this.handleResize);\n      this.listeningForResize = false;\n    }\n  }\n\n  private detectDevice(browserNavigator: Navigator): void {\n    const detector = new DeviceDetector({\n      clientIndexes: true,\n      deviceIndexes: true,\n      osIndexes: true,\n      deviceAliasCode: false,\n      deviceTrusted: false,\n      deviceInfo: false,\n      maxUserAgentSize: 500,\n    });\n    const result = detector.detect(browserNavigator.userAgent);\n    const isTouchMac =\n      result.device.type === \"desktop\" &&\n      browserNavigator.maxTouchPoints > 2 &&\n      /Macintosh/.test(browserNavigator.userAgent);\n\n    this.isMobileDevice =\n      result.device.type === \"smartphone\" ||\n      result.device.type === \"phablet\" ||\n      result.device.type === \"feature phone\";\n    this.isTabletDevice = result.device.type === \"tablet\" || isTouchMac;\n    this.isDesktopDevice = !this.isMobileDevice && !this.isTabletDevice;\n    this.currentDevice = this.isMobileDevice\n      ? \"mobile\"\n      : this.isTabletDevice\n        ? \"tablet\"\n        : \"desktop\";\n  }\n\n  private applyDocumentState(innerHeight: number): void {\n    if (!this.currentDevice) {\n      return;\n    }\n\n    this.deviceTypeSubject.next(this.currentDevice);\n    this.document.body.setAttribute(\"data-device\", this.currentDevice);\n    this.document.body.setAttribute(\n      \"data-orientation\",\n      this.deviceOrientation,\n    );\n    this.document.documentElement.style.setProperty(\n      \"--vh\",\n      `${innerHeight / 100}px`,\n    );\n  }\n}\n\nexport function provideVoteyDeviceDetection(): EnvironmentProviders {\n  return provideEnvironmentInitializer((): void =>\n    inject(VoteyDeviceService).initialize(),\n  );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/dist/angular/types/pleodigital-design-system-votey-angular.d.ts

@@ -0,0 +1,42 @@
+import * as i0 from '@angular/core';
+import { EnvironmentProviders, OnDestroy } from '@angular/core';
+import { Observable } from 'rxjs';
+
+type VoteyDevice = "mobile" | "tablet" | "desktop";
+type VoteyDeviceOrientation = "vertical" | "horizontal";
+interface VoteyDeviceDimensions {
+    width: number;
+    height: number;
+    mobileBreakpoint: 375;
+    tabletBreakpoint: 1024;
+    laptopBreakpoint: 1280;
+    desktopBreakpoint: 1920;
+}
+declare class VoteyDeviceService implements OnDestroy {
+    private readonly document;
+    private readonly platformId;
+    private readonly deviceTypeSubject;
+    private readonly dimensionsSubject;
+    private readonly initializedSubject;
+    private listeningForResize;
+    readonly deviceType$: Observable<VoteyDevice | null>;
+    readonly deviceDimensions$: Observable<VoteyDeviceDimensions>;
+    readonly initialized$: Observable<boolean>;
+    currentDevice: VoteyDevice | null;
+    deviceOrientation: VoteyDeviceOrientation;
+    isMobileDevice: boolean;
+    isTabletDevice: boolean;
+    isDesktopDevice: boolean;
+    private readonly handleResize;
+    initialize(): void;
+    update(innerWidth: number, innerHeight: number): void;
+    ngOnDestroy(): void;
+    private detectDevice;
+    private applyDocumentState;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VoteyDeviceService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<VoteyDeviceService>;
+}
+declare function provideVoteyDeviceDetection(): EnvironmentProviders;
+
+export { VoteyDeviceService, provideVoteyDeviceDetection };
+export type { VoteyDevice, VoteyDeviceDimensions, VoteyDeviceOrientation };