feat: remove rollup, add nextjs support.

Author: NicolasMontone

README.md

@@ -10,12 +10,30 @@
 npm install --save use-pluggy-connect
 ```
 
+or
+
+```bash
+pnpm install --save use-pluggy-connect
+```
+
+or
+
+```bash
+yarn add use-pluggy-connect
+```
+
+or
+
+```bash
+bun install --save use-pluggy-connect
+```
+
 ## Usage
 
 ```tsx
 import React, { useCallback } from 'react'
 
-import { usePluggyConnect } from 'use-pluggy-connect'
+import usePluggyConnect from 'use-pluggy-connect'
 
 const App = () => {
   const handleEvent = useCallback((payload) => {

example-nextjs/.eslintrc.json examples/nextjs/.eslintrc.json

@@ -1,11 +1,12 @@
 'use client'
 
-import { usePluggyConnect } from 'use-pluggy-connect'
+import usePluggyConnect from 'use-pluggy-connect'
 
 export default function OpenPluggyButton() {
   const { init } = usePluggyConnect({
     connectToken:
       'eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJjbGllbnRJZCI6IjBhZDdiMDNiLTUwZWQtNDc1OC04ODhkLTU2MGU1ZDVhYzBkYiIsImRhdGEiOiJjZDBlNjYxYTRlOWQ0N2Y1Y2Y3NWM0ZTI5YmQ4MTc1Yjo0ZGRhNDU4NjRkMDU2ZmY1ZWMzNWM1YTkwNzQ0MjBlZmJiM2E2ZjUyMjcyNThkN2Q3OWUxMGQ4ODQ3NzQ3NDllNTg2YTdhMzVlMTI1ZTRkMjQ1YTIwYjViYmRhNTQxZjdkYzFhNGEwMzhhNmEyNzhhYzFmNGVlZmZkNTFmMjlkNGNkYzgzZWZlMDdmMTg4ZWI4ZTIxYTgwYzM3YmI0MThiOTk3ZWE3MDg2NzYzYWVlZWM1MDg5NzkyMmFmZjI3NmVkYTMzMjlmNjc0NDBlMTdkOGJlMDZkMGYyZmQ4MzUyN2Y1ZTMxNjgxZjE4NDA2ZGVkMjY0YTZkMzQ2MDAwZGY1IiwiaWF0IjoxNzI0MjY3NjgzLCJleHAiOjE3MjQyNjk0ODN9.Wc3R8LQOP9KaI_7hR1EvhVPX73SdbMeF7VqBHnL7HLSnG3bv6WmFtYcyGVSBr_FEvN4q7vchDtJP1vNm0xV39NVbip8CtdYc8hraUiAZm1o-6ra0VVWB_rWciytPc7pX9CL9dhQNIwkVwhNqYNfJ6Pn6IMz_sT4_AA4AjKN2iJcjHA-ADpLJXfHWRbApxLwe-yDUANcR_34yJUm0TgJTX9zuxh9EP6T9scyWxnS40H7PkLu59KK-BNVmDJPXfatCue3wpwhl_vGYF3eP1kMROu-hfzQNBZ7toC7qtDqfzwW5hTmf9x_WH00BIYNaJrBgroA4lRBOCOAFjMB7EwTAdA',
   })
+
   return <button onClick={init}>Open Pluggy</button>
 }

example-nextjs/.gitignore examples/nextjs/.gitignore

@@ -2,7 +2,7 @@ import { useState } from 'react'
 import reactLogo from './assets/react.svg'
 import viteLogo from '/vite.svg'
 import './App.css'
-import { usePluggyConnect } from 'use-pluggy-connect'
+import usePluggyConnect from 'use-pluggy-connect'
 
 function App() {
   const [count, setCount] = useState(0)

example-nextjs/README.md examples/nextjs/README.md

@@ -18,7 +18,8 @@
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "esModuleInterop": true
   },
   "include": ["src"]
 }

example-nextjs/app/favicon.ico examples/nextjs/app/favicon.ico

@@ -0,0 +1,10 @@
+import type { PluggyConnectProps as PluggyConnectProps_ } from 'pluggy-connect-sdk';
+export type PluggyConnectProps = PluggyConnectProps_;
+declare const usePluggyConnect: (options: PluggyConnectProps) => {
+    init: () => void;
+    error: Error | null;
+    ready: boolean;
+    show: () => void;
+    hide: () => void;
+};
+export default usePluggyConnect;

example-nextjs/app/globals.css examples/nextjs/app/globals.css

@@ -0,0 +1,94 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { useEffect, useState, useCallback, useRef } from 'react';
+var noop = function () { };
+var usePluggyConnect = function (options) {
+    var _a = useState(null), error = _a[0], setError = _a[1];
+    var _b = useState(null), pluggyConnect = _b[0], setPluggyConnect = _b[1];
+    var pluggyConnectBase = useRef(null);
+    useEffect(function () {
+        var isBrowser = typeof window !== 'undefined';
+        if (!isBrowser)
+            return; // Exit the effect if not in the browser
+        function loadPluggyConnect() {
+            return __awaiter(this, void 0, void 0, function () {
+                var PluggyConnect, pluggyConnect_;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!options.connectToken) {
+                                throw new Error('use-pluggy-connect: You need a valid connectToken for usePluggyConnect.');
+                            }
+                            return [4 /*yield*/, import('pluggy-connect-sdk')];
+                        case 1:
+                            PluggyConnect = (_a.sent()).PluggyConnect;
+                            pluggyConnectBase.current = PluggyConnect;
+                            pluggyConnect_ = new PluggyConnect(options);
+                            setPluggyConnect(pluggyConnect_);
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        }
+        loadPluggyConnect();
+    }, [options.connectToken]);
+    var init = useCallback(function () {
+        if (!pluggyConnect) {
+            throw new Error("use-pluggy-connect: PluggyConnect instance isn't ready yet.");
+        }
+        try {
+            var containerElement = document.body ||
+                document.documentElement ||
+                document.getElementsByTagName('div')[0];
+            pluggyConnect.init(containerElement);
+        }
+        catch (e) {
+            if (e instanceof Error) {
+                console.error('Failed to initialize PluggyConnect', e);
+                setError(e);
+            }
+        }
+    }, [pluggyConnect]);
+    return {
+        init: init,
+        error: error,
+        ready: Boolean(pluggyConnect),
+        show: pluggyConnect ? pluggyConnect.show : noop,
+        hide: pluggyConnect ? pluggyConnect.hide : noop,
+    };
+};
+export default usePluggyConnect;