@kbve/laser 0.0.7 → 0.1.0

package/README.md

@@ -1,22 +1,52 @@
 # Laser
 
-Laser is an npm library that provides seamless integration between React and Phaser, allowing you to create rich, interactive web applications with ease.
+<a href="https://kbve.com" style="float: right;"><img width="150" height="50" title="KBVE logo" src="https://kbve.com/assets/images/brand/letter_logo.svg" /></a>
 
-## Features
+Laser is a lightweight integration layer for Phaser and React Three Fiber in React 19 applications.
+It provides React hooks and components for embedding Phaser games and R3F scenes with a shared event bus, making it easy to build hybrid 2D/3D game UIs.
 
-- **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.
+## Features
 
-## Installation
+- **Phaser integration** — `<PhaserGame>` component with ref-based access, `usePhaserGame` context hook, and `usePhaserEvent` for subscribing to Phaser events
+- **React Three Fiber integration** — `<Stage>` component and `useGameLoop` hook for frame-synced game logic
+- **Shared event bus** — `LaserEventBus` for decoupled communication between Phaser and R3F layers
+- **TypeScript-first** — Full type definitions with exported types for configs, events, and geometry primitives
 
-To install Laser, use npm or pnpm:
+## Install
 
 ```bash
-pnpm install @kbve/laser
+npm install @kbve/laser
 ```
 
+### Peer Dependencies
+
+Laser requires the following peer dependencies (install the ones you need):
+
+- `react` >= 18.0.0
+- `react-dom` >= 18.0.0
+- `phaser` >= 3.80.0 _(optional — only needed for Phaser features)_
+- `three` >= 0.160.0 _(optional — only needed for R3F features)_
+- `@react-three/fiber` >= 9.0.0 _(optional)_
+- `@react-three/drei` >= 10.0.0 _(optional)_
+
 ## Usage
 
