@deaquinodev/querky 0.4.11 → 0.4.13

package/dist/index.js

@@ -1767,14 +1767,21 @@ function ErrorBox({ message }) {
 // src/ui/components/Banner.tsx
 import { Box as Box4, Text as Text4 } from "ink";
 import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var version = true ? "0.4.11" : process.env.npm_package_version ?? "unknown";
-var LOGO = [
+var version = true ? "0.4.13" : process.env.npm_package_version ?? "unknown";
+var MASCOT = [
   " \u2597\u2584\u2584\u2584\u2584\u2584\u2596",
   "\u2590\u2591 \u25CF \u25CF \u2591\u258C",
   "\u2590\u2591 \u25E1\u25E1\u25E1 \u2591\u258C",
   "\u2590\u2591   \u2597\u259F\u258C",
   " \u2580\u2580\u2580\u2580\u259D\u2580\u2584"
 ];
+var WORDMARK = [
+  " \u259D\u259C\u2584      \u2597\u2588\u2580\u2580\u259C\u2599\u259D\u2588\u259B\u2580\u2580\u258C\u259C\u2588\u2588\u2596\u259F\u2588\u2588\u2598\u259C\u2588\u2598\u259C\u2588\u2588\u2596\u259D\u2588\u259B\u259D\u2588\u259B",
+  "   \u259D\u259C\u2584    \u2588\u258C     \u2588\u2599\u259F  \u2590\u2588\u259D\u2588\u259B\u2590\u2588 \u2590\u2588 \u2590\u2588\u259D\u2588\u2596\u2588\u258C \u2588\u258C",
+  "  \u2597\u259F\u2580     \u259C\u2599 \u259D\u2588\u259B \u2588\u258C\u259D \u2596\u2590\u2588   \u2590\u2588 \u2590\u2588 \u2590\u2588 \u259D\u2588\u2588\u258C \u2588\u258C",
+  " \u259D\u2580        \u2580\u2580\u2580\u2580\u2598\u259D\u2580\u2580\u2580\u2580\u2598\u2580\u2580\u2598  \u2580\u2580\u2598\u2580\u2580\u2598\u2580\u2580\u2598 \u259D\u2580\u2580\u259D\u2580\u2580"
+];
+var WORDMARK_WIDTH = Math.max(...WORDMARK.map((l) => [...l].length));
 var GRADIENT = [
   "#ff00dd",
   "#ff33bb",
@@ -1782,17 +1789,29 @@ var GRADIENT = [
   "#ff9966",
   "#ff7722"
 ];
+function hexToRgb(hex) {
+  return [parseInt(hex.slice(1, 3), 16), parseInt(hex.slice(3, 5), 16), parseInt(hex.slice(5, 7), 16)];
+}
+function gradientColor(t) {
+  const seg = Math.max(0, Math.min(1, t)) * (GRADIENT.length - 1);
+  const i = Math.min(Math.floor(seg), GRADIENT.length - 2);
+  const f = seg - i;
+  const [r1, g1, b1] = hexToRgb(GRADIENT[i]);
+  const [r2, g2, b2] = hexToRgb(GRADIENT[i + 1]);
+  const mix = (a, b) => Math.round(a + (b - a) * f).toString(16).padStart(2, "0");
+  return `#${mix(r1, r2)}${mix(g1, g2)}${mix(b1, b2)}`;
+}
 function Banner({ connectionState }) {
   const isConnected = connectionState.status === "connected";
-  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "row", marginTop: 2, marginBottom: 2, children: [
-    /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", marginRight: 2, children: LOGO.map((line, i) => /* @__PURE__ */ jsx4(Text4, { color: GRADIENT[i], bold: true, children: line }, i)) }),
-    /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs4(Text4, { bold: true, color: theme.accent, children: [
-        "Querky ",
-        /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
-          "v",
-          version
-        ] })
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginTop: 2, marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs4(Box4, { flexDirection: "row", children: [
+      /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", marginRight: 2, children: MASCOT.map((line, i) => /* @__PURE__ */ jsx4(Text4, { color: GRADIENT[i], bold: true, children: line }, i)) }),
+      /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", marginTop: 1, children: WORDMARK.map((line, li) => /* @__PURE__ */ jsx4(Box4, { children: [...line].map((ch, x) => /* @__PURE__ */ jsx4(Text4, { color: gradientColor(WORDMARK_WIDTH > 1 ? x / (WORDMARK_WIDTH - 1) : 0), bold: true, children: ch }, x)) }, li)) })
+    ] }),
+    /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginTop: 1, marginLeft: 1, children: [
+      /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+        "v",
+        version
       ] }),
       /* @__PURE__ */ jsx4(Text4, { children: " " }),
       isConnected ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
@@ -2011,10 +2030,8 @@ function fmtHelp(data) {
 }
 function fmtErd(data) {
   if (data.tables.length === 0) return dim("No tables found in the current schema.");
-  const termW = process.stdout.columns ?? 80;
   const FK_PREFIX = "FK \u2192 ";
   const PAD = 1;
-  const GAP = 2;
   const colorMap = new Map(
     data.tables.map((t, i) => [t.name, ERD_PALETTE[i % ERD_PALETTE.length]])
   );
@@ -2057,38 +2074,12 @@ function fmtErd(data) {
     out.push(bot);
     return out;
   }
-  const rows = [];
-  let row = [], usedW = 0;
-  for (let i = 0; i < allMetrics.length; i++) {
-    const w = allMetrics[i].totalW;
-    if (row.length === 0) {
-      row.push(i);
-      usedW = w;
-    } else if (usedW + GAP + w <= termW) {
-      row.push(i);
-      usedW += GAP + w;
-    } else {
-      rows.push(row);
-      row = [i];
-      usedW = w;
-    }
-  }
-  if (row.length > 0) rows.push(row);
   const output = [];
-  for (const tableRow of rows) {
-    const blocks = tableRow.map(
-      (ti) => renderTable(data.tables[ti], allMetrics[ti], colorMap.get(data.tables[ti].name) ?? ERD_PALETTE[0])
-    );
-    const height = Math.max(...blocks.map((b) => b.length));
-    for (let line = 0; line < height; line++) {
-      const parts = blocks.map((b, j) => {
-        const l = b[line] ?? " ".repeat(allMetrics[tableRow[j]].totalW);
-        return j < blocks.length - 1 ? l + " ".repeat(GAP) : l;
-      });
-      output.push(parts.join(""));
-    }
+  data.tables.forEach((t, ti) => {
+    const block = renderTable(t, allMetrics[ti], colorMap.get(t.name) ?? ERD_PALETTE[0]);
+    output.push(...block);
     output.push("");
-  }
+  });
   return output.join("\n").trimEnd();
 }
 function fmtAi(text, error) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deaquinodev/querky",
-  "version": "0.4.11",
+  "version": "0.4.13",
   "description": "A quirky terminal SQL client with vim mode, AI features, and schema-aware autocomplete",
   "main": "dist/index.js",
   "files": [