planche 0.8.13 → 0.9.0

package/app/index.html

@@ -6,8 +6,8 @@
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="naver-site-verification" content="e76c0660f16dd07a156243f38c2ce19eb7ee7a12" />
-    <title>Planche — Free Online SQL Client for MySQL, PostgreSQL, SQLite, SQL Server, Oracle &amp; more</title>
-    <meta name="description" content="Planche is a free SQL client that runs in your browser. Query MySQL, MariaDB, PostgreSQL, SQL Server, Oracle, Neon, Supabase and Cloudflare D1 through a local agent, or open SQLite files with nothing leaving your computer. SQL editor, data grid, schema browser and ERD." />
+    <title>Planche — Free Online SQL Client for MySQL, PostgreSQL, SQLite, SQL Server, Oracle, Redis &amp; more</title>
+    <meta name="description" content="Planche is a free database client that runs in your browser. Query MySQL, MariaDB, PostgreSQL, SQL Server, Oracle, Neon, Supabase, Cloudflare D1, Redis, Elasticsearch and OpenSearch through a local agent, or open SQLite files with nothing leaving your computer. SQL editor, data grid, schema browser and ERD." />
     <link rel="canonical" href="https://planche.dev/" />
     <link rel="alternate" hreflang="en" href="https://planche.dev/" />
     <link rel="alternate" hreflang="ko" href="https://planche.dev/ko/" />
@@ -19,7 +19,7 @@
     <meta property="og:type" content="website" />
     <meta property="og:site_name" content="Planche" />
     <meta property="og:title" content="Planche — Free Online SQL Client" />
-    <meta property="og:description" content="Free SQL client in your browser for MySQL, MariaDB, PostgreSQL, SQLite, SQL Server, Oracle, Neon, Supabase and Cloudflare D1. No sign-up, no upload." />
+    <meta property="og:description" content="Free database client in your browser for MySQL, MariaDB, PostgreSQL, SQLite, SQL Server, Oracle, Neon, Supabase, Cloudflare D1, Redis, Elasticsearch and OpenSearch. No sign-up, no upload." />
     <meta property="og:url" content="https://planche.dev/" />
     <meta property="og:image" content="https://planche.dev/og-image.png" />
     <meta property="og:image:width" content="1200" />
@@ -33,7 +33,7 @@
     <meta property="og:locale:alternate" content="fr_FR" />
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content="Planche — Free Online SQL Client" />
-    <meta name="twitter:description" content="Free SQL client in your browser for MySQL, MariaDB, PostgreSQL, SQLite, SQL Server, Oracle, Neon, Supabase and Cloudflare D1. No sign-up, no upload." />
+    <meta name="twitter:description" content="Free database client in your browser for MySQL, MariaDB, PostgreSQL, SQLite, SQL Server, Oracle, Neon, Supabase, Cloudflare D1, Redis, Elasticsearch and OpenSearch. No sign-up, no upload." />
     <meta name="twitter:image" content="https://planche.dev/og-image.png" />
     <link rel="stylesheet" href="/landing.css" />
     <script type="application/ld+json">
@@ -46,34 +46,36 @@
       "url": "https://planche.dev/",
       "inLanguage": "en",
       "image": "https://planche.dev/og-image.png",
-      "description": "Free SQL client in your browser for MySQL, MariaDB, PostgreSQL, SQLite, SQL Server, Oracle, Neon, Supabase and Cloudflare D1. No sign-up, no upload.",
+      "description": "Free database client in your browser for MySQL, MariaDB, PostgreSQL, SQLite, SQL Server, Oracle, Neon, Supabase, Cloudflare D1, Redis, Elasticsearch and OpenSearch. No sign-up, no upload.",
       "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" }
     }
     </script>
-    <script type="module" crossorigin src="/assets/Bhquh17w.js"></script>
+    <script type="module" crossorigin src="/assets/B8zpsP_u.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/hePW80VL.js">
-    <link rel="modulepreload" crossorigin href="/assets/B1pia_Rg.js">
-    <link rel="modulepreload" crossorigin href="/assets/pjlgs2cl.js">
-    <link rel="modulepreload" crossorigin href="/assets/D0jMUNSI.js">
-    <link rel="modulepreload" crossorigin href="/assets/CF6jyexg.js">
-    <link rel="modulepreload" crossorigin href="/assets/bgQ-QVd7.js">
-    <link rel="modulepreload" crossorigin href="/assets/CEtGUZGE.js">
+    <link rel="modulepreload" crossorigin href="/assets/CYz610vE.js">
+    <link rel="modulepreload" crossorigin href="/assets/Cu_sGzNJ.js">
+    <link rel="modulepreload" crossorigin href="/assets/CiL8zoYm.js">
+    <link rel="modulepreload" crossorigin href="/assets/BniymiMs.js">
+    <link rel="modulepreload" crossorigin href="/assets/DzRyVlxz.js">
+    <link rel="modulepreload" crossorigin href="/assets/BGuDcBB_.js">
+    <link rel="modulepreload" crossorigin href="/assets/D8dVzi6I.js">
     <link rel="modulepreload" crossorigin href="/assets/eFSiW0Lh.js">
