@m00rl0ck/simple-builder 1.0.0

package/bundler.js

@@ -0,0 +1,151 @@
+import fs from 'fs';
+import path from 'path';
+
+let ID = 0;
+
+// ======================
+// 🔍 FIND IMPORTS
+// ======================
+function getImports(code) {
+  const regex = /import\s+{([^}]+)}\s+from\s+['"](.+?)['"]/g;
+  const imports = [];
+  let match;
+
+  while ((match = regex.exec(code))) {
+    imports.push({
+      names: match[1].split(',').map(s => s.trim()),
+      path: match[2]
+    });
+  }
+
+  return imports;
+}
+
+// ======================
+// 🔄 TRANSFORM CODE
+// ======================
+function transform(code) {
+  const exports = [];
+
+  // 1. ЗНАХОДИМО export-и
+  const exportRegex = /export\s+(?:const|function)\s+(\w+)/g;
+  let m;
+
+  while ((m = exportRegex.exec(code))) {
+    exports.push(m[1]);
+  }
+
+  // 2. ПРИБИРАЄМО export
+  code = code
+    .replace(/export const (\w+)\s*=/g, (m, name) => {
+      return `const ${name} =`;
+    })
+    .replace(/export function (\w+)/g, (m, name) => {
+      return `function ${name}`;
+    });
+
+  // 3. import → require
+  code = code.replace(
+    /import\s+{([^}]+)}\s+from\s+['"](.+?)['"]/g,
+    (match, names, path) => {
+      return `const { ${names} } = require('${path}')`;
+    }
+  );
+
+  // 4. додаємо exports
+  if (exports.length) {
+    code += `\nmodule.exports = { ${exports.join(', ')} };`;
+  }
+
+  return code;
+}
+
+// ======================
+// 🧱 CREATE MODULE
+// ======================
+function createModule(filePath, modulesCache) {
+  const absPath = path.resolve(filePath);
+
+  if (modulesCache[absPath]) {
+    return modulesCache[absPath];
+  }
+
+  const code = fs.readFileSync(absPath, 'utf-8');
+  const imports = getImports(code);
+
+  const id = ID++;
+
+  const mapping = {};
+
+  const dirname = path.dirname(absPath);
+
+  const module = {
+    id,
+    filePath: absPath,
+    code: '',
+    mapping
+  };
+
+  modulesCache[absPath] = module;
+
+  imports.forEach(imp => {
+    const childPath = path.join(dirname, imp.path);
+    const child = createModule(childPath, modulesCache);
+    mapping[imp.path] = child.id;
+  });
+
+  module.code = transform(code, mapping);
+
+  return module;
+}
+
+// ======================
+// 📦 BUNDLE
+// ======================
+export function bundle(entry) {
+  ID = 0;
+
+  const modulesCache = {};
+
+  const entryModule = createModule(entry, modulesCache);
+
+  const modules = Object.values(modulesCache);
+
+  const modulesCode = modules.map(mod => {
+    return `
+${mod.id}: [
+  function(require, module, exports) {
+    ${mod.code}
+  },
+  ${JSON.stringify(mod.mapping)}
+]
+`;
+  }).join(',');
+
+  return `
+(function(modules){
+  const cache = {};
+
+  function require(id){
+    if (cache[id]) {
+      return cache[id].exports;
+    }
+
+    const [fn, mapping] = modules[id];
+
+    function localRequire(name){
+      return require(mapping[name]);
+    }
+
+    const module = { exports: {} };
+    cache[id] = module;
+
+    fn(localRequire, module, module.exports);
+
+    return module.exports;
+  }
+
+  require(${entryModule.id});
+})({${modulesCode}});
+`;
+}

package/dev-server.js

