Tidy Tab

A powerful VS Code extension for sorting and organizing editor tabs with keyboard shortcuts and customizable favorites.

Features

🎯 Quick Sort

Sort your tabs instantly by:

• Name (A→Z or Z→A)
• Modified Date (Newest or Oldest first)
• File Type (Group by extension)
• File Size (Largest or Smallest first)

⚡ Keyboard Shortcuts

Execute your favorite sorts with a single keystroke:

• Ctrl+1 (Mac: Cmd+1) - Execute first favorite sort
• Ctrl+2 (Mac: Cmd+2) - Execute second favorite sort
• Ctrl+3 (Mac: Cmd+3) - Execute third favorite sort
• Ctrl+Alt+S (Mac: Cmd+Alt+S) - Open sort menu

💎 Favorite Sorts

• Save unlimited favorite sort combinations
• Add custom icons to favorites
• Top 3 favorites get keyboard shortcuts automatically
• Multi-level sorting (combine up to 3 conditions)

🎨 Beautiful Sidebar

Manage everything from an elegant sidebar panel:

• One-click access to quick sorts
• Create, edit, and delete favorites
• Customize file type priority
• Enable/disable sort options

📱 Responsive Design

• Compact list design optimized for productivity
• VS Code native Codicons
• Smooth animations and transitions

Installation

1. Open VS Code
2. Press Ctrl+P (Mac: Cmd+P)
3. Type ext install tidy-tab
4. Press Enter

Or search for "Tidy Tab" in the Extensions view (Ctrl+Shift+X / Mac: Cmd+Shift+X).

Usage

Quick Sorting

1. Open the sidebar by clicking the ⭐ icon in the activity bar
2. Click any Quick Sort button (Name, Date, Type, Size)
3. Your tabs are instantly organized!

Creating Your First Favorite

1. Click + Add Favorite in the sidebar
2. Enter a name (e.g., "My Workflow")
3. Choose an icon (⭐ 🔥 ⚡ 🎯 💎 📝)
4. Select sort conditions:
   • Primary: Type (Group by extension)
   • Secondary: Name (A→Z)
5. Click Save

Now press Ctrl+1 (Mac: Cmd+1) to execute this favorite instantly!

Editing Favorites

• Click the ✎ icon on any favorite
• Modify name, icon, or conditions
• Click Update to save changes
• Click ✎ again to cancel editing

Keyboard Shortcuts

Command	Windows/Linux	Mac
Open Sort Menu	Ctrl+Alt+S	Cmd+Alt+S
Quick Sort 1	Ctrl+1	Cmd+1
Quick Sort 2	Ctrl+2	Cmd+2
Quick Sort 3	Ctrl+3	Cmd+3

Configuration

File Type Priority

Set which file extensions appear first when sorting by type:

1. Open sidebar
2. Expand Settings
3. Use File Type Priority section
4. Add extensions (e.g., .ts, .js, .css)
5. Reorder using ↑↓ buttons

Example: Make TypeScript files appear before JavaScript files:

1. .ts
2. .js
3. .css
4. .html

Enable/Disable Sort Options

Choose which sort options appear in Quick Sort and the sort menu:

1. Open sidebar
2. Expand Settings
3. Toggle options in Enabled Options:
   • Name A→Z / Name Z→A
   • Date Newest / Date Oldest
   • Type / Size

Use Cases

Frontend Development

Create favorite: Type → Name

• Groups components, styles, and tests together
• Easy to find files by type and name

Bug Fixing

Create favorite: Date (Newest) → Type

• See recent changes organized by file type
• Quickly identify modified files

Code Cleanup

Create favorite: Date (Oldest) → Size

• Find old, large files that need attention
• Perfect for refactoring sessions

Multi-Language Projects

Set file type priority: .ts, .tsx, .js, .jsx

• TypeScript files appear first
• Followed by JavaScript files

Tips

Quick Access

• Your top 3 favorites automatically get keyboard shortcuts (Ctrl+1,2,3)
• Reorder favorites by dragging to change shortcut assignments

Editing Mode

