cosmodev ~/tools/sql-playground

Beispiele

Die SQLite-Engine wird in Ihrem Browser geladen. Nichts wird irgendwohin gesendet.

Schema

CREATE TABLE users (
  id INTEGER PRIMARY KEY,
  name TEXT NOT NULL,
  email TEXT NOT NULL,
  role TEXT DEFAULT 'member',
  created_at TEXT
);

INSERT INTO users (id, name, email, role, created_at) VALUES
  (1, 'Alice Chen', 'alice@example.com', 'admin', '2024-01-10'),
  (2, 'Bob Smith', 'bob@example.com', 'member', '2024-02-14'),
  (3, 'Carol Díaz', 'carol@example.com', 'editor', '2024-03-05'),
  (4, 'Dan Kim', 'dan@example.com', 'member', '2024-04-20'),
  (5, 'Eve Johnson', 'eve@example.com', 'admin', '2024-05-01');

CREATE TABLE orders (
  id INTEGER PRIMARY KEY,
  user_id INTEGER REFERENCES users(id),
  product TEXT NOT NULL,
  amount REAL NOT NULL,
  status TEXT DEFAULT 'pending',
  ordered_at TEXT
);

INSERT INTO orders (id, user_id, product, amount, status, ordered_at) VALUES
  (1, 1, 'Pro Plan', 29.99, 'completed', '2024-03-01'),
  (2, 1, 'Add-on Pack', 9.99, 'completed', '2024-03-15'),
  (3, 2, 'Basic Plan', 14.99, 'completed', '2024-04-01'),
  (4, 3, 'Pro Plan', 29.99, 'pending', '2024-04-10'),
  (5, 4, 'Basic Plan', 14.99, 'refunded', '2024-05-01'),
  (6, 1, 'Enterprise', 99.99, 'completed', '2024-06-01'),
  (7, 5, 'Pro Plan', 29.99, 'completed', '2024-06-15');

CREATE TABLE users (
  id INTEGER PRIMARY KEY,
  name TEXT NOT NULL,
  email TEXT NOT NULL,
  role TEXT DEFAULT 'member',
  created_at TEXT
);

INSERT INTO users (id, name, email, role, created_at) VALUES
  (1, 'Alice Chen', 'alice@example.com', 'admin', '2024-01-10'),
  (2, 'Bob Smith', 'bob@example.com', 'member', '2024-02-14'),
  (3, 'Carol Díaz', 'carol@example.com', 'editor', '2024-03-05'),
  (4, 'Dan Kim', 'dan@example.com', 'member', '2024-04-20'),
  (5, 'Eve Johnson', 'eve@example.com', 'admin', '2024-05-01');

CREATE TABLE orders (
  id INTEGER PRIMARY KEY,
  user_id INTEGER REFERENCES users(id),
  product TEXT NOT NULL,
  amount REAL NOT NULL,
  status TEXT DEFAULT 'pending',
  ordered_at TEXT
);

INSERT INTO orders (id, user_id, product, amount, status, ordered_at) VALUES
  (1, 1, 'Pro Plan', 29.99, 'completed', '2024-03-01'),
  (2, 1, 'Add-on Pack', 9.99, 'completed', '2024-03-15'),
  (3, 2, 'Basic Plan', 14.99, 'completed', '2024-04-01'),
  (4, 3, 'Pro Plan', 29.99, 'pending', '2024-04-10'),
  (5, 4, 'Basic Plan', 14.99, 'refunded', '2024-05-01'),
  (6, 1, 'Enterprise', 99.99, 'completed', '2024-06-01'),
  (7, 5, 'Pro Plan', 29.99, 'completed', '2024-06-15');

Query

⌘/Ctrl + ↵

SELECT u.name, u.role, COUNT(o.id) AS orders, SUM(o.amount) AS total
FROM users u
LEFT JOIN orders o ON o.user_id = u.id
GROUP BY u.id
ORDER BY total DESC;

Führen Sie eine Query aus, um Ergebnisse zu sehen.

cosmodev ~/docs/sql-playground.md

Was es tut

