paseo-terminal-integration 0.5.2 → 0.5.3

package/client/run-report.tsx

@@ -4,13 +4,6 @@ import {
   type PluginTimelineTransformerContribution,
 } from "@getpaseo/plugin/client";
 import { Icon } from "@getpaseo/plugin/client/react-native";
-import {
-  darkHighlightColors,
-  highlightCode,
-  lightHighlightColors,
-  type HighlightStyle,
-  type HighlightToken,
-} from "@getpaseo/highlight";
 import { useMemo, useState } from "react";
 import { Platform, Pressable, ScrollView, Text, View } from "react-native";
 import {
@@ -49,12 +42,7 @@ export function RunReport({ item, theme, layout }: PluginTimelineItemProps<RunRe
     return (
       <View style={styles.card}>
         <Text style={styles.intro}>{item.data.intro}</Text>
-        <CodeBlock
-          text={item.data.code}
-          language={item.data.language}
-          styles={styles}
-          theme={theme}
-        />
+        <CodeBlock text={item.data.code} styles={styles} />
         <Text style={styles.outputLabel}>{item.data.outputLabel}</Text>
       </View>
     );
@@ -83,12 +71,7 @@ export function RunReport({ item, theme, layout }: PluginTimelineItemProps<RunRe
       </Pressable>
       {expanded ? (
         <>
-          <CodeBlock
-            text={item.data.code}
-            language={item.data.language}
-            styles={styles}
-            theme={theme}
-          />
+          <CodeBlock text={item.data.code} styles={styles} />
           <Text style={styles.outputLabel}>{item.data.outputLabel}</Text>
           <CodeBlock text={item.data.output} styles={styles} />
         </>
@@ -99,88 +82,16 @@ export function RunReport({ item, theme, layout }: PluginTimelineItemProps<RunRe
 
 type Styles = ReturnType<typeof createStyles>;
 
-const MAX_HIGHLIGHT_CHARS = 100_000;
-
-const LANGUAGE_EXTENSIONS: Readonly<Record<string, string>> = {
-  bash: "sh",
-  shell: "sh",
-  console: "sh",
-  zsh: "sh",
-  fish: "sh",
-  python: "py",
-  py: "py",
-  javascript: "js",
-  node: "js",
-  typescript: "ts",
-};
-
-function CodeBlock({
-  text,
-  language,
-  styles,
-  theme,
-}: {
-  text: string;
-  language?: string;
-  styles: Styles;
-  theme?: Theme;
-}) {
-  const highlighted = useMemo(() => highlight(text, language), [language, text]);
-  const colors =
-    theme && isDark(theme.colors.surface0) ? darkHighlightColors : lightHighlightColors;
-
+function CodeBlock({ text, styles }: { text: string; styles: Styles }) {
   return (
     <ScrollView horizontal style={styles.codeBlock} contentContainerStyle={styles.codeContent}>
       <Text selectable style={styles.code}>
-        {highlighted
-          ? highlighted.map((line, lineIndex) => (
-              <Text key={lineIndex}>
-                {line.map((token, tokenIndex) => (
-                  <Text
-                    key={`${lineIndex}-${tokenIndex}`}
-                    style={{ color: tokenColor(token, colors, theme?.colors.foreground) }}
-                  >
-                    {token.text}
-                  </Text>
-                ))}
-                {lineIndex < highlighted.length - 1 ? "\n" : null}
-              </Text>
-            ))
-          : text}
+        {text}
       </Text>
     </ScrollView>
   );
 }
 
-function highlight(text: string, language?: string): HighlightToken[][] | null {
-  if (!language || text.length > MAX_HIGHLIGHT_CHARS) return null;
-  const normalized = language.toLowerCase();
-  const extension = LANGUAGE_EXTENSIONS[normalized] ?? normalized;
-  try {
-    return highlightCode(text, `command.${extension}`);
-  } catch {
-    return null;
-  }
-}
-
-function tokenColor(
-  token: HighlightToken,
-  colors: Readonly<Record<HighlightStyle, string>>,
-  fallback = "inherit",
-): string {
-  return token.style ? colors[token.style] : fallback;
-}
-
-function isDark(color: string): boolean {
-  const match = /^#([0-9a-f]{6})$/i.exec(color);
-  if (!match) return true;
-  const value = Number.parseInt(match[1], 16);
-  const red = value >> 16;
-  const green = (value >> 8) & 0xff;
-  const blue = value & 0xff;
-  return red * 0.299 + green * 0.587 + blue * 0.114 < 128;
-}
-
 function createStyles(theme: Theme, compact: boolean) {
   return {
     card: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "paseo-terminal-integration",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "description": "Run agent code blocks in a Paseo terminal and send the output back to the agent; attach terminal output to prompts",
   "keywords": [
     "agents",
@@ -35,9 +35,6 @@
     "lint": "oxlint",
     "format": "oxfmt ."
   },
-  "dependencies": {
-    "@getpaseo/highlight": "0.11.2"
-  },
   "devDependencies": {
     "@getpaseo/plugin": "0.10.2",
     "@tanstack/react-query": "^5.90.11",