azu / hatebupwa

Hatena Bookmark search app.

hatebupwa

Hatena Bookmark search app.

Feature

• Search your hatena bookmark
• Fetch difference bookmark automatically
• Support offline search
  • Safari 11.3+, Chrome, Firefox and MSEdge etc...
• Work as HomeScreen app

Usage

1. Open https://hatebupwa.netlify.app/
2. Input hatena user name
3. Search

For asocial-bookmark user

1. Open https://hatebupwa.netlify.app/
2. Input https://your-bookmark.example.com/index.json to hatenagit user name
   • Support root index.json file as user name
3. Search

Install as App

• iOS: "Add HomesScreen" on https://hatebupwa.netlify.app/
• Android: "Add HomeScreen" on https://hatebupwa.netlify.app/
• mac: Download from https://github.com/azu/hatebupwa/releases/latest
• other platform: Run following commands:

git clone https://github.com/azu/hatebupwa
cd hatebupwa
yarn
yarn run pacakge
# generate https://github.com/jiahaog/nativefier based app

Architecture

Routing

• /
  • Start
• /home/
  • start_url of HomeScreen app
  • Redirect to last used session
• /user/:name
  • Set user to session

hatebupwa's Issues

CSS: hide scrollbar

This scrollbar affect view port width.
It is a jank.

Task

• Always show scrollbar or hide scrollbar

Filter: support enter to filter again

Enter: do filter function

It aim to re-filter after update list manually.

Tasks

• Add onEnter to

  hatebupwa/src/component/HatebuSearchList/HatebuSearchList.tsx

  Line 122 in 6a67ac5

  <TextField

Reset inputed filter words on visible.

Reset inputed filter words on visible.
It is a bug.

perf: default list limitation of count

Currentlly, the app has not define limitation when no filter input.
We should add display limitation like 1000.
It will make more fast to show default list.

case-insensitive search

Currently, app has provided case-sensitive seearch.
We want to change it case-insensitive search.

Tasks

• Change the logic

https://github.com/azu/hatebupwa/blob/6f417b97e333a1d71d326f3bd529ddf45638567b/src/domain/Hatebu/BookmarkSearch.ts

Future

Should we provide more custom search like - operator?
Or, provide RegExp pattern match.

mac: content focus first

#1 is related.

nativefier does not focus on content.
So, we can not focus textarea at first.

We need to create custom electron app.

Should not request when the device is offline

We should not request to /hatebu when the device is offline.

Todo

• Add network statsu to AppSession
• Reqeust UseCase use the network status of AppSession

Priory Art

• https://github.com/azu/faao/blob/c39dec41e891ccc56207890089158300d2d2a5b6/src/component/container/ObserverContainer/ObserverContainer.tsx
• https://github.com/azu/faao/blob/master/src/domain/App/AppNetwork.ts

CSS: wider button width

Firefox ESR.