Merge pull request #449 from FormidableLabs/chore/spotify-example

Chore/spotify example

Author: Kadi Kraman

Example/App.js

@@ -1,4 +1,4 @@
-import React, { useState, useCallback } from 'react';
+import React, { useState, useCallback, useMemo } from 'react';
 import { UIManager, LayoutAnimation, Alert } from 'react-native';
 import { authorize, refresh, revoke } from 'react-native-app-auth';
 import { Page, Button, ButtonContainer, Form, FormLabel, FormValue, Heading } from './components';
@@ -59,7 +59,8 @@ export default () => {
 
       setAuthState(current => ({
         ...current,
-        ...newAuthState
+        ...newAuthState,
+        refreshToken: newAuthState.refreshToken || current.refreshToken
       }))
 
     } catch (error) {
@@ -84,6 +85,15 @@ export default () => {
     }
   }, [authState]);
 
+  const showRevoke = useMemo(() => {
+    if (authState.accessToken) {
+      if (config.issuer || config.serviceConfiguration.revocationEndpoint) {
+        return true;
+      }
+    }
+    return false;
+  }, [authState]);
+
   return (
     <Page>
       {!!authState.accessToken ? (
@@ -108,7 +118,7 @@ export default () => {
         {!!authState.refreshToken ? (
           <Button onPress={handleRefresh} text="Refresh" color="#24C2CB" />
         ) : null}
-        {!!authState.accessToken ? (
+        {showRevoke ? (
           <Button onPress={handleRevoke} text="Revoke" color="#EF525B" />
         ) : null}
       </ButtonContainer>

README.md

@@ -42,6 +42,7 @@ These providers implement the OAuth2 spec, but are not OpenID providers, which m
 - [GitHub](https://developer.github.com/apps/building-oauth-apps/authorizing-oauth-apps/) ([Example configuration](./docs/config-examples/github.md))
 - [Slack](https://api.slack.com/authentication/oauth-v2) ([Example configuration](./docs/config-examples/slack.md))
 - [Strava](https://developers.strava.com/docs/authentication) ([Example configuration](./docs/config-examples/strava.md))
+- [Spotify](https://developer.spotify.com/documentation/general/guides/authorization-guide/) ([Example configuration](./docs/config-examples/spotify.md))
 
 ## Why you may want to use this library
 

docs/config-examples/spotify.md

@@ -0,0 +1,22 @@
+# Spotify
+
+If you don't already have a spotify app, create it [here](https://developer.spotify.com/dashboard/applications).
+
+Open your app, go to settings and add a redirect uri, e.g. `com.myapp:/oauth`.
+
+Note: iOS redirect on Spotify only works with one `/`.s
+
+```js
+const config = {
+  clientId: '<client_id>', // available on the app page
+  clientSecret: '<client_secret>', // click "show client secret" to see this
+  redirectUrl: 'com.myapp:/oauth', // the redirect you defined after creating the app
+  scopes: ['user-read-email', 'playlist-modify-public', 'user-read-private'], // the scopes you need to access
+  serviceConfiguration: {
+    authorizationEndpoint: 'https://accounts.spotify.com/authorize',
+    tokenEndpoint: 'https://accounts.spotify.com/api/token',
+  },
+};
+
+const authState = await authorize(config);
+```