need client Api with Firestore Security Rule about skeet-firestore

[euledge]

検討ありがとうございます。まず少し現在の実装のまま、もう少し使って書き心地を試して、不便そうなところあるか試してみます。

[euledge]

こちら、対応いただいたもので使えそうなのでクローズします。
いつも対応いただきありがとうございます👍

[KishiTheMechanic]

フロントエンドからは、'firebase/firestore'をそのまま使って、コンバーターを差し込んでいますが、これもプラグインに入れたほうが使いやすいでしょうか？

このプラグインはサーバーサイド用としていて、フロントエンドを外していた理由としては、メソッド名が競合しそうだったからです。

adminの方は複雑なのでラッパーが欲しかったのですが、
v9のクライアントからの取得は例えばこのようになっていて、
https://github.com/elsoul/skeet-next/blob/main/src/components/pages/user/chat/ChatBox.tsx#L110C5-L115C43
(このcreateFirestoreDataConverterはsrc/libからのimportなことに気をつけてください)

特別にラッパーを用意しなくても既に使いやすい形だと思っています。

このあたりご意見いただければ嬉しいです🙌

いつもありがとうございます！
引き続きよろしくお願いいたします。

[KishiTheMechanic]

withConverterを毎回つけるのはたしかに少し面倒なので、このあたりは改善できそうです。
その場合、プラグインはフロントエンド用と分けたほうが良いかもしれません。
そうすると、サーバーサイドと同じように例えばadd<Type>(args)というAPIを提供できます。
例えば、'@skeet-framework/firestore-client'
のようなパッケージになるかと思います！

[KishiTheMechanic]

これやってみたんですが、(import { add } from '@skeet-framework/firestore/client' のようにして)
どうやらimportしたnpmパッケージにFirestoreのdbを突っ込むと動作しなくなるみたいです！
同じヘルパー関数をReact内に作って使うと使えます。

なので、作ったヘルパー関数はフロントエンドのlibに突っ込んで使えるようにしておきます！
後ほどテンプレートの方更新しますので、そちらの使い心地を試していただきたいです！

引き続きよろしくお願いいたします！

[KishiTheMechanic]

https://github.com/elsoul/skeet-next/tree/main/src/lib/skeet/firestore/lib

Next.js + Firestoreのテンプレートに、Firestoreのフロントエンド用ヘルパー関数を追加してみました！

使い方は
https://github.com/elsoul/skeet-next/blob/main/src/layouts/user/UserLayout.tsx

このように使えるので、より簡単に取り扱うことができるようになりました🙌

[KishiTheMechanic]

ご確認ありがとうございます！

こちらこそいつもありがとうございます🙌