@superfan-app/spotify-auth 0.1.21 → 0.1.22

package/README.md

@@ -1,67 +1,234 @@
-# spotify-auth
+# @superfan-app/spotify-auth
 
-A React Native module for Spotify authentication, built with Expo modules.
+A modern Expo module for Spotify authentication in React Native apps. This module provides a seamless OAuth flow with proper token management and automatic refresh handling.
 
-# Installation
+## Features
+
+- 🔐 Complete Spotify OAuth implementation
+- 🔄 Automatic token refresh
+- 📱 iOS support via native SDK
+- ⚡️ Modern Expo development workflow
+- 🛡️ Secure token storage
+- 🔧 TypeScript support
+- 📝 Comprehensive error handling
+
+## Installation
 
 ```bash
-npm install @superfan-app/spotify-auth
+npx expo install @superfan-app/spotify-auth
 ```
 
-# Configuration
+This module requires the Expo Development Client (not compatible with Expo Go):
 
-### iOS
+```bash
+npx expo install expo-dev-client
+```
 
-1. Run `npx pod-install` after installing the npm package.
+## Configuration
+
+1. Create a Spotify application in the [Spotify Developer Dashboard](https://developer.spotify.com/dashboard)
+
+2. Configure your app.json/app.config.js:
+
+```json
+{
+  "expo": {
+    "plugins": [
+      [
+        "@superfan-app/spotify-auth",
+        {
+          "clientID": "your_spotify_client_id",
+          "scheme": "your-app-scheme",
+          "callback": "callback",
+          "tokenSwapURL": "https://your-backend.com/swap",
+          "tokenRefreshURL": "https://your-backend.com/refresh",
+          "scopes": [
+            "user-read-email",
+            "streaming"
+          ]
+        }
+      ]
+    ]
+  }
+}
+```
 
-2. Add the following to your `Info.plist`:
+3. Set up your redirect URI in the Spotify Dashboard:
+   - Format: `your-app-scheme://callback`
+   - Example: `my-spotify-app://callback`
 
-```xml
-<key>SpotifyClientID</key>
-<string>YOUR_CLIENT_ID</string>
-<key>SpotifyScheme</key>
-<string>YOUR_URL_SCHEME</string>
-<key>SpotifyCallback</key>
-<string>YOUR_CALLBACK_PATH</string>
-<key>SpotifyScopes</key>
-<array>
-    <string>user-read-private</string>
-    <!-- Add other required scopes -->
-</array>
-```
+4. Implement token swap/refresh endpoints on your backend (see Backend Requirements below)
+
+## Usage
 
-# Usage
+1. Wrap your app with the provider:
 
 ```tsx
-import { SpotifyAuthProvider, useSpotifyAuth } from '@superfan-app/spotify-auth';
+import { SpotifyAuthProvider } from '@superfan-app/spotify-auth';
 
-// Wrap your app with the provider
-function App() {
+export default function App() {
   return (
     <SpotifyAuthProvider>
-      <YourApp />
+      <MainApp />
     </SpotifyAuthProvider>
   );
 }
+```
 
-// Use the hook in your components
-function YourApp() {
-  const { accessToken, authorize } = useSpotifyAuth();
+2. Use the hook in your components:
 
-  const handleLogin = () => {
-    authorize();
-  };
+```tsx
+import { useSpotifyAuth } from '@superfan-app/spotify-auth';
+
+function MainScreen() {
+  const { 
+    accessToken,
+    authorize,
+    isAuthenticating,
+    error
+  } = useSpotifyAuth();
+
+  useEffect(() => {
+    if (!accessToken && !isAuthenticating) {
+      authorize();
+    }
+  }, []);
+
+  if (isAuthenticating) {
+    return <ActivityIndicator />;
+  }
+
+  if (error) {
+    return <Text>Error: {error}</Text>;
+  }
 
   if (!accessToken) {
-    return <Button onPress={handleLogin} title="Login with Spotify" />;
+    return <Text>Not authenticated</Text>;
   }
 
-  return <YourAuthenticatedApp />;
+  return <YourAuthenticatedApp token={accessToken} />;
 }
 ```
 
-The module provides:
-- `SpotifyAuthProvider`: Context provider that manages the Spotify authentication state
-- `useSpotifyAuth`: Hook that provides:
-  - `accessToken`: Current Spotify access token (null if not authenticated)
-  - `authorize()`: Function to initiate Spotify authorization
+## API Reference
+
+### SpotifyAuthProvider
+
+Provider component that manages authentication state.
+
+```tsx
+<SpotifyAuthProvider>
+  {children}
+</SpotifyAuthProvider>
+```
+
+### useSpotifyAuth()
+
+Hook for accessing authentication state and methods.
+
+Returns:
+- \`accessToken: string | null\` - Current Spotify access token
+- \`authorize(): Promise<void>\` - Start authentication flow
+- \`isAuthenticating: boolean\` - Authentication in progress
+- \`error: string | null\` - Last error message
+
+### Available Scopes
+
+All standard Spotify scopes are supported:
+- \`app-remote-control\`
+- \`playlist-modify-private\`
+- \`playlist-modify-public\`
+- \`playlist-read-collaborative\`
+- \`playlist-read-private\`
+- \`streaming\`
+- \`user-follow-modify\`
+- \`user-follow-read\`
+- \`user-library-modify\`
+- \`user-library-read\`
+- \`user-modify-playback-state\`
+- \`user-read-currently-playing\`
+- \`user-read-email\`
+- \`user-read-playback-position\`
+- \`user-read-playback-state\`
+- \`user-read-private\`
+- \`user-read-recently-played\`
+- \`user-top-read\`
+
+## Backend Requirements
+
+You need to implement two endpoints:
+
+1. Token Swap Endpoint (\`tokenSwapURL\`):
+   - Receives authorization code
+   - Exchanges it for access/refresh tokens using your client secret
+   - Returns tokens to the app
+
+2. Token Refresh Endpoint (\`tokenRefreshURL\`):
+   - Receives refresh token
+   - Gets new access token from Spotify
+   - Returns new access token to the app
+
+Example response format for both endpoints:
+```json
+{
+  "access_token": "new_access_token",
+  "refresh_token": "new_refresh_token",
+  "expires_in": 3600
+}
+```
+
+## Development Workflow
+
+1. Clean installation:
+```bash
+npm install
+npm run build
+```
+
+2. Clean build:
+```bash
+npx expo prebuild --clean
+```
+
+3. Run on iOS:
+```bash
+npx expo run:ios
+```
+
+## Troubleshooting
+
+### Common Issues
+
+1. "Cannot find native module 'SpotifyAuth'":
+   ```bash
+   npx expo prebuild --clean
+   npx expo run:ios
+   ```
+
+2. Build errors:
+   ```bash
+   npm run clean
+   npm run build
+   npx expo prebuild --clean
+   ```
+
+3. Authentication errors:
+   - Verify your client ID
+   - Check redirect URI in Spotify Dashboard
+   - Ensure HTTPS for token endpoints
+   - Verify requested scopes
+
+## Security
+
+- Access tokens are stored in memory
+- Refresh tokens are securely stored in Keychain
+- HTTPS required for token endpoints
+- Automatic token refresh
+- Proper error handling and recovery
+
+## Requirements
+
+- Expo SDK 47+
+- iOS 13.0+
+- Node.js 14.0+
+- Expo Development Client

package/build/SpotifyAuth.types.d.ts

@@ -1,3 +1,11 @@
+/**
+ * Event data structure for Spotify authorization events
+ */
+export interface SpotifyAuthEvent {
+    success: boolean;
+    token: string | null;
+    error?: string;
+}
 /**
  * Data returned from the Spotify authorization process
  */
@@ -9,6 +17,17 @@ export interface SpotifyAuthorizationData {
     /** Error message if authorization failed */
     error?: string;
 }
+/**
+ * Configuration for the authorization request
+ */
+export interface AuthorizeConfig {
+    /** Spotify Client ID */
+    clientId: string;
+    /** OAuth redirect URL */
+    redirectUrl: string;
+    /** Whether to show the auth dialog */
+    showDialog?: boolean;
+}
 /**
  * Props for the SpotifyAuthView component
  */
@@ -23,7 +42,11 @@ export interface SpotifyAuthContext {
     /** The current Spotify access token, null if not authenticated */
     accessToken: string | null;
     /** Function to initiate Spotify authorization */
-    authorize: () => void;
+    authorize: (config: AuthorizeConfig) => Promise<void>;
+    /** Whether authorization is in progress */
+    isAuthenticating: boolean;
+    /** Last error that occurred during authentication */
+    error: string | null;
 }
 export declare const SpotifyAuthContextInstance: import("react").Context<SpotifyAuthContext>;
 export interface SpotifyAuthOptions {

package/build/SpotifyAuth.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpotifyAuth.types.d.ts","sourceRoot":"","sources":["../src/SpotifyAuth.types.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,+CAA+C;IAC/C,OAAO,EAAE,OAAO,CAAC;IACjB,uEAAuE;IACvE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,4CAA4C;IAC5C,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,kEAAkE;IAClE,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,iDAAiD;IACjD,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,0BAA0B,6CAGrC,CAAC;AAEH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAC7D;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf"}
+{"version":3,"file":"SpotifyAuth.types.d.ts","sourceRoot":"","sources":["../src/SpotifyAuth.types.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,+CAA+C;IAC/C,OAAO,EAAE,OAAO,CAAC;IACjB,uEAAuE;IACvE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,wBAAwB;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,yBAAyB;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,4CAA4C;IAC5C,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,kEAAkE;IAClE,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,iDAAiD;IACjD,SAAS,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,2CAA2C;IAC3C,gBAAgB,EAAE,OAAO,CAAC;IAC1B,qDAAqD;IACrD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,0BAA0B,6CAKrC,CAAC;AAEH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAC7D;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf"}

package/build/SpotifyAuth.types.js

@@ -1,6 +1,8 @@
 import { createContext } from "react";
 export const SpotifyAuthContextInstance = createContext({
     accessToken: null,
-    authorize: () => { },
+    authorize: async () => { },
+    isAuthenticating: false,
+    error: null
 });
 //# sourceMappingURL=SpotifyAuth.types.js.map

package/build/SpotifyAuth.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpotifyAuth.types.js","sourceRoot":"","sources":["../src/SpotifyAuth.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAgCtC,MAAM,CAAC,MAAM,0BAA0B,GAAG,aAAa,CAAqB;IAC1E,WAAW,EAAE,IAAI;IACjB,SAAS,EAAE,GAAG,EAAE,GAAG,CAAC;CACrB,CAAC,CAAC","sourcesContent":["import { createContext } from \"react\";\n\n/**\n * Data returned from the Spotify authorization process\n */\nexport interface SpotifyAuthorizationData {\n  /** Whether the authorization was successful */\n  success: boolean;\n  /** The access token if authorization was successful, null otherwise */\n  token: string | null;\n  /** Error message if authorization failed */\n  error?: string;\n}\n\n/**\n * Props for the SpotifyAuthView component\n */\nexport interface SpotifyAuthViewProps {\n  /** The name identifier for the auth view */\n  name: string;\n}\n\n/**\n * Context for Spotify authentication state and actions\n */\nexport interface SpotifyAuthContext {\n  /** The current Spotify access token, null if not authenticated */\n  accessToken: string | null;\n  /** Function to initiate Spotify authorization */\n  authorize: () => void;\n}\n\nexport const SpotifyAuthContextInstance = createContext<SpotifyAuthContext>({\n  accessToken: null,\n  authorize: () => { },\n});\n\nexport interface SpotifyAuthOptions {\n  clientId: string;\n  redirectUrl: string;\n  showDialog?: boolean;\n  tokenRefreshFunction?: (data: SpotifyTokenResponse) => void;\n}\n\n/**\n * Response data from Spotify token endpoint\n */\nexport interface SpotifyTokenResponse {\n  access_token: string;\n  token_type: string;\n  expires_in: number;\n  refresh_token?: string;\n  scope: string;\n}\n"]}
+{"version":3,"file":"SpotifyAuth.types.js","sourceRoot":"","sources":["../src/SpotifyAuth.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAyDtC,MAAM,CAAC,MAAM,0BAA0B,GAAG,aAAa,CAAqB;IAC1E,WAAW,EAAE,IAAI;IACjB,SAAS,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC;IACzB,gBAAgB,EAAE,KAAK;IACvB,KAAK,EAAE,IAAI;CACZ,CAAC,CAAC","sourcesContent":["import { createContext } from \"react\";\n\n/**\n * Event data structure for Spotify authorization events\n */\nexport interface SpotifyAuthEvent {\n  success: boolean;\n  token: string | null;\n  error?: string;\n}\n\n/**\n * Data returned from the Spotify authorization process\n */\nexport interface SpotifyAuthorizationData {\n  /** Whether the authorization was successful */\n  success: boolean;\n  /** The access token if authorization was successful, null otherwise */\n  token: string | null;\n  /** Error message if authorization failed */\n  error?: string;\n}\n\n/**\n * Configuration for the authorization request\n */\nexport interface AuthorizeConfig {\n  /** Spotify Client ID */\n  clientId: string;\n  /** OAuth redirect URL */\n  redirectUrl: string;\n  /** Whether to show the auth dialog */\n  showDialog?: boolean;\n}\n\n/**\n * Props for the SpotifyAuthView component\n */\nexport interface SpotifyAuthViewProps {\n  /** The name identifier for the auth view */\n  name: string;\n}\n\n/**\n * Context for Spotify authentication state and actions\n */\nexport interface SpotifyAuthContext {\n  /** The current Spotify access token, null if not authenticated */\n  accessToken: string | null;\n  /** Function to initiate Spotify authorization */\n  authorize: (config: AuthorizeConfig) => Promise<void>;\n  /** Whether authorization is in progress */\n  isAuthenticating: boolean;\n  /** Last error that occurred during authentication */\n  error: string | null;\n}\n\nexport const SpotifyAuthContextInstance = createContext<SpotifyAuthContext>({\n  accessToken: null,\n  authorize: async () => {},\n  isAuthenticating: false,\n  error: null\n});\n\nexport interface SpotifyAuthOptions {\n  clientId: string;\n  redirectUrl: string;\n  showDialog?: boolean;\n  tokenRefreshFunction?: (data: SpotifyTokenResponse) => void;\n}\n\n/**\n * Response data from Spotify token endpoint\n */\nexport interface SpotifyTokenResponse {\n  access_token: string;\n  token_type: string;\n  expires_in: number;\n  refresh_token?: string;\n  scope: string;\n}\n"]}

package/build/index.d.ts

@@ -1,5 +1,9 @@
 import React from "react";
-import { SpotifyAuthContext } from "./SpotifyAuth.types";
+import { SpotifyAuthContext, type AuthorizeConfig } from "./SpotifyAuth.types";
+/**
+ * Prompts the user to log in to Spotify and authorize your application.
+ */
+export declare function authorize(config: AuthorizeConfig): void;
 interface SpotifyAuthProviderProps {
     children: React.ReactNode;
 }

package/build/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAEL,kBAAkB,EAEnB,MAAM,qBAAqB,CAAC;AA2B7B,UAAU,wBAAwB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,GACT,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CAoBxC;AAED,wBAAgB,cAAc,IAAI,kBAAkB,CAMnD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,EAEL,kBAAkB,EAElB,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAC;AAoB7B;;GAEG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,eAAe,GAAG,IAAI,CAEvD;AAED,UAAU,wBAAwB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,GACT,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CAmCxC;AAED,wBAAgB,cAAc,IAAI,kBAAkB,CAMnD"}

package/build/index.js

@@ -1,9 +1,9 @@
 import { EventEmitter } from "expo-modules-core";
-import React, { useContext, useEffect, useState } from "react";
-import { SpotifyAuthContextInstance, } from "./SpotifyAuth.types";
+import React, { useContext, useEffect, useState, useCallback } from "react";
+import { SpotifyAuthContextInstance } from "./SpotifyAuth.types";
 import SpotifyAuthModule from "./SpotifyAuthModule";
 // Create a properly typed emitter
-const emitter = new EventEmitter();
+const emitter = new EventEmitter(SpotifyAuthModule);
 function addAuthListener(listener) {
     // Assert the event name is of the correct type
     const eventName = SpotifyAuthModule.AuthEventName;
@@ -12,11 +12,27 @@ function addAuthListener(listener) {
 /**
  * Prompts the user to log in to Spotify and authorize your application.
  */
-function authorize() {
-    SpotifyAuthModule.authorize();
+export function authorize(config) {
+    SpotifyAuthModule.authorize(config);
 }
 export function SpotifyAuthProvider({ children, }) {
     const [token, setToken] = useState(null);
+    const [isAuthenticating, setIsAuthenticating] = useState(false);
+    const [error, setError] = useState(null);
+    const authorize = useCallback(async (config) => {
+        try {
+            setIsAuthenticating(true);
+            setError(null);
+            await SpotifyAuthModule.authorize(config);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : 'Authorization failed');
+            throw err;
+        }
+        finally {
+            setIsAuthenticating(false);
+        }
+    }, []);
     useEffect(() => {
         const subscription = addAuthListener((data) => {
             setToken(data.token);
@@ -26,7 +42,7 @@ export function SpotifyAuthProvider({ children, }) {
         });
         return () => subscription.remove();
     }, []);
-    return (<SpotifyAuthContextInstance.Provider value={{ accessToken: token, authorize }}>
+    return (<SpotifyAuthContextInstance.Provider value={{ accessToken: token, authorize, isAuthenticating, error }}>
       {children}
     </SpotifyAuthContextInstance.Provider>);
 }

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,EAGL,0BAA0B,GAC3B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAUpD,kCAAkC;AAClC,MAAM,OAAO,GAAG,IAAI,YAAY,EAAiB,CAAC;AAElD,SAAS,eAAe,CAAC,QAAkD;IACzE,+CAA+C;IAC/C,MAAM,SAAS,GAAG,iBAAiB,CAAC,aAAqC,CAAC;IAC1E,OAAO,OAAO,CAAC,WAAW,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AAClD,CAAC;AAED;;GAEG;AACH,SAAS,SAAS;IAChB,iBAAiB,CAAC,SAAS,EAAE,CAAC;AAChC,CAAC;AAMD,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,GACiB;IACzB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,eAAe,CAAC,CAAC,IAAI,EAAE,EAAE;YAC5C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACrB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,KAAK,CAAC,uBAAuB,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;YACrD,CAAC;QACH,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC;IACrC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,CAAC,0BAA0B,CAAC,QAAQ,CAClC,KAAK,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAEzC;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,0BAA0B,CAAC,QAAQ,CAAC,CACvC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,MAAM,OAAO,GAAG,UAAU,CAAC,0BAA0B,CAAC,CAAC;IACvD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,0DAA0D,CAAC,CAAC;IAC9E,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["import { EventEmitter } from \"expo-modules-core\";\nimport React, { useContext, useEffect, useState } from \"react\";\n\nimport {\n  SpotifyAuthorizationData,\n  SpotifyAuthContext,\n  SpotifyAuthContextInstance,\n} from \"./SpotifyAuth.types\";\nimport SpotifyAuthModule from \"./SpotifyAuthModule\";\n\n// First define the event name as a string literal type\ntype SpotifyAuthEventName = \"onSpotifyAuth\"; // This should match SpotifyAuthModule.AuthEventName\n\n// Then use that type for events\ntype SpotifyEvents = {\n  [K in SpotifyAuthEventName]: (data: SpotifyAuthorizationData) => void;\n};\n\n// Create a properly typed emitter\nconst emitter = new EventEmitter<SpotifyEvents>();\n\nfunction addAuthListener(listener: (data: SpotifyAuthorizationData) => void) {\n  // Assert the event name is of the correct type\n  const eventName = SpotifyAuthModule.AuthEventName as SpotifyAuthEventName;\n  return emitter.addListener(eventName, listener);\n}\n\n/**\n * Prompts the user to log in to Spotify and authorize your application.\n */\nfunction authorize(): void {\n  SpotifyAuthModule.authorize();\n}\n\ninterface SpotifyAuthProviderProps {\n  children: React.ReactNode;\n}\n\nexport function SpotifyAuthProvider({\n  children,\n}: SpotifyAuthProviderProps): JSX.Element {\n  const [token, setToken] = useState<string | null>(null);\n\n  useEffect(() => {\n    const subscription = addAuthListener((data) => {\n      setToken(data.token);\n      if (data.error) {\n        console.error(`Spotify auth error: ${data.error}`);\n      }\n    });\n    return () => subscription.remove();\n  }, []);\n\n  return (\n    <SpotifyAuthContextInstance.Provider\n      value={{ accessToken: token, authorize }}\n    >\n      {children}\n    </SpotifyAuthContextInstance.Provider>\n  );\n}\n\nexport function useSpotifyAuth(): SpotifyAuthContext {\n  const context = useContext(SpotifyAuthContextInstance);\n  if (!context) {\n    throw new Error(\"useSpotifyAuth must be used within a SpotifyAuthProvider\");\n  }\n  return context;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,EAGL,0BAA0B,EAE3B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAUpD,kCAAkC;AAClC,MAAM,OAAO,GAAG,IAAI,YAAY,CAAC,iBAAiB,CAAC,CAAC;AAEpD,SAAS,eAAe,CAAC,QAAkD;IACzE,+CAA+C;IAC/C,MAAM,SAAS,GAAG,iBAAiB,CAAC,aAAqC,CAAC;IAC1E,OAAO,OAAO,CAAC,WAAW,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AAClD,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,MAAuB;IAC/C,iBAAiB,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;AACtC,CAAC;AAMD,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,GACiB;IACzB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACxD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExD,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,EAAE,MAAuB,EAAiB,EAAE;QAC7E,IAAI,CAAC;YACH,mBAAmB,CAAC,IAAI,CAAC,CAAC;YAC1B,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,MAAM,iBAAiB,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QAC5C,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC;YACtE,MAAM,GAAG,CAAC;QACZ,CAAC;gBAAS,CAAC;YACT,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,eAAe,CAAC,CAAC,IAAI,EAAE,EAAE;YAC5C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACrB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,KAAK,CAAC,uBAAuB,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;YACrD,CAAC;QACH,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC;IACrC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,CAAC,0BAA0B,CAAC,QAAQ,CAClC,KAAK,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAC,CAElE;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,0BAA0B,CAAC,QAAQ,CAAC,CACvC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,MAAM,OAAO,GAAG,UAAU,CAAC,0BAA0B,CAAC,CAAC;IACvD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,0DAA0D,CAAC,CAAC;IAC9E,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["import { EventEmitter } from \"expo-modules-core\";\nimport React, { useContext, useEffect, useState, useCallback } from \"react\";\nimport {\n  SpotifyAuthorizationData,\n  SpotifyAuthContext,\n  SpotifyAuthContextInstance,\n  type AuthorizeConfig\n} from \"./SpotifyAuth.types\";\nimport SpotifyAuthModule from \"./SpotifyAuthModule\";\n\n// First define the event name as a string literal type\ntype SpotifyAuthEventName = \"onSpotifyAuth\"; // This should match SpotifyAuthModule.AuthEventName\n\n// Then use that type for events\ntype SpotifyEvents = {\n  [K in SpotifyAuthEventName]: (data: SpotifyAuthorizationData) => void;\n};\n\n// Create a properly typed emitter\nconst emitter = new EventEmitter(SpotifyAuthModule);\n\nfunction addAuthListener(listener: (data: SpotifyAuthorizationData) => void) {\n  // Assert the event name is of the correct type\n  const eventName = SpotifyAuthModule.AuthEventName as SpotifyAuthEventName;\n  return emitter.addListener(eventName, listener);\n}\n\n/**\n * Prompts the user to log in to Spotify and authorize your application.\n */\nexport function authorize(config: AuthorizeConfig): void {\n  SpotifyAuthModule.authorize(config);\n}\n\ninterface SpotifyAuthProviderProps {\n  children: React.ReactNode;\n}\n\nexport function SpotifyAuthProvider({\n  children,\n}: SpotifyAuthProviderProps): JSX.Element {\n  const [token, setToken] = useState<string | null>(null);\n  const [isAuthenticating, setIsAuthenticating] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const authorize = useCallback(async (config: AuthorizeConfig): Promise<void> => {\n    try {\n      setIsAuthenticating(true);\n      setError(null);\n      await SpotifyAuthModule.authorize(config);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Authorization failed');\n      throw err;\n    } finally {\n      setIsAuthenticating(false);\n    }\n  }, []);\n\n  useEffect(() => {\n    const subscription = addAuthListener((data) => {\n      setToken(data.token);\n      if (data.error) {\n        console.error(`Spotify auth error: ${data.error}`);\n      }\n    });\n    return () => subscription.remove();\n  }, []);\n\n  return (\n    <SpotifyAuthContextInstance.Provider\n      value={{ accessToken: token, authorize, isAuthenticating, error }}\n    >\n      {children}\n    </SpotifyAuthContextInstance.Provider>\n  );\n}\n\nexport function useSpotifyAuth(): SpotifyAuthContext {\n  const context = useContext(SpotifyAuthContextInstance);\n  if (!context) {\n    throw new Error(\"useSpotifyAuth must be used within a SpotifyAuthProvider\");\n  }\n  return context;\n}\n"]}

package/ios/SpotifyAuth.podspec

@@ -10,7 +10,7 @@ Pod::Spec.new do |s|
   s.license        = package['license']
   s.author         = package['author']
   s.homepage       = package['homepage']
-  s.platforms      = :ios, '15.1'
+  s.platforms      = { :ios => '13.0' }  # Updated minimum iOS version
   s.swift_version  = '5.4'
   s.source         = { git: 'https://github.com/william-matz/spotify-auth' }
   s.static_framework = true
@@ -20,13 +20,30 @@ Pod::Spec.new do |s|
   # Swift/Objective-C compatibility
   s.pod_target_xcconfig = {
     'DEFINES_MODULE' => 'YES',
-    'SWIFT_COMPILATION_MODE' => 'wholemodule'
+    'SWIFT_COMPILATION_MODE' => 'wholemodule',
+    'FRAMEWORK_SEARCH_PATHS' => '"$(PODS_ROOT)/../../node_modules/@superfan-app/spotify-auth/ios/Frameworks"',
+    'HEADER_SEARCH_PATHS' => '"$(PODS_ROOT)/../../node_modules/@superfan-app/spotify-auth/ios/Frameworks/SpotifyiOS.xcframework/ios-arm64/SpotifyiOS.framework/Headers"',
+    'ENABLE_BITCODE' => 'NO',
+    'IPHONEOS_DEPLOYMENT_TARGET' => '13.0',
+    'SWIFT_VERSION' => '5.4'
+  }
+
+  s.user_target_xcconfig = {
+    'ENABLE_BITCODE' => 'NO',
+    'IPHONEOS_DEPLOYMENT_TARGET' => '13.0'
   }
 
   s.source_files = "**/*.{h,m,swift}"
-  s.exclude_files = ["Frameworks/SpotifyiOS.xcframework/**/*.h"]
   s.vendored_frameworks = 'Frameworks/SpotifyiOS.xcframework'
   s.preserve_paths = [
     'Frameworks/*.xcframework',
   ]
+
+  # Post install hooks
+  def s.post_install(target)
+    target.build_configurations.each do |config|
+      config.build_settings['ENABLE_BITCODE'] = 'NO'
+      config.build_settings['IPHONEOS_DEPLOYMENT_TARGET'] = '13.0'
+    end
+  end
 end