@m00rl0ck/simple-builder 1.1.2 → 1.1.4

package/README.md

@@ -0,0 +1,141 @@
+# ⚡ Simple Builder
+
+> Zero-deps JavaScript bundler. Fast, minimal, under your control.
+
+---
+
+## 🤔 Why?
+
+Modern tools like Webpack and Vite are powerful… but often **overkill**.
+
+* Too many dependencies
+* Hard to understand what’s going on
+* Configs become a mess
+
+**Simple Builder** exists for one reason:
+
+> Give you a bundler you actually understand.
+
+---
+
+## 🚀 Features
+
+* ⚡ Zero dependencies
+* 📦 ES Modules support
+* 🔥 Super fast builds
+* 🧠 Simple and predictable behavior
+* 🪶 Lightweight (no bloat)
+
+---
+
+## 📦 Installation
+
+```bash
+npm install simple-builder
+```
+
+---
+
+## ⚙️ Usage
+
+```bash
+simple-builder build
+```
+
+Or with config:
+
+```js
+import { build } from 'simple-builder';
+
+build({
+  entry: './src/app.js',
+  output: './dist/bundle.js'
+});
+```
+
+---
+
+## 🧩 Example
+
+```js
+// app.js
+import { hello } from './hello.js';
+
+hello();
+```
+
+👉 Run build → get a single bundled file.
+
+---
+
+## 😎 Why choose Simple Builder?
+
+| Feature            | Simple Builder | Webpack | Vite |
+| ------------------ | -------------- | ------- | ---- |
+| Zero deps          | ✅              | ❌       | ❌    |
+| Easy to understand | ✅              | ❌       | ⚠️   |
+| Minimal config     | ✅              | ❌       | ✅    |
+| Full control       | ✅              | ⚠️      | ⚠️   |
+
+---
+
+## 💡 Philosophy
+
+* No magic
+* No hidden behavior
+* Just JavaScript
+
+---
+
+## 🔥 Pro Version
+
+Want more power?
+
+### 👉 Simple Builder Pro includes:
+
+* 👀 Watch mode
+* ⚡ Advanced caching
+* 🔌 Plugin system
+* 🗜 Built-in minifier
+* 🚀 Production optimizations
+
+---
+
+## 💳 Get Pro
+
+Unlock all features and speed up your workflow:
+
+👉 Get access to Pro version
+
+(coming soon)
+
+---
+
+## 🛣 Roadmap
+
+* [ ] Watch mode
+* [ ] Plugin API
+* [ ] Minifier
+* [ ] Dev server improvements
+
+---
+
+## 🤝 Contributing
+
+PRs are welcome. Keep it simple.
+
+---
+
+## ⭐ Support
+
+If you like this project:
+
+* Star the repo
+* Share it
+* Use it in your projects
+
+---
+
+## 🧠 Final thought
+
+> Tools should work for you, not the other way around.

package/bundler.js

