scrapbox-select-suggestionのファイル構造
選択範囲に似ているリンクを入力補完するUserScriptのファイル構造を調べる
Mijinko_SD.iconが興味のある範囲でしか書いていないので注意
リポジトリ
https://github.com/takker99/scrapbox-select-suggestion
ドキュメント
https://doc.deno.land/https://raw.githubusercontent.com/takker99/scrapbox-select-suggestion/0.6.0/mod.tsx
ファイル構造(v0.6.0)
/
App.tsx
外部開放用API用のインターフェースなどが置かれている
CSS.tsx
JSXの構文で書かれたCSSがそのまま入っている
Candidate.tsx
入力補完候補リストのボタンの描画に関するコード
Completion.tsx
検索・絞り込み・各種コンポーネントを用いたボタン描画の実行を行っている
LICENSE
ライセンス(MIT license)
README.md
説明書的なやつ
UserCSS.tsx
カスタムCSSを適用させるコード
bitDP.ts
あいまい検索をする
debug.ts
cache周りのdebug出力の有効・無効の切り替えを行う
detectURL.test.ts
detectURL.ts
URL文字列をURLに変換する
incrementalSearch.ts
中断可能な検索メソッド
mod.tsx
mod.tsを参照(ページができてなかったらすいません)
reducer.ts
(未調査)
search.ts
一致する候補をしぼりこむ函数
sort.ts
候補を昇順に比較する函数を作る
source.ts
export interface Candidateが入っているだけ
storage.ts
各プロジェクトのリンクデータをDBに保存し、定期的なリンクデータの更新の処理を最小限に押さえている
DBはidbを使用している
usePosition.ts
補完リストの表示位置を計算するhook
useProjectFilter.ts
検索対象のprojectsの設定を読み込むhooks
useSelect.ts
選択状態を切り替えるhook
useSelection.ts
Scrapboxの選択範囲を検知するhook
useSource.ts
補完ソースを提供するhook