@haptics/vue 1.0.0

package/dist/index.cjs

@@ -0,0 +1,138 @@
+'use strict';
+
+var core = require('@haptics/core');
+var vue = require('vue');
+
+var _patterns = { ...core.PRESETS };
+var _respectReducedMotion = true;
+var _prefersReducedMotion = false;
+function _setConfig(patterns, respectReducedMotion) {
+  _patterns = patterns;
+  _respectReducedMotion = respectReducedMotion;
+}
+function _getPatterns() {
+  return _patterns;
+}
+function _shouldSuppress() {
+  return _respectReducedMotion && _prefersReducedMotion;
+}
+function _setPrefersReducedMotion(value) {
+  _prefersReducedMotion = value;
+}
+
+// src/plugin.ts
+var HAPTICS_INJECTION_KEY = /* @__PURE__ */ Symbol("haptics");
+var HapticsPlugin = {
+  install(app, options = {}) {
+    const patterns = {
+      ...core.PRESETS,
+      ...options.patterns
+    };
+    const respectReducedMotion = options.respectReducedMotion ?? true;
+    app.provide(HAPTICS_INJECTION_KEY, { patterns, respectReducedMotion });
+    _setConfig(patterns, respectReducedMotion);
+    if (typeof document !== "undefined" && core.isIOS()) {
+      let prefersReducedMotion = false;
+      if (typeof window !== "undefined" && window.matchMedia) {
+        const mql = window.matchMedia("(prefers-reduced-motion: reduce)");
+        prefersReducedMotion = mql.matches;
+        _setPrefersReducedMotion(prefersReducedMotion);
+        mql.addEventListener("change", (e) => {
+          prefersReducedMotion = e.matches;
+          _setPrefersReducedMotion(e.matches);
+        });
+      }
+      const handler = (e) => {
+        if (respectReducedMotion && prefersReducedMotion) return;
+        const target = e.target?.closest("[data-haptic]");
+        if (!target) return;
+        const action = target.getAttribute("data-haptic");
+        if (action && action in patterns) {
+          core.schedulePattern(patterns[action]);
+        }
+      };
+      document.addEventListener("click", handler, {
+        capture: true,
+        passive: true
+      });
+    }
+  }
+};
+var vHaptic = {
+  mounted(el, binding) {
+    const action = binding.value;
+    if (!action) return;
+    el.setAttribute("data-haptic", action);
+    if (core.isVibrationSupported()) {
+      const handler = () => {
+        if (_shouldSuppress()) return;
+        const patterns = _getPatterns();
+        const pattern = patterns[action];
+        if (pattern) {
+          navigator.vibrate(core.toVibrateSequence(pattern));
+        }
+      };
+      el.addEventListener("click", handler);
+      el.__haptic_handler = handler;
+    }
+  },
+  updated(el, binding) {
+    const action = binding.value;
+    if (action) {
+      el.setAttribute("data-haptic", action);
+    } else {
+      el.removeAttribute("data-haptic");
+    }
+  },
+  unmounted(el) {
+    el.removeAttribute("data-haptic");
+    const handler = el.__haptic_handler;
+    if (handler) {
+      el.removeEventListener("click", handler);
+      delete el.__haptic_handler;
+    }
+  }
+};
+function useHaptics() {
+  const ctx = vue.inject(HAPTICS_INJECTION_KEY, null);
+  const patterns = ctx?.patterns ?? core.PRESETS;
+  const respectReducedMotion = ctx?.respectReducedMotion ?? true;
+  const prefersReducedMotion = vue.ref(false);
+  vue.onMounted(() => {
+    if (typeof window === "undefined" || !window.matchMedia) return;
+    const mql = window.matchMedia("(prefers-reduced-motion: reduce)");
+    prefersReducedMotion.value = mql.matches;
+    const onChange = (e) => {
+      prefersReducedMotion.value = e.matches;
+    };
+    mql.addEventListener("change", onChange);
+    vue.onUnmounted(() => {
+      mql.removeEventListener("change", onChange);
+    });
+  });
+  const trigger = (action) => {
+    if (respectReducedMotion && prefersReducedMotion.value) return;
+    const pattern = patterns[action];
+    if (!pattern) return;
+    if (core.isVibrationSupported()) {
+      navigator.vibrate(core.toVibrateSequence(pattern));
+    } else if (core.isIOS()) {
+      core.schedulePattern(pattern);
+    }
+  };
+  const cancel = () => {
+    if (core.isVibrationSupported()) navigator.vibrate(0);
+  };
+  return {
+    trigger,
+    cancel,
+    isSupported: core.isVibrationSupported(),
+    isIOSSupported: core.isIOS()
+  };
+}
+
+exports.HapticsPlugin = HapticsPlugin;
+exports.useHaptics = useHaptics;
+exports.vHaptic = vHaptic;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shared.ts","../src/plugin.ts","../src/directive.ts","../src/use-haptics.ts"],"names":["PRESETS","isIOS","schedulePattern","isVibrationSupported","toVibrateSequence","inject","ref","onMounted","onUnmounted"],"mappings":"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","file":"index.cjs","sourcesContent":["import { PRESETS } from \"@haptics/core\";\nimport type { HapticPattern } from \"@haptics/core\";\n\nlet _patterns: Record<string, HapticPattern> = { ...PRESETS };\nlet _respectReducedMotion = true;\nlet _prefersReducedMotion = false;\n\nexport function _setConfig(\n\tpatterns: Record<string, HapticPattern>,\n\trespectReducedMotion: boolean,\n): void {\n\t_patterns = patterns;\n\t_respectReducedMotion = respectReducedMotion;\n}\n\nexport function _getPatterns(): Record<string, HapticPattern> {\n\treturn _patterns;\n}\n\nexport function _shouldSuppress(): boolean {\n\treturn _respectReducedMotion && _prefersReducedMotion;\n}\n\nexport function _setPrefersReducedMotion(value: boolean): void {\n\t_prefersReducedMotion = value;\n}\n","import type { App, InjectionKey } from \"vue\";\nimport {\n\tPRESETS,\n\tisIOS,\n\tschedulePattern,\n} from \"@haptics/core\";\nimport type { HapticPattern } from \"@haptics/core\";\nimport { _setConfig, _setPrefersReducedMotion } from \"./shared\";\n\nexport interface HapticsPluginOptions {\n\t/** Custom patterns merged with built-in presets. Same-name customs override. */\n\tpatterns?: Record<string, HapticPattern>;\n\t/** Suppress haptics when prefers-reduced-motion is active. Default: true */\n\trespectReducedMotion?: boolean;\n}\n\nexport interface HapticsContext {\n\tpatterns: Record<string, HapticPattern>;\n\trespectReducedMotion: boolean;\n}\n\nexport const HAPTICS_INJECTION_KEY: InjectionKey<HapticsContext> =\n\tSymbol(\"haptics\");\n\nexport const HapticsPlugin = {\n\tinstall(app: App, options: HapticsPluginOptions = {}) {\n\t\tconst patterns: Record<string, HapticPattern> = {\n\t\t\t...PRESETS,\n\t\t\t...options.patterns,\n\t\t};\n\t\tconst respectReducedMotion = options.respectReducedMotion ?? true;\n\n\t\tapp.provide(HAPTICS_INJECTION_KEY, { patterns, respectReducedMotion });\n\t\t_setConfig(patterns, respectReducedMotion);\n\n\t\tif (typeof document !== \"undefined\" && isIOS()) {\n\t\t\tlet prefersReducedMotion = false;\n\n\t\t\tif (typeof window !== \"undefined\" && window.matchMedia) {\n\t\t\t\tconst mql = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n\t\t\t\tprefersReducedMotion = mql.matches;\n\t\t\t\t_setPrefersReducedMotion(prefersReducedMotion);\n\n\t\t\t\tmql.addEventListener(\"change\", (e) => {\n\t\t\t\t\tprefersReducedMotion = e.matches;\n\t\t\t\t\t_setPrefersReducedMotion(e.matches);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tconst handler = (e: MouseEvent) => {\n\t\t\t\tif (respectReducedMotion && prefersReducedMotion) return;\n\t\t\t\tconst target = (e.target as Element)?.closest(\"[data-haptic]\");\n\t\t\t\tif (!target) return;\n\t\t\t\tconst action = target.getAttribute(\"data-haptic\");\n\t\t\t\tif (action && action in patterns) {\n\t\t\t\t\tschedulePattern(patterns[action]);\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tdocument.addEventListener(\"click\", handler, {\n\t\t\t\tcapture: true,\n\t\t\t\tpassive: true,\n\t\t\t});\n\t\t}\n\t},\n};\n","import type { Directive } from \"vue\";\nimport { isVibrationSupported, toVibrateSequence } from \"@haptics/core\";\nimport { _getPatterns, _shouldSuppress } from \"./shared\";\n\ntype HapticValue = string;\n\n/**\n * v-haptic directive for declarative haptic feedback.\n *\n * Usage:\n *   <button v-haptic=\"'success'\">Save</button>\n *   <button v-haptic=\"'impact-heavy'\">Delete</button>\n *\n * On iOS: Sets data-haptic attribute so the plugin's capture-phase listener\n * handles it (preserving gesture chain).\n *\n * On Android: Registers a click handler that calls navigator.vibrate().\n */\nexport const vHaptic: Directive<HTMLElement, HapticValue> = {\n\tmounted(el, binding) {\n\t\tconst action = binding.value;\n\t\tif (!action) return;\n\n\t\tel.setAttribute(\"data-haptic\", action);\n\n\t\tif (isVibrationSupported()) {\n\t\t\tconst handler = () => {\n\t\t\t\tif (_shouldSuppress()) return;\n\t\t\t\tconst patterns = _getPatterns();\n\t\t\t\tconst pattern = patterns[action];\n\t\t\t\tif (pattern) {\n\t\t\t\t\tnavigator.vibrate(toVibrateSequence(pattern));\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tel.addEventListener(\"click\", handler);\n\t\t\t(el as any).__haptic_handler = handler;\n\t\t}\n\t},\n\n\tupdated(el, binding) {\n\t\tconst action = binding.value;\n\t\tif (action) {\n\t\t\tel.setAttribute(\"data-haptic\", action);\n\t\t} else {\n\t\t\tel.removeAttribute(\"data-haptic\");\n\t\t}\n\t},\n\n\tunmounted(el) {\n\t\tel.removeAttribute(\"data-haptic\");\n\t\tconst handler = (el as any).__haptic_handler;\n\t\tif (handler) {\n\t\t\tel.removeEventListener(\"click\", handler);\n\t\t\tdelete (el as any).__haptic_handler;\n\t\t}\n\t},\n};\n","import { inject, ref, onMounted, onUnmounted } from \"vue\";\nimport {\n\tPRESETS,\n\tisVibrationSupported,\n\tisIOS,\n\ttoVibrateSequence,\n\tschedulePattern,\n} from \"@haptics/core\";\nimport type { PresetName } from \"@haptics/core\";\nimport { HAPTICS_INJECTION_KEY } from \"./plugin\";\n\n/**\n * Composable for imperative haptic feedback.\n *\n * Works with or without HapticsPlugin — falls back to built-in presets.\n *\n * Returns plain values (not refs) for isSupported/isIOSSupported to match\n * the React hook's API shape. These don't change at runtime.\n */\nexport function useHaptics() {\n\tconst ctx = inject(HAPTICS_INJECTION_KEY, null);\n\tconst patterns = ctx?.patterns ?? PRESETS;\n\tconst respectReducedMotion = ctx?.respectReducedMotion ?? true;\n\n\tconst prefersReducedMotion = ref(false);\n\n\tonMounted(() => {\n\t\tif (typeof window === \"undefined\" || !window.matchMedia) return;\n\n\t\tconst mql = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n\t\tprefersReducedMotion.value = mql.matches;\n\n\t\tconst onChange = (e: MediaQueryListEvent) => {\n\t\t\tprefersReducedMotion.value = e.matches;\n\t\t};\n\t\tmql.addEventListener(\"change\", onChange);\n\n\t\tonUnmounted(() => {\n\t\t\tmql.removeEventListener(\"change\", onChange);\n\t\t});\n\t});\n\n\tconst trigger = (action: PresetName | (string & {})) => {\n\t\tif (respectReducedMotion && prefersReducedMotion.value) return;\n\n\t\tconst pattern = patterns[action as keyof typeof patterns];\n\t\tif (!pattern) return;\n\n\t\tif (isVibrationSupported()) {\n\t\t\tnavigator.vibrate(toVibrateSequence(pattern));\n\t\t} else if (isIOS()) {\n\t\t\tschedulePattern(pattern);\n\t\t}\n\t};\n\n\tconst cancel = () => {\n\t\tif (isVibrationSupported()) navigator.vibrate(0);\n\t};\n\n\treturn {\n\t\ttrigger,\n\t\tcancel,\n\t\tisSupported: isVibrationSupported(),\n\t\tisIOSSupported: isIOS(),\n\t};\n}\n"]}

