mfbx9da4 / coderacer Goto Github PK

View Code? Open in Web Editor NEW

5.0 2.0 1.0 699 KB

Competitive touch typing for JavaScript programmers

Home Page: https://coderacer.pages.dev/

TypeScript 56.68% JavaScript 2.30% CSS 4.24% HTML 0.69% Svelte 36.09%

touch-typing touch-typing-game multiplayer-game deno svelte sveltekit

coderacer's Introduction

coderacer

Competitive touch typing for JavaScript / Typescript programmers

Play here coderacer.pages.dev

coderacer's People

Contributors

Stargazers

Watchers

Forkers

paoloricciuti

coderacer's Issues

Realistic Key Processing.

It would be better to have to press enter at the end of lines and backspaces for each typo. To not get into the habit of not having to do those things.

Websocket server crashing

I was looking at the code of the websocket server because as mentioned in #4 i was experiencing crashes in a particular situation (i was closing the browser after the new race was created)

looking at the code here

coderacer/deno/src/utils/BroadcastMethods.ts

Lines 39 to 44 in 72d7b1d

 try { 

 const result = await methods[fn](...args) 

 chan.postMessage({ result, requestId }) 

 } catch (error) { 

 chan.postMessage({ error, requestId }) 

 }

if the actual error is on

coderacer/deno/src/utils/BroadcastMethods.ts

Line 41 in 72d7b1d

chan.postMessage({ result, requestId })

it will also fail on line

coderacer/deno/src/utils/BroadcastMethods.ts

Line 43 in 72d7b1d

chan.postMessage({ error, requestId })

it should be a quite simple fix surrounding the second post message with a try catch too (this should at least prevent the server from crashing).

I think deno it's probably restarting every times it crashes and this would prevent this behavior.

If you want i can add a this in #4

Not deteclting backtick on windows

I've tryed playing but got stuck on a backtick despite writing the good character combination to get the backtick in Windows.

I would have tryed to reproduce but i can't choose a specific fragment of code and not every piece of code has the backtick.

The issue is definitely here:

coderacer/sveltekit/src/routes/race.svelte

Lines 162 to 187 in 72d7b1d

  function handleKeyDown(e: KeyboardEvent) { 

  if (phase !== 'playing') return 

  if (!e.metaKey) { 

  e.preventDefault() 

  } 

  const expecting = codeSnippetContent[progress] 

  if (expecting) { 

  if (e.key === expecting) { 

  progress++ 

  if (codeSnippetContent[progress] === '\n') { 

  while (/\s/.test(codeSnippetContent[progress])) { 

  progress++ 

  } 

  } 

  request({ type: 'progress', progress, raceId }) 

  } 

  } 

  } 

  function tryJsonParse(data: string) { 

  try { 

  return JSON.parse(data) 

  } catch { 

  return 

  } 

  }

Handling the keydown event has it's own set of problems. The best solution would be to let the user write in an input (handled by the browser) and use the input event to check for the correctness.

If you want i might try to take a shot at this and open a PR. Let me know.

[feature] Custom snippet

I would like to be able to practice touch typing with some text that I introduce, or I'd give a link to a raw github page and load that text.

mfbx9da4 / coderacer Goto Github PK

coderacer's Introduction

coderacer

coderacer's People

Contributors

Stargazers

Watchers

Forkers

coderacer's Issues

Realistic Key Processing.

Websocket server crashing

Not deteclting backtick on windows

[feature] Custom snippet

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent

	try {
	const result = await methods[fn](...args)
	chan.postMessage({ result, requestId })
	} catch (error) {
	chan.postMessage({ error, requestId })
	}

	function handleKeyDown(e: KeyboardEvent) {
	if (phase !== 'playing') return
	if (!e.metaKey) {
	e.preventDefault()
	}
	const expecting = codeSnippetContent[progress]
	if (expecting) {
	if (e.key === expecting) {
	progress++
	if (codeSnippetContent[progress] === '\n') {
	while (/\s/.test(codeSnippetContent[progress])) {
	progress++
	}
	}
	request({ type: 'progress', progress, raceId })
	}
	}
	}

	function tryJsonParse(data: string) {
	try {
	return JSON.parse(data)
	} catch {
	return
	}
	}