-    <link rel="modulepreload" crossorigin href="/assets/D6kbK-ng.js">
-    <link rel="modulepreload" crossorigin href="/assets/BCmzDvBt.js">
+    <link rel="modulepreload" crossorigin href="/assets/Nro86Y63.js">
+    <link rel="modulepreload" crossorigin href="/assets/DU-Eln5x.js">
+    <link rel="modulepreload" crossorigin href="/assets/S7HbowYz.js">
     <link rel="modulepreload" crossorigin href="/assets/Bit0Kfog.js">
-    <link rel="modulepreload" crossorigin href="/assets/DEEGN6UG.js">
-    <link rel="modulepreload" crossorigin href="/assets/BO_H_8D-.js">
-    <link rel="modulepreload" crossorigin href="/assets/CS2mpWDL.js">
-    <link rel="modulepreload" crossorigin href="/assets/DbqogdCK.js">
-    <link rel="modulepreload" crossorigin href="/assets/pneb1la9.js">
+    <link rel="modulepreload" crossorigin href="/assets/Bgu3teFB.js">
+    <link rel="modulepreload" crossorigin href="/assets/D8_hwGjG.js">
+    <link rel="modulepreload" crossorigin href="/assets/C1gqjEN3.js">
+    <link rel="modulepreload" crossorigin href="/assets/BHe42P9W.js">
+    <link rel="modulepreload" crossorigin href="/assets/BRZhVXRC.js">
     <link rel="modulepreload" crossorigin href="/assets/DAFA-E1-.js">
-    <link rel="modulepreload" crossorigin href="/assets/CjoKIEBz.js">
-    <link rel="modulepreload" crossorigin href="/assets/CVpzA8TC.js">
-    <link rel="modulepreload" crossorigin href="/assets/OjAiMU9J.js">
-    <link rel="modulepreload" crossorigin href="/assets/DPdwSUSw.js">
+    <link rel="modulepreload" crossorigin href="/assets/B9dhM8vw.js">
+    <link rel="modulepreload" crossorigin href="/assets/Q6DQerac.js">
+    <link rel="modulepreload" crossorigin href="/assets/BvEGx3Si.js">
+    <link rel="modulepreload" crossorigin href="/assets/B9DHeSQH.js">
     <link rel="modulepreload" crossorigin href="/assets/Bs5VSn0X.js">
-    <link rel="stylesheet" crossorigin href="/assets/KuSp3gJs.css">
+    <link rel="stylesheet" crossorigin href="/assets/CqTgU2vp.css">
   </head>
   <body>
     <div id="boot">Loading…</div>
@@ -91,6 +93,9 @@
           <a href="/supabase-client/">Supabase client</a>
           <a href="/cloudflare-d1-client/">Cloudflare D1 client</a>
           <a href="/cloudflare-durable-objects-client/">Cloudflare Durable Objects client</a>
+          <a href="/redis-client/">Redis client</a>
+          <a href="/elasticsearch-client/">Elasticsearch client</a>
+          <a href="/opensearch-client/">OpenSearch client</a>
           <a href="/pricing/">Pricing</a>
           <a href="/docs/">Documentation</a>
           <a href="/learn/">Learn SQL</a>
@@ -105,7 +110,7 @@
           <a href="/fr/" hreflang="fr" lang="fr">Français</a>
         </nav>
         <h1>Planche — a free SQL client that runs in your browser</h1>
-        <p>Planche is a free database GUI for <strong>MySQL</strong>, <strong>MariaDB</strong>, <strong>PostgreSQL</strong>, <strong>SQLite</strong>, <strong>SQL Server</strong> and <strong>Oracle</strong>, hosted databases such as <strong>Neon</strong>, <strong>Supabase</strong> and <strong>Cloudflare D1</strong>, and <strong>Cloudflare Durable Objects in <code>wrangler dev</code></strong>. There is nothing to install for SQLite files, and a one-line local agent for the other engines. No account, no upload of your data, no tracking of your queries.</p>
+        <p>Planche is a free database GUI for <strong>MySQL</strong>, <strong>MariaDB</strong>, <strong>PostgreSQL</strong>, <strong>SQLite</strong>, <strong>SQL Server</strong> and <strong>Oracle</strong>, hosted databases such as <strong>Neon</strong>, <strong>Supabase</strong> and <strong>Cloudflare D1</strong>, <strong>Cloudflare Durable Objects in <code>wrangler dev</code></strong>, and <strong>Redis</strong>, <strong>Elasticsearch</strong> and <strong>OpenSearch</strong>. There is nothing to install for SQLite files, and a one-line local agent for the other engines. No account, no upload of your data, no tracking of your queries.</p>
         <a class="cta" href="/">Open Planche</a>
         <img class="shot" src="/screenshot.webp" width="1200" height="769" loading="lazy" decoding="async" alt="The Planche SQL client: schema tree, SQL editor and result grid" />
 
