ma-dino-game 0.1.5 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/build/components/DinoGame/index.d.ts +2 -1
  2. package/build/components/DinoGame/index.d.ts.map +1 -1
  3. package/build/components/DinoGame/index.js +53 -21
  4. package/build/lib.js +10 -2
  5. package/package.json +1 -1
package/build/components/DinoGame/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
+ import React from 'react';
1
2
  import './dino.css';
2
- declare const DinoGame: () => import("react/jsx-runtime").JSX.Element;
3
+ declare const DinoGame: () => React.JSX.Element;
3
4
  export default DinoGame;
4
5
  //# sourceMappingURL=index.d.ts.map
package/build/components/DinoGame/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DinoGame/index.tsx"],"names":[],"mappings":"AACA,OAAO,YAAY,CAAC;AAEpB,QAAA,MAAM,QAAQ,+CAqHb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DinoGame/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,YAAY,CAAC;AAEpB,QAAA,MAAM,QAAQ,yBAqHb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
package/build/components/DinoGame/index.js CHANGED
@@ -1,22 +1,35 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
11
24
  };
12
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- import { useEffect, useRef, useState } from 'react';
14
- import './dino.css';
25
+ Object.defineProperty(exports, "__esModule", { value: true });
26
+ var react_1 = __importStar(require("react"));
27
+ require("./dino.css");
15
28
  var DinoGame = function () {
16
- var dinoRef = useRef(null);
17
- var cactusRef = useRef(null);
18
- var _a = useState(0), score = _a[0], setScore = _a[1];
19
- var _b = useState(false), isJumping = _b[0], setIsJumping = _b[1];
29
+ var dinoRef = (0, react_1.useRef)(null);
30
+ var cactusRef = (0, react_1.useRef)(null);
31
+ var _a = (0, react_1.useState)(0), score = _a[0], setScore = _a[1];
32
+ var _b = (0, react_1.useState)(false), isJumping = _b[0], setIsJumping = _b[1];
20
33
  var gameOver = false;
21
34
  // Jump Logic
22
35
  var jump = function () {
@@ -47,7 +60,7 @@ var DinoGame = function () {
47
60
  }, 20);
48
61
  };
49
62
  // Key listener
