@echoxyz/sonar-react 0.1.0 → 0.1.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @echoxyz/sonar-react
 
+## 0.1.2
+
+### Patch Changes
+
+- 4907b74: Remove unused dependency
+- Updated dependencies [4907b74]
+    - @echoxyz/sonar-core@0.1.2
+
+## 0.1.1
+
+### Patch Changes
+
+- 95d0235: Include dist in build output for publishing
+- Updated dependencies [95d0235]
+    - @echoxyz/sonar-core@0.1.1
+
 ## 0.1.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -0,0 +1,116 @@
+"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.tsx
+var index_exports = {};
+__export(index_exports, {
+  SonarProvider: () => SonarProvider,
+  useSonarAuth: () => useSonarAuth,
+  useSonarClient: () => useSonarClient
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/react.tsx
+var import_sonar_core = require("@echoxyz/sonar-core");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var AuthContext = (0, import_react.createContext)(void 0);
+var ClientContext = (0, import_react.createContext)(void 0);
+function SonarProvider({ children, config }) {
+  const client = (0, import_react.useMemo)(() => {
+    return (0, import_sonar_core.createClient)({
+      saleUUID: config.saleUUID,
+      apiURL: config.apiURL,
+      tokenKey: config.tokenStorageKey
+    });
+  }, [config.apiURL, config.saleUUID, config.tokenStorageKey]);
+  const login = (0, import_react.useCallback)(async () => {
+    const { codeVerifier, codeChallenge, state } = await (0, import_sonar_core.generatePKCEParams)();
+    if (typeof window === "undefined") {
+      throw new Error("window is not available for OAuth flow");
+    }
+    window.sessionStorage.setItem("sonar:oauth:state", state);
+    window.sessionStorage.setItem("sonar:oauth:verifier", codeVerifier);
+    const url = (0, import_sonar_core.buildAuthorizationUrl)({
+      saleUUID: config.saleUUID,
+      clientUUID: config.clientUUID,
+      redirectURI: config.redirectURI,
+      state,
+      codeChallenge,
+      frontendURL: config.frontendURL
+    });
+    window.location.href = url.toString();
+  }, [config.saleUUID, config.clientUUID, config.redirectURI, config.frontendURL]);
+  const completeOAuth = (0, import_react.useCallback)(
+    async ({ code, state }) => {
+      if (typeof window === "undefined") {
+        throw new Error("window is not available for OAuth verification");
+      }
+      const expectedState = window.sessionStorage.getItem("sonar:oauth:state");
+      const codeVerifier = window.sessionStorage.getItem("sonar:oauth:verifier");
+      if (state !== expectedState || !codeVerifier) {
+        throw new Error("Invalid OAuth state or missing verifier");
+      }
+      const { token } = await client.exchangeAuthorizationCode({
+        code,
+        codeVerifier,
+        redirectURI: config.redirectURI
+      });
+      client.setToken(token);
+      window.sessionStorage.removeItem("sonar:oauth:state");
+      window.sessionStorage.removeItem("sonar:oauth:verifier");
+    },
+    [client, config.redirectURI]
+  );
+  const logout = (0, import_react.useCallback)(() => {
+    client.clear();
+  }, []);
+  const authValue = (0, import_react.useMemo)(
+    () => ({
+      login,
+      logout,
+      authenticated: () => Boolean(client.getToken()),
+      token: client.getToken() ?? void 0,
+      completeOAuth
+    }),
+    [client, login, completeOAuth, logout]
+  );
+  const clientValue = (0, import_react.useMemo)(() => ({ client }), [client]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AuthContext.Provider, { value: authValue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClientContext.Provider, { value: clientValue, children }) });
+}
+function useSonarAuth() {
+  const ctx = (0, import_react.useContext)(AuthContext);
+  if (!ctx) {
+    throw new Error("useSonarAuth must be used within a SonarProvider");
+  }
+  return ctx;
+}
+function useSonarClient() {
+  const ctx = (0, import_react.useContext)(ClientContext);
+  if (!ctx) {
+    throw new Error("useSonarClient must be used within a SonarProvider");
+  }
+  return ctx.client;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SonarProvider,
+  useSonarAuth,
+  useSonarClient
+});

package/dist/index.d.cts

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SonarClient } from '@echoxyz/sonar-core';
+import React from 'react';
+
+type SonarProviderProps = {
+    children: React.ReactNode;
+    config: {
+        saleUUID: string;
+        clientUUID: string;
+        redirectURI: string;
+        apiURL?: string;
+        frontendURL?: string;
+        tokenStorageKey?: string;
+    };
+};
+type AuthContextValue = {
+    authenticated: () => boolean;
+    token?: string;
+    login: () => Promise<void>;
+    completeOAuth: (args: {
+        code: string;
+        state: string;
+    }) => Promise<void>;
+    logout: () => void;
+};
+declare function SonarProvider({ children, config }: SonarProviderProps): react_jsx_runtime.JSX.Element;
+declare function useSonarAuth(): AuthContextValue;
+declare function useSonarClient(): SonarClient;
+
+export { SonarProvider, useSonarAuth, useSonarClient };