@@ -121,11 +126,14 @@
 
         <h2>How it connects</h2>
         <p><strong>SQLite:</strong> pick a <code>.db</code> / <code>.sqlite</code> file and it is loaded with WebAssembly inside the page — the file never leaves your computer. See the <a href="/sqlite-viewer/">online SQLite viewer</a>.</p>
-        <p><strong>MySQL, MariaDB, PostgreSQL, SQL Server, Oracle, Neon, Supabase, Cloudflare D1, Cloudflare Durable Objects in <code>wrangler dev</code>:</strong> run <code>npx planche</code> in a terminal. It starts a small local agent that talks to your database and opens this page paired to it. Your credentials stay on your machine.</p>
+        <p><strong>MySQL, MariaDB, PostgreSQL, SQL Server, Oracle, Neon, Supabase, Cloudflare D1, Cloudflare Durable Objects in <code>wrangler dev</code>, Redis, Elasticsearch, OpenSearch:</strong> run <code>npx planche</code> in a terminal. It starts a small local agent that talks to your database and opens this page paired to it. Your credentials stay on your machine.</p>
         <p><strong>No Node.js?</strong> One line installs the agent — <code>curl -fsSL https://planche.dev/install.sh | sh</code> on macOS and Linux, <code>irm https://planche.dev/install.ps1 | iex</code> on Windows. Everything stays inside your home directory, nothing asks for an administrator, and a machine without Node.js gets a private copy of it. Afterwards <code>planche</code> is a command that starts instantly; <code>planche upgrade</code> keeps it current.</p>
+
+        <h2>Choose Planche for your workflow</h2>
+        <p>See how Planche works as an <a href="/online-sql-client/">online SQL client with local database access</a>, a <a href="/tableplus-alternative/">browser-based TablePlus alternative</a>, or an <a href="/aurora-mysql-client/">Amazon Aurora MySQL client</a>. Each guide explains the connection model, relevant features and Free versus Pro boundary.</p>
         <h2>Free to use</h2>
         <p>Planche is free to use, with no account and no upload of your data. A few advanced features need Pro — see <a href="/pricing/">pricing</a>. The local agent is published on npm as <a href="https://www.npmjs.com/package/planche">planche</a>.</p>
-        <footer>© Planche. · <a href="/terms/">Terms</a> · <a href="/privacy/">Privacy</a> · <a href="/refund/">Refunds</a> · <a href="mailto:planche.dev@gmail.com">planche.dev@gmail.com</a></footer>
+        <footer>© Planche. · <a href="/changelog/">What's new</a> · <a href="/terms/">Terms</a> · <a href="/privacy/">Privacy</a> · <a href="/refund/">Refunds</a> · <a href="mailto:planche.dev@gmail.com">planche.dev@gmail.com</a></footer>
       </div>
     </section>
     <div id="root"></div>

package/app/landing.css

@@ -34,6 +34,23 @@
 #landing > div > nav.languages:first-child { margin-top: 0; }
 #landing nav.languages a[aria-current] { font-weight: 600; text-decoration: none; }
 
+/* Intent landing pages ---------------------------------------------------- */
+#landing .architecture {
+  display: grid; gap: 0.5rem; justify-items: center; margin: 1.25rem 0 2rem;
+}
+#landing .architecture-step {
+  width: min(100%, 22rem); padding: 0.65rem 1rem; text-align: center;
+  border: 1px solid #45475a; border-radius: 8px; background: #181825;
+}
+#landing .architecture-arrow { color: #89b4fa; font-size: 1.35rem; line-height: 1; }
+#landing .comparison-wrap { overflow-x: auto; margin: 0 0 1.5rem; }
+#landing table.comparison { width: 100%; min-width: 40rem; border-collapse: collapse; font-size: 0.9rem; }
+#landing .comparison th, #landing .comparison td {
+  padding: 0.7rem; border: 1px solid #313244; text-align: left; vertical-align: top;
+}
+#landing .comparison thead th { color: #cdd6f4; background: #181825; }
+#landing .comparison tbody th { width: 22%; color: #cdd6f4; }
+
 /* Pricing page ------------------------------------------------------------ */
 /* The billing switch is CSS only (no inline script is allowed by the CSP), so
    the radios sit before the cards and drive them through sibling selectors.