@buoy-gg/ask-buoy 7.0.41 → 7.0.43

package/lib/module/components/KeyboardPad.js

@@ -1,75 +1 @@
-"use strict";
-
-/**
- * Keeps the composer above the iOS keyboard.
- *
- * Why not `KeyboardAvoidingView`: it takes its frame from `onLayout`, which
- * is RELATIVE TO ITS PARENT, and compares that to the keyboard's SCREEN
- * position. That only agrees when the view starts at the window's origin.
- * Ask Buoy is a JsModal — an absolutely positioned sheet anchored to the
- * bottom of the app tree — so the view's local bottom (a few hundred points
- * into the sheet) sits well above the keyboard's screen Y, the overlap comes
- * out as zero, and nothing moves. The keyboard drew over the composer with
- * a "working" `KeyboardAvoidingView` around it.
- *
- * This measures the SAME thing in the SAME coordinate space: the wrapper's
- * bottom edge in window coordinates via `measureInWindow`, against the
- * keyboard's `endCoordinates.screenY`. The difference is the overlap, and it
- * becomes bottom padding animated over the keyboard's own duration so the
- * composer rides the keyboard instead of jumping after it.
- *
- * The wrapper is `flex: 1` inside a fixed-height sheet body, so its OUTER
- * bounds never change when its padding does — re-measuring on a later
- * frame-change event (a predictive-text bar appearing, an emoji keyboard)
- * gives the same bottom edge.
- *
- * iOS only. Android's window resizes under the keyboard
- * (`softwareKeyboardLayoutMode: "resize"`, both the Expo and the RN CLI
- * template default) and a bottom-anchored sheet rides up for free; padding
- * there would lift it twice. Web has no keyboard events and no keyboard.
- */
-import { useEffect, useRef } from "react";
-import { Animated, Easing, Keyboard, Platform, StyleSheet } from "react-native";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function KeyboardPad({
-  children
-}) {
-  const ref = useRef(null);
-  const pad = useRef(new Animated.Value(0)).current;
-  useEffect(() => {
-    if (Platform.OS !== "ios") return;
-    const animateTo = (value, event) => {
-      Animated.timing(pad, {
-        toValue: value,
-        duration: event.duration || 250,
-        // iOS's keyboard curve; `keyboard` is the matching Easing preset.
-        easing: Easing.bezier(0.17, 0.59, 0.4, 0.77),
-        useNativeDriver: false
-      }).start();
-    };
-    const onChange = event => {
-      const node = ref.current;
-      if (!node) return;
-      node.measureInWindow((_x, y, _w, h) => {
-        const overlap = y + h - event.endCoordinates.screenY;
-        animateTo(Math.max(0, overlap), event);
-      });
-    };
-    const onHide = event => animateTo(0, event);
-    const subs = [Keyboard.addListener("keyboardWillChangeFrame", onChange), Keyboard.addListener("keyboardWillHide", onHide)];
-    return () => subs.forEach(s => s.remove());
-  }, [pad]);
-  return /*#__PURE__*/_jsx(Animated.View, {
-    ref: ref,
-    style: [styles.flex, {
-      paddingBottom: pad
-    }],
-    children: children
-  });
-}
-const styles = StyleSheet.create({
-  flex: {
-    flex: 1
-  }
-});
-//# sourceMappingURL=KeyboardPad.js.map
+"use strict";import{useEffect as p,useRef as s}from"react";import{Animated as n,Easing as y,Keyboard as i,Platform as b,StyleSheet as g}from"react-native";import{jsx as h}from"react/jsx-runtime";export function KeyboardPad({children:d}){const o=s(null);const t=s(new n.Value(0)).current;p(()=>{if(b.OS!=="ios")return;const a=(e,r)=>{n.timing(t,{toValue:e,duration:r.duration||250,easing:y.bezier(.17,.59,.4,.77),useNativeDriver:false}).start()};const c=e=>{const r=o.current;if(!r)return;r.measureInWindow((v,f,C,m)=>{const x=f+m-e.endCoordinates.screenY;a(Math.max(0,x),e)})};const l=e=>a(0,e);const u=[i.addListener("keyboardWillChangeFrame",c),i.addListener("keyboardWillHide",l)];return()=>u.forEach(e=>e.remove())},[t]);return h(n.View,{ref:o,style:[w.flex,{paddingBottom:t}],children:d})}const w=g.create({flex:{flex:1}});

