@buoy-gg/console 7.0.41 → 7.0.42

package/lib/module/devtools/ConsoleValue.js

@@ -1,249 +1 @@
-"use strict";
-
-/**
- * ConsoleValue — RN approximation of DevTools' object/value rendering
- * (ObjectPropertiesSection + RemoteObjectPreviewFormatter).
- *
- * Primitives render with the DevTools dark-theme `object-value-*` token colors.
- * Objects/arrays render an italic one-line preview with an expand triangle;
- * expanding reveals a property tree (lazy, recursive). Matches the console's
- * collapsed-preview / click-to-expand behavior.
- */
-
-import React, { useState } from "react";
-import { Text, View, TouchableOpacity, StyleSheet } from "react-native";
-import { consoleTheme, monoFont } from "./theme";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const MAX_PREVIEW_PROPERTIES = 5;
-const MAX_PREVIEW_ARRAY = 6;
-function kindOf(value) {
-  if (value === null) return "null";
-  if (value === undefined) return "undefined";
-  if (Array.isArray(value)) return "array";
-  if (value instanceof Error) return "error";
-  const t = typeof value;
-  if (t === "number") return "number";
-  if (t === "bigint") return "bigint";
-  if (t === "boolean") return "boolean";
-  if (t === "string") return "string";
-  if (t === "function") return "function";
-  if (t === "symbol") return "symbol";
-  return "object";
-}
-const KIND_COLOR = {
-  number: consoleTheme.valueNumber,
-  bigint: consoleTheme.valueBigint,
-  boolean: consoleTheme.valueNumber,
-  string: consoleTheme.valueString,
-  null: consoleTheme.valueNullish,
-  undefined: consoleTheme.valueNullish,
-  symbol: consoleTheme.valueString,
-  function: consoleTheme.valueNode
-};
-
-/** The constructor/type label DevTools shows before an object's preview. */
-function constructorName(value) {
-  if (Array.isArray(value)) return "";
-  const proto = Object.getPrototypeOf(value);
-  if (!proto) return "Object";
-  const name = proto.constructor?.name;
-  return !name || name === "Object" ? "" : name;
-}
-
-/** One-line scalar text for a value (used inside previews). */
-function scalarText(value) {
-  const kind = kindOf(value);
-  switch (kind) {
-    case "string":
-      return `'${value}'`;
-    case "function":
-      {
-        const name = value.name;
-        return `ƒ ${name || ""}`.trimEnd();
-      }
-    case "symbol":
-      return value.toString();
-    case "bigint":
-      return `${String(value)}n`;
-    case "array":
-      return `Array(${value.length})`;
-    case "error":
-      return value.name;
-    case "object":
-      {
-        const name = constructorName(value);
-        return name ? `${name} {…}` : "{…}";
-      }
-    default:
-      return String(value);
-  }
-}
-
-/** Build the collapsed italic preview string for an object/array. */
-function buildPreview(value) {
-  if (Array.isArray(value)) {
-    const head = value.slice(0, MAX_PREVIEW_ARRAY).map(v => scalarText(v)).join(", ");
-    const more = value.length > MAX_PREVIEW_ARRAY ? ", …" : "";
-    return `(${value.length}) [${head}${more}]`;
-  }
-  const entries = Object.entries(value);
-  const head = entries.slice(0, MAX_PREVIEW_PROPERTIES).map(([k, v]) => `${k}: ${scalarText(v)}`).join(", ");
-  const more = entries.length > MAX_PREVIEW_PROPERTIES ? ", …" : "";
-  const ctor = constructorName(value);
-  const prefix = ctor ? `${ctor} ` : "";
-  return `${prefix}{${head}${more}}`;
-}
-function isExpandable(value) {
-  const kind = kindOf(value);
-  if (kind === "array") return value.length > 0;
-  if (kind === "object") return Object.keys(value).length > 0;
-  if (kind === "error") return true;
-  return false;
-}
-const Triangle = ({
-  open
-}) => /*#__PURE__*/_jsx(Text, {
-  style: [styles.triangle, open && styles.triangleOpen],
-  children: "\u25B6"
-});
-/** Render a single console argument / property value. */
-export function ConsoleValue({
-  value,
-  depth = 0
-}) {
-  const [expanded, setExpanded] = useState(false);
-  const kind = kindOf(value);
-
-  // Errors: collapsed to a single "Name: message" line (like Chrome / the web
-  // dashboard), expandable to the full stack. Avoids dumping a 100-line stack
-  // inline on native, where the arg is a real Error (not a sanitized object).
-  if (kind === "error") {
-    const err = value;
-    const head = `${err.name}: ${err.message}`.split("\n")[0];
-    const stack = err.stack && err.stack.trim() !== head.trim() ? err.stack : undefined;
-    if (!stack) {
-      return /*#__PURE__*/_jsx(Text, {
-        style: [styles.mono, {
-          color: consoleTheme.onErrorContainer
-        }],
-        numberOfLines: 1,
-        children: head
-      });
-    }
-    return /*#__PURE__*/_jsxs(View, {
-      style: styles.objectContainer,
-      children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
-        style: styles.objectHeader,
-        activeOpacity: 0.6,
-        onPress: () => setExpanded(e => !e),
-        children: [/*#__PURE__*/_jsx(Triangle, {
-          open: expanded
-        }), /*#__PURE__*/_jsx(Text, {
-          style: [styles.mono, styles.errorHead],
-          numberOfLines: expanded ? undefined : 1,
-          children: head
-        })]
-      }), expanded ? /*#__PURE__*/_jsx(Text, {
-        style: [styles.mono, styles.errorStack],
-        children: stack
-      }) : null]
-    });
-  }
-  if (!isExpandable(value)) {
-    const color = KIND_COLOR[kind] ?? consoleTheme.onSurface;
-    return /*#__PURE__*/_jsx(Text, {
-      style: [styles.mono, {
-        color
-      }],
-      children: scalarText(value)
-    });
-  }
-  const obj = value;
-  const entries = Array.isArray(obj) ? obj.map((v, i) => [String(i), v]) : Object.entries(obj);
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.objectContainer,
-    children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
-      onPress: () => setExpanded(e => !e),
-      activeOpacity: 0.6,
-      style: styles.objectHeader,
-      children: [/*#__PURE__*/_jsx(Triangle, {
-        open: expanded
-      }), /*#__PURE__*/_jsx(Text, {
-        style: [styles.mono, styles.preview],
-        numberOfLines: expanded ? undefined : 1,
-        children: buildPreview(obj)
-      })]
-    }), expanded && depth < 6 ? /*#__PURE__*/_jsx(View, {
-      style: styles.children,
-      children: entries.map(([key, v]) => /*#__PURE__*/_jsxs(View, {
-        style: styles.propertyRow,
-        children: [/*#__PURE__*/_jsxs(Text, {
-          style: [styles.mono, styles.propertyKey],
-          children: [key, ":"]
-        }), /*#__PURE__*/_jsx(View, {
-          style: styles.propertyValue,
-          children: /*#__PURE__*/_jsx(ConsoleValue, {
-            value: v,
-            depth: depth + 1
-          })
-        })]
-      }, key))
-    }) : null]
-  });
-}
-const monoStyle = {
-  fontFamily: monoFont,
-  fontSize: 12,
-  lineHeight: 16
-};
-const styles = StyleSheet.create({
-  mono: monoStyle,
-  objectContainer: {
-    flexDirection: "column"
-  },
-  objectHeader: {
-    flexDirection: "row",
-    alignItems: "flex-start"
-  },
-  triangle: {
-    color: consoleTheme.tokenSubtle,
-    fontSize: 8,
-    lineHeight: 16,
-    width: 12
-  },
-  triangleOpen: {
-    transform: [{
-      rotate: "90deg"
-    }]
-  },
-  preview: {
-    color: consoleTheme.valuePreview,
-    fontStyle: "italic",
-    flexShrink: 1
-  },
-  errorHead: {
-    color: consoleTheme.onErrorContainer,
-    flexShrink: 1
-  },
-  errorStack: {
-    color: consoleTheme.tokenSubtle,
-    marginLeft: 14,
-    marginTop: 1
-  },
-  children: {
-    marginLeft: 14,
-    flexDirection: "column"
-  },
-  propertyRow: {
-    flexDirection: "row",
-    alignItems: "flex-start"
-  },
-  propertyKey: {
-    color: consoleTheme.valueNode,
-    marginRight: 6
-  },
-  propertyValue: {
-    flexShrink: 1
-  }
-});
-//# sourceMappingURL=ConsoleValue.js.map
+"use strict";import H,{useState as k}from"react";import{Text as l,View as d,TouchableOpacity as h,StyleSheet as A}from"react-native";import{consoleTheme as i,monoFont as E}from"./theme";import{jsx as c,jsxs as f}from"react/jsx-runtime";const j=5;const S=6;function b(e){if(e===null)return"null";if(e===void 0)return"undefined";if(Array.isArray(e))return"array";if(e instanceof Error)return"error";const r=typeof e;if(r==="number")return"number";if(r==="bigint")return"bigint";if(r==="boolean")return"boolean";if(r==="string")return"string";if(r==="function")return"function";if(r==="symbol")return"symbol";return"object"}const w={number:i.valueNumber,bigint:i.valueBigint,boolean:i.valueNumber,string:i.valueString,null:i.valueNullish,undefined:i.valueNullish,symbol:i.valueString,function:i.valueNode};function x(e){if(Array.isArray(e))return"";const r=Object.getPrototypeOf(e);if(!r)return"Object";const o=r.constructor?.name;return!o||o==="Object"?"":o}function p(e){const r=b(e);switch(r){case"string":return`'${e}'`;case"function":{const o=e.name;return`\u0192 ${o||""}`.trimEnd()}case"symbol":return e.toString();case"bigint":return`${String(e)}n`;case"array":return`Array(${e.length})`;case"error":return e.name;case"object":{const o=x(e);return o?`${o} {\u2026}`:"{\u2026}"}default:return String(e)}}function R(e){if(Array.isArray(e)){const m=e.slice(0,S).map(s=>p(s)).join(", ");const t=e.length>S?", \u2026":"";return`(${e.length}) [${m}${t}]`}const r=Object.entries(e);const o=r.slice(0,j).map(([m,t])=>`${m}: ${p(t)}`).join(", ");const y=r.length>j?", \u2026":"";const u=x(e);const a=u?`${u} `:"";return`${a}{${o}${y}}`}function P(e){const r=b(e);if(r==="array")return e.length>0;if(r==="object")return Object.keys(e).length>0;if(r==="error")return true;return false}const O=({open:e})=>c(l,{style:[n.triangle,e&&n.triangleOpen],children:"\u25B6"});export function ConsoleValue({value:e,depth:r=0}){const[o,y]=k(false);const u=b(e);if(u==="error"){const t=e;const s=`${t.name}: ${t.message}`.split("\n")[0];const g=t.stack&&t.stack.trim()!==s.trim()?t.stack:void 0;if(!g){return c(l,{style:[n.mono,{color:i.onErrorContainer}],numberOfLines:1,children:s})}return f(d,{style:n.objectContainer,children:[f(h,{style:n.objectHeader,activeOpacity:.6,onPress:()=>y($=>!$),children:[c(O,{open:o}),c(l,{style:[n.mono,n.errorHead],numberOfLines:o?void 0:1,children:s})]}),o?c(l,{style:[n.mono,n.errorStack],children:g}):null]})}if(!P(e)){const t=w[u]??i.onSurface;return c(l,{style:[n.mono,{color:t}],children:p(e)})}const a=e;const m=Array.isArray(a)?a.map((t,s)=>[String(s),t]):Object.entries(a);return f(d,{style:n.objectContainer,children:[f(h,{onPress:()=>y(t=>!t),activeOpacity:.6,style:n.objectHeader,children:[c(O,{open:o}),c(l,{style:[n.mono,n.preview],numberOfLines:o?void 0:1,children:R(a)})]}),o&&r<6?c(d,{style:n.children,children:m.map(([t,s])=>f(d,{style:n.propertyRow,children:[f(l,{style:[n.mono,n.propertyKey],children:[t,":"]}),c(d,{style:n.propertyValue,children:c(ConsoleValue,{value:s,depth:r+1})})]},t))}):null]})}const N={fontFamily:E,fontSize:12,lineHeight:16};const n=A.create({mono:N,objectContainer:{flexDirection:"column"},objectHeader:{flexDirection:"row",alignItems:"flex-start"},triangle:{color:i.tokenSubtle,fontSize:8,lineHeight:16,width:12},triangleOpen:{transform:[{rotate:"90deg"}]},preview:{color:i.valuePreview,fontStyle:"italic",flexShrink:1},errorHead:{color:i.onErrorContainer,flexShrink:1},errorStack:{color:i.tokenSubtle,marginLeft:14,marginTop:1},children:{marginLeft:14,flexDirection:"column"},propertyRow:{flexDirection:"row",alignItems:"flex-start"},propertyKey:{color:i.valueNode,marginRight:6},propertyValue:{flexShrink:1}});

