346 lines
11 KiB
JavaScript
346 lines
11 KiB
JavaScript
const express = require('express');
|
|
const path = require('path');
|
|
const fs = require('fs');
|
|
const QRCode = require('qrcode');
|
|
|
|
const app = express();
|
|
const PORT = process.env.PORT || 4012;
|
|
|
|
// Function to read current version from main.h
|
|
function getCurrentVersion() {
|
|
try {
|
|
const mainHPath = path.join(__dirname, '../include/main.h');
|
|
const content = fs.readFileSync(mainHPath, 'utf8');
|
|
const versionMatch = content.match(/#define\s+MICE_VERSION\s+"([^"]+)"/);
|
|
return versionMatch ? versionMatch[1] : 'unknown';
|
|
} catch (error) {
|
|
console.log('Could not read version:', error.message);
|
|
return 'unknown';
|
|
}
|
|
}
|
|
|
|
// Function to get build timestamp
|
|
function getBuildTimestamp() {
|
|
try {
|
|
const outputDir = path.join(__dirname, '../output');
|
|
if (fs.existsSync(outputDir)) {
|
|
const stats = fs.statSync(outputDir);
|
|
return stats.mtime.toLocaleString();
|
|
}
|
|
} catch (error) {
|
|
console.log('Could not read build timestamp:', error.message);
|
|
}
|
|
return 'unknown';
|
|
}
|
|
|
|
// Serve static files from the output directory
|
|
app.use('/downloads', express.static(path.join(__dirname, '../output')));
|
|
|
|
// Basic styling for the web interface with dark mode support
|
|
const CSS = `
|
|
<style>
|
|
:root {
|
|
--bg-color: #f5f5f5;
|
|
--container-bg: white;
|
|
--text-color: #333;
|
|
--border-color: #ddd;
|
|
--section-bg: #fafafa;
|
|
--accent-color: #0066cc;
|
|
--button-hover: #0052a3;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--bg-color: #1a1a1a;
|
|
--container-bg: #2d2d2d;
|
|
--text-color: #e0e0e0;
|
|
--border-color: #555;
|
|
--section-bg: #3a3a3a;
|
|
--accent-color: #4da6ff;
|
|
--button-hover: #3d8bff;
|
|
}
|
|
}
|
|
|
|
body {
|
|
font-family: Arial, sans-serif;
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
padding: 20px;
|
|
background-color: var(--bg-color);
|
|
color: var(--text-color);
|
|
transition: background-color 0.3s, color 0.3s;
|
|
}
|
|
.container {
|
|
background: var(--container-bg);
|
|
padding: 30px;
|
|
border-radius: 10px;
|
|
box-shadow: 0 2px 20px rgba(0,0,0,0.3);
|
|
transition: background-color 0.3s;
|
|
}
|
|
h1 {
|
|
color: var(--text-color);
|
|
text-align: center;
|
|
border-bottom: 3px solid var(--accent-color);
|
|
padding-bottom: 10px;
|
|
}
|
|
.version-info {
|
|
text-align: center;
|
|
margin: 10px 0 20px 0;
|
|
padding: 10px;
|
|
background: var(--section-bg);
|
|
border-radius: 5px;
|
|
font-size: 14px;
|
|
color: var(--text-color);
|
|
}
|
|
.download-section {
|
|
margin: 30px 0;
|
|
padding: 20px;
|
|
border: 2px solid var(--border-color);
|
|
border-radius: 8px;
|
|
background-color: var(--section-bg);
|
|
transition: background-color 0.3s;
|
|
}
|
|
.download-link {
|
|
display: inline-block;
|
|
padding: 12px 24px;
|
|
background-color: var(--accent-color);
|
|
color: white;
|
|
text-decoration: none;
|
|
border-radius: 5px;
|
|
margin: 10px 10px 10px 0;
|
|
font-weight: bold;
|
|
transition: background-color 0.3s;
|
|
}
|
|
.download-link:hover {
|
|
background-color: var(--button-hover);
|
|
}
|
|
.download-link:hover {
|
|
background-color: #0052a3;
|
|
}
|
|
.qr-code {
|
|
text-align: center;
|
|
margin: 20px 0;
|
|
}
|
|
.file-info {
|
|
background-color: #e8f4fd;
|
|
padding: 15px;
|
|
border-left: 4px solid #0066cc;
|
|
margin: 15px 0;
|
|
}
|
|
.installation-guide {
|
|
background-color: #fff8dc;
|
|
padding: 20px;
|
|
border-radius: 8px;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
.file-info {
|
|
background-color: #1a2940;
|
|
border-left-color: #2d5aa0;
|
|
}
|
|
.installation-guide {
|
|
background-color: #2a3b5c;
|
|
}
|
|
}
|
|
</style>`;
|
|
|
|
// Main page
|
|
app.get('/', async (req, res) => {
|
|
const outputDir = path.join(__dirname, '../output');
|
|
|
|
// Use the client's actual request URL
|
|
const protocol = req.get('x-forwarded-proto') || req.protocol || 'http';
|
|
const host = req.get('x-forwarded-host') || req.get('host');
|
|
const baseUrl = `${protocol}://${host}`;
|
|
|
|
// Check if build files exist
|
|
const files = [];
|
|
const fileExtensions = ['.3dsx', '.cia', '.3ds', '.elf'];
|
|
|
|
try {
|
|
const items = fs.readdirSync(outputDir, { recursive: true });
|
|
for (const item of items) {
|
|
const itemPath = path.join(outputDir, item);
|
|
const stats = fs.statSync(itemPath);
|
|
|
|
if (stats.isFile()) {
|
|
const ext = path.extname(item).toLowerCase();
|
|
if (fileExtensions.includes(ext)) {
|
|
const filePath = `/downloads/${item}`;
|
|
const fileUrl = `${baseUrl}${filePath}`;
|
|
files.push({
|
|
name: item,
|
|
path: filePath,
|
|
url: fileUrl,
|
|
size: (stats.size / 1024).toFixed(1), // KB
|
|
type: ext.substring(1).toUpperCase()
|
|
});
|
|
}
|
|
}
|
|
}
|
|
} catch (err) {
|
|
console.error('Error reading output directory:', err);
|
|
}
|
|
|
|
let html = `
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>mice - 3DS Music Player Downloads</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="refresh" content="30">
|
|
${CSS}
|
|
<script>
|
|
// Auto-refresh every 30 seconds to check for new builds
|
|
setInterval(() => {
|
|
fetch('/api/version')
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
const versionElement = document.getElementById('current-version');
|
|
const buildElement = document.getElementById('build-time');
|
|
if (versionElement) versionElement.textContent = data.version;
|
|
if (buildElement) buildElement.textContent = data.buildTime;
|
|
})
|
|
.catch(console.error);
|
|
}, 30000);
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>🎵 mice - 3DS Music Player 🎵</h1>
|
|
|
|
<div class="version-info">
|
|
<strong>Current Version:</strong> <span id="current-version">${getCurrentVersion()}</span><br>
|
|
<strong>Last Build:</strong> <span id="build-time">${getBuildTimestamp()}</span>
|
|
</div>
|
|
|
|
<div class="installation-guide">
|
|
<h3>📱 Installation Instructions:</h3>
|
|
<p><strong>For .3dsx files (Homebrew Launcher):</strong></p>
|
|
<ul>
|
|
<li>Copy the .3dsx file to <code>/3ds/</code> folder on your SD card</li>
|
|
<li>Launch via Homebrew Launcher</li>
|
|
</ul>
|
|
|
|
<p><strong>For .cia files (installed to HOME menu):</strong></p>
|
|
<ul>
|
|
<li>Install using FBI, DevMenu, or similar CIA installer</li>
|
|
<li>Appears on HOME menu after installation</li>
|
|
</ul>
|
|
</div>
|
|
`;
|
|
|
|
if (files.length === 0) {
|
|
html += `
|
|
<div class="file-info">
|
|
<h3>⚠️ No build files found</h3>
|
|
<p>Please run <code>make</code> in the mice directory to build the project first.</p>
|
|
</div>
|
|
`;
|
|
} else {
|
|
html += `<h2>📦 Available Downloads:</h2>`;
|
|
|
|
for (const file of files) {
|
|
// Generate QR code for each file
|
|
let qrCodeDataUrl = '';
|
|
try {
|
|
qrCodeDataUrl = await QRCode.toDataURL(file.url);
|
|
} catch (err) {
|
|
console.error('Error generating QR code:', err);
|
|
}
|
|
|
|
html += `
|
|
<div class="download-section">
|
|
<h3>🎮 ${file.name}</h3>
|
|
<div class="file-info">
|
|
<strong>Type:</strong> ${file.type}
|
|
<strong>Size:</strong> ${file.size} KB
|
|
</div>
|
|
|
|
<a href="${file.path}" class="download-link" download>
|
|
📥 Download ${file.type}
|
|
</a>
|
|
|
|
${qrCodeDataUrl ? `
|
|
<div class="qr-code">
|
|
<p><strong>📱 Scan QR Code for 3DS Browser:</strong></p>
|
|
<img src="${qrCodeDataUrl}" alt="QR Code for ${file.name}" style="border: 2px solid #ddd; padding: 10px; background: white;">
|
|
<br>
|
|
<small style="color: #666; word-break: break-all;">${file.url}</small>
|
|
</div>
|
|
` : ''}
|
|
</div>
|
|
`;
|
|
}
|
|
}
|
|
|
|
html += `
|
|
<div class="file-info">
|
|
<h3>🎵 Features:</h3>
|
|
<ul>
|
|
<li>Support for MP3, FLAC, OGG Vorbis, Opus, WAV, and SID formats</li>
|
|
<li>Metadata display (artist, album, title) on top screen</li>
|
|
<li>File browser with folder navigation</li>
|
|
<li>Playback controls and sleep mode support</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="installation-guide">
|
|
<h3>🔗 Access Information:</h3>
|
|
<p>Server running at: <strong>${baseUrl}</strong></p>
|
|
${baseUrl.includes('github.dev') ?
|
|
'<p>✅ GitHub Codespaces detected - URL is ready for 3DS browser!</p>' :
|
|
'<p>💡 For 3DS access, use your local network IP address</p>'
|
|
}
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
`;
|
|
|
|
res.send(html);
|
|
});
|
|
|
|
// API endpoint for version info
|
|
app.get('/api/version', (req, res) => {
|
|
res.json({
|
|
version: getCurrentVersion(),
|
|
buildTime: getBuildTimestamp(),
|
|
timestamp: new Date().toISOString()
|
|
});
|
|
});
|
|
|
|
// Health check endpoint
|
|
app.get('/health', (req, res) => {
|
|
res.json({ status: 'ok', timestamp: new Date().toISOString() });
|
|
});
|
|
|
|
// Start server
|
|
app.listen(PORT, '0.0.0.0', () => {
|
|
console.log(`🎵 mice Download Server`);
|
|
|
|
// Detect if we're in GitHub Codespaces
|
|
const codespace = process.env.CODESPACE_NAME;
|
|
if (codespace) {
|
|
const codespacesUrl = `https://${codespace}-${PORT}.app.github.dev/`;
|
|
console.log(`🌐 GitHub Codespaces URL: ${codespacesUrl}`);
|
|
console.log(`📱 Use this URL for 3DS browser access!`);
|
|
} else {
|
|
console.log(`🌐 Server running at: http://localhost:${PORT}`);
|
|
console.log(`📱 Access from 3DS browser using your local IP`);
|
|
}
|
|
|
|
console.log(`📦 Serving files from: ${path.join(__dirname, '../output')}`);
|
|
console.log(`\n🔗 To find your local IP address:`);
|
|
console.log(` - Windows: ipconfig`);
|
|
console.log(` - Mac/Linux: ifconfig or ip addr show`);
|
|
});
|
|
|
|
// Graceful shutdown
|
|
process.on('SIGTERM', () => {
|
|
console.log('🛑 Server shutting down...');
|
|
process.exit(0);
|
|
});
|
|
|
|
module.exports = app; |