@vuer-ai/vuer-uikit 0.0.101 → 0.0.102

package/dist/ui/tree-view/TreeView.cjs

@@ -2,14 +2,14 @@
 
 var chunkHAVTMZR3_cjs = require('../../chunk-HAVTMZR3.cjs');
 require('../../chunk-QN4N4I3Z.cjs');
-require('../../chunk-LYZJNEOR.cjs');
-require('../../chunk-YZIR6LIY.cjs');
-require('../../chunk-RPTRTGC2.cjs');
-require('../../chunk-LBWMTA5T.cjs');
 require('../../chunk-Q7E73DVJ.cjs');
 require('../../chunk-JR4TVE43.cjs');
 require('../../chunk-VXZURKMQ.cjs');
+require('../../chunk-Q4XH2Z5M.cjs');
 require('../../chunk-6BOWMGFG.cjs');
+require('../../chunk-YZIR6LIY.cjs');
+require('../../chunk-RPTRTGC2.cjs');
+require('../../chunk-LBWMTA5T.cjs');
 require('../../chunk-OHIB3TEN.cjs');
 
 

package/dist/ui/tree-view/TreeView.mjs

@@ -1,11 +1,11 @@
 export { TreeEntryItem, TreeView } from '../../chunk-VQPJ7TLB.mjs';
 import '../../chunk-F7ZHPSLA.mjs';
-import '../../chunk-OEIF3JCH.mjs';
-import '../../chunk-VA4LUFKD.mjs';
-import '../../chunk-4F2GSF2T.mjs';
-import '../../chunk-IDUVYPN7.mjs';
 import '../../chunk-3QT5VABC.mjs';
 import '../../chunk-XHJDRQD7.mjs';
 import '../../chunk-LQOPO4KU.mjs';
+import '../../chunk-U3LN5NB6.mjs';
 import '../../chunk-IZARTVYN.mjs';
+import '../../chunk-VA4LUFKD.mjs';
+import '../../chunk-4F2GSF2T.mjs';
+import '../../chunk-IDUVYPN7.mjs';
 import '../../chunk-HMN4IKTG.mjs';

package/dist/ui/tree-view/index.cjs

@@ -1,28 +1,28 @@
 'use strict';
 
 require('../../chunk-G5NT42YF.cjs');
-var chunk55RSKLJ5_cjs = require('../../chunk-55RSKLJ5.cjs');
+require('../../chunk-VOTZLQ6J.cjs');
+var chunkXG56MLQH_cjs = require('../../chunk-XG56MLQH.cjs');
 var chunkHAVTMZR3_cjs = require('../../chunk-HAVTMZR3.cjs');
 var chunkEEGQLTSQ_cjs = require('../../chunk-EEGQLTSQ.cjs');
-require('../../chunk-VOTZLQ6J.cjs');
 require('../../chunk-2CZEFXEW.cjs');
-require('../../chunk-3UEVUYFQ.cjs');
+require('../../chunk-LQGXG373.cjs');
 require('../../chunk-QN4N4I3Z.cjs');
-require('../../chunk-LYZJNEOR.cjs');
-require('../../chunk-YZIR6LIY.cjs');
-require('../../chunk-RPTRTGC2.cjs');
-require('../../chunk-LBWMTA5T.cjs');
 require('../../chunk-Q7E73DVJ.cjs');
 require('../../chunk-JR4TVE43.cjs');
 require('../../chunk-VXZURKMQ.cjs');
+require('../../chunk-Q4XH2Z5M.cjs');
 require('../../chunk-6BOWMGFG.cjs');
