@fieldnotes/core 0.36.0 → 0.38.0

package/README.md

@@ -104,6 +104,25 @@ viewport.addImage('/assets/map.png', { x: 0, y: 0 }, { w: 800, h: 600 });
 
 > **Important: Use URLs, not base64 data URLs.** Images are stored inline in the serialized state. A single base64-encoded photo can be 2-5MB, which will blow past the `localStorage` ~5MB quota and make JSON exports impractical. Upload images to your server or CDN and use the URL. For offline/local-first apps, store blobs in IndexedDB and reference them by URL.
 
+## Adding Shapes
+
+```typescript
+// Default: a centered 100×100 rectangle
+const id = viewport.addShape();
+
+// Override shape, size, position, and colors
+viewport.addShape({
+  shape: 'ellipse',
+  size: { w: 200, h: 120 },
+  position: { x: 0, y: 0 },
+  strokeColor: '#1d4ed8',
+  fillColor: '#dbeafe',
+  strokeWidth: 2,
+});
+```
+
+`addShape(opts?): string` creates a shape in a single undo step, selects the new shape, and returns its id. With no options it places a 100×100 rectangle centered in the current viewport — a keyboard-friendly path to shape creation.
+
 ## Grids
 
 Add square or hex grid overlays — useful for D&D combat maps, alignment, or graph paper backgrounds. Grids always render on top of images and other layer elements.

package/dist/index.cjs

@@ -2083,9 +2083,10 @@ var Quadtree = class {
 };
 
 // src/elements/stroke-smoothing.ts
-var MIN_PRESSURE_SCALE = 0.2;
+var MIN_PRESSURE_SCALE = 0.4;
+var MAX_PRESSURE_SCALE = 1.8;
 function pressureToWidth(pressure, baseWidth) {
-  return baseWidth * (MIN_PRESSURE_SCALE + (1 - MIN_PRESSURE_SCALE) * pressure);
+  return baseWidth * (MIN_PRESSURE_SCALE + (MAX_PRESSURE_SCALE - MIN_PRESSURE_SCALE) * pressure);
 }
 function simplifyPoints(points, tolerance) {
   if (points.length <= 2) return points.slice();
@@ -3748,12 +3749,33 @@ var NoteToolbar = class {
       e.stopPropagation();
     });
     select.addEventListener("change", () => {
-      setFontSize(Number(select.value));
+      this.applyFontSize(Number(select.value));
       this.updateActiveStates();
       this.anchor?.focus();
     });
     return select;
   }
+  applyFontSize(size) {
+    const sel = window.getSelection();
+    const collapsed = !sel || sel.rangeCount === 0 || sel.getRangeAt(0).collapsed;
+    if (collapsed && this.anchor) {
+      const range = document.createRange();
+      range.selectNodeContents(this.anchor);
+      sel?.removeAllRanges();
+      sel?.addRange(range);
+      setFontSize(size);
+      const after = window.getSelection();
+      if (after) {
+        const caret = document.createRange();
+        caret.selectNodeContents(this.anchor);
+        caret.collapse(false);
+        after.removeAllRanges();
+        after.addRange(caret);
+      }
+      return;
+    }
+    setFontSize(size);
+  }
   positionToolbar(anchor) {
     if (!this.el) return;
     const rect = anchor.getBoundingClientRect();
@@ -6098,6 +6120,32 @@ var Viewport = class {
     this.requestRender();
     return el.id;
   }
+  addShape(opts = {}) {
+    const size = opts.size ?? { w: 100, h: 100 };
+    const position = opts.position ?? this.centeredPosition(size);
+    const shape = createShape({
+      position,
+      size,
+      shape: opts.shape,
+      strokeColor: opts.strokeColor,
+      strokeWidth: opts.strokeWidth,
+      fillColor: opts.fillColor,
+      layerId: this.layerManager.activeLayerId
+    });
+    this.historyRecorder.begin();
+    this.store.add(shape);
+    this.historyRecorder.commit();
+    this.getSelectTool()?.setSelection([shape.id]);
+    this.requestRender();
+    return shape.id;
+  }
+  centeredPosition(size) {
+    const c = this.camera.screenToWorld({
+      x: this.wrapper.clientWidth / 2,
+      y: this.wrapper.clientHeight / 2
+    });
+    return { x: c.x - size.w / 2, y: c.y - size.h / 2 };
+  }
   removeLayer(id) {
     this.historyRecorder.begin();
     this.layerManager.removeLayer(id);
@@ -8899,7 +8947,7 @@ var TemplateTool = class {
 };
 
 // src/index.ts
-var VERSION = "0.36.0";
+var VERSION = "0.38.0";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ArrowTool,