POC of a Vue.js-based frontend rewrite (served alongside existing Flutter UI)#519
Draft
POC of a Vue.js-based frontend rewrite (served alongside existing Flutter UI)#519
Conversation
Author
|
This is in draft state, blocking on:
|
Vultaire
commented
Jan 12, 2026
Author
Vultaire
left a comment
There was a problem hiding this comment.
Initial self-review completed.
| const monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', | ||
| 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] | ||
| // Use UTC to match Flutter behavior which uses the date components directly | ||
| return `${monthNames[date.getUTCMonth()]} ${date.getUTCDate()}` |
Author
There was a problem hiding this comment.
I "trusted" the LLM with this change when I noted a rendering time delta, but I want to review the Flutter sources here and verify that this is appropriate.
Author
There was a problem hiding this comment.
The JSON simply has a simple string, e.g. "2026-01-12", for due_date values. Loading to a new Date() works, but it shows the date in local time which, for me, ends up being off-by-one. Using the UTC functions does seem like the right way to handle this.
> date = new Date("2026-01-12")
Date Sun Jan 11 2026 16:00:00 GMT-0800 (Pacific Standard Time)
> date.getDate()
11
> date.getUTCDate()
12
01ebc4d to
dd0a9d5
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
NOTE: This is not ready for review! This is a largely vibe-coded POC; the code needs to be properly reviewed and cleaned up before it's ready to be merged, even in its current incomplete form.
Description
This PR (building upon #518) reimplements much of the Flutter UI using Vue.js.
It captures much of the existing UI's functionality for browsing and searching for test runs and issues.
Notable gaps are:
It can be test-driven by running e.g.
podman compose upand connecting to http://localhost/30001/vue_poc/. Note that the trailing / must be there or else it will navigate to the Flutter UI.This addresses the following concerns:
Resolved issues
Documentation
At present this is purely a POC, although a fairly highly functional one. It does not interfere with the existing UI and its existance is not yet widely communicated.
Again, for those that want to test drive the UI, just run
podman compose upto build and spin up the containers locally and then connect to http://localhost/30001/vue_poc/. This is not a concern for normal users of Test Observer and thus I don't think this is a detail that belongs in the main documentation at this time.Web service API changes
No API changes.
Tests
podman compose up