50
- useEffect(function () {
63
+ (0, react_1.useEffect)(function () {
51
64
  var handleKey = function (e) {
52
65
  if (e.code === 'Space' || e.code === 'ArrowUp')
53
66
  jump();
@@ -56,7 +69,7 @@ var DinoGame = function () {
56
69
  return function () { return window.removeEventListener('keydown', handleKey); };
57
70
  }, [isJumping, gameOver]);
58
71
  // Collision + Score Logic
59
- useEffect(function () {
72
+ (0, react_1.useEffect)(function () {
60
73
  var interval = setInterval(function () {
61
74
  if (!gameOver && dinoRef.current && cactusRef.current) {
62
75
  var dinoRect = dinoRef.current.getBoundingClientRect();
@@ -75,6 +88,25 @@ var DinoGame = function () {
75
88
  }, 100);
76
89
  return function () { return clearInterval(interval); };
77
90
  }, [gameOver, score]);
78
- return (_jsxs("div", __assign({ className: "game" }, { children: [_jsxs("div", __assign({ className: "mountains" }, { children: [_jsx("div", { className: "mountain mountain1" }), _jsx("div", { className: "mountain mountain2" })] })), _jsx("div", __assign({ className: "bumpy-wrapper" }, { children: _jsx("svg", __assign({ className: "bumpy-svg", viewBox: "0 0 600 100", preserveAspectRatio: "none" }, { children: _jsx("path", { className: "bumpy-path", d: "M0,100 \n L0,80 \n Q30,60 60,80 \n Q90,40 120,80 \n Q150,60 180,70 \n Q210,30 240,80 \n Q270,50 300,70 \n Q330,40 360,80 \n Q390,60 420,70 \n Q450,50 480,80 \n Q510,60 540,70 \n Q570,55 600,80 \n L600,100 Z" }) })) })), _jsx("div", { className: "tree tree1" }), _jsx("div", { className: "tree tree2" }), _jsx("div", { className: "tree tree3" }), _jsx("div", { className: "cloud cloud1" }), _jsx("div", { className: "cloud cloud2" }), _jsx("div", { className: "ground" }), _jsx("div", __assign({ ref: dinoRef, className: "dino" }, { children: _jsx("img", { style: { width: '100%' }, src: "https://img.itch.zone/aW1hZ2UvNTA5MzIwLzI2NDIzNTEucG5n/347x500/kwmG6Z.png" }) })), _jsx("div", __assign({ ref: cactusRef, className: "cactus" }, { children: _jsx("img", { style: { width: '100%' }, src: "https://img.itch.zone/aW1hZ2UvNTA5MzIwLzI2NDIzNTcucG5n/347x500/%2FqbQKf.png" }) })), _jsxs("div", __assign({ className: "score" }, { children: ["Score: ", score] }))] })));
91
+ return (react_1.default.createElement("div", { className: "game" },
92
+ react_1.default.createElement("div", { className: "mountains" },
93
+ react_1.default.createElement("div", { className: "mountain mountain1" }),
94
+ react_1.default.createElement("div", { className: "mountain mountain2" })),
95
+ react_1.default.createElement("div", { className: "bumpy-wrapper" },
96
+ react_1.default.createElement("svg", { className: "bumpy-svg", viewBox: "0 0 600 100", preserveAspectRatio: "none" },
97
+ react_1.default.createElement("path", { className: "bumpy-path", d: "M0,100 \n L0,80 \n Q30,60 60,80 \n Q90,40 120,80 \n Q150,60 180,70 \n Q210,30 240,80 \n Q270,50 300,70 \n Q330,40 360,80 \n Q390,60 420,70 \n Q450,50 480,80 \n Q510,60 540,70 \n Q570,55 600,80 \n L600,100 Z" }))),
98
+ react_1.default.createElement("div", { className: "tree tree1" }),
99
+ react_1.default.createElement("div", { className: "tree tree2" }),
100
+ react_1.default.createElement("div", { className: "tree tree3" }),
101
+ react_1.default.createElement("div", { className: "cloud cloud1" }),
102
+ react_1.default.createElement("div", { className: "cloud cloud2" }),
103
+ react_1.default.createElement("div", { className: "ground" }),
104
+ react_1.default.createElement("div", { ref: dinoRef, className: "dino" },
105
+ react_1.default.createElement("img", { style: { width: '100%' }, src: "https://img.itch.zone/aW1hZ2UvNTA5MzIwLzI2NDIzNTEucG5n/347x500/kwmG6Z.png" })),
106
+ react_1.default.createElement("div", { ref: cactusRef, className: "cactus" },
107
+ react_1.default.createElement("img", { style: { width: '100%' }, src: "https://img.itch.zone/aW1hZ2UvNTA5MzIwLzI2NDIzNTcucG5n/347x500/%2FqbQKf.png" })),
108
+ react_1.default.createElement("div", { className: "score" },
109
+ "Score: ",
110
+ score)));
79
111
  };
80
- export default DinoGame;
112
+ exports.default = DinoGame;
package/build/lib.js CHANGED
@@ -1,2 +1,10 @@
1
- export { default as DinoGame } from './components/DinoGame';
2
- export { default } from './components/DinoGame';
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.default = exports.DinoGame = void 0;
7
+ var DinoGame_1 = require("./components/DinoGame");
8
+ Object.defineProperty(exports, "DinoGame", { enumerable: true, get: function () { return __importDefault(DinoGame_1).default; } });
9
+ var DinoGame_2 = require("./components/DinoGame");
10
+ Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(DinoGame_2).default; } });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ma-dino-game",
3
- "version": "0.1.5",
3
+ "version": "0.1.6",
4
4
  "description": "Dino Game",
5
5
  "main": "build/lib.js",
6
6
  "module": "build/lib.js",