@visulima/tui 1.0.0-alpha.2 → 1.0.0-alpha.21

package/dist/packem_shared/CursorContext-JxRzlqAx.js

@@ -1,9 +0,0 @@
-import { createContext } from 'react';
-
-const CursorContext = createContext({
-  setCursorPosition() {
-  }
-});
-CursorContext.displayName = "InternalCursorContext";
-
-export { CursorContext as C };

package/dist/packem_shared/DevTools-aMPIsaHx.js

@@ -1,61 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useRef, useEffect } from 'react';
-import { useWindowSize, useTuiContext } from './TuiContext-CqEjMyXd.js';
-import { _Box, _Spacer, _Text } from './render-Bpjhf0lD.js';
-
-function useFpsCounter() {
-  const { app } = useTuiContext();
-  const [fps, setFps] = useState(0);
-  const frames = useRef(0);
-  const windowStart = useRef(Date.now());
-  const idleTimer = useRef(null);
-  useEffect(() => {
-    const onRender = () => {
-      if (idleTimer.current)
-        clearTimeout(idleTimer.current);
-      idleTimer.current = setTimeout(() => {
-        setFps(0);
-        frames.current = 0;
-        windowStart.current = Date.now();
-      }, 2e3);
-      frames.current++;
-      const now = Date.now();
-      const elapsed = now - windowStart.current;
-      if (elapsed >= 500) {
-        setFps(Math.round(frames.current / elapsed * 1e3));
-        frames.current = 0;
-        windowStart.current = now;
-      }
-    };
-    const unsub = app.onBeforeFlush(() => {
-      onRender();
-    });
-    return () => {
-      unsub();
-      if (idleTimer.current)
-        clearTimeout(idleTimer.current);
-    };
-  }, [app]);
-  return fps;
-}
-const FpsHud = ({ fps }) => {
-  const label = fps === 0 ? "--" : String(fps);
-  return jsx(_Box, { borderColor: "gray", borderStyle: "round", paddingX: 1, children: jsxs(_Text, { dim: true, children: [
-    label,
-    " ",
-    "updates/sec"
-  ] }) });
-};
-const DevTools = ({ children, enabled = true }) => {
-  const fps = useFpsCounter();
-  const { columns, rows } = useWindowSize();
-  return jsxs(_Box, { flexDirection: "column", height: rows, width: columns, children: [
-    jsx(_Box, { flexGrow: 1, children }),
-    enabled && jsxs(_Box, { flexDirection: "row", flexShrink: 0, children: [
-      jsx(_Spacer, {}),
-      jsx(FpsHud, { fps })
-    ] })
-  ] });
-};
-
-export { DevTools };

package/dist/packem_shared/Dialog-DsSNAVgC.js

@@ -1,71 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useRef } from 'react';
-import useTerminalPalette from './useTerminalPalette-BaWO2c4Q.js';
-import useWindowSize from './useWindowSize-ugEmGZJm.js';
-import Box from './Box-D_pSJ9Jp.js';
-import Text from './Text-DvAUdZcK.js';
-import { ScrollView } from './ScrollView-v3MCNIyX.js';
-
-const Dialog = ({
-  backgroundColor: backgroundColorProp,
-  borderColor = "cyan",
-  borderStyle = "round",
-  children,
-  columns: columnsProp,
-  footer,
-  maxHeight: maxHeightProp = 0.8,
-  paddingX = 2,
-  paddingY = 1,
-  rows: rowsProp,
-  scrollbarStyle: scrollbarStyleProp = "block",
-  scrollRef: externalScrollRef,
-  title,
-  visible = true,
-  width = 60
-}) => {
-  const windowSize = useWindowSize();
-  const { isLoading: paletteLoading, palette } = useTerminalPalette();
-  const internalScrollRef = useRef(null);
-  const scrollViewRef = externalScrollRef ?? internalScrollRef;
-  if (!visible) {
-    return null;
-  }
-  const cols = columnsProp ?? (windowSize.columns || 80);
-  const termRows = rowsProp ?? (windowSize.rows || 24);
-  const bg = backgroundColorProp ?? (paletteLoading ? "black" : palette?.background ?? "black");
-  const resolvedMaxHeight = maxHeightProp <= 1 ? Math.floor(termRows * maxHeightProp) : Math.min(maxHeightProp, termRows - 2);
-  const titleElement = typeof title === "string" ? jsx(Box, { marginBottom: 1, children: jsx(Text, { bold: true, color: borderColor, children: title }) }) : title ?? null;
-  return jsx(Box, { alignItems: "center", height: termRows, justifyContent: "center", position: "absolute", width: cols, children: jsxs(
-    Box,
-    {
-      backgroundColor: bg,
-      borderBackgroundColor: bg,
-      borderColor,
-      borderStyle,
-      flexDirection: "column",
-      maxHeight: resolvedMaxHeight,
-      opaque: true,
-      paddingY,
-      width: Math.min(width, cols - 4),
-      children: [
-        titleElement != null && jsx(Box, { flexShrink: 0, paddingX, children: titleElement }),
-        jsx(
-          ScrollView,
-          {
-            flexGrow: 1,
-            flexShrink: 1,
-            paddingX,
-            ref: scrollViewRef,
-            scrollbar: true,
-            scrollbarColor: borderColor,
-            scrollbarStyle: scrollbarStyleProp,
-            children
-          }
-        ),
-        footer != null && jsx(Box, { alignItems: "center", flexDirection: "column", flexShrink: 0, marginTop: 1, paddingX, children: footer })
-      ]
-    }
-  ) });
-};
-
-export { Dialog as default };

