\n {context && (\n <>\n

Standard Haptics

\n fcsdk.haptics?.notificationOccurred?.('success')}>\n haptics (success notification)\n \n fcsdk.haptics?.impactOccurred?.('heavy')}>\n haptics (heavy impact)\n \n fcsdk.haptics?.selectionChanged?.()}>\n haptics (selection)\n \n

Custom Haptics

\n hapticsPattern('... * * ...')}>\n haptics (pattern: ... * * ...)\n \n hapticsPattern('......')}>\n haptics (pattern: ......)\n \n\n setPattern(e.target.value)}\n placeholder=\"Custom Pattern (e.g. ... * * ...)\"\n type=\"text\"\n autocomplete=\"off\"\n value={pattern}\n />\n {pattern && (\n hapticsPattern(pattern)}>\n haptics (custom)\n \n )}\n

\n \n )}\n\n {!context && (\n

Open this web app in Farcaster to see the Mini App.

\n )}\n

\n )\n}\n\nasync function hapticsPattern(pattern: string) {\n function delay(ms?: number) {\n return new Promise((resolve) => setTimeout(resolve, ms || 150))\n }\n function hapticsChar(char: string) {\n if (char === 's') return fcsdk.haptics?.notificationOccurred?.('success').then(() => delay())\n if (char === '*') return fcsdk.haptics?.impactOccurred?.('heavy').then(() => delay())\n if (char === '.') return fcsdk.haptics?.selectionChanged?.().then(() => delay())\n if (char === ' ') return delay()\n }\n const chars = pattern.replace(/…/g, '...').split('') || []\n for (const char of chars) {\n await hapticsChar(char)\n }\n}\n// hapticsPattern('... * * ...')\n","deleted","label",[180,181,164],"frontend","screens","permalink","https://www.val.town/x/clouds/MiniAppStarter/code/frontend/screens/CustomHaptics.tsx","extension","actionData","errors"]