package/lib/module/components/Markdown.js

@@ -1,305 +1 @@
-"use strict";
-
-/**
- * Just enough Markdown for a chat answer.
- *
- * Models write `**bold**`, bullet lists and `code` whether or not the prompt
- * asks for prose, and the asterisks rendered raw made every answer look like
- * a broken template. This handles the subset a chat actually receives —
- * paragraphs, `-`/`*`/`1.` lists, `#` headings (rendered bold, not huge),
- * pipe tables, fenced code, bold, italics and inline code — with no
- * dependency and no HTML. Anything it does not understand falls through as
- * plain text, never as a blank. The parser lives in markdownParse.ts so it
- * can be tested without React Native.
- */
-import { useState } from "react";
-import { Pressable, ScrollView, StyleSheet, Text, View } from "react-native";
-import { night } from "@buoy-gg/shared-ui";
-import { parseBlocks, TABLE_PREVIEW_COLS, TABLE_PREVIEW_ROWS, tableTruncation } from "./markdownParse";
-
-/**
- * `**bold**`, `*italic*` / `_italic_`, `` `code` `` → styled spans. Links and
- * images collapse to their text: a phone chat has nowhere to open a URL, and
- * `![Snorlax](https://raw.githubusercontent.com/…/143.png)` printed raw is
- * three lines of noise for one word of meaning.
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function renderInline(source, base) {
-  const text = source.replace(/!?\[([^\]]*)\]\([^)]*\)/g, "$1");
-  const out = [];
-  const re = /(\*\*[^*]+\*\*|`[^`]+`|\*[^*\s][^*]*\*|_[^_\s][^_]*_)/g;
-  let last = 0;
-  let m;
-  let i = 0;
-  while (m = re.exec(text)) {
-    if (m.index > last) out.push(text.slice(last, m.index));
-    const tok = m[0];
-    if (tok.startsWith("**")) {
-      out.push(/*#__PURE__*/_jsx(Text, {
-        style: [base, styles.bold],
-        children: tok.slice(2, -2)
-      }, i++));
-    } else if (tok.startsWith("`")) {
-      out.push(/*#__PURE__*/_jsx(Text, {
-        style: [base, styles.code],
-        children: tok.slice(1, -1)
-      }, i++));
-    } else {
-      out.push(/*#__PURE__*/_jsx(Text, {
-        style: [base, styles.italic],
-        children: tok.slice(1, -1)
-      }, i++));
-    }
-    last = m.index + tok.length;
-  }
-  if (last < text.length) out.push(text.slice(last));
-  return out;
-}
-const stripLinks = s => s.replace(/!?\[([^\]]*)\]\([^)]*\)/g, "$1");
-
-/**
- * A pipe table, cut to a preview that SAYS it is cut.
- *
- * It used to slice to four columns and twelve rows in silence. A model asked
- * for "all 30 bag lines" sent 30; the tester read 12 and filed "the bag only
- * has 12 items". Evidence that is cut must say so — a footer names what is
- * missing and Show all expands to every row and column inside a capped,
- * horizontally scrollable box, the same shape the approval card uses for its
- * long description.
- */
-function MarkdownTable({
-  header,
-  rows
-}) {
-  const [expanded, setExpanded] = useState(false);
-  const truncation = tableTruncation(header, rows);
-  const cols = expanded ? header : header.slice(0, TABLE_PREVIEW_COLS);
-  const shownRows = expanded ? rows : rows.slice(0, TABLE_PREVIEW_ROWS);
-  const body = /*#__PURE__*/_jsxs(View, {
-    style: expanded && styles.tableWide,
-    children: [/*#__PURE__*/_jsx(View, {
-      style: styles.tableHead,
-      children: cols.map((c, k) => /*#__PURE__*/_jsx(Text, {
-        style: [styles.th, k === 0 && styles.firstCol, expanded && styles.colFixed],
-        numberOfLines: 1,
-        children: c.replace(/\*\*/g, "")
-      }, k))
-    }), shownRows.map((r, ri) => /*#__PURE__*/_jsx(View, {
-      style: [styles.tr, ri > 0 && styles.trDivider],
-      children: cols.map((_, k) => /*#__PURE__*/_jsx(Text, {
-        style: [styles.td, k === 0 && styles.firstCol, k === 0 && styles.tdFirst, expanded && styles.colFixed],
-        numberOfLines: expanded ? 3 : 2,
-        children: renderInline(stripLinks(r[k] ?? ""), styles.td)
-      }, k))
-    }, ri))]
-  });
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.table,
-    testID: "buoy-ask-buoy-md-table",
-    children: [expanded ?
-    /*#__PURE__*/
-    // Capped both ways: every column gets a real width and scrolls
-    // sideways; the rows scroll inside the card rather than taking the
-    // whole transcript with them.
-    _jsx(ScrollView, {
-      style: styles.tableScrollV,
-      nestedScrollEnabled: true,
-      children: /*#__PURE__*/_jsx(ScrollView, {
-        horizontal: true,
-        showsHorizontalScrollIndicator: true,
-        children: body
-      })
-    }) : body, truncation ? /*#__PURE__*/_jsxs(Pressable, {
-      testID: "buoy-ask-buoy-md-table-toggle",
-      accessibilityRole: "button",
-      accessibilityLabel: expanded ? "Show fewer rows" : "Show all rows and columns",
-      onPress: () => setExpanded(v => !v),
-      style: ({
-        pressed
-      }) => [styles.tfoot, pressed && styles.pressed],
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.tfootText,
-        children: expanded ? `All ${rows.length} rows · ${header.length} columns` : truncation
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.tfootAction,
-        children: expanded ? "Show fewer" : "Show all"
-      })]
-    }) : null]
-  });
-}
-export function Markdown({
-  text,
-  style
-}) {
-  const blocks = parseBlocks(text);
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.wrap,
-    children: blocks.map((b, i) => {
-      if (b.kind === "table") return /*#__PURE__*/_jsx(MarkdownTable, {
-        header: b.header,
-        rows: b.rows
-      }, i);
-      if (b.kind === "code") {
-        return (
-          /*#__PURE__*/
-          // Newlines and indentation kept; long lines scroll sideways rather
-          // than wrapping a JSON object into soup.
-          _jsx(ScrollView, {
-            horizontal: true,
-            style: styles.codeBlock,
-            contentContainerStyle: styles.codeBlockContent,
-            testID: "buoy-ask-buoy-md-code",
-            children: /*#__PURE__*/_jsx(Text, {
-              style: styles.codeText,
-              selectable: true,
-              children: b.text
-            })
-          }, i)
-        );
-      }
-      if (b.kind === "li") {
-        return /*#__PURE__*/_jsxs(View, {
-          style: [styles.li, {
-            paddingLeft: 4 + b.depth * 14
-          }],
-          children: [/*#__PURE__*/_jsx(Text, {
-            style: [style, styles.marker],
-            children: b.marker
-          }), /*#__PURE__*/_jsx(Text, {
-            style: [style, styles.liText],
-            selectable: true,
-            children: renderInline(b.text, style)
-          })]
-        }, i);
-      }
-      return /*#__PURE__*/_jsx(Text, {
-        style: [style, b.kind === "h" && styles.bold],
-        selectable: true,
-        children: renderInline(b.text, style)
-      }, i);
-    })
-  });
-}
-const styles = StyleSheet.create({
-  wrap: {
-    gap: 8
-  },
-  bold: {
-    fontWeight: "600"
-  },
-  italic: {
-    fontStyle: "italic"
-  },
-  code: {
-    fontFamily: "Menlo",
-    fontSize: 13,
-    color: night.color.accent,
-    backgroundColor: night.color.fill
-  },
-  codeBlock: {
-    borderRadius: night.radius.row,
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: night.color.border,
-    backgroundColor: night.color.surface
-  },
-  codeBlockContent: {
-    paddingHorizontal: 12,
-    paddingVertical: 10
-  },
-  codeText: {
-    fontFamily: "Menlo",
-    fontSize: 12,
-    lineHeight: 18,
-    color: night.color.text
-  },
-  li: {
-    flexDirection: "row",
-    gap: 8
-  },
-  table: {
-    borderRadius: night.radius.row,
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: night.color.border,
-    backgroundColor: night.color.surface,
-    overflow: "hidden"
-  },
-  tableWide: {
-    minWidth: "100%"
-  },
-  tableScrollV: {
-    maxHeight: 320
-  },
-  tableHead: {
-    flexDirection: "row",
-    paddingHorizontal: 10,
-    paddingVertical: 6,
-    gap: 8,
-    backgroundColor: night.color.fill
-  },
-  th: {
-    flex: 1,
-    color: night.color.textTertiary,
-    fontSize: night.font.micro,
-    fontWeight: "700",
-    letterSpacing: 0.6,
-    textTransform: "uppercase"
-  },
-  tr: {
-    flexDirection: "row",
-    paddingHorizontal: 10,
-    paddingVertical: 7,
-    gap: 8
-  },
-  trDivider: {
-    borderTopWidth: StyleSheet.hairlineWidth,
-    borderTopColor: night.color.separator
-  },
-  td: {
-    flex: 1,
-    color: night.color.textSecondary,
-    fontSize: night.font.caption,
-    lineHeight: 17
-  },
-  tdFirst: {
-    color: night.color.text,
-    fontWeight: "500"
-  },
-  firstCol: {
-    flex: 1.3
-  },
-  // Expanded: a real width per column so six of them don't share one row.
-  colFixed: {
-    flex: 0,
-    width: 110
-  },
-  tfoot: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    paddingHorizontal: 10,
-    paddingVertical: 8,
-    borderTopWidth: StyleSheet.hairlineWidth,
-    borderTopColor: night.color.border
-  },
-  tfootText: {
-    color: night.color.textSecondary,
-    fontSize: night.font.micro
-  },
-  tfootAction: {
-    color: night.color.accent,
-    fontSize: night.font.micro,
-    fontWeight: "600"
-  },
-  pressed: {
-    opacity: 0.7
-  },
-  marker: {
-    color: night.color.textSecondary,
-    minWidth: 14,
-    textAlign: "right"
-  },
-  liText: {
-    flex: 1
-  }
-});
-//# sourceMappingURL=Markdown.js.map
+"use strict";import{useState as m}from"react";import{Pressable as w,ScrollView as y,StyleSheet as x,Text as c,View as p}from"react-native";import{night as t}from"@buoy-gg/shared-ui";import{parseBlocks as S,TABLE_PREVIEW_COLS as W,TABLE_PREVIEW_ROWS as k,tableTruncation as T}from"./markdownParse";import{jsx as r,jsxs as g}from"react/jsx-runtime";export function renderInline(d,i){const l=d.replace(/!?\[([^\]]*)\]\([^)]*\)/g,"$1");const o=[];const s=/(\*\*[^*]+\*\*|`[^`]+`|\*[^*\s][^*]*\*|_[^_\s][^_]*_)/g;let a=0;let h;let f=0;while(h=s.exec(l)){if(h.index>a)o.push(l.slice(a,h.index));const n=h[0];if(n.startsWith("**")){o.push(r(c,{style:[i,e.bold],children:n.slice(2,-2)},f++))}else if(n.startsWith("`")){o.push(r(c,{style:[i,e.code],children:n.slice(1,-1)},f++))}else{o.push(r(c,{style:[i,e.italic],children:n.slice(1,-1)},f++))}a=h.index+n.length}if(a<l.length)o.push(l.slice(a));return o}const C=d=>d.replace(/!?\[([^\]]*)\]\([^)]*\)/g,"$1");function z({header:d,rows:i}){const[l,o]=m(false);const s=T(d,i);const a=l?d:d.slice(0,W);const h=l?i:i.slice(0,k);const f=g(p,{style:l&&e.tableWide,children:[r(p,{style:e.tableHead,children:a.map((n,u)=>r(c,{style:[e.th,u===0&&e.firstCol,l&&e.colFixed],numberOfLines:1,children:n.replace(/\*\*/g,"")},u))}),h.map((n,u)=>r(p,{style:[e.tr,u>0&&e.trDivider],children:a.map((_,b)=>r(c,{style:[e.td,b===0&&e.firstCol,b===0&&e.tdFirst,l&&e.colFixed],numberOfLines:l?3:2,children:renderInline(C(n[b]??""),e.td)},b))},u))]});return g(p,{style:e.table,testID:"buoy-ask-buoy-md-table",children:[l?r(y,{style:e.tableScrollV,nestedScrollEnabled:true,children:r(y,{horizontal:true,showsHorizontalScrollIndicator:true,children:f})}):f,s?g(w,{testID:"buoy-ask-buoy-md-table-toggle",accessibilityRole:"button",accessibilityLabel:l?"Show fewer rows":"Show all rows and columns",onPress:()=>o(n=>!n),style:({pressed:n})=>[e.tfoot,n&&e.pressed],children:[r(c,{style:e.tfootText,children:l?`All ${i.length} rows \xB7 ${d.length} columns`:s}),r(c,{style:e.tfootAction,children:l?"Show fewer":"Show all"})]}):null]})}export function Markdown({text:d,style:i}){const l=S(d);return r(p,{style:e.wrap,children:l.map((o,s)=>{if(o.kind==="table")return r(z,{header:o.header,rows:o.rows},s);if(o.kind==="code"){return r(y,{horizontal:true,style:e.codeBlock,contentContainerStyle:e.codeBlockContent,testID:"buoy-ask-buoy-md-code",children:r(c,{style:e.codeText,selectable:true,children:o.text})},s)}if(o.kind==="li"){return g(p,{style:[e.li,{paddingLeft:4+o.depth*14}],children:[r(c,{style:[i,e.marker],children:o.marker}),r(c,{style:[i,e.liText],selectable:true,children:renderInline(o.text,i)})]},s)}return r(c,{style:[i,o.kind==="h"&&e.bold],selectable:true,children:renderInline(o.text,i)},s)})})}const e=x.create({wrap:{gap:8},bold:{fontWeight:"600"},italic:{fontStyle:"italic"},code:{fontFamily:"Menlo",fontSize:13,color:t.color.accent,backgroundColor:t.color.fill},codeBlock:{borderRadius:t.radius.row,borderWidth:x.hairlineWidth,borderColor:t.color.border,backgroundColor:t.color.surface},codeBlockContent:{paddingHorizontal:12,paddingVertical:10},codeText:{fontFamily:"Menlo",fontSize:12,lineHeight:18,color:t.color.text},li:{flexDirection:"row",gap:8},table:{borderRadius:t.radius.row,borderWidth:x.hairlineWidth,borderColor:t.color.border,backgroundColor:t.color.surface,overflow:"hidden"},tableWide:{minWidth:"100%"},tableScrollV:{maxHeight:320},tableHead:{flexDirection:"row",paddingHorizontal:10,paddingVertical:6,gap:8,backgroundColor:t.color.fill},th:{flex:1,color:t.color.textTertiary,fontSize:t.font.micro,fontWeight:"700",letterSpacing:.6,textTransform:"uppercase"},tr:{flexDirection:"row",paddingHorizontal:10,paddingVertical:7,gap:8},trDivider:{borderTopWidth:x.hairlineWidth,borderTopColor:t.color.separator},td:{flex:1,color:t.color.textSecondary,fontSize:t.font.caption,lineHeight:17},tdFirst:{color:t.color.text,fontWeight:"500"},firstCol:{flex:1.3},colFixed:{flex:0,width:110},tfoot:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingHorizontal:10,paddingVertical:8,borderTopWidth:x.hairlineWidth,borderTopColor:t.color.border},tfootText:{color:t.color.textSecondary,fontSize:t.font.micro},tfootAction:{color:t.color.accent,fontSize:t.font.micro,fontWeight:"600"},pressed:{opacity:.7},marker:{color:t.color.textSecondary,minWidth:14,textAlign:"right"},liText:{flex:1}});