Der SQL Playground lässt dich echte SQL-Abfragen direkt im Browser schreiben und ausführen - keine Installation, keine Anmeldung, keine Daten verlassen dein Gerät. Er bringt eine abfragebereite Beispieldatenbank (users + orders) mit, sodass du Joins, Aggregate und Filter explorieren kannst, sobald die Seite lädt. Tausche jederzeit dein eigenes Schema ein - die Datenbank wird live neu aufgebaut.

Angetrieben wird er von sql.js, einer vollständigen SQLite-Engine, kompiliert zu WebAssembly. Das heißt: echtes SQL-Verhalten - Transaktionen, Constraints, Aggregate, Subqueries - läuft 100 % clientseitig. Ergebnisse erscheinen in einer sauberen Tabelle mit Zeilenzahl und Laufzeit, und du exportierst sie mit einem Klick als CSV, JSON oder Markdown.

So verwendest du es

Das Schema-Panel links ist mit einer Beispiel-users- + orders-Datenbank vorbefüllt. Bearbeite es frei - die Datenbank baut sich automatisch neu auf, wenn du aufhörst zu tippen, und eine grüne „applied“-Badge bestätigt den Erfolg.
Schreibe dein SQL in das Query-Panel rechts - beide Editoren heben SQL-Syntax beim Tippen hervor - oder klicke einen der Beispiel-Query-Chips an (Select all, Filter, Aggregate, Join, Sort + limit, CTE, Subquery, Having, Like + order, Union), um eine vorgefertigte Abfrage zu laden.
Klicke Run (oder drücke ⌘/Ctrl + Enter) zum Ausführen.
Lies die Results-Tabelle darunter - sie zeigt Spaltenköpfe, typisierte Werte (NULLs sind eigenständig gestylt), eine Zeilenzahl, eine Read-only-Badge für SELECT-Abfragen und die vergangene Zeit in Millisekunden.
Nutze den CSV / JSON / Markdown-Umschalter + Copy results, um die Ausgabe in deinem bevorzugten Format zu exportieren.
Klicke Copy share link, um dein aktuelles Schema und deine Abfrage in die URL zu kodieren - wer den Link öffnet, sieht exakt dein Setup.

Beispiele

Zwei Tabellen joinen und aggregieren

SELECT u.name, u.role, COUNT(o.id) AS orders, SUM(o.amount) AS total
FROM users u
LEFT JOIN orders o ON o.user_id = u.id
GROUP BY u.id
ORDER BY total DESC;

Gibt jeden Nutzer mit seiner Bestellanzahl und Summe zurück, absteigend sortiert. Nutzer ohne Bestellungen erscheinen mit 0 / NULL.

Mit einer Subquery filtern

SELECT name, email FROM users
WHERE id IN (SELECT user_id FROM orders WHERE amount > 20);

Gibt nur Nutzer zurück, die eine Bestellung über 20 $ aufgegeben haben.

Tabellenstruktur inspizieren

PRAGMA table_info(users);

Gibt Spaltenindex, Name, Typ, Nullability und Standardwert für jede Spalte der Tabelle users zurück - nützlich, um unbekannte Schemas zu explorieren.

Gut zu wissen

100 % clientseitig. Dein SQL und deine Daten verlassen niemals den Browser - alles läuft lokal über sql.js (SQLite, kompiliert zu WebAssembly). Sicher für sensible Schemas.
Live-Schema-Bearbeitung. Ändere das Schema-Panel, und die Datenbank baut sich automatisch neu auf (debounced). Fehler werden inline angezeigt - Abfragen bleiben gesperrt, bis das Schema wieder gültig ist.
SQLite-Dialekt. Das ist echtes SQLite - du erhältst Window Functions, CTEs, JSON-Funktionen und den Großteil des SQLite-Feature-Sets. Ein paar Dinge (Stored Procedures, MySQL/Postgres-spezifische Syntax) werden nicht unterstützt.
Teilbar. Dein Schema und deine Abfrage sind in der URL kodiert, ein geteilter Link reproduziert also exakt deinen Playground-Zustand.
Verwandte Tools: Regex Tester, JSON Formatter.

SQL-Playground

Was es tut

So verwendest du es

Beispiele

Gut zu wissen