@fieldnotes/core 0.44.0 → 0.45.0

package/dist/index.d.cts

@@ -304,10 +304,17 @@ declare class LayerManager {
     private findFallbackLayer;
 }
 
+interface StorageAdapter {
+    load(key: string): Promise<string | null>;
+    save(key: string, value: string): Promise<void>;
+    clear(key: string): Promise<void>;
+}
+
 interface AutoSaveOptions {
     key?: string;
     debounceMs?: number;
     layerManager?: LayerManager;
+    adapter?: StorageAdapter;
     onError?: (error: Error) => void;
 }
 declare class AutoSave {
@@ -316,19 +323,52 @@ declare class AutoSave {
     private readonly key;
     private readonly debounceMs;
     private readonly layerManager?;
+    private readonly adapter;
     private timerId;
     private unsubscribers;
     private readonly onError?;
+    private saving;
+    private pendingSave;
     constructor(store: ElementStore, camera: Camera, options?: AutoSaveOptions);
     start(): void;
     stop(): void;
-    load(): CanvasState | null;
-    clear(): void;
+    load(): Promise<CanvasState | null>;
+    clear(): Promise<void>;
     private scheduleSave;
     private cancelPending;
     private save;
 }
 
+declare class MemoryAdapter implements StorageAdapter {
+    private store;
+    load(key: string): Promise<string | null>;
+    save(key: string, value: string): Promise<void>;
+    clear(key: string): Promise<void>;
+}
+
+declare class LocalStorageAdapter implements StorageAdapter {
+    load(key: string): Promise<string | null>;
+    save(key: string, value: string): Promise<void>;
+    clear(key: string): Promise<void>;
+}
+
+interface IndexedDBAdapterOptions {
+    dbName?: string;
+    storeName?: string;
+    indexedDB?: IDBFactory;
+}
+declare class IndexedDBAdapter implements StorageAdapter {
+    private readonly dbName;
+    private readonly storeName;
+    private readonly idb;
+    private dbPromise;
+    constructor(options?: IndexedDBAdapterOptions);
+    private open;
+    load(key: string): Promise<string | null>;
+    save(key: string, value: string): Promise<void>;
+    clear(key: string): Promise<void>;
+}
+
 type BackgroundPattern = 'dots' | 'grid' | 'none';
 interface BackgroundOptions {
     pattern?: BackgroundPattern;
@@ -1065,6 +1105,6 @@ declare class LaserTool implements Tool {
     private notifyOptionsChange;
 }
 
-declare const VERSION = "0.44.0";
+declare const VERSION = "0.45.0";
 
-export { type ActiveFormats, type AlignEdge, type ArrowElement, type ArrowStrokeStyle, ArrowTool, type ArrowToolOptions, AutoSave, type AutoSaveOptions, type BackgroundOptions, type BackgroundPattern, type Binding, type Bounds, Camera, type CameraChangeInfo, type CameraOptions, type CanvasElement, type CanvasState, type Command, DEFAULT_NOTE_FONT_SIZE, type DistributeAxis, ElementStore, type ElementStyle, type ElementType, type ElementUpdateEvent, EraserTool, type EraserToolOptions, type ExportImageOptions, type ExportSvgOptions, type FontSizePreset, type GridElement, type GridInfo, HandTool, type HexOrientation, HistoryStack, type HistoryStackOptions, type HtmlElement, type ImageElement, ImageTool, type ImageToolOptions, LaserTool, type LaserToolOptions, type Layer, LayerManager, MeasureTool, type MeasureToolOptions, type Measurement, type NoteElement, NoteTool, type NoteToolOptions, PencilTool, type PencilToolOptions, type Point, type PointerState, type RenderStatsSnapshot, SelectTool, type ShapeElement, type ShapeKind, ShapeTool, type ShapeToolOptions, type ShortcutBindings, type ShortcutOptions, type ShortcutsApi, type Size, type StrokeElement, type StrokePoint, type TemplateElement, type TemplateRenderStyle, type TemplateShape, TemplateTool, type TemplateToolOptions, type TextElement, TextTool, type TextToolOptions, type Tool, type ToolContext, ToolManager, type ToolName, VERSION, Viewport, type ViewportOptions, boundsIntersect, createArrow, createGrid, createHtmlElement, createImage, createNote, createShape, createStroke, createTemplate, createText, drawHexPath, exportImage, exportSvg, getActiveFormats, getArrowBounds, getArrowControlPoint, getArrowMidpoint, getArrowTangentAngle, getBendFromPoint, getElementBounds, getElementStyle, getElementsBoundingBox, getHexCellsInCone, getHexCellsInLine, getHexCellsInRadius, getHexCellsInSquare, getHexDistance, isNearBezier, setFontSize, smartSnap, snapPoint, snapToHexCenter, styleToPatch, toggleBold, toggleItalic, toggleStrikethrough, toggleUnderline };
+export { type ActiveFormats, type AlignEdge, type ArrowElement, type ArrowStrokeStyle, ArrowTool, type ArrowToolOptions, AutoSave, type AutoSaveOptions, type BackgroundOptions, type BackgroundPattern, type Binding, type Bounds, Camera, type CameraChangeInfo, type CameraOptions, type CanvasElement, type CanvasState, type Command, DEFAULT_NOTE_FONT_SIZE, type DistributeAxis, ElementStore, type ElementStyle, type ElementType, type ElementUpdateEvent, EraserTool, type EraserToolOptions, type ExportImageOptions, type ExportSvgOptions, type FontSizePreset, type GridElement, type GridInfo, HandTool, type HexOrientation, HistoryStack, type HistoryStackOptions, type HtmlElement, type ImageElement, ImageTool, type ImageToolOptions, IndexedDBAdapter, type IndexedDBAdapterOptions, LaserTool, type LaserToolOptions, type Layer, LayerManager, LocalStorageAdapter, MeasureTool, type MeasureToolOptions, type Measurement, MemoryAdapter, type NoteElement, NoteTool, type NoteToolOptions, PencilTool, type PencilToolOptions, type Point, type PointerState, type RenderStatsSnapshot, SelectTool, type ShapeElement, type ShapeKind, ShapeTool, type ShapeToolOptions, type ShortcutBindings, type ShortcutOptions, type ShortcutsApi, type Size, type StorageAdapter, type StrokeElement, type StrokePoint, type TemplateElement, type TemplateRenderStyle, type TemplateShape, TemplateTool, type TemplateToolOptions, type TextElement, TextTool, type TextToolOptions, type Tool, type ToolContext, ToolManager, type ToolName, VERSION, Viewport, type ViewportOptions, boundsIntersect, createArrow, createGrid, createHtmlElement, createImage, createNote, createShape, createStroke, createTemplate, createText, drawHexPath, exportImage, exportSvg, getActiveFormats, getArrowBounds, getArrowControlPoint, getArrowMidpoint, getArrowTangentAngle, getBendFromPoint, getElementBounds, getElementStyle, getElementsBoundingBox, getHexCellsInCone, getHexCellsInLine, getHexCellsInRadius, getHexCellsInSquare, getHexDistance, isNearBezier, setFontSize, smartSnap, snapPoint, snapToHexCenter, styleToPatch, toggleBold, toggleItalic, toggleStrikethrough, toggleUnderline };

package/dist/index.d.ts

@@ -304,10 +304,17 @@ declare class LayerManager {
     private findFallbackLayer;
 }
 
+interface StorageAdapter {
+    load(key: string): Promise<string | null>;
+    save(key: string, value: string): Promise<void>;
+    clear(key: string): Promise<void>;
+}
+
 interface AutoSaveOptions {
     key?: string;
     debounceMs?: number;
     layerManager?: LayerManager;
+    adapter?: StorageAdapter;
     onError?: (error: Error) => void;
 }
 declare class AutoSave {
@@ -316,19 +323,52 @@ declare class AutoSave {
     private readonly key;
     private readonly debounceMs;
     private readonly layerManager?;
+    private readonly adapter;
     private timerId;
     private unsubscribers;
     private readonly onError?;
+    private saving;
+    private pendingSave;
     constructor(store: ElementStore, camera: Camera, options?: AutoSaveOptions);
     start(): void;
     stop(): void;
-    load(): CanvasState | null;
-    clear(): void;
+    load(): Promise<CanvasState | null>;
+    clear(): Promise<void>;
     private scheduleSave;
     private cancelPending;
     private save;
 }
 
+declare class MemoryAdapter implements StorageAdapter {
+    private store;
+    load(key: string): Promise<string | null>;
+    save(key: string, value: string): Promise<void>;
+    clear(key: string): Promise<void>;
+}
+
+declare class LocalStorageAdapter implements StorageAdapter {
+    load(key: string): Promise<string | null>;
+    save(key: string, value: string): Promise<void>;
+    clear(key: string): Promise<void>;
+}
+
+interface IndexedDBAdapterOptions {
+    dbName?: string;
+    storeName?: string;
+    indexedDB?: IDBFactory;
+}
+declare class IndexedDBAdapter implements StorageAdapter {
+    private readonly dbName;
+    private readonly storeName;
+    private readonly idb;
+    private dbPromise;
+    constructor(options?: IndexedDBAdapterOptions);
+    private open;
+    load(key: string): Promise<string | null>;
+    save(key: string, value: string): Promise<void>;
+    clear(key: string): Promise<void>;
+}
+
 type BackgroundPattern = 'dots' | 'grid' | 'none';
 interface BackgroundOptions {
     pattern?: BackgroundPattern;
@@ -1065,6 +1105,6 @@ declare class LaserTool implements Tool {
     private notifyOptionsChange;
 }
 
-declare const VERSION = "0.44.0";
+declare const VERSION = "0.45.0";
 
-export { type ActiveFormats, type AlignEdge, type ArrowElement, type ArrowStrokeStyle, ArrowTool, type ArrowToolOptions, AutoSave, type AutoSaveOptions, type BackgroundOptions, type BackgroundPattern, type Binding, type Bounds, Camera, type CameraChangeInfo, type CameraOptions, type CanvasElement, type CanvasState, type Command, DEFAULT_NOTE_FONT_SIZE, type DistributeAxis, ElementStore, type ElementStyle, type ElementType, type ElementUpdateEvent, EraserTool, type EraserToolOptions, type ExportImageOptions, type ExportSvgOptions, type FontSizePreset, type GridElement, type GridInfo, HandTool, type HexOrientation, HistoryStack, type HistoryStackOptions, type HtmlElement, type ImageElement, ImageTool, type ImageToolOptions, LaserTool, type LaserToolOptions, type Layer, LayerManager, MeasureTool, type MeasureToolOptions, type Measurement, type NoteElement, NoteTool, type NoteToolOptions, PencilTool, type PencilToolOptions, type Point, type PointerState, type RenderStatsSnapshot, SelectTool, type ShapeElement, type ShapeKind, ShapeTool, type ShapeToolOptions, type ShortcutBindings, type ShortcutOptions, type ShortcutsApi, type Size, type StrokeElement, type StrokePoint, type TemplateElement, type TemplateRenderStyle, type TemplateShape, TemplateTool, type TemplateToolOptions, type TextElement, TextTool, type TextToolOptions, type Tool, type ToolContext, ToolManager, type ToolName, VERSION, Viewport, type ViewportOptions, boundsIntersect, createArrow, createGrid, createHtmlElement, createImage, createNote, createShape, createStroke, createTemplate, createText, drawHexPath, exportImage, exportSvg, getActiveFormats, getArrowBounds, getArrowControlPoint, getArrowMidpoint, getArrowTangentAngle, getBendFromPoint, getElementBounds, getElementStyle, getElementsBoundingBox, getHexCellsInCone, getHexCellsInLine, getHexCellsInRadius, getHexCellsInSquare, getHexDistance, isNearBezier, setFontSize, smartSnap, snapPoint, snapToHexCenter, styleToPatch, toggleBold, toggleItalic, toggleStrikethrough, toggleUnderline };
+export { type ActiveFormats, type AlignEdge, type ArrowElement, type ArrowStrokeStyle, ArrowTool, type ArrowToolOptions, AutoSave, type AutoSaveOptions, type BackgroundOptions, type BackgroundPattern, type Binding, type Bounds, Camera, type CameraChangeInfo, type CameraOptions, type CanvasElement, type CanvasState, type Command, DEFAULT_NOTE_FONT_SIZE, type DistributeAxis, ElementStore, type ElementStyle, type ElementType, type ElementUpdateEvent, EraserTool, type EraserToolOptions, type ExportImageOptions, type ExportSvgOptions, type FontSizePreset, type GridElement, type GridInfo, HandTool, type HexOrientation, HistoryStack, type HistoryStackOptions, type HtmlElement, type ImageElement, ImageTool, type ImageToolOptions, IndexedDBAdapter, type IndexedDBAdapterOptions, LaserTool, type LaserToolOptions, type Layer, LayerManager, LocalStorageAdapter, MeasureTool, type MeasureToolOptions, type Measurement, MemoryAdapter, type NoteElement, NoteTool, type NoteToolOptions, PencilTool, type PencilToolOptions, type Point, type PointerState, type RenderStatsSnapshot, SelectTool, type ShapeElement, type ShapeKind, ShapeTool, type ShapeToolOptions, type ShortcutBindings, type ShortcutOptions, type ShortcutsApi, type Size, type StorageAdapter, type StrokeElement, type StrokePoint, type TemplateElement, type TemplateRenderStyle, type TemplateShape, TemplateTool, type TemplateToolOptions, type TextElement, TextTool, type TextToolOptions, type Tool, type ToolContext, ToolManager, type ToolName, VERSION, Viewport, type ViewportOptions, boundsIntersect, createArrow, createGrid, createHtmlElement, createImage, createNote, createShape, createStroke, createTemplate, createText, drawHexPath, exportImage, exportSvg, getActiveFormats, getArrowBounds, getArrowControlPoint, getArrowMidpoint, getArrowTangentAngle, getBendFromPoint, getElementBounds, getElementStyle, getElementsBoundingBox, getHexCellsInCone, getHexCellsInLine, getHexCellsInRadius, getHexCellsInSquare, getHexDistance, isNearBezier, setFontSize, smartSnap, snapPoint, snapToHexCenter, styleToPatch, toggleBold, toggleItalic, toggleStrikethrough, toggleUnderline };

package/dist/index.js

@@ -285,6 +285,22 @@ function migrateElement(obj) {
   }
 }
 
+// src/core/storage/local-storage-adapter.ts
+var LocalStorageAdapter = class {
+  async load(key) {
+    if (typeof localStorage === "undefined") return null;
+    return localStorage.getItem(key);
+  }
+  async save(key, value) {
+    if (typeof localStorage === "undefined") return;
+    localStorage.setItem(key, value);
+  }
+  async clear(key) {
+    if (typeof localStorage === "undefined") return;
+    localStorage.removeItem(key);
+  }
+};
+
 // src/core/auto-save.ts
 var DEFAULT_KEY = "fieldnotes-autosave";
 var DEFAULT_DEBOUNCE_MS = 1e3;
@@ -295,14 +311,18 @@ var AutoSave = class {
     this.key = options.key ?? DEFAULT_KEY;
     this.debounceMs = options.debounceMs ?? DEFAULT_DEBOUNCE_MS;
     this.layerManager = options.layerManager;
+    this.adapter = options.adapter ?? new LocalStorageAdapter();
     this.onError = options.onError;
   }
   key;
   debounceMs;
   layerManager;
+  adapter;
   timerId = null;
   unsubscribers = [];
   onError;
+  saving = false;
+  pendingSave = false;
   start() {
     const schedule = () => this.scheduleSave();
     this.unsubscribers = [
@@ -320,9 +340,8 @@ var AutoSave = class {
     this.unsubscribers.forEach((fn) => fn());
     this.unsubscribers = [];
   }
-  load() {
-    if (typeof localStorage === "undefined") return null;
-    const json = localStorage.getItem(this.key);
+  async load() {
+    const json = await this.adapter.load(this.key);
     if (!json) return null;
     try {
       return parseState(json);
@@ -330,13 +349,12 @@ var AutoSave = class {
       return null;
     }
   }
-  clear() {
-    if (typeof localStorage === "undefined") return;
-    localStorage.removeItem(this.key);
+  async clear() {
+    await this.adapter.clear(this.key);
   }
   scheduleSave() {
     this.cancelPending();
-    this.timerId = setTimeout(() => this.save(), this.debounceMs);
+    this.timerId = setTimeout(() => void this.save(), this.debounceMs);
   }
   cancelPending() {
     if (this.timerId !== null) {
@@ -344,16 +362,105 @@ var AutoSave = class {
       this.timerId = null;
     }
   }
-  save() {
-    if (typeof localStorage === "undefined") return;
-    const layers = this.layerManager?.snapshot() ?? [];
-    const state = exportState(this.store.snapshot(), this.camera, layers);
+  async save() {
+    if (this.saving) {
+      this.pendingSave = true;
+      return;
+    }
+    this.saving = true;
     try {
-      localStorage.setItem(this.key, JSON.stringify(state));
+      const layers = this.layerManager?.snapshot() ?? [];
+      const state = exportState(this.store.snapshot(), this.camera, layers);
+      await this.adapter.save(this.key, JSON.stringify(state));
     } catch (e) {
-      console.warn("Auto-save failed: storage quota exceeded. State too large for localStorage.");
       this.onError?.(e instanceof Error ? e : new Error(String(e)));
+    } finally {
+      this.saving = false;
+      if (this.pendingSave) {
+        this.pendingSave = false;
+        void this.save();
+      }
+    }
+  }
+};
+
+// src/core/storage/memory-adapter.ts
+var MemoryAdapter = class {
+  store = /* @__PURE__ */ new Map();
+  async load(key) {
+    return this.store.get(key) ?? null;
+  }
+  async save(key, value) {
+    this.store.set(key, value);
+  }
+  async clear(key) {
+    this.store.delete(key);
+  }
+};
+
+// src/core/storage/indexeddb-adapter.ts
+var DEFAULT_DB = "fieldnotes";
+var DEFAULT_STORE = "state";
+var IndexedDBAdapter = class {
+  dbName;
+  storeName;
+  idb;
+  dbPromise = null;
+  constructor(options = {}) {
+    this.dbName = options.dbName ?? DEFAULT_DB;
+    this.storeName = options.storeName ?? DEFAULT_STORE;
+    this.idb = options.indexedDB ?? (typeof indexedDB !== "undefined" ? indexedDB : null);
+  }
+  open() {
+    const idb = this.idb;
+    if (!idb) return Promise.reject(new Error("IndexedDB unavailable"));
+    if (!this.dbPromise) {
+      const storeName = this.storeName;
+      this.dbPromise = new Promise((resolve, reject) => {
+        const req = idb.open(this.dbName, 1);
+        req.onupgradeneeded = () => {
+          const db = req.result;
+          if (!db.objectStoreNames.contains(storeName)) db.createObjectStore(storeName);
+        };
+        req.onsuccess = () => resolve(req.result);
+        req.onerror = () => reject(req.error ?? new Error("IndexedDB open failed"));
+      });
     }
+    return this.dbPromise;
+  }
+  async load(key) {
+    if (!this.idb) return null;
+    const db = await this.open();
+    return new Promise((resolve, reject) => {
+      const req = db.transaction(this.storeName, "readonly").objectStore(this.storeName).get(key);
+      req.onsuccess = () => {
+        const v = req.result;
+        resolve(typeof v === "string" ? v : null);
+      };
+      req.onerror = () => reject(req.error ?? new Error("IndexedDB read failed"));
+    });
+  }
+  async save(key, value) {
+    if (!this.idb) return;
+    const db = await this.open();
+    return new Promise((resolve, reject) => {
+      const tx = db.transaction(this.storeName, "readwrite");
+      tx.objectStore(this.storeName).put(value, key);
+      tx.oncomplete = () => resolve();
+      tx.onerror = () => reject(tx.error ?? new Error("IndexedDB write failed"));
+      tx.onabort = () => reject(tx.error ?? new Error("IndexedDB write aborted"));
+    });
+  }
+  async clear(key) {
+    if (!this.idb) return;
+    const db = await this.open();
+    return new Promise((resolve, reject) => {
+      const tx = db.transaction(this.storeName, "readwrite");
+      tx.objectStore(this.storeName).delete(key);
+      tx.oncomplete = () => resolve();
+      tx.onerror = () => reject(tx.error ?? new Error("IndexedDB delete failed"));
+      tx.onabort = () => reject(tx.error ?? new Error("IndexedDB delete aborted"));
+    });
   }
 };
 
@@ -9974,7 +10081,7 @@ var LaserTool = class {
 };
 
 // src/index.ts
-var VERSION = "0.44.0";
+var VERSION = "0.45.0";
 export {
   ArrowTool,
   AutoSave,
@@ -9985,9 +10092,12 @@ export {
   HandTool,
   HistoryStack,
   ImageTool,
+  IndexedDBAdapter,
   LaserTool,
   LayerManager,
+  LocalStorageAdapter,
   MeasureTool,
+  MemoryAdapter,
   NoteTool,
   PencilTool,
   SelectTool,