yamamoto-yuta/csv2md-shortcut

Yuta YAMAMOTO

csv2md-shortcut's Issues

host_permission を変更する

今だと任意サイトでのテキスト変換を可能にするために下記の設定を入れている:

    "host_permissions": [
      "https://*/*"
    ],

ただ、これだと「この Chrome 拡張機能が任意のサイトへアクセスすることを許可する」ことになり、権限過剰で審査が通らない可能性が高い。

参考: Chrome拡張機能のホスト権限とは？削除する方法は？

今回の場合、 permission に activeTab を追加するのが適切と思われる（今開いているタブでしか使わないはずなので）

クリップボード追加完了時にその旨を表示する

Chakura UI の Toast が良さそう。

Toast - Chakra UI

下記のようなテキストを出したい。

Finish conversion!
Ctrl/Cmd + V to paste converted text.

ライブラリのインストールは普通に npm install で行える。

参考: https://yamamoto-yuta.github.io/articles/18

Toast が既存要素に隠れるケースがある

Chakra UI を依存から外す

CSS だけで十分いけることが分かったため。

今回くらいの規模だったら CSS Playground で調整して実装すれば十分

https://playcode.io/css

Chrome Web Store へ自動リリースするようにする

参考: https://zenn.dev/nado1001/articles/plasmo-browser-extension#chrome-web-store%E3%81%B8%E8%87%AA%E5%8B%95%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4%E3%81%99%E3%82%8B

自動リリースの仕組みを入れる

参考: https://github.com/yamamoto-yuta/slack-deck/blob/main/.github/workflows/release.yml

Plasmo のバージョンを9.8.0へ上げる

原因を調査したところpnpm packageのみではzipファイルが生成されず直前にpnpm buildを実行することでzipファイルが生成されるようになりました。
〜〜（中略）〜〜
私が使用しているPlasmoのバージョンが少し古かったことが原因でした。
最新のバージョンでは解消されているようです。
https://zenn.dev/nado1001/articles/plasmo-browser-extension#browser-platform-publisher%E3%81%AE%E5%AE%9F%E8%A1%8C

popup を整える

使い方を popup で出すのが良さそう。

使い方:

• CSV のテキストを選択して Ctrl/Cmd + j すると Markdown Table に変換されたテキストがクリップボードに入るので、 Ctrl/Cmd + V でペーストして使用する
• Markdown Table を選択して Ctrl/Cmd + j すると CSV に変換されたテキストがクリップボードに入るので、 Ctrl/Cmd + V でペーストして使用する
• それ以外で Ctrl/Cmd + j すると空の Markdown Table がクリップボードに入るので、 Ctrl/Cmd + V でペーストして使用する

popup でテキストエリアが空の時に Markdown Table のひな型がクリップボードに入らない

popup でも変換できるようにする

ブラウザ以外のエディタでもサクッと使いたいので。

CSV <--> Markdown Table の変換処理のリファクタリング

popup の HowToUse を Chakra UI で作り直す

後々、オプション対応などを実装しやすくするために Chakra UI を使いたいため。

v0.1.0リリース準備

• README を外部公開できる状態へ整える
• Chrome Web Store の掲載情報を記載する
• 自動リリースの仕組みを入れる

デフォルトの Markdown Table を変更可能にする

Toast の CSS を別ファイルに分ける

これで CSS 読み込めることが分かったので。

import "./style.scss"

https://github.com/yamamoto-yuta/csv2md-shortcut/blob/develop/popup/index.tsx#L1

HowToUseのキーボードショートカットを直す

• popup
• ストアのスクリーンショット

permission から activeTab を消す

Content Script を使う時点でどのみち <all_urls> に設定しないといけないことがわかり、無駄に permission をつけてしまうことになるため（activeTab が有効なのは Service Worker を利用するケースっぽい）。

参考: Chrome Extensions: The activeTab permission - Chrome Developers

そして <all_urls> でもストア審査通りそうなことが分かったため。

一例: https://github.com/onozaty/chrome-shortcutkey2url/blob/master/src/manifest.json

Markdown Table のカラム幅を合わせるオプションを付ける

| aa | b |
| --- | --- |
| c | d |

ではなく

| aa  | b   |
| --- | --- |
| c   | d   |

するやつ

ショートカットキーを変更可能にする

Toast の表示/非表示設定を追加する

Mac だと popup の範囲選択用 span が微妙な感じになっているので直す

Windows	Mac

Toast を Chakra UI で作り直す

Content Scripts UI がなぜか Chakra UI に反応してくれないため

https://docs.plasmo.com/framework/content-scripts-ui

permission を activeTab で何とかできないか試す

やっぱり広範囲なホスト権限は審査が通りにくいため…

関連Issue:

• #12
• #17

Plasmoのバージョンを上げる

原因を調査したところpnpm packageのみではzipファイルが生成されず直前にpnpm buildを実行することでzipファイルが生成されるようになりました。
〜〜（中略）〜〜
私が使用しているPlasmoのバージョンが少し古かったことが原因でした。
最新のバージョンでは解消されているようです。
https://zenn.dev/nado1001/articles/plasmo-browser-extension#browser-platform-publisher%E3%81%AE%E5%AE%9F%E8%A1%8C