pixi-rainman-game-engine 0.0.5 → 0.1.0

package/dist/ComponentRegistry/ComponentRegistry.d.ts

@@ -0,0 +1,25 @@
+import { Application, Container } from "pixi.js";
+import { SpeedLevel } from "../application";
+import { RegistryMap } from "./types";
+export declare class ComponentRegistry {
+    private registry;
+    private speedAdaptableComponents;
+    private incentiveJobsManager;
+    private speedLevelHandler;
+    constructor(app: Application);
+    setTemporarySpeedLevel(newSpeedLevel: SpeedLevel): void;
+    revertTemporarySpeedLevel(): void;
+    setSpeedLevel(newSpeedLevel: SpeedLevel): void;
+    nextSpeedLevel(): void;
+    getSpeedLevel(): SpeedLevel;
+    setUserActivityTime(): void;
+    add(component: Container): void;
+    update(oldComponent: Container, newComponent: Container): void;
+    remove(component: Container): void;
+    updateAllSpeedAdaptable(speedLevel: SpeedLevel): void;
+    get<T extends keyof RegistryMap>(componentName: T): RegistryMap[T];
+    getIfExists<T extends keyof RegistryMap>(componentName: T): RegistryMap[T];
+    has<T extends keyof RegistryMap>(componentName: T): boolean;
+    addMany(components: Container[]): void;
+    removeMany(components: Container[]): void;
+}

package/dist/ComponentRegistry/ComponentRegistry.js

@@ -0,0 +1,105 @@
+import { isIncentiveComponentInterface, isSpeedAdapterInterface, SpeedLevelHandler, TimedIncentiveController, } from "../application";
+import { SpeedControlButton } from "../components";
+import { RainMan } from "../Rainman";
+import { openFullscreen } from "../utils";
+export class ComponentRegistry {
+    registry = new Map();
+    speedAdaptableComponents = new Set();
+    incentiveJobsManager;
+    speedLevelHandler = SpeedLevelHandler.initWithDefaultSpeedLevels();
+    constructor(app) {
+        this.incentiveJobsManager = new TimedIncentiveController();
+        app.renderer.addListener("pointerdown", () => {
+            this.setUserActivityTime();
+            openFullscreen();
+        });
+    }
+    setTemporarySpeedLevel(newSpeedLevel) {
+        this.speedLevelHandler.setSpeed(newSpeedLevel);
+        this.updateAllSpeedAdaptable(this.speedLevelHandler.currentSpeed);
+    }
+    revertTemporarySpeedLevel() {
+        this.speedLevelHandler.setSpeed(RainMan.settingsStore.currentSpeed);
+        this.updateAllSpeedAdaptable(this.speedLevelHandler.currentSpeed);
+    }
+    setSpeedLevel(newSpeedLevel) {
+        this.speedLevelHandler.setSpeed(newSpeedLevel);
+        RainMan.settingsStore.setSpeedLevel(this.speedLevelHandler.currentSpeed);
+        this.updateAllSpeedAdaptable(RainMan.settingsStore.currentSpeed);
+        this.get(SpeedControlButton.registryName).forceTextureUpdate();
+    }
+    nextSpeedLevel() {
+        this.speedLevelHandler.nextSpeed();
+        RainMan.settingsStore.setSpeedLevel(this.speedLevelHandler.currentSpeed);
+        this.updateAllSpeedAdaptable(RainMan.settingsStore.currentSpeed);
+        this.get(SpeedControlButton.registryName).forceTextureUpdate();
+    }
+    getSpeedLevel() {
+        return this.speedLevelHandler.currentSpeed;
+    }
+    setUserActivityTime() {
+        this.incentiveJobsManager.updateLastTimeClicked();
+    }
+    add(component) {
+        if (isSpeedAdapterInterface(component)) {
+            this.speedAdaptableComponents.add(component);
+        }
+        if (isIncentiveComponentInterface(component)) {
+            this.incentiveJobsManager.addComponent(component);
+        }
+        if (component.name == null) {
+            throw new Error("Component must have a name!");
+        }
+        if (this.registry.get(component.name) === undefined) {
+            this.registry.set(component.name, component);
+            return;
+        }
+        throw Error(`Cannot re-add component with the same name: ${component.name}`);
+    }
+    update(oldComponent, newComponent) {
+        if (oldComponent.name !== newComponent.name) {
+            throw new Error(`Cannot update component ${oldComponent.name} to ${newComponent.name}`);
+        }
+        if (isSpeedAdapterInterface(oldComponent)) {
+            this.speedAdaptableComponents.delete(oldComponent);
+            if (isSpeedAdapterInterface(newComponent)) {
+                this.speedAdaptableComponents.add(newComponent);
+            }
+        }
+        if (oldComponent.name)
+            this.registry.set(oldComponent.name, newComponent);
+    }
+    remove(component) {
+        if (component.name)
+            this.registry.delete(component.name);
+    }
+    updateAllSpeedAdaptable(speedLevel) {
+        this.speedAdaptableComponents.forEach((speedAdaptableComponent) => {
+            speedAdaptableComponent.adaptToSpeed(speedLevel);
+        });
+    }
+    get(componentName) {
+        const componentToReturn = this.registry.get(componentName);
+        if (componentToReturn == undefined) {
+            throw new Error(`component with name '${componentName}' does not exist in registry`);
+        }
+        return componentToReturn;
+    }
+    getIfExists(componentName) {
+        const componentToReturn = this.registry.get(componentName);
+        return componentToReturn;
+    }
+    has(componentName) {
+        return this.registry.has(componentName);
+    }
+    addMany(components) {
+        for (const component of components) {
+            this.add(component);
+        }
+    }
+    removeMany(components) {
+        for (const component of components) {
+            this.remove(component);
+        }
+    }
+}

