@babel/highlight

import highlight, { shouldHighlight } from "@babel/highlight";

const highlight = require("@babel/highlight");
const { shouldHighlight } = require("@babel/highlight");

import highlight, { shouldHighlight } from "@babel/highlight";

// Basic syntax highlighting
const code = `
function greet(name) {
  console.log(\`Hello, \${name}!\`);
  return true;
}
`;

// Check if highlighting is supported
if (shouldHighlight({})) {
  const highlighted = highlight(code);
  console.log(highlighted); // Outputs colorized code
} else {
  console.log(code); // Fallback to plain text
}

// Force colors even if terminal doesn't support them
const forceHighlighted = highlight(code, { forceColor: true });

/**
 * Highlight JavaScript code with syntax coloring for terminal output
 * @param code - JavaScript/JSX code string to highlight
 * @param options - Optional configuration object
 * @returns String with ANSI color codes applied for terminal display
 */
function highlight(code: string, options?: Options): string;

interface Options {
  /** Force color output even when terminal doesn't support colors */
  forceColor?: boolean;
}

import highlight from "@babel/highlight";

// Basic highlighting
const simpleCode = "const x = 42;";
const highlighted = highlight(simpleCode);

// JSX highlighting
const jsxCode = `
function App() {
  return <div className="app">Hello World</div>;
}
`;
const highlightedJsx = highlight(jsxCode);

// Force colors for non-interactive environments
const forcedColors = highlight(simpleCode, { forceColor: true });

// Complex code with various token types
const complexCode = `
// Function with template literals and JSX
async function fetchUser(id) {
  const response = await fetch(\`/api/users/\${id}\`);
  if (!response.ok) {
    throw new Error("Failed to fetch user");
  }
  return response.json();
}

const UserCard = ({ user }) => (
  <div className="user-card">
    <h2>{user.name}</h2>
    <p>Age: {user.age || "Unknown"}</p>
  </div>
);
`;
const highlightedComplex = highlight(complexCode, { forceColor: true });

/**
 * Whether the code should be highlighted given the passed options
 * @param options - Configuration object with optional forceColor
 * @returns Boolean indicating if highlighting should be applied
 */
function shouldHighlight(options: Options): boolean;

import { shouldHighlight } from "@babel/highlight";

// Check terminal color support
if (shouldHighlight({})) {
  console.log("Terminal supports colors");
}

// Always returns true when forceColor is set
const forced = shouldHighlight({ forceColor: true }); // true

// Use in conditional highlighting
const code = "const greeting = 'Hello';";
const output = shouldHighlight({}) 
  ? highlight(code) 
  : code;

/**
 * Get chalk instance for legacy compatibility (Babel 7 only)
 * @param options - Configuration object with optional forceColor
 * @returns Chalk instance configured for color support
 */
function getChalk(options: Options): any;

// Only available in Babel 7 with CommonJS
const { getChalk } = require("@babel/highlight");
const chalk = getChalk({ forceColor: true });

interface Options {
  /** Force color output even when terminal doesn't support colors */
  forceColor?: boolean;
}