ai/csvtool
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CSV Tool - Wails-based CSV editor with spreadsheet UI

Browse source 
Features:
- Spreadsheet-like table with cell navigation (arrow keys)
- Formula bar for editing cell values
- Click and drag cell selection with Shift+Arrow extend
- Column resize by dragging header borders, double-click for best fit
- Editable headers via double-click
- Command palette (Cmd+P) with 12 commands
- Copy/Cut/Paste with CSV, Markdown, and Jira formats
- Insert rows/columns above/below/left/right
- File drag-and-drop to open CSV files
- Native Open/Save dialogs
- Go backend for CSV parsing, formatting, and file I/O
- Vanilla JS frontend, no frameworks

Co-authored-by: Shelley <shelley@exe.dev>
This commit is contained in:
exe.dev user 2026-03-03 21:34:09 +00:00
commit 55a25f6d63
24 changed files with 3283 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

32
frontend/index.html Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>CSV Tool</title>
<link rel="stylesheet" href="./src/style.css"/>
</head>
<body>
<div id="app">
<div id="toolbar">
<div id="cell-ref"></div>
<input type="text" id="formula-bar" placeholder="Select a cell to edit" />
</div>
<div id="table-container" style="--wails-drop-target:drop">
<table id="csv-table">
<thead id="table-head"></thead>
<tbody id="table-body"></tbody>
</table>
</div>
<div id="status-bar">
<span id="status-text">Ready</span>
</div>
<div id="command-palette" class="hidden">
<input type="text" id="command-input" placeholder="Type a command..." />
<div id="command-list"></div>
</div>
<div id="overlay" class="hidden"></div>
</div>
<script src="./src/main.js" type="module"></script>
</body>
</html>