package/lib/module/devtools/ConsoleView.js

@@ -1,49 +1 @@
-"use strict";
-
-/**
- * ConsoleView — self-contained Console panel (header bar + body) for embedding
- * outside a JsModal (the desktop dashboard inline tool, or any standalone use).
- *
- * Inside the mobile floating menu, ConsoleModal composes the same pieces but
- * routes the header into JsModal's `customContent` instead.
- */
-
-import React from "react";
-import { View, StyleSheet } from "react-native";
-import { macOSColors, windowDragProps } from "@buoy-gg/shared-ui";
-import { ConsoleHeader } from "./ConsoleHeader";
-import { ConsoleBody } from "./ConsoleBody";
-import { useConsoleController } from "./useConsoleController";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ConsoleView() {
-  const c = useConsoleController();
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.container,
-    children: [/*#__PURE__*/_jsx(View, {
-      style: styles.headerBar,
-      ...windowDragProps,
-      children: /*#__PURE__*/_jsx(ConsoleHeader, {
-        c: c
-      })
-    }), /*#__PURE__*/_jsx(ConsoleBody, {
-      c: c
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    // Transparent so the desktop workbench's hoisted sky (one field spanning
-    // sidebar + panel) shows through — the shell paints its base beneath it.
-    backgroundColor: "transparent"
-  },
-  headerBar: {
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    // Clear, like Bench — the host's hoisted sky shows through the header.
-    backgroundColor: "transparent",
-    borderBottomWidth: StyleSheet.hairlineWidth,
-    borderBottomColor: macOSColors.border.default
-  }
-});
-//# sourceMappingURL=ConsoleView.js.map
+"use strict";import p from"react";import{View as e,StyleSheet as t}from"react-native";import{macOSColors as a,windowDragProps as s}from"@buoy-gg/shared-ui";import{ConsoleHeader as i}from"./ConsoleHeader";import{ConsoleBody as l}from"./ConsoleBody";import{useConsoleController as d}from"./useConsoleController";import{jsx as o,jsxs as c}from"react/jsx-runtime";export function ConsoleView(){const r=d();return c(e,{style:n.container,children:[o(e,{style:n.headerBar,...s,children:o(i,{c:r})}),o(l,{c:r})]})}const n=t.create({container:{flex:1,backgroundColor:"transparent"},headerBar:{paddingHorizontal:12,paddingVertical:8,backgroundColor:"transparent",borderBottomWidth:t.hairlineWidth,borderBottomColor:a.border.default}});

package/lib/module/devtools/consoleFilter.js

@@ -1,119 +1 @@
-"use strict";
-
-/**
- * consoleFilter — port of DevTools `panels/console/ConsoleFilter.ts` plus the
- * `TextUtils.FilterParser` text-filter grammar.
- *
- * - Level mask: 4 levels (verbose/info/warning/error); "Default" = all but verbose.
- * - Text filter: space-separated tokens, AND-combined. Each token may be a plain
- *   substring, a `/regex/`, or `key:value` (url/source/context), and a leading
- *   `-` negates it. Our captured entries have no url/source/context fields, so
- *   keyed tokens degrade to a substring test against the rendered message.
- */
-
-export const ALL_LEVELS = {
-  verbose: true,
-  info: true,
-  warning: true,
-  error: true
-};
-
-/** "Default levels": everything except Verbose. */
-export const DEFAULT_LEVELS = {
-  ...ALL_LEVELS,
-  verbose: false
-};
-const KEY_VALUE_RE = /^([\w-]+):(.+)$/;
-const REGEXP_RE = /^\/(.+)\/$/;
-
-/** Parse a filter query string into AND-combined parsed filters. */
-export function parseFilterQuery(query) {
-  const filters = [];
-  for (const rawToken of query.split(/\s+/)) {
-    if (!rawToken) continue;
-    let token = rawToken;
-    let negative = false;
-    if (token.startsWith("-") && token.length > 1) {
-      negative = true;
-      token = token.slice(1);
-    }
-    const kv = token.match(KEY_VALUE_RE);
-    if (kv) {
-      filters.push({
-        key: kv[1].toLowerCase(),
-        text: kv[2],
-        negative
-      });
-      continue;
-    }
-    const rx = token.match(REGEXP_RE);
-    if (rx) {
-      try {
-        filters.push({
-          regex: new RegExp(rx[1], "im"),
-          negative
-        });
-        continue;
-      } catch {
-        // Invalid regex falls back to literal text (DevTools does the same).
-      }
-    }
-    filters.push({
-      text: token,
-      negative
-    });
-  }
-  return filters;
-}
-
-/** Does the entry's rendered text contain `text` (case-insensitive)? */
-function textMatches(entry, text) {
-  return entry.message.toLowerCase().includes(text.toLowerCase());
-}
-
-/** Apply the parsed text filters (all must pass). */
-function applyFilters(entry, parsed) {
-  for (const filter of parsed) {
-    if (filter.regex) {
-      if (filter.regex.test(entry.message) === filter.negative) return false;
-    } else if (filter.text) {
-      // Keyed tokens (url:/source:/context:) degrade to a substring test since
-      // captured RN logs carry no such fields.
-      if (textMatches(entry, filter.text) === filter.negative) return false;
-    }
-  }
-  return true;
-}
-
-/** DevTools ConsoleFilter.shouldBeVisible, adapted to our entry model. */
-export function shouldBeVisible(entry, levelsMask, parsed) {
-  // Group-end markers are control rows, never filtered out (handled by the view).
-  if (entry.method === "groupEnd") return true;
-  if (!levelsMask[entry.level]) return false;
-  return applyFilters(entry, parsed);
-}
-
-// ─── Level menu summary text (DevTools updateLevelMenuButtonText) ────────────
-
-const LEVEL_LABEL = {
-  verbose: "Verbose",
-  info: "Info",
-  warning: "Warnings",
-  error: "Errors"
-};
-const LEVEL_ORDER = ["verbose", "info", "warning", "error"];
-function masksEqual(a, b) {
-  return LEVEL_ORDER.every(l => a[l] === b[l]);
-}
-
-/** The summary shown on the level menu button. */
-export function levelMenuSummary(mask) {
-  if (masksEqual(mask, ALL_LEVELS)) return "All levels";
-  if (masksEqual(mask, DEFAULT_LEVELS)) return "Default levels";
-  const enabled = LEVEL_ORDER.filter(l => mask[l]);
-  if (enabled.length === 0) return "Hide all";
-  if (enabled.length === 1) return `${LEVEL_LABEL[enabled[0]]} only`;
-  return "Custom levels";
-}
-export { LEVEL_LABEL, LEVEL_ORDER };
-//# sourceMappingURL=consoleFilter.js.map
+"use strict";export const ALL_LEVELS={verbose:true,info:true,warning:true,error:true};export const DEFAULT_LEVELS={...ALL_LEVELS,verbose:false};const a=/^([\w-]+):(.+)$/;const c=/^\/(.+)\/$/;export function parseFilterQuery(e){const t=[];for(const r of e.split(/\s+/)){if(!r)continue;let n=r;let o=false;if(n.startsWith("-")&&n.length>1){o=true;n=n.slice(1)}const s=n.match(a);if(s){t.push({key:s[1].toLowerCase(),text:s[2],negative:o});continue}const u=n.match(c);if(u){try{t.push({regex:new RegExp(u[1],"im"),negative:o});continue}catch{}}t.push({text:n,negative:o})}return t}function E(e,t){return e.message.toLowerCase().includes(t.toLowerCase())}function g(e,t){for(const r of t){if(r.regex){if(r.regex.test(e.message)===r.negative)return false}else if(r.text){if(E(e,r.text)===r.negative)return false}}return true}export function shouldBeVisible(e,t,r){if(e.method==="groupEnd")return true;if(!t[e.level])return false;return g(e,r)}const l={verbose:"Verbose",info:"Info",warning:"Warnings",error:"Errors"};const i=["verbose","info","warning","error"];function f(e,t){return i.every(r=>e[r]===t[r])}export function levelMenuSummary(e){if(f(e,ALL_LEVELS))return"All levels";if(f(e,DEFAULT_LEVELS))return"Default levels";const t=i.filter(r=>e[r]);if(t.length===0)return"Hide all";if(t.length===1)return`${l[t[0]]} only`;return"Custom levels"}export{l as LEVEL_LABEL,i as LEVEL_ORDER};