@blocofy/cli 0.1.5 → 0.1.6

package/bin/blocofy.mjs

@@ -19,7 +19,7 @@ import { fetchDevSession, pullTheme, pushTheme } from "../lib/theme-sync.mjs";
 import { hyperlink, openUrl } from "../lib/term.mjs";
 import { isValidToken, isValidUrl, normalizeUrl } from "../lib/validate.mjs";
 
-const VERSION = "0.1.5";
+const VERSION = "0.1.6";
 const args = process.argv.slice(2);
 
 /** Parse `--key value` and `--flag` (boolean) arguments. */

package/lib/dev-server.mjs

@@ -1,9 +1,10 @@
 import { createServer } from "node:http";
-import { existsSync, readFileSync, statSync, watch } from "node:fs";
+import { existsSync, readFileSync, readdirSync, statSync } from "node:fs";
 import { join, normalize, sep } from "node:path";
 
 import {
   LIVERELOAD_PATH,
+  THEME_DIRS,
   contentTypeFor,
   injectLivereload,
   readLocalTemplates,
@@ -127,27 +128,82 @@ export function startDevServer({ dir, url, token, port, syncDraft = false, onErr
 }
 
 /**
- * Watch `dir`; if recursive watching is unsupported (older Node/Linux), fall back to
- * a non-recursive watch. Calls `onChange` debounced. Returns null if unwatchable
- * (livereload disabled).
+ * Recursively snapshot theme-file mtimes → Map(relPath → mtimeMs). Only descends
+ * into THEME_DIRS at the top level, so node_modules / .git / build tooling don't
+ * bloat the scan. Used by the polling watcher.
  */
-function startWatch(dir, onChange) {
+function snapshot(dir) {
+  const map = new Map();
+  const walk = (current, rel) => {
+    let entries;
+    try {
+      entries = readdirSync(current, { withFileTypes: true });
+    } catch {
+      return;
+    }
+    for (const entry of entries) {
+      if (!rel && !THEME_DIRS.has(entry.name)) continue; // top level: theme dirs only
+      const childRel = rel ? `${rel}/${entry.name}` : entry.name;
+      const full = join(current, entry.name);
+      if (entry.isDirectory()) {
+        walk(full, childRel);
+      } else {
+        try {
+          map.set(childRel, statSync(full).mtimeMs);
+        } catch {
+          /* dosya kayboldu (atomik kaydetme yarış) — sonraki tarama yakalar */
+        }
+      }
+    }
+  };
+  walk(dir, "");
+  return map;
+}
+
+/**
+ * Watch `dir` by polling theme-file mtimes (default 300ms). fs.watch yerine polling:
+ * editörün kaydetme şekli (yerinde/atomik), dosya sistemi ve `recursive` desteği
+ * olmayan Node build'lerinden bağımsız çalışır — kaybolan event yok. Değişen/eklenen/
+ * silinen ilk dosyanın yolunu `onChange`'e geçirir (debounce'lu). `.close()` döner.
+ */
+function startWatch(dir, onChange, intervalMs = 300) {
+  let prev = snapshot(dir);
   let timer = null;
   let lastFile = null;
-  const fire = (_event, filename) => {
-    if (filename) lastFile = String(filename).split(sep).join("/");
+  const fire = (file) => {
+    if (file) lastFile = file;
     if (timer) clearTimeout(timer);
-    timer = setTimeout(() => onChange(lastFile), 120);
+    timer = setTimeout(() => onChange(lastFile), 80);
   };
-  try {
-    return watch(dir, { recursive: true }, fire);
-  } catch {
-    try {
-      return watch(dir, fire);
-    } catch {
-      return null;
+  const tick = () => {
+    const cur = snapshot(dir);
+    let changed = null;
+    for (const [key, mtime] of cur) {
+      const before = prev.get(key);
+      if (before === undefined || before !== mtime) {
+        changed = key;
+        break;
+      }
     }
-  }
+    if (!changed) {
+      for (const key of prev.keys()) {
+        if (!cur.has(key)) {
+          changed = key;
+          break;
+        }
+      }
+    }
+    prev = cur;
+    if (changed) fire(changed);
+  };
+  const interval = setInterval(tick, intervalMs);
+  if (interval.unref) interval.unref();
+  return {
+    close() {
+      clearInterval(interval);
+      if (timer) clearTimeout(timer);
+    },
+  };
 }
 
 /** Map a `/asset/*` path to a disk file (path-traversal safe); null if missing. */

package/lib/local-theme.mjs

@@ -7,7 +7,7 @@ import { extname, join, relative, sep } from "node:path";
  * THEME_DIRS, keyed by relative path with the `.liquid` extension stripped.
  */
 
-const THEME_DIRS = new Set(["layout", "section", "block", "partial", "asset", "template"]);
+export const THEME_DIRS = new Set(["layout", "section", "block", "partial", "asset", "template"]);
 const LIQUID_KINDS = new Set(["layout", "section", "block", "partial", "template"]);
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocofy/cli",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "Develop your Blocofy theme locally against live data with instant preview — login, theme dev, pull, push.",
   "type": "module",
   "license": "MIT",