@vault-tec/pip-boy 1.1.4 → 1.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vault-tec/pip-boy",
-  "version": "1.1.4",
+  "version": "1.3.0",
   "description": "Pip-Boy Angular library.",
   "author": "Vault-Tec-Industries",
   "license": "PolyForm-Noncommercial-1.0.0",

package/types/vault-tec-pip-boy.d.ts

@@ -1,24 +1,14 @@
 import * as _angular_core from '@angular/core';
-import { ElementRef } from '@angular/core';
+import { OnInit, OnDestroy, ElementRef } from '@angular/core';
 
 declare class PipBoy2000MkVI {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PipBoy2000MkVI, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<PipBoy2000MkVI, "pip-boy-2000-mk-vi", never, {}, {}, never, never, true, never>;
 }
 
-declare class PipBoy3000a {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PipBoy3000a, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PipBoy3000a, "pip-boy-3000a", never, {}, {}, never, never, true, never>;
-}
-
-declare class PipBoy3000MkIV {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PipBoy3000MkIV, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PipBoy3000MkIV, "pip-boy-3000-mk-iv", never, {}, {}, never, never, true, never>;
-}
-
 type PipBoy3000PrimaryTab = 'STATS' | 'ITEMS' | 'DATA';
 type PipBoy3000StatsTab = 'STATUS' | 'S.P.E.C.I.A.L.' | 'SKILLS' | 'PERKS' | 'GENERAL';
-type PipBoy3000StatusTab = 'CND' | 'RAD' | 'EFF';
+type PipBoy3000StatusTab = 'CND' | 'RAD' | 'EFF' | 'H20' | 'FOD' | 'SLP';
 type PipBoy3000ItemsTab = 'WEAPONS' | 'APPAREL' | 'AID' | 'MISC' | 'AMMO';
 type PipBoy3000DataTab = 'LOCAL MAP' | 'WORLD MAP' | 'QUESTS' | 'NOTES' | 'RADIO';
 type PipBoy3000SecondaryTab = PipBoy3000StatsTab | PipBoy3000ItemsTab | PipBoy3000DataTab;
@@ -37,17 +27,32 @@ declare class PipBoy3000State {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<PipBoy3000State>;
 }
 
