pixi-rainman-game-engine 0.2.15 → 0.2.16-b

package/dist/SettingsUI/components/AutoplaySettings/index.jsx

@@ -49,7 +49,7 @@ export const AutoplaySettings = observer(() => {
     useEffect(() => {
         updateLimitsBounds(initialAutoSpinCount);
     }, []);
-    const { singleWinExceeds, balancedIncreased, balancedDecreased, howManyAutoSpinsLeft, infinitySpinsEnabled, setSingleWinExceeds, setBalancedIncreased, setBalancedDecreased, setAutoSpinsCount, flipInfinitySpinsFlag, resetAutoplaySettings, isAutoplayEnabled, } = settingStore;
+    const { singleWinExceeds, balancedIncreased, balancedDecreased, howManyAutoSpinsLeft, infinitySpinsEnabled, setSingleWinExceeds, setBalancedIncreased, setBalancedDecreased, setAutoSpinsCount, flipInfinitySpinsFlag, resetAutoplaySettings, } = settingStore;
     return (<div className="autoplay-settings">
             <CloseModalButton layerId={UI_ITEMS.autoplay}/>
             <div className="autoplay-settings__title">
@@ -110,11 +110,7 @@ export const AutoplaySettings = observer(() => {
         }}>
                     <p>{i18next.t("cancel")}</p>
                 </button>
-                <button id={COMPONENTS.autoSpinConfirm} onClick={() => {
-            if (isAutoplayEnabled)
-                return;
-            settingStore.decreaseAutoSpinsCount();
-        }} className="autoplay-settings__confirmation-button">
+                <button id={COMPONENTS.autoSpinConfirm} className="autoplay-settings__confirmation-button">
                     <p>{i18next.t("confirm")}</p>
                 </button>
             </div>

package/dist/SettingsUI/components/Bet/BetControls.jsx

@@ -16,13 +16,13 @@ export const BetControls = observer(() => {
     return (<div className="bet-container">
             <h2>{i18next.t("totalBet")}</h2>
             <div className="bet-container__controls">
-                <button disabled={settingStore.betChangeDisabled} onClick={() => onClick("decrease")} className="bet-container__button" name="bet-minus">
+                <button disabled={settingStore.isFreeSpinsPlayEnabled || settingStore.betChangeDisabled} onClick={() => onClick("decrease")} className="bet-container__button" name="bet-minus">
                     -
                 </button>
                 <div className="bet-container__value">
                     <p>{settingStore.betText}</p>
                 </div>
-                <button disabled={settingStore.betChangeDisabled} onClick={() => onClick("increase")} className="bet-container__button" name="bet-plus">
+                <button disabled={settingStore.isFreeSpinsPlayEnabled || settingStore.betChangeDisabled} onClick={() => onClick("increase")} className="bet-container__button" name="bet-plus">
                     +
                 </button>
             </div>

package/dist/application/ButtonsEventManager/ButtonsEventManager.js

@@ -3,7 +3,7 @@ import { sample } from "lodash";
 import { SoundManager } from "../../application";
 import { AutoplayButton, Background, BUTTONS, COMPONENTS, FreeSpinButton, MessageBox, SpeedControlButton, VolumeButton, } from "../../components";
 import { RainMan } from "../../Rainman";
-import { allUiItems, hideLayerIfPresent, UI_ITEMS } from "../../utils";
+import { allUiItems, hideLayerIfPresent, UI_ITEMS, wait } from "../../utils";
 import { SPEED_LEVELS } from "../SpeedState";
 /** @ignore */
 export const SPEED_PREFIX = "speed-";
@@ -130,7 +130,9 @@ export class ButtonsEventManager {
         const animatedBackground = RainMan.componentRegistry.get(Background.registryName);
         animatedBackground.eventMode = "static";
         animatedBackground.addListener("pointerdown", () => {
-            if (hideLayerIfPresent() && !RainMan.settingsStore.isAutoplayEnabled) {
+            if (hideLayerIfPresent() &&
+                !RainMan.settingsStore.isAutoplayEnabled &&
+                !RainMan.settingsStore.isFreeSpinsPlayEnabled) {
                 this.enableButtons();
             }
         });
@@ -270,6 +272,7 @@ export class ButtonsEventManager {
             confirmAutoplayButton.addEventListener("click", () => {
                 RainMan.settingsStore.handleModalInvocation?.(UI_ITEMS.autoplay);
                 confirmAutoplayButtonCallback();
+                wait(1).then(() => RainMan.settingsStore.decreaseAutoSpinsCount());
             });
         }
     }

package/dist/application/SoundManager/SoundManager.js

@@ -42,6 +42,7 @@ export class SoundManagerInstance {
                     preload: true,
                     loaded: () => resolve(),
                 });
+                sound.name = soundName;
                 this.musicCatalogue.set(soundName, sound);
             }));
         }
@@ -52,7 +53,14 @@ export class SoundManagerInstance {
      * @param {number} volumeLevel - volume level from 0-1
      */
     setVolume(volumeLevel) {
-        this.musicCatalogue.forEach((sound) => (sound.volume = volumeLevel));
+        this.musicCatalogue.forEach((sound) => {
+            if (sound?.name === "music") {
+                sound.volume = volumeLevel * 0.5;
+            }
+            else {
+                sound.volume = volumeLevel;
+            }
+        });
     }
     /**
      * Function for stopping sound effect in game
@@ -87,7 +95,11 @@ export class SoundManagerInstance {
             return;
         if (soundName === "music" && sound.isPlaying && !RainMan.settingsStore.ambientMusicFlag)
             return;
-        sound.play({ loop: soundsToLoop.includes(soundName), singleInstance: true });
+        sound.play({
+            loop: soundsToLoop.includes(soundName),
+            singleInstance: true,
+            volume: soundName === "music" ? 0.5 : 1,
+        });
     }
     /**
      * Function for resuming all sounds in game

package/dist/application/SoundManager/types.d.ts

@@ -1,3 +1,4 @@
+import { Sound } from "@pixi/sound";
 /**
  * Object for mapping SoundTracks to appropriate asset.
  * All properties must be set, if no sound should be played set empty string
@@ -88,3 +89,10 @@ export type GameSoundAssets = Record<SoundTrack, string>;
  * @typedef {SoundOverrides}
  */
 export type SoundOverrides = Partial<Record<SoundTrack, SoundTrack>>;
+/**
+ * Type for overriding sound tracks in game, extended with sound name
+ * @typedef {NamedSound}
+ */
+export type NamedSound = Sound & {
+    name: string;
+};

package/dist/application/setup.d.ts

@@ -3,6 +3,6 @@
  *
  * Note: This should be done once at the lifecycle of the game
  * Function creates also the react layer
- * @returns {ReactNode}
+ * @returns {ReactNode} the root element with canvas and react layer
  */
 export declare const setup: () => HTMLDivElement;

package/dist/application/setup.js

@@ -7,7 +7,7 @@ import { changeResolution, disableMagnifyingGlassOnIOS, getDeviceOrientation, in
  *
  * Note: This should be done once at the lifecycle of the game
  * Function creates also the react layer
- * @returns {ReactNode}
+ * @returns {ReactNode} the root element with canvas and react layer
  */
 export const setup = () => {
     changeResolution(RainMan.settingsStore.HiResolutionFlag);

package/dist/components/AbstractMainContainer/AbstractMainContainer.js

@@ -405,6 +405,10 @@ export class AbstractMainContainer extends Container {
         this.initComponentsForScreenRatio();
         this.resizeDependentComponents();
         this.repositionComponentsForScreenRatio();
+        if (RainMan.settingsStore.isFreeSpinsPlayEnabled) {
+            RainMan.componentRegistry.get(BUTTONS.plus).flipDisabledFlag(true);
+            RainMan.componentRegistry.get(BUTTONS.neg).flipDisabledFlag(true);
+        }
     }
     createLeftButtons() {
         return new LeftButtons();

package/dist/components/frame/AbstractColumnsContainer.d.ts

@@ -39,9 +39,9 @@ export declare abstract class AbstractColumnsContainer extends Container impleme
     /**
      * This function is responsible for setting symbols in columns
      * @public
-     * @param {SymbolReels} finalSymbolReels
-     * @param {(value: void | PromiseLike<void>) => void} afterSpinResolver
-     * @param {number[]} indexesOfReelsToExtendSpinningTime
+     * @param {SymbolReels} finalSymbolReels final symbols in columns
+     * @param {(value: void | PromiseLike<void>) => void} afterSpinResolver resolver for after spin
+     * @param {number[]} indexesOfReelsToExtendSpinningTime indexes of reels to extend spinning time
      * @returns {Promise<void>}
      */
     configBlindSpin(finalSymbolReels: SymbolReels, afterSpinResolver: (value: void | PromiseLike<void>) => void, indexesOfReelsToExtendSpinningTime: number[]): Promise<void>;
@@ -52,10 +52,10 @@ export declare abstract class AbstractColumnsContainer extends Container impleme
     /**
      * Function for playing animation of streak
      * @public
-     * @param {StreakReelsIndexes} streak
-     * @param {number} reelsQuantity
-     * @param {number} [multiplier]
-     * @param {string} [suffix]
+     * @param {StreakReelsIndexes} streak streak to play
+     * @param {number} reelsQuantity number of reels
+     * @param {number} multiplier multiplier for animation
+     * @param {string} suffix suffix for animation
      * @returns {Promise<void>}
      */
     playStreak(streak: StreakReelsIndexes, reelsQuantity: number, multiplier?: number, suffix?: string): Promise<void>;

package/dist/components/frame/AbstractColumnsContainer.js

@@ -68,9 +68,9 @@ export class AbstractColumnsContainer extends Container {
     /**
      * This function is responsible for setting symbols in columns
      * @public
-     * @param {SymbolReels} finalSymbolReels
-     * @param {(value: void | PromiseLike<void>) => void} afterSpinResolver
-     * @param {number[]} indexesOfReelsToExtendSpinningTime
+     * @param {SymbolReels} finalSymbolReels final symbols in columns
+     * @param {(value: void | PromiseLike<void>) => void} afterSpinResolver resolver for after spin
+     * @param {number[]} indexesOfReelsToExtendSpinningTime indexes of reels to extend spinning time
      * @returns {Promise<void>}
      */
     async configBlindSpin(finalSymbolReels, afterSpinResolver, indexesOfReelsToExtendSpinningTime) {
@@ -168,10 +168,10 @@ export class AbstractColumnsContainer extends Container {
     /**
      * Function for playing animation of streak
      * @public
-     * @param {StreakReelsIndexes} streak
-     * @param {number} reelsQuantity
-     * @param {number} [multiplier]
-     * @param {string} [suffix]
+     * @param {StreakReelsIndexes} streak streak to play
+     * @param {number} reelsQuantity number of reels
+     * @param {number} multiplier multiplier for animation
+     * @param {string} suffix suffix for animation
      * @returns {Promise<void>}
      */
     async playStreak(streak, reelsQuantity, multiplier = 1, suffix = "") {

package/dist/components/messageBox/MessageBox.js

@@ -144,6 +144,7 @@ export class MessageBox extends Container {
         if (this.autoSpinShown || this.freeSpinShown)
             return;
         this.autoSpinShown = true;
+        this.autoSpinText.set(RainMan.settingsStore.howManyAutoSpinsLeft + 1);
         this.centerTextOnX(this.autoSpinText);
         this.addChild(this.autoSpinText);
     }

package/dist/connectivity/ConnectionWrapper.d.ts

@@ -1,8 +1,6 @@
 import { ExtraDataRequest, GambleCardColor, GambleDataInterface, InitDataInterface, ServerMessage, SpinData, SubscribableConnectionWrapper } from "../connectivity";
 /**
  * Class for managing connection to the server via websockets
- *
- *
  */
 export declare class ConnectionWrapper implements SubscribableConnectionWrapper {
     private webSocketConnection;
@@ -31,18 +29,18 @@ export declare class ConnectionWrapper implements SubscribableConnectionWrapper
     private transformFreeSpinData;
     /**
      * Method for fetching spin data from the server
-     * @param {number} roundNumber
-     * @param {number} bet
-     * @param {ExtraDataRequest} extra_data
-     * @returns {SpinData}
+     * @param {number} roundNumber round number
+     * @param {number} bet bet amount
+     * @param {ExtraDataRequest} extra_data extra data for the spin
+     * @returns {SpinData} spin data
      */
     fetchSpinData(roundNumber: number, bet: number, extra_data?: ExtraDataRequest): Promise<SpinData>;
     fetchGambleData(roundNumber: number, bet: number, choice: GambleCardColor): Promise<GambleDataInterface>;
     private getFreshWsInstance;
     /**
      * Method for fetching data from the server
-     * @param {ServerRequest} request
-     * @returns {ServerMessage}
+     * @param {ServerRequest} request request for the server
+     * @returns {ServerMessage} server response
      */
     private fetch;
     getMessageHistory(): ServerMessage[];

package/dist/connectivity/ConnectionWrapper.js

@@ -7,8 +7,6 @@ import { logError, logInfo, logWarn } from "../utils";
 const overrideMap = new Map();
 /**
  * Class for managing connection to the server via websockets
- *
- *
  */
 export class ConnectionWrapper {
     webSocketConnection;
@@ -110,10 +108,10 @@ export class ConnectionWrapper {
     }
     /**
      * Method for fetching spin data from the server
-     * @param {number} roundNumber
-     * @param {number} bet
-     * @param {ExtraDataRequest} extra_data
-     * @returns {SpinData}
+     * @param {number} roundNumber round number
+     * @param {number} bet bet amount
+     * @param {ExtraDataRequest} extra_data extra data for the spin
+     * @returns {SpinData} spin data
      */
     async fetchSpinData(roundNumber, bet, extra_data = {}) {
         if (typeof this.config?.token === "undefined") {
@@ -149,8 +147,8 @@ export class ConnectionWrapper {
     }
     /**
      * Method for fetching data from the server
-     * @param {ServerRequest} request
-     * @returns {ServerMessage}
+     * @param {ServerRequest} request request for the server
+     * @returns {ServerMessage} server response
      */
     async fetch(request) {
         if (this.fetchInProgress) {

package/dist/controllers/AbstractController.d.ts

@@ -62,6 +62,7 @@ export declare abstract class AbstractController<T> {
     reinitializeAllButtons(): void;
     private setupSpaceOrEnterListener;
     disableBetButtons(shouldBeDisabled: boolean): void;
+    disableAutoplayButton(shouldBeDisabled: boolean): void;
     private disableSpeedButton;
     disableInformationButtons(shouldBeDisabled: boolean): void;
     protected handleDisablingButtons(disabled?: boolean): void;
@@ -153,8 +154,18 @@ export declare abstract class AbstractController<T> {
      * @returns {boolean} can we skip actions
      */
     protected canSkipActions(): boolean;
+    /**
+     * Function to get additional actions on spin start
+     */
     protected onSpinningStart(): Promise<void>;
+    /**
+     * Function to perform additional actions on spin end
+     * @param {SpinLogic} _spinLogic spin logic
+     */
     protected onSpinningEnd(_spinLogic: SpinLogic): Promise<void>;
+    /**
+     * Function to perform additional actions after spin
+     */
     protected performActionsAfterSpin(): Promise<void>;
     protected gambleGameEnabler(winAmount: number): void;
     /**
@@ -176,8 +187,8 @@ export declare abstract class AbstractController<T> {
      *  ```ts
      *  this.mainContainer.invokeFreeSpinPlate(numberOfFreeSpins, isAdditionalFreeSpin);
      *  ```
-     * @param numberOfFreeSpins - number of free spins, if not provided, `RainMan.settingsStore.totalNumberOfFreeSpins` will be used
-     * @param isAdditionalFreeSpin  - flag for displaying additional free spins
+     * @param {number | undefined} numberOfFreeSpins - number of free spins, if not provided, `RainMan.settingsStore.totalNumberOfFreeSpins` will be used
+     * @param {boolean} isAdditionalFreeSpin  - flag for displaying additional free spins
      */
     private handleFreeSpinPlateInvocation;
     /**
@@ -203,7 +214,7 @@ export declare abstract class AbstractController<T> {
      */
     protected countBonusWin(winAmount?: number): Promise<void>;
     /**
-     *  Function for displaying super bonus win. Invoking that by `this.mainContainer.invokeSuperBonusWin();` and destroying it by `this.mainContainer.destroySuperBonusWin();`
+     * Function for displaying super bonus win. Invoking that by `this.mainContainer.invokeSuperBonusWin();` and destroying it by `this.mainContainer.destroySuperBonusWin();`
      * @param {number | undefined} winAmount - amount of win, if not provided `RainMan.settingsStore.cumulativeWinAmount` will be used
      */
     protected countSuperBonusWin(winAmount?: number): Promise<void>;
@@ -227,7 +238,16 @@ export declare abstract class AbstractController<T> {
      * @returns {SymbolId[]} - symbols from streak
      */
     protected getSymbolIdsForStreak(streak: StreakReelsIndexes): SymbolId[];
+    /**
+     * Function for updating win and balance values
+     * @param {number} value - value to set
+     * @returns {void}
+     */
     updateUiValues(value: number): void;
+    /**
+     * Function for updating gamble values
+     * @param {number} value value to set
+     */
     updateGambleValues(value: number): void;
     /**
      * Function for composing win actions queue based on wins and transformations from {@link transformationTypes} and {@link PossibleWins}
@@ -246,5 +266,10 @@ export declare abstract class AbstractController<T> {
      * Function for looping win actions queue, after initial play
      */
     protected loopWinActionsQueue(): Promise<void>;
+    /**
+     * Function for getting wins from {@link spinLogic}
+     * @param {SpinLogic} spinLogic spin logic
+     * @returns {FreeSpinWin[]} - array of free spins wins
+     */
     getFreeSpinsWins(spinLogic: SpinLogic): FreeSpinWin[];
 }

package/dist/controllers/AbstractController.js

@@ -82,6 +82,8 @@ export class AbstractController {
         this.buttonsEventManager.initFreeSpinModal();
         this.buttonsEventManager.setUpUIElementsInteractivity();
         this.buttonsEventManager.setConfirmAutoplayButton(() => {
+            if (RainMan.settingsStore.isAutoplayEnabled)
+                return;
             RainMan.settingsStore.setAutoPlayEnabledFlag(true);
             RainMan.componentRegistry.get(AutoplayButton.registryName).activate(true);
             RainMan.componentRegistry.get(BUTTONS.plus).flipDisabledFlag(true);
@@ -132,11 +134,11 @@ export class AbstractController {
             RainMan.componentRegistry.get(BUTTONS.plus),
             RainMan.componentRegistry.get(BUTTONS.neg),
         ];
-        if (getDeviceOrientation().includes("mobile") && !RainMan.settingsStore.isAutoplayEnabled) {
-            buttonsToChange.push(RainMan.componentRegistry.get(AutoplayButton.registryName));
-        }
         buttonsToChange.forEach((button) => button.flipDisabledFlag(shouldBeDisabled));
     }
+    disableAutoplayButton(shouldBeDisabled) {
+        RainMan.componentRegistry.get(AutoplayButton.registryName).flipDisabledFlag(shouldBeDisabled);
+    }
     disableSpeedButton(shouldBeDisabled) {
         RainMan.componentRegistry.get(SpeedControlButton.registryName).flipDisabledFlag(shouldBeDisabled);
     }
@@ -488,9 +490,8 @@ export class AbstractController {
             RainMan.settingsStore.decreaseAutoSpinsCount();
         }
         if (RainMan.settingsStore.howManyAutoSpinsLeft === 0) {
-            this.uiController.messageBox.showIncentiveText();
-            RainMan.globals.shouldShowModals = false;
             this.disableAutoplay();
+            RainMan.globals.shouldShowModals = false;
         }
         this.changeGamePhase(gamePhases.IDLE);
         return this.throttledSpin();
@@ -506,8 +507,8 @@ export class AbstractController {
      * Function disabling autoplay functionality
      */
     disableAutoplay() {
-        RainMan.componentRegistry.get(AutoplayButton.registryName).activate(false);
         RainMan.componentRegistry.get(MessageBox.registryName).hideAutoSpinText();
+        RainMan.componentRegistry.get(AutoplayButton.registryName).activate(false);
         RainMan.componentRegistry.get(BUTTONS.plus).flipDisabledFlag(false);
         RainMan.componentRegistry.get(BUTTONS.neg).flipDisabledFlag(false);
         RainMan.settingsStore.resetAutoplaySettings();
@@ -560,8 +561,18 @@ export class AbstractController {
     canSkipActions() {
         return !this.isPlayingUnskippableStreak;
     }
+    /**
+     * Function to get additional actions on spin start
+     */
     async onSpinningStart() { }
+    /**
+     * Function to perform additional actions on spin end
+     * @param {SpinLogic} _spinLogic spin logic
+     */
     async onSpinningEnd(_spinLogic) { }
+    /**
+     * Function to perform additional actions after spin
+     */
     async performActionsAfterSpin() { }
     gambleGameEnabler(winAmount) {
         if (RainMan.componentRegistry.has(BUTTONS.gamble) && !RainMan.settingsStore.gambleGameUsed) {
@@ -688,6 +699,7 @@ export class AbstractController {
         this.mainContainer.destroyBigWin();
         this.columnsContainer.resetPlayedSounds();
         if (this.invokeFreeSpinPlateAfterWin || RainMan.settingsStore.isFreeSpinsBought) {
+            this.uiController.messageBox.hideCurrentWinText();
             this.mainContainer.messageBox.hideFreeSpinText();
             hideLayerIfPresent();
             const freeSpinWins = this.getFreeSpinsWins(spinLogic);
@@ -710,6 +722,9 @@ export class AbstractController {
         }
         RainMan.settingsStore.setRoundNumber(this.roundNumber);
         this.handleDisablingButtons();
+        if (RainMan.settingsStore.isFreeSpinsPlayEnabled) {
+            this.disableAutoplayButton(false);
+        }
         RainMan.settingsStore.setModalsAvailability(true);
         await this.performActionsAfterSpin();
         RainMan.globals.shouldShowModals = true;
@@ -719,8 +734,8 @@ export class AbstractController {
      *  ```ts
      *  this.mainContainer.invokeFreeSpinPlate(numberOfFreeSpins, isAdditionalFreeSpin);
      *  ```
-     * @param numberOfFreeSpins - number of free spins, if not provided, `RainMan.settingsStore.totalNumberOfFreeSpins` will be used
-     * @param isAdditionalFreeSpin  - flag for displaying additional free spins
+     * @param {number | undefined} numberOfFreeSpins - number of free spins, if not provided, `RainMan.settingsStore.totalNumberOfFreeSpins` will be used
+     * @param {boolean} isAdditionalFreeSpin  - flag for displaying additional free spins
      */
     async handleFreeSpinPlateInvocation(numberOfFreeSpins, isAdditionalFreeSpin = false) {
         await this.buttonsEventManager.disableButtonsForAction(async () => {
@@ -846,7 +861,7 @@ export class AbstractController {
         });
     }
     /**
-     *  Function for displaying super bonus win. Invoking that by `this.mainContainer.invokeSuperBonusWin();` and destroying it by `this.mainContainer.destroySuperBonusWin();`
+     * Function for displaying super bonus win. Invoking that by `this.mainContainer.invokeSuperBonusWin();` and destroying it by `this.mainContainer.destroySuperBonusWin();`
      * @param {number | undefined} winAmount - amount of win, if not provided `RainMan.settingsStore.cumulativeWinAmount` will be used
      */
     async countSuperBonusWin(winAmount) {
@@ -933,6 +948,11 @@ export class AbstractController {
         });
         return symbolsIds;
     }
+    /**
+     * Function for updating win and balance values
+     * @param {number} value - value to set
+     * @returns {void}
+     */
     updateUiValues(value) {
         if (this.isLoopingWinActionsQueue)
             return;
@@ -946,6 +966,10 @@ export class AbstractController {
             this.uiController.updateShownBalance();
         }
     }
+    /**
+     * Function for updating gamble values
+     * @param {number} value value to set
+     */
     updateGambleValues(value) {
         this.uiController.setDisplayedCurrentWinGamble(value);
     }
@@ -963,6 +987,11 @@ export class AbstractController {
      * Function for looping win actions queue, after initial play
      */
     async loopWinActionsQueue() { }
+    /**
+     * Function for getting wins from {@link spinLogic}
+     * @param {SpinLogic} spinLogic spin logic
+     * @returns {FreeSpinWin[]} - array of free spins wins
+     */
     getFreeSpinsWins(spinLogic) {
         const wins = spinLogic.winScenarios.find((winScenario) => winScenario.wins.find((win) => win.type === PossibleWins.freeSpins))?.wins || [];
         return wins;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pixi-rainman-game-engine",
-    "version": "0.2.15",
+    "version": "0.2.16b",
     "description": "This repository contains all of the mechanics that used in rainman games.",
     "main": "./dist/index.js",
     "module": "./dist/index.js",