Koohii Search but better

Done

• Update favicon and title
• autofocus
• Keyword search
  • Multiple keyword search
  • Frame number search
• Investigate error with searching 域
  • when no story is found?
• range search showing as strange
  • Update keyword search algo to use startsWith instead of includes
• Redo search algo
  • "hair on the head"
  • Implement prepopulate algorithm in XState
  • https://stately.ai/registry/editor/3dff0b0d-9ad3-45c9-942a-a9e286e189b6?machineId=63edce10-3f32-4565-aeb5-4f90a3f283f3&mode=Design
  • Run in node first to test (bun test?)
    • https://bun.sh/docs/cli/test
    • Run in watch mode
  • {subQuery: "hair on the head", type: "keyword"}
• Test every kanji and keyword (copy and paste from keywords.js)
• Uploading stories
  • Have empty state using keywords-rtk-1.20230411b.js
  • Upload to local storage
  • Stories may not have all keywords, so merge stories with keywords-rtk-1.20230411b.js
• Implement ?query= in URL
  • useEffect
• Parse curly braces
  • Example: 贄
  • Link to ?query=贄
• Make keyword bold in story if not already dev
  • Ex. 給
• Adjust algo to have " and , as terminators dev
• Allow unicode references in frame number search dev
• No nested bold tags dev
  • Ex. 岸
• Fix gh issue
• Add search icon design
• Initial state design
• Hide title on search design
• Add notice saying all data stays local design
• Add slant
  • https://koohii-search.netlify.app/?query=%2520%25E9%2580%25B8%25E3%2582%258C%25E3%2582%258B
  • https://fonts.google.com/selection/embed
  • tailwindlabs/tailwindcss#3225 (comment)
• Meta tags
• Fade in initial screen
  • Prevent flash on results when refreshing
• Clear button on search bar
• Fix bevel borders in Chrome/Safari
• Empty state design
• Search and clear icons on search bar design
• Jisho and Koohii links design
• Add animation to exclamation mark
• Add links to Import section
• Make stories upload drag and drop design/dev

Todo

• Host from koohii.inclushe.com
• Improve copy
  • Copy under logo
  • Readme
    • Emojis
    • Like https://github.com/lrorpilla/jidoujisho

Backburner

• Options?
  • Custom fonts?
  • Handle uploading stories
• Grab alternate keywords design/dev
  • https://web.archive.org/web/20100511002740/http://www.tanos.co.uk/jlpt/jlpt1/kanji/
  • Only display alternate keywords, don't use in keyworks to kanji search
• Helper extension?
  • Automatically import stories
  • Add/edit/get user/popular stories?
• Clipboard watcher
  • https://github.com/themoeway/yomitan/blob/55897b2b29e88ffd0c9140d03b9e74c4a94d98bd/ext/js/comm/clipboard-reader.js#L64
  • Requires helper extension
• Google-style/Intellisense keyword autocomplete design/dev
  • Tab to complete
• Dark mode design
• Error state design
  • Show error for failed imports