Merge branch 'master' of https://github.com/nandorojo/moti

Author: nandorojo

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -9,6 +9,13 @@ body:
     options:
     - label: I have searched the existing issues
       required: true
+- type: checkboxes
+  attributes:
+    label: Do you want this issue prioritized?
+    description: If this issue is urgent, you can add prioritize it via a <a href="https://github.com/sponsors/nandorojo?frequency=one-time&sponsor=nandorojo">sponsorship on GitHub</a>. Feel free to tag @nandorojo here in the issue description if you sponsor.
+    options:
+    - label: Yes, I have sponsored
+    - label: Not urgent
 - type: textarea
   attributes:
     label: Current Behavior
@@ -57,8 +64,10 @@ body:
     label: Reproduction
     description: |
       Please add a link to an Expo Snack or a **minimal reproduction**.
+
+      If you can reproduce on Web, the easiest way to share a reproduction is by <a href="https://stackblitz.com/edit/nextjs-v5vkju?file=pages%2Findex.tsx">forking the StackBlitz starter</a>.
       
-      You can use the starter app:
+      If the issue only happens on native, you can use the starter app:
       
       ```sh
       npx create-react-native-app -t with-moti

README.md

@@ -10,7 +10,7 @@ The universal React Native animation library, powered by Reanimated 3.
 
 - [Documentation](https://moti.fyi)
 - [Installation](https://moti.fyi/installation)
-- [Examples](https://moti.fyi/examples/hello-world)
+- [Examples](https://moti.fyi/examples/hello-world) *(please use Chrome, other browsers are partially supported)*
 
 ## Next.js Conf
 

docs/docs/interactions/use-pressable-transition.md

@@ -46,7 +46,7 @@ Then, in the `Item` component:
 
 ```tsx
 const Item = () => {
-  const state = useMotiPressableTransition(({ pressed }) => {
+  const transition = useMotiPressableTransition(({ pressed }) => {
     'worklet'
 
     if (pressed) {
@@ -60,6 +60,7 @@ const Item = () => {
       delay: 50,
     }
   })
+  
   const state = useMotiPressableState(({ pressed }) => {
     return {
       translateY: pressed ? -10 : 0,

docs/docs/interactions/use-pressable.md

@@ -29,7 +29,7 @@ const Item = () => {
     'worklet'
 
     return {
-      opactiy: pressed ? 0.5 : 1,
+      opacity: pressed ? 0.5 : 1,
     }
   })
 
@@ -58,7 +58,7 @@ const state = useMotiPressable('list', ({ pressed }) => {
   'worklet'
 
   return {
-    opactiy: pressed ? 0.5 : 1,
+    opacity: pressed ? 0.5 : 1,
   }
 })
 
@@ -78,7 +78,7 @@ const state = useMotiPressable(
     'worklet'
 
     return {
-      opactiy: pressed && !loading ? 0.5 : 1,
+      opacity: pressed && !loading ? 0.5 : 1,
     }
   },
   [loading] // pass an empty array if there are no dependencies