package/dist/packem_shared/DiffView-hqaw-2S6.js

@@ -1,329 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { createPatch, parsePatch, diffWords, diffChars } from 'diff';
-import { useMemo, useState, useRef, useEffect } from 'react';
-import { r as resolveLanguage, i as isLanguageSupported, g as getHighlighter, a as getCachedTokens, b as renderTokenLine } from './token-to-elements-BRFl_rzw.js';
-import useWindowSize from './useWindowSize-ugEmGZJm.js';
-import Box from './Box-D_pSJ9Jp.js';
-import Text from './Text-DvAUdZcK.js';
-
-const renderHighlightedContent = (content, highlightedLines, lineNumber, fallbackColor) => {
-  if (!highlightedLines || lineNumber === void 0 || lineNumber < 1 || lineNumber > highlightedLines.length) {
-    return fallbackColor ? jsx(Text, { color: fallbackColor, children: content }) : jsx(Text, { dimColor: true, children: content });
-  }
-  const tokens = highlightedLines[lineNumber - 1];
-  if (!tokens || tokens.length === 0) {
-    return fallbackColor ? jsx(Text, { color: fallbackColor, children: content }) : jsx(Text, { dimColor: true, children: content });
-  }
-  return renderTokenLine(tokens);
-};
-const useHighlightedLines = (text, language, theme) => {
-  const [tokens, setTokens] = useState(null);
-  const cancelledRef = useRef(false);
-  useEffect(() => {
-    cancelledRef.current = false;
-    if (!language) {
-      setTokens(null);
-      return;
-    }
-    const lang = resolveLanguage(language);
-    if (!isLanguageSupported(lang)) {
-      setTokens(null);
-      return;
-    }
-    void (async () => {
-      try {
-        const highlighter = await getHighlighter([lang], theme);
-        const result = getCachedTokens(highlighter, text, lang, theme);
-        if (!cancelledRef.current) {
-          setTokens(result.tokens);
-        }
-      } catch {
-        if (!cancelledRef.current) {
-          setTokens(null);
-        }
-      }
-    })();
-    return () => {
-      cancelledRef.current = true;
-    };
-  }, [text, language, theme]);
-  return tokens;
-};
-const parseDiffLines = (diffString, enableInlineDiff, inlineDiffMode = "chars") => {
-  const patches = parsePatch(diffString);
-  const hunks = [];
-  for (const patch of patches) {
-    for (const hunk of patch.hunks) {
-      const header = `@@ -${hunk.oldStart},${hunk.oldLines} +${hunk.newStart},${hunk.newLines} @@`;
-      const lines = [];
-      let oldLine = hunk.oldStart;
-      let newLine = hunk.newStart;
-      for (const line of hunk.lines) {
-        if (line.startsWith("\\")) {
-          continue;
-        }
-        if (line.startsWith("+")) {
-          lines.push({ content: line.slice(1), newLineNum: newLine++, type: "add" });
-        } else if (line.startsWith("-")) {
-          lines.push({ content: line.slice(1), oldLineNum: oldLine++, type: "del" });
-        } else {
-          lines.push({ content: line.slice(1), newLineNum: newLine++, oldLineNum: oldLine++, type: "context" });
-        }
-      }
-      if (enableInlineDiff) {
-        const pairs = findInlinePairs(lines);
-        for (const [delIndex, addIndex] of pairs) {
-          if (lines[delIndex].type === "del" && lines[addIndex].type === "add") {
-            const computed = computeInlineDiff(lines[delIndex].content, lines[addIndex].content, inlineDiffMode);
-            lines[delIndex].inlineDiff = computed ?? void 0;
-            lines[delIndex].pairedIndex = addIndex;
-            lines[addIndex].inlineDiff = computed ?? void 0;
-            lines[addIndex].pairedIndex = delIndex;
-          }
-        }
-      }
-      hunks.push({ header, lines });
-    }
-  }
-  return hunks;
-};
-const INLINE_DIFF_MAX_LINE_LENGTH = 500;
-const computeInlineDiff = (oldContent, newContent, mode = "chars") => {
-  if (oldContent.length > INLINE_DIFF_MAX_LINE_LENGTH || newContent.length > INLINE_DIFF_MAX_LINE_LENGTH) {
-    return null;
-  }
-  const parts = mode === "words" ? diffWords(oldContent, newContent) : diffChars(oldContent, newContent);
-  const delParts = [];
-  const addParts = [];
-  for (const part of parts) {
-    if (part.removed) {
-      delParts.push({ highlight: true, value: part.value });
-    } else if (part.added) {
-      addParts.push({ highlight: true, value: part.value });
-    } else {
-      delParts.push({ highlight: false, value: part.value });
-      addParts.push({ highlight: false, value: part.value });
-    }
-  }
-  return { addParts, delParts };
-};
-const renderInlineParts = (parts, color, bgColor) => jsx(Fragment, { children: parts.map((part, index) => {
-  if (part.highlight) {
-    return jsx(Text, { backgroundColor: bgColor, color: "white", children: part.value }, index);
-  }
-  return jsx(Text, { color, children: part.value }, index);
-}) });
-const findInlinePairs = (lines) => {
-  const pairs = /* @__PURE__ */ new Map();
-  let index = 0;
-  while (index < lines.length) {
-    const delStart = index;
-    while (index < lines.length && lines[index].type === "del") {
-      index++;
-    }
-    const delEnd = index;
-    const addStart = index;
-    while (index < lines.length && lines[index].type === "add") {
-      index++;
-    }
-    const addEnd = index;
-    const delCount = delEnd - delStart;
-    const addCount = addEnd - addStart;
-    const pairCount = Math.min(delCount, addCount);
-    for (let p = 0; p < pairCount; p++) {
-      pairs.set(delStart + p, addStart + p);
-      pairs.set(addStart + p, delStart + p);
-    }
-    if (index === delStart) {
-      index++;
-    }
-  }
-  return pairs;
-};
-function UnifiedView({
-  hunks,
-  newHighlighted,
-  oldHighlighted,
-  showLineNumbers
-}) {
-  return jsx(Box, { flexDirection: "column", children: hunks.map((hunk, hunkIndex) => jsxs(Box, { flexDirection: "column", children: [
-    hunkIndex > 0 ? jsx(Box, { marginBottom: 0, marginTop: 0, children: jsx(Text, { dimColor: true, children: "···" }) }) : void 0,
-    jsx(Text, { color: "cyan", dimColor: true, children: hunk.header }),
-    hunk.lines.map((line, lineIndex) => {
-      let lineContent;
-      let prefix;
-      let color;
-      switch (line.type) {
-        case "add": {
-          prefix = "+";
-          color = "green";
-          lineContent = line.inlineDiff ? renderInlineParts(line.inlineDiff.addParts, "green", "green") : renderHighlightedContent(line.content, newHighlighted, line.newLineNum, "green");
-          break;
-        }
-        case "del": {
-          prefix = "-";
-          color = "red";
-          lineContent = line.inlineDiff ? renderInlineParts(line.inlineDiff.delParts, "red", "red") : renderHighlightedContent(line.content, oldHighlighted, line.oldLineNum, "red");
-          break;
-        }
-        default: {
-          prefix = " ";
-          color = void 0;
-          lineContent = renderHighlightedContent(line.content, oldHighlighted, line.oldLineNum);
-          break;
-        }
-      }
-      return jsxs(Box, { children: [
-        showLineNumbers ? jsxs(Text, { color, dimColor: line.type === "context", children: [
-          String(line.oldLineNum ?? "").padStart(4),
-          " ",
-          String(line.newLineNum ?? "").padStart(4),
-          " "
-        ] }) : void 0,
-        jsx(Text, { color, children: prefix }),
-        lineContent
-      ] }, lineIndex);
-    })
-  ] }, hunkIndex)) });
-}
-function SplitView({
-  hunks,
-  newHighlighted,
-  oldHighlighted,
-  showLineNumbers,
-  width
-}) {
-  const halfWidth = Math.floor(width / 2) - 1;
-  return jsx(Box, { flexDirection: "column", children: hunks.map((hunk, hunkIndex) => {
-    const separator = hunkIndex > 0 ? jsx(Box, { marginBottom: 0, marginTop: 0, children: jsx(Text, { dimColor: true, children: "···" }) }) : void 0;
-    const leftLines = [];
-    const rightLines = [];
-    for (let lineIndex = 0; lineIndex < hunk.lines.length; lineIndex++) {
-      const line = hunk.lines[lineIndex];
-      switch (line.type) {
-        case "add": {
-          if (line.pairedIndex === void 0) {
-            leftLines.push({ content: jsx(Text, { dimColor: true }) });
-            rightLines.push({
-              content: renderHighlightedContent(line.content, newHighlighted, line.newLineNum, "green"),
-              lineNum: line.newLineNum
-            });
-          }
-          break;
-        }
-        case "context": {
-          leftLines.push({ content: renderHighlightedContent(line.content, oldHighlighted, line.oldLineNum), lineNum: line.oldLineNum });
-          rightLines.push({ content: renderHighlightedContent(line.content, newHighlighted, line.newLineNum), lineNum: line.newLineNum });
-          break;
-        }
-        case "del": {
-          if (line.pairedIndex === void 0) {
-            leftLines.push({
-              content: renderHighlightedContent(line.content, oldHighlighted, line.oldLineNum, "red"),
-              lineNum: line.oldLineNum
-            });
-            rightLines.push({ content: jsx(Text, { dimColor: true }) });
-          } else {
-            const pairedLine = hunk.lines[line.pairedIndex];
-            leftLines.push({
-              content: line.inlineDiff ? renderInlineParts(line.inlineDiff.delParts, "red", "red") : renderHighlightedContent(line.content, oldHighlighted, line.oldLineNum, "red"),
-              lineNum: line.oldLineNum
-            });
-            rightLines.push({
-              content: pairedLine.inlineDiff ? renderInlineParts(pairedLine.inlineDiff.addParts, "green", "green") : renderHighlightedContent(pairedLine.content, newHighlighted, pairedLine.newLineNum, "green"),
-              lineNum: pairedLine.newLineNum
-            });
-          }
-          break;
-        }
-      }
-    }
-    const rowCount = Math.max(leftLines.length, rightLines.length);
-    return jsxs(Box, { flexDirection: "column", children: [
-      separator,
-      jsx(Text, { color: "cyan", dimColor: true, children: hunk.header }),
-      Array.from({ length: rowCount }, (_, rowIndex) => {
-        const left = leftLines[rowIndex];
-        const right = rightLines[rowIndex];
-        return jsxs(Box, { flexDirection: "row", children: [
-          jsxs(Box, { width: halfWidth, children: [
-            showLineNumbers ? jsxs(Text, { dimColor: true, children: [
-              String(left?.lineNum ?? "").padStart(4),
-              " "
-            ] }) : void 0,
-            left?.content
-          ] }),
-          jsx(Text, { dimColor: true, children: "│" }),
-          jsxs(Box, { width: halfWidth, children: [
-            showLineNumbers ? jsxs(Text, { dimColor: true, children: [
-              String(right?.lineNum ?? "").padStart(4),
-              " "
-            ] }) : void 0,
-            right?.content
-          ] })
-        ] }, rowIndex);
-      })
-    ] }, hunkIndex);
-  }) });
-}
-function DiffView({
-  context = 3,
-  diff: diffProp,
-  inlineDiff = true,
-  inlineDiffMode = "chars",
-  language,
-  mode = "unified",
-  newLabel = "new",
-  newText = "",
-  oldLabel = "old",
-  oldText = "",
-  showLineNumbers = true,
-  theme = "github-dark-default"
-}) {
-  const { columns } = useWindowSize();
-  const oldHighlighted = useHighlightedLines(oldText, language, theme);
-  const newHighlighted = useHighlightedLines(newText, language, theme);
-  const diffString = useMemo(() => {
-    if (diffProp) {
-      return diffProp;
-    }
-    return createPatch("file", oldText, newText, oldLabel, newLabel, { context });
-  }, [diffProp, oldText, newText, oldLabel, newLabel, context]);
-  const hunks = useMemo(() => parseDiffLines(diffString, inlineDiff, inlineDiffMode), [diffString, inlineDiff, inlineDiffMode]);
-  if (hunks.every((h) => h.lines.length === 0)) {
-    return jsx(Box, { children: jsx(Text, { dimColor: true, children: "No differences found." }) });
-  }
-  const labels = jsxs(Box, { flexDirection: "column", children: [
-    jsxs(Text, { color: "red", dimColor: true, children: [
-      "---",
-      " ",
-      oldLabel
-    ] }),
-    jsxs(Text, { color: "green", dimColor: true, children: [
-      "+++",
-      " ",
-      newLabel
-    ] })
-  ] });
-  if (mode === "split") {
-    return jsxs(Box, { flexDirection: "column", children: [
-      labels,
-      jsx(
-        SplitView,
-        {
-          hunks,
-          newHighlighted,
-          oldHighlighted,
-          showLineNumbers,
-          width: columns ?? 80
-        }
-      )
-    ] });
-  }
-  return jsxs(Box, { flexDirection: "column", children: [
-    labels,
-    jsx(UnifiedView, { hunks, newHighlighted, oldHighlighted, showLineNumbers })
-  ] });
-}
-
-export { DiffView as default };