@buoy-gg/ask-buoy 7.0.33 → 7.0.34

package/lib/commonjs/components/Markdown.js

@@ -1,252 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Markdown = Markdown;
-exports.renderInline = renderInline;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * 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),
- * 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.
- */
-
-const isTableRow = l => /^\s*\|.*\|\s*$/.test(l);
-const isTableRule = l => /^\s*\|?\s*:?-{2,}:?\s*(\|\s*:?-{2,}:?\s*)*\|?\s*$/.test(l);
-const splitRow = l => l.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map(c => c.trim());
-function parseBlocks(source) {
-  const blocks = [];
-  let para = [];
-  const flush = () => {
-    if (para.length) blocks.push({
-      kind: "p",
-      text: para.join(" ")
-    });
-    para = [];
-  };
-  const lines = source.split("\n");
-  for (let li = 0; li < lines.length; li++) {
-    const raw = lines[li];
-    const line = raw.replace(/\s+$/, "");
-    if (!line.trim()) {
-      flush();
-      continue;
-    }
-    // A pipe table: header row, a rule row, then body rows.
-    if (isTableRow(line) && lines[li + 1] && isTableRule(lines[li + 1])) {
-      flush();
-      const header = splitRow(line);
-      const rows = [];
-      let j = li + 2;
-      while (j < lines.length && isTableRow(lines[j])) {
-        rows.push(splitRow(lines[j]));
-        j++;
-      }
-      blocks.push({
-        kind: "table",
-        header,
-        rows
-      });
-      li = j - 1;
-      continue;
-    }
-    const heading = /^#{1,6}\s+(.*)$/.exec(line);
-    if (heading) {
-      flush();
-      blocks.push({
-        kind: "h",
-        text: heading[1]
-      });
-      continue;
-    }
-    const bullet = /^(\s*)([-*•]|\d+[.)])\s+(.*)$/.exec(line);
-    if (bullet) {
-      flush();
-      const depth = Math.min(2, Math.floor(bullet[1].length / 2));
-      const marker = /^\d/.test(bullet[2]) ? bullet[2].replace(")", ".") : "•";
-      blocks.push({
-        kind: "li",
-        text: bullet[3],
-        marker,
-        depth
-      });
-      continue;
-    }
-    para.push(line.trim());
-  }
-  flush();
-  return blocks;
-}
-
-/**
- * `**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.
- */
-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__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [base, styles.bold],
-        children: tok.slice(2, -2)
-      }, i++));
-    } else if (tok.startsWith("`")) {
-      out.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [base, styles.code],
-        children: tok.slice(1, -1)
-      }, i++));
-    } else {
-      out.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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;
-}
-function Markdown({
-  text,
-  style
-}) {
-  const blocks = parseBlocks(text);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.wrap,
-    children: blocks.map((b, i) => {
-      if (b.kind === "table") {
-        const cols = b.header.slice(0, 4);
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.table,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.tableHead,
-            children: cols.map((c, k) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.th, k === 0 && styles.firstCol],
-              numberOfLines: 1,
-              children: c.replace(/\*\*/g, "")
-            }, k))
-          }), b.rows.slice(0, 12).map((r, ri) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: [styles.tr, ri > 0 && styles.trDivider],
-            children: cols.map((_, k) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.td, k === 0 && styles.firstCol, k === 0 && styles.tdFirst],
-              numberOfLines: 2,
-              children: renderInline((r[k] ?? "").replace(/!?\[([^\]]*)\]\([^)]*\)/g, "$1"), styles.td)
-            }, k))
-          }, ri))]
-        }, i);
-      }
-      if (b.kind === "li") {
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: [styles.li, {
-            paddingLeft: 4 + b.depth * 14
-          }],
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: [style, styles.marker],
-            children: b.marker
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: [style, styles.liText],
-            selectable: true,
-            children: renderInline(b.text, style)
-          })]
-        }, i);
-      }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [style, b.kind === "h" && styles.bold],
-        selectable: true,
-        children: renderInline(b.text, style)
-      }, i);
-    })
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  wrap: {
-    gap: 8
-  },
-  bold: {
-    fontWeight: "600"
-  },
-  italic: {
-    fontStyle: "italic"
-  },
-  code: {
-    fontFamily: "Menlo",
-    fontSize: 13,
-    color: _sharedUi.night.color.accent,
-    backgroundColor: _sharedUi.night.color.fill
-  },
-  li: {
-    flexDirection: "row",
-    gap: 8
-  },
-  table: {
-    borderRadius: _sharedUi.night.radius.row,
-    borderWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderColor: _sharedUi.night.color.border,
-    backgroundColor: _sharedUi.night.color.surface,
-    overflow: "hidden"
-  },
-  tableHead: {
-    flexDirection: "row",
-    paddingHorizontal: 10,
-    paddingVertical: 6,
-    gap: 8,
-    backgroundColor: _sharedUi.night.color.fill
-  },
-  th: {
-    flex: 1,
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: _sharedUi.night.font.micro,
-    fontWeight: "700",
-    letterSpacing: 0.6,
-    textTransform: "uppercase"
-  },
-  tr: {
-    flexDirection: "row",
-    paddingHorizontal: 10,
-    paddingVertical: 7,
-    gap: 8
-  },
-  trDivider: {
-    borderTopWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderTopColor: _sharedUi.night.color.separator
-  },
-  td: {
-    flex: 1,
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.caption,
-    lineHeight: 17
-  },
-  tdFirst: {
-    color: _sharedUi.night.color.text,
-    fontWeight: "500"
-  },
-  firstCol: {
-    flex: 1.3
-  },
-  marker: {
-    color: _sharedUi.night.color.textSecondary,
-    minWidth: 14,
-    textAlign: "right"
-  },
-  liText: {
-    flex: 1
-  }
-});
-//# sourceMappingURL=Markdown.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Markdown=Markdown,exports.renderInline=renderInline;var _reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_jsxRuntime=require("react/jsx-runtime");const isTableRow=e=>/^\s*\|.*\|\s*$/.test(e),isTableRule=e=>/^\s*\|?\s*:?-{2,}:?\s*(\|\s*:?-{2,}:?\s*)*\|?\s*$/.test(e),splitRow=e=>e.trim().replace(/^\|/,"").replace(/\|$/,"").split("|").map(e=>e.trim());function parseBlocks(e){const t=[];let i=[];const r=()=>{i.length&&t.push({kind:"p",text:i.join(" ")}),i=[]},s=e.split("\n");for(let e=0;e<s.length;e++){const l=s[e].replace(/\s+$/,"");if(!l.trim()){r();continue}if(isTableRow(l)&&s[e+1]&&isTableRule(s[e+1])){r();const i=splitRow(l),n=[];let a=e+2;for(;a<s.length&&isTableRow(s[a]);)n.push(splitRow(s[a])),a++;t.push({kind:"table",header:i,rows:n}),e=a-1;continue}const n=/^#{1,6}\s+(.*)$/.exec(l);if(n){r(),t.push({kind:"h",text:n[1]});continue}const a=/^(\s*)([-*•]|\d+[.)])\s+(.*)$/.exec(l);if(a){r();const e=Math.min(2,Math.floor(a[1].length/2)),i=/^\d/.test(a[2])?a[2].replace(")","."):"•";t.push({kind:"li",text:a[3],marker:i,depth:e});continue}i.push(l.trim())}return r(),t}function renderInline(e,t){const i=e.replace(/!?\[([^\]]*)\]\([^)]*\)/g,"$1"),r=[],s=/(\*\*[^*]+\*\*|`[^`]+`|\*[^*\s][^*]*\*|_[^_\s][^_]*_)/g;let l,n=0,a=0;for(;l=s.exec(i);){l.index>n&&r.push(i.slice(n,l.index));const e=l[0];e.startsWith("**")?r.push((0,_jsxRuntime.jsx)(_reactNative.Text,{style:[t,styles.bold],children:e.slice(2,-2)},a++)):e.startsWith("`")?r.push((0,_jsxRuntime.jsx)(_reactNative.Text,{style:[t,styles.code],children:e.slice(1,-1)},a++)):r.push((0,_jsxRuntime.jsx)(_reactNative.Text,{style:[t,styles.italic],children:e.slice(1,-1)},a++)),n=l.index+e.length}return n<i.length&&r.push(i.slice(n)),r}function Markdown({text:e,style:t}){const i=parseBlocks(e);return(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.wrap,children:i.map((e,i)=>{if("table"===e.kind){const t=e.header.slice(0,4);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.table,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.tableHead,children:t.map((e,t)=>(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.th,0===t&&styles.firstCol],numberOfLines:1,children:e.replace(/\*\*/g,"")},t))}),e.rows.slice(0,12).map((e,i)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.tr,i>0&&styles.trDivider],children:t.map((t,i)=>(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.td,0===i&&styles.firstCol,0===i&&styles.tdFirst],numberOfLines:2,children:renderInline((e[i]??"").replace(/!?\[([^\]]*)\]\([^)]*\)/g,"$1"),styles.td)},i))},i))]},i)}return"li"===e.kind?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.li,{paddingLeft:4+14*e.depth}],children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[t,styles.marker],children:e.marker}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[t,styles.liText],selectable:!0,children:renderInline(e.text,t)})]},i):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[t,"h"===e.kind&&styles.bold],selectable:!0,children:renderInline(e.text,t)},i)})})}const styles=_reactNative.StyleSheet.create({wrap:{gap:8},bold:{fontWeight:"600"},italic:{fontStyle:"italic"},code:{fontFamily:"Menlo",fontSize:13,color:_sharedUi.night.color.accent,backgroundColor:_sharedUi.night.color.fill},li:{flexDirection:"row",gap:8},table:{borderRadius:_sharedUi.night.radius.row,borderWidth:_reactNative.StyleSheet.hairlineWidth,borderColor:_sharedUi.night.color.border,backgroundColor:_sharedUi.night.color.surface,overflow:"hidden"},tableHead:{flexDirection:"row",paddingHorizontal:10,paddingVertical:6,gap:8,backgroundColor:_sharedUi.night.color.fill},th:{flex:1,color:_sharedUi.night.color.textTertiary,fontSize:_sharedUi.night.font.micro,fontWeight:"700",letterSpacing:.6,textTransform:"uppercase"},tr:{flexDirection:"row",paddingHorizontal:10,paddingVertical:7,gap:8},trDivider:{borderTopWidth:_reactNative.StyleSheet.hairlineWidth,borderTopColor:_sharedUi.night.color.separator},td:{flex:1,color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption,lineHeight:17},tdFirst:{color:_sharedUi.night.color.text,fontWeight:"500"},firstCol:{flex:1.3},marker:{color:_sharedUi.night.color.textSecondary,minWidth:14,textAlign:"right"},liText:{flex:1}});