@deaquinodev/querky 0.4.12 → 0.4.14

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.14" : 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 = [
+  "\u2597\u2584\u2584\u2584\u2596 \u2597\u2596 \u2597\u2596\u2597\u2584\u2584\u2584\u2596\u2597\u2584\u2584\u2596 \u2597\u2596 \u2597\u2596\u2597\u2596  \u2597\u2596",
+  "\u2590\u258C \u2590\u258C \u2590\u258C \u2590\u258C\u2590\u258C   \u2590\u258C \u2590\u258C\u2590\u258C\u2597\u259E\u2598 \u259D\u259A\u259E\u2598",
+  "\u2590\u258C \u2590\u258C \u2590\u258C \u2590\u258C\u2590\u259B\u2580\u2580\u2598\u2590\u259B\u2580\u259A\u2596\u2590\u259B\u259A\u2596   \u2590\u258C",
+  "\u2590\u2599\u2584\u259F\u2599\u2596\u259D\u259A\u2584\u259E\u2598\u2590\u2599\u2584\u2584\u2596\u2590\u258C \u2590\u258C\u2590\u258C \u2590\u258C  \u2590\u258C"
+];
+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: [

package/package.json

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