ci(release): publish latest release

Author: hello-happy-puppy

.cursor/rules/mobile/styling.mdc

@@ -6,7 +6,28 @@ alwaysApply: false
 # Mobile Styling Conventions
 
 ## Component Styling
-- Prefer Tamagui inline props over other methods
+- Use the `styled` function from `ui/src` for consistent styling
+- Prefer Tamagui styling over React Native StyleSheet when possible
+- Use StyleSheet.create for performance-critical styles or when Tamagui isn't suitable
+
+## StyleSheet Usage
+- Define styles outside of the component body to prevent recreation on renders
+- Use descriptive names for style objects
+- Group related styles together
+
+Example:
+```typescript
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: spacing.spacing16,
+  },
+  header: {
+    fontSize: 18,
+    fontWeight: 'bold',
+  },
+})
+```
 
 ## Theme Usage
 - Use theme tokens from the UI package instead of hardcoded values
@@ -19,11 +40,9 @@ alwaysApply: false
 - Minimize view hierarchy depth
 
 ## Platform Specific Code
-- Use `.<platform>.tsx` extensions for platform-specific components
-- The bundler will grab the appropriate file during the build and always fallback to `.tsx`
-- The `platform` variable must be one of the following: ios, android, macos, windows, web, native
-- Use the `Platform.select` API for inline platform-specific code. This method expects an object keyed by `platform`.
-- Also consider using our custom platform variables like `isMobileApp`, `isInterface`, etc. for more specific platform detection needs.
+- Use `$platform-web` for platform-specific styling in Tamagui
+- Use `.ios.tsx` and `.android.tsx` extensions for platform-specific components
+- Use the `Platform.select` API for inline platform-specific code
 
 ## Performance
 - Memoize complex style calculations

.cursor/rules/shared/components.mdc

@@ -1,73 +1,44 @@
 ---
-description: 
-globs: 
-alwaysApply: true
+description: Component Structure and Best Practices
+globs:
+alwaysApply: false
 ---
 # Component Structure and Best Practices
 
 ## Component Organization
 - Place state and hooks at the top of the component
 - Group related state variables together
+- Extract complex logic into custom hooks
 - Define handlers after state declarations
 - Place JSX return statement at the end of the component
 
-## Props
-- Use interface for component props
-- Place prop interface directly above component
-- Complex or shared types can be moved to a types.ts file
-- Use descriptive prop names
-- Provide default props where appropriate
-
-## Performance Optimizations
-- Memoize expensive calculations with useMemo
-- Memoize event handlers with useCallback or use our custom useEvent hook
-- Use React.memo for pure components that render often
-- Avoid anonymous functions in render
-
-## Component Size
-- Keep components focused on a single responsibility
-- Extract complex components into smaller, reusable pieces
-- Aim for less than 250 lines per component file
-- Extract prop interfaces and types to separate files if they become complex
-
 ## Component Structure Example
-
 ```typescript
-interface ExampleComponentProps {
-  prop1: string;
-  prop2: () => void;
-}
-
 export function ExampleComponent({ prop1, prop2 }: ExampleComponentProps): JSX.Element {
   // State declarations
   const [state1, setState1] = useState(false)
   const [state2, setState2] = useState<string>('')
 
-  // Queries and mutations
-  const { data, isPending } = useQuery(exampleQueries.getData(prop1))
-  const mutation = useMutation({
-    mutationFn: () => exampleService.submit(prop1),
-    onSuccess: prop2
-  })
+  // Custom hooks
+  const { data, loading } = useCustomHook()
 
   // Derived values
   const derivedValue = useMemo(() => {
-    return someCalculation(state1, data)
-  }, [state1, data])
+    return someCalculation(state1, prop1)
+  }, [state1, prop1])
 
   // Event handlers
   const handleClick = useCallback(() => {
     setState1(!state1)
-    mutation.mutate()
-  }, [state1, mutation])
+  }, [state1])
 
   // Side effects
   useEffect(() => {
     // Effect logic
   }, [prop2])
 
   // Conditional rendering logic
-  if (isPending) {
+  if (loading) {
     return <LoadingSpinner />
   }
 
@@ -80,3 +51,21 @@ export function ExampleComponent({ prop1, prop2 }: ExampleComponentProps): JSX.E
   )
 }
 ```
