Zenn
Open12

aquaproj/aqua-registry を Web で検索したい

Deno
Tailwind CSS
#
aquaclivm
fresh
響響

https://github.com/aquaproj/aqua-registry

aqua は標準で fuzzy finder でパッケージを検索できるけど、Web 上から検索できた方がユーザーにも伝わりそう
全てのユーザーが releases を追ってるとは限らない

響響

検索だけじゃなくて、ランダムにパッケージを表示できるようにすると出会いが広がる
知ってるツールがいつのまにか aqua-registry に追加されることがある

響響
  • /search 検索
  • /random → /packages/:package に飛ばす
  • /packages/:package name, link, description くらいは載せておきたい。GitHub の README を埋め込んでみたり…？
響響

JSX も React も初めてなのでよく分からない

響響

import map の扱いについて

fresh では import map を使うことを推奨しているけど、これをどう書くのがいいかという話。
公式の例[1][2][3]を見るかぎり、以下のルールで設定するとよさそう。

  • deno.land からインポートしてるモジュールの場合: $から始める ($fresh, $std など)
  • esm.sh からインポートしている (もともとnpmのモジュール) 場合: モジュール名そのまま (preact, fzfなど)
  • ローカルのファイルの場合: @ から始める (@twind, @/utils/foo.tsなど)
脚注

  1. https://github.com/denoland/fresh/blob/main/www/import_map.json ↩︎

  2. https://github.com/denoland/dotland/blob/main/import_map.json ↩︎

  3. https://github.com/denoland/merch/blob/main/import_map.json ↩︎

響響

/package/:name* で今後やりたいこと

  • <title> タグをつける
  • その他 OGP の設定
  • supported_envs をテーブル状に表示する
響響
  • ヘッダー・フッターの実装
    GitHub とトップページ、 公式へのリンクを載せておきたい
  • 404・500 ページの実装
    fresh の次のバージョンに含まれるはずの ctx.renderNotFound() がないといけないので保留