From 7f327763e615e004b332d22a134b894500e30a23 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Oliver=20Schl=C3=B6be?= <github@schloebe.de>
Date: Thu, 5 Mar 2026 10:54:07 +0100
Subject: [PATCH 1/4] Added unpkg and jsdelivr fields for CDN auto-resolution

---
 packages/web-haptics/package.json | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/web-haptics/package.json b/packages/web-haptics/package.json
index c473469..4bff076 100644
--- a/packages/web-haptics/package.json
+++ b/packages/web-haptics/package.json
@@ -12,6 +12,8 @@
     "directory": "packages/web-haptics"
   },
   "types": "dist/index.d.ts",
+  "unpkg": "dist/web-haptics.global.js",
+  "jsdelivr": "dist/web-haptics.global.js",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",

From cd6111dec5983047cb11f0cbaf73fa8dc2d1fbf7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Oliver=20Schl=C3=B6be?= <github@schloebe.de>
Date: Thu, 5 Mar 2026 11:27:44 +0100
Subject: [PATCH 2/4] Add IIFE configuration for web-haptics build

New IIFE build entry targeting ES2017, outputs `dist/web-haptics.global.js`. Exposes `window.WebHaptics` (class shortcut) and `window.WebHapticsLib` (full module with `defaultPatterns`, `version`)
---
 packages/web-haptics/tsup.config.ts | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/packages/web-haptics/tsup.config.ts b/packages/web-haptics/tsup.config.ts
index 4bd11ff..c453ab3 100644
--- a/packages/web-haptics/tsup.config.ts
+++ b/packages/web-haptics/tsup.config.ts
@@ -40,4 +40,18 @@ export default defineConfig((options) => [
     external: ["svelte"],
     minify: !options.watch,
   },
+  // Standalone IIFE for <script> tag usage
+  {
+    entry: {
+      "web-haptics": "src/index.ts",
+    },
+    format: ["iife"],
+    globalName: "WebHapticsLib",
+    sourcemap: false,
+    target: "es2017",
+    minify: !options.watch,
+    footer: {
+      js: `if(typeof window!=="undefined"){window.WebHaptics=WebHapticsLib.WebHaptics;window.WebHapticsLib=WebHapticsLib;}`,
+    },
+  },
 ]);

From 1852b2d5286b1d15ef070e74dd5f285034d62b47 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Oliver=20Schl=C3=B6be?= <github@schloebe.de>
Date: Thu, 5 Mar 2026 11:30:06 +0100
Subject: [PATCH 3/4] Add standalone script tag usage to README

Added instructions for using web-haptics with a standalone script tag.
---
 packages/web-haptics/README.md | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/packages/web-haptics/README.md b/packages/web-haptics/README.md
index 73c292a..bbd107a 100644
--- a/packages/web-haptics/README.md
+++ b/packages/web-haptics/README.md
@@ -57,6 +57,23 @@ const haptics = new WebHaptics();
 haptics.trigger("success");
 ```
 
+## Standalone `<script>` Tag
+
+You can use web-haptics directly in the browser without any build tools:
+
+```html
+<script src="https://unpkg.com/web-haptics/dist/web-haptics.global.js"></script>
+<script>
+  const haptics = new WebHaptics();
+  haptics.trigger("success");
+</script>
+```
+
+The script tag makes the following globals available:
+- `WebHaptics` — the main class
+- `WebHapticsLib.defaultPatterns` — built-in haptic presets
+- `WebHapticsLib.version` — library version
+
 ## Built-in Presets
 
 | Name      | Pattern                                                          | Description                    |

From e62c239a3eb2896cfef7e1f38c601c2ad7455040 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Oliver=20Schl=C3=B6be?= <github@schloebe.de>
Date: Thu, 5 Mar 2026 11:38:35 +0100
Subject: [PATCH 4/4] Fix script tag path in README.md example

Updated the script tag example for web-haptics usage.
---
 packages/web-haptics/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/web-haptics/README.md b/packages/web-haptics/README.md
index bbd107a..1bff212 100644
--- a/packages/web-haptics/README.md
+++ b/packages/web-haptics/README.md
@@ -62,7 +62,7 @@ haptics.trigger("success");
 You can use web-haptics directly in the browser without any build tools:
 
 ```html
-<script src="https://unpkg.com/web-haptics/dist/web-haptics.global.js"></script>
+<script src="/path/to/web-haptics.global.js"></script>
 <script>
   const haptics = new WebHaptics();
   haptics.trigger("success");