package/dist/index.d.cts

@@ -0,0 +1,48 @@
+import { App, Directive } from 'vue';
+import { HapticPattern, PresetName } from '@haptics/core';
+
+interface HapticsPluginOptions {
+    /** Custom patterns merged with built-in presets. Same-name customs override. */
+    patterns?: Record<string, HapticPattern>;
+    /** Suppress haptics when prefers-reduced-motion is active. Default: true */
+    respectReducedMotion?: boolean;
+}
+interface HapticsContext {
+    patterns: Record<string, HapticPattern>;
+    respectReducedMotion: boolean;
+}
+declare const HapticsPlugin: {
+    install(app: App, options?: HapticsPluginOptions): void;
+};
+
+type HapticValue = string;
+/**
+ * v-haptic directive for declarative haptic feedback.
+ *
+ * Usage:
+ *   <button v-haptic="'success'">Save</button>
+ *   <button v-haptic="'impact-heavy'">Delete</button>
+ *
+ * On iOS: Sets data-haptic attribute so the plugin's capture-phase listener
+ * handles it (preserving gesture chain).
+ *
+ * On Android: Registers a click handler that calls navigator.vibrate().
+ */
+declare const vHaptic: Directive<HTMLElement, HapticValue>;
+
+/**
+ * Composable for imperative haptic feedback.
+ *
+ * Works with or without HapticsPlugin — falls back to built-in presets.
+ *
+ * Returns plain values (not refs) for isSupported/isIOSSupported to match
+ * the React hook's API shape. These don't change at runtime.
+ */
+declare function useHaptics(): {
+    trigger: (action: PresetName | (string & {})) => void;
+    cancel: () => void;
+    isSupported: boolean;
+    isIOSSupported: boolean;
+};
+
+export { type HapticsContext, HapticsPlugin, type HapticsPluginOptions, useHaptics, vHaptic };

