<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Marioloez</title>
    <description>The latest articles on DEV Community by Marioloez (@marioloez).</description>
    <link>https://dev.to/marioloez</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3945259%2Fdc65fcab-4b6e-4160-9de2-2b01f9356d45.png</url>
      <title>DEV Community: Marioloez</title>
      <link>https://dev.to/marioloez</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/marioloez"/>
    <language>en</language>
    <item>
      <title>I built an audit-friendly SQLite viewer for VSCode because I stopped trusting marketplace extensions</title>
      <dc:creator>Marioloez</dc:creator>
      <pubDate>Fri, 22 May 2026 06:14:43 +0000</pubDate>
      <link>https://dev.to/marioloez/i-built-an-audit-friendly-sqlite-viewer-for-vscode-because-i-stopped-trusting-marketplace-extensions-4ddk</link>
      <guid>https://dev.to/marioloez/i-built-an-audit-friendly-sqlite-viewer-for-vscode-because-i-stopped-trusting-marketplace-extensions-4ddk</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;Atalaya — &lt;em&gt;Spanish for "watchtower". A high vantage point with a clear view over the territory below.&lt;/em&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2&gt;
  
  
  The uncomfortable question
&lt;/h2&gt;

&lt;p&gt;Open VSCode. Search "SQLite". Pick the most popular extension. Run &lt;code&gt;find node_modules -type d | wc -l&lt;/code&gt; after installing it locally. Most of them sit somewhere between &lt;strong&gt;200 and 500 packages&lt;/strong&gt; in their transitive dependency tree, plus native code bundled per platform.&lt;/p&gt;

&lt;p&gt;For a tool whose single job is to read a &lt;code&gt;.db&lt;/code&gt; file.&lt;/p&gt;

&lt;p&gt;[TODO: drop a personal anecdote here — when did supply-chain risk in editor extensions stop being abstract for you? a coworker affected, a compromised package you remember, the recent xz-utils backdoor narrative, whatever feels honest. one paragraph max.]&lt;/p&gt;

&lt;p&gt;When that's the surface a tool sits on, every extension you install is a trust decision you're making against your entire workspace: source code, environment variables, git credentials, the lot. And the threat is not theoretical — compromised VSCode extensions have shipped credential-stealers to thousands of developers in the last two years.&lt;/p&gt;

&lt;p&gt;So I built one I could actually audit.&lt;/p&gt;

&lt;h2&gt;
  
  
  Meet Atalaya
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://marketplace.visualstudio.com/items?itemName=marioloez.atalaya" rel="noopener noreferrer"&gt;Atalaya&lt;/a&gt;&lt;/strong&gt; is a SQLite viewer for VSCode with a deliberately minimal footprint:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;One runtime dependency&lt;/strong&gt; in the shipped &lt;code&gt;.vsix&lt;/code&gt;: &lt;a href="https://github.com/sql-js/sql.js" rel="noopener noreferrer"&gt;sql.js&lt;/a&gt;, the official SQLite compiled to WebAssembly&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Zero native modules&lt;/strong&gt; — no &lt;code&gt;node-gyp&lt;/code&gt;, no platform-specific compilation&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Zero network calls&lt;/strong&gt;, zero telemetry, zero remote resource loading&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Strict CSP&lt;/strong&gt; in the webview (&lt;code&gt;default-src 'none'&lt;/code&gt; + per-load cryptographic nonce)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;All SQL identifiers&lt;/strong&gt; are allowlist-validated; all SQL values bound via prepared statements&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;MIT licensed&lt;/strong&gt;, ~2,300 lines of code total&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9lcx7jhvzgewu53kmovq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9lcx7jhvzgewu53kmovq.png" alt="Atalaya — main view: tables sidebar, paginated data, status bar with row counts and active filters" width="800" height="438"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Features that actually matter
&lt;/h3&gt;

&lt;p&gt;It opens &lt;code&gt;.db&lt;/code&gt;, &lt;code&gt;.sqlite&lt;/code&gt;, &lt;code&gt;.sqlite3&lt;/code&gt; files as a custom editor. From there:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Browse&lt;/strong&gt; any table with pagination, type-aware coloring, sortable headers, per-column filters&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Run arbitrary SQL&lt;/strong&gt; from the Query tab with &lt;code&gt;Ctrl/Cmd+Enter&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Edit cells inline&lt;/strong&gt; by double-clicking; &lt;code&gt;Enter&lt;/code&gt; saves to memory, &lt;code&gt;Cmd+S&lt;/code&gt; writes to disk&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Undo and redo&lt;/strong&gt; anything you ran in the SQL editor or edited inline — natively via VSCode's edit stack&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Export&lt;/strong&gt; any table or query result to CSV or JSON&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Read-only fallbacks&lt;/strong&gt; for views, tables without a primary key, and BLOB columns — the UI gets out of your way when it can't safely edit&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  The SQL editor has autocomplete — implemented in plain JS
&lt;/h3&gt;