• Click ✎ on a favorite to edit
• Click ✎ again to cancel without saving
• Changes are saved only when you click Update

Multi-Level Sorting

Combine up to 3 sort conditions:

1. Primary: Type (groups files by extension)
2. Secondary: Date (sorts within each group by date)
3. Tertiary: Name (final sorting by name)

Context Menus

Right-click on items for quick actions:

Favorites:

• Edit favorite
• Delete favorite
• Execute sort

Quick Sort Buttons:

• Execute sort

Troubleshooting

Tabs not sorting

1. Make sure you have tabs open in the active editor group
2. Reload VS Code window (Ctrl+R / Mac: Cmd+R)

Keyboard shortcuts not working

1. Check for conflicting keybindings in VS Code settings
2. Ctrl+1,2,3 require the editor to have focus
3. Try Ctrl+Alt+S to open the sort menu instead

Favorites not saving

1. Check VS Code settings are writable
2. Reload VS Code window (Ctrl+R / Mac: Cmd+R)

Settings panel not opening

1. Click the ▶ arrow next to Settings
2. Panel opens instantly without animation

Known Limitations

• Only sorts the active tab group (not all tab groups)
• Slight visual flicker during sorting (VS Code API limitation)
• Maximum 3 keyboard shortcuts for favorites (Ctrl+1,2,3)

Contributing

Contributions are welcome! Please feel free to submit issues and pull requests on GitHub.

License

MIT

Support

If you encounter any problems or have suggestions, please file an issue on GitHub.

---

日本語版 (Japanese)

VS Codeのエディタタブをソート・整理するための強力な拡張機能。キーボードショートカットとカスタマイズ可能なお気に入り機能付き。

機能

🎯 クイックソート

タブを瞬時にソート:

• 名前 (A→Z または Z→A)
• 更新日時 (新しい順 または 古い順)
• ファイルタイプ (拡張子でグループ化)
• ファイルサイズ (大きい順 または 小さい順)

⚡ キーボードショートカット

お気に入りのソートをワンキーで実行:

• Ctrl+1 (Mac: Cmd+1) - お気に入り1を実行
• Ctrl+2 (Mac: Cmd+2) - お気に入り2を実行
• Ctrl+3 (Mac: Cmd+3) - お気に入り3を実行
• Ctrl+Alt+S (Mac: Cmd+Alt+S) - ソートメニューを開く

💎 お気に入りソート

• 無制限のお気に入りソート組み合わせを保存
• お気に入りにカスタムアイコンを追加
• 上位3つのお気に入りに自動的にキーボードショートカット割り当て
• 多段階ソート（最大3つの条件を組み合わせ）

🎨 美しいサイドバー

エレガントなサイドバーパネルですべてを管理:

• クイックソートへのワンクリックアクセス
• お気に入りの作成、編集、削除
• ファイルタイプの優先順位カスタマイズ
• ソートオプションの有効化/無効化

📱 レスポンシブデザイン

• 生産性のために最適化されたコンパクトリストデザイン
• VS Codeネイティブのコディコン使用
• スムーズなアニメーションとトランジション

インストール

1. VS Codeを開く
2. Ctrl+P (Mac: Cmd+P) を押す
3. ext install tidy-tab と入力
4. Enterを押す

または拡張機能ビュー (Ctrl+Shift+X / Mac: Cmd+Shift+X) で「Tidy Tab」を検索。

使い方

クイックソート

1. アクティビティバーの ⭐ アイコンをクリックしてサイドバーを開く
2. クイックソートボタン（名前、日付、タイプ、サイズ）をクリック
3. タブが即座に整理されます！

最初のお気に入りを作成

1. サイドバーの + Add Favorite をクリック
2. 名前を入力（例: 「マイワークフロー」）
3. アイコンを選択（⭐ 🔥 ⚡ 🎯 💎 📝）
4. ソート条件を選択:
   • 第1条件: タイプ（拡張子でグループ化）
   • 第2条件: 名前（A→Z）
5. Save をクリック

これで Ctrl+1 (Mac: Cmd+1) を押すだけでこのお気に入りを即座に実行できます！

