bryanlundberg/nexustimer

Nexus Timer is a powerful unopinionated, minimalist training tool for SpeedCubing.

nexustimer's Issues

manual mode

Manual mode is an addition, allowing users the flexibility to run their sessions using external timers, such as a stackmat.

1. Need an input component

2. Logic saving times

Input Test Cases:

Entering "50" should convert to "0.50."
Entering "95" should convert to "0.95."
Entering "500" should convert to "5.00."
Entering "950" should convert to "9.50."
Entering "6138" should convert to "1:01.38."
Entering "5000" should convert to "50.00."
Entering "9500" should convert to "1:35.00."
Entering "135000" should convert to "1:35:00."
Entering "34292" should convert to "3:42.92."
Entering "69344" should convert to "7:33.44."

By implementing this change, we aim to ensure that users, including those with accessibility needs, can easily and accurately input times in the desired format.

LineCharter.tsx generating duplicated list

Incorporate an Icon for Select Inputs

We need to include an icon that clearly indicates the input is a selection.

this one would be fine

Organizing component overload

Our project contains too much spaghetti code, which hinders the full potential of Next.js and server components because we use the "use client" tag too early in pages due to the use of useState and useEffect. We need to improve organization and reduce components to its smallest size. Here's how to do it:

• Make a new issue related to the component you want to tidy up. Explain what needs fixing.
• When you are ready, create a pull request (PR) to implement the changes.

You can create a folder if you think can improve organization of the component.

If you are concerned about prop drilling, consider using Zustand to create a global state. It can help simplify data sharing across components. #72

Incorrect behavior with spacebar

Currently, there is an issue with the timer. When a user stop the time and continues pressing the spacebar, the timer sets ready unintentionally for the next solve.

The expected behavior should be release the spacebar before proceeding to the next solve.

Multi theme support

Allows users to customize the look and feel of their digital experience by selecting from a variety of pre-designed themes or creating their own unique themes, enhancing personalization and user engagement.

Add error handler using "import"

Adding error handling for situations when the input file contains incorrect data. For now, a simple user alert should be sufficient and return the function before replace the localStorage.

Use Redux toolkit or Context API for state management

Currently .. prop drilling is messy

modal before delete cube

Create a confirmation modal that informs users of the number of solves to be deleted when they confirm the cube deletion. This action could potentially impact their personal best times.

Timer starts unintentionally in mobile version

Issue: The timer starts when you tap the buttons, contrary to the expected behavior.

To recreate the problem:

• Open the mobile version in developer tools (allows you use touch event).

In timer settings:

• Turn on "Show quick action buttons."
• Turn off "Hold to start."

28d39f442888f7ac1216abc8f0f79103.mp4

A potential solution would be to assign an ID or reference to the quick action buttons component container. Then, in the timer logic, ensure that you are not tapping that element to avoid unintended timer activation.

Pending SQ1 & Megaminx scrambles

Need an algorithms to generate SQ-1 and Megaminx scrambles

Expected output:

SQ1 -> (-5,0)/ (0,3)/ (3,0)/ (2,-4)/ (-2,-5)/ (5,-1)/ (-2,0)/ (0,-3)/ (0,-2)/ (6,0)/ (0,-1)/ (0,-5)/ (2,-2)/

Megaminx ->
R++ D-- R-- D++ R-- D++ R++ D-- R-- D-- U'
R++ D-- R-- D-- R++ D-- R-- D-- R++ D++ U
R++ D-- R-- D-- R-- D-- R++ D-- R-- D++ U
R++ D++ R++ D++ R++ D++ R-- D-- R++ D-- U'
R-- D++ R++ D-- R++ D-- R++ D++ R++ D-- U'
R++ D++ R-- D-- R++ D-- R-- D-- R++ D-- U'
R-- D++ R++ D++ R++ D++ R++ D-- R-- D++ U

Enhance solve modal date section

We can enhance the date by adding an icon and including the hour of the solve.

Implement "hide time while solving" feature

If "Hide time while solving" is enabled:

Time should be replaced with a nice message: Solving

Improving modal accessibility for close actions

We need to do the process of closing modals easier for a better user experience.

Click outside should close the modal.

SolveModal:

CreateModal:

Close Settings by Clicking Anywhere Outside

On large screens, the settings can currently only be toggled using the dedicated button. How about enhancing user experience by allowing closure of the settings when clicking anywhere outside the settings interface

Alert user to provide a cube name for saving

When a user attempts to edit a cube in the modal, and the cube name field is left empty, there should be a user-friendly alert to prompt them to provide a name before proceeding.

Creating a cube has one:

Add touch support for mobile devices

