@bundleup/react 0.0.2

package/README.md

@@ -0,0 +1,4 @@
+# Official Bundle Up Plugin for React
+
+[![npm version](https://img.shields.io/npm/v/@bundleup/react.svg)](https://www.npmjs.com/package/@bundleup/react)
+[![Documentation](https://img.shields.io/badge/documentation-bundleup.io-green.svg)](https://bundleup.io/docs/react)

package/dist/index.d.mts

@@ -0,0 +1,14 @@
+import { AuthenticateWithPopupOptions } from '@bundleup/core/client';
+
+type CallbackResponse = {
+    success: true;
+} | {
+    success: false;
+    error: Error;
+};
+type CallbackFn = (response: CallbackResponse) => void;
+declare function useBundleup(callback: CallbackFn, opts?: AuthenticateWithPopupOptions): {
+    start: (token: string) => void;
+};
+
+export { useBundleup };

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+import { AuthenticateWithPopupOptions } from '@bundleup/core/client';
+
+type CallbackResponse = {
+    success: true;
+} | {
+    success: false;
+    error: Error;
+};
+type CallbackFn = (response: CallbackResponse) => void;
+declare function useBundleup(callback: CallbackFn, opts?: AuthenticateWithPopupOptions): {
+    start: (token: string) => void;
+};
+
+export { useBundleup };

package/dist/index.js

@@ -0,0 +1,59 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  useBundleup: () => useBundleup
+});
+module.exports = __toCommonJS(src_exports);
+var import_react = require("react");
+var import_client = require("@bundleup/core/client");
+var import_utils = require("@bundleup/core/utils");
+function useBundleup(callback, opts = {}) {
+  const [options, setOptions] = (0, import_react.useState)(opts);
+  (0, import_react.useEffect)(() => {
+    setOptions(opts);
+  }, [opts]);
+  const log = (0, import_react.useCallback)(
+    (msg, ...args) => (0, import_utils.logger)(!!options.debug)(msg, ...args),
+    [options.debug]
+  );
+  const start = (0, import_react.useCallback)(
+    (token) => {
+      if (!token) {
+        log("No token provided, skipping BundleUp authentication.");
+        return;
+      }
+      (0, import_client.authenticateWithPopup)(token, options).then(() => {
+        log("BundleUp authentication successful.");
+        callback({ success: true });
+      }).catch((error) => {
+        log("BundleUp authentication failed:", error?.message || error);
+        callback({ success: false, error });
+      });
+    },
+    [options, callback]
+  );
+  return { start };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useBundleup
+});

package/dist/index.mjs

@@ -0,0 +1,36 @@
+// src/index.ts
+import { useCallback, useEffect, useState } from "react";
+import {
+  authenticateWithPopup
+} from "@bundleup/core/client";
+import { logger } from "@bundleup/core/utils";
+function useBundleup(callback, opts = {}) {
+  const [options, setOptions] = useState(opts);
+  useEffect(() => {
+    setOptions(opts);
+  }, [opts]);
+  const log = useCallback(
+    (msg, ...args) => logger(!!options.debug)(msg, ...args),
+    [options.debug]
+  );
+  const start = useCallback(
+    (token) => {
+      if (!token) {
+        log("No token provided, skipping BundleUp authentication.");
+        return;
+      }
+      authenticateWithPopup(token, options).then(() => {
+        log("BundleUp authentication successful.");
+        callback({ success: true });
+      }).catch((error) => {
+        log("BundleUp authentication failed:", error?.message || error);
+        callback({ success: false, error });
+      });
+    },
+    [options, callback]
+  );
+  return { start };
+}
+export {
+  useBundleup
+};

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@bundleup/react",
+  "version": "0.0.2",
+  "description": "BundleUp plugin for React applications",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --dts",
+    "dev": "tsup src/index.ts --format cjs,esm --dts --watch",
+    "lint": "eslint src/",
+    "test": "jest",
+    "clean": "rm -rf dist"
+  },
+  "dependencies": {
+    "@bundleup/core": "0.0.2"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0"
+  },
+  "devDependencies": {
+    "tsup": "^7.0.0",
+    "typescript": "^5.0.0",
+    "eslint": "^8.0.0",
+    "jest": "^29.0.0",
+    "@types/react": "^18.0.0",
+    "react": "^18.0.0"
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "bundleup",
+    "react",
+    "plugin"
+  ],
+  "author": "BundleUp",
+  "license": "ISC"
+}