package/dist/ComponentRegistry/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ComponentRegistry";
+export * from "./types";

package/dist/ComponentRegistry/index.js

@@ -0,0 +1,2 @@
+export * from "./ComponentRegistry";
+export * from "./types";

package/dist/ComponentRegistry/types.d.ts

@@ -0,0 +1,25 @@
+import { AbstractColumnsContainer, AbstractFrame, AbstractInnerFrame, AutoplayButton, Background, BaseButton, BUTTONS, COMPONENTS, FreeSpinBox, InfoButton, MessageBox, MoreButton, NegButton, PlusButton, RefreshButton, SpeedControlButton, StylefulUpdatableText, UpdatableTextComponent, UpdatableValueComponent, VolumeButton } from "../components";
+export interface RegistryMap {
+    [MessageBox.autoSpinTextRegistryName]: UpdatableValueComponent;
+    [MessageBox.currentWinTextRegistryName]: UpdatableTextComponent;
+    [MessageBox.freeSpinTextRegistryName]: UpdatableTextComponent;
+    [MessageBox.registryName]: MessageBox;
+    [SpeedControlButton.registryName]: SpeedControlButton;
+    [Background.registryName]: Background;
+    [VolumeButton.registryName]: VolumeButton;
+    [AutoplayButton.registryName]: AutoplayButton;
+    [FreeSpinBox.registryName]?: FreeSpinBox;
+    [AbstractFrame.registryName]: AbstractFrame;
+    [AbstractInnerFrame.registryName]: AbstractInnerFrame;
+    [AbstractColumnsContainer.registryName]: AbstractColumnsContainer;
+    [RefreshButton.registryName]: RefreshButton;
+    [PlusButton.registryName]: PlusButton;
+    [NegButton.registryName]: NegButton;
+    [InfoButton.registryName]: InfoButton;
+    [MoreButton.registryName]: MoreButton;
+    [BUTTONS.gamble]: BaseButton;
+    [COMPONENTS.betText]: UpdatableTextComponent;
+    [COMPONENTS.creditText]: UpdatableTextComponent;
+    [COMPONENTS.bigWin]: StylefulUpdatableText;
+    [COMPONENTS.mysteryWin]: StylefulUpdatableText;
+}

package/dist/ComponentRegistry/types.js

@@ -0,0 +1 @@
+import { AbstractColumnsContainer, AbstractFrame, AbstractInnerFrame, AutoplayButton, Background, BUTTONS, COMPONENTS, FreeSpinBox, InfoButton, MessageBox, MoreButton, NegButton, PlusButton, RefreshButton, SpeedControlButton, VolumeButton, } from "../components";

package/dist/DescribedPlayableAction/DescribedPlayableAction.d.ts

@@ -0,0 +1,8 @@
+import { Nullable, PlayableAction } from "../utils";
+export declare class DescribedPlayableAction<T = number> {
+    readonly type: T;
+    action: PlayableAction;
+    winAmount: Nullable<number>;
+    isFirstStreak: boolean;
+    constructor(type: T, action: PlayableAction, winAmount?: Nullable<number>);
+}

package/dist/DescribedPlayableAction/DescribedPlayableAction.js

@@ -0,0 +1,11 @@
+export class DescribedPlayableAction {
+    type;
+    action;
+    winAmount;
+    isFirstStreak = false;
+    constructor(type, action, winAmount = null) {
+        this.type = type;
+        this.action = action;
+        this.winAmount = winAmount;
+    }
+}