-We recommend that you import all of it as `import * as Laser from '@kbve/laser';`
+```tsx
+import {
+	PhaserGame,
+	usePhaserEvent,
+	Stage,
+	useGameLoop,
+	laserEvents,
+} from '@kbve/laser';
+```
+
+### Support
+
+For questions or help, reach out via our [Discord server](https://kbve.com/discord/).
+
+[![Discord](https://img.shields.io/discord/342732838598082562?logo=discord)](https://kbve.com/discord/)
+
+## License
+
+MIT

package/laser.es.js

@@ -0,0 +1,376 @@
+import { jsxs as m, jsx as b } from "react/jsx-runtime";
+import { createContext as D, useContext as P, forwardRef as S, useRef as p, useState as k, useImperativeHandle as E, useEffect as w, useMemo as I } from "react";
+import c from "phaser";
+import { Canvas as C, useFrame as K } from "@react-three/fiber";
+import { addComponent as X, addEntity as Y, createWorld as N, hasComponent as Q, query as tt, removeEntity as et } from "bitecs";
+import { RAPIER as it, createRapierPhysics as rt } from "@phaserjs/rapier-connector";
+class A {
+  handlers = /* @__PURE__ */ new Map();
+  on(t, e) {
+    let s = this.handlers.get(t);
+    return s || (s = /* @__PURE__ */ new Set(), this.handlers.set(t, s)), s.add(e), () => {
+      s.delete(e);
+    };
+  }
+  off(t, e) {
+    this.handlers.get(t)?.delete(e);
+  }
+  emit(t, e) {
+    this.handlers.get(t)?.forEach((s) => {
+      s(e);
+    });
+  }
+  clear() {
+    this.handlers.clear();
+  }
+}
+const f = new A();
+class d {
+  bounds;
+  capacity;
+  points;
+  divided;
+  cache;
+  northeast;
+  northwest;
+  southeast;
+  southwest;
+  constructor(t, e = 4) {
+    this.bounds = t, this.capacity = e, this.points = [], this.divided = !1, this.cache = /* @__PURE__ */ new Map();
+  }
+  subdivide() {
+    const { xMin: t, yMin: e, xMax: s, yMax: i } = this.bounds, n = (s - t) / 2, o = (i - e) / 2, a = t, h = e;
+    this.northeast = new d(
+      { xMin: a + n, xMax: a + 2 * n, yMin: e, yMax: h + o },
+      this.capacity
+    ), this.northwest = new d(
+      { xMin: t, xMax: a + n, yMin: e, yMax: h + o },
+      this.capacity
+    ), this.southeast = new d(
+      { xMin: a + n, xMax: a + 2 * n, yMin: h + o, yMax: h + 2 * o },
+      this.capacity
+    ), this.southwest = new d(
+      { xMin: t, xMax: a + n, yMin: h + o, yMax: h + 2 * o },
+      this.capacity
+    ), this.divided = !0;
+  }
+  insert(t) {
+    return this.contains(t.bounds) ? this.points.length < this.capacity ? (this.points.push(t), !0) : (this.divided || this.subdivide(), !!(this.northeast?.insert(t) || this.northwest?.insert(t) || this.southeast?.insert(t) || this.southwest?.insert(t))) : !1;
+  }
+  contains(t) {
+    const { xMin: e, yMin: s, xMax: i, yMax: n } = this.bounds;
+    return t.xMin >= e && t.xMax <= i && t.yMin >= s && t.yMax <= n;
+  }
+  queryRange(t, e = []) {
+    if (!this.intersects(t))
+      return e;
+    for (const s of this.points)
+      this.isWithinBounds(s.bounds, t) && e.push(s);
+    return this.divided && (this.northwest?.queryRange(t, e), this.northeast?.queryRange(t, e), this.southwest?.queryRange(t, e), this.southeast?.queryRange(t, e)), e;
+  }
+  query(t, e = []) {
+    const s = `${t.x},${t.y}`, i = this.cache.get(s);
+    if (i)
+      return i;
+    if (!this.intersects({
+      xMin: t.x,
+      xMax: t.x,
+      yMin: t.y,
+      yMax: t.y
+    }))
+      return e;
+    for (const n of this.points)
+      this.isWithinRange(t, n.bounds) && e.push(n);
+    return this.divided && (this.northwest?.query(t, e), this.northeast?.query(t, e), this.southwest?.query(t, e), this.southeast?.query(t, e)), this.cache.set(s, e), e;
+  }
+  intersects(t) {
+    const { xMin: e, yMin: s, xMax: i, yMax: n } = this.bounds;
+    return !(t.xMin > i || t.xMax < e || t.yMin > n || t.yMax < s);
+  }
+  isWithinBounds(t, e) {
+    return t.xMax >= e.xMin && t.xMin <= e.xMax && t.yMax >= e.yMin && t.yMin <= e.yMax;
+  }
+  isWithinRange(t, e) {
+    return t.x >= e.xMin && t.x <= e.xMax && t.y >= e.yMin && t.y <= e.yMax;
+  }
+}
+const g = D(null);
+function R() {
+  const r = P(g);
+  if (!r)
+    throw new Error(
+      "usePhaserGame must be used within a <PhaserGame> component"
+    );
+  return r;
+}
+const z = S(
+  function({ config: t, onReady: e, onDestroy: s, className: i, style: n, children: o }, a) {
+    const h = p(null), l = p(null), [y, x] = k("idle");
+    E(
+      a,
+      () => ({
+        game: l.current,
+        status: y
+      }),
+      [y]
+    ), w(() => {
+      if (!h.current) return;
+      x("booting");
+      const u = new c.Game({
+        type: c.AUTO,
+        width: t.width ?? 800,
+        height: t.height ?? 600,
+        parent: h.current,
+        scene: t.scenes,
+        physics: t.physics,
+        plugins: t.plugins,
+        scale: t.scale,
+        backgroundColor: t.backgroundColor,
+        transparent: t.transparent
+      });
+      return l.current = u, u.events.once("ready", () => {
+        x("running"), f.emit("game:ready", { game: u }), e?.(u);
+      }), () => {
+        x("destroyed"), f.emit("game:destroy", void 0), s?.(), u.destroy(!0), l.current = null;
+      };
+    }, [t, e, s]);
+    const v = I(
+      () => ({ game: l.current, status: y }),
+      [y]
+    );
+    return /* @__PURE__ */ m(g.Provider, { value: v, children: [
+      /* @__PURE__ */ b("div", { ref: h, className: i, style: n }),
+      o
+    ] });
+  }
+);
+function T(r, t, e) {
+  const { game: s } = R(), i = p(t);
+  i.current = t, w(() => {
+    if (!s) return;
+    const n = (...o) => i.current(...o);
+    if (e) {
+      const o = s.scene.getScene(e);
+      if (o)
+        return o.events.on(r, n), () => {
+          o.events.off(r, n);
+        };
+    } else
+      return s.events.on(r, n), () => {
+        s.events.off(r, n);
+      };
+  }, [s, r, e]);
+}
+class j {
+  scene;
+  base;
+  thumb;
+  radius;
+  deadZone;
+  _direction = null;
+  _isActive = !1;
+  fixed;
+  activePointer = null;
+  constructor(t, e) {
+    this.scene = t, this.radius = e?.radius ?? 60, this.deadZone = e?.deadZone ?? 0.25, this.fixed = e?.fixed ?? !0;
+    const s = e?.x ?? 120, i = e?.y ?? t.scale.height - 120;
+    this.base = t.add.circle(
+      s,
+      i,
+      this.radius,
+      e?.baseColor ?? 8947848,
+      e?.baseAlpha ?? 0.35
+    ).setDepth(100).setScrollFactor(0), this.thumb = t.add.circle(
+      s,
+      i,
+      this.radius * 0.4,
+      e?.thumbColor ?? 16777215,
+      e?.thumbAlpha ?? 0.5
+    ).setDepth(101).setScrollFactor(0), this.setupInput();
+  }
+  setupInput() {
+    this.scene.input.on("pointerdown", (t) => {
+      if (this.activePointer) return;
+      const e = t.x - this.base.x, s = t.y - this.base.y, i = Math.sqrt(e * e + s * s);
+      this.fixed && i > this.radius * 2 || (this.fixed || (this.base.setPosition(t.x, t.y), this.thumb.setPosition(t.x, t.y)), this.activePointer = t, this._isActive = !0);
+    }), this.scene.input.on("pointermove", (t) => {
+      t === this.activePointer && this.updateThumb(t.x, t.y);
+    }), this.scene.input.on("pointerup", (t) => {
+      t === this.activePointer && this.resetThumb();
+    });
+  }
+  updateThumb(t, e) {
+    const s = t - this.base.x, i = e - this.base.y, n = Math.sqrt(s * s + i * i), o = Math.min(n, this.radius), a = Math.atan2(i, s);
+    if (this.thumb.setPosition(
+      this.base.x + Math.cos(a) * o,
+      this.base.y + Math.sin(a) * o
+    ), o / this.radius < this.deadZone) {
+      this._direction = null;
+      return;
+    }
+    this._direction = this.angleToDirection(a);
+  }
+  angleToDirection(t) {
+    let e = t * 180 / Math.PI;
+    return e < 0 && (e += 360), e >= 337.5 || e < 22.5 ? "right" : e >= 22.5 && e < 67.5 ? "down-right" : e >= 67.5 && e < 112.5 ? "down" : e >= 112.5 && e < 157.5 ? "down-left" : e >= 157.5 && e < 202.5 ? "left" : e >= 202.5 && e < 247.5 ? "up-left" : e >= 247.5 && e < 292.5 ? "up" : "up-right";
+  }
+  resetThumb() {
+    this.thumb.setPosition(this.base.x, this.base.y), this._direction = null, this._isActive = !1, this.activePointer = null;
+  }
+  get direction() {
+    return this._direction;
+  }
+  get isActive() {
+    return this._isActive;
+  }
+  setVisible(t) {
+    return this.base.setVisible(t), this.thumb.setVisible(t), this;
+  }
+  destroy() {
+    this.base.destroy(), this.thumb.destroy();
+  }
+}
+class V {
+  scene;
+  gridEngine;
+  quadtree;
+  cursor;
+  wasdKeys;
+  tooltip;
+  tileSize;
+  playerId;
+  joystick = null;
+  constructor(t, e, s, i) {
+    if (this.scene = t, this.gridEngine = e, this.quadtree = s, this.tileSize = i?.tileSize ?? 48, this.playerId = i?.playerId ?? "player", this.cursor = this.scene.input.keyboard?.createCursorKeys(), this.initializeWASDKeys(), this.tooltip = this.scene.add.text(0, 0, "Press [F]", {
+      font: "16px Arial",
+      backgroundColor: "#000000"
+    }).setDepth(4).setPadding(3, 2, 2, 3).setVisible(!1), i?.joystick) {
+      const n = typeof i.joystick == "object" ? i.joystick : void 0;
+      this.joystick = new j(t, n);
+    }
+  }
+  initializeWASDKeys() {
+    const t = this.scene.input.keyboard;
+    t && (this.wasdKeys = {
+      W: t.addKey(c.Input.Keyboard.KeyCodes.W),
+      A: t.addKey(c.Input.Keyboard.KeyCodes.A),
+      S: t.addKey(c.Input.Keyboard.KeyCodes.S),
+      D: t.addKey(c.Input.Keyboard.KeyCodes.D)
+    });
+  }
+  checkForNearbyObjects() {
+    const t = this.gridEngine.getPosition(this.playerId), e = t.x * this.tileSize, s = t.y * this.tileSize, i = this.quadtree.query(t);
+    i.length > 0 ? (this.tooltip.setPosition(e, s - 60).setVisible(!0), f.emit("player:nearby", {
+      position: t,
+      ranges: i
+    })) : this.tooltip.setVisible(!1);
+  }
+  getPlayerPosition() {
+    return this.gridEngine.getPosition(this.playerId);
+  }
+  handleMovement() {
+    if (this.scene.input.keyboard?.addKey("F").isDown) {
+      const s = this.gridEngine.getPosition(
+        this.playerId
+      ), i = this.quadtree.query(s);
+      if (i.length > 0) {
+        f.emit("player:interact", {
+          position: s,
+          ranges: i
+        });
+        for (const n of i)
+          n.action();
+      }
+    }
+    if (this.joystick?.isActive && this.joystick.direction) {
+      this.gridEngine.move(this.playerId, this.joystick.direction), this.checkForNearbyObjects();
+      return;
+    }
+    if (!this.cursor) {
+      this.checkForNearbyObjects();
+      return;
+    }
+    const t = this.cursor, e = this.wasdKeys;
+    (t.left.isDown || e.A.isDown) && (t.up.isDown || e.W.isDown) ? this.gridEngine.move(this.playerId, "up-left") : (t.left.isDown || e.A.isDown) && (t.down.isDown || e.S.isDown) ? this.gridEngine.move(this.playerId, "down-left") : (t.right.isDown || e.D.isDown) && (t.up.isDown || e.W.isDown) ? this.gridEngine.move(this.playerId, "up-right") : (t.right.isDown || e.D.isDown) && (t.down.isDown || e.S.isDown) ? this.gridEngine.move(this.playerId, "down-right") : t.left.isDown || e.A.isDown ? this.gridEngine.move(this.playerId, "left") : t.right.isDown || e.D.isDown ? this.gridEngine.move(this.playerId, "right") : t.up.isDown || e.W.isDown ? this.gridEngine.move(this.playerId, "up") : (t.down.isDown || e.S.isDown) && this.gridEngine.move(this.playerId, "down"), this.checkForNearbyObjects();
+  }
+}
+function G(r) {
+  return +r[r.length - 1];
+}
+function O(r) {
+  return r.startsWith("monster_bird_") && !r.startsWith("monster_bird_shadow");
+}
+function M(r, t, e, s, i) {
+  const n = [];
+  for (let o = 0; o < 10; o++) {
+    const a = r.add.sprite(0, 0, "monster_bird");
+    a.setCrop(t, e, s, i), a.scale = 3, n.push(a);
+  }
+  return n;
+}
+function Z(r) {
+  return M(r, 0, 0, 61, 47);
+}
+function L(r) {
+  return M(r, 22, 47, 16, 10);
+}
+function B(r) {
+  r.anims.create({
+    key: "bird",
+    frames: r.anims.generateFrameNumbers("monster_bird", {
+      start: 0,
+      end: 2
+    }),
+    frameRate: 10,
+    repeat: -1,
+    yoyo: !0
+  });
+}
+const $ = ({
+  children: r,
+  className: t,
+  ...e
+}) => /* @__PURE__ */ m(
+  C,
+  {
+    camera: { position: [0, 0, 5] },
+    ...e,
+    className: t,
+    children: [
+      /* @__PURE__ */ b("ambientLight", { intensity: 1.5 }),
+      r
+    ]
+  }
+);
+function H(r) {
+  const t = p(r);
+  t.current = r, K((e, s) => {
+    t.current(s, e.clock.elapsedTime);
+  });
+}
+export {
+  A as LaserEventBus,
+  g as PhaserContext,
+  z as PhaserGame,
+  V as PlayerController,
+  d as Quadtree,
+  it as RAPIER,
+  $ as Stage,
+  j as VirtualJoystick,
+  X as addComponent,
+  Y as addEntity,
+  B as createBirdAnimation,
+  Z as createBirdSprites,
+  rt as createRapierPhysics,
+  L as createShadowSprites,
+  N as createWorld,
+  G as getBirdNum,
+  Q as hasComponent,
+  O as isBird,
+  f as laserEvents,
+  tt as query,
+  et as removeEntity,
+  H as useGameLoop,
+  T as usePhaserEvent,
+  R as usePhaserGame
+};

package/package.json

@@ -1,10 +1,14 @@
 {
   "name": "@kbve/laser",
-  "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.",
+  "version": "0.1.0",
+  "description": "Phaser + React Three Fiber integration layer for React 19",
   "keywords": [
     "phaser",
-    "gamedev"
+    "react",
+    "r3f",
+    "react-three-fiber",
+    "gamedev",
+    "three.js"
   ],
   "homepage": "https://kbve.com/application/javascript/",
   "bugs": {
@@ -16,28 +20,54 @@
   },
   "author": "KBVE <hello@kbve.com>",
   "license": "MIT",
-  "dependencies": {
-    "tslib": "^2.3.0",
-    "nanostores": "^0.9.3",
-    "phaser": "^3.80.1",
-    "styled-components": "5.3.6",
-    "tailwind-merge": "^2.2.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "@nanostores/persistent": "^0.9.1",
-    "@nanostores/react": "^0.7.2",
-    "three": "^0.161.0",
-    "react-spring": "^9.7.3",
-    "@react-three/drei": "^9.108.3",
-    "@react-three/fiber": "^8.16.2",
-    "@react-three/flex": "^1.0.1",
-    "dexie": "^4.0.7",
-    "dexie-react-hooks": "^1.1.7"
+  "type": "module",
+  "main": "./laser.es.js",
+  "module": "./laser.es.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./laser.es.js",
+      "types": "./index.d.ts"
+    }
   },
-  "type": "commonjs",
-  "main": "./src/index.js",
-  "typings": "./src/index.d.ts",
+  "files": [
+    "laser.es.js",
+    "index.d.ts",
+    "**/*.d.ts",
+    "*.md"
+  ],
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "phaser": ">=3.80.0",
+    "three": ">=0.160.0",
+    "@react-three/fiber": ">=9.0.0",
+    "@react-three/drei": ">=10.0.0",
+    "bitecs": ">=0.4.0",
+    "@phaserjs/rapier-connector": ">=1.0.0"
+  },
+  "peerDependenciesMeta": {
+    "phaser": {
+      "optional": true
+    },
+    "three": {
+      "optional": true
+    },
+    "@react-three/fiber": {
+      "optional": true
+    },
+    "@react-three/drei": {
+      "optional": true
+    },
+    "bitecs": {
+      "optional": true
+    },
+    "@phaserjs/rapier-connector": {
+      "optional": true
+    }
+  },
+  "dependencies": {},
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/src/index.d.ts

@@ -1,19 +0,0 @@
-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';
-export { default as TypewriterComponent } from './lib/animations/TypewriterComponent';
-export * from './lib/phaser/player/playercontroller';
-export * from './lib/phaser/npc/tooltipmenu';
-export * from './lib/phaser/npc/chatbubble';
-export * from './lib/phaser/npc/npchandler';
-export * from './lib/phaser/npc/npcdatabase';
-export * from './lib/phaser/monster/bird';

package/src/index.js

@@ -1,37 +0,0 @@
-"use strict";
-// Types
-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);
-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; } });
-var ExpandIcon_1 = require("./lib/icon/ExpandIcon");
-Object.defineProperty(exports, "ExpandIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(ExpandIcon_1).default; } });
-// MiniGames
-var MinigameDice_1 = require("./lib/minigame/dice/MinigameDice");
-Object.defineProperty(exports, "MinigameDice", { enumerable: true, get: function () { return tslib_1.__importDefault(MinigameDice_1).default; } });
-// Animations
-var TypewriterComponent_1 = require("./lib/animations/TypewriterComponent");
-Object.defineProperty(exports, "TypewriterComponent", { enumerable: true, get: function () { return tslib_1.__importDefault(TypewriterComponent_1).default; } });
-// Phaser
-tslib_1.__exportStar(require("./lib/phaser/player/playercontroller"), exports);
-// NPC
-tslib_1.__exportStar(require("./lib/phaser/npc/tooltipmenu"), exports);
-tslib_1.__exportStar(require("./lib/phaser/npc/chatbubble"), exports);
-tslib_1.__exportStar(require("./lib/phaser/npc/npchandler"), exports);
-tslib_1.__exportStar(require("./lib/phaser/npc/npcdatabase"), exports);
-// Monsters
-tslib_1.__exportStar(require("./lib/phaser/monster/bird"), exports);
-//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -1 +0,0 @@
-{"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/animations/TypewriterComponent.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-interface TypewriterComponentProps {
-    text: string;
-    speed?: number;
-    onComplete?: () => void;
-}
-declare const _default: React.NamedExoticComponent<TypewriterComponentProps>;
-export default _default;

package/src/lib/animations/TypewriterComponent.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const TypewriterComponent = ({ text, speed = 80, onComplete }) => {
-    const [displayedText, setDisplayedText] = (0, react_1.useState)([]);
-    const displayedTextRef = (0, react_1.useRef)([]);
-    (0, react_1.useEffect)(() => {
-        let timeoutId;
-        let currentIndex = 0;
-        const parts = text.split(/(<\/?span[^>]*>)/g).filter(Boolean);
-        const characters = [];
-        parts.forEach((part, index) => {
-            if (part.startsWith('<span') || part.startsWith('</span')) {
-                const tagMatch = part.match(/<span class="([^"]*)">/);
-                if (tagMatch) {
-                    const className = tagMatch[1];
-                    characters.push((0, jsx_runtime_1.jsx)("span", { className: className }, `span-${index}`));
-                }
-                else {
-                    characters.push((0, jsx_runtime_1.jsx)("span", {}, `span-${index}`));
-                }
-            }
-            else {
-                part.split('').forEach((char, charIndex) => {
-                    characters.push((0, jsx_runtime_1.jsx)("span", { children: char }, `char-${index}-${charIndex}`));
-                });
-            }
-        });
-        currentIndex = 0;
-        const typeNextCharacter = () => {
-            if (currentIndex < characters.length) {
-                displayedTextRef.current = [...displayedTextRef.current, characters[currentIndex]];
-                setDisplayedText([...displayedTextRef.current]);
-                currentIndex++;
-                timeoutId = window.setTimeout(typeNextCharacter, speed);
-            }
-            else if (onComplete) {
-                onComplete();
-            }
-        };
-        displayedTextRef.current = [];
-        setDisplayedText([]);
-        typeNextCharacter();
-        return () => {
-            window.clearTimeout(timeoutId);
-        };
-    }, [text, speed, onComplete]);
-    return (0, jsx_runtime_1.jsx)("div", { children: displayedText });
-};
-exports.default = react_1.default.memo(TypewriterComponent);
-//# sourceMappingURL=TypewriterComponent.js.map

