File size: 5,972 Bytes
77de2c1
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Arcee AI Trinity Large Code Review</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <main>
    <header class="app-header">
      <img src="https://cdn-avatars.huggingface.co/v1/production/uploads/6435718aaaef013d1aec3b8b/GZPnGkfMn8Ino6JbkL4fJ.png" alt="Arcee AI" class="logo">
      <div>
        <h1>Arcee AI Trinity Large Code Review</h1>
        <p class="subtitle">Paste a public GitHub file URL for an AI-powered code review.</p>
      </div>
    </header>
    <nav class="resources">
      <a href="https://www.arcee.ai/blog/trinity-large" target="_blank" rel="noopener">Trinity Large Preview blog post</a>
      <a href="https://huggingface.co/arcee-ai/Trinity-Large-Preview" target="_blank" rel="noopener">Trinity Large Preview on Hugging Face</a>
      <a href="https://openrouter.ai/arcee-ai/trinity-large-preview:free" target="_blank" rel="noopener">Trinity Large Preview on OpenRouter</a>
    </nav>

    <form id="review-form">
      <div class="input-row">
        <input
          type="url"
          id="url-input"
          placeholder="https://github.com/owner/repo/blob/main/path/to/file.js"
          required
        >
        <button type="submit" id="submit-btn">Review Code</button>
      </div>
      <p id="input-error" class="error" hidden></p>
    </form>

    <section id="samples">
      <p class="samples-label">Try a sample:</p>
      <div class="samples-grid">
        <button class="sample-btn" data-url="https://github.com/torvalds/linux/blob/master/lib/rbtree.c">
          <span class="sample-lang">C</span>
          <span class="sample-name">Linux Kernel β€” rbtree.c</span>
        </button>
        <button class="sample-btn" data-url="https://github.com/redis/redis/blob/unstable/src/dict.c">
          <span class="sample-lang">C</span>
          <span class="sample-name">Redis β€” dict.c</span>
        </button>
        <button class="sample-btn" data-url="https://github.com/kubernetes/kubernetes/blob/master/pkg/scheduler/schedule_one.go">
          <span class="sample-lang">Go</span>
          <span class="sample-name">Kubernetes β€” schedule_one.go</span>
        </button>
        <button class="sample-btn" data-url="https://github.com/golang/go/blob/master/src/runtime/malloc.go">
          <span class="sample-lang">Go</span>
          <span class="sample-name">Go runtime β€” malloc.go</span>
        </button>
        <button class="sample-btn" data-url="https://github.com/pytorch/pytorch/blob/main/torch/autograd/function.py">
          <span class="sample-lang">Python</span>
          <span class="sample-name">PyTorch β€” autograd/function.py</span>
        </button>
        <button class="sample-btn" data-url="https://github.com/django/django/blob/main/django/db/models/expressions.py">
          <span class="sample-lang">Python</span>
          <span class="sample-name">Django β€” expressions.py</span>
        </button>
        <button class="sample-btn" data-url="https://github.com/nodejs/node/blob/main/lib/internal/streams/readable.js">
          <span class="sample-lang">JavaScript</span>
          <span class="sample-name">Node.js β€” streams/readable.js</span>
        </button>
        <button class="sample-btn" data-url="https://github.com/facebook/react/blob/main/packages/react-reconciler/src/ReactFiber.js">
          <span class="sample-lang">JavaScript</span>
          <span class="sample-name">React β€” ReactFiber.js</span>
        </button>
        <button class="sample-btn" data-url="https://github.com/microsoft/TypeScript/blob/main/src/compiler/visitorPublic.ts">
          <span class="sample-lang">TypeScript</span>
          <span class="sample-name">TypeScript β€” visitorPublic.ts</span>
        </button>
        <button class="sample-btn" data-url="https://github.com/rails/rails/blob/main/activerecord/lib/active_record/relation/query_methods.rb">
          <span class="sample-lang">Ruby</span>
          <span class="sample-name">Rails β€” query_methods.rb</span>
        </button>
        <button class="sample-btn" data-url="https://github.com/ggerganov/llama.cpp/blob/master/src/llama.cpp">
          <span class="sample-lang">C++</span>
          <span class="sample-name">llama.cpp β€” llama.cpp</span>
        </button>
        <button class="sample-btn" data-url="https://github.com/ARM-software/optimized-routines/blob/master/string/aarch64/memcpy.S">
          <span class="sample-lang">ARM64 ASM</span>
          <span class="sample-name">ARM β€” memcpy.S</span>
        </button>
        <button class="sample-btn" data-url="https://github.com/bminor/glibc/blob/master/sysdeps/x86_64/multiarch/memmove-vec-unaligned-erms.S">
          <span class="sample-lang">x86-64 ASM</span>
          <span class="sample-name">glibc β€” memmove-vec.S</span>
        </button>
      </div>
    </section>

    <div id="meta" hidden>
      <span id="meta-repo"></span>
      <span id="meta-path"></span>
      <span id="meta-branch"></span>
    </div>

    <div id="tabs" hidden>
      <nav class="tab-bar">
        <button class="tab active" data-section="summary">Summary</button>
        <button class="tab" data-section="quality">Code Quality</button>
        <button class="tab" data-section="performance">Performance</button>
        <button class="tab" data-section="security">Security</button>
        <button class="tab" data-section="suggestions">Suggestions</button>
        <button class="tab" data-section="verdicts">Verdicts</button>
      </nav>
      <div id="tab-content" class="tab-content"></div>
    </div>

    <div id="stream-error" class="error" hidden></div>
  </main>

  <script src="https://cdn.jsdelivr.net/npm/dompurify/dist/purify.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
  <script src="app.js"></script>
</body>
</html>