&lt;p&gt;I refused to pull in Monaco Editor because that's another ~5 MB of code I'd ask you to trust. So the autocomplete is hand-rolled vanilla JS. About 250 lines. It scopes column suggestions to whatever tables your query already references.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flp9ij8m5roykq4bgkup0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flp9ij8m5roykq4bgkup0.png" alt="SQL editor autocomplete suggesting columns after a WHERE clause" width="799" height="220"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;After &lt;code&gt;FROM&lt;/code&gt;, &lt;code&gt;JOIN&lt;/code&gt;, &lt;code&gt;INTO&lt;/code&gt;, &lt;code&gt;UPDATE&lt;/code&gt; it suggests tables. After &lt;code&gt;SELECT&lt;/code&gt;, &lt;code&gt;WHERE&lt;/code&gt;, &lt;code&gt;AND&lt;/code&gt;, &lt;code&gt;OR&lt;/code&gt;, &lt;code&gt;ON&lt;/code&gt;, &lt;code&gt;,&lt;/code&gt;, &lt;code&gt;(&lt;/code&gt; and friends it suggests columns. Arrow keys navigate, Enter / Tab insert, Esc closes. &lt;code&gt;Cmd+Enter&lt;/code&gt; runs the query — the popup never intercepts it.&lt;/p&gt;

&lt;p&gt;It's not Monaco. It doesn't do alias resolution or syntax highlighting. &lt;strong&gt;That's the point.&lt;/strong&gt; You can read every line of it.&lt;/p&gt;

&lt;h3&gt;
  
  
  Query results don't surprise you
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fltpnbt5jylgh289ra6b8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fltpnbt5jylgh289ra6b8.png" alt="Query results panel with row count, mutated indicator, and per-result tables" width="800" height="162"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Anything that modifies data — &lt;code&gt;INSERT&lt;/code&gt;, &lt;code&gt;UPDATE&lt;/code&gt;, &lt;code&gt;DELETE&lt;/code&gt;, or DDL — marks the document as modified and goes onto the undo stack. Nothing touches the disk until you press &lt;code&gt;Cmd+S&lt;/code&gt;. Close without saving to throw away mutations.&lt;/p&gt;

&lt;h2&gt;
  
  
  What "audit-friendly" actually means
&lt;/h2&gt;

&lt;p&gt;I want to be honest about what this label does and doesn't promise, because it's the most important claim I'm making.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;It doesn't mean invulnerable.&lt;/strong&gt; Nothing is invulnerable.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;It does mean every line of the runtime surface is short enough to read.&lt;/strong&gt; Let me make that concrete:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;TypeScript source (4 files): ~810 lines&lt;/li&gt;
&lt;li&gt;Webview JS / CSS (&lt;code&gt;viewer.js&lt;/code&gt;, &lt;code&gt;viewer.css&lt;/code&gt;): ~1,460 lines&lt;/li&gt;
&lt;li&gt;That's the whole story. ~2,300 lines.&lt;/li&gt;
&lt;li&gt;Plus the bundled &lt;code&gt;sql-wasm.js&lt;/code&gt; glue (~46 KB of code wrapping the WASM blob)&lt;/li&gt;
&lt;li&gt;Plus the &lt;code&gt;sql-wasm.wasm&lt;/code&gt; binary — opaque, but compiled from public, well-reviewed SQLite source&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;You can read all of the JS and TS in an afternoon. The WASM blob is what it is, but it's the SQLite the world has been using for decades.&lt;/p&gt;

&lt;p&gt;I also paid for that minimalism in features. Things Atalaya &lt;strong&gt;does not have&lt;/strong&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Schema visualization (coming, but only if I can do it without adding deps)&lt;/li&gt;
&lt;li&gt;Multi-file workspace, query history, saved snippets&lt;/li&gt;
&lt;li&gt;AI assistants, copilots, "smart suggestions"&lt;/li&gt;
&lt;li&gt;Subscription, account, sync, anything cloud&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This isn't a "minimum viable product". It's a deliberately small tool with a specific posture.&lt;/p&gt;

&lt;h2&gt;
  
  
  The receipts
&lt;/h2&gt;