package/src/lib/animations/TypewriterComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TypewriterComponent.js","sourceRoot":"","sources":["../../../../../../packages/laser/src/lib/animations/TypewriterComponent.tsx"],"names":[],"mappings":";;;;AAAA,uDAA2D;AAQ3D,MAAM,mBAAmB,GAAuC,CAAC,EAAE,IAAI,EAAE,KAAK,GAAG,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE;IACnG,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAgB,EAAE,CAAC,CAAC;IACtE,MAAM,gBAAgB,GAAG,IAAA,cAAM,EAAgB,EAAE,CAAC,CAAC;IAEnD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,SAAiB,CAAC;QACtB,IAAI,YAAY,GAAG,CAAC,CAAC;QAErB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAC9D,MAAM,UAAU,GAAkB,EAAE,CAAC;QAErC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC5B,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAC1D,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC;gBACtD,IAAI,QAAQ,EAAE,CAAC;oBACb,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;oBAC9B,UAAU,CAAC,IAAI,CAAC,iCAA4B,SAAS,EAAE,SAAS,IAArC,QAAQ,KAAK,EAAE,CAA+B,CAAC,CAAC;gBAC7E,CAAC;qBAAM,CAAC;oBACN,UAAU,CAAC,IAAI,CAAC,mCAAW,QAAQ,KAAK,EAAE,CAAS,CAAC,CAAC;gBACvD,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE;oBACzC,UAAU,CAAC,IAAI,CAAC,2CAA0C,IAAI,IAAnC,QAAQ,KAAK,IAAI,SAAS,EAAE,CAAe,CAAC,CAAC;gBAC1E,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,YAAY,GAAG,CAAC,CAAC;QAEjB,MAAM,iBAAiB,GAAG,GAAG,EAAE;YAC7B,IAAI,YAAY,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC;gBACrC,gBAAgB,CAAC,OAAO,GAAG,CAAC,GAAG,gBAAgB,CAAC,OAAO,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC;gBACnF,gBAAgB,CAAC,CAAC,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;gBAChD,YAAY,EAAE,CAAC;gBACf,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;YAC1D,CAAC;iBAAM,IAAI,UAAU,EAAE,CAAC;gBACtB,UAAU,EAAE,CAAC;YACf,CAAC;QACH,CAAC,CAAC;QAEF,gBAAgB,CAAC,OAAO,GAAG,EAAE,CAAC;QAC9B,gBAAgB,CAAC,EAAE,CAAC,CAAC;QACrB,iBAAiB,EAAE,CAAC;QAEpB,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;QACjC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IAE9B,OAAO,0CAAM,aAAa,GAAO,CAAC;AACpC,CAAC,CAAC;AAEF,kBAAe,eAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC"}

package/src/lib/constants.d.ts

@@ -1,2 +0,0 @@
-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

@@ -1,6 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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"}