@fieldnotes/core 0.1.1 → 0.2.0

package/dist/index.cjs

@@ -22,6 +22,7 @@ var index_exports = {};
 __export(index_exports, {
   AddElementCommand: () => AddElementCommand,
   ArrowTool: () => ArrowTool,
+  AutoSave: () => AutoSave,
   Background: () => Background,
   BatchCommand: () => BatchCommand,
   Camera: () => Camera,
@@ -153,6 +154,65 @@ function migrateElement(obj) {
   }
 }
 
+// src/core/auto-save.ts
+var DEFAULT_KEY = "fieldnotes-autosave";
+var DEFAULT_DEBOUNCE_MS = 1e3;
+var AutoSave = class {
+  constructor(store, camera, options = {}) {
+    this.store = store;
+    this.camera = camera;
+    this.key = options.key ?? DEFAULT_KEY;
+    this.debounceMs = options.debounceMs ?? DEFAULT_DEBOUNCE_MS;
+  }
+  key;
+  debounceMs;
+  timerId = null;
+  unsubscribers = [];
+  start() {
+    const schedule = () => this.scheduleSave();
+    this.unsubscribers = [
+      this.store.on("add", schedule),
+      this.store.on("remove", schedule),
+      this.store.on("update", schedule),
+      this.camera.onChange(schedule)
+    ];
+  }
+  stop() {
+    this.cancelPending();
+    this.unsubscribers.forEach((fn) => fn());
+    this.unsubscribers = [];
+  }
+  load() {
+    if (typeof localStorage === "undefined") return null;
+    const json = localStorage.getItem(this.key);
+    if (!json) return null;
+    try {
+      return parseState(json);
+    } catch {
+      return null;
+    }
+  }
+  clear() {
+    if (typeof localStorage === "undefined") return;
+    localStorage.removeItem(this.key);
+  }
+  scheduleSave() {
+    this.cancelPending();
+    this.timerId = setTimeout(() => this.save(), this.debounceMs);
+  }
+  cancelPending() {
+    if (this.timerId !== null) {
+      clearTimeout(this.timerId);
+      this.timerId = null;
+    }
+  }
+  save() {
+    if (typeof localStorage === "undefined") return;
+    const state = exportState(this.store.snapshot(), this.camera);
+    localStorage.setItem(this.key, JSON.stringify(state));
+  }
+};
+
 // src/canvas/camera.ts
 var DEFAULT_MIN_ZOOM = 0.1;
 var DEFAULT_MAX_ZOOM = 10;
@@ -220,6 +280,7 @@ var Camera = class {
 };
 
 // src/canvas/background.ts
+var MIN_PATTERN_SPACING = 16;
 var DEFAULTS = {
   pattern: "dots",
   spacing: 24,
@@ -255,8 +316,15 @@ var Background = class {
     }
     ctx.restore();
   }
+  adaptSpacing(baseSpacing, zoom) {
+    let spacing = baseSpacing * zoom;
+    while (spacing < MIN_PATTERN_SPACING) {
+      spacing *= 2;
+    }
+    return spacing;
+  }
   renderDots(ctx, camera, width, height) {
-    const spacing = this.spacing * camera.zoom;
+    const spacing = this.adaptSpacing(this.spacing, camera.zoom);
     const offsetX = camera.position.x % spacing;
     const offsetY = camera.position.y % spacing;
     const radius = this.dotRadius * Math.min(camera.zoom, 2);
@@ -271,7 +339,7 @@ var Background = class {
     ctx.fill();
   }
   renderGrid(ctx, camera, width, height) {
-    const spacing = this.spacing * camera.zoom;
+    const spacing = this.adaptSpacing(this.spacing, camera.zoom);
     const offsetX = camera.position.x % spacing;
     const offsetY = camera.position.y % spacing;
     const lineW = this.lineWidth * Math.min(camera.zoom, 2);
@@ -2212,11 +2280,12 @@ var ImageTool = class {
 };
 
 // src/index.ts
-var VERSION = "0.1.0";
+var VERSION = "0.1.2";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AddElementCommand,
   ArrowTool,
+  AutoSave,
   Background,
   BatchCommand,
   Camera,