feat: oracle and mssql support

Author: cevheri

src/components/Databases.astro

@@ -14,6 +14,20 @@ const databases = [
     color: "from-cyan-500/20 to-cyan-600/20",
     borderColor: "border-cyan-500/30",
   },
+  {
+    name: "Oracle",
+    description: "Enterprise database with V$ monitoring views, FETCH FIRST pagination, and ALTER INDEX REBUILD.",
+    icon: `<svg class="w-12 h-12" viewBox="0 0 128 128"><path fill="#EA1B22" d="M64 8C33.1 8 8 33.1 8 64s25.1 56 56 56 56-25.1 56-56S94.9 8 64 8zm26.4 76.8H37.6c-14.8 0-26.8-11.7-26.8-26.4v-.8c0-14.7 12-26.4 26.8-26.4h52.8c14.8 0 26.8 11.7 26.8 26.4v.8c0 14.7-12 26.4-26.8 26.4z"/><path fill="#EA1B22" d="M90.4 41.6H37.6C27.2 41.6 18.8 50 18.8 60.4v7.2c0 10.4 8.4 18.8 18.8 18.8h52.8c10.4 0 18.8-8.4 18.8-18.8v-7.2c0-10.4-8.4-18.8-18.8-18.8zm8.8 26c0 6-4.8 10.8-10.8 10.8H39.6c-6 0-10.8-4.8-10.8-10.8v-7.2c0-6 4.8-10.8 10.8-10.8h48.8c6 0 10.8 4.8 10.8 10.8v7.2z"/></svg>`,
+    color: "from-red-500/20 to-red-600/20",
+    borderColor: "border-red-500/30",
+  },
+  {
+    name: "SQL Server",
+    description: "Microsoft SQL Server with TOP/OFFSET FETCH pagination, DMVs, and Azure SQL support.",
+    icon: `<svg class="w-12 h-12" viewBox="0 0 128 128"><path fill="#a91d22" d="M48.2 36.3c-10.3 4.5-17.8 13.7-19.6 24.8-.3 2-.5 4-.5 6v.9c.1 4.6 1 9 2.8 13.1 4.5 10.3 13.7 17.8 24.8 19.6 2 .3 4 .5 6 .5h.9c4.6-.1 9-1 13.1-2.8 10.3-4.5 17.8-13.7 19.6-24.8.3-2 .5-4 .5-6v-.9c-.1-4.6-1-9-2.8-13.1-4.5-10.3-13.7-17.8-24.8-19.6-2-.3-4-.5-6-.5h-.9c-4.7.1-9.1 1-13.1 2.8z"/><path fill="#fff" d="M68.4 46.8c-2.4-.6-4.8-.8-7.2-.7H60c-3.6.2-7.1 1-10.3 2.6C42 52.2 36.8 60 36 68.9c-.1 1-.1 2-.1 3 0 3.5.7 6.9 2.1 10.1 3.5 8 11.3 13.8 20.1 14.7 1 .1 2 .1 3 .1 3.5 0 6.9-.7 10.1-2.1 7.8-3.4 13.5-10.9 14.6-19.7V74c.1-1 .1-2 .1-3 0-3.5-.7-6.9-2.1-10.1-2.4-5.5-6.8-9.8-12.3-12.7l-3-1.4zm10 26.2c0 1.4-.1 2.7-.4 4-.7 3.7-2.6 7-5.4 9.5-2.8 2.5-6.3 4-10.1 4.2h-1.7c-1.3 0-2.6-.2-3.8-.5-3.7-.9-7-3-9.3-5.9-2.3-2.9-3.7-6.6-3.8-10.4v-1.7c0-1.3.2-2.6.5-3.8.9-3.7 3-7 5.9-9.3 2.9-2.3 6.5-3.6 10.3-3.8h1.8c1.3 0 2.6.2 3.8.5 3.7.9 7 3 9.3 5.9 2.3 2.9 3.7 6.5 3.8 10.3v1z"/></svg>`,
+    color: "from-sky-500/20 to-sky-600/20",
+    borderColor: "border-sky-500/30",
+  },
   {
     name: "SQLite",
     description: "File-based database with WAL mode support. Perfect for local development.",
@@ -51,7 +65,7 @@ const databases = [
     </div>
 
     <!-- Database Cards -->
-    <div class="grid grid-cols-2 lg:grid-cols-5 gap-3 md:gap-6">
+    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-7 gap-3 md:gap-6">
       {databases.map((db) => (
         <div class={`relative p-4 md:p-6 rounded-xl md:rounded-2xl bg-gradient-to-br ${db.color} border ${db.borderColor} transition-all duration-300 hover:scale-105`}>
           <div class="flex flex-col items-center text-center">

src/components/FAQ.astro

@@ -18,7 +18,7 @@ const faqs = [
   },
   {
     question: "Which databases are supported?",
-    answer: "We support PostgreSQL, MySQL, SQLite, MongoDB, and Redis. Each adapter is optimized for its specific database with full feature support including schema inspection, query execution, maintenance tools, and data profiling. The provider architecture makes it easy to add new databases."
+    answer: "We support PostgreSQL, MySQL, Oracle Database, Microsoft SQL Server, SQLite, MongoDB, and Redis. Each adapter is optimized for its specific database with full feature support including schema inspection, query execution, maintenance tools, and monitoring. Oracle uses oracledb Thin mode (pure JavaScript, no Instant Client needed) and SQL Server uses the mssql/tedious driver with Azure SQL auto-detection."
   },
   {
     question: "Can I use it on my phone or tablet?",
@@ -157,7 +157,7 @@ const faqs = [
       "name": "Which databases are supported?",
       "acceptedAnswer": {
         "@type": "Answer",
-        "text": "We support PostgreSQL, MySQL, SQLite, MongoDB, and Redis with full feature support."
+        "text": "We support PostgreSQL, MySQL, Oracle Database, Microsoft SQL Server, SQLite, MongoDB, and Redis with full feature support."
       }
     },
     {

src/components/Features.astro

@@ -17,8 +17,8 @@ const features = [
   },
   {
     icon: `<svg class="w-5 h-5 md:w-6 md:h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4"></path></svg>`,
-    title: "5+ Databases",
-    description: "PostgreSQL, MySQL, SQLite, MongoDB, and Redis with a unified interface.",
+    title: "7+ Databases",
+    description: "PostgreSQL, MySQL, Oracle, SQL Server, SQLite, MongoDB, and Redis with a unified interface.",
   },
   {
     icon: `<svg class="w-5 h-5 md:w-6 md:h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 17V7m0 10a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2h2a2 2 0 012 2m0 10a2 2 0 002 2h2a2 2 0 002-2M9 7a2 2 0 012-2h2a2 2 0 012 2m0 10V7m0 10a2 2 0 002 2h2a2 2 0 002-2V7a2 2 0 00-2-2h-2a2 2 0 00-2 2"></path></svg>`,

src/components/Hero.astro

@@ -39,7 +39,8 @@
     <p class="max-w-2xl mx-auto text-base md:text-lg lg:text-xl text-slate-400 mb-8 md:mb-10 px-4">
       A lightweight, high-performance, and secure web-based SQL editor for cloud-native teams.
       Connect to <strong class="text-white">PostgreSQL</strong>, <strong class="text-white">MySQL</strong>,
-      <strong class="text-white">SQLite</strong>, <strong class="text-white">MongoDB</strong>, or <strong class="text-white">Redis</strong> from anywhere.
+      <strong class="text-white">Oracle</strong>, <strong class="text-white">SQL Server</strong>, <strong class="text-white">SQLite</strong>,
+      <strong class="text-white">MongoDB</strong>, or <strong class="text-white">Redis</strong> from anywhere.
     </p>
 
     <!-- CTA Buttons -->
@@ -70,7 +71,7 @@
     <!-- Stats -->
     <div class="grid grid-cols-4 gap-4 md:gap-8 max-w-3xl mx-auto px-2">
       <div class="text-center">
-        <div class="text-xl md:text-3xl font-bold text-white mb-0.5 md:mb-1">5+</div>
+        <div class="text-xl md:text-3xl font-bold text-white mb-0.5 md:mb-1">7+</div>
         <div class="text-[10px] md:text-sm text-slate-500">Databases</div>
       </div>
       <div class="text-center">

src/layouts/Layout.astro

@@ -28,7 +28,7 @@ const structuredData = {
     "url": siteURL
   },
   "license": "https://opensource.org/licenses/MIT",
-  "keywords": "SQL IDE, database editor, PostgreSQL, MySQL, SQLite, MongoDB, AI SQL, open source"
+  "keywords": "SQL IDE, database editor, PostgreSQL, MySQL, Oracle, SQL Server, SQLite, MongoDB, Redis, AI SQL, open source"
 };
 ---
 
@@ -38,7 +38,7 @@ const structuredData = {
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content={description} />
-    <meta name="keywords" content="SQL IDE, database editor, PostgreSQL, MySQL, SQLite, MongoDB, AI SQL, open source, web-based database tool, AI query assistant" />
+    <meta name="keywords" content="SQL IDE, database editor, PostgreSQL, MySQL, Oracle, SQL Server, SQLite, MongoDB, Redis, AI SQL, open source, web-based database tool, AI query assistant" />
     <meta name="author" content="LibreDB" />
     <meta name="robots" content="index, follow" />
     <meta name="theme-color" content="#4f46e5" />