+
+## Props
+- Use interface for component props
+- Place prop interface directly above component or in a types.ts file
+- Use descriptive prop names
+- Provide default props where appropriate
+
+## Performance Optimizations
+- Memoize expensive calculations with useMemo
+- Memoize event handlers with useCallback
+- Use React.memo for pure components that render often
+- Avoid anonymous functions in render
+
+## Component Size
+- Keep components focused on a single responsibility
+- Extract complex components into smaller, reusable pieces
+- Aim for less than 250 lines per component file
+- Extract prop interfaces and types to separate files if they become complex

.cursor/rules/shared/data-fetching.mdc

@@ -6,7 +6,6 @@ ignores: [
     'i18next',
     'moti',
     'wrangler',
-    'react-router',
     # Dependencies that depcheck thinks are missing but are actually present or never used
     '@yarnpkg/core',
     '@yarnpkg/cli',

.cursor/rules/shared/writing-tests.mdc .cursor/rules/writing-tests.mdc.cursor/rules/shared/writing-tests.mdc renamed to .cursor/rules/writing-tests.mdc

@@ -69,4 +69,3 @@ CLAUDE.local.md
 
 # cursor
 .cursor/mcp.json
-.cursor/rules/local-workflow.mdc

.depcheckrc

@@ -0,0 +1,38 @@
+diff --git a/registry.js b/registry.js
+index 64b2735d3bb5284bd2450bf0d06115c3de5dcf80..489ffa2f59a1d08d71826e2ceb0076d588636c7c 100644
+--- a/registry.js
++++ b/registry.js
+@@ -8,8 +8,9 @@
+  * @format
+  */
+ 
+-'use strict';
++"use strict";
+ 
++/*::
+ export type AssetDestPathResolver = 'android' | 'generic';
+ 
+ export type PackagerAsset = {
+@@ -25,17 +26,18 @@ export type PackagerAsset = {
+   +resolver?: AssetDestPathResolver,
+   ...
+ };
++*/
+ 
+-const assets: Array<PackagerAsset> = [];
++const assets/*::: Array<PackagerAsset>*/ = [];
+ 
+-function registerAsset(asset: PackagerAsset): number {
++function registerAsset(asset/*::: PackagerAsset*/)/*::: number*/ {
+   // `push` returns new array length, so the first asset will
+   // get id 1 (not 0) to make the value truthy
+   return assets.push(asset);
+ }
+ 
+-function getAssetByID(assetId: number): PackagerAsset {
++function getAssetByID(assetId/*::: number*/)/*::: PackagerAsset*/ {
+   return assets[assetId - 1];
+ }
+ 
+-module.exports = {registerAsset, getAssetByID};
++module.exports = { registerAsset, getAssetByID };

.gitignore

@@ -1,13 +1,12 @@
 diff --git a/RNFastImage.podspec b/RNFastImage.podspec
-index db0fada63fc06191f8620d336d244edde6c3dba3..93d7291b183b9625ad8d50e812ae247a11bad9d3 100644
+index db0fada63fc06191f8620d336d244edde6c3dba3..286fa816e47996fdff9f25261644d612c682ae0b 100644
 --- a/RNFastImage.podspec
 +++ b/RNFastImage.podspec
 @@ -16,6 +16,6 @@ Pod::Spec.new do |s|
    s.source_files  = "ios/**/*.{h,m}"
 
    s.dependency 'React-Core'
 -  s.dependency 'SDWebImage', '~> 5.11.1'
--  s.dependency 'SDWebImageWebPCoder', '~> 0.8.4'
-+  s.dependency 'SDWebImage', '~> 5.21.0'
-+  s.dependency 'SDWebImageWebPCoder', '~> 0.14.6'
++  s.dependency 'SDWebImage', '~> 5.15.5'
+   s.dependency 'SDWebImageWebPCoder', '~> 0.8.4'
  end