@mentra/react 2.0.0 → 2.0.2

package/README.md

@@ -21,7 +21,7 @@ yarn add @mentra/react
 
 ## Usage
 
-### 1. Wrap your application with `MentraosAuthProvider`
+### 1. Wrap your application with `MentraAuthProvider`
 
 In your main application file (e.g., `src/main.tsx` or `src/index.tsx`):
 
@@ -30,28 +30,28 @@ In your main application file (e.g., `src/main.tsx` or `src/index.tsx`):
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import App from './App';
-import { MentraosAuthProvider } from '@mentra/react';
+import { MentraAuthProvider } from '@mentra/react';
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
-    <MentraosAuthProvider>
+    <MentraAuthProvider>
       <App />
-    </MentraosAuthProvider>
+    </MentraAuthProvider>
   </React.StrictMode>
 );
 ```
 
-### 2. Access authentication state using `useMentraosAuth`
+### 2. Access authentication state using `UseMentraAuth`
 
 In any component that needs user information:
 
 ```tsx
 // src/MyComponent.tsx
 import React from 'react';
-import { useMentraosAuth } from '@mentra/react';
+import { UseMentraAuth } from '@mentra/react';
 
 const MyComponent = () => {
-  const { userId, frontendToken, isLoading, error, isAuthenticated, logout } = useMentraosAuth();
+  const { userId, frontendToken, isLoading, error, isAuthenticated, logout } = UseMentraAuth();
 
   if (isLoading) {
     return <p>Loading authentication...</p>;
@@ -89,19 +89,19 @@ export default MyComponent;
 ## How It Works
 
 1.  When your webview is loaded by the MentraOS manager, it appends an `aos_signed_user_token` (a JWT) as a URL query parameter.
-2.  The `MentraosAuthProvider` attempts to find this token.
+2.  The `MentraAuthProvider` attempts to find this token.
 3.  It verifies the token's signature against the MentraOS Cloud public key and checks its claims (like issuer and expiration).
 4.  If valid, it extracts the `userId` (from the `sub` claim) and a `frontendToken` (another JWT from the payload).
-5.  These `userId` and `frontendToken` are then stored in `localStorage` and made available via the `useMentraosAuth` hook.
+5.  These `userId` and `frontendToken` are then stored in `localStorage` and made available via the `UseMentraAuth` hook.
 6.  If the token is not found in the URL (e.g., on a page refresh within the webview), the provider attempts to load the `userId` and `frontendToken` from `localStorage`.
 
 ## Making Authenticated Calls to Your App Backend
 
-The `frontendToken` obtained from `useMentraosAuth` is a JWT. You should send this token in the `Authorization` header as a Bearer token when making requests from your webview to **your App's backend API**.  The MentraOS SDK will automatically verify this token.
+The `frontendToken` obtained from `UseMentraAuth` is a JWT. You should send this token in the `Authorization` header as a Bearer token when making requests from your webview to **your App's backend API**.  The MentraOS SDK will automatically verify this token.
 
 ```typescript
 // Example of an authenticated API call
-const { frontendToken } = useMentraosAuth();
+const { frontendToken } = UseMentraAuth();
 
 async function fetchDataFromMyBackend(): Promise<void> {
   if (!frontendToken) {
@@ -151,10 +151,10 @@ async function fetchDataFromMyBackend(): Promise<void> {
 
 ## TypeScript Support
 
-This library includes full TypeScript support. The `useMentraosAuth` hook returns a typed object with the following interface:
+This library includes full TypeScript support. The `UseMentraAuth` hook returns a typed object with the following interface:
 
 ```typescript
-interface MentraosAuthContextType {
+interface MentraAuthContextType {
   userId: string | null;
   frontendToken: string | null;
   isLoading: boolean;

package/dist/AuthProvider.d.ts

@@ -1,13 +1,13 @@
 import React, { ReactNode } from 'react';
 import { AuthState } from './lib/authCore';
-export interface MentraosAuthContextType extends AuthState {
+export interface MentraAuthContextType extends AuthState {
     isLoading: boolean;
     error: string | null;
     logout: () => void;
     isAuthenticated: boolean;
 }
-export declare const MentraosAuthContext: React.Context<MentraosAuthContextType | undefined>;
-export declare const MentraosAuthProvider: ({ children }: {
+export declare const MentraAuthContext: React.Context<MentraAuthContextType | undefined>;
+export declare const MentraAuthProvider: ({ children }: {
     children: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AuthProvider.d.ts.map

package/dist/AuthProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuthProvider.d.ts","sourceRoot":"","sources":["../src/AuthProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAsC,SAAS,EAAe,MAAM,OAAO,CAAC;AAC1F,OAAO,EAAmC,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE5E,MAAM,WAAW,uBAAwB,SAAQ,SAAS;IACxD,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,mBAAmB,oDAAgE,CAAC;AAEjG,eAAO,MAAM,oBAAoB,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAyCzE,CAAC"}
+{"version":3,"file":"AuthProvider.d.ts","sourceRoot":"","sources":["../src/AuthProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAsC,SAAS,EAAe,MAAM,OAAO,CAAC;AAC1F,OAAO,EAAmC,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE5E,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,iBAAiB,kDAA8D,CAAC;AAE7F,eAAO,MAAM,kBAAkB,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAyCvE,CAAC"}

package/dist/AuthProvider.js

@@ -2,8 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // react-sdk/src/AuthProvider.tsx
 import { createContext, useState, useEffect, useCallback } from 'react';
 import { initializeAuth, clearStoredAuth } from './lib/authCore';
-export const MentraosAuthContext = createContext(undefined);
-export const MentraosAuthProvider = ({ children }) => {
+export const MentraAuthContext = createContext(undefined);
+export const MentraAuthProvider = ({ children }) => {
     const [userId, setUserId] = useState(null);
     const [frontendToken, setFrontendToken] = useState(null);
     const [isLoading, setIsLoading] = useState(true);
@@ -36,6 +36,6 @@ export const MentraosAuthProvider = ({ children }) => {
         setFrontendToken(null);
     }, []);
     const isAuthenticated = !!userId && !!frontendToken;
-    return (_jsx(MentraosAuthContext.Provider, { value: { userId, frontendToken, isLoading, error, logout, isAuthenticated }, children: children }));
+    return (_jsx(MentraAuthContext.Provider, { value: { userId, frontendToken, isLoading, error, logout, isAuthenticated }, children: children }));
 };
 //# sourceMappingURL=AuthProvider.js.map

package/dist/AuthProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthProvider.js","sourceRoot":"","sources":["../src/AuthProvider.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,OAAc,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAa,WAAW,EAAE,MAAM,OAAO,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAE,eAAe,EAAa,MAAM,gBAAgB,CAAC;AAS5E,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAsC,SAAS,CAAC,CAAC;AAEjG,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IAC5E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC1D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACxE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExD,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACtC,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,IAAI,CAAC;YACH,MAAM,IAAI,GAAG,MAAM,cAAc,EAAE,CAAC;YACpC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACvB,gBAAgB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACvC,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,OAAO,CAAC,KAAK,CAAC,qCAAqC,EAAE,CAAC,CAAC,CAAC;YACxD,QAAQ,CAAE,CAAW,CAAC,OAAO,IAAI,8BAA8B,CAAC,CAAC;YACjE,eAAe,EAAE,CAAC,CAAC,yCAAyC;YAC5D,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;gBAAS,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,eAAe,EAAE,CAAC;QAClB,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,aAAa,CAAC;IAEpD,OAAO,CACL,KAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,YACtG,QAAQ,GACoB,CAChC,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"AuthProvider.js","sourceRoot":"","sources":["../src/AuthProvider.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,OAAc,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAa,WAAW,EAAE,MAAM,OAAO,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAE,eAAe,EAAa,MAAM,gBAAgB,CAAC;AAS5E,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAoC,SAAS,CAAC,CAAC;AAE7F,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IAC1E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC1D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACxE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExD,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACtC,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,IAAI,CAAC;YACH,MAAM,IAAI,GAAG,MAAM,cAAc,EAAE,CAAC;YACpC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACvB,gBAAgB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACvC,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,OAAO,CAAC,KAAK,CAAC,qCAAqC,EAAE,CAAC,CAAC,CAAC;YACxD,QAAQ,CAAE,CAAW,CAAC,OAAO,IAAI,8BAA8B,CAAC,CAAC;YACjE,eAAe,EAAE,CAAC,CAAC,yCAAyC;YAC5D,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;gBAAS,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,eAAe,EAAE,CAAC;QAClB,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,aAAa,CAAC;IAEpD,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,YACpG,QAAQ,GACkB,CAC9B,CAAC;AACJ,CAAC,CAAC"}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { MentraosAuthProvider } from './AuthProvider';
-export { useMentraosAuth } from './useMentraosAuth';
+export { MentraAuthProvider } from './AuthProvider';
+export { useMentraAuth } from './useMentraAuth';
 export type { AuthState } from './lib/authCore';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/index.js

@@ -1,4 +1,4 @@
 // react-sdk/src/index.ts
-export { MentraosAuthProvider } from './AuthProvider';
-export { useMentraosAuth } from './useMentraosAuth';
+export { MentraAuthProvider } from './AuthProvider';
+export { useMentraAuth } from './useMentraAuth';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,yBAAyB;AACzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,yBAAyB;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/useMentraAuth.d.ts

@@ -0,0 +1,16 @@
+import { MentraAuthContextType } from './AuthProvider';
+/**
+ * Custom hook to access the MentraOS authentication context.
+ *
+ * @returns {MentraAuthContextType} The authentication context containing user state,
+ * loading status, error information, and authentication methods.
+ *
+ * @throws {Error} When used outside of an MentraAuthProvider component.
+ *
+ * @example
+ * ```tsx
+ * const { userId, isAuthenticated, logout, isLoading } = UseMentraAuth();
+ * ```
+ */
+export declare const useMentraAuth: () => MentraAuthContextType;
+//# sourceMappingURL=useMentraAuth.d.ts.map

package/dist/useMentraAuth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMentraAuth.d.ts","sourceRoot":"","sources":["../src/useMentraAuth.ts"],"names":[],"mappings":"AAEA,OAAO,EAAqB,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE1E;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,aAAa,QAAO,qBAMhC,CAAC"}

package/dist/useMentraAuth.js

@@ -0,0 +1,24 @@
+// react-sdk/src/UseMentraAuth.ts
+import { useContext } from 'react';
+import { MentraAuthContext } from './AuthProvider';
+/**
+ * Custom hook to access the MentraOS authentication context.
+ *
+ * @returns {MentraAuthContextType} The authentication context containing user state,
+ * loading status, error information, and authentication methods.
+ *
+ * @throws {Error} When used outside of an MentraAuthProvider component.
+ *
+ * @example
+ * ```tsx
+ * const { userId, isAuthenticated, logout, isLoading } = UseMentraAuth();
+ * ```
+ */
+export const useMentraAuth = () => {
+    const context = useContext(MentraAuthContext);
+    if (context === undefined) {
+        throw new Error('UseMentraAuth must be used within an MentraAuthProvider');
+    }
+    return context;
+};
+//# sourceMappingURL=useMentraAuth.js.map

package/dist/useMentraAuth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMentraAuth.js","sourceRoot":"","sources":["../src/useMentraAuth.ts"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAyB,MAAM,gBAAgB,CAAC;AAE1E;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,GAA0B,EAAE;IACvD,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC9C,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;IAC7E,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mentra/react",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "React hooks and providers for MentraOS webviews, allowing you to create frontends for smartglasses apps.",
   "author": "Mentra Labs",
   "license": "MIT",

package/dist/useMentraosAuth.d.ts

@@ -1,16 +0,0 @@
-import { MentraosAuthContextType } from './AuthProvider';
-/**
- * Custom hook to access the MentraOS authentication context.
- *
- * @returns {MentraosAuthContextType} The authentication context containing user state,
- * loading status, error information, and authentication methods.
- *
- * @throws {Error} When used outside of an MentraosAuthProvider component.
- *
- * @example
- * ```tsx
- * const { userId, isAuthenticated, logout, isLoading } = useMentraosAuth();
- * ```
- */
-export declare const useMentraosAuth: () => MentraosAuthContextType;
-//# sourceMappingURL=useMentraosAuth.d.ts.map

package/dist/useMentraosAuth.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMentraosAuth.d.ts","sourceRoot":"","sources":["../src/useMentraosAuth.ts"],"names":[],"mappings":"AAEA,OAAO,EAAuB,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAE9E;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,QAAO,uBAMlC,CAAC"}

package/dist/useMentraosAuth.js

@@ -1,24 +0,0 @@
-// react-sdk/src/useMentraosAuth.ts
-import { useContext } from 'react';
-import { MentraosAuthContext } from './AuthProvider';
-/**
- * Custom hook to access the MentraOS authentication context.
- *
- * @returns {MentraosAuthContextType} The authentication context containing user state,
- * loading status, error information, and authentication methods.
- *
- * @throws {Error} When used outside of an MentraosAuthProvider component.
- *
- * @example
- * ```tsx
- * const { userId, isAuthenticated, logout, isLoading } = useMentraosAuth();
- * ```
- */
-export const useMentraosAuth = () => {
-    const context = useContext(MentraosAuthContext);
-    if (context === undefined) {
-        throw new Error('useMentraosAuth must be used within an MentraosAuthProvider');
-    }
-    return context;
-};
-//# sourceMappingURL=useMentraosAuth.js.map

package/dist/useMentraosAuth.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMentraosAuth.js","sourceRoot":"","sources":["../src/useMentraosAuth.ts"],"names":[],"mappings":"AAAA,mCAAmC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,mBAAmB,EAA2B,MAAM,gBAAgB,CAAC;AAE9E;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,GAA4B,EAAE;IAC3D,MAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAChD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,6DAA6D,CAAC,CAAC;IACjF,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}