angelocarasig / terminus

A VNDB Helper

Terminus

About

WIP VNDB Helper. You can try it for yourself here.

Personal project for personal use + some others to eventually elevate to an electron/tauri app with the same Angular front-end.

Currently served as only a webapp.

Current Functionality:

• Searching visual novels
• Viewing profile

Contribution

Contribution is currently locked.

You can request for changes/features etc. by creating an issue with the 'request' label followed by other relevant tags.

If interested in joining as a contributor, easiest is to contact me with your reasons for contributing.

---

Notes

Label values:

1. Playing
2. Finished
3. Stalled
4. Dropped
5. Wishlist
6. Blacklist
7. Voted

++ Unsure:

Anything higher than 7

10: Wishlist-High

12: Wishlist-Low

terminus's Issues

Prevent refresh from updating banner images

Handle errors with toaster service

I would say just go with primeng's toaster service... but look around if there are better/more configurable options...

Logging in update's user even when obtained from localstorage

Should only be obtained when userNovels are updated or a successful call to get user data with GET authInfo or GET user

Service not fetching full amount of user novels

brain monke

Default search results from search modal to be sorted by popularity

Luckily I think this is configurable in the body to return response by a certain order

check vndb api for more

Fix .spec.ts tests

Progress bar with tracking during loading

Options menu

Initial items to include:

• breakpoint size options for book component images
• blur filter for sensitive content
• ability to enter auth key so you can modify ulist
• 0 transition effects option for superusers

Sidebar approach so initial concept has:

• Profile
• Appearance
• Behaviour

Get ngOptimizedImage to stop crying

media queries

title.
do for at least the current modals

Default any questionable content in banner image selection to first option instead

Sourced by fa615d1

:)

search with debounce extension: add pagination in cases with more

Change to ngrx store

an inevitability atp

Search modal fails when image is not defined

Migrate ngx-pagination to primeng pagination

https://primeng.org/paginator

Encryption local storage kvp

Far off in the future, should be useful.

Although technically this isn't much of a requirement, authkey verification is confirmed in /authinfo endpoint already, so storing in local storage shouldn't be an issue. The only vulnerability from here is if someone else actually accesses the local storage of another client's browser.

In any case once this migrates to electron (or Tauri) codebase, this should be ideal

Validate auth token

Image caching service

images take long to render to the user, first time load should try storing in local cache as b64 and subsequent loads should just retrieve from cache based on smth like the vn id

scalability later when porting as an electron app

Adjust colour palettes

Skeletons to images pre-loading

In extension to #8 , add skeletons to book images while they haven't been loaded with skeletons

book component scaler

Define breakpoint style sliders for the size of the book component (used mainly in profile component but eventually later on in bookshelves)

Drafts for both VN modal open and Setting modal designs

luckily already a few modals to reuse, may make it easier atp to move their css definitions into modal styles folder

Draft pngs should be below here as a comment before the issue can be closed:

paginate jump to start of next page

media queries for mobile support

should apply to all modals

Filtering

Along with the usual filter by status, also be able to sort by most recently updated etc

req/res detection

Basically need to figure out how to have some sort of handler that knows when a call is being called and when something is received (should also handle timeout error)

With above, update to include spinner animations both on refresh (profile) and any request-based UI component like search-modal, login, etc.

Modify description to hyperlink instead of remove

https://github.com/angelocarasig/Terminus/blob/d25077d04c8fb8eef3ced810f788b91b0da735b0/src/app/shared/components/search-modal/search-modal.component.ts#L41C2-L46C2

Should be ideally the same as how VNDB works

Clean up imports

Imports should be in this format and seperated with newline:

• Angular dependencies
• rxjs
• environments
• services
• helpers
• other components
• models
• types
• constants

In the case of other modules they should be imported like so:

• Other npm modules
• Icons
• Other modules local (most likely shared)
• Components

heatmap modal

heatmap modal

refresh does not update paginated profile book container

despite async pipe, currently an issue most likely due to using a copy of the array

Landing mobile support

Redesign landing mobile friendly style

Auth key verification on login

Need visual display something went wrong + need re-verification when user is already stashed in localStorage

Change services with signals to behaviourSubjects

A16 psi

Refactor: remove helpers that use promises and move logic to just service

Paginate modal results with better view

Search with debounce time

POST /vn with filter 'search' query should return vn array
Replaces placeholder on search and onClick, should eventually open vn details

Migrate to Bun

its too good

cleanup refactor

This one should consist of the following:

• Rename of bookshelf to library
• Rename landing to auth
• Migrate profile to separate module
• create upper level container that houses each modules main component

Configure environment for dev vs prod

Rely on the beta.vndb for dev and api.vndb for prod

Sidebar menu to different pages

use primeng sidebar its good

stats profile component

Bind to VNDB account

• Google auth
• Bind via API key
• login with google option on start menu

Extend to add support for other login modes (Twitter, Facebook, Discord, etc.)

Issues in component scaling for different screen resolutions

Use observables for all child components that iterate app-book for live updates

Add more metadata to index.html

So URL links work better

Quick peak menu

Should display some quick information of a given VN.
Should be attached to book component for broader support.

Could use primeNG's OverlayPanel to save time

usernovel/novel pipeline

Considerations:

• thumbnail dims to full screen ones (PROFILE BANNER COLLAGE)
• Pre-convert unix timestamp ints to dates (HEATMAP)
• Fill in empty info (i.e. description) (SEARCH MODAL)

Blur screenshots for visual novels not tagged finished

Should be configurable as a behaviour setting

Refactor relevant css with flex to grid setups