lone-format 0.12.1 → 0.13.0

package/dist/_chunks/index-DfjCsqDT.js

@@ -0,0 +1,1005 @@
+import { defineComponent as M, computed as _, resolveComponent as J, createElementBlock as q, openBlock as N, createElementVNode as I, createCommentVNode as Q, normalizeClass as B, Fragment as $, renderList as H, createBlock as P, useCssVars as G, ref as w, watch as U, toDisplayString as z } from "vue";
+import { format as W } from "sql-formatter";
+import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Y = {
+  name: "github-light",
+  colors: {
+    // 背景色
+    background: "#ffffff",
+    surfaceBackground: "#f6f8fa",
+    hoverBackground: "#f3f4f6",
+    // 边框色
+    border: "#d0d7de",
+    // 文本色
+    text: "#24292f",
+    textSecondary: "#57606a",
+    // 按钮样式
+    buttonBackground: "#f6f8fa",
+    buttonBackgroundHover: "#f3f4f6",
+    buttonBorder: "#d0d7de",
+    buttonText: "#24292f",
+    buttonPrimary: "#1f883d",
+    buttonPrimaryHover: "#1a7f37",
+    // 状态指示
+    success: "#1f883d",
+    successBackground: "#dafbe1",
+    error: "#cf222e",
+    errorBackground: "#ffebe9",
+    // SQL 语法高亮
+    sqlKeyword: "#cf222e",
+    // 关键字 - 红色
+    sqlFunction: "#8250df",
+    // 函数 - 紫色
+    sqlString: "#0a3069",
+    // 字符串 - 深蓝
+    sqlNumber: "#0550ae",
+    // 数字 - 蓝色
+    sqlComment: "#6e7781",
+    // 注释 - 灰色
+    sqlOperator: "#cf222e",
+    // 操作符 - 红色
+    sqlIdentifier: "#24292f",
+    // 标识符 - 黑色
+    sqlPunctuation: "#24292f",
+    // 标点 - 黑色
+    // 折叠效果
+    collapsedBackground: "#ddf4ff",
+    // 折叠信息背景色 - 浅蓝
+    collapsedText: "#0969da",
+    // 折叠信息文本色 - 蓝色
+    // 缩进指示线
+    indentLine: "#d0d7de"
+    // 对齐线 - 灰色
+  }
+}, X = {
+  name: "github-dark",
+  colors: {
+    // 背景色
+    background: "#0d1117",
+    surfaceBackground: "#161b22",
+    hoverBackground: "#30363d",
+    // 边框色
+    border: "#30363d",
+    // 文本色
+    text: "#c9d1d9",
+    textSecondary: "#8b949e",
+    // 按钮样式
+    buttonBackground: "#21262d",
+    buttonBackgroundHover: "#30363d",
+    buttonBorder: "#30363d",
+    buttonText: "#c9d1d9",
+    buttonPrimary: "#238636",
+    buttonPrimaryHover: "#2ea043",
+    // 状态指示
+    success: "#3fb950",
+    successBackground: "#0f2e1c",
+    error: "#f85149",
+    errorBackground: "#3d1319",
+    // SQL 语法高亮
+    sqlKeyword: "#ff7b72",
+    // 关键字 - 红色
+    sqlFunction: "#d2a8ff",
+    // 函数 - 紫色
+    sqlString: "#a5d6ff",
+    // 字符串 - 淡蓝色
+    sqlNumber: "#79c0ff",
+    // 数字 - 亮蓝色
+    sqlComment: "#8b949e",
+    // 注释 - 灰色
+    sqlOperator: "#ff7b72",
+    // 操作符 - 红色
+    sqlIdentifier: "#c9d1d9",
+    // 标识符 - 白色
+    sqlPunctuation: "#c9d1d9",
+    // 标点 - 白色
+    // 折叠效果
+    collapsedBackground: "#1c2d41",
+    // 折叠信息背景色 - 深蓝
+    collapsedText: "#58a6ff",
+    // 折叠信息文本色 - 蓝色
+    // 缩进指示线
+    indentLine: "#30363d"
+    // 对齐线 - 灰色
+  }
+}, Z = {
+  name: "min-light",
+  colors: {
+    // 背景色 - 纯白简洁
+    background: "#ffffff",
+    surfaceBackground: "#fafafa",
+    hoverBackground: "#f9f9f9",
+    // 边框色 - 极浅灰
+    border: "#e5e5e5",
+    // 文本色 - 深灰而非纯黑
+    text: "#333333",
+    textSecondary: "#888888",
+    // 按钮样式 - 简约设计
+    buttonBackground: "#f8f8f8",
+    buttonBackgroundHover: "#eeeeee",
+    buttonBorder: "#e0e0e0",
+    buttonText: "#333333",
+    buttonPrimary: "#007acc",
+    buttonPrimaryHover: "#005a9e",
+    // 状态指示 - 柔和色彩
+    success: "#22c55e",
+    successBackground: "#f0fdf4",
+    error: "#ef4444",
+    errorBackground: "#fef2f2",
+    // SQL 语法高亮 - 简约配色（与 JSON 对应）
+    sqlKeyword: "#22c55e",
+    // 关键字 - 对应 Boolean 红色系
+    sqlFunction: "#8b5cf6",
+    // 函数 - 对应 Boolean 紫色
+    sqlString: "#ef4444",
+    // 字符串 - 对应 String 绿色
+    sqlNumber: "#3b82f6",
+    // 数字 - 对应 Number 蓝色
+    sqlComment: "#6b7280",
+    // 注释 - 对应 Null 灰色
+    sqlOperator: "#ef4444",
+    // 操作符 - 红色
+    sqlIdentifier: "#1f2937",
+    // 标识符 - 对应 Key 深灰
+    sqlPunctuation: "#374151",
+    // 标点 - 对应 Bracket 灰色
+    // 折叠效果
+    collapsedBackground: "#e0f2fe",
+    // 折叠信息背景色 - 浅蓝
+    collapsedText: "#0284c7",
+    // 折叠信息文本色 - 蓝色
+    // 缩进指示线
+    indentLine: "#e5e7eb"
+    // 对齐线 - 灰色
+  }
+}, ee = {
+  name: "slack-ochin",
+  colors: {
+    // 背景色
+    background: "#fef5ed",
+    surfaceBackground: "#fef9f3",
+    hoverBackground: "#f9f0e5",
+    // 边框色
+    border: "#e9dcc9",
+    // 文本色
+    text: "#3d3c40",
+    textSecondary: "#616061",
+    // 按钮样式
+    buttonBackground: "#fef9f3",
+    buttonBackgroundHover: "#f9f0e5",
+    buttonBorder: "#e9dcc9",
+    buttonText: "#3d3c40",
+    buttonPrimary: "#007a5a",
+    buttonPrimaryHover: "#006644",
+    // 状态指示
+    success: "#007a5a",
+    successBackground: "#d1f4e0",
+    error: "#e01e5a",
+    errorBackground: "#ffdbea",
+    // SQL 语法高亮
+    sqlKeyword: "#e01e5a",
+    // 关键字 - 红色
+    sqlFunction: "#8b2eff",
+    // 函数 - 紫色
+    sqlString: "#0b4c8c",
+    // 字符串 - 深蓝
+    sqlNumber: "#1264a3",
+    // 数字 - 蓝色
+    sqlComment: "#616061",
+    // 注释 - 灰色
+    sqlOperator: "#e01e5a",
+    // 操作符 - 红色
+    sqlIdentifier: "#3d3c40",
+    // 标识符 - 深色
+    sqlPunctuation: "#3d3c40",
+    // 标点 - 深色
+    // 折叠效果
+    collapsedBackground: "#d8eaf5",
+    // 折叠信息背景色 - 浅蓝
+    collapsedText: "#0b4c8c",
+    // 折叠信息文本色 - 深蓝
+    // 缩进指示线
+    indentLine: "#3e4348"
+    // 对齐线 - 灰色
+  }
+}, V = {
+  "github-light": Y,
+  "github-dark": X,
+  "min-light": Z,
+  "slack-ochin": ee
+}, te = (o) => V[o] || V["github-light"], F = [
+  "SELECT",
+  "FROM",
+  "WHERE",
+  "JOIN",
+  "INNER",
+  "LEFT",
+  "RIGHT",
+  "FULL",
+  "OUTER",
+  "ON",
+  "GROUP",
+  "BY",
+  "HAVING",
+  "ORDER",
+  "LIMIT",
+  "OFFSET",
+  "INSERT",
+  "INTO",
+  "VALUES",
+  "UPDATE",
+  "SET",
+  "DELETE",
+  "CREATE",
+  "ALTER",
+  "DROP",
+  "TABLE",
+  "DATABASE",
+  "INDEX",
+  "VIEW",
+  "AND",
+  "OR",
+  "NOT",
+  "IN",
+  "BETWEEN",
+  "LIKE",
+  "IS",
+  "NULL",
+  "AS",
+  "DISTINCT",
+  "UNION",
+  "ALL",
+  "EXISTS",
+  "CASE",
+  "WHEN",
+  "THEN",
+  "ELSE",
+  "END"
+], se = [
+  "WITH",
+  "SELECT",
+  "FROM",
+  "WHERE",
+  "GROUP BY",
+  "HAVING",
+  "ORDER BY",
+  "LIMIT",
+  "INSERT INTO",
+  "UPDATE",
+  "SET",
+  "DELETE FROM",
+  "CREATE",
+  "ALTER",
+  "DROP",
+  "INNER JOIN",
+  "LEFT JOIN",
+  "RIGHT JOIN",
+  "FULL JOIN",
+  "CROSS JOIN",
+  "OUTER JOIN",
+  "JOIN",
+  "UNION ALL",
+  "UNION",
+  "INTERSECT",
+  "EXCEPT"
+], ne = (o) => {
+  try {
+    if (!o || !o.trim())
+      return { valid: !1, error: "SQL string is empty" };
+    const s = o.toUpperCase().trim();
+    if (!F.some((t) => new RegExp(`\\b${t}\\b`).test(s)))
+      return { valid: !1, error: "No valid SQL keywords found" };
+    let u = 0, n = !1, i = "";
+    for (let t = 0; t < o.length; t++) {
+      const c = o[t], m = t > 0 ? o[t - 1] : "";
+      if ((c === "'" || c === '"') && m !== "\\" && (n ? c === i && (n = !1, i = "") : (n = !0, i = c)), !n && (c === "(" && u++, c === ")" && u--, u < 0))
+        return { valid: !1, error: "Mismatched parentheses: unexpected closing parenthesis" };
+    }
+    if (u !== 0)
+      return { valid: !1, error: `Mismatched parentheses: ${u} unclosed opening parenthesis` };
+    try {
+      return W(o, { language: "sql" }), { valid: !0 };
+    } catch (t) {
+      return {
+        valid: !1,
+        error: t instanceof Error ? t.message : "SQL syntax error"
+      };
+    }
+  } catch (s) {
+    return {
+      valid: !1,
+      error: s instanceof Error ? s.message : "Unknown validation error"
+    };
+  }
+}, re = (o, s) => {
+  const e = o.match(/\bVALUES\s*/i);
+  if (!e || e.index === void 0) return o;
+  const u = o.slice(0, e.index + e[0].length), n = o.slice(e.index + e[0].length), i = [];
+  let t = 0, c = "", m = !1, r = "", d = 0;
+  for (; d < n.length; ) {
+    const l = n[d], E = d > 0 ? n[d - 1] : "";
+    if ((l === "'" || l === '"') && E !== "\\" && (m ? l === r && (m = !1) : (m = !0, r = l)), m)
+      t > 0 && (c += l);
+    else if (l === "(")
+      t === 0 ? c = l : c += l, t++;
+    else if (l === ")")
+      c += l, t--, t === 0 && c.trim() && (i.push(c.trim()), c = "");
+    else {
+      if (l === ";" && t === 0)
+        break;
+      t > 0 && (c += l);
+    }
+    d++;
+  }
+  if (i.length === 0)
+    return o;
+  const b = " ".repeat(s), y = i.map((l) => {
+    const E = l.slice(1, -1), k = [];
+    let T = "", O = 0, L = !1, x = "";
+    for (let v = 0; v < E.length; v++) {
+      const g = E[v], S = v > 0 ? E[v - 1] : "";
+      if ((g === "'" || g === '"') && S !== "\\" && (L ? g === x && (L = !1) : (L = !0, x = g)), !L && (g === "(" && O++, g === ")" && O--, g === "," && O === 0)) {
+        k.push(T.trim()), T = "";
+        continue;
+      }
+      T += g;
+    }
+    T.trim() && k.push(T.trim());
+    const p = k.map((v, g) => {
+      const S = g < k.length - 1 ? "," : "";
+      return `${b}${b}${v}${S}`;
+    }).join(`
+`);
+    return `${b}(
+${p}
+${b})`;
+  }), h = y.map((l, E) => {
+    const k = E < y.length - 1 ? "," : ";";
+    return l + k;
+  }).join(`
+`);
+  let a = d;
+  a < n.length && n[a] === ";" && a++;
+  const f = n.slice(a);
+  return u.trimEnd() + `
+` + h + f;
+}, A = (o, s) => {
+  try {
+    const e = s?.dialect || "sql", u = s?.tabWidth || 2, n = s?.keywordCase || "upper", i = s?.useTabs || !1, t = s?.linesBetweenQueries || 1, m = {
+      sql: "sql",
+      mysql: "mysql",
+      postgresql: "postgresql",
+      sqlite: "sqlite",
+      plsql: "plsql",
+      tsql: "tsql"
+    }[e] || "sql";
+    let r = W(o, {
+      language: m,
+      tabWidth: u,
+      keywordCase: n,
+      useTabs: i,
+      linesBetweenQueries: t,
+      // 其他默认配置
+      indentStyle: "standard"
+    });
+    return /\bINSERT\s+INTO\b/i.test(r) && /\bVALUES\b/i.test(r) && (r = re(r, u)), r;
+  } catch (e) {
+    return console.error("SQL formatting error:", e), o;
+  }
+}, le = (o) => {
+  try {
+    const s = [];
+    let e = o.replace(/(["'])(?:(?=(\\?))\2.)*?\1/g, (u) => (s.push(u), `__STR_${s.length - 1}__`));
+    return e = e.replace(/--[^\n]*/g, "").replace(/\/\*[\s\S]*?\*\//g, ""), e = e.replace(/\s+/g, " ").trim(), s.forEach((u, n) => {
+      e = e.replace(`__STR_${n}__`, u);
+    }), e;
+  } catch (s) {
+    return console.error("SQL compression error:", s), o;
+  }
+}, oe = (o, s) => {
+  const e = [], u = o.match(/^(.*?\bVALUES\b)/is);
+  if (!u) return [];
+  const n = u[1].trim();
+  e.push({
+    type: "VALUES",
+    content: n,
+    raw: n,
+    collapsible: !1,
+    path: `clause-${s}`
+  });
+  let t = o.slice(u[1].length).trim(), c = 0, m = 0, r = "", d = !1, b = "";
+  for (let y = 0; y < t.length; y++) {
+    const h = t[y], a = y > 0 ? t[y - 1] : "";
+    if ((h === "'" || h === '"') && a !== "\\" && (d ? h === b && (d = !1) : (d = !0, b = h)), d)
+      m > 0 && (r += h);
+    else if (h === "(" && m === 0)
+      m++, r = h;
+    else if (h === "(")
+      m++, r += h;
+    else if (h === ")") {
+      if (r += h, m--, m === 0) {
+        let f = y + 1, l = "";
+        for (; f < t.length; ) {
+          const k = t[f];
+          if (k === "," || k === ";") {
+            l = k;
+            break;
+          } else if (!/\s/.test(k))
+            break;
+          f++;
+        }
+        const E = r.trim();
+        E && (e.push({
+          type: "VALUE_TUPLE",
+          content: E + l,
+          raw: E + l,
+          collapsible: !0,
+          path: `clause-${s}-value-${c}`
+        }), c++), r = "", l && (y = f);
+      }
+    } else m > 0 && (r += h);
+  }
+  return e;
+}, ae = (o, s) => /\n\s*ON\b/i.test(s) ? s : s.replace(
+  /^(\s*)((?:INNER|LEFT|RIGHT|FULL|CROSS|OUTER)?\s*JOIN\b[^\n]*?)\s+ON\b\s*/gim,
+  `$1$2
+$1ON `
+), ce = (o) => {
+  let s = 0, e = !1, u = "";
+  for (let n = 0; n < o.length; n++) {
+    const i = o[n], t = n > 0 ? o[n - 1] : "";
+    if ((i === "'" || i === '"') && t !== "\\") {
+      e ? i === u && (e = !1, u = "") : (e = !0, u = i);
+      continue;
+    }
+    e || (i === "(" && s++, i === ")" && s--);
+  }
+  return s;
+}, ie = (o) => {
+  const s = [];
+  let e = 0, u = -1, n = !1, i = "";
+  for (let t = 0; t < o.length; t++) {
+    const c = o[t], m = t > 0 ? o[t - 1] : "";
+    if ((c === "'" || c === '"') && m !== "\\") {
+      n ? c === i && (n = !1, i = "") : (n = !0, i = c);
+      continue;
+    }
+    n || (c === "(" ? (e === 0 && (u = t), e++) : c === ")" && (e--, e === 0 && u >= 0 && (s.push({ open: u, close: t }), u = -1)));
+  }
+  return s;
+}, ue = (o) => {
+  const s = o.trim();
+  return s ? /^(SELECT|WITH)\b/i.test(s) ? !0 : /\n\s*(SELECT|FROM|WHERE|JOIN|UNION|INTERSECT|EXCEPT)\b/i.test(o) : !1;
+}, de = (o) => {
+  const s = o.content.split(`
+`);
+  let e = -1;
+  for (let r = 0; r < s.length; r++)
+    if (s[r].trim()) {
+      e = r;
+      break;
+    }
+  if (e < 0) return;
+  const u = s.slice(e + 1).join(`
+`);
+  if (!u) return;
+  const i = ie(u).filter(
+    (r) => ue(u.slice(r.open + 1, r.close))
+  );
+  if (i.length === 0) return;
+  const t = [];
+  let c = 0;
+  const m = o.path || "clause";
+  i.forEach((r, d) => {
+    r.open + 1 > c && t.push({ kind: "text", text: u.slice(c, r.open + 1) });
+    const b = u.lastIndexOf(`
+`, r.close - 1) + 1, y = b > r.open, h = y ? b - 1 : r.close, a = u.slice(r.open + 1, h), f = K(a, `${m}-sub${d}-`);
+    for (const l of f)
+      t.push({ kind: "clause", clause: l });
+    c = y ? b : r.close;
+  }), c < u.length && t.push({ kind: "text", text: u.slice(c) }), o.body = t;
+}, K = (o, s) => {
+  const e = [], u = o.split(`
+`);
+  let n = null, i = [], t = [], c = 0;
+  const m = [...se].sort((d, b) => b.length - d.length), r = () => {
+    if (!n || i.length === 0) return;
+    let d = i.join(`
+`);
+    if (d = ae(n.type, d), n.content = d, n.raw = d, n.type === "INSERT INTO" && /\bVALUES\b/i.test(d)) {
+      const b = d.match(/^(.*?\bINSERT\s+INTO\s+[^(]+\s*\([^)]+\))/is);
+      if (b) {
+        const y = {
+          type: "INSERT INTO",
+          content: b[1].trim(),
+          raw: b[1].trim(),
+          collapsible: !0,
+          path: `${s}clause-${e.length}`
+        };
+        e.push(y);
+        const h = d.slice(b[1].length).trim(), a = e.length, f = oe(h, a);
+        for (let l = 0; l < f.length; l++)
+          f[l].path = `${s}clause-${a + l}`;
+        e.push(...f);
+        return;
+      }
+    }
+    de(n), e.push(n);
+  };
+  for (const d of u) {
+    const b = d.trim();
+    if (!b) {
+      n && i.push(d);
+      continue;
+    }
+    if (b.startsWith("--") || b.startsWith("/*")) {
+      n ? i.push(d) : t.push(d);
+      continue;
+    }
+    let h = !1, a = "UNKNOWN";
+    if (c === 0) {
+      for (const f of m)
+        if (new RegExp(`^${f}\\b`, "i").test(b)) {
+          h = !0, a = f.toUpperCase();
+          break;
+        }
+    }
+    h ? (r(), t.length > 0 && (e.push({
+      type: "UNKNOWN",
+      content: t.join(`
+`),
+      raw: t.join(`
+`),
+      collapsible: !1,
+      path: `${s}clause-${e.length}`
+    }), t = []), i = [d], n = {
+      type: a,
+      content: "",
+      raw: "",
+      collapsible: !0,
+      path: `${s}clause-${e.length}`
+    }) : n ? i.push(d) : (i = [...t, d], t = [], n = {
+      type: "UNKNOWN",
+      content: "",
+      raw: "",
+      collapsible: !1,
+      path: `${s}clause-${e.length}`
+    }), c = Math.max(0, c + ce(d));
+  }
+  return r(), t.length > 0 && e.push({
+    type: "UNKNOWN",
+    content: t.join(`
+`),
+    raw: t.join(`
+`),
+    collapsible: !1,
+    path: `${s}clause-${e.length}`
+  }), e;
+}, fe = (o) => {
+  try {
+    const s = A(o, { keywordCase: "upper" });
+    return { clauses: K(s, ""), raw: o };
+  } catch {
+    return {
+      clauses: [
+        {
+          type: "UNKNOWN",
+          content: o,
+          raw: o,
+          collapsible: !1,
+          path: "clause-0"
+        }
+      ],
+      raw: o
+    };
+  }
+}, j = (o) => {
+  const s = [];
+  let e = o;
+  const u = [
+    "COUNT",
+    "SUM",
+    "AVG",
+    "MAX",
+    "MIN",
+    "UPPER",
+    "LOWER",
+    "SUBSTRING",
+    "CONCAT",
+    "LENGTH",
+    "TRIM",
+    "NOW",
+    "DATE",
+    "YEAR",
+    "MONTH",
+    "DAY",
+    "COALESCE",
+    "CAST",
+    "CONVERT",
+    "ROUND",
+    "ABS",
+    "FLOOR",
+    "CEIL"
+  ], n = ["=", "!=", "<>", "<", ">", "<=", ">=", "+", "-", "*", "/", "%", "||"], i = ["(", ")", ",", ";", "."];
+  for (; e.length > 0; ) {
+    let t = !1;
+    const c = e.match(/^(\s+)/);
+    if (c) {
+      s.push({ type: "whitespace", value: c[1] }), e = e.slice(c[1].length);
+      continue;
+    }
+    const m = e.match(/^(--[^\n]*)/);
+    if (m) {
+      s.push({ type: "comment", value: m[1] }), e = e.slice(m[1].length);
+      continue;
+    }
+    const r = e.match(/^(\/\*[\s\S]*?\*\/)/);
+    if (r) {
+      s.push({ type: "comment", value: r[1] }), e = e.slice(r[1].length);
+      continue;
+    }
+    const d = e.match(/^(["'])(?:(?=(\\?))\2.)*?\1/);
+    if (d) {
+      s.push({ type: "string", value: d[0] }), e = e.slice(d[0].length);
+      continue;
+    }
+    const b = e.match(/^(\d+\.?\d*|\.\d+)/);
+    if (b) {
+      s.push({ type: "number", value: b[1] }), e = e.slice(b[1].length);
+      continue;
+    }
+    for (const h of n)
+      if (e.startsWith(h)) {
+        s.push({ type: "operator", value: h }), e = e.slice(h.length), t = !0;
+        break;
+      }
+    if (t) continue;
+    for (const h of i)
+      if (e.startsWith(h)) {
+        s.push({ type: "punctuation", value: h }), e = e.slice(h.length), t = !0;
+        break;
+      }
+    if (t) continue;
+    const y = e.match(/^([a-zA-Z_][a-zA-Z0-9_]*)/);
+    if (y) {
+      const h = y[1], a = h.toUpperCase();
+      F.includes(a) ? s.push({ type: "keyword", value: h }) : u.includes(a) ? s.push({ type: "function", value: h }) : s.push({ type: "identifier", value: h }), e = e.slice(h.length);
+      continue;
+    }
+    s.push({ type: "punctuation", value: e[0] }), e = e.slice(1);
+  }
+  return s;
+}, pe = { class: "sql-clause-node" }, he = ["title"], me = { class: "sql-clause-node__code" }, ge = ["innerHTML"], be = {
+  key: 0,
+  class: "sql-clause-node__body"
+}, ve = ["title"], ye = ["innerHTML"], Ee = ["title"], ke = ["innerHTML"], Te = /* @__PURE__ */ M({
+  __name: "SqlClauseNode",
+  props: {
+    clause: {},
+    expandedClauses: {},
+    theme: {}
+  },
+  emits: ["toggle"],
+  setup(o, { emit: s }) {
+    const e = o, u = s, n = _(() => e.clause.path || ""), i = _(() => e.expandedClauses.has(n.value)), t = _(() => {
+      const a = e.clause.content.split(`
+`);
+      for (const f of a)
+        if (f.trim()) return f;
+      return "";
+    }), c = _(() => {
+      const a = e.clause.content.split(`
+`);
+      if (a.length <= 1) return "";
+      let f = 0;
+      for (let l = 0; l < a.length; l++)
+        if (a[l].trim()) {
+          f = l;
+          break;
+        }
+      return a.slice(f + 1).join(`
+`);
+    }), m = _(() => e.clause.body && e.clause.body.length > 0 ? !0 : !!c.value), r = (a) => {
+      const f = j(a), l = e.theme.colors;
+      return f.map((E) => {
+        let k = l.text;
+        switch (E.type) {
+          case "keyword":
+            k = l.sqlKeyword;
+            break;
+          case "function":
+            k = l.sqlFunction;
+            break;
+          case "string":
+            k = l.sqlString;
+            break;
+          case "number":
+            k = l.sqlNumber;
+            break;
+          case "comment":
+            k = l.sqlComment;
+            break;
+          case "operator":
+            k = l.sqlOperator;
+            break;
+          case "identifier":
+            k = l.sqlIdentifier;
+            break;
+          case "punctuation":
+            k = l.sqlPunctuation;
+            break;
+          case "whitespace":
+            return E.value.replace(/ /g, "&nbsp;").replace(/\n/g, `
+`);
+        }
+        const T = E.value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+        return `<span style="color: ${k}">${T}</span>`;
+      }).join("");
+    }, d = _(() => {
+      const a = e.clause.body;
+      if (!a || a.length === 0) return null;
+      let f = "", l = !1;
+      for (const v of a)
+        if (v.kind === "text") {
+          const g = v.text.indexOf("(");
+          if (g >= 0) {
+            f += v.text.slice(0, g), l = !0;
+            break;
+          }
+          f += v.text;
+        } else
+          return null;
+      if (!l) return null;
+      let E = "";
+      for (let v = a.length - 1; v >= 0; v--) {
+        const g = a[v];
+        if (g.kind === "text") {
+          const S = g.text.lastIndexOf(")");
+          if (S >= 0) {
+            E = g.text.slice(S + 1) + E;
+            break;
+          }
+          E = g.text + E;
+        } else
+          break;
+      }
+      const k = f.replace(/\s+/g, " ").trim(), T = E.replace(/\s+/g, " ").trim(), O = t.value, L = (O.match(/^\s*/) || [""])[0], p = [O.trimStart()];
+      return k && p.push(k), p.push("(...)"), T && p.push(T), `${L}${p.join(" ")}`;
+    }), b = _(() => {
+      if (e.clause.collapsible && !i.value && m.value) {
+        const a = d.value;
+        if (a)
+          return r(a);
+        const f = r(t.value), l = e.theme.colors.textSecondary;
+        return `${f}<span style="color: ${l}; opacity: 0.6; font-style: italic; margin-left: 4px;"> ...</span>`;
+      }
+      return r(t.value);
+    }), y = () => {
+      e.clause.collapsible && u("toggle", n.value);
+    }, h = (a) => {
+      if (!e.clause.collapsible) return;
+      const f = a.target;
+      if (!f) return;
+      const l = (f.textContent || "").trim();
+      (l === "(" || l === ")") && u("toggle", n.value);
+    };
+    return (a, f) => {
+      const l = J("SqlClauseNode", !0);
+      return N(), q("div", pe, [
+        I("div", {
+          class: B(["sql-clause-node__header", { "sql-clause-node__header--collapsible": a.clause.collapsible }]),
+          title: a.clause.collapsible ? i.value ? "Click to collapse" : "Click to expand" : "",
+          onClick: y
+        }, [
+          I("pre", me, [
+            I("code", { innerHTML: b.value }, null, 8, ge)
+          ])
+        ], 10, he),
+        i.value && m.value ? (N(), q("div", be, [
+          a.clause.body && a.clause.body.length > 0 ? (N(!0), q($, { key: 0 }, H(a.clause.body, (E, k) => (N(), q($, { key: k }, [
+            E.kind === "text" ? (N(), q("pre", {
+              key: 0,
+              class: B(["sql-clause-node__code sql-clause-node__text-segment", { "sql-clause-node__text-segment--clickable": a.clause.collapsible }]),
+              title: a.clause.collapsible ? "Click ( or ) to collapse" : "",
+              onClick: f[0] || (f[0] = (T) => h(T))
+            }, [
+              I("code", {
+                innerHTML: r(E.text)
+              }, null, 8, ye)
+            ], 10, ve)) : (N(), P(l, {
+              key: 1,
+              clause: E.clause,
+              "expanded-clauses": a.expandedClauses,
+              theme: a.theme,
+              onToggle: f[1] || (f[1] = (T) => a.$emit("toggle", T))
+            }, null, 8, ["clause", "expanded-clauses", "theme"]))
+          ], 64))), 128)) : (N(), q("pre", {
+            key: 1,
+            class: B(["sql-clause-node__code sql-clause-node__rest", { "sql-clause-node__rest--clickable": a.clause.collapsible }]),
+            title: a.clause.collapsible ? "Click ( or ) to collapse" : "",
+            onClick: f[2] || (f[2] = (E) => h(E))
+          }, [
+            I("code", {
+              innerHTML: r(c.value)
+            }, null, 8, ke)
+          ], 10, Ee))
+        ])) : Q("", !0)
+      ]);
+    };
+  }
+}), Ce = /* @__PURE__ */ D(Te, [["__scopeId", "data-v-8b9383dc"]]), Ne = { class: "sql-format__content" }, Se = {
+  key: 0,
+  class: "sql-format__error"
+}, qe = {
+  key: 1,
+  class: "sql-format__viewer"
+}, _e = {
+  key: 0,
+  class: "sql-format__clauses"
+}, Ie = {
+  key: 1,
+  class: "sql-format__code"
+}, Oe = ["innerHTML"], Le = /* @__PURE__ */ M({
+  __name: "index",
+  props: {
+    modelValue: { default: "" },
+    readonly: { type: Boolean, default: !1 },
+    theme: { default: "github-light" },
+    dialect: { default: "sql" },
+    tabWidth: { default: 2 }
+  },
+  emits: ["update:modelValue", "copy-success", "copy-error", "expand-all", "collapse-all", "compress", "format"],
+  setup(o, { expose: s, emit: e }) {
+    G((p) => ({
+      "175be318": y.value.colors.background,
+      "6c8d0a97": y.value.colors.text,
+      e09ea4a8: y.value.colors.errorBackground,
+      "2446b9de": y.value.colors.error
+    }));
+    const u = (p) => {
+      const v = [], g = (S) => {
+        for (const C of S)
+          if (C.path && v.push(C.path), C.body)
+            for (const R of C.body)
+              R.kind === "clause" && g([R.clause]);
+      };
+      return g(p), v;
+    }, n = o, i = e, t = w(""), c = w(n.dialect), m = w([]), r = w(/* @__PURE__ */ new Set()), d = w(""), b = _(() => t.value === ""), y = _(() => te(n.theme)), h = (p) => {
+      if (!p || !p.trim()) {
+        t.value = "", m.value = [], r.value.clear();
+        return;
+      }
+      try {
+        const v = ne(p);
+        if (!v.valid) {
+          t.value = v.error || "Invalid SQL", m.value = [], d.value = "";
+          return;
+        }
+        const g = fe(p);
+        m.value = g.clauses, d.value = A(p, {
+          dialect: c.value,
+          tabWidth: n.tabWidth
+        }), r.value = new Set(u(g.clauses)), t.value = "";
+      } catch (v) {
+        t.value = v instanceof Error ? v.message : "Unknown parse error", m.value = [], d.value = "";
+      }
+    }, a = (p) => {
+      const v = j(p), g = y.value.colors;
+      return v.map((S) => {
+        let C = g.text;
+        switch (S.type) {
+          case "keyword":
+            C = g.sqlKeyword;
+            break;
+          case "function":
+            C = g.sqlFunction;
+            break;
+          case "string":
+            C = g.sqlString;
+            break;
+          case "number":
+            C = g.sqlNumber;
+            break;
+          case "comment":
+            C = g.sqlComment;
+            break;
+          case "operator":
+            C = g.sqlOperator;
+            break;
+          case "identifier":
+            C = g.sqlIdentifier;
+            break;
+          case "punctuation":
+            C = g.sqlPunctuation;
+            break;
+          case "whitespace":
+            return S.value.replace(/ /g, "&nbsp;").replace(/\n/g, `
+`);
+        }
+        const R = S.value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+        return `<span style="color: ${C}">${R}</span>`;
+      }).join("");
+    }, f = (p) => {
+      r.value.has(p) ? r.value.delete(p) : r.value.add(p), r.value = new Set(r.value);
+    }, l = () => {
+      r.value = new Set(u(m.value)), i("expand-all");
+    }, E = () => {
+      r.value = /* @__PURE__ */ new Set(), i("collapse-all");
+    }, k = async () => {
+      if (b.value)
+        try {
+          const p = d.value || n.modelValue;
+          await navigator.clipboard.writeText(p), i("copy-success", p);
+        } catch (p) {
+          const v = p instanceof Error ? p : new Error("Failed to copy");
+          i("copy-error", v);
+        }
+    }, T = () => {
+      if (b.value)
+        try {
+          const p = A(n.modelValue, {
+            dialect: c.value,
+            tabWidth: n.tabWidth
+          });
+          i("update:modelValue", p), i("format", p);
+        } catch (p) {
+          console.error("Format error:", p);
+        }
+    }, O = () => {
+      if (b.value)
+        try {
+          const p = le(n.modelValue);
+          i("update:modelValue", p), i("compress", p);
+        } catch (p) {
+          console.error("Compress error:", p);
+        }
+    }, L = () => null, x = () => t.value;
+    return U(
+      () => n.modelValue,
+      (p) => {
+        h(p);
+      },
+      { immediate: !0 }
+    ), U(
+      () => n.dialect,
+      (p) => {
+        c.value = p;
+      }
+    ), s({
+      copySql: k,
+      formatSource: T,
+      compressSource: O,
+      expandAll: l,
+      collapseAll: E,
+      toggleExpand: f,
+      isValidSql: () => b.value,
+      getParsedSql: L,
+      getParseError: x
+    }), (p, v) => (N(), q("div", {
+      class: B(["sql-format", `sql-format--${y.value.name}`])
+    }, [
+      I("div", Ne, [
+        b.value ? (N(), q("div", qe, [
+          m.value.length > 0 ? (N(), q("div", _e, [
+            (N(!0), q($, null, H(m.value, (g) => (N(), P(Ce, {
+              key: g.path,
+              clause: g,
+              "expanded-clauses": r.value,
+              theme: y.value,
+              onToggle: f
+            }, null, 8, ["clause", "expanded-clauses", "theme"]))), 128))
+          ])) : (N(), q("pre", Ie, [
+            I("code", {
+              innerHTML: a(n.modelValue)
+            }, null, 8, Oe)
+          ]))
+        ])) : (N(), q("div", Se, [
+          v[0] || (v[0] = I("h4", null, "SQL Parse Error:", -1)),
+          I("pre", null, z(t.value), 1)
+        ]))
+      ])
+    ], 2));
+  }
+}), Be = /* @__PURE__ */ D(Le, [["__scopeId", "data-v-36f32aa6"]]);
+export {
+  Be as S
+};