-interface PipBoy3000WeaponItem {
+interface PipBoy3000InventoryItem {
     id: number;
-    damage?: number;
-    imageId?: string;
     name: string;
+    imageId?: string;
     quantity?: number;
     value?: number;
     weight?: number;
+    damage?: number;
     effects?: string;
 }
 
+interface PipBoy3000WeaponItem extends PipBoy3000InventoryItem {
+}
+
+interface PipBoy3000ApparelItem extends PipBoy3000InventoryItem {
+}
+
+interface PipBoy3000AidItem extends PipBoy3000InventoryItem {
+}
+
+interface PipBoy3000MiscItem extends PipBoy3000InventoryItem {
+}
+
+interface PipBoy3000AmmoItem extends PipBoy3000InventoryItem {
+}
+
 interface PipBoy3000StatItem {
     id: number;
     name: string;
@@ -99,10 +104,10 @@ interface PipBoy3000SettingsSnapshot {
     radAwayLabel: string;
     radXLabel: string;
     weaponItems: PipBoy3000WeaponItem[];
-    apparelItems: PipBoy3000WeaponItem[];
-    aidItems: PipBoy3000WeaponItem[];
-    miscItems: PipBoy3000WeaponItem[];
-    ammoItems: PipBoy3000WeaponItem[];
+    apparelItems: PipBoy3000ApparelItem[];
+    aidItems: PipBoy3000AidItem[];
+    miscItems: PipBoy3000MiscItem[];
+    ammoItems: PipBoy3000AmmoItem[];
     specialItems: PipBoy3000StatItem[];
     skillItems: PipBoy3000StatItem[];
     perkItems: PipBoy3000StatItem[];
@@ -114,6 +119,9 @@ interface PipBoy3000SettingsSnapshot {
     selectedRadioItemId: number | null;
     effectItems: PipBoy3000EffectItem[];
     radMeterLevel: number;
+    h20MeterLevel: number;
+    fodMeterLevel: number;
+    slpMeterLevel: number;
     localMapImage: string | null;
     worldMapImage: string | null;
     radioVolume: number;
@@ -129,10 +137,13 @@ interface PipBoy3000SettingsSnapshot {
     secondaryTabSoundId: string | null;
     mainTabSoundId: string | null;
     clickSoundId: string | null;
+    bootVideoId: string | null;
 }
 
 declare class PipBoy3000Settings {
     constructor();
+    private readonly settingsConfig;
+    private readonly storageKey;
     private readonly imageStore;
     readonly userLevel: _angular_core.WritableSignal<number>;
     readonly userHealth: _angular_core.WritableSignal<number>;
@@ -152,10 +163,10 @@ declare class PipBoy3000Settings {
     readonly equippedMiscId: _angular_core.WritableSignal<number | null>;
     readonly equippedAmmoId: _angular_core.WritableSignal<number | null>;
     readonly weaponItems: _angular_core.WritableSignal<PipBoy3000WeaponItem[]>;
-    readonly apparelItems: _angular_core.WritableSignal<PipBoy3000WeaponItem[]>;
-    readonly aidItems: _angular_core.WritableSignal<PipBoy3000WeaponItem[]>;
-    readonly miscItems: _angular_core.WritableSignal<PipBoy3000WeaponItem[]>;
-    readonly ammoItems: _angular_core.WritableSignal<PipBoy3000WeaponItem[]>;
+    readonly apparelItems: _angular_core.WritableSignal<PipBoy3000ApparelItem[]>;
+    readonly aidItems: _angular_core.WritableSignal<PipBoy3000AidItem[]>;
+    readonly miscItems: _angular_core.WritableSignal<PipBoy3000MiscItem[]>;
+    readonly ammoItems: _angular_core.WritableSignal<PipBoy3000AmmoItem[]>;
     readonly specialItems: _angular_core.WritableSignal<PipBoy3000StatItem[]>;
     readonly skillItems: _angular_core.WritableSignal<PipBoy3000StatItem[]>;
     readonly perkItems: _angular_core.WritableSignal<PipBoy3000StatItem[]>;
@@ -167,6 +178,9 @@ declare class PipBoy3000Settings {
     readonly selectedRadioItemId: _angular_core.WritableSignal<number | null>;
     readonly effectItems: _angular_core.WritableSignal<PipBoy3000EffectItem[]>;
     readonly radMeterLevel: _angular_core.WritableSignal<number>;
+    readonly h20MeterLevel: _angular_core.WritableSignal<number>;
+    readonly fodMeterLevel: _angular_core.WritableSignal<number>;
+    readonly slpMeterLevel: _angular_core.WritableSignal<number>;
     readonly localMapImage: _angular_core.WritableSignal<string | null>;
     readonly worldMapImage: _angular_core.WritableSignal<string | null>;
     readonly radioVolume: _angular_core.WritableSignal<number>;
@@ -181,6 +195,7 @@ declare class PipBoy3000Settings {
     readonly secondaryTabSoundId: _angular_core.WritableSignal<string | null>;
     readonly mainTabSoundId: _angular_core.WritableSignal<string | null>;
     readonly clickSoundId: _angular_core.WritableSignal<string | null>;
+    readonly bootVideoId: _angular_core.WritableSignal<string | null>;
     readonly rememberTabOnRefresh: _angular_core.WritableSignal<boolean>;
     readonly playbackResetToken: _angular_core.WritableSignal<number>;
     exportSettingsSnapshot(): PipBoy3000SettingsSnapshot;
@@ -190,6 +205,13 @@ declare class PipBoy3000Settings {
     saveToLocalStorage(key?: string): void;
     loadFromLocalStorage(key?: string): void;
     resetToDefaults(): void;
+    private getSkillDefaults;
+    private getPerkDefaults;
+    private getWeaponDefaults;
+    private getApparelDefaults;
+    private getAidDefaults;
+    private getMiscDefaults;
+    private getAmmoDefaults;
     private setNumberSignal;
     private setZoomSignal;
     private setVolumeSignal;
@@ -213,9 +235,11 @@ interface SettingsModalPayload {
     secondaryTabSoundFile: File | null;
     mainTabSoundFile: File | null;
     clickSoundFile: File | null;
+    bootVideoFile: File | null;
     removeSecondaryTabSound: boolean;
     removeMainTabSound: boolean;
     removeClickSound: boolean;
+    removeBootVideo: boolean;
 }
 
 interface MapImagePayload {
@@ -284,6 +308,37 @@ declare class SoundStore {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<SoundStore>;
 }
 
+interface VideoMeta {
+    id: string;
+    fileName: string;
+    mime: string;
+}
+interface VideoRecord extends VideoMeta {
+    blob: Blob;
+}
+declare class VideoStore {
+    private readonly dbPromise;
+    private readonly videoUrls;
+    private readonly videoLabels;
+    private readonly urlLoading;
+    private readonly metaLoading;
+    getVideoLabel(id: string | null | undefined): string | null;
+    getVideoUrl(id: string | null | undefined): string | null;
+    saveFile(file: File): Promise<VideoMeta>;
+    saveBlobWithId(id: string, blob: Blob, fileName: string, mime: string): Promise<void>;
+    getRecord(id: string): Promise<VideoRecord | null>;
+    extensionFromMime(mime: string): string;
+    private cacheUrl;
+    private cacheLabel;
+    private loadVideoUrl;
+    private loadVideoMeta;
+    private putRecord;
+    private openDb;
+    private createId;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VideoStore, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<VideoStore>;
+}
+
 type AudioChannel = 'NOTES' | 'RADIO';
 declare class AudioPlayer {
     private readonly soundStore;
@@ -317,14 +372,129 @@ declare class AudioPlayer {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AudioPlayer>;
 }
 
-declare class PipBoy3000 {
+declare class PipBoy3000a implements OnInit, OnDestroy {
+    readonly returnToUrl: _angular_core.InputSignal<string>;
+    protected readonly state: PipBoy3000State;
+    protected readonly settings: PipBoy3000Settings;
+    protected readonly imageStore: ImageStore;
+    protected readonly soundStore: SoundStore;
+    protected readonly videoStore: VideoStore;
+    protected readonly audioPlayer: AudioPlayer;
+    private readonly hostRef;
+    protected readonly appVersion = "1.3.0";
+    protected readonly tabsOpen: _angular_core.WritableSignal<boolean>;
+    protected readonly showResetModal: _angular_core.WritableSignal<boolean>;
+    protected readonly showExitModal: _angular_core.WritableSignal<boolean>;
+    protected readonly showBugModal: _angular_core.WritableSignal<boolean>;
+    protected readonly showSettingsModal: _angular_core.WritableSignal<boolean>;
+    private readonly settingsListFontScaleSnapshot;
+    protected readonly showWelcomeModal: _angular_core.WritableSignal<boolean>;
+    protected readonly showBootSequence: _angular_core.WritableSignal<boolean>;
+    protected readonly bootSequenceStarted: _angular_core.WritableSignal<boolean>;
+    protected readonly bootSequenceShowWelcome: _angular_core.WritableSignal<boolean>;
+    protected readonly bootAutoplayAttempted: _angular_core.WritableSignal<boolean>;
+    protected readonly bootNeedsClick: _angular_core.WritableSignal<boolean>;
+    protected readonly bootIsPlaying: _angular_core.WritableSignal<boolean>;
+    protected readonly mapImageModal: _angular_core.WritableSignal<"LOCAL" | "WORLD" | null>;
+    protected readonly localMapImage: _angular_core.Signal<ElementRef<HTMLImageElement> | undefined>;
+    protected readonly worldMapImage: _angular_core.Signal<ElementRef<HTMLImageElement> | undefined>;
+    protected readonly localMapView: _angular_core.Signal<ElementRef<HTMLButtonElement> | undefined>;
+    protected readonly worldMapView: _angular_core.Signal<ElementRef<HTMLButtonElement> | undefined>;
+    protected readonly extraOptionModal: _angular_core.WritableSignal<"STIMPAK" | "LIMBS" | "RADAWAY" | "RADX" | null>;
+    protected readonly tabsActionsLeftOpen: _angular_core.WritableSignal<boolean>;
+    protected readonly tabsActionsRightOpen: _angular_core.WritableSignal<boolean>;
+    protected readonly isMapDragging: _angular_core.WritableSignal<boolean>;
+    protected readonly viewportWidth: _angular_core.WritableSignal<number>;
+    protected readonly mapImageModalTitle: _angular_core.Signal<"World Map" | "Local Map">;
+    protected readonly mapImageModalImage: _angular_core.Signal<string | null>;
+    protected readonly secondaryTabSoundLabel: _angular_core.Signal<string | null>;
+    protected readonly mainTabSoundLabel: _angular_core.Signal<string | null>;
+    protected readonly clickSoundLabel: _angular_core.Signal<string | null>;
+    protected readonly bootVideoLabel: _angular_core.Signal<string | null>;
+    protected readonly bootVideoUrl: _angular_core.Signal<string | null>;
+    protected readonly bootVideoPreviewUrl: _angular_core.WritableSignal<string | null>;
+    protected readonly bootVideoPlaybackUrl: _angular_core.Signal<string | null>;
+    private mapDragState;
+    private suppressMapClick;
+    protected readonly isScreenTooSmall: _angular_core.Signal<boolean>;
+    private readonly bootSequenceWatcher;
+    protected readonly extraOptionTitle: _angular_core.Signal<"" | "Edit Text">;
+    protected readonly extraOptionValue: _angular_core.Signal<string>;
+    private readonly documentClickHandler;
+    protected toggleTabs(): void;
+    protected toggleTabsActions(side: 'left' | 'right'): void;
+    protected onResize(): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    protected saveSettingsToFile(): Promise<void>;
+    protected openResetModal(): void;
+    protected closeResetModal(): void;
+    protected confirmReset(): void;
+    protected openExitModal(): void;
+    protected closeExitModal(): void;
+    protected confirmExit(): void;
+    protected openBugModal(): void;
+    protected closeBugModal(): void;
+    protected confirmBugReport(): void;
+    protected openSettingsModal(): void;
+    protected closeSettingsModal(): void;
+    protected cancelSettingsModal(): void;
+    protected closeWelcomeModal(): void;
+    protected finishBootSequence(): void;
+    protected saveSettingsModal(payload: SettingsModalPayload): void;
+    protected previewListFontScale(value: number): void;
+    protected previewSecondaryTabSound(): void;
+    protected previewMainTabSound(): void;
+    protected previewClickSound(): void;
+    protected previewBootVideo(file: File | null): void;
+    protected maybeStartBootSequence(): void;
+    protected handleBootCanPlay(video: HTMLVideoElement): void;
+    protected playBootVideo(video: HTMLVideoElement, event?: Event): void;
+    private setBootVideoPreviewUrl;
+    private clearBootVideoPreview;
+    protected openGithubProfile(): void;
+    protected selectPrimary(tab: PipBoy3000PrimaryTab): void;
+    protected selectSecondary(tab: PipBoy3000SecondaryTab): void;
+    protected openExtraOptionModal(option: 'STIMPAK' | 'LIMBS' | 'RADAWAY' | 'RADX'): void;
+    protected closeExtraOptionModal(): void;
+    protected saveExtraOptionModal(value: string): void;
+    protected loadSettingsFromFile(event: Event): Promise<void>;
+    private stopAllSounds;
+    private collectImageIds;
+    private collectSoundIds;
+    private collectVideoIds;
+    private getExtension;
+    private getSoundExtension;
+    private getVideoExtension;
+    protected openMapImageModal(type: 'LOCAL' | 'WORLD'): void;
+    protected closeMapImageModal(): void;
+    protected zoomMap(type: 'LOCAL' | 'WORLD', delta: number): void;
+    protected resetMapZoom(type: 'LOCAL' | 'WORLD'): void;
+    protected startMapDrag(event: MouseEvent): void;
+    protected onMapDrag(event: MouseEvent): void;
+    protected endMapDrag(): void;
+    protected fitMapZoom(type: 'LOCAL' | 'WORLD'): void;
+    protected isMapFit(type: 'LOCAL' | 'WORLD'): boolean;
+    protected saveMapImageModal(payload: MapImagePayload): Promise<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PipBoy3000a, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PipBoy3000a, "pip-boy-3000a", never, { "returnToUrl": { "alias": "returnToUrl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class PipBoy3000MkIV {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PipBoy3000MkIV, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PipBoy3000MkIV, "pip-boy-3000-mk-iv", never, {}, {}, never, never, true, never>;
+}
+
+declare class PipBoy3000 implements OnInit, OnDestroy {
     readonly returnToUrl: _angular_core.InputSignal<string>;
     protected readonly state: PipBoy3000State;
     protected readonly settings: PipBoy3000Settings;
     protected readonly imageStore: ImageStore;
     protected readonly soundStore: SoundStore;
+    protected readonly videoStore: VideoStore;
     protected readonly audioPlayer: AudioPlayer;
-    protected readonly appVersion = "1.1.4";
+    private readonly hostRef;
+    protected readonly appVersion = "1.3.0";
     protected readonly tabsOpen: _angular_core.WritableSignal<boolean>;
     protected readonly showResetModal: _angular_core.WritableSignal<boolean>;
     protected readonly showExitModal: _angular_core.WritableSignal<boolean>;
@@ -332,6 +502,12 @@ declare class PipBoy3000 {
     protected readonly showSettingsModal: _angular_core.WritableSignal<boolean>;
     private readonly settingsListFontScaleSnapshot;
     protected readonly showWelcomeModal: _angular_core.WritableSignal<boolean>;
+    protected readonly showBootSequence: _angular_core.WritableSignal<boolean>;
+    protected readonly bootSequenceStarted: _angular_core.WritableSignal<boolean>;
+    protected readonly bootSequenceShowWelcome: _angular_core.WritableSignal<boolean>;
+    protected readonly bootAutoplayAttempted: _angular_core.WritableSignal<boolean>;
+    protected readonly bootNeedsClick: _angular_core.WritableSignal<boolean>;
+    protected readonly bootIsPlaying: _angular_core.WritableSignal<boolean>;
     protected readonly mapImageModal: _angular_core.WritableSignal<"LOCAL" | "WORLD" | null>;
     protected readonly localMapImage: _angular_core.Signal<ElementRef<HTMLImageElement> | undefined>;
     protected readonly worldMapImage: _angular_core.Signal<ElementRef<HTMLImageElement> | undefined>;
@@ -347,14 +523,22 @@ declare class PipBoy3000 {
     protected readonly secondaryTabSoundLabel: _angular_core.Signal<string | null>;
     protected readonly mainTabSoundLabel: _angular_core.Signal<string | null>;
     protected readonly clickSoundLabel: _angular_core.Signal<string | null>;
+    protected readonly bootVideoLabel: _angular_core.Signal<string | null>;
+    protected readonly bootVideoUrl: _angular_core.Signal<string | null>;
+    protected readonly bootVideoPreviewUrl: _angular_core.WritableSignal<string | null>;
+    protected readonly bootVideoPlaybackUrl: _angular_core.Signal<string | null>;
     private mapDragState;
     private suppressMapClick;
     protected readonly isScreenTooSmall: _angular_core.Signal<boolean>;
+    private readonly bootSequenceWatcher;
     protected readonly extraOptionTitle: _angular_core.Signal<"" | "Edit Text">;
     protected readonly extraOptionValue: _angular_core.Signal<string>;
+    private readonly documentClickHandler;
     protected toggleTabs(): void;
     protected toggleTabsActions(side: 'left' | 'right'): void;
     protected onResize(): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
     protected saveSettingsToFile(): Promise<void>;
     protected openResetModal(): void;
     protected closeResetModal(): void;
@@ -369,8 +553,18 @@ declare class PipBoy3000 {
     protected closeSettingsModal(): void;
     protected cancelSettingsModal(): void;
     protected closeWelcomeModal(): void;
+    protected finishBootSequence(): void;
     protected saveSettingsModal(payload: SettingsModalPayload): void;
     protected previewListFontScale(value: number): void;
+    protected previewSecondaryTabSound(): void;
+    protected previewMainTabSound(): void;
+    protected previewClickSound(): void;
+    protected previewBootVideo(file: File | null): void;
+    protected maybeStartBootSequence(): void;
+    protected handleBootCanPlay(video: HTMLVideoElement): void;
+    protected playBootVideo(video: HTMLVideoElement, event?: Event): void;
+    private setBootVideoPreviewUrl;
+    private clearBootVideoPreview;
     protected openGithubProfile(): void;
     protected selectPrimary(tab: PipBoy3000PrimaryTab): void;
     protected selectSecondary(tab: PipBoy3000SecondaryTab): void;
@@ -381,8 +575,10 @@ declare class PipBoy3000 {
     private stopAllSounds;
     private collectImageIds;
     private collectSoundIds;
+    private collectVideoIds;
     private getExtension;
     private getSoundExtension;
+    private getVideoExtension;
     protected openMapImageModal(type: 'LOCAL' | 'WORLD'): void;
     protected closeMapImageModal(): void;
     protected zoomMap(type: 'LOCAL' | 'WORLD', delta: number): void;