4b39190251
- Add build-time data fetching from Confluence - Create build-data.js script to fetch and save data at build time - Update App.tsx to use static JSON in production, API in development - Install tsx for running TypeScript build scripts - Configure Amplify to fetch data during build process - Add public directory configuration to Vite This fixes the white page error by providing data at build time instead of runtime. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
35 lines
1.1 KiB
JavaScript
35 lines
1.1 KiB
JavaScript
import fs from 'fs';
|
|
import path from 'path';
|
|
import { fileURLToPath } from 'url';
|
|
import { fetchFromConfluence } from '../src/server/confluence.ts';
|
|
|
|
const __filename = fileURLToPath(import.meta.url);
|
|
const __dirname = path.dirname(__filename);
|
|
|
|
async function buildData() {
|
|
try {
|
|
console.log('Fetching filament data from Confluence...');
|
|
const filaments = await fetchFromConfluence({
|
|
CONFLUENCE_API_URL: process.env.CONFLUENCE_API_URL,
|
|
CONFLUENCE_TOKEN: process.env.CONFLUENCE_TOKEN,
|
|
CONFLUENCE_PAGE_ID: process.env.CONFLUENCE_PAGE_ID
|
|
});
|
|
|
|
// Create public directory if it doesn't exist
|
|
const publicDir = path.join(__dirname, '..', 'public');
|
|
if (!fs.existsSync(publicDir)) {
|
|
fs.mkdirSync(publicDir, { recursive: true });
|
|
}
|
|
|
|
// Write data to public directory
|
|
const dataPath = path.join(publicDir, 'filaments.json');
|
|
fs.writeFileSync(dataPath, JSON.stringify(filaments, null, 2));
|
|
|
|
console.log(`Successfully wrote ${filaments.length} filaments to ${dataPath}`);
|
|
} catch (error) {
|
|
console.error('Error building data:', error);
|
|
process.exit(1);
|
|
}
|
|
}
|
|
|
|
buildData(); |