package/dist/index.d.ts

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SonarClient } from '@echoxyz/sonar-core';
+import React from 'react';
+
+type SonarProviderProps = {
+    children: React.ReactNode;
+    config: {
+        saleUUID: string;
+        clientUUID: string;
+        redirectURI: string;
+        apiURL?: string;
+        frontendURL?: string;
+        tokenStorageKey?: string;
+    };
+};
+type AuthContextValue = {
+    authenticated: () => boolean;
+    token?: string;
+    login: () => Promise<void>;
+    completeOAuth: (args: {
+        code: string;
+        state: string;
+    }) => Promise<void>;
+    logout: () => void;
+};
+declare function SonarProvider({ children, config }: SonarProviderProps): react_jsx_runtime.JSX.Element;
+declare function useSonarAuth(): AuthContextValue;
+declare function useSonarClient(): SonarClient;
+
+export { SonarProvider, useSonarAuth, useSonarClient };

package/dist/index.js

@@ -0,0 +1,87 @@
+// src/react.tsx
+import { buildAuthorizationUrl, createClient, generatePKCEParams } from "@echoxyz/sonar-core";
+import { createContext, useCallback, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var AuthContext = createContext(void 0);
+var ClientContext = createContext(void 0);
+function SonarProvider({ children, config }) {
+  const client = useMemo(() => {
+    return createClient({
+      saleUUID: config.saleUUID,
+      apiURL: config.apiURL,
+      tokenKey: config.tokenStorageKey
+    });
+  }, [config.apiURL, config.saleUUID, config.tokenStorageKey]);
+  const login = useCallback(async () => {
+    const { codeVerifier, codeChallenge, state } = await generatePKCEParams();
+    if (typeof window === "undefined") {
+      throw new Error("window is not available for OAuth flow");
+    }
+    window.sessionStorage.setItem("sonar:oauth:state", state);
+    window.sessionStorage.setItem("sonar:oauth:verifier", codeVerifier);
+    const url = buildAuthorizationUrl({
+      saleUUID: config.saleUUID,
+      clientUUID: config.clientUUID,
+      redirectURI: config.redirectURI,
+      state,
+      codeChallenge,
+      frontendURL: config.frontendURL
+    });
+    window.location.href = url.toString();
+  }, [config.saleUUID, config.clientUUID, config.redirectURI, config.frontendURL]);
+  const completeOAuth = useCallback(
+    async ({ code, state }) => {
+      if (typeof window === "undefined") {
+        throw new Error("window is not available for OAuth verification");
+      }
+      const expectedState = window.sessionStorage.getItem("sonar:oauth:state");
+      const codeVerifier = window.sessionStorage.getItem("sonar:oauth:verifier");
+      if (state !== expectedState || !codeVerifier) {
+        throw new Error("Invalid OAuth state or missing verifier");
+      }
+      const { token } = await client.exchangeAuthorizationCode({
+        code,
+        codeVerifier,
+        redirectURI: config.redirectURI
+      });
+      client.setToken(token);
+      window.sessionStorage.removeItem("sonar:oauth:state");
+      window.sessionStorage.removeItem("sonar:oauth:verifier");
+    },
+    [client, config.redirectURI]
+  );
+  const logout = useCallback(() => {
+    client.clear();
+  }, []);
+  const authValue = useMemo(
+    () => ({
+      login,
+      logout,
+      authenticated: () => Boolean(client.getToken()),
+      token: client.getToken() ?? void 0,
+      completeOAuth
+    }),
+    [client, login, completeOAuth, logout]
+  );
+  const clientValue = useMemo(() => ({ client }), [client]);
+  return /* @__PURE__ */ jsx(AuthContext.Provider, { value: authValue, children: /* @__PURE__ */ jsx(ClientContext.Provider, { value: clientValue, children }) });
+}
+function useSonarAuth() {
+  const ctx = useContext(AuthContext);
+  if (!ctx) {
+    throw new Error("useSonarAuth must be used within a SonarProvider");
+  }
+  return ctx;
+}
+function useSonarClient() {
+  const ctx = useContext(ClientContext);
+  if (!ctx) {
+    throw new Error("useSonarClient must be used within a SonarProvider");
+  }
+  return ctx.client;
+}
+export {
+  SonarProvider,
+  useSonarAuth,
+  useSonarClient
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@echoxyz/sonar-react",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -16,7 +16,7 @@
     "react": ">=18"
   },
   "dependencies": {
-    "@echoxyz/sonar-core": "0.1.0"
+    "@echoxyz/sonar-core": "0.1.2"
   },
   "devDependencies": {
     "tsup": "^8.0.0",