7968b56976
Introduce a configuration file for all settings, remove the web-based config editor, fix the grid display, and add automatic hourly PNG exports. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 0385ea33-cde8-4bbd-8fce-8d192d30eb41 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/870d08ce-da3b-4822-9874-c2fe2b7628b1/0385ea33-cde8-4bbd-8fce-8d192d30eb41/Zffw2vY
70 lines
2.1 KiB
TypeScript
70 lines
2.1 KiB
TypeScript
import { writeFileSync, mkdirSync, existsSync } from "fs";
|
|
import { join } from "path";
|
|
import { config } from "./config";
|
|
import { type IStorage } from "./storage";
|
|
|
|
export class CanvasExporter {
|
|
private storage: IStorage;
|
|
private exportInterval: NodeJS.Timeout | null = null;
|
|
|
|
constructor(storage: IStorage) {
|
|
this.storage = storage;
|
|
}
|
|
|
|
startAutoExport() {
|
|
// Ensure export directory exists
|
|
if (!existsSync(config.exportPath)) {
|
|
mkdirSync(config.exportPath, { recursive: true });
|
|
}
|
|
|
|
// Start export interval
|
|
this.exportInterval = setInterval(() => {
|
|
this.exportCanvas();
|
|
}, config.autoExportIntervalSeconds * 1000);
|
|
|
|
console.log(`Auto-export started: every ${config.autoExportIntervalSeconds} seconds`);
|
|
}
|
|
|
|
stopAutoExport() {
|
|
if (this.exportInterval) {
|
|
clearInterval(this.exportInterval);
|
|
this.exportInterval = null;
|
|
console.log("Auto-export stopped");
|
|
}
|
|
}
|
|
|
|
async exportCanvas() {
|
|
try {
|
|
const pixels = await this.storage.getAllPixels();
|
|
|
|
// Create simple SVG export instead of PNG for now
|
|
const svgContent = this.createSVG(pixels);
|
|
|
|
// Generate filename with timestamp
|
|
const timestamp = new Date().toISOString().replace(/[:.]/g, "-");
|
|
const filename = `canvas-${timestamp}.svg`;
|
|
const filepath = join(config.exportPath, filename);
|
|
|
|
// Save SVG
|
|
writeFileSync(filepath, svgContent);
|
|
|
|
console.log(`Canvas exported: ${filename} (${pixels.length} pixels)`);
|
|
} catch (error) {
|
|
console.error("Failed to export canvas:", error);
|
|
}
|
|
}
|
|
|
|
private createSVG(pixels: any[]): string {
|
|
const { canvasWidth, canvasHeight } = config;
|
|
|
|
let svgContent = `<svg width="${canvasWidth}" height="${canvasHeight}" xmlns="http://www.w3.org/2000/svg">`;
|
|
svgContent += `<rect width="100%" height="100%" fill="#FFFFFF"/>`;
|
|
|
|
pixels.forEach(pixel => {
|
|
svgContent += `<rect x="${pixel.x}" y="${pixel.y}" width="1" height="1" fill="${pixel.color}"/>`;
|
|
});
|
|
|
|
svgContent += `</svg>`;
|
|
return svgContent;
|
|
}
|
|
} |