@@ -7,17 +7,33 @@ let ID = 0;
 // 🔍 FIND IMPORTS
 // ======================
 function getImports(code) {
-  const regex = /import\s+{([^}]+)}\s+from\s+['"](.+?)['"]/g;
+  // Named imports: import { X, Y } from 'z'
+  const namedRegex = /import\s+{([^}]+)}\s+from\s+['"](.+?)['"]/g;
+  // Default imports: import X from 'y'
+  const defaultRegex = /import\s+(\w+)\s+from\s+['"](.+?)['"]/g;
+
   const imports = [];
   let match;
 
-  while ((match = regex.exec(code))) {
+  while ((match = namedRegex.exec(code))) {
     imports.push({
+      type: 'named',
       names: match[1].split(',').map(s => s.trim()),
       path: match[2]
     });
   }
 
+  while ((match = defaultRegex.exec(code))) {
+    // Skip if already matched by namedRegex
+    const already = imports.some(i => i.type === 'named' && i.path === match[2]);
+    if (already) continue;
+    imports.push({
+      type: 'default',
+      name: match[1],
+      path: match[2]
+    });
+  }
+
   return imports;
 }
 
@@ -45,12 +61,19 @@ function transform(code) {
     });
 
   // 3. import → require
-  code = code.replace(
-    /import\s+{([^}]+)}\s+from\s+['"](.+?)['"]/g,
-    (match, names, path) => {
-      return `const { ${names} } = require('${path}')`;
-    }
-  );
+  code = code
+    .replace(
+      /import\s+{([^}]+)}\s+from\s+['"](.+?)['"]/g,
+      (match, names, path) => {
+        return `const { ${names} } = require('${path}')`;
+      }
+    )
+    .replace(
+      /import\s+(\w+)\s+from\s+['"](.+?)['"]/g,
+      (match, name, path) => {
+        return `const ${name} = require('${path}')`;
+      }
+    );
 
   // 4. додаємо exports
   if (exports.length) {
@@ -148,4 +171,4 @@ ${mod.id}: [
   require(${entryModule.id});
 })({${modulesCode}});
 `;
-}
+}

package/dev-server.js

@@ -71,6 +71,7 @@ function serveFile(req, res) {
   res.writeHead(200, { 'Content-Type': contentType });
   res.end(content);
 }
+
 // ======================
 // 🔁 RELOAD CHANNEL (SSE)
 // ======================
@@ -111,7 +112,7 @@ const server = http.createServer((req, res) => {
 // ▶️ START
 // ======================
 
-function runServer({ isProd }) {
+function runServer({ isProd } = {}) {
   const watch = !isProd;
 
   build({ watch, isProd });
@@ -121,4 +122,4 @@ function runServer({ isProd }) {
   });
 }
 
-export { build, runServer };
+export { build, runServer };

package/index.js

@@ -12,10 +12,21 @@ const ROOT = process.cwd();
 const SRC_DIR = path.join(ROOT, 'src');
 const DIST_DIR = path.join(ROOT, 'dist');
 
-const ENTRY = path.join(SRC_DIR, `index.js`);
+function resolveEntry() {
+  const envPath = path.join(ROOT, 'env.js');
+  if (fs.existsSync(envPath)) {
+    const envCode = fs.readFileSync(envPath, 'utf-8');
+    const match = envCode.match(/IN_POINT\s*=\s*["']([^"']+)["']/);
+    if (match) {
+      return path.join(SRC_DIR, `${match[1]}.js`);
+    }
+  }
+  return path.join(SRC_DIR, 'index.js');
+}
+
+const ENTRY = resolveEntry();
 const HTML_INPUT = path.join(SRC_DIR, 'index.html');
 const HTML_OUTPUT = path.join(DIST_DIR, 'index.html');
-const isWatch = process.argv.includes('--watch');
 
 // ======================
 // 🧹 UTILS
@@ -37,12 +48,10 @@ function cleanDist() {
 // 📦 BUILD JS
 // ======================
 function buildJS(isProd) {
-  const files = fs.readdirSync(SRC_DIR).filter(f => f.endsWith('.js'));
+  const bundle_result = bundle(ENTRY);
+  const result = isProd ? minifyJS(bundle_result) : bundle_result;
 
-    const bundle_result = bundle('./src/app.js');
-    const result = isProd ? minifyJS(bundle_result) : bundle_result;
-
-    fs.writeFileSync('./dist/bundle.min.js', result);
+  fs.writeFileSync('./dist/bundle.min.js', result);
 }
 
 function buildCSS(isProd) {
@@ -74,10 +83,10 @@ function buildHTML(isProd) {
   let html = fs.readFileSync(HTML_INPUT, 'utf-8');
 
   if (isProd) {
-    // JS
-    html = html.replace(/src="(.+?)\.js"/g, (match, p1) => {
+    // JS — видаляємо type="module" та замінюємо src на bundle
+    html = html.replace(/<script[^>]*src="(.+?)\.js"[^>]*><\/script>/g, (match, p1) => {
       if (p1.endsWith('.min')) return match;
-      return `src="bundle.min.js"`;
+      return `<script src="bundle.min.js"></script>`;
     });
 
     // CSS
@@ -99,34 +108,41 @@ function buildHTML(isProd) {
 function watchBuild() {
   console.log('👀 Watch mode ON...\n');
 
+  // First build
+  buildTask(false);
+
+  // Then watch
   fs.watch(SRC_DIR, { recursive: true }, (eventType, filename) => {
     console.log(`🔄 File changed: ${filename}`);
-    build();
-  });
-
-  fs.watch(HTML_INPUT, () => {
-    console.log(`🔄 HTML changed`);
-    build();
+    buildTask(false);
   });
 }
 
 // ======================
-// 🚀 BUILD
+// 🚀 BUILD TASK
 // ======================
 
-export function build({ watch, isProd }) {
-  if (!!watch) {
-    return watchBuild();
-  }
-
+function buildTask(isProd) {
   console.log(`\n🚀 Build started (${isProd ? 'production' : 'development'})`);
 
   cleanDist();
   ensureDir(DIST_DIR);
 
   buildJS(isProd);
-  buildCSS(isProd); 
+  buildCSS(isProd);
   buildHTML(isProd);
 
   console.log(`🎉 Build finished\n`);
 }
+
+// ======================
+// 🚀 BUILD (public API)
+// ======================
+
+export function build({ watch, isProd } = {}) {
+  if (watch) {
+    return watchBuild();
+  }
+
+  buildTask(isProd);
+}

package/minify-css.js

@@ -13,4 +13,4 @@ export function minifyCSS(code) {
     .replace(/;}/g, '}')
 
     .trim();
-}
+}

package/minify-js.js

@@ -132,4 +132,4 @@ export function minifyJS(code) {
   }
 
   return out.trim();
-}
+}

package/package.json

@@ -1,20 +1,25 @@
 {
   "name": "@m00rl0ck/simple-builder",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "description": "Zero-dependency JS and CSS bundler with dev server and minifier",
-  "change-logs": {
-   "1.1.1": "Fix: small bugs",
-   "1.1.2": "Fix: ternary console.log"
+  "changelog": {
+    "1.1.1": "Fix: small bugs",
+    "1.1.2": "Fix: ternary console.log",
+    "1.1.3": "Fix: crash on build() without args, unused vars, hardcoded entry, watchBuild initial build, default imports support"
   },
   "type": "module",
   "main": "index.js",
   "bin": {
-    "simple-builder": "./bin/cli.js"
-  },
-  "scripts": {
-    "dev": "node dev-server.js",
-    "build": "node bundler.js"
+    "simple-builder": "bin/cli.js"
   },
+  "files": [
+    "bundler.js",
+    "dev-server.js",
+    "index.js",
+    "minify-js.js",
+    "minify-css.js",
+    "bin/cli.js"
+  ],
   "keywords": [
     "bundler",
     "javascript",
@@ -22,13 +27,6 @@
     "zero-deps",
     "minifier"
   ],
-  "author": "m00rlIOck",
-  "license": "MIT",
-  "files": [
-    "bundler.js",
-    "dev-server.js",
-    "index.js",
-    "minify-js.js",
-    "minify-css.js"
-  ]
-}
+  "author": "m00rl0ck",
+  "license": "MIT"
+}