@buoy-gg/console 7.0.41 → 7.0.42

package/lib/commonjs/devtools/consoleFormat.js

@@ -1,313 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.formatConsoleMessage = formatConsoleMessage;
-var _theme = require("./theme");
-/**
- * consoleFormat — port of DevTools `panels/console/ConsoleFormat.ts`.
- *
- * Implements the WHATWG console Formatter: %s/%d/%i/%f/%o/%O/%c/%_ substitutions
- * plus ANSI SGR (\x1B[…m) styling. Where DevTools works over V8 RemoteObjects we
- * work over raw JS values; the substitution/ANSI logic is otherwise 1:1.
- *
- * Output is a flat list of tokens the row renderer consumes:
- *  - { type: 'string', value, style? }  — text, optionally styled by %c / ANSI
- *  - { type: 'value', value, mode }     — an object/array substitution (%o/%O)
- *                                         or a trailing non-string argument
- */
-
-// VGA color palette (matches DevTools ANSI_COLORS / ANSI_BRIGHT_COLORS).
-const ANSI_COLORS = ["black", "red", "green", "yellow", "blue", "magenta", "cyan", "gray"];
-const ANSI_BRIGHT_COLORS = ["darkgray", "lightred", "lightgreen", "lightyellow", "lightblue", "lightmagenta", "lightcyan", "white"];
-
-/** A console arg's `description` (string form) — DevTools uses RemoteObject.description. */
-function description(arg) {
-  if (typeof arg === "string") return arg;
-  if (arg === undefined) return "undefined";
-  if (arg === null) return "null";
-  if (typeof arg === "number" || typeof arg === "boolean" || typeof arg === "bigint") {
-    return String(arg);
-  }
-  if (arg instanceof Error) return arg.stack ?? `${arg.name}: ${arg.message}`;
-  if (typeof arg === "function") return `ƒ ${arg.name || "(anonymous)"}`;
-  try {
-    return JSON.stringify(arg);
-  } catch {
-    return String(arg);
-  }
-}
-
-// \x1B is the ANSI escape (ESC) — intentional, for parsing color codes.
-// eslint-disable-next-line no-control-regex
-const FORMAT_RE = /%([%_Oocsdfi])|\x1B\[([\d;]*)m/;
-
-/** Does the first arg actually need the substitution engine? */
-function hasFormatting(fmt) {
-  return FORMAT_RE.test(fmt);
-}
-
-/** Convert a CSS declaration string (from %c or ANSI) into an RN TextStyle. */
-function cssToTextStyle(css) {
-  const style = {};
-  let any = false;
-  for (const decl of css.split(";")) {
-    const idx = decl.indexOf(":");
-    if (idx === -1) continue;
-    const prop = decl.slice(0, idx).trim().toLowerCase();
-    let value = decl.slice(idx + 1).trim();
-    if (!value) continue;
-    // Resolve DevTools ANSI color vars to concrete hex.
-    const varMatch = value.match(/var\(--console-color-([a-z]+)\)/);
-    if (varMatch) value = _theme.ansiColors[varMatch[1]] ?? value;
-    switch (prop) {
-      case "color":
-        style.color = value;
-        any = true;
-        break;
-      case "background-color":
-      case "background":
-        style.backgroundColor = value;
-        any = true;
-        break;
-      case "font-weight":
-        style.fontWeight = value === "lighter" ? "300" : value;
-        any = true;
-        break;
-      case "font-style":
-        if (value === "italic") {
-          style.fontStyle = "italic";
-          any = true;
-        }
-        break;
-      case "font-size":
-        {
-          const n = parseFloat(value);
-          if (!Number.isNaN(n)) {
-            style.fontSize = n;
-            any = true;
-          }
-          break;
-        }
-      case "text-decoration":
-      case "text-decoration-line":
-        if (value.includes("underline") && value.includes("line-through")) {
-          style.textDecorationLine = "underline line-through";
-        } else if (value.includes("underline")) {
-          style.textDecorationLine = "underline";
-        } else if (value.includes("line-through")) {
-          style.textDecorationLine = "line-through";
-        }
-        any = true;
-        break;
-      default:
-        break;
-    }
-  }
-  return any ? style : undefined;
-}
-
-/** Apply one ANSI SGR sequence to the running style map (DevTools algorithm). */
-function applyAnsi(codes, currentStyle) {
-  const addTextDecoration = value => {
-    const td = currentStyle.get("text-decoration") ?? "";
-    if (!td.includes(value)) currentStyle.set("text-decoration", `${td} ${value}`);
-  };
-  const removeTextDecoration = value => {
-    const td = currentStyle.get("text-decoration")?.replace(` ${value}`, "");
-    if (td) currentStyle.set("text-decoration", td);else currentStyle.delete("text-decoration");
-  };
-  while (codes.length) {
-    const code = codes.shift();
-    switch (code) {
-      case 0:
-        currentStyle.clear();
-        break;
-      case 1:
-        currentStyle.set("font-weight", "bold");
-        break;
-      case 2:
-        currentStyle.set("font-weight", "lighter");
-        break;
-      case 3:
-        currentStyle.set("font-style", "italic");
-        break;
-      case 4:
-        addTextDecoration("underline");
-        break;
-      case 9:
-        addTextDecoration("line-through");
-        break;
-      case 22:
-        currentStyle.delete("font-weight");
-        break;
-      case 23:
-        currentStyle.delete("font-style");
-        break;
-      case 24:
-        removeTextDecoration("underline");
-        break;
-      case 29:
-        removeTextDecoration("line-through");
-        break;
-      case 38:
-      case 48:
-        if (codes.shift() === 2) {
-          const r = codes.shift() ?? 0;
-          const g = codes.shift() ?? 0;
-          const b = codes.shift() ?? 0;
-          currentStyle.set(code === 38 ? "color" : "background-color", `rgb(${r},${g},${b})`);
-        }
-        break;
-      case 39:
-      case 49:
-        currentStyle.delete(code === 39 ? "color" : "background-color");
-        break;
-      default:
-        {
-          const color = ANSI_COLORS[code - 30] ?? ANSI_BRIGHT_COLORS[code - 90];
-          if (color !== undefined) {
-            currentStyle.set("color", `var(--console-color-${color})`);
-          } else {
-            const bg = ANSI_COLORS[code - 40] ?? ANSI_BRIGHT_COLORS[code - 100];
-            if (bg !== undefined) currentStyle.set("background-color", `var(--console-color-${bg})`);
-          }
-          break;
-        }
-    }
-  }
-}
-
-/** Run the substitution engine over a format string + its args. */
-function formatWithSubstitutions(fmtIn, args) {
-  let fmt = fmtIn;
-  const tokens = [];
-  const currentStyle = new Map();
-  let cssStyle;
-  const pushString = value => {
-    if (!value) return;
-    const last = tokens[tokens.length - 1];
-    if (last && last.type === "string" && styleEq(last.style, cssStyle)) {
-      last.value += value;
-      return;
-    }
-    tokens.push({
-      type: "string",
-      value,
-      style: cssStyle
-    });
-  };
-  let argIndex = 0;
-  for (let match = FORMAT_RE.exec(fmt); match !== null; match = FORMAT_RE.exec(fmt)) {
-    pushString(match.input.substring(0, match.index));
-    let substitution;
-    const specifier = match[1];
-    switch (specifier) {
-      case "%":
-        pushString("%");
-        substitution = "";
-        break;
-      case "s":
-        if (argIndex < args.length) substitution = description(args[argIndex++]);
-        break;
-      case "c":
-        if (argIndex < args.length) {
-          cssStyle = cssToTextStyle(description(args[argIndex++]));
-          substitution = "";
-        }
-        break;
-      case "o":
-      case "O":
-        if (argIndex < args.length) {
-          tokens.push({
-            type: "value",
-            value: args[argIndex++],
-            mode: specifier === "O" ? "generic" : "optimal"
-          });
-          substitution = "";
-        }
-        break;
-      case "_":
-        if (argIndex < args.length) {
-          argIndex++;
-          substitution = "";
-        }
-        break;
-      case "d":
-      case "f":
-      case "i":
-        {
-          if (argIndex < args.length) {
-            const v = args[argIndex++];
-            let n = typeof v !== "number" ? NaN : v;
-            if (specifier !== "f") n = Math.floor(n);
-            substitution = n;
-          }
-          break;
-        }
-      case undefined:
-        {
-          const codes = (match[2] || "0").split(";").map(c => c ? parseInt(c, 10) : 0);
-          applyAnsi(codes, currentStyle);
-          const css = [...currentStyle.entries()].map(([k, val]) => `${k}:${val.trimStart()}`).join(";");
-          cssStyle = cssToTextStyle(css);
-          substitution = "";
-          break;
-        }
-    }
-    if (substitution === undefined) {
-      pushString(match[0]);
-      substitution = "";
-    }
-    fmt = substitution + match.input.substring(match.index + match[0].length);
-  }
-  pushString(fmt);
-  return {
-    tokens,
-    rest: args.slice(argIndex)
-  };
-}
-function styleEq(a, b) {
-  if (a === b) return true;
-  if (!a || !b) return false;
-  return JSON.stringify(a) === JSON.stringify(b);
-}
-
-/**
- * Format a console call's arguments into renderable tokens, mirroring how the
- * DevTools console renders a message: if the first arg is a format string it
- * drives substitution, then any leftover args are appended (space-separated).
- */
-function formatConsoleMessage(args) {
-  if (args.length === 0) return [];
-  let tokens = [];
-  let rest = args;
-  if (typeof args[0] === "string" && hasFormatting(args[0])) {
-    const result = formatWithSubstitutions(args[0], args.slice(1));
-    tokens = result.tokens;
-    rest = result.rest;
-  }
-
-  // Append remaining args (the common case: console.log("x", obj, 1)).
-  for (const arg of rest) {
-    if (tokens.length > 0) tokens.push({
-      type: "string",
-      value: " "
-    });
-    if (typeof arg === "string") {
-      tokens.push({
-        type: "string",
-        value: arg
-      });
-    } else {
-      tokens.push({
-        type: "value",
-        value: arg,
-        mode: "optimal"
-      });
-    }
-  }
-  return tokens;
-}
-//# sourceMappingURL=consoleFormat.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.formatConsoleMessage=formatConsoleMessage;var _theme=require("./theme");const ANSI_COLORS=["black","red","green","yellow","blue","magenta","cyan","gray"];const ANSI_BRIGHT_COLORS=["darkgray","lightred","lightgreen","lightyellow","lightblue","lightmagenta","lightcyan","white"];function description(t){if(typeof t==="string")return t;if(t===void 0)return"undefined";if(t===null)return"null";if(typeof t==="number"||typeof t==="boolean"||typeof t==="bigint"){return String(t)}if(t instanceof Error)return t.stack??`${t.name}: ${t.message}`;if(typeof t==="function")return`\u0192 ${t.name||"(anonymous)"}`;try{return JSON.stringify(t)}catch{return String(t)}}const FORMAT_RE=/%([%_Oocsdfi])|\x1B\[([\d;]*)m/;function hasFormatting(t){return FORMAT_RE.test(t)}function cssToTextStyle(t){const e={};let s=false;for(const i of t.split(";")){const o=i.indexOf(":");if(o===-1)continue;const r=i.slice(0,o).trim().toLowerCase();let n=i.slice(o+1).trim();if(!n)continue;const l=n.match(/var\(--console-color-([a-z]+)\)/);if(l)n=_theme.ansiColors[l[1]]??n;switch(r){case"color":e.color=n;s=true;break;case"background-color":case"background":e.backgroundColor=n;s=true;break;case"font-weight":e.fontWeight=n==="lighter"?"300":n;s=true;break;case"font-style":if(n==="italic"){e.fontStyle="italic";s=true}break;case"font-size":{const c=parseFloat(n);if(!Number.isNaN(c)){e.fontSize=c;s=true}break}case"text-decoration":case"text-decoration-line":if(n.includes("underline")&&n.includes("line-through")){e.textDecorationLine="underline line-through"}else if(n.includes("underline")){e.textDecorationLine="underline"}else if(n.includes("line-through")){e.textDecorationLine="line-through"}s=true;break;default:break}}return s?e:void 0}function applyAnsi(t,e){const s=o=>{const r=e.get("text-decoration")??"";if(!r.includes(o))e.set("text-decoration",`${r} ${o}`)};const i=o=>{const r=e.get("text-decoration")?.replace(` ${o}`,"");if(r)e.set("text-decoration",r);else e.delete("text-decoration")};while(t.length){const o=t.shift();switch(o){case 0:e.clear();break;case 1:e.set("font-weight","bold");break;case 2:e.set("font-weight","lighter");break;case 3:e.set("font-style","italic");break;case 4:s("underline");break;case 9:s("line-through");break;case 22:e.delete("font-weight");break;case 23:e.delete("font-style");break;case 24:i("underline");break;case 29:i("line-through");break;case 38:case 48:if(t.shift()===2){const r=t.shift()??0;const n=t.shift()??0;const l=t.shift()??0;e.set(o===38?"color":"background-color",`rgb(${r},${n},${l})`)}break;case 39:case 49:e.delete(o===39?"color":"background-color");break;default:{const r=ANSI_COLORS[o-30]??ANSI_BRIGHT_COLORS[o-90];if(r!==void 0){e.set("color",`var(--console-color-${r})`)}else{const n=ANSI_COLORS[o-40]??ANSI_BRIGHT_COLORS[o-100];if(n!==void 0)e.set("background-color",`var(--console-color-${n})`)}break}}}}function formatWithSubstitutions(t,e){let s=t;const i=[];const o=new Map;let r;const n=c=>{if(!c)return;const a=i[i.length-1];if(a&&a.type==="string"&&styleEq(a.style,r)){a.value+=c;return}i.push({type:"string",value:c,style:r})};let l=0;for(let c=FORMAT_RE.exec(s);c!==null;c=FORMAT_RE.exec(s)){n(c.input.substring(0,c.index));let a;const h=c[1];switch(h){case"%":n("%");a="";break;case"s":if(l<e.length)a=description(e[l++]);break;case"c":if(l<e.length){r=cssToTextStyle(description(e[l++]));a=""}break;case"o":case"O":if(l<e.length){i.push({type:"value",value:e[l++],mode:h==="O"?"generic":"optimal"});a=""}break;case"_":if(l<e.length){l++;a=""}break;case"d":case"f":case"i":{if(l<e.length){const u=e[l++];let f=typeof u!=="number"?NaN:u;if(h!=="f")f=Math.floor(f);a=f}break}case void 0:{const u=(c[2]||"0").split(";").map(d=>d?parseInt(d,10):0);applyAnsi(u,o);const f=[...o.entries()].map(([d,b])=>`${d}:${b.trimStart()}`).join(";");r=cssToTextStyle(f);a="";break}}if(a===void 0){n(c[0]);a=""}s=a+c.input.substring(c.index+c[0].length)}n(s);return{tokens:i,rest:e.slice(l)}}function styleEq(t,e){if(t===e)return true;if(!t||!e)return false;return JSON.stringify(t)===JSON.stringify(e)}function formatConsoleMessage(t){if(t.length===0)return[];let e=[];let s=t;if(typeof t[0]==="string"&&hasFormatting(t[0])){const i=formatWithSubstitutions(t[0],t.slice(1));e=i.tokens;s=i.rest}for(const i of s){if(e.length>0)e.push({type:"string",value:" "});if(typeof i==="string"){e.push({type:"string",value:i})}else{e.push({type:"value",value:i,mode:"optimal"})}}return e}

package/lib/commonjs/devtools/origin.js

@@ -1,191 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.bracketGlyph = bracketGlyph;
-exports.colorForKey = colorForKey;
-exports.parseOrigin = parseOrigin;
-exports.sourceKey = sourceKey;
-exports.sourceLabel = sourceLabel;
-/**
- * origin — attributes a console call to *where it came from*, and provides the
- * lnav-style colored connecting bracket helpers.
- *
- * Three independent signals (captured in the store at log time):
- *  - **component**  — nearest owning React component (React.captureOwnerStack,
- *    dev only; null outside render / in async callbacks)
- *  - **function**   — the enclosing function of the call site (JS stack)
- *  - **callSite**   — the exact `file:line` of the call site (JS stack)
- *
- * The view groups consecutive same-source rows and draws a colored bracket
- * gutter (┌ │ └ ─) exactly like lnav's per-file gutter.
- */
-
-/**
- * Our own capture frames, matched by FUNCTION NAME. This is the primary filter:
- * in a Metro/Hermes bundle every frame shares one bundle URL, so filename
- * filtering can't distinguish them — and that URL often contains `node_modules`
- * (e.g. expo-router/entry.bundle), which would wrongly reject *every* frame.
- * The first frame after these is the real caller (framework internals sit
- * deeper in the stack, after the app frame).
- */
-const INTERNAL_FUNC = /^(buoyConsoleProxy|record|cleanStack|captureOwnerStack|formatArgs|formatArg)$/;
-
-/** Narrow filename guard — only our own module (used when stacks carry real
- * file paths, e.g. on web/V8 rather than a single Hermes bundle). */
-const INTERNAL_FILE = /consoleLogStore/;
-function isInternalFrame(frame) {
-  if (frame.func && INTERNAL_FUNC.test(frame.func.replace(/^Object\./, ""))) {
-    return true;
-  }
-  return Boolean(frame.file && INTERNAL_FILE.test(frame.file));
-}
-/** Parse a V8 or Hermes stack string into frames. */
-function parseFrames(stack) {
-  const frames = [];
-  for (const raw of stack.split("\n")) {
-    const line = raw.trim();
-    if (!line || line === "Error") continue;
-    // V8: "at func (file:line:col)"
-    let m = line.match(/^at\s+(.+?)\s+\((.+?):(\d+):(\d+)\)$/);
-    if (m) {
-      frames.push({
-        func: m[1],
-        file: m[2],
-        line: Number(m[3])
-      });
-      continue;
-    }
-    // V8: "at file:line:col"
-    m = line.match(/^at\s+(.+?):(\d+):(\d+)$/);
-    if (m) {
-      frames.push({
-        file: m[1],
-        line: Number(m[2])
-      });
-      continue;
-    }
-    // Hermes: "func@file:line:col"
-    m = line.match(/^(.*?)@(.+?):(\d+):(\d+)$/);
-    if (m) {
-      frames.push({
-        func: m[1] || undefined,
-        file: m[2],
-        line: Number(m[3])
-      });
-      continue;
-    }
-  }
-  return frames;
-}
-function basename(file) {
-  if (!file) return undefined;
-  const noQuery = file.split("?")[0];
-  return noQuery.split("/").pop() || noQuery;
-}
-function cleanFunctionName(func) {
-  if (!func) return undefined;
-  const f = func.replace(/^Object\./, "").trim();
-  if (!f || f === "<anonymous>" || f === "anonymous") return undefined;
-  return f;
-}
-
-/** First component name from a React owner stack (nearest owner). */
-function firstComponent(ownerStack) {
-  if (!ownerStack) return undefined;
-  for (const raw of ownerStack.split("\n")) {
-    const m = raw.trim().match(/^at\s+([A-Za-z_$][\w$]*)/);
-    if (m) return m[1];
-  }
-  return undefined;
-}
-
-/** Derive the origin of a log from its captured JS stack + React owner stack. */
-function parseOrigin(stack, ownerStack) {
-  const component = firstComponent(ownerStack);
-  let appFrame;
-  if (stack) {
-    const frames = parseFrames(stack);
-    appFrame = frames.find(f => !isInternalFrame(f));
-  }
-  const functionName = cleanFunctionName(appFrame?.func);
-  const file = basename(appFrame?.file);
-  const line = appFrame?.line;
-  const callSite = file && line != null ? `${file}:${line}` : undefined;
-  if (!component && !functionName && !callSite) return undefined;
-  return {
-    component,
-    functionName,
-    callSite,
-    file,
-    line
-  };
-}
-
-// ─── Grouping by dimension ───────────────────────────────────────────────────
-
-/**
- * Stable key used to group consecutive rows (null = ungrouped).
- *
- * Each dimension falls back to the next-best signal so a row is never lumped
- * into a single catch-all bucket: a handler-fired log (no React owner) still
- * differentiates by its function / call site under "Component".
- */
-function sourceKey(origin, dim) {
-  if (dim === "off" || !origin) return dim === "off" ? null : "—unknown—";
-  if (dim === "component") {
-    return origin.component ?? origin.functionName ?? origin.callSite ?? "—unknown—";
-  }
-  if (dim === "function") {
-    return origin.functionName ?? origin.callSite ?? origin.component ?? "—anonymous—";
-  }
-  return origin.callSite ?? origin.functionName ?? "—unknown—";
-}
-
-/** Human label shown next to the row. */
-function sourceLabel(origin, dim) {
-  if (!origin) return "(unknown)";
-  if (dim === "component") {
-    if (origin.component) return origin.component;
-    if (origin.functionName) return `ƒ ${origin.functionName}`;
-    return origin.callSite ?? "(unknown)";
-  }
-  if (dim === "function") {
-    if (origin.functionName) return origin.functionName;
-    return origin.callSite ?? "(anonymous)";
-  }
-  if (dim === "callsite") {
-    if (origin.functionName && origin.callSite) return `${origin.functionName} · ${origin.callSite}`;
-    return origin.callSite ?? (origin.functionName ? `ƒ ${origin.functionName}` : "(unknown)");
-  }
-  return "";
-}
-
-// ─── Color + bracket ─────────────────────────────────────────────────────────
-
-function hashString(s) {
-  let h = 0;
-  for (let i = 0; i < s.length; i++) h = h * 31 + s.charCodeAt(i) | 0;
-  return Math.abs(h);
-}
-
-/** Stable, readable color for a source key (bright enough for a dark surface). */
-function colorForKey(key) {
-  const hue = hashString(key) % 360;
-  return `hsl(${hue}, 70%, 66%)`;
-}
-/** lnav gutter glyph: ┌ run-start · │ run-middle · └ run-end · ─ single. */
-function bracketGlyph(bracket) {
-  switch (bracket) {
-    case "top":
-      return "┌";
-    case "bottom":
-      return "└";
-    case "single":
-      return "─";
-    default:
-      return "│";
-  }
-}
-//# sourceMappingURL=origin.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.bracketGlyph=bracketGlyph;exports.colorForKey=colorForKey;exports.parseOrigin=parseOrigin;exports.sourceKey=sourceKey;exports.sourceLabel=sourceLabel;const INTERNAL_FUNC=/^(buoyConsoleProxy|record|cleanStack|captureOwnerStack|formatArgs|formatArg)$/;const INTERNAL_FILE=/consoleLogStore/;function isInternalFrame(n){if(n.func&&INTERNAL_FUNC.test(n.func.replace(/^Object\./,""))){return true}return Boolean(n.file&&INTERNAL_FILE.test(n.file))}function parseFrames(n){const e=[];for(const u of n.split("\n")){const r=u.trim();if(!r||r==="Error")continue;let t=r.match(/^at\s+(.+?)\s+\((.+?):(\d+):(\d+)\)$/);if(t){e.push({func:t[1],file:t[2],line:Number(t[3])});continue}t=r.match(/^at\s+(.+?):(\d+):(\d+)$/);if(t){e.push({file:t[1],line:Number(t[2])});continue}t=r.match(/^(.*?)@(.+?):(\d+):(\d+)$/);if(t){e.push({func:t[1]||void 0,file:t[2],line:Number(t[3])});continue}}return e}function basename(n){if(!n)return void 0;const e=n.split("?")[0];return e.split("/").pop()||e}function cleanFunctionName(n){if(!n)return void 0;const e=n.replace(/^Object\./,"").trim();if(!e||e==="<anonymous>"||e==="anonymous")return void 0;return e}function firstComponent(n){if(!n)return void 0;for(const e of n.split("\n")){const u=e.trim().match(/^at\s+([A-Za-z_$][\w$]*)/);if(u)return u[1]}return void 0}function parseOrigin(n,e){const u=firstComponent(e);let r;if(n){const a=parseFrames(n);r=a.find(s=>!isInternalFrame(s))}const t=cleanFunctionName(r?.func);const o=basename(r?.file);const c=r?.line;const f=o&&c!=null?`${o}:${c}`:void 0;if(!u&&!t&&!f)return void 0;return{component:u,functionName:t,callSite:f,file:o,line:c}}function sourceKey(n,e){if(e==="off"||!n)return e==="off"?null:"\u2014unknown\u2014";if(e==="component"){return n.component??n.functionName??n.callSite??"\u2014unknown\u2014"}if(e==="function"){return n.functionName??n.callSite??n.component??"\u2014anonymous\u2014"}return n.callSite??n.functionName??"\u2014unknown\u2014"}function sourceLabel(n,e){if(!n)return"(unknown)";if(e==="component"){if(n.component)return n.component;if(n.functionName)return`\u0192 ${n.functionName}`;return n.callSite??"(unknown)"}if(e==="function"){if(n.functionName)return n.functionName;return n.callSite??"(anonymous)"}if(e==="callsite"){if(n.functionName&&n.callSite)return`${n.functionName} \xB7 ${n.callSite}`;return n.callSite??(n.functionName?`\u0192 ${n.functionName}`:"(unknown)")}return""}function hashString(n){let e=0;for(let u=0;u<n.length;u++)e=e*31+n.charCodeAt(u)|0;return Math.abs(e)}function colorForKey(n){const e=hashString(n)%360;return`hsl(${e}, 70%, 66%)`}function bracketGlyph(n){switch(n){case"top":return"\u250C";case"bottom":return"\u2514";case"single":return"\u2500";default:return"\u2502"}}

package/lib/commonjs/devtools/theme.js

@@ -1,152 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.lightTheme = exports.levelStyles = exports.darkTheme = exports.consoleTheme = exports.ansiColors = void 0;
-Object.defineProperty(exports, "monoFont", {
-  enumerable: true,
-  get: function () {
-    return _sharedUi.monoFont;
-  }
-});
-var _sharedUi = require("@buoy-gg/shared-ui");
-/**
- * Console palette — a dark theme whose CHROME entries (surfaces, dividers,
- * default/secondary text) come from Buoy's `night` tokens so the console reads
- * as part of the night suite, while the Chrome-DevTools DATA colours (level
- * rows, value types, links, ANSI) stay classic — they tell the user something
- * about the logged data.
- * `lightTheme` below holds the exact DevTools light tokens and `consoleTheme`
- * picks between the two from the host app's surface. Every shipped theme is
- * dark today, so the light branch is currently unreachable — it is kept because
- * the probe is what makes this correct if a light surface ever returns.
- *
- * Not themed: `ansiColors` below is the dark-theme ANSI palette, so ANSI
- * escape sequences in captured output keep their dark-console colours.
- */
-
-/**
- * Monospace font — re-exported from shared-ui so the console keeps its import
- * site. The per-platform choice (Menlo on iOS, the curated stack on web) lives
- * in `packages/shared/src/ui/fonts.ts`.
- */
-
-/** Resolved DevTools light-theme tokens. Unreachable today — see the header. */
-const lightTheme = exports.lightTheme = {
-  baseContainer: "#ffffff",
-  // --sys-color-cdt-base-container (neutral99 ≈ white)
-  surfaceError: "#fceaea",
-  // --sys-color-surface-error  rgb(252 235 235)
-  surfaceYellow: "#fef6d5",
-  // --sys-color-surface-yellow rgb(254 246 213)
-  divider: "#e8eaed",
-  // --sys-color-divider (primary90, lightened for contrast)
-  inputBackground: "#f1f3f4",
-  menuBackground: "#ffffff",
-  onSurface: "#1f1f1f",
-  // neutral10
-  onSurfaceYellow: "#3e2f00",
-  // yellow20
-  onErrorContainer: "#410e0b",
-  // error10
-  tokenSubtle: "#757575",
-  // neutral50
-  primary: "#0b57d0",
-  // primary40 (links)
-  valueNumber: "#0842a0",
-  // token-attribute-value (blue30)
-  valueString: "#c5221f",
-  // token-property-special (error50, slightly deepened)
-  valueBigint: "#146c2e",
-  // token-comment (green40)
-  valueNode: "#1f1f1f",
-  // token-variable (= on-surface)
-  valueNullish: "rgba(31,31,31,0.5)",
-  // state-disabled
-  valuePreview: "rgba(31,31,31,0.62)"
-};
-
-/** Dark theme (active) — night chrome, classic DevTools data colours. */
-const darkTheme = exports.darkTheme = {
-  baseContainer: "#0A0A0C",
-  // desktop inline shell base (modal path is transparent)
-  surfaceError: "rgba(255,69,58,0.15)",
-  // semantic.errorBackground
-  surfaceYellow: "rgba(255,235,59,0.13)",
-  // semantic.warningBackground
-  divider: _sharedUi.night.color.fillTertiary,
-  // row hairlines + nesting guides (strong enough to stay visible)
-  inputBackground: _sharedUi.night.color.surfaceElevated,
-  menuBackground: _sharedUi.night.color.surface,
-  onSurface: _sharedUi.night.color.text,
-  onSurfaceYellow: "#FFE9A3",
-  // light warm yellow on dark warning row
-  onErrorContainer: "#FFB4AB",
-  // light red on dark error row
-  tokenSubtle: _sharedUi.night.color.textSecondary,
-  // timestamps, previews
-  primary: "#40CCFF",
-  // semantic.infoLight (links, ~9:1)
-  valueNumber: "#FF9F1C",
-  // orange (number + boolean)
-  valueString: "#7EE787",
-  // green (string/regexp/symbol)
-  valueBigint: "#A1A1A6",
-  // muted (bigint)
-  valueNode: "#F5F5F7",
-  // default text (DOM node / variable)
-  valueNullish: "#8E8E93",
-  // text.muted (null/undefined)
-  valuePreview: "#A1A1A6" // object preview (italic)
-};
-
-/**
- * The active console palette.
- *
- * `darkTheme`, always. `macOSColors` is the dark palette on every surface Buoy
- * renders on, so there is nothing to pick between — this used to probe the host
- * surface's luminance for a light dashboard theme that no longer exists.
- * `lightTheme` above is kept because it is the real Chrome DevTools light token
- * set and predates that experiment; swap it in here if a light surface returns.
- */
-const consoleTheme = exports.consoleTheme = darkTheme;
-
-/** ANSI 16-color palette (dark theme), from consoleView.css `--console-color-*`. */
-const ansiColors = exports.ansiColors = {
-  black: "#000",
-  red: "rgb(237 78 76)",
-  green: "rgb(1 200 1)",
-  yellow: "rgb(210 192 87)",
-  blue: "rgb(39 116 240)",
-  magenta: "rgb(161 66 244)",
-  cyan: "rgb(18 181 203)",
-  gray: "rgb(207 208 208)",
-  darkgray: "rgb(137 137 137)",
-  lightred: "rgb(242 139 130)",
-  lightgreen: "rgb(161 247 181)",
-  lightyellow: "rgb(221 251 85)",
-  lightblue: "rgb(102 157 246)",
-  lightmagenta: "rgb(214 112 214)",
-  lightcyan: "rgb(132 240 255)",
-  white: "#fff"
-};
-const levelStyles = exports.levelStyles = {
-  verbose: {
-    text: consoleTheme.tokenSubtle
-  },
-  info: {
-    text: consoleTheme.onSurface
-  },
-  warning: {
-    background: consoleTheme.surfaceYellow,
-    text: consoleTheme.onSurfaceYellow,
-    icon: "warning"
-  },
-  error: {
-    background: consoleTheme.surfaceError,
-    text: consoleTheme.onErrorContainer,
-    icon: "error"
-  }
-};
-//# sourceMappingURL=theme.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.lightTheme=exports.levelStyles=exports.darkTheme=exports.consoleTheme=exports.ansiColors=void 0;Object.defineProperty(exports,"monoFont",{enumerable:true,get:function(){return _sharedUi.monoFont}});var _sharedUi=require("@buoy-gg/shared-ui");const lightTheme=exports.lightTheme={baseContainer:"#ffffff",surfaceError:"#fceaea",surfaceYellow:"#fef6d5",divider:"#e8eaed",inputBackground:"#f1f3f4",menuBackground:"#ffffff",onSurface:"#1f1f1f",onSurfaceYellow:"#3e2f00",onErrorContainer:"#410e0b",tokenSubtle:"#757575",primary:"#0b57d0",valueNumber:"#0842a0",valueString:"#c5221f",valueBigint:"#146c2e",valueNode:"#1f1f1f",valueNullish:"rgba(31,31,31,0.5)",valuePreview:"rgba(31,31,31,0.62)"};const darkTheme=exports.darkTheme={baseContainer:"#0A0A0C",surfaceError:"rgba(255,69,58,0.15)",surfaceYellow:"rgba(255,235,59,0.13)",divider:_sharedUi.night.color.fillTertiary,inputBackground:_sharedUi.night.color.surfaceElevated,menuBackground:_sharedUi.night.color.surface,onSurface:_sharedUi.night.color.text,onSurfaceYellow:"#FFE9A3",onErrorContainer:"#FFB4AB",tokenSubtle:_sharedUi.night.color.textSecondary,primary:"#40CCFF",valueNumber:"#FF9F1C",valueString:"#7EE787",valueBigint:"#A1A1A6",valueNode:"#F5F5F7",valueNullish:"#8E8E93",valuePreview:"#A1A1A6"};const consoleTheme=exports.consoleTheme=darkTheme;const ansiColors=exports.ansiColors={black:"#000",red:"rgb(237 78 76)",green:"rgb(1 200 1)",yellow:"rgb(210 192 87)",blue:"rgb(39 116 240)",magenta:"rgb(161 66 244)",cyan:"rgb(18 181 203)",gray:"rgb(207 208 208)",darkgray:"rgb(137 137 137)",lightred:"rgb(242 139 130)",lightgreen:"rgb(161 247 181)",lightyellow:"rgb(221 251 85)",lightblue:"rgb(102 157 246)",lightmagenta:"rgb(214 112 214)",lightcyan:"rgb(132 240 255)",white:"#fff"};const levelStyles=exports.levelStyles={verbose:{text:consoleTheme.tokenSubtle},info:{text:consoleTheme.onSurface},warning:{background:consoleTheme.surfaceYellow,text:consoleTheme.onSurfaceYellow,icon:"warning"},error:{background:consoleTheme.surfaceError,text:consoleTheme.onErrorContainer,icon:"error"}};