ios-haptics 0.0.9 → 0.1.0

package/README.md

@@ -3,11 +3,11 @@
 javascript library for haptic feedback inside of safari on ios
 
 ![GitHub last commit](https://img.shields.io/github/last-commit/tijnjh/ios-haptics)
-[![npm version](https://img.shields.io/npm/v/tsuite.svg)](https://npmjs.com/package/ios-haptics)
+[![npm version](https://img.shields.io/npm/v/ios-haptics.svg)](https://npmjs.com/package/ios-haptics)
 ![NPM Downloads](https://img.shields.io/npm/dm/ios-haptics)
 ![npm package minimized gzipped size](https://img.shields.io/bundlejs/size/ios-haptics)
 
-demo: [ios-haptics demo](https://wg.tijn.dev?h=s0kqLSnJz1PITLFVykgsKMlMVrKD0Db6ECk7Lkw1zvl5aZlFuTClCskQPj4trkVF%7EUVwDakgHlw5AA&c=UwAA&j=hYwxDsIwDEX3nMLKBAPJTsQC6sAxUJqSiDqObDMgxN1RlY6Vun3pv_cKNmKFL%7ERH0xLhBxMTgs2qTc7eJ0En2ReSUyfEBmNGim9MVd0z6TCnZV4_9_FgO2OPjmqcS3zBZQ2HPedGdSqMG6qL_dpNDMzEW4G0HMH8AQ)
+demo: [ios-haptics demo](https://codepen.io/tijnjh/pen/KwpgPqB)
 
 ## installation
 
@@ -34,7 +34,7 @@ haptic.error()
 
 this uses the `<input type="checkbox" switch />` (introduced in safari 17.4), which has haptic feedback when toggled
 
-every `haptic` call, it will create one of those in the background, toggle it (which has haptic feedback), then remove it
+every `haptic` call, it will create one of those in the background, toggle it, then remove it
 
 ---
 

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 /**
- * ios-haptics v0.0.9
+ * ios-haptics v0.1.0
  * tijn.dev
  * @license MIT
  */
@@ -8,6 +8,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.haptic = haptic;
 function haptic() {
     try {
+        if (navigator.vibrate) {
+            navigator.vibrate(50);
+            return;
+        }
         const labelEl = document.createElement('label');
         labelEl.ariaHidden = 'true';
         labelEl.style.display = 'none';
@@ -25,10 +29,18 @@ function haptic() {
 }
 ;
 haptic.confirm = () => {
+    if (navigator.vibrate) {
+        navigator.vibrate([50, 70, 50]);
+        return;
+    }
     haptic();
     setTimeout(() => haptic(), 120);
 };
 haptic.error = () => {
+    if (navigator.vibrate) {
+        navigator.vibrate([50, 70, 50, 70, 50]);
+        return;
+    }
     haptic();
     setTimeout(() => haptic(), 120);
     setTimeout(() => haptic(), 240);

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 /**
- * ios-haptics v0.0.9
+ * ios-haptics v0.1.0
  * tijn.dev
  * @license MIT
  */

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * ios-haptics v0.0.9
+ * ios-haptics v0.1.0
  * tijn.dev
  * @license MIT
  */

package/dist/index.js

@@ -1,10 +1,14 @@
 /**
- * ios-haptics v0.0.9
+ * ios-haptics v0.1.0
  * tijn.dev
  * @license MIT
  */
 function haptic() {
     try {
+        if (navigator.vibrate) {
+            navigator.vibrate(50);
+            return;
+        }
         const labelEl = document.createElement('label');
         labelEl.ariaHidden = 'true';
         labelEl.style.display = 'none';
@@ -22,10 +26,18 @@ function haptic() {
 }
 ;
 haptic.confirm = () => {
+    if (navigator.vibrate) {
+        navigator.vibrate([50, 70, 50]);
+        return;
+    }
     haptic();
     setTimeout(() => haptic(), 120);
 };
 haptic.error = () => {
+    if (navigator.vibrate) {
+        navigator.vibrate([50, 70, 50, 70, 50]);
+        return;
+    }
     haptic();
     setTimeout(() => haptic(), 120);
     setTimeout(() => haptic(), 240);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ios-haptics",
   "type": "module",
-  "version": "0.0.9",
+  "version": "0.1.0",
   "description": "haptic feedback for ios safari",
   "author": "tijnjh",
   "license": "MIT",
@@ -29,10 +29,10 @@
     "dist"
   ],
   "devDependencies": {
-    "@antfu/eslint-config": "^4.16.2",
-    "eslint": "^9.31.0",
-    "typescript": "^5.8.3",
-    "zshy": "^0.2.3"
+    "@antfu/eslint-config": "^5.1.0",
+    "eslint": "^9.32.0",
+    "typescript": "^5.9.2",
+    "zshy": "^0.3.4"
   },
   "zshy": "./src/index.ts"
 }