typing-game-cli 1.0.0 → 2.0.0

package/dist/app.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { Text, Box, useInput, useStdout } from 'ink';
 import TextInput from 'ink-text-input-2';
 import { Spinner, Alert } from '@inkjs/ui';
+import chalk from 'chalk';
 import Gradient from 'ink-gradient';
 import { proxy, useSnapshot } from 'valtio';
 import random from 'just-random';
@@ -11,6 +12,11 @@ const state = proxy({
   status: 'PAUSED',
   suite: getDefaultSuite(),
   source: null,
+  firstPart: '',
+  highlightedPart: '',
+  erroredPart: '',
+  highlighingColor: 'green',
+  lastPart: '',
   robotText: '',
   userText: '',
   intervalId: null,
@@ -29,6 +35,10 @@ export default function App({
       state.robotText = '';
       state.status = 'RUNNING';
       state.source = random(state.suite.sentences);
+      state.firstPart = '';
+      state.highlightedPart = '';
+      state.erroredPart = '';
+      state.lastPart = state.source;
       state.level = robotLevel || 'medium';
       const interval = setInterval(() => {
         state.robotText += state.source.slice(state.robotText.length, state.robotText.length + 1);
@@ -75,16 +85,21 @@ export default function App({
   }, "y"), ' ', "to start a new round.")), /*#__PURE__*/React.createElement(Box, {
     flexDirection: "column",
     alignItems: "center",
-    justifyContent: "center"
-  }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Alert, {
+    justifyContent: "center",
+    paddingBottom: 1
+  }, /*#__PURE__*/React.createElement(Alert, {
     variant: getStatusVariant(snap.status)
-  }, getMessage(snap.status))))) : /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Box, {
+  }, getMessage(snap.status)))) : /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Box, {
     borderStyle: "single",
     alignItems: "center",
     justifyContent: "center"
   }, /*#__PURE__*/React.createElement(Spinner, null), /*#__PURE__*/React.createElement(Text, null, " Running"))), /*#__PURE__*/React.createElement(Box, {
-    paddingBottom: 1
-  }, /*#__PURE__*/React.createElement(Text, null, snap.source)), /*#__PURE__*/React.createElement(Box, {
+    height: 3,
+    alignItems: "center",
+    paddingBottom: 1,
+    paddingX: 2,
+    flexDirection: "row"
+  }, /*#__PURE__*/React.createElement(Text, null, chalk.bgGreen(snap.firstPart), snap.erroredPart && chalk.bgRed(snap.erroredPart), snap.lastPart)), /*#__PURE__*/React.createElement(Box, {
     alignItems: "center",
     justifyContent: "center"
   }, /*#__PURE__*/React.createElement(Box, {
@@ -94,7 +109,16 @@ export default function App({
   }, isFinished(snap.status) ? /*#__PURE__*/React.createElement(Text, null, snap.userText) : /*#__PURE__*/React.createElement(TextInput, {
     value: snap.userText,
     onChange: value => {
-      state.userText = value;
+      if (snap.source.indexOf(value) === 0) {
+        state.firstPart = value;
+        state.erroredPart = '';
+        state.lastPart = snap.source.slice(value.length);
+        state.userText = value;
+      } else {
+        state.firstPart = snap.userText;
+        state.erroredPart = snap.source.slice(value.length - 1, value.length);
+        state.lastPart = snap.source.slice(value.length);
+      }
     }
   })), /*#__PURE__*/React.createElement(Box, {
     borderStyle: "single",

package/dist/sentences/ambrose-bierce/moxon-s-master.json

@@ -3,7 +3,7 @@
 		"Had it affected his mind? His reply to my question seemed to me then evidence that it had; perhaps I should think differently about it now.",
 		"In an open spot in my garden I planted a climbing vine. When it was barely above the surface I set a stake into the soil a yard away.",
 		"The vine at once made for it, but as it was about to reach it after several days I removed it a few feet. The vine at once altered its course, making an acute angle, and again made for the stake.",
-		"We were speaking, not of plants, but of machines. They may be composed partly of wood  -  wood that has no longer vitality  -  or wholly of metal.",
+		"We were speaking, not of plants, but of machines. They may be composed partly of wood - wood that has no longer vitality - or wholly of metal.",
 		"When soldiers form lines, or hollow squares, you call it reason. When wild geese in flight take the form of a letter V you say instinct.",
 		"I read it thirty years ago. He may have altered it afterward, for anything I know, but in all that time I have been unable to think of a single word that could profitably be changed or added or removed.",
 		"At each recurrence it broadened in meaning and deepened in suggestion. Why, here (I thought) is something upon which to found a philosophy.",

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "typing-game-cli",
 	"description": "Command line game to practice your typing speed",
-	"version": "1.0.0",
+	"version": "2.0.0",
 	"homepage": "https://github.com/akgondber/typing-game-cli",
 	"repository": "akgondber/typing-game-cli",
 	"license": "MIT",
@@ -29,6 +29,7 @@
 	],
 	"dependencies": {
 		"@inkjs/ui": "^1.0.0",
+		"chalk": "^5.3.0",
 		"fdir": "^6.1.1",
 		"ink": "^4.2.0",
 		"ink-gradient": "^3.0.0",
@@ -42,20 +43,19 @@
 		"just-random": "^3.2.0",
 		"meow": "^12.0.1",
 		"react": "^18.2.0",
-		"valtio": "^1.13.0"
+		"valtio": "^1.13.1"
 	},
 	"devDependencies": {
 		"@babel/cli": "^7.22.5",
 		"@babel/preset-react": "^7.22.5",
 		"ava": "^6.1.1",
-		"chalk": "^5.2.0",
 		"eslint-config-xo-react": "^0.27.0",
 		"eslint-plugin-react": "^7.32.2",
 		"eslint-plugin-react-hooks": "^4.6.0",
 		"import-jsx": "^5.0.0",
 		"ink-testing-library": "^3.0.0",
 		"prettier": "^2.8.8",
-		"xo": "^0.54.2"
+		"xo": "^0.57.0"
 	},
 	"ava": {
 		"environmentVariables": {