monkeytype/frontend
ademirkan 29b05271de
New Highlighting System (#4448) ademirkan
* put speed above word in input highlight

* updated class name
using class nesting

* put speed below word, added nocursor

* removed unnecessary line

* saving highlight controller progress, started init()

* finished highlight-controller init, middle of highlight()

* fixed highlightContainer padding issue

* buggy implementation of highlight()

* finished highlight() demo

* event listener to call destroy() on window resize

* removed init from public functions

* fixed bug where words could not be hovered for speed highlight

* simplified highlight css & js

* accounted for padding

* buggy, functional implementation of counter-animation

* semi-percise line up, buggy clear()

* official v1.0, fixed highlightPlaceholder text dissapearing late bug

* improved variable name readability

* improved documentation for highlight-controller

* added concise summary on top for highlight-controller

* minor counter-animation performance changes

* fixed bug where word is overtyped but corrected, causing overlapping inputWord elements

* prettier error, removed line

* fixed eslint errors

* fixed bug: highlight persisting on mouseleave when moving too fast

* changed highlight transitions from 0.15s to 0.25s

* fixed eslint bug for new setIsHoverChart function

* checkpoint: introduced line rect to type

* checkpoint: percise inputWord positioning

* checkpoint: highlight width  based on input, not full word

* checkpoint: optimized by reducing animations by setting min/max on highlight offsets, reducing number of lines being animated

* checkpoint: changed highlight offset limiters to be based on window width

* Fixed bugs for highlight-controller

* fixed eslint issues

* fixed length error on resize

* Fixed offset error when heatmap is toggled

* fixed inputWordsContainer animation bug in first highlight call

* uncommented accidental comments

* reduced jQuery calls, improving performance

* removed unnecessary document query

* early exists when highlightRange does not change

* reset highlightRange on destroy

* removed unnecessary import

* optimized callback

* added fade in/out animations, instant positioning

* removed console log

* renamed highlightWords to highlightWordsInRange

* made highlightWordsInRange more readable

* renamed highlight-controller to result-word-highlight

* nonfunctional checkpoint

* nonfunctional, updated highlightWordsInRange

* nonfunctional, saving progress

* nonfuctional, saving progress

* saving progress, nonfunctional

* partially functional, incomplete getHighlightElementPosition

* nonfunctional, checkpoint

* non-functional, made isLanguageRTL + functions async

* fixed returning false I bug (i think)

* current line functional

* lower lines highlight positioning functional

* completed RTL refactor

* finished RTL refactor, eslint fix

* fixed ts, getBoundingRect function put in misc

* removed console log

---------

Co-authored-by: Miodec <jack@monkeytype.com>
2023-07-21 13:38:26 +02:00
..
scripts
src New Highlighting System (#4448) ademirkan 2023-07-21 13:38:26 +02:00
static Added quote (#4462) Hideoka117 2023-07-21 13:07:07 +02:00
webpack changed pattern to fix windows issues 2023-06-22 23:52:58 +02:00
.eslintignore
docker-compose.yaml
firebase.json
gulpfile.js
package-lock.json updated firebase version 2023-07-10 13:01:11 +02:00
package.json updated firebase version 2023-07-10 13:01:11 +02:00
tsconfig.json