Spaces:
Running
Running
File size: 8,287 Bytes
7c4695a 6173a67 7c4695a 6173a67 7c4695a 6173a67 7c4695a 6173a67 7c4695a 6173a67 7c4695a 6173a67 7c4695a 6173a67 7c4695a 6173a67 7c4695a 6173a67 7c4695a 6173a67 7c4695a |
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 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GitHub to Plain Text Converter | Convert Code Repositories to Text</title>
<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.">
<meta name="keywords" content="GitHub, code converter, plain text, repository, code analysis">
<meta name="author" content="abinthomasonline">
<link rel="canonical" href="https://repo2txt.simplebasedomain.com/">
<meta property="og:title" content="GitHub to Plain Text Converter">
<meta property="og:description" content="Convert GitHub repositories to plain text files easily. Transform code into a single formatted text file.">
<meta property="og:url" content="https://repo2txt.simplebasedomain.com/">
<meta property="og:type" content="website">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<style>
body {
background-color: #1a202c; /* Dark background */
color: #e2e8f0; /* Light text color */
}
.directory-checkbox + button:focus {
outline: none;
}
.directory-checkbox + button:hover {
color: #cbd5e0; /* Lighter hover color */
}
.max-w-4xl {
background-color: #2d3748; /* Darker background for container */
color: #e2e8f0; /* Light text */
}
input, textarea {
background-color: #4a5568; /* Dark input background */
color: #edf2f7; /* Light input text color */
border: 1px solid #718096; /* Border matching the theme */
}
input:focus, textarea:focus {
border-color: #63b3ed; /* Focus border color (light blue) */
outline: none;
}
button {
transition: background-color 0.3s;
}
button.bg-blue-500 {
background-color: #4299e1; /* Blue for button */
}
button.bg-blue-500:hover {
background-color: #3182ce; /* Darker blue on hover */
}
button.bg-green-500 {
background-color: #48bb78; /* Green button */
}
button.bg-green-500:hover {
background-color: #38a169; /* Darker green on hover */
}
button.bg-indigo-500 {
background-color: #667eea; /* Indigo button */
}
button.bg-indigo-500:hover {
background-color: #5a67d8; /* Darker indigo on hover */
}
button.bg-purple-500 {
background-color: #9f7aea; /* Purple button */
}
button.bg-purple-500:hover {
background-color: #805ad5; /* Darker purple on hover */
}
.text-gray-600 {
color: #a0aec0; /* Adjust to lighter gray for text */
}
.text-gray-500 {
color: #cbd5e0; /* Lighter gray text */
}
a i {
color: #e2e8f0; /* Light color for icons */
}
a i:hover {
color: #edf2f7; /* Even lighter color on hover */
}
.rounded-md {
background-color: #2d3748; /* Dark background for output text */
border-color: #4a5568; /* Matching border */
}
</style>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/lucide@latest"></script>
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.js"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CYF86LN5WM"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-CYF86LN5WM');
</script>
</head>
<body class="bg-gray-900 min-h-screen p-4 md:p-8 text-gray-200">
<div class="max-w-4xl mx-auto bg-gray-800 rounded-lg shadow-md p-6 relative">
<h1 class="text-3xl font-bold mb-2 text-center text-gray-200">GitHub to Plain Text</h1>
<p class="text-lg text-center text-gray-400 mb-6">Convert Code in GitHub to a Single Formatted Text File</p>
<form id="repoForm" class="space-y-4">
<div>
<label for="repoUrl" class="block text-sm font-medium text-gray-300">GitHub URL:</label>
<input type="text" id="repoUrl" name="repoUrl" required class="mt-1 block w-full rounded-md border border-gray-600 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 h-10 px-2">
</div>
<div class="hidden">
<label for="ref" class="block text-sm font-medium text-gray-300">Ref (branch/tag/commit sha):</label>
<input type="text" id="ref" name="ref" class="mt-1 block w-full rounded-md border border-gray-600 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 h-10 px-2">
</div>
<div class="hidden">
<label for="path" class="block text-sm font-medium text-gray-300">Path (subdirectory):</label>
<input type="text" id="path" name="path" class="mt-1 block w-full rounded-md border border-gray-600 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 h-10 px-2">
</div>
<div>
<label for="accessToken" class="block text-sm font-medium text-gray-300 flex items-center">
Personal Access Token (optional - for private repositories and higher rate limits):
<button type="button" id="showMoreInfo" class="ml-2 text-blue-500 hover:text-blue-400">
<i data-lucide="info" class="w-4 h-4"></i>
</button>
</label>
<div id="tokenInfo" class="hidden mt-2">
<p class="text-sm text-gray-400">[This code runs in your browser. We don't use or store your token.]</p>
<p class="mt-1"><a href="https://github.com/settings/tokens/new?description=repo2file&scopes=repo" target="_blank" class="text-sm text-blue-500 hover:text-blue-400"><i data-lucide="external-link" class="w-5 h-5 inline-block"></i> Get your token</a></p>
</div>
<input type="text" id="accessToken" name="accessToken" class="mt-1 block w-full rounded-md border border-gray-600 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 h-10 px-2">
</div>
<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">
<i data-lucide="folder-search" class="w-5 h-5 mr-2"></i>
Fetch Directory Structure
</button>
</form>
<div id="directoryStructure" class="mt-6"></div>
<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">
<i data-lucide="file-text" class="w-5 h-5 mr-2"></i>
Generate Text File
</button>
<textarea id="outputText" rows="20" class="mt-4 w-full p-2 border rounded-md font-mono" readonly></textarea>
<div class="mt-4 flex space-x-4">
<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">
<i data-lucide="copy" class="w-5 h-5 mr-2"></i>
Copy to Clipboard
</button>
<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">
<i data-lucide="download" class="w-5 h-5 mr-2"></i>
Download
</button>
</div>
</div>
<script src="script.js"></script>
</body>
</html> |