|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>GitHub Configuration Test</title>
|
|
|
<style>
|
|
|
body { font-family: Arial, sans-serif; max-width: 800px; margin: 20px auto; padding: 20px; }
|
|
|
.config-section { background: #f8f9fa; padding: 20px; margin: 20px 0; border-radius: 8px; }
|
|
|
.success { color: #28a745; }
|
|
|
.error { color: #dc3545; }
|
|
|
.warning { color: #ffc107; }
|
|
|
.info { color: #17a2b8; }
|
|
|
.token-input { width: 100%; padding: 8px; margin: 5px 0; font-family: monospace; }
|
|
|
.btn { padding: 10px 20px; margin: 5px; border: none; border-radius: 4px; cursor: pointer; }
|
|
|
.btn-primary { background: #007bff; color: white; }
|
|
|
.btn-success { background: #28a745; color: white; }
|
|
|
pre { background: #f1f1f1; padding: 10px; border-radius: 4px; overflow-x: auto; }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<h1>🔧 GitHub Configuration & Test</h1>
|
|
|
|
|
|
<div class="config-section">
|
|
|
<h2>1. GitHub Token Configuration</h2>
|
|
|
<p>Enter your GitHub Personal Access Token below:</p>
|
|
|
<input type="password" id="github-token" class="token-input" placeholder="ghp_your_token_here">
|
|
|
<br>
|
|
|
<button class="btn btn-primary" onclick="testGitHubConnection()">Test GitHub Connection</button>
|
|
|
<button class="btn btn-success" onclick="saveToken()">Save Token to .env</button>
|
|
|
|
|
|
<div id="token-result"></div>
|
|
|
|
|
|
<h3>How to get GitHub Token:</h3>
|
|
|
<ol>
|
|
|
<li>Go to <a href="https://github.com/settings/tokens" target="_blank">GitHub Settings → Developer settings → Personal access tokens</a></li>
|
|
|
<li>Click "Generate new token" → "Generate new token (classic)"</li>
|
|
|
<li>Give it a name like "VvvebJs"</li>
|
|
|
<li>Select scopes: <strong>repo</strong> (full repository access)</li>
|
|
|
<li>Click "Generate token"</li>
|
|
|
<li>Copy the token and paste it above</li>
|
|
|
</ol>
|
|
|
</div>
|
|
|
|
|
|
<div class="config-section">
|
|
|
<h2>2. Repository Configuration</h2>
|
|
|
<p><strong>Repository:</strong> CaPaCaptain/VvvebJs_huggingface_db_01</p>
|
|
|
<p><strong>Branch:</strong> main</p>
|
|
|
<p><strong>Path:</strong> pages/</p>
|
|
|
<button class="btn btn-primary" onclick="testRepoAccess()">Test Repository Access</button>
|
|
|
<div id="repo-result"></div>
|
|
|
</div>
|
|
|
|
|
|
<div class="config-section">
|
|
|
<h2>3. File Operations Test</h2>
|
|
|
<button class="btn btn-primary" onclick="testFileList()">Test File List</button>
|
|
|
<button class="btn btn-primary" onclick="testFileSave()">Test File Save</button>
|
|
|
<div id="file-result"></div>
|
|
|
</div>
|
|
|
|
|
|
<div class="config-section">
|
|
|
<h2>4. Debug Information</h2>
|
|
|
<button class="btn btn-primary" onclick="getDebugInfo()">Get Debug Info</button>
|
|
|
<div id="debug-result"></div>
|
|
|
</div>
|
|
|
|
|
|
<script>
|
|
|
async function testGitHubConnection() {
|
|
|
const token = document.getElementById('github-token').value;
|
|
|
const resultDiv = document.getElementById('token-result');
|
|
|
|
|
|
if (!token) {
|
|
|
resultDiv.innerHTML = '<p class="error">❌ Please enter a GitHub token</p>';
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
resultDiv.innerHTML = '<p class="info">🔄 Testing GitHub connection...</p>';
|
|
|
|
|
|
try {
|
|
|
const response = await fetch('https://api.github.com/user', {
|
|
|
headers: {
|
|
|
'Authorization': `token ${token}`,
|
|
|
'User-Agent': 'VvvebJs-Test'
|
|
|
}
|
|
|
});
|
|
|
|
|
|
if (response.ok) {
|
|
|
const user = await response.json();
|
|
|
resultDiv.innerHTML = `
|
|
|
<p class="success">✅ GitHub connection successful!</p>
|
|
|
<p>User: ${user.login} (${user.name || 'No name'})</p>
|
|
|
<p>API Rate Limit: ${response.headers.get('x-ratelimit-remaining')}/${response.headers.get('x-ratelimit-limit')}</p>
|
|
|
`;
|
|
|
} else {
|
|
|
const error = await response.json();
|
|
|
resultDiv.innerHTML = `
|
|
|
<p class="error">❌ GitHub connection failed!</p>
|
|
|
<p>Status: ${response.status}</p>
|
|
|
<p>Error: ${error.message || 'Unknown error'}</p>
|
|
|
`;
|
|
|
}
|
|
|
} catch (error) {
|
|
|
resultDiv.innerHTML = `<p class="error">❌ Network error: ${error.message}</p>`;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
async function testRepoAccess() {
|
|
|
const token = document.getElementById('github-token').value;
|
|
|
const resultDiv = document.getElementById('repo-result');
|
|
|
|
|
|
if (!token) {
|
|
|
resultDiv.innerHTML = '<p class="error">❌ Please enter a GitHub token first</p>';
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
resultDiv.innerHTML = '<p class="info">🔄 Testing repository access...</p>';
|
|
|
|
|
|
try {
|
|
|
const response = await fetch('https://api.github.com/repos/CaPaCaptain/VvvebJs_huggingface_db_01', {
|
|
|
headers: {
|
|
|
'Authorization': `token ${token}`,
|
|
|
'User-Agent': 'VvvebJs-Test'
|
|
|
}
|
|
|
});
|
|
|
|
|
|
if (response.ok) {
|
|
|
const repo = await response.json();
|
|
|
resultDiv.innerHTML = `
|
|
|
<p class="success">✅ Repository access successful!</p>
|
|
|
<p>Repository: ${repo.full_name}</p>
|
|
|
<p>Default Branch: ${repo.default_branch}</p>
|
|
|
<p>Private: ${repo.private ? 'Yes' : 'No'}</p>
|
|
|
<p>Permissions: ${JSON.stringify(repo.permissions || {})}</p>
|
|
|
`;
|
|
|
} else {
|
|
|
const error = await response.json();
|
|
|
resultDiv.innerHTML = `
|
|
|
<p class="error">❌ Repository access failed!</p>
|
|
|
<p>Status: ${response.status}</p>
|
|
|
<p>Error: ${error.message || 'Unknown error'}</p>
|
|
|
`;
|
|
|
}
|
|
|
} catch (error) {
|
|
|
resultDiv.innerHTML = `<p class="error">❌ Network error: ${error.message}</p>`;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
async function testFileList() {
|
|
|
const resultDiv = document.getElementById('file-result');
|
|
|
resultDiv.innerHTML = '<p class="info">🔄 Testing file list...</p>';
|
|
|
|
|
|
try {
|
|
|
const response = await fetch('save.php?action=listFiles');
|
|
|
const data = await response.json();
|
|
|
|
|
|
resultDiv.innerHTML = `
|
|
|
<h3>File List Result:</h3>
|
|
|
<pre>${JSON.stringify(data, null, 2)}</pre>
|
|
|
`;
|
|
|
} catch (error) {
|
|
|
resultDiv.innerHTML = `<p class="error">❌ Error: ${error.message}</p>`;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
async function testFileSave() {
|
|
|
const resultDiv = document.getElementById('file-result');
|
|
|
resultDiv.innerHTML = '<p class="info">🔄 Testing file save...</p>';
|
|
|
|
|
|
const testHtml = `<!DOCTYPE html>
|
|
|
<html>
|
|
|
<head><title>Test Page</title></head>
|
|
|
<body><h1>Test Page Created at ${new Date().toISOString()}</h1></body>
|
|
|
</html>`;
|
|
|
|
|
|
try {
|
|
|
const formData = new FormData();
|
|
|
formData.append('html', testHtml);
|
|
|
formData.append('file', 'test-page.html');
|
|
|
|
|
|
const response = await fetch('save.php', {
|
|
|
method: 'POST',
|
|
|
body: formData
|
|
|
});
|
|
|
|
|
|
const result = await response.text();
|
|
|
resultDiv.innerHTML = `
|
|
|
<h3>File Save Result:</h3>
|
|
|
<pre>${result}</pre>
|
|
|
`;
|
|
|
} catch (error) {
|
|
|
resultDiv.innerHTML = `<p class="error">❌ Error: ${error.message}</p>`;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
async function getDebugInfo() {
|
|
|
const resultDiv = document.getElementById('debug-result');
|
|
|
resultDiv.innerHTML = '<p class="info">🔄 Getting debug info...</p>';
|
|
|
|
|
|
try {
|
|
|
const response = await fetch('save.php?action=checkAuth');
|
|
|
const data = await response.json();
|
|
|
|
|
|
resultDiv.innerHTML = `
|
|
|
<h3>Current Status:</h3>
|
|
|
<pre>${JSON.stringify(data, null, 2)}</pre>
|
|
|
`;
|
|
|
} catch (error) {
|
|
|
resultDiv.innerHTML = `<p class="error">❌ Error: ${error.message}</p>`;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
async function saveToken() {
|
|
|
const token = document.getElementById('github-token').value;
|
|
|
const resultDiv = document.getElementById('token-result');
|
|
|
|
|
|
if (!token) {
|
|
|
resultDiv.innerHTML = '<p class="error">❌ Please enter a GitHub token</p>';
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
|
|
|
resultDiv.innerHTML = `
|
|
|
<p class="warning">⚠️ Manual Configuration Required</p>
|
|
|
<p>Please manually update your .env file with:</p>
|
|
|
<pre>GITHUB_TOKEN=${token}</pre>
|
|
|
<p>Or use the configuration interface in config.php</p>
|
|
|
`;
|
|
|
}
|
|
|
</script>
|
|
|
</body>
|
|
|
</html> |
