feat/239-haptics

[olios123]

Dodałem hapticsy

Important

iOS i ogólnie wiele przeglądarek ma problemy z tymi hapticsami i może nie działać

Zostały dodane do:

• Wszystkie switche (są tylko w ustawieniach)
• Przyciski +/- w ustawieniach
• Importowanie quizu error i success
• Zaznaczanie pytania w quizie
• Przejście do kolejnego i poprzedniego pytania
• Odpowiedzenie poprawnie/błędnie na pytanie

Ustawienie zapisuje się tylko lokalnie w localStorage per urządzenie.

Oddzieliłem hapticsy od reszty ustawień aby się nie mieszały.

Nie miałem pomysłu na więcej hapticsów aby też nie nawalić tego bez sensu.

CLOSES #239

[Copilot]

Pull request overview

Dodanie obsługi haptics (wibracji) w aplikacji poprzez nowy hook oraz podpięcie go do wybranych interakcji UI (przyciski, switche, quiz, import).

Changes:

• Dodano zależność web-haptics oraz hook useHaptics do wyzwalania presetów wibracji.
• Podpięto haptics do importu quizu, tworzenia quizu oraz kluczowych akcji w rozwiązywaniu quizu.
• Rozszerzono komponent Button o opcjonalne haptics na klik oraz dodano wibracje do Switch i ustawień.

Reviewed changes

Copilot reviewed 9 out of 10 changed files in this pull request and generated 6 comments.

Show a summary per file

File	Description
src/lib/import-quiz.ts	Haptics dla success/error przy imporcie quizu.
src/hooks/haptics.ts	Nowy hook integrujący web-haptics + stan w localStorage.
src/components/ui/switch.tsx	Dodanie wibracji przy interakcji z przełącznikiem.
src/components/ui/button.tsx	Flaga hapticsOnClick do wibracji na klik.
src/components/quiz/question-card.tsx	Haptics przy zaznaczaniu odpowiedzi oraz akcjach nawigacyjnych.
src/components/quiz/hooks/use-quiz-logic.ts	Haptics success/error po sprawdzeniu odpowiedzi.
src/components/profile/settings-form.tsx	UI do włączenia/wyłączenia haptics + haptics na przyciskach +/- .
src/app/create-quiz/client.tsx	Haptics success/error przy zapisie quizu.
package.json	Dodanie web-haptics.
package-lock.json	Lockfile dla web-haptics.

Comments suppressed due to low confidence (1)

src/components/ui/switch.tsx:31

• W Switch haptics są podpinane przez onClick, ale potem robisz {...props} po tym handlerze. Jeśli ktoś przekaże własny onClick w propsach, to nadpisze on ten z hapticsami i wibracja przestanie działać. Lepiej jawnie zmergować handlery (wywołać propsowe onClick + haptics) albo rozważyć użycie onCheckedChange zamiast onClick.

    <SwitchPrimitive.Root
      data-slot="switch"
      data-size={size}
      role="switch"
      onClick={async () => {
        await haptics.vibrate("selection");
      }}
      className={cn(
        "peer aria-checked:dark:bg-accent-input bg-accent-input dark:bg-input/80 inline-flex h-6 w-12 shrink-0 items-center rounded-[10px] border border-transparent shadow-xs transition-all outline-none disabled:cursor-not-allowed disabled:opacity-50 aria-checked:bg-(--cta-gradient-from)",
        "focus-visible:border-ring focus-visible:ring-ring focus-visible:ring-[3px]",
        className,
      )}
      {...props}
    >

[Antoni-Czaplicki]

Let’s put it on hold until we know if it’s going to be supported in iOS in the feature lochie/web-haptics#36

[Copilot]

Pull request overview

Copilot reviewed 9 out of 10 changed files in this pull request and generated 2 comments.

Comments suppressed due to low confidence (1)

src/components/ui/switch.tsx:31

• Because {...props} is spread after onClick, any consumer-provided onClick will override this handler and haptics won’t trigger. If you want Switch haptics to be reliable while still allowing consumers to handle clicks, destructure onClick from props and compose it (call the consumer handler first/last, then trigger haptics), and spread the remaining props.

        "focus-visible:border-ring focus-visible:ring-ring focus-visible:ring-[3px]",
        className,
      )}
      {...props}
    >

[Antoni-Czaplicki]

closing for now as looks like haptics were disabled for good on safari