Function bodies 151 total

searchDocuments function · javascript · L47-L76 (30 LOC)

api/chat/index.js

async function searchDocuments(query) {
  if (!AZURE_SEARCH_KEY) return [];

  try {
    const url = `${AZURE_SEARCH_ENDPOINT}/indexes/${SEARCH_INDEX}/docs/search?api-version=2024-07-01`;
    const response = await fetch(url, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
        'api-key': AZURE_SEARCH_KEY,
      },
      body: JSON.stringify({
        search: query,
        top: 5,
        select: 'title,content',
        queryType: 'simple',
      }),
    });

    if (!response.ok) return [];

    const data = await response.json();
    return (data.value || []).map(doc => ({
      title: doc.title || 'Unknown',
      content: (doc.content || '').substring(0, 2000),
    }));
  } catch {
    return [];
  }
}

NotFound function · typescript · L100-L112 (13 LOC)

src/App.tsx

function NotFound() {
  return (
    <main style={{ flex: 1, display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '80px 0' }}>
      <div style={{ textAlign: 'center' }}>
        <div style={{ fontSize: '80px', fontWeight: '700', color: 'var(--ibm-gray-80)' }}>404</div>
        <div style={{ fontSize: '20px', color: 'var(--ibm-gray-50)', marginBottom: '24px' }}>Page not found</div>
        <a href="/">
          <button className="btn btn-primary">Go Home</button>
        </a>
      </div>
    </main>
  );
}

App function · typescript · L114-L234 (121 LOC)

src/App.tsx