package/dist/index.d.ts

@@ -0,0 +1,48 @@
+import { App, Directive } from 'vue';
+import { HapticPattern, PresetName } from '@haptics/core';
+
+interface HapticsPluginOptions {
+    /** Custom patterns merged with built-in presets. Same-name customs override. */
+    patterns?: Record<string, HapticPattern>;
+    /** Suppress haptics when prefers-reduced-motion is active. Default: true */
+    respectReducedMotion?: boolean;
+}
+interface HapticsContext {
+    patterns: Record<string, HapticPattern>;
+    respectReducedMotion: boolean;
+}
+declare const HapticsPlugin: {
+    install(app: App, options?: HapticsPluginOptions): void;
+};
+
+type HapticValue = string;
+/**
+ * v-haptic directive for declarative haptic feedback.
+ *
+ * Usage:
+ *   <button v-haptic="'success'">Save</button>
+ *   <button v-haptic="'impact-heavy'">Delete</button>
+ *
+ * On iOS: Sets data-haptic attribute so the plugin's capture-phase listener
+ * handles it (preserving gesture chain).
+ *
+ * On Android: Registers a click handler that calls navigator.vibrate().
+ */
+declare const vHaptic: Directive<HTMLElement, HapticValue>;
+
+/**
+ * Composable for imperative haptic feedback.
+ *
+ * Works with or without HapticsPlugin — falls back to built-in presets.
+ *
+ * Returns plain values (not refs) for isSupported/isIOSSupported to match
+ * the React hook's API shape. These don't change at runtime.
+ */
+declare function useHaptics(): {
+    trigger: (action: PresetName | (string & {})) => void;
+    cancel: () => void;
+    isSupported: boolean;
+    isIOSSupported: boolean;
+};
+
+export { type HapticsContext, HapticsPlugin, type HapticsPluginOptions, useHaptics, vHaptic };

