npm - @solvapay/react-supabase - Versions diffs - 1.0.0-preview.10 - Mend

@solvapay/react-supabase 1.0.0-preview.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/README.md ADDED Viewed

@@ -0,0 +1,103 @@
+# @solvapay/react-supabase
+Supabase authentication adapter for SolvaPay React Provider.
+## Installation
+```bash
+npm install @solvapay/react-supabase @supabase/supabase-js
+# or
+pnpm add @solvapay/react-supabase @supabase/supabase-js
+# or
+yarn add @solvapay/react-supabase @supabase/supabase-js
+```
+## Usage
+Use the Supabase adapter with `SolvaPayProvider`:
+```tsx
+import { SolvaPayProvider } from '@solvapay/react';
+import { createSupabaseAuthAdapter } from '@solvapay/react-supabase';
+const adapter = createSupabaseAuthAdapter({
+  supabaseUrl: process.env.NEXT_PUBLIC_SUPABASE_URL!,
+  supabaseAnonKey: process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
+});
+export default function RootLayout({ children }) {
+  return (
+    <SolvaPayProvider config={{ auth: { adapter } }}>
+      {children}
+    </SolvaPayProvider>
+  );
+}
+```
+## API
+### `createSupabaseAuthAdapter(config)`
+Creates a Supabase auth adapter instance.
+**Parameters:**
+- `config.supabaseUrl` (string, required) - Your Supabase project URL
+- `config.supabaseAnonKey` (string, required) - Your Supabase anonymous/public key
+**Returns:** `AuthAdapter` instance
+## How It Works
+The adapter:
+1. Creates a Supabase client using your credentials
+2. Gets the current session using `supabase.auth.getSession()`
+3. Extracts the access token and user ID from the session
+4. Returns `null` if no session is available (unauthenticated)
+The adapter handles errors gracefully and never throws - it returns `null` when authentication is not available.
+## Example: Full Setup
+```tsx
+'use client';
+import { SolvaPayProvider } from '@solvapay/react';
+import { createSupabaseAuthAdapter } from '@solvapay/react-supabase';
+export default function RootLayout({ children }) {
+  const adapter = createSupabaseAuthAdapter({
+    supabaseUrl: process.env.NEXT_PUBLIC_SUPABASE_URL!,
+    supabaseAnonKey: process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
+  });
+  return (
+    <html>
+      <body>
+        <SolvaPayProvider config={{ auth: { adapter } }}>
+          {children}
+        </SolvaPayProvider>
+      </body>
+    </html>
+  );
+}
+```
+## Custom Adapters
+You can also create custom adapters for other auth providers. See the `AuthAdapter` interface in `@solvapay/react` for the contract.
+```tsx
+import type { AuthAdapter } from '@solvapay/react';
+const myAuthAdapter: AuthAdapter = {
+  async getToken() {
+    return await myAuthService.getToken();
+  },
+  async getUserId() {
+    return await myAuthService.getUserId();
+  },
+};
+<SolvaPayProvider config={{ auth: { adapter: myAuthAdapter } }}>
+```

package/dist/index.cjs ADDED Viewed

