index.ts内のルーティングで類似した処理があるので関数化する

修正予定ルーティング

• /parse
• /parse/json
• /parse/csv

テストツールJestをVitestへ移行し、速度改善を試みる

• 新しくparse/csvやparse/json（例）というルーティングを追加
• アクセスするとHTMLの解析結果を CSV or JSON 形式のファイルでDLできる

現状

現在外部のフロントエンドからAPIを呼び出そうとするとCORSエラーが発生する

対策

CORSエラー回避のため、Honoが用意しているミドルウェアを導入する

参考

CORS Middleware - Hono

理由

• ネストが深く、可読性が低い

対処法

• 関数に分割

• 現在はsrc、href属性等を含めた全属性が取得されているので、idとclassのみを抽出できる機能を追加
• すべての属性、idのみ、classのみ、idとclassのみの4つの取得方法を選択できるように修正

手動でテストを行っているのでGitHubActionsを用いた自動テストを実行するように修正する

npm → Bunへ移行

修正内容

prepareElements.tsのprepareElementAttributes関数のリファクタリング

理由

• テストコードを書きづらい → 実装自体に問題があるのではないかとの発想から

入力欄に入力された値に空白が入っているとエラーになるので修正する必要あり

以下の個所のネストが深いため分割する

// データ行を作成
for (const elementName of Object.keys(data)) {
    const elementData = data[elementName]
    for (const attributes of elementData) {
        for (const [attributeName, attributeValue] of Object.entries(attributes)) {
            const row = [elementName, attributeName, attributeValue]
            rows.push(row.join(','))
        }
    }
}

候補ツール：Biome.js