package/dist/DescribedPlayableAction/index.d.ts

@@ -0,0 +1 @@
+export * from "./DescribedPlayableAction";

package/dist/DescribedPlayableAction/index.js

@@ -0,0 +1 @@
+export * from "./DescribedPlayableAction";

package/dist/Money/MoneyText.d.ts

@@ -0,0 +1,5 @@
+export declare class MoneyText {
+    private readonly money;
+    constructor(amount: number);
+    toString(): string;
+}

package/dist/Money/MoneyText.js

@@ -0,0 +1,11 @@
+import { Money } from "ts-money";
+import { RainMan } from "../Rainman";
+export class MoneyText {
+    money;
+    constructor(amount) {
+        this.money = Money.fromDecimal(amount, RainMan.config.currency, Math.round);
+    }
+    toString() {
+        return `${this.money} ${RainMan.config.currency.symbol_native}`;
+    }
+}

package/dist/Money/index.d.ts

@@ -0,0 +1 @@
+export * from "./MoneyText";

package/dist/Money/index.js

@@ -0,0 +1 @@
+export * from "./MoneyText";

package/dist/Rainman/Rainman.d.ts

@@ -1,7 +1,16 @@
+import "../components/dictionary/i18n";
 import { Application } from "pixi.js";
-import { AppConfig } from "./types";
-export declare class Rainman {
+import { SpinLogicFactory, SymbolIds, WinTypeIds } from "../application";
+import { ComponentRegistry } from "../ComponentRegistry";
+import { SettingsStore } from "../stores";
+import { AppConfig, OptionalAppConfig, RequiredAppConfig } from "./types";
+export declare class RainMan {
     static app: Application;
-    static config: AppConfig;
-    constructor(app: Application, config: AppConfig);
+    static config: RequiredAppConfig & OptionalAppConfig;
+    static symbolIds: SymbolIds;
+    static winTypeIds: WinTypeIds;
+    static settingsStore: SettingsStore;
+    static componentRegistry: ComponentRegistry;
+    static spinLogicFactory: SpinLogicFactory;
+    constructor(app: Application, config: AppConfig, symbolIds: SymbolIds, winTypeIds: WinTypeIds, spinLogicFactory: SpinLogicFactory);
 }

package/dist/Rainman/Rainman.js

@@ -1,8 +1,23 @@
-export class Rainman {
+import "../components/dictionary/i18n";
+import { merge } from "lodash";
+import { ComponentRegistry } from "../ComponentRegistry";
+import { settingStore } from "../SettingsUI/hooks";
+import { defaultAppConfig } from "./appConfig";
+export class RainMan {
     static app;
     static config;
-    constructor(app, config) {
-        Rainman.app = app;
-        Rainman.config = config;
+    static symbolIds;
+    static winTypeIds;
+    static settingsStore;
+    static componentRegistry;
+    static spinLogicFactory;
+    constructor(app, config, symbolIds, winTypeIds, spinLogicFactory) {
+        RainMan.app = app;
+        RainMan.config = merge(defaultAppConfig, config);
+        RainMan.symbolIds = symbolIds;
+        RainMan.winTypeIds = winTypeIds;
+        RainMan.settingsStore = settingStore;
+        RainMan.componentRegistry = new ComponentRegistry(app);
+        RainMan.spinLogicFactory = spinLogicFactory;
     }
 }

package/dist/Rainman/appConfig.d.ts

@@ -0,0 +1,2 @@
+import { OptionalAppConfig } from "./types";
+export declare const defaultAppConfig: OptionalAppConfig;

package/dist/Rainman/appConfig.js

@@ -0,0 +1,42 @@
+import { Color } from "pixi.js";
+import { Currencies } from "ts-money";
+export const defaultAppConfig = {
+    gameWidth: 1920,
+    gameHeight: 1080,
+    idleTimeout: 10000,
+    fontSize: 35,
+    mobileFontSize: 45,
+    fontColor: new Color(0xfbd400).toHex(),
+    updatableTextValueColor: new Color(0xffffff).toHex(),
+    fontFace: "HelveticaNeueLTStd",
+    currency: Currencies["USD"],
+    durationOfActions: {
+        eachColumnsSpinDelay: [0, 200, 700, 1200, 1800],
+        spinBaseTime: 800,
+        timeToSpeedUp: 200,
+        timeToSlowDown: 10,
+        symbolDropDownTime: 500,
+        wiggleTweenDuration: 400,
+        balloonFlyUpTime: 500,
+        timeToSetResults: 10,
+        bigWinDuration: 2000,
+        minConfettiTime: 1000,
+        maxConfettiTime: 5000,
+        randomizeSetInterval: 250,
+        randomizeSetDuration: 2000,
+        freeSpinPlateVisibleTime: 2000,
+        freeSpinSummaryVisibleTime: 2000,
+        updatableTextCountingDuration: 500,
+        scatterDelayerTime: 2000,
+        scatterSpinningTime: 9200,
+        mobileSpinTimeout: 300,
+        mysteryWinMinimumTime: 2000,
+        bigWinMinimumTime: 2000,
+        bigWinPhaseTimeout: 2800,
+        speedPopupVisibleTime: 2000,
+        minAnimationTime: 1000,
+    },
+    constants: {
+        bigWinMultiplier: 30,
+    },
+};

package/dist/Rainman/index.d.ts

@@ -1,2 +1,3 @@
+export * from "./appConfig";
 export * from "./Rainman";
 export * from "./types";

package/dist/Rainman/index.js

@@ -1,2 +1,3 @@
+export * from "./appConfig";
 export * from "./Rainman";
 export * from "./types";

package/dist/Rainman/types.d.ts

@@ -1,6 +1,51 @@
-export type AppConfig = {
-    gameWidth: number;
-    gameHeight: number;
+import { Currency } from "ts-money";
+import { DeepPartial } from "../utils";
+export type RequiredAppConfig = {
+    websocketUrl: string;
+    gameInitToken: string;
+    gameInitVendorId: number;
+    gameInitReference: string;
     numberOfColumns: number;
     numberOfRows: number;
 };
+export type OptionalAppConfig = {
+    gameWidth: number;
+    gameHeight: number;
+    idleTimeout: number;
+    currency: Currency;
+    fontSize: number;
+    mobileFontSize: number;
+    fontColor: string;
+    updatableTextValueColor: string;
+    fontFace: string;
+    durationOfActions: {
+        eachColumnsSpinDelay: number[];
+        spinBaseTime: number;
+        timeToSpeedUp: number;
+        timeToSlowDown: number;
+        symbolDropDownTime: number;
+        wiggleTweenDuration: number;
+        balloonFlyUpTime: number;
+        timeToSetResults: number;
+        bigWinDuration: number;
+        minConfettiTime: number;
+        maxConfettiTime: number;
+        randomizeSetInterval: number;
+        randomizeSetDuration: number;
+        freeSpinPlateVisibleTime: number;
+        freeSpinSummaryVisibleTime: number;
+        updatableTextCountingDuration: number;
+        scatterDelayerTime: number;
+        scatterSpinningTime: number;
+        mobileSpinTimeout: number;
+        mysteryWinMinimumTime: number;
+        bigWinMinimumTime: number;
+        bigWinPhaseTimeout: number;
+        speedPopupVisibleTime: number;
+        minAnimationTime: number;
+    };
+    constants: {
+        bigWinMultiplier: number;
+    };
+};
+export type AppConfig = RequiredAppConfig & DeepPartial<OptionalAppConfig>;

package/dist/SettingsUI/SystemSettings/SystemSettingsComponent.d.ts

@@ -0,0 +1,2 @@
+import "./systemSettings.css";
+export declare const SystemSettingsComponent: () => import("react/jsx-runtime").JSX.Element;

package/dist/SettingsUI/SystemSettings/SystemSettingsComponent.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "./systemSettings.css";
+import i18next from "i18next";
+import { UI_ITEMS } from "../../utils";
+import { BetComponent, CloseModalButton, UXSettings } from "../components";
+export const SystemSettingsComponent = () => {
+    return (_jsxs("div", { className: "settings", children: [_jsx("div", { className: "settings__title", children: _jsx("h2", { children: i18next.t("systemSettings") }) }), _jsx(CloseModalButton, { layerId: UI_ITEMS.settings }), _jsxs("div", { className: "settings__column", children: [_jsx(BetComponent, {}), _jsx(UXSettings, {})] })] }));
+};

package/dist/SettingsUI/SystemSettings/systemSettings.css

@@ -0,0 +1,35 @@
+.settings__title {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+}
+
+.settings {
+    display: flex;
+    flex-direction: column;
+    height: 90%;
+    align-items: center;
+    width: 90%;
+}
+
+.settings__title h2 {
+    color: #ec5e27;
+    margin: 0px;
+    text-decoration: underline;
+    text-transform: uppercase;
+}
+
+.settings__column {
+    display: flex;
+    flex-direction: row;
+    overflow: auto;
+    align-items: center;
+    height: 100%;
+    width: 100%;
+}
+
+@media only screen and (max-width: 900px) {
+    .settings__column {
+        flex-direction: column-reverse;
+    }
+}