update docs

static/index.html

@@ -49,6 +49,44 @@
     .badges img {
       height: 20px;
     }
+
+    .api-docs {
+      margin-top: 40px;
+      padding: 20px;
+      text-align: left;
+      border-top: 1px solid #e0e0e0;
+    }
+
+    .api-docs h2 {
+      font-size: 1.5rem;
+      margin-bottom: 15px;
+    }
+
+    .api-docs p {
+      margin-bottom: 10px;
+      line-height: 1.6;
+    }
+
+    .api-docs code {
+      background: #f5f5f5;
+      padding: 2px 6px;
+      border-radius: 3px;
+      font-family: 'Courier New', monospace;
+      font-size: 0.9em;
+    }
+
+    .api-docs pre {
+      background: #f5f5f5;
+      padding: 15px;
+      border-radius: 5px;
+      overflow-x: auto;
+      margin: 15px 0;
+    }
+
+    .api-docs pre code {
+      background: none;
+      padding: 0;
+    }
   </style>
 </head>
   
@@ -66,6 +104,25 @@
           alt="Chrome Web Store Rating">
       </a>
     </div>
+<div class="api-docs">
+  <h2>API Usage</h2>
+  <p>The browser extension uses this backend API to convert arXiv papers for Overleaf:</p>
+
+  <p><strong>Backend URL:</strong> <code>https://amitness-open-in-overleaf.hf.space</code></p>
+
+  <p><strong>How it works:</strong></p>
+  <pre><code>// 1. Extension detects arXiv page
+// 2. Constructs Overleaf import URL
+var url = "https://www.overleaf.com/docs?snip_uri=" + 
+          BACKEND_URL + "/fetch_tar?arxiv_url=" + 
+          encodeURIComponent(arxivPageURL);
+
+// 3. Adds "Open in Overleaf" button to arXiv page
+// 4. Clicking button redirects to Overleaf with the source</code></pre>
+
+  <p><strong>Endpoint:</strong> <code>GET /fetch_tar?arxiv_url={arxiv_url}</code></p>
+  <p>Returns a tarball of the LaTeX source that Overleaf can import directly.</p>
+</div>
     </div>
 </body>
 </html>