+require('../../chunk-YZIR6LIY.cjs');
+require('../../chunk-RPTRTGC2.cjs');
+require('../../chunk-LBWMTA5T.cjs');
 require('../../chunk-OHIB3TEN.cjs');
 
 
 
 Object.defineProperty(exports, "TreeSearchBar", {
   enumerable: true,
-  get: function () { return chunk55RSKLJ5_cjs.TreeSearchBar; }
+  get: function () { return chunkXG56MLQH_cjs.TreeSearchBar; }
 });
 Object.defineProperty(exports, "TreeEntryItem", {
   enumerable: true,

package/dist/ui/tree-view/index.mjs

@@ -1,17 +1,17 @@
 import '../../chunk-HVVT3D2T.mjs';
-export { TreeSearchBar } from '../../chunk-73VF2W3D.mjs';
+import '../../chunk-HTAFERCZ.mjs';
+export { TreeSearchBar } from '../../chunk-EI5ZOFWX.mjs';
 export { TreeEntryItem, TreeView } from '../../chunk-VQPJ7TLB.mjs';
 export { useTreeSearch, useTreeState } from '../../chunk-PC5DHSC4.mjs';
-import '../../chunk-HTAFERCZ.mjs';
 import '../../chunk-ZNPI2TYG.mjs';
-import '../../chunk-4XUJBMDE.mjs';
+import '../../chunk-LRSDE62T.mjs';
 import '../../chunk-F7ZHPSLA.mjs';
-import '../../chunk-OEIF3JCH.mjs';
-import '../../chunk-VA4LUFKD.mjs';
-import '../../chunk-4F2GSF2T.mjs';
-import '../../chunk-IDUVYPN7.mjs';
 import '../../chunk-3QT5VABC.mjs';
 import '../../chunk-XHJDRQD7.mjs';
 import '../../chunk-LQOPO4KU.mjs';
+import '../../chunk-U3LN5NB6.mjs';
 import '../../chunk-IZARTVYN.mjs';
+import '../../chunk-VA4LUFKD.mjs';
+import '../../chunk-4F2GSF2T.mjs';
+import '../../chunk-IDUVYPN7.mjs';
 import '../../chunk-HMN4IKTG.mjs';

package/dist/ui/tree-view-legacy.cjs

@@ -1,19 +1,19 @@
 'use strict';
 
-var chunkEC4HJUX6_cjs = require('../chunk-EC4HJUX6.cjs');
+var chunkIQ5MDNCR_cjs = require('../chunk-IQ5MDNCR.cjs');
 require('../chunk-2CZEFXEW.cjs');
-require('../chunk-3UEVUYFQ.cjs');
+require('../chunk-LQGXG373.cjs');
 require('../chunk-JMCH2AFN.cjs');
 require('../chunk-G5JZGNKY.cjs');
 require('../chunk-QN4N4I3Z.cjs');
-require('../chunk-LYZJNEOR.cjs');
-require('../chunk-YZIR6LIY.cjs');
-require('../chunk-RPTRTGC2.cjs');
-require('../chunk-LBWMTA5T.cjs');
 require('../chunk-Q7E73DVJ.cjs');
 require('../chunk-JR4TVE43.cjs');
 require('../chunk-VXZURKMQ.cjs');
+require('../chunk-Q4XH2Z5M.cjs');
 require('../chunk-6BOWMGFG.cjs');
+require('../chunk-YZIR6LIY.cjs');
+require('../chunk-RPTRTGC2.cjs');
+require('../chunk-LBWMTA5T.cjs');
 require('../chunk-OHIB3TEN.cjs');
 require('../chunk-G4FJGNY5.cjs');
 
@@ -21,17 +21,17 @@ require('../chunk-G4FJGNY5.cjs');
 
 Object.defineProperty(exports, "TreeEntries", {
   enumerable: true,
-  get: function () { return chunkEC4HJUX6_cjs.TreeEntries; }
+  get: function () { return chunkIQ5MDNCR_cjs.TreeEntries; }
 });
 Object.defineProperty(exports, "TreeEntryItem", {
   enumerable: true,
-  get: function () { return chunkEC4HJUX6_cjs.TreeEntryItem; }
+  get: function () { return chunkIQ5MDNCR_cjs.TreeEntryItem; }
 });
 Object.defineProperty(exports, "TreeSearchBar", {
   enumerable: true,
-  get: function () { return chunkEC4HJUX6_cjs.TreeSearchBar; }
+  get: function () { return chunkIQ5MDNCR_cjs.TreeSearchBar; }
 });
 Object.defineProperty(exports, "TreeView", {
   enumerable: true,
-  get: function () { return chunkEC4HJUX6_cjs.TreeView; }
+  get: function () { return chunkIQ5MDNCR_cjs.TreeView; }
 });

package/dist/ui/tree-view-legacy.mjs

@@ -1,16 +1,16 @@
-export { TreeEntries, TreeEntryItem, TreeSearchBar, TreeView } from '../chunk-CUOGY4FW.mjs';
+export { TreeEntries, TreeEntryItem, TreeSearchBar, TreeView } from '../chunk-D4DKSGER.mjs';
 import '../chunk-ZNPI2TYG.mjs';
-import '../chunk-4XUJBMDE.mjs';
+import '../chunk-LRSDE62T.mjs';
 import '../chunk-BNDRHLLZ.mjs';
 import '../chunk-PDOFOJ4P.mjs';
 import '../chunk-F7ZHPSLA.mjs';
-import '../chunk-OEIF3JCH.mjs';
-import '../chunk-VA4LUFKD.mjs';
-import '../chunk-4F2GSF2T.mjs';
-import '../chunk-IDUVYPN7.mjs';
 import '../chunk-3QT5VABC.mjs';
 import '../chunk-XHJDRQD7.mjs';
 import '../chunk-LQOPO4KU.mjs';
+import '../chunk-U3LN5NB6.mjs';
 import '../chunk-IZARTVYN.mjs';
+import '../chunk-VA4LUFKD.mjs';
+import '../chunk-4F2GSF2T.mjs';
+import '../chunk-IDUVYPN7.mjs';
 import '../chunk-HMN4IKTG.mjs';
 import '../chunk-SAGQV2YZ.mjs';

package/dist/ui/waterfall/CursorOverlay.cjs

@@ -2,14 +2,14 @@
 
 var chunk2J75MYQA_cjs = require('../../chunk-2J75MYQA.cjs');
 require('../../chunk-QN4N4I3Z.cjs');
-require('../../chunk-LYZJNEOR.cjs');
-require('../../chunk-YZIR6LIY.cjs');
-require('../../chunk-RPTRTGC2.cjs');
-require('../../chunk-LBWMTA5T.cjs');
 require('../../chunk-Q7E73DVJ.cjs');
 require('../../chunk-JR4TVE43.cjs');
 require('../../chunk-VXZURKMQ.cjs');
+require('../../chunk-Q4XH2Z5M.cjs');
 require('../../chunk-6BOWMGFG.cjs');
+require('../../chunk-YZIR6LIY.cjs');
+require('../../chunk-RPTRTGC2.cjs');
+require('../../chunk-LBWMTA5T.cjs');
 require('../../chunk-OHIB3TEN.cjs');
 
 

package/dist/ui/waterfall/CursorOverlay.mjs

@@ -1,11 +1,11 @@
 export { CursorOverlay } from '../../chunk-SA5WKLYB.mjs';
 import '../../chunk-F7ZHPSLA.mjs';
-import '../../chunk-OEIF3JCH.mjs';
-import '../../chunk-VA4LUFKD.mjs';
-import '../../chunk-4F2GSF2T.mjs';
-import '../../chunk-IDUVYPN7.mjs';
 import '../../chunk-3QT5VABC.mjs';
 import '../../chunk-XHJDRQD7.mjs';
 import '../../chunk-LQOPO4KU.mjs';
+import '../../chunk-U3LN5NB6.mjs';
 import '../../chunk-IZARTVYN.mjs';
+import '../../chunk-VA4LUFKD.mjs';
+import '../../chunk-4F2GSF2T.mjs';
+import '../../chunk-IDUVYPN7.mjs';
 import '../../chunk-HMN4IKTG.mjs';

package/dist/ui/waterfall/TimelineEvent.cjs

@@ -3,14 +3,14 @@
 var chunkTUYG6BYZ_cjs = require('../../chunk-TUYG6BYZ.cjs');
 require('../../chunk-G2ZYONQO.cjs');
 require('../../chunk-QN4N4I3Z.cjs');
-require('../../chunk-LYZJNEOR.cjs');
-require('../../chunk-YZIR6LIY.cjs');
-require('../../chunk-RPTRTGC2.cjs');
-require('../../chunk-LBWMTA5T.cjs');
 require('../../chunk-Q7E73DVJ.cjs');
 require('../../chunk-JR4TVE43.cjs');
 require('../../chunk-VXZURKMQ.cjs');
+require('../../chunk-Q4XH2Z5M.cjs');
 require('../../chunk-6BOWMGFG.cjs');
+require('../../chunk-YZIR6LIY.cjs');
+require('../../chunk-RPTRTGC2.cjs');
+require('../../chunk-LBWMTA5T.cjs');
 require('../../chunk-OHIB3TEN.cjs');
 
 

package/dist/ui/waterfall/TimelineEvent.mjs

@@ -1,12 +1,12 @@
 export { TimelineEvent } from '../../chunk-N6DSPSMM.mjs';
 import '../../chunk-4U232QAX.mjs';
 import '../../chunk-F7ZHPSLA.mjs';
-import '../../chunk-OEIF3JCH.mjs';
-import '../../chunk-VA4LUFKD.mjs';
-import '../../chunk-4F2GSF2T.mjs';
-import '../../chunk-IDUVYPN7.mjs';
 import '../../chunk-3QT5VABC.mjs';
 import '../../chunk-XHJDRQD7.mjs';
 import '../../chunk-LQOPO4KU.mjs';
+import '../../chunk-U3LN5NB6.mjs';
 import '../../chunk-IZARTVYN.mjs';
+import '../../chunk-VA4LUFKD.mjs';
+import '../../chunk-4F2GSF2T.mjs';
+import '../../chunk-IDUVYPN7.mjs';
 import '../../chunk-HMN4IKTG.mjs';

package/dist/ui/waterfall/TimelineProcessBar.cjs

@@ -3,14 +3,14 @@
 var chunkYXFHJKNW_cjs = require('../../chunk-YXFHJKNW.cjs');
 require('../../chunk-G2ZYONQO.cjs');
 require('../../chunk-QN4N4I3Z.cjs');
-require('../../chunk-LYZJNEOR.cjs');
-require('../../chunk-YZIR6LIY.cjs');
-require('../../chunk-RPTRTGC2.cjs');
-require('../../chunk-LBWMTA5T.cjs');
 require('../../chunk-Q7E73DVJ.cjs');
 require('../../chunk-JR4TVE43.cjs');
 require('../../chunk-VXZURKMQ.cjs');
+require('../../chunk-Q4XH2Z5M.cjs');
 require('../../chunk-6BOWMGFG.cjs');
+require('../../chunk-YZIR6LIY.cjs');
+require('../../chunk-RPTRTGC2.cjs');
+require('../../chunk-LBWMTA5T.cjs');
 require('../../chunk-OHIB3TEN.cjs');
 
 

package/dist/ui/waterfall/TimelineProcessBar.mjs

@@ -1,12 +1,12 @@
 export { TimelineProcessBar } from '../../chunk-CO6EASQO.mjs';
 import '../../chunk-4U232QAX.mjs';
 import '../../chunk-F7ZHPSLA.mjs';
-import '../../chunk-OEIF3JCH.mjs';
-import '../../chunk-VA4LUFKD.mjs';
-import '../../chunk-4F2GSF2T.mjs';
-import '../../chunk-IDUVYPN7.mjs';
 import '../../chunk-3QT5VABC.mjs';
 import '../../chunk-XHJDRQD7.mjs';
 import '../../chunk-LQOPO4KU.mjs';
+import '../../chunk-U3LN5NB6.mjs';
 import '../../chunk-IZARTVYN.mjs';
+import '../../chunk-VA4LUFKD.mjs';
+import '../../chunk-4F2GSF2T.mjs';
+import '../../chunk-IDUVYPN7.mjs';
 import '../../chunk-HMN4IKTG.mjs';

package/dist/ui/waterfall/Wedges.cjs

@@ -2,14 +2,14 @@
 
 var chunk5MNZYCN2_cjs = require('../../chunk-5MNZYCN2.cjs');
 require('../../chunk-QN4N4I3Z.cjs');
-require('../../chunk-LYZJNEOR.cjs');
-require('../../chunk-YZIR6LIY.cjs');
-require('../../chunk-RPTRTGC2.cjs');
-require('../../chunk-LBWMTA5T.cjs');
 require('../../chunk-Q7E73DVJ.cjs');
 require('../../chunk-JR4TVE43.cjs');
 require('../../chunk-VXZURKMQ.cjs');
+require('../../chunk-Q4XH2Z5M.cjs');
 require('../../chunk-6BOWMGFG.cjs');
+require('../../chunk-YZIR6LIY.cjs');
+require('../../chunk-RPTRTGC2.cjs');
+require('../../chunk-LBWMTA5T.cjs');
 require('../../chunk-OHIB3TEN.cjs');
 
 

package/dist/ui/waterfall/Wedges.mjs

@@ -1,11 +1,11 @@
 export { LeftWedge, RightWedge } from '../../chunk-IR334P7F.mjs';
 import '../../chunk-F7ZHPSLA.mjs';
-import '../../chunk-OEIF3JCH.mjs';
-import '../../chunk-VA4LUFKD.mjs';
-import '../../chunk-4F2GSF2T.mjs';
-import '../../chunk-IDUVYPN7.mjs';
 import '../../chunk-3QT5VABC.mjs';
 import '../../chunk-XHJDRQD7.mjs';
 import '../../chunk-LQOPO4KU.mjs';
+import '../../chunk-U3LN5NB6.mjs';
 import '../../chunk-IZARTVYN.mjs';
+import '../../chunk-VA4LUFKD.mjs';
+import '../../chunk-4F2GSF2T.mjs';
+import '../../chunk-IDUVYPN7.mjs';
 import '../../chunk-HMN4IKTG.mjs';

package/dist/ui/waterfall/index.cjs

@@ -1,36 +1,36 @@
 'use strict';
 
-var chunkG7FYBSFO_cjs = require('../../chunk-G7FYBSFO.cjs');
+var chunkJMFTHHHE_cjs = require('../../chunk-JMFTHHHE.cjs');
 require('../../chunk-WJL5HMO6.cjs');
 require('../../chunk-RJ7I6ZQK.cjs');
+require('../../chunk-5MNZYCN2.cjs');
+require('../../chunk-Z6UDRPC2.cjs');
 require('../../chunk-YJ6X6T5K.cjs');
+require('../../chunk-2J75MYQA.cjs');
 require('../../chunk-LP3AGGRK.cjs');
 require('../../chunk-6TSA7KXX.cjs');
 require('../../chunk-MVAFOQ67.cjs');
 require('../../chunk-TUYG6BYZ.cjs');
 require('../../chunk-YXFHJKNW.cjs');
 var chunkG2ZYONQO_cjs = require('../../chunk-G2ZYONQO.cjs');
-require('../../chunk-5MNZYCN2.cjs');
-require('../../chunk-Z6UDRPC2.cjs');
 require('../../chunk-G5NT42YF.cjs');
-require('../../chunk-55RSKLJ5.cjs');
+require('../../chunk-VOTZLQ6J.cjs');
+require('../../chunk-XG56MLQH.cjs');
 require('../../chunk-HAVTMZR3.cjs');
 require('../../chunk-EEGQLTSQ.cjs');
-require('../../chunk-VOTZLQ6J.cjs');
-require('../../chunk-2J75MYQA.cjs');
 require('../../chunk-2CZEFXEW.cjs');
-require('../../chunk-3UEVUYFQ.cjs');
+require('../../chunk-LQGXG373.cjs');
 require('../../chunk-JMCH2AFN.cjs');
 require('../../chunk-G5JZGNKY.cjs');
 require('../../chunk-QN4N4I3Z.cjs');
-require('../../chunk-LYZJNEOR.cjs');
-require('../../chunk-YZIR6LIY.cjs');
-require('../../chunk-RPTRTGC2.cjs');
-require('../../chunk-LBWMTA5T.cjs');
 require('../../chunk-Q7E73DVJ.cjs');
 require('../../chunk-JR4TVE43.cjs');
 require('../../chunk-VXZURKMQ.cjs');
+require('../../chunk-Q4XH2Z5M.cjs');
 require('../../chunk-6BOWMGFG.cjs');
+require('../../chunk-YZIR6LIY.cjs');
+require('../../chunk-RPTRTGC2.cjs');
+require('../../chunk-LBWMTA5T.cjs');
 require('../../chunk-OHIB3TEN.cjs');
 require('../../chunk-G4FJGNY5.cjs');
 
@@ -38,7 +38,7 @@ require('../../chunk-G4FJGNY5.cjs');
 
 Object.defineProperty(exports, "Waterfall", {
   enumerable: true,
-  get: function () { return chunkG7FYBSFO_cjs.Waterfall; }
+  get: function () { return chunkJMFTHHHE_cjs.Waterfall; }
 });
 Object.defineProperty(exports, "TOTAL_DURATION", {
   enumerable: true,

package/dist/ui/waterfall/index.mjs

@@ -1,33 +1,33 @@
-export { Waterfall } from '../../chunk-AJYO5W6O.mjs';
+export { Waterfall } from '../../chunk-7P563TWH.mjs';
 import '../../chunk-JWKOW2OV.mjs';
 import '../../chunk-VPQ5SSY3.mjs';
+import '../../chunk-IR334P7F.mjs';
+import '../../chunk-CIPI2V54.mjs';
 import '../../chunk-WPDU2YYR.mjs';
+import '../../chunk-SA5WKLYB.mjs';
 import '../../chunk-5EXV5EWF.mjs';
 import '../../chunk-K22BEXUA.mjs';
 import '../../chunk-OC4HRPZU.mjs';
 import '../../chunk-N6DSPSMM.mjs';
 import '../../chunk-CO6EASQO.mjs';
 export { TOTAL_DURATION, borderColorClasses, colorClasses, formatDuration, leftWedgeClasses, rightWedgeClasses } from '../../chunk-4U232QAX.mjs';
-import '../../chunk-IR334P7F.mjs';
-import '../../chunk-CIPI2V54.mjs';
 import '../../chunk-HVVT3D2T.mjs';
-import '../../chunk-73VF2W3D.mjs';
+import '../../chunk-HTAFERCZ.mjs';
+import '../../chunk-EI5ZOFWX.mjs';
 import '../../chunk-VQPJ7TLB.mjs';
 import '../../chunk-PC5DHSC4.mjs';
-import '../../chunk-HTAFERCZ.mjs';
-import '../../chunk-SA5WKLYB.mjs';
 import '../../chunk-ZNPI2TYG.mjs';
-import '../../chunk-4XUJBMDE.mjs';
+import '../../chunk-LRSDE62T.mjs';
 import '../../chunk-BNDRHLLZ.mjs';
 import '../../chunk-PDOFOJ4P.mjs';
 import '../../chunk-F7ZHPSLA.mjs';
-import '../../chunk-OEIF3JCH.mjs';
-import '../../chunk-VA4LUFKD.mjs';
-import '../../chunk-4F2GSF2T.mjs';
-import '../../chunk-IDUVYPN7.mjs';
 import '../../chunk-3QT5VABC.mjs';
 import '../../chunk-XHJDRQD7.mjs';
 import '../../chunk-LQOPO4KU.mjs';
+import '../../chunk-U3LN5NB6.mjs';
 import '../../chunk-IZARTVYN.mjs';
+import '../../chunk-VA4LUFKD.mjs';
+import '../../chunk-4F2GSF2T.mjs';
+import '../../chunk-IDUVYPN7.mjs';
 import '../../chunk-HMN4IKTG.mjs';
 import '../../chunk-SAGQV2YZ.mjs';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vuer-ai/vuer-uikit",
   "author": "Ge Yang",
-  "version": "0.0.101",
+  "version": "0.0.102",
   "files": [
     "/dist",
     "/src"
@@ -21,6 +21,11 @@
       "import": "./src/index.ts",
       "require": "./src/index.ts"
     },
+    "./auth": {
+      "types": "./dist/auth/index.d.ts",
+      "import": "./dist/auth/index.mjs",
+      "require": "./dist/auth/index.cjs"
+    },
     "./src/dial": {
       "types": "./src/dial/index.ts",
       "import": "./src/dial/index.ts",
@@ -47,6 +52,7 @@
     "./styles/variables.css": "./dist/styles/variables.css"
   },
   "peerDependencies": {
+    "better-auth": "^1.3.9",
     "@react-three/drei": "latest",
     "@react-three/fiber": "latest",
     "lucide-react": "latest",

package/src/auth/context/auth-context.ts

@@ -0,0 +1,16 @@
+import { createContext } from "react";
+
+import { BetterAuth, Session } from "../types";
+
+interface IAuthContext {
+  baseURL: string;
+  data: Session | null;
+  isPending: boolean;
+  authClient: BetterAuth;
+  refetch: () => void;
+}
+
+const AuthContext = createContext<IAuthContext>(null!);
+
+export { AuthContext };
+export type { IAuthContext };

package/src/auth/handler/create-client.ts

@@ -0,0 +1,23 @@
+import { createAuthClient } from "better-auth/react";
+
+import { bearerToken, jwtToken } from "../localstorage-key";
+import { BetterAuth, options } from "../types";
+
+export const createClient = (baseURL: string): BetterAuth => {
+  return createAuthClient({
+    ...options,
+    baseURL: baseURL,
+    fetchOptions: {
+      auth: {
+        type: "Bearer",
+        token: () => localStorage.getItem(bearerToken) || "", // get the token from localStorage
+      },
+      onSuccess: (ctx) => {
+        const jwt = ctx.response.headers.get("set-auth-jwt");
+        if (jwt) {
+          localStorage.setItem(jwtToken, jwt);
+        }
+      },
+    },
+  });
+};

package/src/auth/handler/sign-in-handler.ts

@@ -0,0 +1,66 @@
+import { bearerToken } from "../localstorage-key";
+import { Refetch, SignInParams, SignInWithPopup, SignInWithRedirect } from "../types";
+
+const signInHandler = (props: SignInParams, refetch: Refetch): Promise<string> | void => {
+  const { authMode } = props;
+
+  if (authMode === "redirect") {
+    return sigInWithRedirect(props);
+  } else {
+    return sigInWithPopup(props, refetch);
+  }
+};
+
+const sigInWithPopup = async (props: SignInWithPopup, refetch: Refetch): Promise<string> => {
+  const { callbackURL, baseURL } = props;
+
+  const width = 500;
+  const height = 600;
+  const left = (window.screen.width - width) / 2;
+  const top = (window.screen.height - height) / 2;
+
+  const authPopup = window.open(
+    `${baseURL}/authorize?origin=${encodeURIComponent(window.location.origin)}`,
+    "vuer-auth-center",
+    `width=${width},height=${height},top=${top},left=${left}`,
+  );
+
+  return new Promise((resolve) => {
+    const handle = (event: MessageEvent) => {
+      const trustedDomains = [baseURL];
+      if (!trustedDomains.includes(event.origin)) {
+        return;
+      }
+
+      if (event.data.type === "READY") {
+        authPopup?.postMessage({ type: "REQUEST_TOKEN" }, baseURL);
+      }
+
+      if (event.data.type === "AUTH_TOKEN") {
+        const token = event.data.token;
+        if (token) {
+          localStorage.setItem(bearerToken, token);
+          window.removeEventListener("message", handle);
+
+          resolve(token);
+
+          if (callbackURL) {
+            window.location.href = callbackURL;
+          } else {
+            refetch();
+          }
+        }
+      }
+    };
+
+    window.addEventListener("message", handle);
+  });
+};
+
+const sigInWithRedirect = (props: SignInWithRedirect) => {
+  const { callbackURL, baseURL } = props;
+
+  window.location.href = `${baseURL}/authorize?callbackURL=${encodeURIComponent(callbackURL)}`;
+};
+
+export { signInHandler };

package/src/auth/hooks/use-vuer-auth.ts

@@ -0,0 +1,10 @@
+import { useContext } from "react";
+
+import { IAuthContext, AuthContext } from "../context/auth-context";
+
+export const useVuerAuth = (): IAuthContext => {
+  const context = useContext(AuthContext);
+
+  if (context === undefined) throw new Error("useSession must be used within a SessionContext");
+  return context;
+};

package/src/auth/hooks/use-vuer-method.ts

@@ -0,0 +1,35 @@
+import { useCallback, useMemo } from "react";
+
+import { signInHandler } from "../handler/sign-in-handler";
+import { BetterAuth, SignInWithOutBaseURLParams } from "../types";
+import { useVuerAuth } from "./use-vuer-auth";
+
+interface UseVuerAuth {
+  signIn: (p?: SignInWithOutBaseURLParams) => Promise<string> | void;
+  signOut: ReturnType<BetterAuth["signOut"]>;
+}
+
+const useVuerMethod = (): UseVuerAuth => {
+  const { refetch, authClient, baseURL } = useVuerAuth();
+
+  const signOutHandle = useCallback(() => {
+    return authClient.signOut();
+  }, [authClient]);
+
+  const signInHandle = useCallback(
+    (props?: SignInWithOutBaseURLParams) => {
+      return signInHandler({ ...props, baseURL }, refetch);
+    },
+    [baseURL, refetch],
+  );
+
+  return useMemo(() => {
+    return {
+      signIn: signInHandle,
+      signOut: signOutHandle,
+    };
+  }, [signInHandle, signOutHandle]);
+};
+
+export { useVuerMethod };
+export type { UseVuerAuth };

package/src/auth/index.ts

@@ -0,0 +1,6 @@
+export * from "./hooks/use-vuer-method";
+export * from "./hooks/use-vuer-auth";
+
+export * from "./localstorage-key";
+
+export { VuerAuthProvider } from "./vuer-auth-provider";

package/src/auth/localstorage-key.ts

@@ -0,0 +1,3 @@
+export const bearerToken = "bearer_token" as const;
+
+export const jwtToken = "auth_jwt" as const;