@superfan-app/spotify-auth 0.1.13

package/README.md

@@ -0,0 +1,68 @@
+# spotify-auth
+
+A React Native module for Spotify authentication, built with Expo modules.
+
+# Installation
+
+```bash
+npm install @superfan-app/spotify-auth
+```
+
+# Configuration
+
+### iOS
+
+1. Run `npx pod-install` after installing the npm package.
+
+2. Add the following to your `Info.plist`:
+
+```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>
+```
+
+# Usage
+
+```tsx
+import { SpotifyAuthProvider, useSpotifyAuth } from '@superfan-app/spotify-auth';
+
+// Wrap your app with the provider
+function App() {
+  return (
+    <SpotifyAuthProvider>
+      <YourApp />
+    </SpotifyAuthProvider>
+  );
+}
+
+// Use the hook in your components
+function YourApp() {
+  const { accessToken, authorize } = useSpotifyAuth();
+
+  const handleLogin = () => {
+    // Optional playURI to start playing after auth
+    authorize();
+  };
+
+  if (!accessToken) {
+    return <Button onPress={handleLogin} title="Login with Spotify" />;
+  }
+
+  return <YourAuthenticatedApp />;
+}
+```
+
+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(playURI?: string)`: Function to initiate Spotify authorization

package/app.plugin.js

@@ -0,0 +1 @@
+module.exports = require('./plugin/build');

package/build/SpotifyAuth.types.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Data returned from the Spotify authorization process
+ */
+export interface SpotifyAuthorizationData {
+    /** Whether the authorization was successful */
+    success: boolean;
+    /** The access token if authorization was successful, null otherwise */
+    token: string | null;
+    /** Error message if authorization failed */
+    error?: string;
+}
+/**
+ * Props for the SpotifyAuthView component
+ */
+export interface SpotifyAuthViewProps {
+    /** The name identifier for the auth view */
+    name: string;
+}
+/**
+ * Context for Spotify authentication state and actions
+ */
+export interface SpotifyAuthContext {
+    /** The current Spotify access token, null if not authenticated */
+    accessToken: string | null;
+    /** Function to initiate Spotify authorization */
+    authorize: (playURI?: string) => void;
+}
+export declare const SpotifyAuthContextInstance: import("react").Context<SpotifyAuthContext>;
+//# sourceMappingURL=SpotifyAuth.types.d.ts.map

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

@@ -0,0 +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,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,eAAO,MAAM,0BAA0B,6CAGrC,CAAC"}

package/build/SpotifyAuth.types.js

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

package/build/SpotifyAuth.types.js.map

@@ -0,0 +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,GAAE,CAAC;CACpB,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: (playURI?: string) => void;\n}\n\nexport const SpotifyAuthContextInstance = createContext<SpotifyAuthContext>({\n  accessToken: null,\n  authorize: () => {},\n});\n"]}

package/build/SpotifyAuthModule.d.ts

@@ -0,0 +1,4 @@
+declare const _default: any;
+export default _default;
+export declare const AuthEventName: "onSpotifyAuth";
+//# sourceMappingURL=SpotifyAuthModule.d.ts.map

package/build/SpotifyAuthModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpotifyAuthModule.d.ts","sourceRoot":"","sources":["../src/SpotifyAuthModule.ts"],"names":[],"mappings":";AAGA,wBAAkD;AAElD,eAAO,MAAM,aAAa,EAAG,eAAwB,CAAC"}

package/build/SpotifyAuthModule.js

@@ -0,0 +1,5 @@
+import { requireNativeModule } from "expo-modules-core";
+// This call loads the native module object from the JSI.
+export default requireNativeModule("SpotifyAuth");
+export const AuthEventName = "onSpotifyAuth";
+//# sourceMappingURL=SpotifyAuthModule.js.map

package/build/SpotifyAuthModule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpotifyAuthModule.js","sourceRoot":"","sources":["../src/SpotifyAuthModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAExD,yDAAyD;AACzD,eAAe,mBAAmB,CAAC,aAAa,CAAC,CAAC;AAElD,MAAM,CAAC,MAAM,aAAa,GAAG,eAAwB,CAAC","sourcesContent":["import { requireNativeModule } from \"expo-modules-core\";\n\n// This call loads the native module object from the JSI.\nexport default requireNativeModule(\"SpotifyAuth\");\n\nexport const AuthEventName = \"onSpotifyAuth\" as const;\n"]}

package/build/SpotifyAuthView.d.ts

@@ -0,0 +1,3 @@
+import { SpotifyAuthViewProps } from "./SpotifyAuth.types";
+export default function SpotifyAuthView(props: SpotifyAuthViewProps): JSX.Element;
+//# sourceMappingURL=SpotifyAuthView.d.ts.map

package/build/SpotifyAuthView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpotifyAuthView.d.ts","sourceRoot":"","sources":["../src/SpotifyAuthView.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAK3D,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,KAAK,EAAE,oBAAoB,GAC1B,GAAG,CAAC,OAAO,CAEb"}

package/build/SpotifyAuthView.js

@@ -0,0 +1,7 @@
+import { requireNativeViewManager } from "expo-modules-core";
+import * as React from "react";
+const NativeView = requireNativeViewManager("SpotifyAuth");
+export default function SpotifyAuthView(props) {
+    return <NativeView {...props}/>;
+}
+//# sourceMappingURL=SpotifyAuthView.js.map

package/build/SpotifyAuthView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpotifyAuthView.js","sourceRoot":"","sources":["../src/SpotifyAuthView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,UAAU,GACd,wBAAwB,CAAC,aAAa,CAAC,CAAC;AAE1C,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,KAA2B;IAE3B,OAAO,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACnC,CAAC","sourcesContent":["import { requireNativeViewManager } from \"expo-modules-core\";\nimport * as React from \"react\";\nimport { ViewProps } from \"react-native\";\n\nimport { SpotifyAuthViewProps } from \"./SpotifyAuth.types\";\n\nconst NativeView: React.ComponentType<SpotifyAuthViewProps & ViewProps> =\n  requireNativeViewManager(\"SpotifyAuth\");\n\nexport default function SpotifyAuthView(\n  props: SpotifyAuthViewProps,\n): JSX.Element {\n  return <NativeView {...props} />;\n}\n"]}

package/build/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { SpotifyAuthContext } from "./SpotifyAuth.types";
+interface SpotifyAuthProviderProps {
+    children: React.ReactNode;
+}
+export declare function SpotifyAuthProvider({ children, }: SpotifyAuthProviderProps): JSX.Element;
+export declare function useSpotifyAuth(): SpotifyAuthContext;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -0,0 +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;AA4B7B,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"}

package/build/index.js

@@ -0,0 +1,41 @@
+import { EventEmitter } from "expo-modules-core";
+import React, { useContext, useEffect, useState } from "react";
+import { SpotifyAuthContextInstance, } from "./SpotifyAuth.types";
+import SpotifyAuthModule from "./SpotifyAuthModule";
+// Create a properly typed emitter
+const emitter = new EventEmitter();
+function addAuthListener(listener) {
+    // Assert the event name is of the correct type
+    const eventName = SpotifyAuthModule.AuthEventName;
+    return emitter.addListener(eventName, listener);
+}
+/**
+ * Prompts the user to log in to Spotify and authorize your application.
+ * @param playURI Optional URI to play after authorization
+ */
+function authorize(playURI) {
+    SpotifyAuthModule.authorize(playURI);
+}
+export function SpotifyAuthProvider({ children, }) {
+    const [token, setToken] = useState(null);
+    useEffect(() => {
+        const subscription = addAuthListener((data) => {
+            setToken(data.token);
+            if (data.error) {
+                console.error(`Spotify auth error: ${data.error}`);
+            }
+        });
+        return () => subscription.remove();
+    }, []);
+    return (<SpotifyAuthContextInstance.Provider value={{ accessToken: token, authorize }}>
+      {children}
+    </SpotifyAuthContextInstance.Provider>);
+}
+export function useSpotifyAuth() {
+    const context = useContext(SpotifyAuthContextInstance);
+    if (!context) {
+        throw new Error("useSpotifyAuth must be used within a SpotifyAuthProvider");
+    }
+    return context;
+}
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +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;;;GAGG;AACH,SAAS,SAAS,CAAC,OAAgB;IACjC,iBAAiB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;AACvC,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 * @param playURI Optional URI to play after authorization\n */\nfunction authorize(playURI?: string): void {\n  SpotifyAuthModule.authorize(playURI);\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"]}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@superfan-app/spotify-auth",
+  "version": "0.1.13",
+  "description": "Spotify OAuth module for Expo",
+  "main": "build/index.js",
+  "module": "build/index.js",
+  "types": "build/index.d.ts",
+  "files": [
+    "build",
+    "app.plugin.js",
+    "plugin",
+    "src"
+  ],
+  "scripts": {
+    "build": "expo-module build",
+    "clean": "expo-module clean",
+    "lint": "expo-module lint",
+    "test": "expo-module test",
+    "prepare": "expo-module prepare",
+    "prepublishOnly": "expo-module prepublishOnly",
+    "publish:npm": "npm publish --access public",
+    "expo-module": "expo-module",
+    "open:ios": "xed example/ios"
+  },
+  "keywords": [
+    "react-native",
+    "expo",
+    "spotify-auth",
+    "SpotifyAuth"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Superfan-App/spotify-auth"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "bugs": {
+    "url": "https://github.com/Superfan-App/spotify-auth/issues"
+  },
+  "author": "Superfan <support@superfan.app>",
+  "license": "MIT",
+  "homepage": "https://github.com/Superfan-App/spotify-auth#readme",
+  "dependencies": {
+    "@expo/config-plugins": "^9.0.11"
+  },
+  "devDependencies": {
+    "@types/react": "~18.3.12",
+    "@types/react-native": "^0.73.0",
+    "expo-module-scripts": "^4.0.2",
+    "expo-modules-core": "^2.1.1"
+  }
+}

package/plugin/build/index.d.ts

@@ -0,0 +1,4 @@
+import { ConfigPlugin } from '@expo/config-plugins';
+import { ISpotifyConfig } from './types';
+declare const withSpotifyRemote: ConfigPlugin<ISpotifyConfig>;
+export default withSpotifyRemote;

package/plugin/build/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const withSpotifyQueryScheme_1 = require("./ios/withSpotifyQueryScheme");
+const withSpotifyURLScheme_1 = require("./ios/withSpotifyURLScheme");
+const withSpotifyConfig_1 = require("./withSpotifyConfig");
+const withSpotifyRemote = (config, props) => {
+    config = (0, withSpotifyConfig_1.withSpotifyConfig)(config, props);
+    // iOS specific
+    config = (0, withSpotifyQueryScheme_1.withSpotifyQueryScheme)(config, props);
+    config = (0, withSpotifyURLScheme_1.withSpotifyURLScheme)(config, props);
+    return config;
+};
+exports.default = withSpotifyRemote;

package/plugin/build/ios/withSpotifyQueryScheme.d.ts

@@ -0,0 +1,3 @@
+import { ConfigPlugin } from "expo/config-plugins";
+import { ISpotifyConfig } from "../types";
+export declare const withSpotifyQueryScheme: ConfigPlugin<ISpotifyConfig>;

package/plugin/build/ios/withSpotifyQueryScheme.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withSpotifyQueryScheme = void 0;
+const config_plugins_1 = require("expo/config-plugins");
+const spotifyScheme = "spotify";
+const withSpotifyQueryScheme = (config) => (0, config_plugins_1.withInfoPlist)(config, (config) => {
+    if (!config.modResults.LSApplicationQueriesSchemes) {
+        config.modResults.LSApplicationQueriesSchemes = [];
+    }
+    if (!config.modResults.LSApplicationQueriesSchemes.includes(spotifyScheme)) {
+        config.modResults.LSApplicationQueriesSchemes.push(spotifyScheme);
+    }
+    return config;
+});
+exports.withSpotifyQueryScheme = withSpotifyQueryScheme;

package/plugin/build/ios/withSpotifyURLScheme.d.ts

@@ -0,0 +1,3 @@
+import { ConfigPlugin } from "expo/config-plugins";
+import { ISpotifyConfig } from "../types";
+export declare const withSpotifyURLScheme: ConfigPlugin<ISpotifyConfig>;

package/plugin/build/ios/withSpotifyURLScheme.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withSpotifyURLScheme = void 0;
+const config_plugins_1 = require("expo/config-plugins");
+const withSpotifyURLScheme = (config, { scheme }) => {
+    return (0, config_plugins_1.withInfoPlist)(config, (config) => {
+        const bundleId = config.ios?.bundleIdentifier;
+        const urlType = {
+            CFBundleURLName: bundleId,
+            CFBundleURLSchemes: [scheme],
+        };
+        if (!config.modResults.CFBundleURLTypes) {
+            config.modResults.CFBundleURLTypes = [];
+        }
+        config.modResults.CFBundleURLTypes.push(urlType);
+        return config;
+    });
+};
+exports.withSpotifyURLScheme = withSpotifyURLScheme;

package/plugin/build/types.d.ts

@@ -0,0 +1,9 @@
+export type SpotifyScopes = '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';
+export interface ISpotifyConfig {
+    clientID: string;
+    tokenRefreshURL: string;
+    tokenSwapURL: string;
+    scheme: string;
+    callback: string;
+    scopes: SpotifyScopes[];
+}

package/plugin/build/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/plugin/build/withSpotifyConfig.d.ts

@@ -0,0 +1,3 @@
+import { ConfigPlugin } from 'expo/config-plugins';
+import { ISpotifyConfig } from './types';
+export declare const withSpotifyConfig: ConfigPlugin<ISpotifyConfig>;

package/plugin/build/withSpotifyConfig.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withSpotifyConfig = void 0;
+const config_plugins_1 = require("expo/config-plugins");
+const withSpotifyConfigIOS = (config, spotifyConfig) => {
+    return (0, config_plugins_1.withInfoPlist)(config, (config) => {
+        Object.entries(spotifyConfig).forEach(([key, value]) => {
+            config.modResults[key] = value;
+        });
+        return config;
+    });
+};
+const withSpotifyConfig = (config, spotifyConfig) => {
+    config = withSpotifyConfigIOS(config, spotifyConfig);
+    return config;
+};
+exports.withSpotifyConfig = withSpotifyConfig;

package/plugin/src/index.ts

@@ -0,0 +1,18 @@
+import { ConfigPlugin } from '@expo/config-plugins'
+
+import { withSpotifyQueryScheme } from './ios/withSpotifyQueryScheme'
+import { withSpotifyURLScheme } from './ios/withSpotifyURLScheme'
+import { ISpotifyConfig } from './types'
+import { withSpotifyConfig } from './withSpotifyConfig'
+
+const withSpotifyRemote: ConfigPlugin<ISpotifyConfig> = (config, props) => {
+  config = withSpotifyConfig(config, props)
+
+  // iOS specific
+  config = withSpotifyQueryScheme(config, props)
+  config = withSpotifyURLScheme(config, props)
+
+  return config
+}
+
+export default withSpotifyRemote

package/plugin/src/ios/withSpotifyQueryScheme.ts

@@ -0,0 +1,18 @@
+import { ConfigPlugin, withInfoPlist } from "expo/config-plugins";
+
+import { ISpotifyConfig } from "../types";
+
+const spotifyScheme = "spotify";
+
+export const withSpotifyQueryScheme: ConfigPlugin<ISpotifyConfig> = (config) =>
+  withInfoPlist(config, (config) => {
+    if (!config.modResults.LSApplicationQueriesSchemes) {
+      config.modResults.LSApplicationQueriesSchemes = [];
+    }
+
+    if (!config.modResults.LSApplicationQueriesSchemes.includes(spotifyScheme)) {
+      config.modResults.LSApplicationQueriesSchemes.push(spotifyScheme)
+    }
+
+    return config;
+  });

package/plugin/src/ios/withSpotifyURLScheme.ts

@@ -0,0 +1,23 @@
+import { ConfigPlugin, withInfoPlist } from "expo/config-plugins";
+
+import { ISpotifyConfig } from "../types";
+
+export const withSpotifyURLScheme: ConfigPlugin<ISpotifyConfig> = (
+  config,
+  { scheme }
+) => {
+  return withInfoPlist(config, (config) => {
+    const bundleId = config.ios?.bundleIdentifier;
+    const urlType = {
+      CFBundleURLName: bundleId,
+      CFBundleURLSchemes: [scheme],
+    };
+    if (!config.modResults.CFBundleURLTypes) {
+      config.modResults.CFBundleURLTypes = [];
+    }
+
+    config.modResults.CFBundleURLTypes.push(urlType);
+
+    return config;
+  });
+};

package/plugin/src/types.ts

@@ -0,0 +1,28 @@
+export type SpotifyScopes =
+  | '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'
+
+export interface ISpotifyConfig {
+  clientID: string
+  tokenRefreshURL: string
+  tokenSwapURL: string
+  scheme: string
+  callback: string
+  scopes: SpotifyScopes[]
+}

package/plugin/src/withSpotifyConfig.ts

@@ -0,0 +1,19 @@
+import { ConfigPlugin, withInfoPlist } from 'expo/config-plugins'
+
+import { ISpotifyConfig } from './types'
+
+const withSpotifyConfigIOS: ConfigPlugin<ISpotifyConfig> = (config, spotifyConfig) => {
+  return withInfoPlist(config, (config) => {
+    Object.entries(spotifyConfig).forEach(([key, value]) => {
+      config.modResults[key] = value
+    })
+
+    return config
+  })
+}
+
+export const withSpotifyConfig: ConfigPlugin<ISpotifyConfig> = (config, spotifyConfig) => {
+  config = withSpotifyConfigIOS(config, spotifyConfig)
+
+  return config
+}

package/plugin/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "expo-module-scripts/tsconfig.plugin",
+  "compilerOptions": {
+    "outDir": "build",
+    "rootDir": "src"
+  },
+  "include": ["./src"],
+  "exclude": ["**/__mocks__/*", "**/__tests__/*"]
+}

package/plugin/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["./src/index.ts","./src/types.ts","./src/withspotifyconfig.ts","./src/ios/withspotifyqueryscheme.ts","./src/ios/withspotifyurlscheme.ts"],"version":"5.7.2"}

package/src/SpotifyAuth.types.ts

@@ -0,0 +1,36 @@
+import { createContext } from "react";
+
+/**
+ * Data returned from the Spotify authorization process
+ */
+export interface SpotifyAuthorizationData {
+  /** Whether the authorization was successful */
+  success: boolean;
+  /** The access token if authorization was successful, null otherwise */
+  token: string | null;
+  /** Error message if authorization failed */
+  error?: string;
+}
+
+/**
+ * Props for the SpotifyAuthView component
+ */
+export interface SpotifyAuthViewProps {
+  /** The name identifier for the auth view */
+  name: string;
+}
+
+/**
+ * Context for Spotify authentication state and actions
+ */
+export interface SpotifyAuthContext {
+  /** The current Spotify access token, null if not authenticated */
+  accessToken: string | null;
+  /** Function to initiate Spotify authorization */
+  authorize: (playURI?: string) => void;
+}
+
+export const SpotifyAuthContextInstance = createContext<SpotifyAuthContext>({
+  accessToken: null,
+  authorize: () => {},
+});

package/src/SpotifyAuthModule.ts

@@ -0,0 +1,6 @@
+import { requireNativeModule } from "expo-modules-core";
+
+// This call loads the native module object from the JSI.
+export default requireNativeModule("SpotifyAuth");
+
+export const AuthEventName = "onSpotifyAuth" as const;

package/src/SpotifyAuthView.tsx

@@ -0,0 +1,14 @@
+import { requireNativeViewManager } from "expo-modules-core";
+import * as React from "react";
+import { ViewProps } from "react-native";
+
+import { SpotifyAuthViewProps } from "./SpotifyAuth.types";
+
+const NativeView: React.ComponentType<SpotifyAuthViewProps & ViewProps> =
+  requireNativeViewManager("SpotifyAuth");
+
+export default function SpotifyAuthView(
+  props: SpotifyAuthViewProps,
+): JSX.Element {
+  return <NativeView {...props} />;
+}

package/src/index.tsx

@@ -0,0 +1,70 @@
+import { EventEmitter } from "expo-modules-core";
+import React, { useContext, useEffect, useState } from "react";
+
+import {
+  SpotifyAuthorizationData,
+  SpotifyAuthContext,
+  SpotifyAuthContextInstance,
+} from "./SpotifyAuth.types";
+import SpotifyAuthModule from "./SpotifyAuthModule";
+
+// First define the event name as a string literal type
+type SpotifyAuthEventName = "onSpotifyAuth"; // This should match SpotifyAuthModule.AuthEventName
+
+// Then use that type for events
+type SpotifyEvents = {
+  [K in SpotifyAuthEventName]: (data: SpotifyAuthorizationData) => void;
+};
+
+// Create a properly typed emitter
+const emitter = new EventEmitter<SpotifyEvents>();
+
+function addAuthListener(listener: (data: SpotifyAuthorizationData) => void) {
+  // Assert the event name is of the correct type
+  const eventName = SpotifyAuthModule.AuthEventName as SpotifyAuthEventName;
+  return emitter.addListener(eventName, listener);
+}
+
+/**
+ * Prompts the user to log in to Spotify and authorize your application.
+ * @param playURI Optional URI to play after authorization
+ */
+function authorize(playURI?: string): void {
+  SpotifyAuthModule.authorize(playURI);
+}
+
+interface SpotifyAuthProviderProps {
+  children: React.ReactNode;
+}
+
+export function SpotifyAuthProvider({
+  children,
+}: SpotifyAuthProviderProps): JSX.Element {
+  const [token, setToken] = useState<string | null>(null);
+
+  useEffect(() => {
+    const subscription = addAuthListener((data) => {
+      setToken(data.token);
+      if (data.error) {
+        console.error(`Spotify auth error: ${data.error}`);
+      }
+    });
+    return () => subscription.remove();
+  }, []);
+
+  return (
+    <SpotifyAuthContextInstance.Provider
+      value={{ accessToken: token, authorize }}
+    >
+      {children}
+    </SpotifyAuthContextInstance.Provider>
+  );
+}
+
+export function useSpotifyAuth(): SpotifyAuthContext {
+  const context = useContext(SpotifyAuthContextInstance);
+  if (!context) {
+    throw new Error("useSpotifyAuth must be used within a SpotifyAuthProvider");
+  }
+  return context;
+}