@@ -0,0 +1,95 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  createSupabaseAuthAdapter: () => createSupabaseAuthAdapter
+});
+module.exports = __toCommonJS(index_exports);
+// src/supabase-adapter.ts
+function createSupabaseAuthAdapter(config) {
+  if (!config.supabaseUrl || !config.supabaseAnonKey) {
+    throw new Error(
+      "SupabaseAuthAdapter requires both supabaseUrl and supabaseAnonKey"
+    );
+  }
+  let supabaseClient = null;
+  let clientPromise = null;
+  const getSupabaseClient = async () => {
+    if (supabaseClient) {
+      return supabaseClient;
+    }
+    if (clientPromise) {
+      return clientPromise;
+    }
+    clientPromise = (async () => {
+      try {
+        const { createClient } = await import("@supabase/supabase-js");
+        supabaseClient = createClient(config.supabaseUrl, config.supabaseAnonKey);
+        return supabaseClient;
+      } catch (error) {
+        clientPromise = null;
+        throw new Error(
+          "Failed to load @supabase/supabase-js. Make sure it is installed: npm install @supabase/supabase-js"
+        );
+      }
+    })();
+    return clientPromise;
+  };
+  return {
+    async getToken() {
+      if (typeof window === "undefined") return null;
+      try {
+        const supabase = await getSupabaseClient();
+        const { data: { session } } = await supabase.auth.getSession();
+        return session?.access_token || null;
+      } catch (error) {
+        console.warn("[SupabaseAuthAdapter] Failed to get token:", error);
+        return null;
+      }
+    },
+    async getUserId() {
+      if (typeof window === "undefined") return null;
+      try {
+        const supabase = await getSupabaseClient();
+        const { data: { session } } = await supabase.auth.getSession();
+        return session?.user?.id || null;
+      } catch (error) {
+        console.warn("[SupabaseAuthAdapter] Failed to get user ID:", error);
+        return null;
+      }
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createSupabaseAuthAdapter
+});

package/dist/index.d.cts ADDED Viewed

@@ -0,0 +1,47 @@
+import { AuthAdapter } from '@solvapay/react';
+/**
+ * Supabase Auth Adapter for SolvaPay React
+ *
+ * Provides Supabase-specific authentication adapter for use with SolvaPayProvider.
+ * This adapter integrates with Supabase Auth to get tokens and user IDs.
+ */
+interface SupabaseAuthAdapterConfig {
+    /**
+     * Supabase project URL
+     */
+    supabaseUrl: string;
+    /**
+     * Supabase anonymous/public key
+     */
+    supabaseAnonKey: string;
+}
+/**
+ * Create a Supabase auth adapter for SolvaPayProvider
+ *
+ * This adapter uses Supabase's client-side auth to get tokens and user IDs.
+ * It dynamically imports @supabase/supabase-js to avoid adding it as a dependency
+ * if Supabase isn't being used.
+ *
+ * @param config - Supabase configuration
+ * @returns AuthAdapter instance
+ *
+ * @example
+ * ```tsx
+ * import { createSupabaseAuthAdapter } from '@solvapay/react-supabase';
+ * import { SolvaPayProvider } from '@solvapay/react';
+ *
+ * const adapter = createSupabaseAuthAdapter({
+ *   supabaseUrl: process.env.NEXT_PUBLIC_SUPABASE_URL!,
+ *   supabaseAnonKey: process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
+ * });
+ *
+ * <SolvaPayProvider config={{ auth: { adapter } }}>
+ *   {children}
+ * </SolvaPayProvider>
+ * ```
+ */
+declare function createSupabaseAuthAdapter(config: SupabaseAuthAdapterConfig): AuthAdapter;
+export { type SupabaseAuthAdapterConfig, createSupabaseAuthAdapter };

package/dist/index.d.ts ADDED Viewed

@@ -0,0 +1,47 @@
+import { AuthAdapter } from '@solvapay/react';
+/**
+ * Supabase Auth Adapter for SolvaPay React
+ *
+ * Provides Supabase-specific authentication adapter for use with SolvaPayProvider.
+ * This adapter integrates with Supabase Auth to get tokens and user IDs.
+ */
+interface SupabaseAuthAdapterConfig {
+    /**
+     * Supabase project URL
+     */
+    supabaseUrl: string;
+    /**
+     * Supabase anonymous/public key
+     */
+    supabaseAnonKey: string;
+}
+/**
+ * Create a Supabase auth adapter for SolvaPayProvider
+ *
+ * This adapter uses Supabase's client-side auth to get tokens and user IDs.
+ * It dynamically imports @supabase/supabase-js to avoid adding it as a dependency
+ * if Supabase isn't being used.
+ *
+ * @param config - Supabase configuration
+ * @returns AuthAdapter instance
+ *
+ * @example
+ * ```tsx
+ * import { createSupabaseAuthAdapter } from '@solvapay/react-supabase';
+ * import { SolvaPayProvider } from '@solvapay/react';
+ *
+ * const adapter = createSupabaseAuthAdapter({
+ *   supabaseUrl: process.env.NEXT_PUBLIC_SUPABASE_URL!,
+ *   supabaseAnonKey: process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
+ * });
+ *
+ * <SolvaPayProvider config={{ auth: { adapter } }}>
+ *   {children}
+ * </SolvaPayProvider>
+ * ```
+ */
+declare function createSupabaseAuthAdapter(config: SupabaseAuthAdapterConfig): AuthAdapter;
+export { type SupabaseAuthAdapterConfig, createSupabaseAuthAdapter };

package/dist/index.js ADDED Viewed

@@ -0,0 +1,58 @@
+// src/supabase-adapter.ts
+function createSupabaseAuthAdapter(config) {
+  if (!config.supabaseUrl || !config.supabaseAnonKey) {
+    throw new Error(
+      "SupabaseAuthAdapter requires both supabaseUrl and supabaseAnonKey"
+    );
+  }
+  let supabaseClient = null;
+  let clientPromise = null;
+  const getSupabaseClient = async () => {
+    if (supabaseClient) {
+      return supabaseClient;
+    }
+    if (clientPromise) {
+      return clientPromise;
+    }
+    clientPromise = (async () => {
+      try {
+        const { createClient } = await import("@supabase/supabase-js");
+        supabaseClient = createClient(config.supabaseUrl, config.supabaseAnonKey);
+        return supabaseClient;
+      } catch (error) {
+        clientPromise = null;
+        throw new Error(
+          "Failed to load @supabase/supabase-js. Make sure it is installed: npm install @supabase/supabase-js"
+        );
+      }
+    })();
+    return clientPromise;
+  };
+  return {
+    async getToken() {
+      if (typeof window === "undefined") return null;
+      try {
+        const supabase = await getSupabaseClient();
+        const { data: { session } } = await supabase.auth.getSession();
+        return session?.access_token || null;
+      } catch (error) {
+        console.warn("[SupabaseAuthAdapter] Failed to get token:", error);
+        return null;
+      }
+    },
+    async getUserId() {
+      if (typeof window === "undefined") return null;
+      try {
+        const supabase = await getSupabaseClient();
+        const { data: { session } } = await supabase.auth.getSession();
+        return session?.user?.id || null;
+      } catch (error) {
+        console.warn("[SupabaseAuthAdapter] Failed to get user ID:", error);
+        return null;
+      }
+    }
+  };
+}
+export {
+  createSupabaseAuthAdapter
+};

package/package.json ADDED Viewed

@@ -0,0 +1,37 @@
+{
+  "name": "@solvapay/react-supabase",
+  "version": "1.0.0-preview.10",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/solvapay/solvapay-sdk.git",
+    "directory": "packages/react-supabase"
+  },
+  "peerDependencies": {
+    "@solvapay/react": "^1.0.0-preview.9",
+    "@supabase/supabase-js": "^2.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.74",
+    "typescript": "^5.5.4",
+    "tsup": "^8.0.0",
+    "vitest": "^2.0.5",
+    "@solvapay/react": "1.0.0-preview.10"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,cjs --dts --tsconfig tsconfig.build.json",
+    "test": "vitest run || exit 0",
+    "test:unit": "vitest run || exit 0",
+    "test:watch": "vitest"
+  }
+}