お気に入りの編集

• 各お気に入りの ✎ アイコンをクリック
• 名前、アイコン、または条件を変更
• Update をクリックして変更を保存
• もう一度 ✎ をクリックして編集をキャンセル

キーボードショートカット

コマンド	Windows/Linux	Mac
ソートメニューを開く	Ctrl+Alt+S	Cmd+Alt+S
クイックソート 1	Ctrl+1	Cmd+1
クイックソート 2	Ctrl+2	Cmd+2
クイックソート 3	Ctrl+3	Cmd+3

設定

ファイルタイプの優先順位

タイプでソートする際に、どの拡張子を最初に表示するか設定:

1. サイドバーを開く
2. Settings を展開
3. File Type Priority セクションを使用
4. 拡張子を追加（例: .ts, .js, .css）
5. ↑↓ボタンで並び替え

例: TypeScriptファイルをJavaScriptファイルより前に表示:

1. .ts
2. .js
3. .css
4. .html

ソートオプションの有効化/無効化

クイックソートとソートメニューに表示するオプションを選択:

1. サイドバーを開く
2. Settings を展開
3. Enabled Options でオプションを切り替え:
   • Name A→Z / Name Z→A
   • Date Newest / Date Oldest
   • Type / Size

使用例

フロントエンド開発

お気に入り作成: タイプ → 名前

• コンポーネント、スタイル、テストをまとめてグループ化
• タイプと名前でファイルを簡単に検索

バグ修正

お気に入り作成: 日付（新しい順）→ タイプ

• 最近の変更をファイルタイプ別に表示
• 変更されたファイルを素早く特定

コード整理

お気に入り作成: 日付（古い順）→ サイズ

• 長い間触っていない大きなファイルを検索
• リファクタリングセッションに最適

多言語プロジェクト

ファイルタイプ優先順位を設定: .ts, .tsx, .js, .jsx

• TypeScriptファイルが最初に表示
• その後にJavaScriptファイル

ヒント

素早くアクセス

• 上位3つのお気に入りに自動的にキーボードショートカット (Ctrl+1,2,3) が割り当てられます
• お気に入りをドラッグして並び替え、ショートカット割り当てを変更できます

編集モード

• お気に入りの ✎ をクリックして編集
• もう一度 ✎ をクリックして保存せずにキャンセル
• Update をクリックした時のみ変更が保存されます

多段階ソート

最大3つのソート条件を組み合わせ:

1. 第1条件: タイプ（拡張子でファイルをグループ化）
2. 第2条件: 日付（各グループ内を日付でソート）
3. 第3条件: 名前（最終的に名前でソート）

コンテキストメニュー

アイテムを右クリックして素早くアクション:

お気に入り:

• お気に入りを編集
• お気に入りを削除
• ソートを実行

クイックソートボタン:

• ソートを実行

トラブルシューティング

タブがソートされない

1. アクティブなエディタグループにタブが開かれているか確認
2. VS Codeウィンドウをリロード (Ctrl+R / Mac: Cmd+R)

キーボードショートカットが動作しない

1. VS Code設定でキーバインドの競合を確認
2. Ctrl+1,2,3 はエディタにフォーカスが必要です
3. 代わりに Ctrl+Alt+S でソートメニューを開いてみてください

お気に入りが保存されない

1. VS Code設定が書き込み可能か確認
2. VS Codeウィンドウをリロード (Ctrl+R / Mac: Cmd+R)

設定パネルが開かない

1. Settings の横の ▶ 矢印をクリック
2. パネルはアニメーションなしで即座に開きます

既知の制限

• アクティブなタブグループのみソート（すべてのタブグループではない）
• ソート中に軽微な視覚的なちらつきあり（VS Code APIの制限）
• お気に入りのキーボードショートカットは最大3つ（Ctrl+1,2,3）

コントリビューション

コントリビューション歓迎！GitHubでissueやプルリクエストをお気軽に提出してください。

ライセンス

MIT

サポート

問題が発生した場合や提案がある場合は、GitHubでissueを作成してください。

---

by uta