Hugging Face's logo

Spaces:
Nymbo
/
repo-to-text
Running

App Files Community
Nymbo commited on
Commit
7c4695a
·
verified ·
1 Parent(s): e6de36d

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +96 -19
index.html CHANGED
@@ -1,19 +1,96 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>GitHub to Plain Text Converter | Convert Code Repositories to Text</title>
7
+ <meta name="description" content="Convert GitHub repositories to plain text files easily. Our tool helps you transform code into a single formatted text file for better readability and analysis.">
8
+ <meta name="keywords" content="GitHub, code converter, plain text, repository, code analysis">
9
+ <meta name="author" content="abinthomasonline">
10
+ <link rel="canonical" href="https://repo2txt.simplebasedomain.com/">
11
+ <meta property="og:title" content="GitHub to Plain Text Converter">
12
+ <meta property="og:description" content="Convert GitHub repositories to plain text files easily. Transform code into a single formatted text file.">
13
+ <meta property="og:url" content="https://repo2txt.simplebasedomain.com/">
14
+ <meta property="og:type" content="website">
15
+ <link rel="icon" href="/favicon.ico" type="image/x-icon">
16
+ <style>
17
+ .directory-checkbox + button:focus {
18
+ outline: none;
19
+ }
20
+ .directory-checkbox + button:hover {
21
+ color: #4a5568;
22
+ }
23
+ </style>
24
+ <script src="https://cdn.tailwindcss.com"></script>
25
+ <script src="https://unpkg.com/lucide@latest"></script>
26
+ <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.js"></script>
27
+ <!-- Google tag (gtag.js) -->
28
+ <script async src="https://www.googletagmanager.com/gtag/js?id=G-CYF86LN5WM"></script>
29
+ <script>
30
+ window.dataLayer = window.dataLayer || [];
31
+ function gtag(){dataLayer.push(arguments);}
32
+ gtag('js', new Date());
33
+
34
+ gtag('config', 'G-CYF86LN5WM');
35
+ </script>
36
+ </head>
37
+ <body class="bg-gray-100 min-h-screen p-4 md:p-8 text-gray-600">
38
+ <div class="max-w-4xl mx-auto bg-white rounded-lg shadow-md p-6 relative">
39
+ <a href="https://github.com/abinthomasonline/repo2txt" target="_blank" class="absolute top-2 right-2">
40
+ <i data-lucide="github" class="w-8 h-8 text-gray-600 hover:text-gray-800"></i>
41
+ </a>
42
+ <h1 class="text-3xl font-bold mb-2 text-center text-gray-600">GitHub to Plain Text</h1>
43
+ <p class="text-lg text-center text-gray-500 mb-6">Convert Code in GitHub to a Single Formatted Text File</p>
44
+ <form id="repoForm" class="space-y-4">
45
+ <div>
46
+ <label for="repoUrl" class="block text-sm font-medium text-gray-600">GitHub URL:</label>
47
+ <input type="text" id="repoUrl" name="repoUrl" required class="mt-1 block w-full rounded-md border border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 h-10 px-2">
48
+ </div>
49
+ <div class="hidden">
50
+ <label for="ref" class="block text-sm font-medium text-gray-600">Ref (branch/tag/commit sha):</label>
51
+ <input type="text" id="ref" name="ref" class="mt-1 block w-full rounded-md border border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 h-10 px-2">
52
+ </div>
53
+ <div class="hidden">
54
+ <label for="path" class="block text-sm font-medium text-gray-600">Path (subdirectory):</label>
55
+ <input type="text" id="path" name="path" class="mt-1 block w-full rounded-md border border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 h-10 px-2">
56
+ </div>
57
+ <div>
58
+ <label for="accessToken" class="block text-sm font-medium text-gray-600 flex items-center">
59
+ Personal Access Token (optional - for private repositories and higher rate limits):
60
+ <button type="button" id="showMoreInfo" class="ml-2 text-blue-500 hover:text-blue-700">
61
+ <i data-lucide="info" class="w-4 h-4"></i>
62
+ </button>
63
+ </label>
64
+ <div id="tokenInfo" class="hidden mt-2">
65
+ <p class="text-sm text-gray-500">[This code runs in your browser. We don't use or store your token.]</p>
66
+ <p class="mt-1"><a href="https://github.com/settings/tokens/new?description=repo2file&scopes=repo" target="_blank" class="text-sm text-gray-500 hover:text-gray-700"><i data-lucide="external-link" class="w-5 h-5 inline-block"></i> Get your token</a></p>
67
+ </div>
68
+ <input type="text" id="accessToken" name="accessToken" class="mt-1 block w-full rounded-md border border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 h-10 px-2">
69
+
70
+ </div>
71
+ <button type="submit" class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline flex items-center justify-center">
72
+ <i data-lucide="folder-search" class="w-5 h-5 mr-2"></i>
73
+ Fetch Directory Structure
74
+ </button>
75
+ </form>
76
+ <div id="directoryStructure" class="mt-6"></div>
77
+ <button id="generateTextButton" class="mt-4 bg-green-500 hover:bg-green-600 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline hidden flex items-center justify-center">
78
+ <i data-lucide="file-text" class="w-5 h-5 mr-2"></i>
79
+ Generate Text File
80
+ </button>
81
+ <textarea id="outputText" rows="20" class="mt-4 w-full p-2 border rounded-md font-mono" readonly></textarea>
82
+ <div class="mt-4 flex space-x-4">
83
+ <button id="copyButton" class="flex-1 bg-indigo-500 hover:bg-indigo-600 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline hidden flex items-center justify-center">
84
+ <i data-lucide="copy" class="w-5 h-5 mr-2"></i>
85
+ Copy to Clipboard
86
+ </button>
87
+ <button id="downloadButton" class="flex-1 bg-purple-500 hover:bg-purple-600 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline hidden flex items-center justify-center">
88
+ <i data-lucide="download" class="w-5 h-5 mr-2"></i>
89
+ Download
90
+ </button>
91
+ </div>
92
+ </div>
93
+
94
+ <script src="script.js"></script>
95
+ </body>
96
+ </html>