@@ -0,0 +1,134 @@
+import http from 'http';
+import fs from 'fs';
+import path from 'path';
+import { build } from './index.js';
+
+const PORT = 3000;
+const ROOT = process.cwd();
+const DIST_DIR = path.join(ROOT, 'dist');
+
+let clients = [];
+
+// ======================
+// 📡 MIME TYPES
+// ======================
+
+const MIME = {
+  '.html': 'text/html',
+  '.js': 'text/javascript',
+  '.css': 'text/css',
+  '.json': 'application/json',
+  '.png': 'image/png',
+  '.jpg': 'image/jpeg',
+  '.svg': 'image/svg+xml'
+};
+
+// ======================
+// 🔄 LIVE RELOAD SCRIPT
+// ======================
+
+function injectReload(html) {
+  return html.replace(
+    '</body>',
+    `
+<script>
+const es = new EventSource('/__reload');
+es.onmessage = () => location.reload();
+</script>
+</body>`
+  );
+}
+
+// ======================
+// 📂 STATIC SERVER
+// ======================
+
+function serveFile(req, res) {
+  let filePath = path.join(DIST_DIR, req.url === '/' ? 'index.html' : req.url);
+
+  const exists = fs.existsSync(filePath);
+  const ext = path.extname(filePath);
+
+  // 👉 якщо файл не існує
+  if (!exists) {
+    // SPA fallback тільки для HTML запитів
+    if (req.headers.accept && req.headers.accept.includes('text/html')) {
+      filePath = path.join(DIST_DIR, 'index.html');
+    } else {
+      res.writeHead(404);
+      return res.end('Not found');
+    }
+  }
+
+  const contentType = MIME[ext] || 'text/plain';
+
+  let content = fs.readFileSync(filePath);
+
+  if (ext === '.html') {
+    content = injectReload(content.toString());
+  }
+
+  res.writeHead(200, { 'Content-Type': contentType });
+  res.end(content);
+}
+// ======================
+// 🔁 RELOAD CHANNEL (SSE)
+// ======================
+
+function handleReload(req, res) {
+  res.writeHead(200, {
+    'Content-Type': 'text/event-stream',
+    'Cache-Control': 'no-cache',
+    'Connection': 'keep-alive'
+  });
+
+  clients.push(res);
+
+  req.on('close', () => {
+    clients = clients.filter(c => c !== res);
+  });
+}
+
+function triggerReload() {
+  clients.forEach(res => {
+    res.write('data: reload\n\n');
+  });
+}
+
+// ======================
+// 👀 WATCH
+// ======================
+
+function watch() {
+  const SRC_DIR = path.join(ROOT, 'src');
+
+  build(); 
+
+  fs.watch(SRC_DIR, { recursive: true }, () => {
+    console.log('🔄 Rebuilding...');
+    build();
+    triggerReload();
+  });
+}
+
+// ======================
+// 🚀 SERVER
+// ======================
+
+const server = http.createServer((req, res) => {
+  if (req.url === '/__reload') {
+    return handleReload(req, res);
+  }
+
+  serveFile(req, res);
+});
+
+// ======================
+// ▶️ START
+// ======================
+
+watch();
+
+server.listen(PORT, () => {
+  console.log(`\n🚀 Dev server running: http://localhost:${PORT}\n`);
+});

package/index.js

@@ -0,0 +1,135 @@
+import fs from 'fs';
+import path from 'path';
+import { IN_POINT, NODE_ENV } from '../../env.js';
+import { minifyJS } from './minify.js';
+import { minifyCSS } from './minify-css.js';
+import { bundle } from './bundler.js';
+
+// ======================
+// ⚙️ CONFIG
+// ======================
+
+const ROOT = process.cwd();
+const SRC_DIR = path.join(ROOT, 'src');
+const DIST_DIR = path.join(ROOT, 'dist');
+
+const ENTRY = path.join(SRC_DIR, `${IN_POINT}.js`);
+const HTML_INPUT = path.join(SRC_DIR, 'index.html');
+const HTML_OUTPUT = path.join(DIST_DIR, 'index.html');
+
+const isProd = NODE_ENV === 'production';
+const isWatch = process.argv.includes('--watch');
+
+// ======================
+// 🧹 UTILS
+// ======================
+
+function ensureDir(dir) {
+  if (!fs.existsSync(dir)) {
+    fs.mkdirSync(dir, { recursive: true });
+  }
+}
+
+function cleanDist() {
+  if (fs.existsSync(DIST_DIR)) {
+    fs.rmSync(DIST_DIR, { recursive: true, force: true });
+  }
+}
+
+// ======================
+// 📦 BUILD JS
+// ======================
+function buildJS() {
+  const files = fs.readdirSync(SRC_DIR).filter(f => f.endsWith('.js'));
+
+    const bundle_result = bundle('./src/app.js');
+    const result = isProd ? minifyJS(bundle_result) : bundle_result;
+
+    fs.writeFileSync('./dist/bundle.min.js', result);
+}
+
+function buildCSS() {
+  const files = fs.readdirSync(SRC_DIR).filter(f => f.endsWith('.css'));
+
+  files.forEach(file => {
+    const inputPath = path.join(SRC_DIR, file);
+    const code = fs.readFileSync(inputPath, 'utf-8');
+
+    const outputName = isProd
+      ? file.replace('.css', '.min.css')
+      : file;
+
+    const outputPath = path.join(DIST_DIR, outputName);
+
+    const result = isProd ? minifyCSS(code) : code;
+
+    fs.writeFileSync(outputPath, result);
+
+    console.log(`🎨 CSS built: ${outputName}`);
+  });
+}
+
+// ======================
+// 🌐 BUILD HTML
+// ======================
+
+function buildHTML() {
+  let html = fs.readFileSync(HTML_INPUT, 'utf-8');
+
+  if (isProd) {
+    // JS
+    html = html.replace(/src="(.+?)\.js"/g, (match, p1) => {
+      if (p1.endsWith('.min')) return match;
+      return `src="bundle.min.js"`;
+    });
+
+    // CSS
+    html = html.replace(/href="(.+?)\.css"/g, (match, p1) => {
+      if (p1.endsWith('.min')) return match;
+      return `href="${p1}.min.css"`;
+    });
+  }
+
+  fs.writeFileSync(HTML_OUTPUT, html);
+
+  console.log(`✅ HTML built`);
+}
+
+// ======================
+// 👀 WATCH MODE
+// ======================
+
+function watch() {
+  console.log('👀 Watch mode ON...\n');
+
+  fs.watch(SRC_DIR, { recursive: true }, (eventType, filename) => {
+    console.log(`🔄 File changed: ${filename}`);
+    build();
+  });
+
+  fs.watch(HTML_INPUT, () => {
+    console.log(`🔄 HTML changed`);
+    build();
+  });
+}
+
+// ======================
+// 🚀 BUILD
+// ======================
+
+export function build() {
+  console.log(`\n🚀 Build started (${isProd ? 'production' : 'development'})`);
+
+  cleanDist();
+  ensureDir(DIST_DIR);
+
+  buildJS();
+  buildCSS(); // 👈 ДОДАЛИ
+  buildHTML();
+
+  console.log(`🎉 Build finished\n`);
+}
+
+if (isWatch) {
+  watch();
+}

