stepsnap 0.1.4 → 0.2.1

package/README.md

@@ -153,6 +153,26 @@ StepSnap.unmount('#my-guide')
 
 ---
 
+## Web Component (framework-agnostic)
+
+Use `<stepsnap-viewer>` on any webpage or framework:
+
+```html
+<stepsnap-viewer
+  accent-color="#6366f1"
+  data='{"title":"My guide","steps":[{"id":"1","imageUrl":"https://...","caption":"Step 1"}]}'
+></stepsnap-viewer>
+<script src="stepsnap-viewer-wc.iife.js"></script>
+```
+
+Build the web component bundle:
+```bash
+npm run build:wc
+# outputs dist-wc/stepsnap-viewer-wc.iife.js
+```
+
+---
+
 ## API
 
 ### `<WalkthroughViewer />`
@@ -204,7 +224,7 @@ interface Annotation {
 ## Development
 
 ```bash
-git clone https://github.com/your-username/stepsnap
+git clone https://github.com/m0rnlngstar/stepsnap
 cd stepsnap
 npm install
 npm run dev         # demo app at http://localhost:5173
@@ -216,14 +236,22 @@ npm run build:embed # build standalone bundle → dist-embed/
 
 ## Roadmap
 
-- [ ] Publish to npm
+- [x] Publish to npm
 - [ ] Keyboard navigation (← →)
 - [ ] Fullscreen mode
 - [ ] Export walkthrough as PDF / GIF
-- [ ] Web Component (`<stepsnap-viewer>`) for non-JS frameworks
+- [x] Web Component (`<stepsnap-viewer>`) for non-JS frameworks
+
+---
+
+## Contributing
+
+Contributions are welcome. Fork the repo, make your changes, and open a pull request — improvements get merged back into the project so everyone benefits.
 
 ---
 
 ## License
 
-MIT
+[AGPL-3.0-only](./LICENSE)
+
+Free to use in your apps and websites. If you distribute or offer this software as a service, you must publish your source code under the same license.

package/dist/chunk-efA98nb6.js

@@ -0,0 +1,13 @@
+//#region \0rolldown/runtime.js
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), s = (e, i, o, s) => {
+	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
+		get: ((e) => i[e]).bind(null, d),
+		enumerable: !(s = n(i, d)) || s.enumerable
+	});
+	return e;
+}, c = (n, r, a) => (a = n == null ? {} : e(i(n)), s(r || !n || !n.__esModule ? t(a, "default", {
+	value: n,
+	enumerable: !0
+}) : a, n));
+//#endregion
+export { c as n, o as t };

package/dist/components/WalkthroughViewer.d.ts

@@ -2,6 +2,7 @@ import type { WalkthroughData } from '../types';
 interface Props {
     data: WalkthroughData;
     accentColor?: string;
+    maxHeight?: number;
 }
-export declare function WalkthroughViewer({ data, accentColor }: Props): import("react/jsx-runtime").JSX.Element | null;
+export declare function WalkthroughViewer({ data, accentColor, maxHeight }: Props): import("react/jsx-runtime").JSX.Element | null;
 export {};