&lt;p&gt;Don't take my word. &lt;strong&gt;Verify it yourself:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;git clone https://github.com/Marioloez/atalaya
&lt;span class="nb"&gt;cd &lt;/span&gt;atalaya
npm ci &lt;span class="nt"&gt;--ignore-scripts&lt;/span&gt;          &lt;span class="c"&gt;# neutralize any postinstall hooks&lt;/span&gt;
npm &lt;span class="nb"&gt;ls&lt;/span&gt; &lt;span class="nt"&gt;--omit&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;dev &lt;span class="nt"&gt;--all&lt;/span&gt;          &lt;span class="c"&gt;# show the production dep tree&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;That last command prints exactly two lines:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;atalaya@&amp;lt;version&amp;gt;
└── sql.js@&amp;lt;version&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Then read &lt;a href="https://github.com/Marioloez/atalaya/blob/main/src/sqlite/service.ts" rel="noopener noreferrer"&gt;&lt;code&gt;src/sqlite/service.ts&lt;/code&gt;&lt;/a&gt; and &lt;a href="https://github.com/Marioloez/atalaya/blob/main/src/editor/sqliteEditor.ts" rel="noopener noreferrer"&gt;&lt;code&gt;src/editor/sqliteEditor.ts&lt;/code&gt;&lt;/a&gt;. They're short. They do exactly what they look like they do.&lt;/p&gt;

&lt;p&gt;And if you find something I missed — open an issue. The whole point of this is that finding things is supposed to be possible.&lt;/p&gt;

&lt;h2&gt;
  
  
  A small clarification about the dev install
&lt;/h2&gt;

&lt;p&gt;There's one caveat I want to surface, because anyone running &lt;code&gt;npm install&lt;/code&gt; will see it immediately: my &lt;strong&gt;devDependencies&lt;/strong&gt; tree pulls in &lt;code&gt;@vscode/vsce&lt;/code&gt; (the marketplace packager), which transitively pulls &lt;code&gt;keytar&lt;/code&gt; (a native module for credential storage). That keytar binary runs a postinstall script during &lt;code&gt;npm install&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;None of it ships in the &lt;code&gt;.vsix&lt;/code&gt;.&lt;/strong&gt; I verified by running &lt;code&gt;unzip -l atalaya-*.vsix&lt;/code&gt; — only my own compiled code, &lt;code&gt;sql-wasm.js&lt;/code&gt;, &lt;code&gt;sql-wasm.wasm&lt;/code&gt;, README, LICENSE, CHANGELOG, and the icon. Zero &lt;code&gt;@azure/*&lt;/code&gt;, zero &lt;code&gt;keytar&lt;/code&gt;, zero native binaries.&lt;/p&gt;

&lt;p&gt;But if you intend to clone and inspect the source, run &lt;code&gt;npm ci --ignore-scripts&lt;/code&gt; to keep the install hermetic. I documented this in the README. &lt;strong&gt;The "audit-friendly" claim is about the shipped artifact, not about the build chain.&lt;/strong&gt; Clarity matters more than marketing.&lt;/p&gt;

&lt;h2&gt;
  
  
  Install
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;code &lt;span class="nt"&gt;--install-extension&lt;/span&gt; marioloez.atalaya
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Or search &lt;strong&gt;Atalaya&lt;/strong&gt; in the VSCode Extensions view.&lt;/p&gt;

&lt;p&gt;GitHub: &lt;a href="https://github.com/Marioloez/atalaya" rel="noopener noreferrer"&gt;github.com/Marioloez/atalaya&lt;/a&gt;&lt;br&gt;
Marketplace: &lt;a href="https://marketplace.visualstudio.com/items?itemName=marioloez.atalaya" rel="noopener noreferrer"&gt;marketplace.visualstudio.com/items?itemName=marioloez.atalaya&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Why this matters beyond Atalaya
&lt;/h2&gt;

&lt;p&gt;I'm not trying to replace every SQLite viewer. Some people genuinely need the feature-rich ones, and that's fine — it's a tradeoff worth taking when the cost is acceptable to them.&lt;/p&gt;

&lt;p&gt;But the &lt;strong&gt;default trust posture&lt;/strong&gt; of "install the popular extension, accept the 300 transitive packages, move on" deserves more scrutiny than it currently gets in developer workflows. The cost of that trust is hidden right up until someone exploits it.&lt;/p&gt;

&lt;p&gt;Build small. Show the receipts. Make verifying easy.&lt;/p&gt;

&lt;p&gt;[TODO: close with a short personal line in your voice — what would you ask a reader to do next? "audit a single extension in your editor this week" / "let me know what you'd improve" / "tell me what other tools deserve a minimal-trust rewrite". keep it one sentence.]&lt;/p&gt;




&lt;p&gt;&lt;em&gt;Built with &lt;a href="https://github.com/sql-js/sql.js" rel="noopener noreferrer"&gt;sql.js&lt;/a&gt;, the VSCode Custom Editor API, and a refusal to add dependencies.&lt;/em&gt;&lt;/p&gt;

</description>
      <category>database</category>
      <category>security</category>
      <category>showdev</category>
      <category>vscode</category>
    </item>
  </channel>
</rss>