package/minify-css.js

@@ -0,0 +1,16 @@
+export function minifyCSS(code) {
+  return code
+    // remove comments
+    .replace(/\/\*[\s\S]*?\*\//g, '')
+
+    // remove whitespace
+    .replace(/\s+/g, ' ')
+
+    // remove space around symbols
+    .replace(/\s*([{}:;,>])\s*/g, '$1')
+
+    // remove last semicolon
+    .replace(/;}/g, '}')
+
+    .trim();
+}

package/minify.js

@@ -0,0 +1,135 @@
+export function minifyJS(code) {
+  let out = '';
+  let i = 0;
+
+  let inString = false;
+  let stringChar = '';
+  let inTemplate = false;
+  let inRegex = false;
+  let inSingleComment = false;
+  let inMultiComment = false;
+
+  while (i < code.length) {
+    const c = code[i];
+    const next = code[i + 1];
+
+    // ======================
+    // COMMENTS
+    // ======================
+
+    if (inSingleComment) {
+      if (c === '\n') {
+        inSingleComment = false;
+      }
+      i++;
+      continue;
+    }
+
+    if (inMultiComment) {
+      if (c === '*' && next === '/') {
+        inMultiComment = false;
+        i += 2;
+      } else {
+        i++;
+      }
+      continue;
+    }
+
+    if (!inString && !inTemplate && !inRegex) {
+      if (c === '/' && next === '/') {
+        inSingleComment = true;
+        i += 2;
+        continue;
+      }
+
+      if (c === '/' && next === '*') {
+        inMultiComment = true;
+        i += 2;
+        continue;
+      }
+    }
+
+    // ======================
+    // STRINGS
+    // ======================
+
+    if (!inTemplate && !inRegex && (c === '"' || c === "'")) {
+      if (inString && c === stringChar && code[i - 1] !== '\\') {
+        inString = false;
+      } else if (!inString) {
+        inString = true;
+        stringChar = c;
+      }
+      out += c;
+      i++;
+      continue;
+    }
+
+    // ======================
+    // TEMPLATE
+    // ======================
+
+    if (!inString && !inRegex && c === '`') {
+      inTemplate = !inTemplate;
+      out += c;
+      i++;
+      continue;
+    }
+
+    // ======================
+    // REGEX (simplified)
+    // ======================
+
+    if (!inString && !inTemplate && c === '/' && !inRegex) {
+      // naive check: після ( або = або : або , → regex
+      const prev = out.trim().slice(-1);
+      if (!prev || '({[=,:;!&|?'.includes(prev)) {
+        inRegex = true;
+        out += c;
+        i++;
+        continue;
+      }
+    }
+
+    if (inRegex) {
+      if (c === '/' && code[i - 1] !== '\\') {
+        inRegex = false;
+      }
+      out += c;
+      i++;
+      continue;
+    }
+
+    // ======================
+    // WHITESPACE
+    // ======================
+
+    if (!inString && !inTemplate && !inRegex) {
+      if (/\s/.test(c)) {
+        const prev = out[out.length - 1];
+        const nextChar = code[i + 1];
+
+        // не додаємо зайві пробіли
+        if (
+          prev &&
+          /[a-zA-Z0-9_$]/.test(prev) &&
+          /[a-zA-Z0-9_$]/.test(nextChar)
+        ) {
+          out += ' ';
+        }
+
+        i++;
+        continue;
+      }
+    }
+
+    // ======================
+    // DEFAULT
+    // ======================
+
+    out += c;
+    i++;
+  }
+
+  return out.trim();
+}

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@m00rl0ck/simple-builder",
+  "version": "1.0.0",
+  "description": "Zero-dependency JS bundler with dev server and minifier",
+  "type": "module",
+  "main": "index.js",
+  "bin": {
+    "simple-builder": "./cli.js"
+  },
+  "scripts": {
+    "dev": "node dev-server.js",
+    "build": "node bundler.js"
+  },
+  "keywords": [
+    "bundler",
+    "javascript",
+    "build-tool",
+    "zero-deps",
+    "minifier"
+  ],
+  "author": "m00rlIOck",
+  "license": "MIT",
+  "files": [
+    "bundler.js",
+    "dev-server.js",
+    "index.js",
+    "minify.js",
+    "minify-css.js"
+  ]
+}