Users dont have access to start / stop the timer from mobile devices.

Design a new user interface for the "deletion confirmation modal" for cubes.

This proposal is open to adjustments and improvements in various aspects such as sizes, colors, transitions, hover effects, section variations, and overall design to achieve the best possible results.

• It's essential to ensure responsiveness.
• If possible, consider isolating the "modal" into a new component.

current:

new:

Show quick action buttons even when the feature is disabled

The timer displays quick action buttons in manual mode, regardless of whether the feature is active or disabled.

Metrics become 0

If you search a cube in cubes section with 0 coincidences and the go to metrics page, state of cube is empty.

Hide everything on screen while solving

UX can be improved by hiding all on-screen distractions, leaving only the running time visible.

Nextjs v13.5.5 error

Since dependent bot updated from 13.4.19 to 13.5.5 throwing an error at dev mode and at build

 ✓ Compiled /stats/page in 2.9s (1957 modules)
 ⨯ TypeError: responseHeaders.getSetCookie is not a function
    at new ResponseCookies (webpack-internal:///(app-metadata-route)/./node_modules/next/dist/compiled/@edge-runtime/cookies/index.js:213:47)
    at new NextResponse (webpack-internal:///(app-metadata-route)/./node_modules/next/dist/server/web/spec-extension/response.js:40:22)
    at GET (webpack-internal:///(app-metadata-route)/./node_modules/next/dist/build/webpack/loaders/next-metadata-route-loader.js?page=%2Ffavicon.ico%2Froute&isDynamic=0!./src/app/favicon.ico?__next_metadata_route__:15:10)
    at C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\compiled\next-server\app-route.runtime.dev.js:6:62505
    at C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\server\lib\trace\tracer.js:121:36
    at NoopContextManager.with (C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\compiled\@opentelemetry\api\index.js:1:7057)
    at ContextAPI.with (C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\compiled\@opentelemetry\api\index.js:1:516)
    at NoopTracer.startActiveSpan (C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\compiled\@opentelemetry\api\index.js:1:18086)
    at ProxyTracer.startActiveSpan (C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\compiled\@opentelemetry\api\index.js:1:18847)
    at C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\server\lib\trace\tracer.js:110:107
    at NoopContextManager.with (C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\compiled\@opentelemetry\api\index.js:1:7057)
    at ContextAPI.with (C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\compiled\@opentelemetry\api\index.js:1:516)
    at NextTracerImpl.trace (C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\server\lib\trace\tracer.js:110:32)
    at C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\compiled\next-server\app-route.runtime.dev.js:6:56147
    at AsyncLocalStorage.run (node:async_hooks:330:14)
    at Object.wrap (C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\compiled\next-server\app-route.runtime.dev.js:6:37057)
    at C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\compiled\next-server\app-route.runtime.dev.js:6:53934
    at AsyncLocalStorage.run (node:async_hooks:330:14)
    at Object.wrap (C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\compiled\next-server\app-route.runtime.dev.js:6:36635)
    at C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\compiled\next-server\app-route.runtime.dev.js:6:53896
    at AsyncLocalStorage.run (node:async_hooks:330:14)
    at eD.execute (C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\compiled\next-server\app-route.runtime.dev.js:6:53870)
    at eD.handle (C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\compiled\next-server\app-route.runtime.dev.js:6:63748)
    at doRender (C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\server\base-server.js:1217:56)
    at cacheEntry.responseCache.get.incrementalCache.incrementalCache (C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\server\base-server.js:1446:34)      
    at ResponseCache.get (C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\server\response-cache\index.js:53:26)
    at DevServer.renderToResponseWithComponentsImpl (C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\server\base-server.js:1361:53)
    at C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\server\base-server.js:903:121
    at NextTracerImpl.trace (C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\server\lib\trace\tracer.js:94:20)
    at DevServer.renderToResponseWithComponents (C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\server\base-server.js:903:41)
    at DevServer.renderPageComponent (C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\server\base-server.js:1600:35)
    at async DevServer.renderToResponseImpl (C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\server\base-server.js:1638:32)
    at async DevServer.pipeImpl (C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\server\base-server.js:826:25)
    at async DevServer.handleCatchallRenderRequest (C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\server\next-server.js:623:13)
    at async DevServer.handleRequestImpl (C:\Users\bryan\Documents\workspace\NexusTimer\node_modules\next\dist\server\base-server.js:728:17)

Solution lower down nextjs to v13.5.1, there is not happening

Hide navbar while is solving

We need to hide the navigation bar during the solving process, as it has been broken since the recent project restructuring.

ea4ee2c2647ff34bb04a6c189f754ea5.mp4

Improve times readability

Need a function to convert time and improve user readability for big cubes example 93.03s to 1:33.03

Implement zoom functionality for graphs

We currently lack the ability to zoom in and out on lineal graphs within our application. Ubication: (Metrics/Category)

Timer starting even if no cube selected

Scramble do not show when solve is opened twice

In /solves page, when a solve is opened twice in a row the scramble image is not shown on the second time

Add Data Validation using the 'Import' feature

File: importDataFromFile.ts has everything needed to handle error using import feature.

Now, it is necessary to finish it, there is a function inside isValidCubesData(), which should return 'true' or 'false' based on whether all the data in the imported .txt file complies with our designated data structure.

Improve Spanish definition mixed with English

In the file src/app/translations, at line 1212, the definition is mixed with English.

Inaccurate pyramid image representation

Need create a new image

current pyramid 2x2:

correct pyramid 3x3:

Include WCA regulations

https://www.worldcubeassociation.org/regulations/

Create a toast component for alerts

We are looking to design and create a toast component that integrates with our current style and enhances it.

Mobile position:

Tablet or desktop computer with reasonable width dimensions:

Here are the revised points:

• The toast should automatically disappear after 5 seconds.
• There should be an animation indicating the remaining time.
• Note that implementing it in the UI is not required at this stage, as triggers have not been developed yet.
• Need a close button X
• This toast component will serve various purposes, including alerting users about the best time, best average, unlocking new titles, cube deletions, and solve deletions, etc (Think about it).

Best design wins, we have time until create the triggers.

CSS Fix Required for modal displaying solve details

The current modal displaying solve details is not covering the screen properly, and this issue persists in both desktop and mobile views. The blur only covers half of the name

Session statistics calculation

Main Timer should be calculated by overall session-category, and not session-cube.

archive unique solves

Right now its not possible archive single solves, need an extra option. To move the solve from session-solves to all-time-solves.

Add cube inspection feature

Enhance the timer with an optional 15-second cube inspection countdown, along with a +2 penalty for exceeding the inspection time, offering users a more realistic and competitive practice environment.

Inaccurate "best time" rendering

The "Best" statistic is not accurately reflecting the lowest time; it should consistently display the lowest recorded time.

8ea88f3e3a6a60e8179a233b1da21fcd.mp4

Pending megaminx cube

The Megaminx option is not in the current category list and is an official WCA category

Synchronize the selected cube after deleting it

If you've chosen the "X" cube and decide to delete it, it remains selected on the Timer page. It should be reset to a null state until you select a new cube just in case you deleted the selected cube.

Improve navbar active icon

Currently icons are type outline. I would like get a better effect switching to type solid when we are in the current page.

Heroicons

I facilitate the searching of the icons, their names are:

• clock
• square-3
• chart-bar
• squares-plus

Implement active tabs in navbar

Default color: neutral-400
Active tab: neutral-100

remove bg's

Time Display Formatting

We got a new function for formatting time in a nice way. As a result, we need update all existing components to utilize this function before rendering.

• Timer (desviation, mean, best, ao5 - ao100)
• Solves (session / all, solve modal)
• Metrics (Last activity, all category statistics...)

formatTime.ts

Custom Time Formatting for Line Chart Statistics

We need to verify in the lightweight-charts documentation if it's possible to pass a custom formatting function as a parameter.

LineCharter.tsx

formatTime.ts

Error using scrambles for 333 OH

It appears that the ID for loading scramble 333 OH is incorrect.

Not editable modal options

The Modal for editing a cube:

• "Category" should not be editable, only the name.

Changing the category from, for example, a 2x2 cube to a 7x7 cube can lead to skewed statistics. It's important to note that solves on a 2x2 cube are typically faster than those on a 7x7 cube. Therefore, altering the category may result in inaccurate best times, averages, and other statistical data.

This is not a bug; it's a deliberate design choice to ensure the integrity of your solving data.

Show error response if name is empty while adding cube

currently users are unaware why aren't they able to add cube after selecting cube type

Feature Import / Export user data

We need to enhance the user experience by adding a feature in the menu settings that facilitates the export and import of user data. This feature will be especially valuable until we implement backend solutions for data management.

Improve current language translations

This issue is dedicated to improving language translations for our project. We need to either add new translations for missing languages or fix existing translations that may have errors or inconsistencies.

Its important for me reach a closer meaning but related to the thematic if that involve the use of other words

Add shortcut to cube selection

In case you click cube details redirect to timer page and also set the selected cube with the previously clicked, should not be trigger with the edit column.

Manual mode negative numbers

The timer should not accept negative values, as dates can not be negative.