function App() {
  return (
    <ThemeProvider>
      <BrowserRouter>
        <ScrollToTop />
        <Navbar />
        <Routes>
          <Route path="/" element={<Home />} />

          {/* Data Transformation offering */}
          <Route path="/dt" element={<DTOffering />} />
          <Route path="/dt/co-sell" element={<CoSellBattlecard />} />
          <Route path="/dt/readiness" element={<ReadinessScorecard />} />
          <Route path="/dt/cdo-guide" element={<CDOGuide />} />
          <Route path="/dt/value-dashboard" element={<ValueDashboard />} />
          <Route path="/dt/ebc" element={<EBCPackage />} />
          <Route path="/dt/scorecard-template" element={<ScorecardTemplate />} />
          <Route path="/dt/first-call" element={<FirstCallDeck />} />
          <Route path="/dt/win-stories" element={<WinStories />} />
          <Route path="/dt/fabric-vs-databricks" element={<FabricVsDatabricks />} />
          <Route path="/dt/sprint-playbook" element={<SprintPlaybook

BackToTop function · typescript · L4-L41 (38 LOC)

src/components/BackToTop.tsx

export function BackToTop() {
  const [visible, setVisible] = useState(false);

  useEffect(() => {
    const onScroll = () => setVisible(window.scrollY > 400);
    window.addEventListener('scroll', onScroll);
    return () => window.removeEventListener('scroll', onScroll);
  }, []);

  if (!visible) return null;

  return (
    <button
      onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}
      aria-label="Back to top"
      style={{
        position: 'fixed',
        bottom: '32px',
        right: '32px',
        width: '44px',
        height: '44px',
        borderRadius: '50%',
        background: 'var(--ibm-blue)',
        color: 'white',
        border: 'none',
        cursor: 'pointer',
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
        boxShadow: '0 4px 12px rgba(0,0,0,0.3)',
        zIndex: 999,
        transition: 'opacity 0.3s, transform 0.3s',
      }}
    >
      <ArrowUp size={20} />
    </button>
  );
}

FooterLink function · typescript · L18-L31 (14 LOC)

src/components/Footer.tsx

function FooterLink({ to, label }: { to: string; label: string }) {
  return (
    <li>
      <Link
        to={to}
        style={linkStyle}
        onMouseEnter={e => (e.currentTarget.style.color = 'white')}
        onMouseLeave={e => (e.currentTarget.style.color = 'var(--ibm-gray-50)')}
      >
        {label}
      </Link>
    </li>
  );
}

Footer function · typescript · L33-L118 (86 LOC)

src/components/Footer.tsx

export function Footer() {
  const currentYear = new Date().getFullYear();

  return (
    <footer style={{
      background: '#0d0d0d',
      borderTop: '1px solid var(--ibm-gray-90)',
      marginTop: 'auto',
    }}>
      <div className="container" style={{ padding: '48px 32px 32px' }}>
        <div style={{
          display: 'grid',
          gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))',
          gap: '40px',
          marginBottom: '40px',
        }}>
          {/* Column 1: Branding */}
          <div>
            <div style={{ display: 'flex', alignItems: 'center', gap: '8px', marginBottom: '16px' }}>
              <img src="/images/ibm-logo.png" alt="IBM" style={{ height: '20px' }} />
              <span style={{ color: 'var(--ibm-gray-50)', fontSize: '14px', fontWeight: '300' }}>+</span>
              <img src="/images/ms-logo.png" alt="Microsoft" style={{ height: '16px' }} />
            </div>
            <p style={{ fontSize: '13px', color: 'var(--ibm-gray-

MessageFormatter function · typescript · L11-L21 (11 LOC)

src/components/MessageFormatter.tsx

export function MessageFormatter({ content }: Props) {
  const blocks = parseBlocks(content);

  return (
    <div style={{ display: 'flex', flexDirection: 'column', gap: '6px' }}>
      {blocks.map((block, i) => (
        <BlockRenderer key={i} block={block} />
      ))}
    </div>
  );
}

Repobility (the analyzer behind this table) · https://repobility.com

parseBlocks function · typescript · L37-L109 (73 LOC)

src/components/MessageFormatter.tsx

function parseBlocks(raw: string): Block[] {
  const lines = raw.split('\n');
  const blocks: Block[] = [];
  let i = 0;

  while (i < lines.length) {
    const line = lines[i];

    // Code block
    if (line.trimStart().startsWith('```')) {
      const lang = line.trim().replace('```', '').trim();
      const codeLines: string[] = [];
      i++;
      while (i < lines.length && !lines[i].trimStart().startsWith('```')) {
        codeLines.push(lines[i]);
        i++;
      }
      blocks.push({ type: 'code', language: lang, code: codeLines.join('\n') });
      i++;
      continue;
    }

    // Heading
    const headingMatch = line.match(/^(#{1,4})\s+(.+)/);
    if (headingMatch) {
      blocks.push({ type: 'heading', level: headingMatch[1].length, text: headingMatch[2] });
      i++;
      continue;
    }

    // Horizontal rule
    if (/^---+$/.test(line.trim())) {
      blocks.push({ type: 'divider' });
      i++;
      continue;
    }

    // Bullet list
    if (/^\s*[-*]\s+/.test

formatInline function · typescript · L113-L211 (99 LOC)

src/components/MessageFormatter.tsx

function formatInline(text: string): string {
  return text
    // Bold
    .replace(/\*\*(.+?)\*\*/g, '<strong style="color:var(--text-primary)">$1</strong>')
    // Italic
    .replace(/(?<!\*)\*([^*]+)\*(?!\*)/g, '<em>$1</em>')
    // Inline code
    .replace(/`([^`]+)`/g, '<code style="background:var(--bg-elevated);padding:1px 4px;border-radius:3px;font-size:12px;font-family:var(--font-mono);color:var(--ibm-blue-light)">$1</code>')
    // Links
    .replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" style="color:var(--ibm-blue-light);text-decoration:underline" target="_blank">$1</a>')
    // Arrow link pattern: → See more: text
    .replace(/→\s*(.+)/g, '<span style="color:var(--ibm-blue-light)">→ $1</span>');
}

// ── Block Renderer ──

function BlockRenderer({ block }: { block: Block }) {
  switch (block.type) {
    case 'heading':
      return (
        <div style={{
          fontSize: block.level <= 2 ? '15px' : '14px',
          fontWeight: '700',
          color: 'var(--text-

BlockRenderer function · typescript · L129-L211 (83 LOC)

src/components/MessageFormatter.tsx

function BlockRenderer({ block }: { block: Block }) {
  switch (block.type) {
    case 'heading':
      return (
        <div style={{
          fontSize: block.level <= 2 ? '15px' : '14px',
          fontWeight: '700',
          color: 'var(--text-primary)',
          marginTop: block.level <= 2 ? '10px' : '6px',
          marginBottom: '2px',
          borderBottom: block.level <= 2 ? '1px solid var(--border-subtle)' : 'none',
          paddingBottom: block.level <= 2 ? '4px' : '0',
        }}
          dangerouslySetInnerHTML={{ __html: formatInline(block.text) }}
        />
      );

    case 'paragraph':
      return (
        <div style={{ fontSize: '13px', lineHeight: '1.65', color: 'var(--text-secondary)' }}
          dangerouslySetInnerHTML={{ __html: formatInline(block.text) }}
        />
      );

    case 'bullet':
      return (
        <div style={{ display: 'flex', gap: '8px', alignItems: 'flex-start', marginLeft: '4px' }}>
          <span style={{ color: 'var(--ibm-blue

MetricCard function · typescript · L9-L26 (18 LOC)

src/components/MetricCard.tsx

export function MetricCard({ value, label, sublabel, color = 'var(--ibm-blue-light)', icon }: MetricCardProps) {
  return (
    <div className="card" style={{ textAlign: 'center' }}>
      {icon && <div style={{ fontSize: '28px', marginBottom: '8px' }}>{icon}</div>}
      <div style={{ fontSize: '40px', fontWeight: '700', color, lineHeight: '1', marginBottom: '8px' }}>
        {value}
      </div>
      <div style={{ fontSize: '14px', fontWeight: '600', color: 'var(--ibm-gray-20)', marginBottom: '4px' }}>
        {label}
      </div>
      {sublabel && (
        <div style={{ fontSize: '12px', color: 'var(--ibm-gray-50)' }}>
          {sublabel}
        </div>
      )}
    </div>
  );
}

DatabricksIcon function · typescript · L14-L22 (9 LOC)