package/dist/index.js

@@ -0,0 +1,134 @@
+import { PRESETS, isIOS, isVibrationSupported, schedulePattern, toVibrateSequence } from '@haptics/core';
+import { inject, ref, onMounted, onUnmounted } from 'vue';
+
+var _patterns = { ...PRESETS };
+var _respectReducedMotion = true;
+var _prefersReducedMotion = false;
+function _setConfig(patterns, respectReducedMotion) {
+  _patterns = patterns;
+  _respectReducedMotion = respectReducedMotion;
+}
+function _getPatterns() {
+  return _patterns;
+}
+function _shouldSuppress() {
+  return _respectReducedMotion && _prefersReducedMotion;
+}
+function _setPrefersReducedMotion(value) {
+  _prefersReducedMotion = value;
+}
+
+// src/plugin.ts
+var HAPTICS_INJECTION_KEY = /* @__PURE__ */ Symbol("haptics");
+var HapticsPlugin = {
+  install(app, options = {}) {
+    const patterns = {
+      ...PRESETS,
+      ...options.patterns
+    };
+    const respectReducedMotion = options.respectReducedMotion ?? true;
+    app.provide(HAPTICS_INJECTION_KEY, { patterns, respectReducedMotion });
+    _setConfig(patterns, respectReducedMotion);
+    if (typeof document !== "undefined" && isIOS()) {
+      let prefersReducedMotion = false;
+      if (typeof window !== "undefined" && window.matchMedia) {
+        const mql = window.matchMedia("(prefers-reduced-motion: reduce)");
+        prefersReducedMotion = mql.matches;
+        _setPrefersReducedMotion(prefersReducedMotion);
+        mql.addEventListener("change", (e) => {
+          prefersReducedMotion = e.matches;
+          _setPrefersReducedMotion(e.matches);
+        });
+      }
+      const handler = (e) => {
+        if (respectReducedMotion && prefersReducedMotion) return;
+        const target = e.target?.closest("[data-haptic]");
+        if (!target) return;
+        const action = target.getAttribute("data-haptic");
+        if (action && action in patterns) {
+          schedulePattern(patterns[action]);
+        }
+      };
+      document.addEventListener("click", handler, {
+        capture: true,
+        passive: true
+      });
+    }
+  }
+};
+var vHaptic = {
+  mounted(el, binding) {
+    const action = binding.value;
+    if (!action) return;
+    el.setAttribute("data-haptic", action);
+    if (isVibrationSupported()) {
+      const handler = () => {
+        if (_shouldSuppress()) return;
+        const patterns = _getPatterns();
+        const pattern = patterns[action];
+        if (pattern) {
+          navigator.vibrate(toVibrateSequence(pattern));
+        }
+      };
+      el.addEventListener("click", handler);
+      el.__haptic_handler = handler;
+    }
+  },
+  updated(el, binding) {
+    const action = binding.value;
+    if (action) {
+      el.setAttribute("data-haptic", action);
+    } else {
+      el.removeAttribute("data-haptic");
+    }
+  },
+  unmounted(el) {
+    el.removeAttribute("data-haptic");
+    const handler = el.__haptic_handler;
+    if (handler) {
+      el.removeEventListener("click", handler);
+      delete el.__haptic_handler;
+    }
+  }
+};
+function useHaptics() {
+  const ctx = inject(HAPTICS_INJECTION_KEY, null);
+  const patterns = ctx?.patterns ?? PRESETS;
+  const respectReducedMotion = ctx?.respectReducedMotion ?? true;
+  const prefersReducedMotion = ref(false);
+  onMounted(() => {
+    if (typeof window === "undefined" || !window.matchMedia) return;
+    const mql = window.matchMedia("(prefers-reduced-motion: reduce)");
+    prefersReducedMotion.value = mql.matches;
+    const onChange = (e) => {
+      prefersReducedMotion.value = e.matches;
+    };
+    mql.addEventListener("change", onChange);
+    onUnmounted(() => {
+      mql.removeEventListener("change", onChange);
+    });
+  });
+  const trigger = (action) => {
+    if (respectReducedMotion && prefersReducedMotion.value) return;
+    const pattern = patterns[action];
+    if (!pattern) return;
+    if (isVibrationSupported()) {
+      navigator.vibrate(toVibrateSequence(pattern));
+    } else if (isIOS()) {
+      schedulePattern(pattern);
+    }
+  };
+  const cancel = () => {
+    if (isVibrationSupported()) navigator.vibrate(0);
+  };
+  return {
+    trigger,
+    cancel,
+    isSupported: isVibrationSupported(),
+    isIOSSupported: isIOS()
+  };
+}
+
+export { HapticsPlugin, useHaptics, vHaptic };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shared.ts","../src/plugin.ts","../src/directive.ts","../src/use-haptics.ts"],"names":["PRESETS","isVibrationSupported","toVibrateSequence","isIOS","schedulePattern"],"mappings":"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","file":"index.js","sourcesContent":["import { PRESETS } from \"@haptics/core\";\nimport type { HapticPattern } from \"@haptics/core\";\n\nlet _patterns: Record<string, HapticPattern> = { ...PRESETS };\nlet _respectReducedMotion = true;\nlet _prefersReducedMotion = false;\n\nexport function _setConfig(\n\tpatterns: Record<string, HapticPattern>,\n\trespectReducedMotion: boolean,\n): void {\n\t_patterns = patterns;\n\t_respectReducedMotion = respectReducedMotion;\n}\n\nexport function _getPatterns(): Record<string, HapticPattern> {\n\treturn _patterns;\n}\n\nexport function _shouldSuppress(): boolean {\n\treturn _respectReducedMotion && _prefersReducedMotion;\n}\n\nexport function _setPrefersReducedMotion(value: boolean): void {\n\t_prefersReducedMotion = value;\n}\n","import type { App, InjectionKey } from \"vue\";\nimport {\n\tPRESETS,\n\tisIOS,\n\tschedulePattern,\n} from \"@haptics/core\";\nimport type { HapticPattern } from \"@haptics/core\";\nimport { _setConfig, _setPrefersReducedMotion } from \"./shared\";\n\nexport interface HapticsPluginOptions {\n\t/** Custom patterns merged with built-in presets. Same-name customs override. */\n\tpatterns?: Record<string, HapticPattern>;\n\t/** Suppress haptics when prefers-reduced-motion is active. Default: true */\n\trespectReducedMotion?: boolean;\n}\n\nexport interface HapticsContext {\n\tpatterns: Record<string, HapticPattern>;\n\trespectReducedMotion: boolean;\n}\n\nexport const HAPTICS_INJECTION_KEY: InjectionKey<HapticsContext> =\n\tSymbol(\"haptics\");\n\nexport const HapticsPlugin = {\n\tinstall(app: App, options: HapticsPluginOptions = {}) {\n\t\tconst patterns: Record<string, HapticPattern> = {\n\t\t\t...PRESETS,\n\t\t\t...options.patterns,\n\t\t};\n\t\tconst respectReducedMotion = options.respectReducedMotion ?? true;\n\n\t\tapp.provide(HAPTICS_INJECTION_KEY, { patterns, respectReducedMotion });\n\t\t_setConfig(patterns, respectReducedMotion);\n\n\t\tif (typeof document !== \"undefined\" && isIOS()) {\n\t\t\tlet prefersReducedMotion = false;\n\n\t\t\tif (typeof window !== \"undefined\" && window.matchMedia) {\n\t\t\t\tconst mql = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n\t\t\t\tprefersReducedMotion = mql.matches;\n\t\t\t\t_setPrefersReducedMotion(prefersReducedMotion);\n\n\t\t\t\tmql.addEventListener(\"change\", (e) => {\n\t\t\t\t\tprefersReducedMotion = e.matches;\n\t\t\t\t\t_setPrefersReducedMotion(e.matches);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tconst handler = (e: MouseEvent) => {\n\t\t\t\tif (respectReducedMotion && prefersReducedMotion) return;\n\t\t\t\tconst target = (e.target as Element)?.closest(\"[data-haptic]\");\n\t\t\t\tif (!target) return;\n\t\t\t\tconst action = target.getAttribute(\"data-haptic\");\n\t\t\t\tif (action && action in patterns) {\n\t\t\t\t\tschedulePattern(patterns[action]);\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tdocument.addEventListener(\"click\", handler, {\n\t\t\t\tcapture: true,\n\t\t\t\tpassive: true,\n\t\t\t});\n\t\t}\n\t},\n};\n","import type { Directive } from \"vue\";\nimport { isVibrationSupported, toVibrateSequence } from \"@haptics/core\";\nimport { _getPatterns, _shouldSuppress } from \"./shared\";\n\ntype HapticValue = string;\n\n/**\n * v-haptic directive for declarative haptic feedback.\n *\n * Usage:\n *   <button v-haptic=\"'success'\">Save</button>\n *   <button v-haptic=\"'impact-heavy'\">Delete</button>\n *\n * On iOS: Sets data-haptic attribute so the plugin's capture-phase listener\n * handles it (preserving gesture chain).\n *\n * On Android: Registers a click handler that calls navigator.vibrate().\n */\nexport const vHaptic: Directive<HTMLElement, HapticValue> = {\n\tmounted(el, binding) {\n\t\tconst action = binding.value;\n\t\tif (!action) return;\n\n\t\tel.setAttribute(\"data-haptic\", action);\n\n\t\tif (isVibrationSupported()) {\n\t\t\tconst handler = () => {\n\t\t\t\tif (_shouldSuppress()) return;\n\t\t\t\tconst patterns = _getPatterns();\n\t\t\t\tconst pattern = patterns[action];\n\t\t\t\tif (pattern) {\n\t\t\t\t\tnavigator.vibrate(toVibrateSequence(pattern));\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tel.addEventListener(\"click\", handler);\n\t\t\t(el as any).__haptic_handler = handler;\n\t\t}\n\t},\n\n\tupdated(el, binding) {\n\t\tconst action = binding.value;\n\t\tif (action) {\n\t\t\tel.setAttribute(\"data-haptic\", action);\n\t\t} else {\n\t\t\tel.removeAttribute(\"data-haptic\");\n\t\t}\n\t},\n\n\tunmounted(el) {\n\t\tel.removeAttribute(\"data-haptic\");\n\t\tconst handler = (el as any).__haptic_handler;\n\t\tif (handler) {\n\t\t\tel.removeEventListener(\"click\", handler);\n\t\t\tdelete (el as any).__haptic_handler;\n\t\t}\n\t},\n};\n","import { inject, ref, onMounted, onUnmounted } from \"vue\";\nimport {\n\tPRESETS,\n\tisVibrationSupported,\n\tisIOS,\n\ttoVibrateSequence,\n\tschedulePattern,\n} from \"@haptics/core\";\nimport type { PresetName } from \"@haptics/core\";\nimport { HAPTICS_INJECTION_KEY } from \"./plugin\";\n\n/**\n * Composable for imperative haptic feedback.\n *\n * Works with or without HapticsPlugin — falls back to built-in presets.\n *\n * Returns plain values (not refs) for isSupported/isIOSSupported to match\n * the React hook's API shape. These don't change at runtime.\n */\nexport function useHaptics() {\n\tconst ctx = inject(HAPTICS_INJECTION_KEY, null);\n\tconst patterns = ctx?.patterns ?? PRESETS;\n\tconst respectReducedMotion = ctx?.respectReducedMotion ?? true;\n\n\tconst prefersReducedMotion = ref(false);\n\n\tonMounted(() => {\n\t\tif (typeof window === \"undefined\" || !window.matchMedia) return;\n\n\t\tconst mql = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n\t\tprefersReducedMotion.value = mql.matches;\n\n\t\tconst onChange = (e: MediaQueryListEvent) => {\n\t\t\tprefersReducedMotion.value = e.matches;\n\t\t};\n\t\tmql.addEventListener(\"change\", onChange);\n\n\t\tonUnmounted(() => {\n\t\t\tmql.removeEventListener(\"change\", onChange);\n\t\t});\n\t});\n\n\tconst trigger = (action: PresetName | (string & {})) => {\n\t\tif (respectReducedMotion && prefersReducedMotion.value) return;\n\n\t\tconst pattern = patterns[action as keyof typeof patterns];\n\t\tif (!pattern) return;\n\n\t\tif (isVibrationSupported()) {\n\t\t\tnavigator.vibrate(toVibrateSequence(pattern));\n\t\t} else if (isIOS()) {\n\t\t\tschedulePattern(pattern);\n\t\t}\n\t};\n\n\tconst cancel = () => {\n\t\tif (isVibrationSupported()) navigator.vibrate(0);\n\t};\n\n\treturn {\n\t\ttrigger,\n\t\tcancel,\n\t\tisSupported: isVibrationSupported(),\n\t\tisIOSSupported: isIOS(),\n\t};\n}\n"]}

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@haptics/vue",
+  "version": "1.0.0",
+  "description": "Vue plugin, directive, and composable for haptic feedback. iOS Safari and Android Vibration API.",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "type-check": "tsc --noEmit",
+    "test": "vitest run"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/howdoiusekeyboard/haptics.git",
+    "directory": "packages/vue"
+  },
+  "author": "Howdoiusekeyboard",
+  "license": "MIT",
+  "keywords": [
+    "haptics",
+    "vue",
+    "haptic-feedback",
+    "vibration",
+    "ios",
+    "android",
+    "directive",
+    "composable"
+  ],
+  "dependencies": {
+    "@haptics/core": "^1.0.0"
+  },
+  "peerDependencies": {
+    "vue": ">=3.3"
+  },
+  "devDependencies": {
+    "@vue/test-utils": "^2.4.0",
+    "jsdom": "^29.0.0",
+    "tsup": "^8.0.0",
+    "vitest": "^4.1.0",
+    "vue": "^3.5.0"
+  }
+}