@deaquinodev/querky 0.4.15 → 0.4.17

package/README.md

@@ -2,8 +2,6 @@
 
 A quirky terminal SQL client with vim keybindings, schema-aware autocomplete, query aliases, and AI-powered query explanation.
 
-![Querky](./readme-cover.png)
-
 ## Features
 
 - **Beautiful tables** — clean, aligned output with automatic expanded mode for wide results

package/dist/index.js

@@ -1477,15 +1477,15 @@ function tokenizeSql(sql) {
 
 // src/ui/theme.ts
 var theme = {
-  accent: "#818cf8",
-  insertMode: "#22d3ee",
-  normalMode: "#ff7722",
-  shellMode: "#4ade80",
-  logo: "#ff9f43",
+  accent: "yellow",
+  insertMode: "cyan",
+  normalMode: "yellow",
+  shellMode: "green",
+  logo: "magenta",
   success: "green",
   error: "red",
   warning: "yellow",
-  muted: "white"
+  muted: "grey"
 };
 
 // src/ui/components/QueryInput.tsx
@@ -1505,13 +1505,13 @@ function FuzzyHighlight({ text, token, selected }) {
   ) });
 }
 var BG = "#1e1e1e";
-var ACCENT = "#818cf8";
-var PROMPT_MUTED = "#6b7280";
-var PLACEHOLDER = "#4b5563";
-var KW_COLOR = "#a5b4fc";
-var STR_COLOR = "#fb923c";
-var NUM_COLOR = "#86efac";
-var CMT_COLOR = "#6b7280";
+var ACCENT = theme.insertMode;
+var PROMPT_MUTED = theme.muted;
+var PLACEHOLDER = "#585858";
+var KW_COLOR = "cyan";
+var STR_COLOR = "green";
+var NUM_COLOR = "yellow";
+var CMT_COLOR = "grey";
 function sqlTokenColor(type) {
   if (type === "keyword") return KW_COLOR;
   if (type === "string") return STR_COLOR;
@@ -1752,10 +1752,12 @@ import { Box as Box3, Text as Text3 } from "ink";
 // src/ui/components/Table.tsx
 import { Box as Box2, Text as Text2 } from "ink";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var HEADER_COLOR = theme.accent;
+var NULL_COLOR = theme.muted;
 
 // src/ui/components/QueryResult.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var ERROR_FG = "#ff4444";
+var ERROR_FG = theme.error;
 function ErrorBox({ message }) {
   const lines = message.split("\n");
   return /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", marginTop: 1, children: lines.map((line, i) => /* @__PURE__ */ jsxs3(Text3, { color: ERROR_FG, bold: true, children: [
@@ -1767,37 +1769,18 @@ 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.15" : process.env.npm_package_version ?? "unknown";
+var version = true ? "0.4.17" : process.env.npm_package_version ?? "unknown";
 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 \u2584\u2584\u2584"
 ];
-var WORDMARK_WIDTH = Math.max(...WORDMARK.map((l) => [...l].length));
-var GRADIENT = [
-  "#ff00dd",
-  "#ff33bb",
-  "#ff6699",
-  "#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)}`;
-}
+var WORDMARK_COLOR = theme.logo;
 function Banner({ connectionState }) {
   const isConnected = connectionState.status === "connected";
   return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginTop: 2, marginBottom: 1, children: [
-    /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", 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__ */ jsx4(Box4, { flexDirection: "column", children: WORDMARK.map((line, li) => /* @__PURE__ */ jsx4(Box4, { children: [...line].map((ch, x) => /* @__PURE__ */ jsx4(Text4, { color: WORDMARK_COLOR, bold: true, children: ch }, x)) }, li)) }),
     /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginTop: 1, marginLeft: 1, children: [
       /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
         "v",
@@ -1829,10 +1812,23 @@ function Banner({ connectionState }) {
 var R = "\x1B[0m";
 var BOLD = "\x1B[1m";
 var DIM = "\x1B[2m";
-function fg(hex) {
-  const r = parseInt(hex.slice(1, 3), 16);
-  const g = parseInt(hex.slice(3, 5), 16);
-  const b = parseInt(hex.slice(5, 7), 16);
+var ANSI_FG = {
+  black: "\x1B[30m",
+  red: "\x1B[31m",
+  green: "\x1B[32m",
+  yellow: "\x1B[33m",
+  blue: "\x1B[34m",
+  magenta: "\x1B[35m",
+  cyan: "\x1B[36m",
+  white: "\x1B[37m",
+  grey: "\x1B[90m",
+  gray: "\x1B[90m"
+};
+function fg(color) {
+  if (color in ANSI_FG) return ANSI_FG[color];
+  const r = parseInt(color.slice(1, 3), 16);
+  const g = parseInt(color.slice(3, 5), 16);
+  const b = parseInt(color.slice(5, 7), 16);
   return `\x1B[38;2;${r};${g};${b}m`;
 }
 function c(hex, s) {
@@ -1850,23 +1846,24 @@ function cbold(hex, s) {
 function cdim(hex, s) {
   return fg(hex) + DIM + s + R;
 }
-var ACCENT2 = "#818cf8";
-var HEADER_COL = "#9ca3af";
-var NULL_COL = "#6366f1";
-var INDIGO = "#818cf8";
-var AI_COL = "#a5b4fc";
-var ERROR_COL = "#ff4444";
-var WARN_COL = "#f59e0b";
-var ERD_BORDER = "#4b5563";
+var ACCENT2 = theme.accent;
+var HEADER_COL = theme.muted;
+var NULL_COL = theme.muted;
+var INDIGO = theme.accent;
+var AI_COL = theme.insertMode;
+var ERROR_COL = theme.error;
+var WARN_COL = theme.warning;
+var SHELL_COL = theme.shellMode;
+var ERD_BORDER = "grey";
 var ERD_PALETTE = [
-  "#f472b6",
-  "#34d399",
-  "#fb923c",
-  "#60a5fa",
-  "#a78bfa",
-  "#f87171",
-  "#fbbf24",
-  "#2dd4bf"
+  "cyan",
+  "green",
+  "yellow",
+  "red",
+  "magenta",
+  "white",
+  "grey",
+  "blue"
 ];
 var NULL_MARKER = "\u2205";
 var COL_PAD = 1;
@@ -2110,8 +2107,8 @@ function fmtEntry(entry) {
 
 // src/ui/components/App.tsx
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var PLACEHOLDER2 = "#a5b4fc";
-var QUERY_HEADER_COLOR = "#9ca3af";
+var PLACEHOLDER2 = theme.muted;
+var QUERY_HEADER_COLOR = theme.muted;
 function QueryHeader({ label, query }) {
   const isMultiLine = query.includes("\n");
   if (isMultiLine) {

package/package.json

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