lensfx 0.1.2 → 0.1.3

package/CHANGELOG.md

@@ -5,6 +5,16 @@ All notable changes to `lensfx` will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.1.3] - 2026-10-17
+
+### Added
+- Zero-dependency vanilla DOM engine: `createLens(target, options)` with real-time SVG displacement, chromatic aberration, pointer tracking (`interactive: true`), responsive auto-resizing via `ResizeObserver`, and dynamic lifecycle controls (`setPosition`, `update`, `destroy`).
+- Standalone CDN IIFE builds (`dist/cdn/lensfx.min.js` and `dist/cdn/lensfx.js`) attaching to `window.lensfx` for direct `<script>` tag usage without bundlers or React.
+- Subpath exports `"lensfx/vanilla"` and `"lensfx/cdn"` in `package.json`.
+- Standard CDN distribution fields (`unpkg`, `jsdelivr`) pointing to `dist/cdn/lensfx.min.js`.
+- Made peer dependencies (`react`, `react-dom`, `framer-motion`) optional for vanilla JS consumers.
+- Live standalone CDN showcase demo (`examples/cdn-demo.html`).
+
 ## [0.1.2] - 2026-10-17
 
 ### Changed

package/README.md

@@ -67,6 +67,45 @@ That's it. Zero configuration for a working lens.
 
 ---
 
+### Vanilla JS / Static HTML (via CDN — No React, No Bundler)
+
+You don't need npm, React, or a bundler. Drop a `<script>` tag into any static `.html` file:
+
+```html
+<!-- jsDelivr (always latest) -->
+<script src="https://cdn.jsdelivr.net/npm/lensfx/dist/cdn/lensfx.min.js"></script>
+
+<!-- or unpkg -->
+<!-- <script src="https://unpkg.com/lensfx/dist/cdn/lensfx.min.js"></script> -->
+
+<div id="card" style="width: 400px; height: 300px; position: relative;">
+  <h2>Refracted content</h2>
+</div>
+
+<script>
+  const lens = lensfx.createLens("#card", {
+    width: 200,
+    height: 120,
+    radius: 28,
+    depth: 2.5,
+    chroma: 0.7,
+    interactive: true, // tracks cursor automatically
+  });
+
+  // Dynamic API
+  // lens.setPosition(x, y);
+  // lens.update({ depth: 3 });
+  // lens.destroy();
+</script>
+```
+
+Or import the zero-dependency vanilla engine via npm:
+```ts
+import { createLens } from "lensfx/vanilla";
+```
+
+---
+
 ## Components
 
 ### `<Lens>` — primitive (unstyled)