From 901a511fad7a78c0dc83c5f47e0896b831d5cc19 Mon Sep 17 00:00:00 2001 From: Rim Date: Sat, 29 Mar 2025 15:55:06 -0400 Subject: [PATCH] chore: add debug scripts --- debug/build_v1.js | 360 ++++++++++++++++++++++++++++++++++++++++++ debug/build_v2.js | 234 +++++++++++++++++++++++++++ debug/build_v3.js | 330 ++++++++++++++++++++++++++++++++++++++ debug/debug-app-js.js | 7 + 4 files changed, 931 insertions(+) create mode 100644 debug/build_v1.js create mode 100644 debug/build_v2.js create mode 100644 debug/build_v3.js create mode 100644 debug/debug-app-js.js diff --git a/debug/build_v1.js b/debug/build_v1.js new file mode 100644 index 0000000..fc5ad2a --- /dev/null +++ b/debug/build_v1.js @@ -0,0 +1,360 @@ +const fs = require('fs'); +const path = require('path'); +const glob = require('glob'); +const terser = require('terser'); +const csso = require('csso'); +const htmlmin = require('html-minifier'); + +// Configuration +const config = { + rootJs: { + src: 'app.js', + exclude: ['*.min.js', 'build*.js'], + outputExt: '.min.js' + }, + js: { + src: 'src/**/*.js', + exclude: 'src/**/*.min.js', + outputExt: '.min.js' + }, + css: { + src: 'src/**/*.css', + exclude: 'src/**/*.min.css', + outputExt: '.min.css' + }, + json: { + src: ['src/**/*.json', './package.json', './package-lock.json'] + }, + html: { + src: 'src/**/*.html' + }, + images: { + src: 'src/**/*.+(png|jpg|jpeg|gif|svg|ico)' + }, + typescript: { + src: 'src/**/*.+(ts|ts.map|d.ts)' + }, + // Add all files that might contain references + allFiles: { + src: ['./*.js', 'src/**/*.js', 'src/**/*.html', 'src/**/*.css', 'src/**/*.json'] + } +}; + +// Ensure directory exists +function ensureDirectoryExistence(filePath) { + const dirname = path.dirname(filePath); + if (fs.existsSync(dirname)) return; + ensureDirectoryExistence(dirname); + fs.mkdirSync(dirname); +} + +// Clean public directory +function cleanPublicDir() { + console.log('Cleaning public directory...'); + if (fs.existsSync('public')) { + fs.rmSync('public', { recursive: true, force: true }); + } + fs.mkdirSync('public'); + console.log('✓ Public directory cleaned'); +} + +// Create output path preserving directory structure +function createOutputPath(file, baseDir, outputExt = null) { + // Get relative path from the source root + const relativePath = path.relative(baseDir, file); + + // Create public path with the same relative structure + let outputPath = path.join('public', relativePath); + + // Apply output extension if provided + if (outputExt) { + outputPath = outputPath.replace(path.extname(outputPath), outputExt); + } + + return outputPath; +} + +// Minify JavaScript files +async function minifyJS() { + console.log('Minifying JavaScript files...'); + + // Minify root-level JS files (like app.js) + const rootFiles = glob.sync(config.rootJs.src, { ignore: config.rootJs.exclude }); + + for (const file of rootFiles) { + // Skip already minified files + if (file.endsWith('.min.js')) continue; + + try { + const content = fs.readFileSync(file, 'utf8'); + const result = await terser.minify(content, { + compress: true, + mangle: true + }); + + const outputPath = createOutputPath(file, '.', config.rootJs.outputExt); + ensureDirectoryExistence(outputPath); + fs.writeFileSync(outputPath, result.code); + console.log(`✓ Minified: ${file} -> ${outputPath}`); + } catch (err) { + console.error(`Error minifying ${file}:`, err); + } + } + + // Minify JavaScript files in src directory + const srcFiles = glob.sync(config.js.src, { ignore: config.js.exclude }); + + for (const file of srcFiles) { + // Skip already minified files + if (file.endsWith('.min.js')) continue; + + try { + const content = fs.readFileSync(file, 'utf8'); + const result = await terser.minify(content, { + compress: true, + mangle: true + }); + + const outputPath = createOutputPath(file, '.', config.js.outputExt); + ensureDirectoryExistence(outputPath); + fs.writeFileSync(outputPath, result.code); + console.log(`✓ Minified: ${file} -> ${outputPath}`); + } catch (err) { + console.error(`Error minifying ${file}:`, err); + } + } +} + +// Minify CSS files +function minifyCSS() { + console.log('Minifying CSS files...'); + const files = glob.sync(config.css.src, { ignore: config.css.exclude }); + + for (const file of files) { + if (file.endsWith('.min.css')) continue; + + try { + const content = fs.readFileSync(file, 'utf8'); + const result = csso.minify(content); + + const outputPath = createOutputPath(file, '.', config.css.outputExt); + ensureDirectoryExistence(outputPath); + fs.writeFileSync(outputPath, result.css); + console.log(`✓ Minified: ${file} -> ${outputPath}`); + } catch (err) { + console.error(`Error minifying ${file}:`, err); + } + } +} + +// Minify JSON files +function minifyJSON() { + console.log('Minifying JSON files...'); + const files = glob.sync(config.json.src); + + for (const file of files) { + try { + const content = fs.readFileSync(file, 'utf8'); + const jsonData = JSON.parse(content); + const minified = JSON.stringify(jsonData); + + const outputPath = createOutputPath(file, '.'); + ensureDirectoryExistence(outputPath); + fs.writeFileSync(outputPath, minified); + console.log(`✓ Minified: ${file} -> ${outputPath}`); + } catch (err) { + console.error(`Error minifying ${file}:`, err); + } + } +} + +// Minify HTML files +function minifyHTML() { + console.log('Minifying HTML files...'); + const files = glob.sync(config.html.src); + + for (const file of files) { + try { + let content = fs.readFileSync(file, 'utf8'); + + // Minify HTML + const minified = htmlmin.minify(content, { + collapseWhitespace: true, + removeComments: true, + minifyJS: true, + minifyCSS: true, + removeRedundantAttributes: true, + removeEmptyAttributes: true, + removeOptionalTags: true + }); + + const outputPath = createOutputPath(file, '.'); + ensureDirectoryExistence(outputPath); + fs.writeFileSync(outputPath, minified); + console.log(`✓ Minified: ${file} -> ${outputPath}`); + } catch (err) { + console.error(`Error minifying ${file}:`, err); + } + } +} + +// Copy images +function copyImages() { + console.log('Copying images...'); + const files = glob.sync(config.images.src); + + for (const file of files) { + try { + const outputPath = createOutputPath(file, '.'); + ensureDirectoryExistence(outputPath); + fs.copyFileSync(file, outputPath); + console.log(`✓ Copied: ${file} -> ${outputPath}`); + } catch (err) { + console.error(`Error copying ${file}:`, err); + } + } +} + +// Copy TypeScript files +function copyTypeScriptFiles() { + console.log('Copying TypeScript files...'); + const files = glob.sync(config.typescript.src); + + for (const file of files) { + try { + const outputPath = createOutputPath(file, '.'); + ensureDirectoryExistence(outputPath); + fs.copyFileSync(file, outputPath); + console.log(`✓ Copied: ${file} -> ${outputPath}`); + } catch (err) { + console.error(`Error copying ${file}:`, err); + } + } +} + +// Update all file references in all files +function updateAllReferences() { + console.log('Updating file references in all files...'); + + // Get all files that might contain references + const files = glob.sync(config.allFiles.src); + + // Create a list of file mappings (original to minified) + const jsFiles = [ + ...glob.sync(config.rootJs.src, { ignore: config.rootJs.exclude }), + ...glob.sync(config.js.src, { ignore: config.js.exclude }) + ] + .filter(file => !file.endsWith('.min.js') && !file.endsWith('.d.ts') && !file.endsWith('.map') && file !== 'build.js'); + + const cssFiles = glob.sync(config.css.src, { ignore: config.css.exclude }) + .filter(file => !file.endsWith('.min.css')); + + for (const targetFile of files) { + // Skip build.js + if (targetFile === 'build.js' || targetFile.includes('build_v')) continue; + + // Skip files that likely don't have references or are already processed + if (targetFile.endsWith('.min.js') || targetFile.endsWith('.d.ts') || + targetFile.endsWith('.map') || targetFile.endsWith('.min.css')) continue; + + try { + let content = fs.readFileSync(targetFile, 'utf8'); + let modified = false; + + // Replace JS file references + for (const jsFile of jsFiles) { + // Get different forms of the path for replacement + const normalizedPath = jsFile.replace(/\\/g, '/'); // Convert backslashes to forward slashes + const relativePath = './' + normalizedPath; // With leading ./ + const plainPath = normalizedPath; // Without leading ./ + const fileNameOnly = path.basename(normalizedPath); // Just the filename + + // Create minified versions of each path form + const normalizedPathMin = normalizedPath.replace('.js', '.min.js'); + const relativePathMin = relativePath.replace('.js', '.min.js'); + const plainPathMin = plainPath.replace('.js', '.min.js'); + const fileNameOnlyMin = fileNameOnly.replace('.js', '.min.js'); + + // Attempt different path styles replacements + if (content.includes(relativePath)) { + content = content.replace(new RegExp(escapeRegExp(relativePath), 'g'), relativePathMin); + modified = true; + } + if (content.includes(plainPath)) { + content = content.replace(new RegExp(escapeRegExp(plainPath), 'g'), plainPathMin); + modified = true; + } + if (content.includes(fileNameOnly) && fileNameOnly !== 'index.js') { // Be careful with just filenames + content = content.replace(new RegExp(`(['"\\s])${escapeRegExp(fileNameOnly)}(['"\\s])`, 'g'), + `$1${fileNameOnlyMin}$2`); + modified = true; + } + } + + // Replace CSS file references + for (const cssFile of cssFiles) { + const normalizedPath = cssFile.replace(/\\/g, '/'); + const relativePath = './' + normalizedPath; + const plainPath = normalizedPath; + const fileNameOnly = path.basename(normalizedPath); + + const normalizedPathMin = normalizedPath.replace('.css', '.min.css'); + const relativePathMin = relativePath.replace('.css', '.min.css'); + const plainPathMin = plainPath.replace('.css', '.min.css'); + const fileNameOnlyMin = fileNameOnly.replace('.css', '.min.css'); + + if (content.includes(relativePath)) { + content = content.replace(new RegExp(escapeRegExp(relativePath), 'g'), relativePathMin); + modified = true; + } + if (content.includes(plainPath)) { + content = content.replace(new RegExp(escapeRegExp(plainPath), 'g'), plainPathMin); + modified = true; + } + if (content.includes(fileNameOnly) && fileNameOnly !== 'styles.css') { // Be careful with just filenames + content = content.replace(new RegExp(`(['"\\s])${escapeRegExp(fileNameOnly)}(['"\\s])`, 'g'), + `$1${fileNameOnlyMin}$2`); + modified = true; + } + } + + if (modified) { + // Write updated content to the public version + const outputPath = createOutputPath(targetFile, '.', + targetFile.endsWith('.js') ? config.js.outputExt : + targetFile.endsWith('.css') ? config.css.outputExt : null); + fs.writeFileSync(outputPath, content); + console.log(`✓ Updated references in: ${outputPath}`); + } + } catch (err) { + console.error(`Error updating references in ${targetFile}:`, err); + } + } +} + +// Helper function to escape special characters in a string for use in RegExp +function escapeRegExp(string) { + return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); +} + +// Main function +async function build() { + console.log('Starting build process...'); + + cleanPublicDir(); + await minifyJS(); + minifyCSS(); + minifyJSON(); + minifyHTML(); + copyImages(); + copyTypeScriptFiles(); + updateAllReferences(); + + console.log('Build completed successfully!'); +} + +// Run the build +build().catch(err => { + console.error('Build failed:', err); + process.exit(1); +}); diff --git a/debug/build_v2.js b/debug/build_v2.js new file mode 100644 index 0000000..062738e --- /dev/null +++ b/debug/build_v2.js @@ -0,0 +1,234 @@ +const fs = require('fs'); +const path = require('path'); +const glob = require('glob'); +const terser = require('terser'); +const csso = require('csso'); +const htmlmin = require('html-minifier'); + +// Configuration +const config = { + rootJs: { + src: './*.js', + exclude: './*.min.js', + outputExt: '.min.js' + }, + js: { + src: 'src/**/*.js', + exclude: 'src/**/*.min.js', + outputExt: '.min.js' + }, + css: { + src: 'src/**/*.css', + exclude: 'src/**/*.min.css', + outputExt: '.min.css' + }, + json: { + src: 'src/**/*.json' + }, + html: { + src: 'src/**/*.html' + }, + images: { + src: 'src/**/*.+(png|jpg|jpeg|gif|svg|ico)' + } +}; + +// Ensure directory exists +function ensureDirectoryExistence(filePath) { + const dirname = path.dirname(filePath); + if (fs.existsSync(dirname)) return; + ensureDirectoryExistence(dirname); + fs.mkdirSync(dirname); +} + +// Clean public directory +function cleanPublicDir() { + console.log('Cleaning public directory...'); + if (fs.existsSync('public')) { + fs.rmSync('public', { recursive: true, force: true }); + } + fs.mkdirSync('public'); + console.log('✓ Public directory cleaned'); +} + +// Create output path preserving directory structure +function createOutputPath(file, baseDir, outputExt = null) { + // Get relative path from the source root + const relativePath = path.relative(baseDir, file); + + // Create public path with the same relative structure + let outputPath = path.join('public', relativePath); + + // Apply output extension if provided + if (outputExt) { + outputPath = outputPath.replace(path.extname(outputPath), outputExt); + } + + return outputPath; +} + +// Minify JavaScript files +async function minifyJS() { + console.log('Minifying JavaScript files...'); + + // Minify root-level JS files (like app.js) + const rootFiles = glob.sync(config.rootJs.src, { ignore: config.rootJs.exclude }); + + for (const file of rootFiles) { + // Skip already minified files and module files + if (file.endsWith('.min.js') || file === 'build.js') continue; + + const content = fs.readFileSync(file, 'utf8'); + const result = await terser.minify(content, { + compress: true, + mangle: true + }); + + const outputPath = createOutputPath(file, '.', config.rootJs.outputExt); + ensureDirectoryExistence(outputPath); + fs.writeFileSync(outputPath, result.code); + console.log(`✓ Minified: ${file} -> ${outputPath}`); + } + + // Minify JavaScript files in src directory + const srcFiles = glob.sync(config.js.src, { ignore: config.js.exclude }); + + for (const file of srcFiles) { + // Skip already minified files, type definition, and map files + if (file.endsWith('.min.js') || file.endsWith('.d.ts') || file.endsWith('.map')) continue; + + const content = fs.readFileSync(file, 'utf8'); + const result = await terser.minify(content, { + compress: true, + mangle: true + }); + + const outputPath = createOutputPath(file, '.', config.js.outputExt); + ensureDirectoryExistence(outputPath); + fs.writeFileSync(outputPath, result.code); + console.log(`✓ Minified: ${file} -> ${outputPath}`); + } +} + +// Minify CSS files +function minifyCSS() { + console.log('Minifying CSS files...'); + const files = glob.sync(config.css.src, { ignore: config.css.exclude }); + + for (const file of files) { + if (file.endsWith('.min.css')) continue; + + const content = fs.readFileSync(file, 'utf8'); + const result = csso.minify(content); + + const outputPath = createOutputPath(file, '.', config.css.outputExt); + ensureDirectoryExistence(outputPath); + fs.writeFileSync(outputPath, result.css); + console.log(`✓ Minified: ${file} -> ${outputPath}`); + } +} + +// Minify JSON files +function minifyJSON() { + console.log('Minifying JSON files...'); + const files = glob.sync(config.json.src); + + for (const file of files) { + const content = fs.readFileSync(file, 'utf8'); + const jsonData = JSON.parse(content); + const minified = JSON.stringify(jsonData); + + const outputPath = createOutputPath(file, '.'); + ensureDirectoryExistence(outputPath); + fs.writeFileSync(outputPath, minified); + console.log(`✓ Minified: ${file} -> ${outputPath}`); + } +} + +// Minify HTML files and update references +function minifyHTML() { + console.log('Minifying HTML files...'); + const files = glob.sync(config.html.src); + + for (const file of files) { + let content = fs.readFileSync(file, 'utf8'); + + // Update JS references to minified versions, preserving directory structure + content = content.replace(/src=["'](.+?)\.js["']/g, (match, p1) => { + return `src="${p1}.min.js"`; + }); + + // Update CSS references to minified versions, preserving directory structure + content = content.replace(/href=["'](.+?)\.css["']/g, (match, p1) => { + return `href="${p1}.min.css"`; + }); + + // Minify HTML + const minified = htmlmin.minify(content, { + collapseWhitespace: true, + removeComments: true, + minifyJS: true, + minifyCSS: true, + removeRedundantAttributes: true, + removeEmptyAttributes: true, + removeOptionalTags: true + }); + + const outputPath = createOutputPath(file, '.'); + ensureDirectoryExistence(outputPath); + fs.writeFileSync(outputPath, minified); + console.log(`✓ Minified: ${file} -> ${outputPath}`); + } +} + +// Copy images +function copyImages() { + console.log('Copying images...'); + const files = glob.sync(config.images.src); + + for (const file of files) { + const outputPath = createOutputPath(file, '.'); + ensureDirectoryExistence(outputPath); + fs.copyFileSync(file, outputPath); + console.log(`✓ Copied: ${file} -> ${outputPath}`); + } +} + +// Copy other files like README.md +function copyMiscFiles() { + console.log('Copying miscellaneous files...'); + const filesToCopy = [ + 'README.md', + 'package.json', + 'package-lock.json' + ]; + + for (const file of filesToCopy) { + if (fs.existsSync(file)) { + const outputPath = path.join('public', file); + fs.copyFileSync(file, outputPath); + console.log(`✓ Copied: ${file} -> ${outputPath}`); + } + } +} + +// Main function +async function build() { + console.log('Starting build process...'); + + cleanPublicDir(); + await minifyJS(); + minifyCSS(); + minifyJSON(); + minifyHTML(); + copyImages(); + copyMiscFiles(); + + console.log('Build completed successfully!'); +} + +// Run the build +build().catch(err => { + console.error('Build failed:', err); + process.exit(1); +}); \ No newline at end of file diff --git a/debug/build_v3.js b/debug/build_v3.js new file mode 100644 index 0000000..c7adb3f --- /dev/null +++ b/debug/build_v3.js @@ -0,0 +1,330 @@ +const fs = require('fs'); +const path = require('path'); +const glob = require('glob'); +const terser = require('terser'); +const csso = require('csso'); +const htmlmin = require('html-minifier'); + +// Configuration +const config = { + rootJs: { + src: './*.js', + exclude: './*.min.js', + outputExt: '.min.js' + }, + js: { + src: 'src/**/*.js', + exclude: 'src/**/*.min.js', + outputExt: '.min.js' + }, + css: { + src: 'src/**/*.css', + exclude: 'src/**/*.min.css', + outputExt: '.min.css' + }, + json: { + src: 'src/**/*.json' + }, + html: { + src: 'src/**/*.html' + }, + images: { + src: 'src/**/*.+(png|jpg|jpeg|gif|svg|ico)' + }, + // Add all files that might contain references + allFiles: { + src: ['./*.js', 'src/**/*.js', 'src/**/*.html', 'src/**/*.css', 'src/**/*.json'] + } +}; + +// Ensure directory exists +function ensureDirectoryExistence(filePath) { + const dirname = path.dirname(filePath); + if (fs.existsSync(dirname)) return; + ensureDirectoryExistence(dirname); + fs.mkdirSync(dirname); +} + +// Clean public directory +function cleanPublicDir() { + console.log('Cleaning public directory...'); + if (fs.existsSync('public')) { + fs.rmSync('public', { recursive: true, force: true }); + } + fs.mkdirSync('public'); + console.log('✓ Public directory cleaned'); +} + +// Create output path preserving directory structure +function createOutputPath(file, baseDir, outputExt = null) { + // Get relative path from the source root + const relativePath = path.relative(baseDir, file); + + // Create public path with the same relative structure + let outputPath = path.join('public', relativePath); + + // Apply output extension if provided + if (outputExt) { + outputPath = outputPath.replace(path.extname(outputPath), outputExt); + } + + return outputPath; +} + +// Minify JavaScript files +async function minifyJS() { + console.log('Minifying JavaScript files...'); + + // Minify root-level JS files (like app.js) + const rootFiles = glob.sync(config.rootJs.src, { ignore: config.rootJs.exclude }); + + for (const file of rootFiles) { + // Skip already minified files and module files + if (file.endsWith('.min.js') || file === 'build.js') continue; + + const content = fs.readFileSync(file, 'utf8'); + const result = await terser.minify(content, { + compress: true, + mangle: true + }); + + const outputPath = createOutputPath(file, '.', config.rootJs.outputExt); + ensureDirectoryExistence(outputPath); + fs.writeFileSync(outputPath, result.code); + console.log(`✓ Minified: ${file} -> ${outputPath}`); + } + + // Minify JavaScript files in src directory + const srcFiles = glob.sync(config.js.src, { ignore: config.js.exclude }); + + for (const file of srcFiles) { + // Skip already minified files, type definition, and map files + if (file.endsWith('.min.js') || file.endsWith('.d.ts') || file.endsWith('.map')) continue; + + const content = fs.readFileSync(file, 'utf8'); + const result = await terser.minify(content, { + compress: true, + mangle: true + }); + + const outputPath = createOutputPath(file, '.', config.js.outputExt); + ensureDirectoryExistence(outputPath); + fs.writeFileSync(outputPath, result.code); + console.log(`✓ Minified: ${file} -> ${outputPath}`); + } +} + +// Minify CSS files +function minifyCSS() { + console.log('Minifying CSS files...'); + const files = glob.sync(config.css.src, { ignore: config.css.exclude }); + + for (const file of files) { + if (file.endsWith('.min.css')) continue; + + const content = fs.readFileSync(file, 'utf8'); + const result = csso.minify(content); + + const outputPath = createOutputPath(file, '.', config.css.outputExt); + ensureDirectoryExistence(outputPath); + fs.writeFileSync(outputPath, result.css); + console.log(`✓ Minified: ${file} -> ${outputPath}`); + } +} + +// Minify JSON files +function minifyJSON() { + console.log('Minifying JSON files...'); + const files = glob.sync(config.json.src); + + for (const file of files) { + const content = fs.readFileSync(file, 'utf8'); + const jsonData = JSON.parse(content); + const minified = JSON.stringify(jsonData); + + const outputPath = createOutputPath(file, '.'); + ensureDirectoryExistence(outputPath); + fs.writeFileSync(outputPath, minified); + console.log(`✓ Minified: ${file} -> ${outputPath}`); + } +} + +// Minify HTML files +function minifyHTML() { + console.log('Minifying HTML files...'); + const files = glob.sync(config.html.src); + + for (const file of files) { + let content = fs.readFileSync(file, 'utf8'); + + // Minify HTML + const minified = htmlmin.minify(content, { + collapseWhitespace: true, + removeComments: true, + minifyJS: true, + minifyCSS: true, + removeRedundantAttributes: true, + removeEmptyAttributes: true, + removeOptionalTags: true + }); + + const outputPath = createOutputPath(file, '.'); + ensureDirectoryExistence(outputPath); + fs.writeFileSync(outputPath, minified); + console.log(`✓ Minified: ${file} -> ${outputPath}`); + } +} + +// Copy images +function copyImages() { + console.log('Copying images...'); + const files = glob.sync(config.images.src); + + for (const file of files) { + const outputPath = createOutputPath(file, '.'); + ensureDirectoryExistence(outputPath); + fs.copyFileSync(file, outputPath); + console.log(`✓ Copied: ${file} -> ${outputPath}`); + } +} + +// Copy other files like README.md +function copyMiscFiles() { + console.log('Copying miscellaneous files...'); + const filesToCopy = [ + 'README.md', + 'package.json', + 'package-lock.json' + ]; + + for (const file of filesToCopy) { + if (fs.existsSync(file)) { + const outputPath = path.join('public', file); + fs.copyFileSync(file, outputPath); + console.log(`✓ Copied: ${file} -> ${outputPath}`); + } + } +} + +// Update all file references in all files +function updateAllReferences() { + console.log('Updating file references in all files...'); + + // Get all files that might contain references + const files = glob.sync(config.allFiles.src); + + // Create a list of file mappings (original to minified) + const jsFiles = [ + ...glob.sync(config.rootJs.src, { ignore: config.rootJs.exclude }), + ...glob.sync(config.js.src, { ignore: config.js.exclude }) + ] + .filter(file => !file.endsWith('.min.js') && !file.endsWith('.d.ts') && !file.endsWith('.map') && file !== 'build.js'); + + const cssFiles = glob.sync(config.css.src, { ignore: config.css.exclude }) + .filter(file => !file.endsWith('.min.css')); + + for (const targetFile of files) { + // Skip build.js + if (targetFile === 'build.js') continue; + + // Skip files that likely don't have references or are already processed + if (targetFile.endsWith('.min.js') || targetFile.endsWith('.d.ts') || + targetFile.endsWith('.map') || targetFile.endsWith('.min.css')) continue; + + let content = fs.readFileSync(targetFile, 'utf8'); + let modified = false; + + // Replace JS file references + for (const jsFile of jsFiles) { + // Get different forms of the path for replacement + const normalizedPath = jsFile.replace(/\\/g, '/'); // Convert backslashes to forward slashes + const relativePath = './' + normalizedPath; // With leading ./ + const plainPath = normalizedPath; // Without leading ./ + const fileNameOnly = path.basename(normalizedPath); // Just the filename + + // Create minified versions of each path form + const normalizedPathMin = normalizedPath.replace('.js', '.min.js'); + const relativePathMin = relativePath.replace('.js', '.min.js'); + const plainPathMin = plainPath.replace('.js', '.min.js'); + const fileNameOnlyMin = fileNameOnly.replace('.js', '.min.js'); + + // Attempt different path styles replacements + if (content.includes(relativePath)) { + content = content.replace(new RegExp(escapeRegExp(relativePath), 'g'), relativePathMin); + modified = true; + } + if (content.includes(plainPath)) { + content = content.replace(new RegExp(escapeRegExp(plainPath), 'g'), plainPathMin); + modified = true; + } + if (content.includes(fileNameOnly) && fileNameOnly !== 'index.js') { // Be careful with just filenames + content = content.replace(new RegExp(`(['"\\s])${escapeRegExp(fileNameOnly)}(['"\\s])`, 'g'), + `$1${fileNameOnlyMin}$2`); + modified = true; + } + } + + // Replace CSS file references + for (const cssFile of cssFiles) { + const normalizedPath = cssFile.replace(/\\/g, '/'); + const relativePath = './' + normalizedPath; + const plainPath = normalizedPath; + const fileNameOnly = path.basename(normalizedPath); + + const normalizedPathMin = normalizedPath.replace('.css', '.min.css'); + const relativePathMin = relativePath.replace('.css', '.min.css'); + const plainPathMin = plainPath.replace('.css', '.min.css'); + const fileNameOnlyMin = fileNameOnly.replace('.css', '.min.css'); + + if (content.includes(relativePath)) { + content = content.replace(new RegExp(escapeRegExp(relativePath), 'g'), relativePathMin); + modified = true; + } + if (content.includes(plainPath)) { + content = content.replace(new RegExp(escapeRegExp(plainPath), 'g'), plainPathMin); + modified = true; + } + if (content.includes(fileNameOnly) && fileNameOnly !== 'styles.css') { // Be careful with just filenames + content = content.replace(new RegExp(`(['"\\s])${escapeRegExp(fileNameOnly)}(['"\\s])`, 'g'), + `$1${fileNameOnlyMin}$2`); + modified = true; + } + } + + if (modified) { + // Write updated content to the public version + const outputPath = createOutputPath(targetFile, '.', + targetFile.endsWith('.js') ? config.js.outputExt : + targetFile.endsWith('.css') ? config.css.outputExt : null); + fs.writeFileSync(outputPath, content); + console.log(`✓ Updated references in: ${outputPath}`); + } + } +} + +// Helper function to escape special characters in a string for use in RegExp +function escapeRegExp(string) { + return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); +} + +// Main function +async function build() { + console.log('Starting build process...'); + + cleanPublicDir(); + await minifyJS(); + minifyCSS(); + minifyJSON(); + minifyHTML(); + copyImages(); + copyMiscFiles(); + updateAllReferences(); + + console.log('Build completed successfully!'); +} + +// Run the build +build().catch(err => { + console.error('Build failed:', err); + process.exit(1); +}); \ No newline at end of file diff --git a/debug/debug-app-js.js b/debug/debug-app-js.js new file mode 100644 index 0000000..fe38cd6 --- /dev/null +++ b/debug/debug-app-js.js @@ -0,0 +1,7 @@ +const { debugAppJsOnly } = require('./build.js'); + +// Run only the app.js debug procedure +debugAppJsOnly().catch(err => { + console.error('Debug process failed:', err); + process.exit(1); +}); \ No newline at end of file