| <?php
|
| require_once __DIR__ . '/storage.php';
|
|
|
|
|
| $testAuth = false;
|
| if (isset($_SERVER['PHP_AUTH_USER']) && isset($_SERVER['PHP_AUTH_PW'])) {
|
| $users = StorageConfig::getUsers();
|
| $testAuth = isset($users[$_SERVER['PHP_AUTH_USER']]) &&
|
| $users[$_SERVER['PHP_AUTH_USER']] === $_SERVER['PHP_AUTH_PW'];
|
| }
|
|
|
| if (!$testAuth) {
|
| header('WWW-Authenticate: Basic realm="VvvebJs Directory Test"');
|
| header('HTTP/1.0 401 Unauthorized');
|
| die('Authentication required');
|
| }
|
|
|
| $github = StorageConfig::getGitHubConfig();
|
| $currentUser = StorageConfig::getCurrentUser();
|
| $userPath = StorageConfig::getUserPath();
|
|
|
|
|
| $testResults = [];
|
| if ($_POST['test_directory_creation'] ?? false) {
|
| try {
|
| error_log("Directory Test: Starting manual directory creation test");
|
|
|
| $storageManager = new StorageManager();
|
| $githubStorage = new GitHubStorage($github);
|
|
|
|
|
| $testHtml = '<!DOCTYPE html>
|
| <html lang="en">
|
| <head>
|
| <meta charset="UTF-8">
|
| <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| <title>VvvebJs Directory Creation Test</title>
|
| <style>
|
| body { font-family: Arial, sans-serif; margin: 40px; background: #f5f5f5; }
|
| .container { max-width: 800px; margin: 0 auto; background: white; padding: 30px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
|
| h1 { color: #333; border-bottom: 2px solid #4CAF50; padding-bottom: 10px; }
|
| .success { color: #4CAF50; font-weight: bold; }
|
| .info { background: #e7f3ff; padding: 15px; border-radius: 5px; margin: 15px 0; }
|
| </style>
|
| </head>
|
| <body>
|
| <div class="container">
|
| <h1>🎉 VvvebJs Directory Creation Test</h1>
|
|
|
| <div class="info">
|
| <p><strong>Test Status:</strong> <span class="success">SUCCESS</span></p>
|
| <p><strong>Created:</strong> ' . date('Y-m-d H:i:s') . ' UTC</p>
|
| <p><strong>User:</strong> ' . htmlspecialchars($currentUser) . '</p>
|
| <p><strong>User Path:</strong> ' . htmlspecialchars($userPath) . '</p>
|
| </div>
|
|
|
| <h2>📁 Directory Structure Created</h2>
|
| <ul>
|
| <li><code>pages/</code> - Base directory for all pages</li>
|
| <li><code>pages/users/</code> - Users directory</li>
|
| <li><code>pages/users/' . str_replace('/', '', $userPath) . '</code> - Your personal directory</li>
|
| </ul>
|
|
|
| <h2>✅ What This Proves</h2>
|
| <p>If you can see this page, it means:</p>
|
| <ol>
|
| <li>GitHub directory creation is working correctly</li>
|
| <li>User isolation is functioning properly</li>
|
| <li>File saving to GitHub repository is successful</li>
|
| <li>All necessary directories have been created automatically</li>
|
| </ol>
|
|
|
| <h2>🔗 Next Steps</h2>
|
| <p>You can now safely use the VvvebJs editor to create and save your HTML pages. Each user gets their own isolated directory within the GitHub repository.</p>
|
|
|
| <div class="info">
|
| <p><strong>GitHub Repository:</strong> <a href="https://github.com/' . htmlspecialchars($github['owner']) . '/' . htmlspecialchars($github['repo']) . '" target="_blank">' . htmlspecialchars($github['owner']) . '/' . htmlspecialchars($github['repo']) . '</a></p>
|
| <p><strong>File Location:</strong> <code>pages/' . htmlspecialchars($userPath) . 'directory-test-' . time() . '.html</code></p>
|
| </div>
|
| </div>
|
| </body>
|
| </html>';
|
|
|
| $testFilename = 'directory-test-' . time() . '.html';
|
|
|
| error_log("Directory Test: Attempting to save test file: $testFilename");
|
| $result = $storageManager->saveFile($testFilename, $testHtml);
|
|
|
| $testResults['directory_test'] = [
|
| 'success' => $result,
|
| 'filename' => $testFilename,
|
| 'content_length' => strlen($testHtml),
|
| 'message' => $result ? 'Directory structure created and file saved successfully!' : 'Directory creation or file save failed!'
|
| ];
|
|
|
|
|
| if ($result) {
|
| error_log("Directory Test: File saved successfully, now testing directory structure");
|
|
|
|
|
| $baseUrl = "https://api.github.com/repos/{$github['owner']}/{$github['repo']}/contents/pages";
|
| $usersUrl = "https://api.github.com/repos/{$github['owner']}/{$github['repo']}/contents/pages/users";
|
| $userDirUrl = "https://api.github.com/repos/{$github['owner']}/{$github['repo']}/contents/pages/{$userPath}";
|
|
|
| $testResults['structure_check'] = [
|
| 'base_dir' => $githubStorage->makeRequest($baseUrl, 'GET') !== false,
|
| 'users_dir' => $githubStorage->makeRequest($usersUrl, 'GET') !== false,
|
| 'user_dir' => $githubStorage->makeRequest($userDirUrl, 'GET') !== false
|
| ];
|
| }
|
|
|
| } catch (Exception $e) {
|
| error_log("Directory Test Error: " . $e->getMessage());
|
| $testResults['directory_test'] = [
|
| 'success' => false,
|
| 'error' => $e->getMessage(),
|
| 'filename' => $testFilename ?? 'unknown'
|
| ];
|
| }
|
| }
|
|
|
|
|
| if ($_POST['cleanup_test_files'] ?? false) {
|
| try {
|
| $storageManager = new StorageManager();
|
| $files = $storageManager->listFiles();
|
|
|
| $cleanedCount = 0;
|
| foreach ($files as $file) {
|
| if (strpos($file['name'], 'directory-test-') === 0 || strpos($file['name'], 'test-') === 0) {
|
| if ($storageManager->deleteFile($file['name'])) {
|
| $cleanedCount++;
|
| }
|
| }
|
| }
|
|
|
| $testResults['cleanup'] = [
|
| 'success' => true,
|
| 'cleaned_count' => $cleanedCount,
|
| 'message' => "Cleaned up $cleanedCount test files"
|
| ];
|
|
|
| } catch (Exception $e) {
|
| $testResults['cleanup'] = [
|
| 'success' => false,
|
| 'error' => $e->getMessage()
|
| ];
|
| }
|
| }
|
| ?>
|
|
|
| <!DOCTYPE html>
|
| <html lang="en">
|
| <head>
|
| <meta charset="utf-8">
|
| <meta name="viewport" content="width=device-width, initial-scale=1">
|
| <title>VvvebJs 目录创建测试</title>
|
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
| <style>
|
| .config-value { background-color:
|
| .status-ok { color:
|
| .status-error { color:
|
| .status-warning { color:
|
| .test-result { margin-bottom: 20px; }
|
| </style>
|
| </head>
|
| <body>
|
| <div class="container mt-5">
|
| <div class="row">
|
| <div class="col-md-10 mx-auto">
|
| <h1 class="mb-4">📁 VvvebJs GitHub 目录创建测试</h1>
|
|
|
| <!-- 当前状态 -->
|
| <div class="card mb-4">
|
| <div class="card-header">
|
| <h3>📋 当前状态</h3>
|
| </div>
|
| <div class="card-body">
|
| <div class="row">
|
| <div class="col-md-6">
|
| <p><strong>当前用户:</strong> <span class="config-value"><?= htmlspecialchars($currentUser) ?></span></p>
|
| <p><strong>用户路径:</strong> <span class="config-value"><?= htmlspecialchars($userPath) ?></span></p>
|
| <p><strong>GitHub仓库:</strong> <span class="config-value"><?= htmlspecialchars($github['owner']) ?>/<?= htmlspecialchars($github['repo']) ?></span></p>
|
| </div>
|
| <div class="col-md-6">
|
| <p><strong>分支:</strong> <span class="config-value"><?= htmlspecialchars($github['branch']) ?></span></p>
|
| <p><strong>基础路径:</strong> <span class="config-value"><?= htmlspecialchars($github['path']) ?></span></p>
|
| <p><strong>完整用户路径:</strong> <span class="config-value"><?= htmlspecialchars($github['path'] . $userPath) ?></span></p>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
|
|
| <!-- 测试控制 -->
|
| <div class="card mb-4">
|
| <div class="card-header">
|
| <h3>🧪 目录创建测试</h3>
|
| </div>
|
| <div class="card-body">
|
| <?php if (empty($testResults['directory_test'])): ?>
|
| <div class="alert alert-info">
|
| <h5>💡 测试说明</h5>
|
| <p>此测试将：</p>
|
| <ol>
|
| <li>自动创建必要的GitHub目录结构</li>
|
| <li>保存一个测试HTML文件到你的用户目录</li>
|
| <li>验证目录创建是否成功</li>
|
| <li>检查文件是否能正确保存和访问</li>
|
| </ol>
|
| </div>
|
|
|
| <form method="POST">
|
| <button type="submit" name="test_directory_creation" value="1" class="btn btn-primary btn-lg">
|
| 🚀 创建目录并测试保存
|
| </button>
|
| </form>
|
| <?php else: ?>
|
| <div class="test-result">
|
| <h5>目录创建测试结果</h5>
|
| <?php $dirTest = $testResults['directory_test']; ?>
|
| <div class="alert alert-<?= $dirTest['success'] ? 'success' : 'danger' ?>">
|
| <h6>
|
| <span class="<?= $dirTest['success'] ? 'status-ok' : 'status-error' ?>">
|
| <?= $dirTest['success'] ? '✅ 测试成功' : '❌ 测试失败' ?>
|
| </span>
|
| </h6>
|
| <p><strong>文件名:</strong> <?= htmlspecialchars($dirTest['filename']) ?></p>
|
| <p><strong>内容长度:</strong> <?= $dirTest['content_length'] ?? 0 ?> 字符</p>
|
| <p><strong>结果:</strong> <?= htmlspecialchars($dirTest['message']) ?></p>
|
| <?php if (!$dirTest['success'] && isset($dirTest['error'])): ?>
|
| <p><strong>错误:</strong> <?= htmlspecialchars($dirTest['error']) ?></p>
|
| <?php endif; ?>
|
| </div>
|
|
|
| <?php if ($dirTest['success'] && isset($testResults['structure_check'])): ?>
|
| <h6>📁 目录结构验证</h6>
|
| <?php $structCheck = $testResults['structure_check']; ?>
|
| <ul class="list-unstyled">
|
| <li><span class="<?= $structCheck['base_dir'] ? 'status-ok' : 'status-error' ?>"><?= $structCheck['base_dir'] ? '✅' : '❌' ?></span> 基础目录 (<code>pages/</code>)</li>
|
| <li><span class="<?= $structCheck['users_dir'] ? 'status-ok' : 'status-error' ?>"><?= $structCheck['users_dir'] ? '✅' : '❌' ?></span> 用户目录 (<code>pages/users/</code>)</li>
|
| <li><span class="<?= $structCheck['user_dir'] ? 'status-ok' : 'status-error' ?>"><?= $structCheck['user_dir'] ? '✅' : '❌' ?></span> 个人目录 (<code>pages/<?= htmlspecialchars($userPath) ?></code>)</li>
|
| </ul>
|
| <?php endif; ?>
|
|
|
| <?php if ($dirTest['success']): ?>
|
| <div class="alert alert-success mt-3">
|
| <h6>🎉 成功！</h6>
|
| <p>目录结构已成功创建，现在可以使用VvvebJs编辑器正常保存文件了。</p>
|
| <p><strong>查看测试文件:</strong>
|
| <a href="https://github.com/<?= htmlspecialchars($github['owner']) ?>/<?= htmlspecialchars($github['repo']) ?>/blob/<?= htmlspecialchars($github['branch']) ?>/pages/<?= htmlspecialchars($userPath) ?><?= htmlspecialchars($dirTest['filename']) ?>" target="_blank" class="btn btn-sm btn-outline-primary">
|
| 在GitHub上查看
|
| </a>
|
| </p>
|
| </div>
|
| <?php endif; ?>
|
| </div>
|
|
|
| <div class="mt-3">
|
| <form method="POST" class="d-inline">
|
| <button type="submit" name="test_directory_creation" value="1" class="btn btn-secondary">
|
| 🔄 重新测试
|
| </button>
|
| </form>
|
|
|
| <form method="POST" class="d-inline ms-2">
|
| <button type="submit" name="cleanup_test_files" value="1" class="btn btn-warning">
|
| 🧹 清理测试文件
|
| </button>
|
| </form>
|
| </div>
|
| <?php endif; ?>
|
|
|
| <?php if (isset($testResults['cleanup'])): ?>
|
| <div class="alert alert-info mt-3">
|
| <h6>🧹 清理结果</h6>
|
| <?php $cleanup = $testResults['cleanup']; ?>
|
| <p><?= htmlspecialchars($cleanup['message'] ?? $cleanup['error']) ?></p>
|
| </div>
|
| <?php endif; ?>
|
| </div>
|
| </div>
|
|
|
| <!-- 问题诊断 -->
|
| <div class="card mb-4">
|
| <div class="card-header">
|
| <h3>🔍 问题诊断指南</h3>
|
| </div>
|
| <div class="card-body">
|
| <div class="accordion" id="diagnosticAccordion">
|
| <div class="accordion-item">
|
| <h2 class="accordion-header">
|
| <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#diag1">
|
| 如果测试失败怎么办？
|
| </button>
|
| </h2>
|
| <div id="diag1" class="accordion-collapse collapse show" data-bs-parent="#diagnosticAccordion">
|
| <div class="accordion-body">
|
| <strong>检查清单：</strong>
|
| <ol>
|
| <li>确认GitHub Token在Hugging Face Space中正确设置</li>
|
| <li>确认Token有<code>repo</code>权限（不只是public_repo）</li>
|
| <li>确认仓库名称和所有者名称完全正确</li>
|
| <li>确认分支名称正确（通常是main或master）</li>
|
| <li>检查网络连接是否稳定</li>
|
| </ol>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="accordion-item">
|
| <h2 class="accordion-header">
|
| <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#diag2">
|
| 目录结构说明
|
| </button>
|
| </h2>
|
| <div id="diag2" class="accordion-collapse collapse" data-bs-parent="#diagnosticAccordion">
|
| <div class="accordion-body">
|
| <strong>创建的目录结构：</strong>
|
| <pre><code>你的仓库/
|
| ├── pages/ # 基础页面目录
|
| │ ├── README.md # 目录说明文件
|
| │ └── users/ # 用户目录
|
| │ ├── README.md # 用户目录说明
|
| │ └── <?= str_replace('/', '', $userPath) ?>/ # 你的个人目录
|
| │ ├── README.md # 个人目录说明
|
| │ └── *.html # 你创建的HTML文件</code></pre>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
|
|
| <!-- 操作按钮 -->
|
| <div class="card">
|
| <div class="card-body text-center">
|
| <div class="row">
|
| <div class="col-md-3">
|
| <a href="github-advanced-test.php" class="btn btn-primary w-100">完整测试</a>
|
| </div>
|
| <div class="col-md-3">
|
| <a href="github-save-debug.php" class="btn btn-warning w-100">保存调试</a>
|
| </div>
|
| <div class="col-md-3">
|
| <a href="hf-space-check.php" class="btn btn-info w-100">HF Space检查</a>
|
| </div>
|
| <div class="col-md-3">
|
| <a href="editor.html" class="btn btn-success w-100">返回编辑器</a>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
|
|
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
| </body>
|
| </html> |
