@kbve/laser 0.0.6 → 0.0.7

package/README.md

@@ -1,11 +1,22 @@
-# laser
+# Laser
 
-This library was generated with [Nx](https://nx.dev).
+Laser is an npm library that provides seamless integration between React and Phaser, allowing you to create rich, interactive web applications with ease.
 
-## Building
+## Features
 
-Run `nx build laser` to build the library.
+- **React and Phaser Integration**: Leverage the power of both React and Phaser in your projects.
+- **Component-Based Architecture**: Utilize React's component-based architecture for structuring your game elements.
+- **Easy Setup**: Quickly set up and start building your projects with minimal configuration.
+- **Optimized Performance**: Efficiently manage and update your game state with React's rendering optimizations.
 
-## Running unit tests
+## Installation
 
-Run `nx test laser` to execute the unit tests via [Vitest](https://vitest.dev/).
+To install Laser, use npm or pnpm:
+
+```bash
+pnpm install @kbve/laser
+```
+
+## Usage
+
+We recommend that you import all of it as `import * as Laser from '@kbve/laser';`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kbve/laser",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "A comprehensive game development toolkit for Node.js. Laser is a powerful npm package designed to streamline game development processes, with a focus on efficient game client management. It provides essential tools and utilities to enhance your game creation workflow, including an event handler, quadtree, client management and performance utilities.",
   "keywords": [
     "phaser",

package/src/index.d.ts

@@ -1,10 +1,12 @@
 export * from './types';
+export * from './lib/constants';
 export * from './lib/laser';
 export * from './lib/quadtree';
 export * from './lib/eventhandler';
 export * from './lib/localdb';
 export * from './lib/utils/ulid';
 export * from './lib/utils/debug';
+export * from './lib/utils/loader';
 export { default as CollapseIcon } from './lib/icon/CollapseIcon';
 export { default as ExpandIcon } from './lib/icon/ExpandIcon';
 export { default as MinigameDice } from './lib/minigame/dice/MinigameDice';

package/src/index.js

@@ -4,6 +4,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TypewriterComponent = exports.MinigameDice = exports.ExpandIcon = exports.CollapseIcon = void 0;
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./types"), exports);
+// Constants
+tslib_1.__exportStar(require("./lib/constants"), exports);
 tslib_1.__exportStar(require("./lib/laser"), exports);
 tslib_1.__exportStar(require("./lib/quadtree"), exports);
 tslib_1.__exportStar(require("./lib/eventhandler"), exports);
@@ -11,6 +13,7 @@ tslib_1.__exportStar(require("./lib/localdb"), exports);
 // Utils
 tslib_1.__exportStar(require("./lib/utils/ulid"), exports); // ULID
 tslib_1.__exportStar(require("./lib/utils/debug"), exports); // Debug
+tslib_1.__exportStar(require("./lib/utils/loader"), exports); // Loader
 // Icons
 var CollapseIcon_1 = require("./lib/icon/CollapseIcon");
 Object.defineProperty(exports, "CollapseIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(CollapseIcon_1).default; } });

package/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/laser/src/index.ts"],"names":[],"mappings":";AAAA,QAAQ;;;;AAER,kDAAwB;AAExB,sDAA4B;AAC5B,yDAA+B;AAC/B,6DAAmC;AACnC,wDAA8B;AAE9B,QAAQ;AACR,2DAAiC,CAAC,OAAO;AACzC,4DAAkC,CAAC,QAAQ;AAE3C,QAAQ;AACR,wDAAkE;AAAzD,qIAAA,OAAO,OAAgB;AAChC,oDAA8D;AAArD,iIAAA,OAAO,OAAc;AAE9B,YAAY;AACZ,iEAA2E;AAAlE,qIAAA,OAAO,OAAgB;AAEhC,aAAa;AACb,4EAAqF;AAA5E,mJAAA,OAAO,OAAuB;AAEvC,SAAS;AACT,+EAAqD;AAErD,MAAM;AACN,uEAA6C;AAC7C,sEAA4C;AAC5C,sEAA4C;AAC5C,uEAA6C;AAI7C,WAAW;AACX,oEAA0C"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/laser/src/index.ts"],"names":[],"mappings":";AAAA,QAAQ;;;;AAER,kDAAwB;AAExB,YAAY;AACZ,0DAAgC;AAEhC,sDAA4B;AAC5B,yDAA+B;AAC/B,6DAAmC;AACnC,wDAA8B;AAE9B,QAAQ;AACR,2DAAiC,CAAC,OAAO;AACzC,4DAAkC,CAAC,QAAQ;AAC3C,6DAAmC,CAAC,SAAS;AAE7C,QAAQ;AACR,wDAAkE;AAAzD,qIAAA,OAAO,OAAgB;AAChC,oDAA8D;AAArD,iIAAA,OAAO,OAAc;AAE9B,YAAY;AACZ,iEAA2E;AAAlE,qIAAA,OAAO,OAAgB;AAEhC,aAAa;AACb,4EAAqF;AAA5E,mJAAA,OAAO,OAAuB;AAEvC,SAAS;AACT,+EAAqD;AAErD,MAAM;AACN,uEAA6C;AAC7C,sEAA4C;AAC5C,sEAA4C;AAC5C,uEAA6C;AAI7C,WAAW;AACX,oEAA0C"}

package/src/lib/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const kbve_hcaptcha_site_key = "5ba581fa-b6fc-4bb0-8222-02fcd6a59e35";
+export declare const hcaptcha_api = "https://js.hcaptcha.com/1/api.js";

package/src/lib/constants.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hcaptcha_api = exports.kbve_hcaptcha_site_key = void 0;
+exports.kbve_hcaptcha_site_key = '5ba581fa-b6fc-4bb0-8222-02fcd6a59e35'; // 9-20-2023 Key
+exports.hcaptcha_api = 'https://js.hcaptcha.com/1/api.js';
+//# sourceMappingURL=constants.js.map

package/src/lib/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../packages/laser/src/lib/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,sBAAsB,GAAG,sCAAsC,CAAC,CAAC,gBAAgB;AACjF,QAAA,YAAY,GAAG,kCAAkC,CAAC"}

package/src/lib/utils/loader.d.ts

@@ -0,0 +1,3 @@
+import { LoaderOptions } from '../../types';
+export declare function removeLoader(options: LoaderOptions): void;
+export declare function addLoader(options: LoaderOptions): void;

package/src/lib/utils/loader.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addLoader = exports.removeLoader = void 0;
+const debug_1 = require("./debug");
+function removeLoader(options) {
+    const { elementIdOrName, duration = 500, onComplete } = options;
+    let loader = null;
+    loader = document.getElementById(elementIdOrName);
+    if (!loader) {
+        const elementsByName = document.getElementsByName(elementIdOrName);
+        if (elementsByName.length > 0) {
+            loader = elementsByName[0];
+        }
+    }
+    if (!loader) {
+        debug_1.Debug.error(`Loader element with ID or name "${elementIdOrName}" not found.`);
+        return;
+    }
+    if (!(loader instanceof HTMLElement)) {
+        debug_1.Debug.error(`Element found by "${elementIdOrName}" is not an HTMLElement.`);
+        return;
+    }
+    debug_1.Debug.log(`Removing loader element with ID or name "${elementIdOrName}" with duration ${duration}ms.`);
+    loader.classList.add('opacity-0', 'transition-opacity', `duration-${duration}`);
+    setTimeout(() => {
+        loader.style.display = 'none';
+        debug_1.Debug.log(`Loader element with ID or name "${elementIdOrName}" has been hidden.`);
+        // Call the optional onComplete callback if provided
+        if (onComplete) {
+            onComplete();
+        }
+    }, duration);
+}
+exports.removeLoader = removeLoader;
+function addLoader(options) {
+    const { elementIdOrName, duration = 500, onComplete } = options;
+    let loader = null;
+    // Try to get the element by ID first
+    loader = document.getElementById(elementIdOrName);
+    // If not found by ID, try to get the element by name
+    if (!loader) {
+        const elementsByName = document.getElementsByName(elementIdOrName);
+        if (elementsByName.length > 0) {
+            loader = elementsByName[0];
+        }
+    }
+    // If loader is still not found, create a new one
+    if (!loader) {
+        loader = document.createElement('div');
+        loader.id = elementIdOrName;
+        loader.classList.add('z-[1000]', 'fixed', 'top-0', 'left-0', 'w-full', 'h-full', 'flex', 'items-center', 'justify-center', 'bg-gray-100', 'opacity-100', 'transition-opacity', `duration-${duration}`);
+        loader.innerHTML = `
+        <div class="loader"></div>
+        <style>
+          .loader {
+            border: 16px solid #f3f3f3;
+            border-top: 16px solid #3498db;
+            border-radius: 50%;
+            width: 120px;
+            height: 120px;
+            animation: spin 2s linear infinite;
+          }
+          @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+          }
+        </style>
+      `;
+        document.body.appendChild(loader);
+    }
+    if (!(loader instanceof HTMLElement)) {
+        debug_1.Debug.error(`Element found by "${elementIdOrName}" is not an HTMLElement.`);
+        return;
+    }
+    debug_1.Debug.log(`Adding loader element with ID or name "${elementIdOrName}" with duration ${duration}ms.`);
+    loader.style.display = 'block';
+    loader.classList.remove('opacity-0');
+    loader.classList.add('opacity-100');
+    // Call the optional onComplete callback if provided
+    if (onComplete) {
+        setTimeout(() => {
+            onComplete();
+        }, duration);
+    }
+}
+exports.addLoader = addLoader;
+//# sourceMappingURL=loader.js.map

package/src/lib/utils/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../../../../../packages/laser/src/lib/utils/loader.ts"],"names":[],"mappings":";;;AAAA,mCAAgC;AAGhC,SAAgB,YAAY,CAAC,OAAsB;IACjD,MAAM,EAAE,eAAe,EAAE,QAAQ,GAAG,GAAG,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAChE,IAAI,MAAM,GAAuB,IAAI,CAAC;IAEtC,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IAElD,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,MAAM,cAAc,GAAG,QAAQ,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC;QACnE,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC9B,MAAM,GAAG,cAAc,CAAC,CAAC,CAAgB,CAAC;QAC5C,CAAC;IACH,CAAC;IAED,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,aAAK,CAAC,KAAK,CACT,mCAAmC,eAAe,cAAc,CACjE,CAAC;QACF,OAAO;IACT,CAAC;IAED,IAAI,CAAC,CAAC,MAAM,YAAY,WAAW,CAAC,EAAE,CAAC;QACrC,aAAK,CAAC,KAAK,CAAC,qBAAqB,eAAe,0BAA0B,CAAC,CAAC;QAC5E,OAAO;IACT,CAAC;IAED,aAAK,CAAC,GAAG,CACP,4CAA4C,eAAe,mBAAmB,QAAQ,KAAK,CAC5F,CAAC;IAEF,MAAM,CAAC,SAAS,CAAC,GAAG,CAClB,WAAW,EACX,oBAAoB,EACpB,YAAY,QAAQ,EAAE,CACvB,CAAC;IAEF,UAAU,CAAC,GAAG,EAAE;QACd,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAC9B,aAAK,CAAC,GAAG,CACP,mCAAmC,eAAe,oBAAoB,CACvE,CAAC;QAEF,oDAAoD;QACpD,IAAI,UAAU,EAAE,CAAC;YACf,UAAU,EAAE,CAAC;QACf,CAAC;IACH,CAAC,EAAE,QAAQ,CAAC,CAAC;AACf,CAAC;AA9CD,oCA8CC;AAED,SAAgB,SAAS,CAAC,OAAsB;IAC9C,MAAM,EAAE,eAAe,EAAE,QAAQ,GAAG,GAAG,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAChE,IAAI,MAAM,GAAuB,IAAI,CAAC;IAEtC,qCAAqC;IACrC,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IAElD,qDAAqD;IACrD,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,MAAM,cAAc,GAAG,QAAQ,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC;QACnE,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC9B,MAAM,GAAG,cAAc,CAAC,CAAC,CAAgB,CAAC;QAC5C,CAAC;IACH,CAAC;IAED,iDAAiD;IACjD,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACvC,MAAM,CAAC,EAAE,GAAG,eAAe,CAAC;QAC5B,MAAM,CAAC,SAAS,CAAC,GAAG,CAClB,UAAU,EACV,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,oBAAoB,EACpB,YAAY,QAAQ,EAAE,CACvB,CAAC;QACF,MAAM,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;OAgBhB,CAAC;QACJ,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC;IAED,IAAI,CAAC,CAAC,MAAM,YAAY,WAAW,CAAC,EAAE,CAAC;QACrC,aAAK,CAAC,KAAK,CAAC,qBAAqB,eAAe,0BAA0B,CAAC,CAAC;QAC5E,OAAO;IACT,CAAC;IAED,aAAK,CAAC,GAAG,CACP,0CAA0C,eAAe,mBAAmB,QAAQ,KAAK,CAC1F,CAAC;IAEF,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;IAC/B,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IACrC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAEpC,oDAAoD;IACpD,IAAI,UAAU,EAAE,CAAC;QACf,UAAU,CAAC,GAAG,EAAE;YACd,UAAU,EAAE,CAAC;QACf,CAAC,EAAE,QAAQ,CAAC,CAAC;IACf,CAAC;AACH,CAAC;AAzED,8BAyEC"}

package/src/types.d.ts

@@ -353,3 +353,29 @@ export interface NPCDialogueEventData {
         read: boolean;
     };
 }
+export interface CaptchaConfig {
+    hl: string;
+    sitekey: string;
+    apihost: string;
+    reCaptchaCompat: boolean;
+    theme: CaptchaTheme;
+    size: 'normal' | 'compact' | 'invisible';
+}
+export declare enum CaptchaTheme {
+    DARK = "dark",// Represents the dark theme.
+    LIGHT = "light"
+}
+export interface UIRegiserState {
+    email: string;
+    password: string;
+    confirm: string;
+    username: string;
+    captchaToken: string;
+    svelte_internal_message: string;
+    successful_message: string;
+}
+export interface LoaderOptions {
+    elementIdOrName: string;
+    duration?: number;
+    onComplete?: () => void;
+}

package/src/types.js

@@ -1,9 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isDiceAction = void 0;
+exports.CaptchaTheme = exports.isDiceAction = void 0;
 // Type Guards
 function isDiceAction(action) {
     return action.type === 'ROLL_DICE';
 }
 exports.isDiceAction = isDiceAction;
+var CaptchaTheme;
+(function (CaptchaTheme) {
+    CaptchaTheme["DARK"] = "dark";
+    CaptchaTheme["LIGHT"] = "light";
+})(CaptchaTheme || (exports.CaptchaTheme = CaptchaTheme = {}));
 //# sourceMappingURL=types.js.map

package/src/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../packages/laser/src/types.ts"],"names":[],"mappings":";;;AAmWA,cAAc;AAEd,SAAgB,YAAY,CAAC,MAAsB;IACjD,OAAO,MAAM,CAAC,IAAI,KAAK,WAAW,CAAC;AACrC,CAAC;AAFD,oCAEC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../packages/laser/src/types.ts"],"names":[],"mappings":";;;AAmWA,cAAc;AAEd,SAAgB,YAAY,CAAC,MAAsB;IACjD,OAAO,MAAM,CAAC,IAAI,KAAK,WAAW,CAAC;AACrC,CAAC;AAFD,oCAEC;AAgFD,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,6BAAa,CAAA;IACb,+BAAe,CAAA;AACjB,CAAC,EAHW,YAAY,4BAAZ,YAAY,QAGvB"}