@basictech/nextjs 0.6.0-beta.6 → 0.6.0-beta.7

package/.turbo/turbo-build.log

@@ -1,9 +1,9 @@
 
 
-> @basictech/nextjs@0.6.0-beta.3 build
+> @basictech/nextjs@0.6.0-beta.6 build
 > tsup
 
-CLI Building entry: src/index.ts
+CLI Building entry: src/index.ts, src/client.ts
 CLI Using tsconfig: tsconfig.json
 CLI tsup v7.2.0
 CLI Using tsup config: /Users/raz/codebook/basic/libs/client-ts/packages/nextjs/tsup.config.ts
@@ -11,13 +11,19 @@
 CLI Cleaning output folder
 CJS Build start
 ESM Build start
-ESM dist/index.mjs     2.39 KB
-ESM dist/index.mjs.map 3.73 KB
-ESM ⚡️ Build success in 12ms
-CJS dist/index.js     4.34 KB
-CJS dist/index.js.map 3.79 KB
-CJS ⚡️ Build success in 12ms
+ESM dist/index.mjs      2.22 KB
+ESM dist/client.mjs     375.00 B
+ESM dist/index.mjs.map  6.68 KB
+ESM dist/client.mjs.map 933.00 B
+ESM ⚡️ Build success in 19ms
+CJS dist/client.js     1.60 KB
+CJS dist/index.js      3.43 KB
+CJS dist/client.js.map 927.00 B
+CJS dist/index.js.map  7.77 KB
+CJS ⚡️ Build success in 20ms
 DTS Build start
-DTS ⚡️ Build success in 1168ms
-DTS dist/index.d.ts  390.00 B
-DTS dist/index.d.mts 390.00 B
+DTS ⚡️ Build success in 1866ms
+DTS dist/client.d.ts  303.00 B
+DTS dist/index.d.ts   2.47 KB
+DTS dist/client.d.mts 303.00 B
+DTS dist/index.d.mts  2.47 KB

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @basictech/nextjs
 
+## 0.6.0-beta.7
+
+### Minor Changes
+
+- api improvements, react refactor, nextjs update
+
+### Patch Changes
+
+- Updated dependencies
+  - @basictech/react@0.7.0-beta.7
+
 ## 0.6.0-beta.6
 
 ### Patch Changes

package/dist/client.d.mts

@@ -0,0 +1 @@
+export { AuthConfig, AuthError, AuthResult, BasicContextType, BasicDB, BasicProvider, BasicProviderProps, BasicStorage, Collection, DBMode, LocalStorageAdapter, NotAuthenticatedError, RemoteCollection, RemoteDB, RemoteDBConfig, RemoteDBError, STORAGE_KEYS, useBasic, useQuery } from '@basictech/react';

package/dist/client.d.ts

@@ -0,0 +1 @@
+export { AuthConfig, AuthError, AuthResult, BasicContextType, BasicDB, BasicProvider, BasicProviderProps, BasicStorage, Collection, DBMode, LocalStorageAdapter, NotAuthenticatedError, RemoteCollection, RemoteDB, RemoteDBConfig, RemoteDBError, STORAGE_KEYS, useBasic, useQuery } from '@basictech/react';

package/dist/client.js

@@ -0,0 +1,46 @@
+"use strict";
+"use client";
+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/client.ts
+var client_exports = {};
+__export(client_exports, {
+  BasicProvider: () => import_react.BasicProvider,
+  NotAuthenticatedError: () => import_react.NotAuthenticatedError,
+  RemoteCollection: () => import_react.RemoteCollection,
+  RemoteDB: () => import_react.RemoteDB,
+  RemoteDBError: () => import_react.RemoteDBError,
+  STORAGE_KEYS: () => import_react.STORAGE_KEYS,
+  useBasic: () => import_react.useBasic,
+  useQuery: () => import_react.useQuery
+});
+module.exports = __toCommonJS(client_exports);
+var import_react = require("@basictech/react");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BasicProvider,
+  NotAuthenticatedError,
+  RemoteCollection,
+  RemoteDB,
+  RemoteDBError,
+  STORAGE_KEYS,
+  useBasic,
+  useQuery
+});
+//# sourceMappingURL=client.js.map

package/dist/client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/client.ts"],"sourcesContent":["'use client'\n\n// @basictech/nextjs/client - Client-side exports for Next.js\n// Use this in client components (files with 'use client' directive)\n\n// Re-export everything from @basictech/react for client-side use\nexport {\n  useBasic,\n  BasicProvider,\n  useQuery,\n  RemoteDB,\n  RemoteCollection,\n  RemoteDBError,\n  NotAuthenticatedError,\n  STORAGE_KEYS\n} from \"@basictech/react\"\n\n// Re-export types (DBMode is also a type)\nexport type {\n  AuthConfig,\n  BasicStorage,\n  LocalStorageAdapter,\n  BasicProviderProps,\n  BasicContextType,\n  AuthResult,\n  BasicDB,\n  Collection,\n  RemoteDBConfig,\n  AuthError\n} from \"@basictech/react\"\n\n// DBMode is a type-only export\nexport type { DBMode } from \"@basictech/react\"\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,mBASO;","names":[]}

package/dist/client.mjs

@@ -0,0 +1,24 @@
+"use client";
+
+// src/client.ts
+import {
+  useBasic,
+  BasicProvider,
+  useQuery,
+  RemoteDB,
+  RemoteCollection,
+  RemoteDBError,
+  NotAuthenticatedError,
+  STORAGE_KEYS
+} from "@basictech/react";
+export {
+  BasicProvider,
+  NotAuthenticatedError,
+  RemoteCollection,
+  RemoteDB,
+  RemoteDBError,
+  STORAGE_KEYS,
+  useBasic,
+  useQuery
+};
+//# sourceMappingURL=client.mjs.map

package/dist/client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/client.ts"],"sourcesContent":["'use client'\n\n// @basictech/nextjs/client - Client-side exports for Next.js\n// Use this in client components (files with 'use client' directive)\n\n// Re-export everything from @basictech/react for client-side use\nexport {\n  useBasic,\n  BasicProvider,\n  useQuery,\n  RemoteDB,\n  RemoteCollection,\n  RemoteDBError,\n  NotAuthenticatedError,\n  STORAGE_KEYS\n} from \"@basictech/react\"\n\n// Re-export types (DBMode is also a type)\nexport type {\n  AuthConfig,\n  BasicStorage,\n  LocalStorageAdapter,\n  BasicProviderProps,\n  BasicContextType,\n  AuthResult,\n  BasicDB,\n  Collection,\n  RemoteDBConfig,\n  AuthError\n} from \"@basictech/react\"\n\n// DBMode is a type-only export\nexport type { DBMode } from \"@basictech/react\"\n"],"mappings":";;;AAMA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/index.d.mts

@@ -1,10 +1,83 @@
-import * as react from 'react';
-import * as _basictech_react from '@basictech/react';
-export { useBasic, useQuery } from '@basictech/react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+export { AuthConfig, AuthError, AuthResult, BasicContextType, BasicDB, BasicProviderProps, BasicStorage, Collection, DBMode, LocalStorageAdapter, RemoteDBConfig } from '@basictech/react';
+import { NextRequest, NextResponse } from 'next/server';
 
-declare const LoginButton: () => react_jsx_runtime.JSX.Element;
+/**
+ * Configuration options for the Basic auth middleware
+ */
+interface BasicMiddlewareConfig {
+    /**
+     * Routes that require authentication
+     * Supports glob patterns like '/dashboard/*', '/api/protected/*'
+     */
+    protectedRoutes?: string[];
+    /**
+     * Routes that are always public (bypass auth check)
+     * Useful for login pages, public APIs, etc.
+     */
+    publicRoutes?: string[];
+    /**
+     * Where to redirect unauthenticated users
+     * @default '/login'
+     */
+    signInUrl?: string;
+    /**
+     * Where to redirect after successful sign-in
+     * @default '/'
+     */
+    afterSignInUrl?: string;
+    /**
+     * Cookie name for the access token
+     * @default 'basic_access_token'
+     */
+    tokenCookieName?: string;
+    /**
+     * Cookie name for the full token object
+     * @default 'basic_token'
+     */
+    fullTokenCookieName?: string;
+}
+/**
+ * Get auth info from cookies
+ */
+declare function getAuthFromRequest(request: NextRequest, config?: Partial<BasicMiddlewareConfig>): {
+    isAuthenticated: boolean;
+    token: string | null;
+};
+/**
+ * Create a Basic auth middleware for NextJS
+ *
+ * @example
+ * // In middleware.ts at the root of your NextJS app:
+ * import { createBasicMiddleware } from '@basictech/nextjs'
+ *
+ * export const middleware = createBasicMiddleware({
+ *   protectedRoutes: ['/dashboard/*', '/settings/*'],
+ *   publicRoutes: ['/login', '/signup', '/'],
+ *   signInUrl: '/login'
+ * })
+ *
+ * export const config = {
+ *   matcher: ['/((?!_next/static|_next/image|favicon.ico).*)']
+ * }
+ */
+declare function createBasicMiddleware(config?: BasicMiddlewareConfig): (request: NextRequest) => NextResponse;
+/**
+ * Simple auth check middleware - redirects unauthenticated users
+ *
+ * @example
+ * // In middleware.ts
+ * import { withBasicAuth } from '@basictech/nextjs'
+ *
+ * export const middleware = withBasicAuth
+ *
+ * export const config = {
+ *   matcher: ['/dashboard/:path*', '/settings/:path*']
+ * }
+ */
+declare function withBasicAuth(request: NextRequest): NextResponse;
+/**
+ * Helper to get the return URL from search params
+ */
+declare function getReturnUrl(request: NextRequest, defaultUrl?: string): string;
 
-declare const BasicProvider: react.ComponentType<_basictech_react.BasicProviderProps>;
-
-export { BasicProvider, LoginButton };
+export { BasicMiddlewareConfig, createBasicMiddleware, getAuthFromRequest, getReturnUrl, withBasicAuth };

package/dist/index.d.ts

@@ -1,10 +1,83 @@
-import * as react from 'react';
-import * as _basictech_react from '@basictech/react';
-export { useBasic, useQuery } from '@basictech/react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+export { AuthConfig, AuthError, AuthResult, BasicContextType, BasicDB, BasicProviderProps, BasicStorage, Collection, DBMode, LocalStorageAdapter, RemoteDBConfig } from '@basictech/react';
+import { NextRequest, NextResponse } from 'next/server';
 
-declare const LoginButton: () => react_jsx_runtime.JSX.Element;
+/**
+ * Configuration options for the Basic auth middleware
+ */
+interface BasicMiddlewareConfig {
+    /**
+     * Routes that require authentication
+     * Supports glob patterns like '/dashboard/*', '/api/protected/*'
+     */
+    protectedRoutes?: string[];
+    /**
+     * Routes that are always public (bypass auth check)
+     * Useful for login pages, public APIs, etc.
+     */
+    publicRoutes?: string[];
+    /**
+     * Where to redirect unauthenticated users
+     * @default '/login'
+     */
+    signInUrl?: string;
+    /**
+     * Where to redirect after successful sign-in
+     * @default '/'
+     */
+    afterSignInUrl?: string;
+    /**
+     * Cookie name for the access token
+     * @default 'basic_access_token'
+     */
+    tokenCookieName?: string;
+    /**
+     * Cookie name for the full token object
+     * @default 'basic_token'
+     */
+    fullTokenCookieName?: string;
+}
+/**
+ * Get auth info from cookies
+ */
+declare function getAuthFromRequest(request: NextRequest, config?: Partial<BasicMiddlewareConfig>): {
+    isAuthenticated: boolean;
+    token: string | null;
+};
+/**
+ * Create a Basic auth middleware for NextJS
+ *
+ * @example
+ * // In middleware.ts at the root of your NextJS app:
+ * import { createBasicMiddleware } from '@basictech/nextjs'
+ *
+ * export const middleware = createBasicMiddleware({
+ *   protectedRoutes: ['/dashboard/*', '/settings/*'],
+ *   publicRoutes: ['/login', '/signup', '/'],
+ *   signInUrl: '/login'
+ * })
+ *
+ * export const config = {
+ *   matcher: ['/((?!_next/static|_next/image|favicon.ico).*)']
+ * }
+ */
+declare function createBasicMiddleware(config?: BasicMiddlewareConfig): (request: NextRequest) => NextResponse;
+/**
+ * Simple auth check middleware - redirects unauthenticated users
+ *
+ * @example
+ * // In middleware.ts
+ * import { withBasicAuth } from '@basictech/nextjs'
+ *
+ * export const middleware = withBasicAuth
+ *
+ * export const config = {
+ *   matcher: ['/dashboard/:path*', '/settings/:path*']
+ * }
+ */
+declare function withBasicAuth(request: NextRequest): NextResponse;
+/**
+ * Helper to get the return URL from search params
+ */
+declare function getReturnUrl(request: NextRequest, defaultUrl?: string): string;
 
-declare const BasicProvider: react.ComponentType<_basictech_react.BasicProviderProps>;
-
-export { BasicProvider, LoginButton };
+export { BasicMiddlewareConfig, createBasicMiddleware, getAuthFromRequest, getReturnUrl, withBasicAuth };

package/dist/index.js

@@ -1,10 +1,7 @@
 "use strict";
-"use client";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -18,105 +15,85 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  BasicProvider: () => BasicProvider,
-  LoginButton: () => componets_default,
-  useBasic: () => import_react.useBasic,
-  useQuery: () => import_react.useQuery
+  createBasicMiddleware: () => createBasicMiddleware,
+  getAuthFromRequest: () => getAuthFromRequest,
+  getReturnUrl: () => getReturnUrl,
+  withBasicAuth: () => withBasicAuth
 });
 module.exports = __toCommonJS(src_exports);
-var import_dynamic = __toESM(require("next/dynamic"));
-var import_react = require("@basictech/react");
 
-// src/componets.tsx
-var Avatar = __toESM(require("@radix-ui/react-avatar"));
-var Popover = __toESM(require("@radix-ui/react-popover"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var LoginButton = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Popover.Root, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Avatar.Root, { style: avatarContainerStyle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        Avatar.Image,
-        {
-          src: "https://via.placeholder.com/150",
-          alt: "User Avatar",
-          style: avatarImageStyle
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Avatar.Fallback, { delayMs: 600, style: avatarFallbackStyle, children: "U" })
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Popover.Content, { style: popoverContentStyle, sideOffset: 10, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: { marginBottom: "10px" }, children: "Hello, User!" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { style: buttonStyle, children: "Logout" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Popover.Arrow, { style: popoverArrowStyle })
-    ] }) })
-  ] });
+// src/middleware.ts
+var import_server = require("next/server");
+var DEFAULT_CONFIG = {
+  protectedRoutes: [],
+  publicRoutes: ["/login", "/signup", "/auth/*"],
+  signInUrl: "/login",
+  afterSignInUrl: "/",
+  tokenCookieName: "basic_access_token",
+  fullTokenCookieName: "basic_token"
 };
-var avatarContainerStyle = {
-  display: "inline-flex",
-  alignItems: "center",
-  justifyContent: "center",
-  width: "40px",
-  height: "40px",
-  borderRadius: "100%",
-  backgroundColor: "#ccc",
-  cursor: "pointer"
-};
-var avatarImageStyle = {
-  width: "100%",
-  height: "100%",
-  borderRadius: "100%"
-  //   objectFit: 'cover',
-};
-var avatarFallbackStyle = {
-  width: "100%",
-  height: "100%",
-  borderRadius: "100%",
-  backgroundColor: "#007bff",
-  color: "white",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  fontSize: "20px"
-};
-var popoverContentStyle = {
-  padding: "20px",
-  borderRadius: "8px",
-  //   backgroundColor: 'white',
-  boxShadow: "0 2px 10px rgba(0, 0, 0, 0.2)"
-};
-var buttonStyle = {
-  padding: "8px 16px",
-  backgroundColor: "#007bff",
-  color: "#fff",
-  border: "none",
-  borderRadius: "4px",
-  cursor: "pointer"
-};
-var popoverArrowStyle = {
-  fill: "white"
-};
-var componets_default = LoginButton;
-
-// src/index.ts
-var BasicProvider = (0, import_dynamic.default)(() => import("@basictech/react").then((mod) => mod.BasicProvider), { ssr: false });
+function matchesPattern(path, patterns) {
+  return patterns.some((pattern) => {
+    const regexPattern = pattern.replace(/\*/g, ".*").replace(/\//g, "\\/");
+    const regex = new RegExp(`^${regexPattern}$`);
+    return regex.test(path);
+  });
+}
+function hasValidToken(request, config) {
+  const token = request.cookies.get(config.tokenCookieName)?.value;
+  if (!token) {
+    return false;
+  }
+  return token.length > 0;
+}
+function getAuthFromRequest(request, config) {
+  const mergedConfig = { ...DEFAULT_CONFIG, ...config };
+  const token = request.cookies.get(mergedConfig.tokenCookieName)?.value || null;
+  return {
+    isAuthenticated: !!token && token.length > 0,
+    token
+  };
+}
+function createBasicMiddleware(config) {
+  const mergedConfig = { ...DEFAULT_CONFIG, ...config };
+  return function middleware(request) {
+    const { pathname } = request.nextUrl;
+    if (pathname.startsWith("/_next") || pathname.startsWith("/api/_next") || pathname.includes(".")) {
+      return import_server.NextResponse.next();
+    }
+    if (matchesPattern(pathname, mergedConfig.publicRoutes)) {
+      return import_server.NextResponse.next();
+    }
+    const isProtectedRoute = mergedConfig.protectedRoutes.length === 0 ? true : matchesPattern(pathname, mergedConfig.protectedRoutes);
+    if (!isProtectedRoute) {
+      return import_server.NextResponse.next();
+    }
+    const isAuthenticated = hasValidToken(request, mergedConfig);
+    if (!isAuthenticated) {
+      const signInUrl = new URL(mergedConfig.signInUrl, request.url);
+      signInUrl.searchParams.set("returnUrl", pathname);
+      return import_server.NextResponse.redirect(signInUrl);
+    }
+    return import_server.NextResponse.next();
+  };
+}
+function withBasicAuth(request) {
+  return createBasicMiddleware()(request);
+}
+function getReturnUrl(request, defaultUrl = "/") {
+  const returnUrl = request.nextUrl.searchParams.get("returnUrl");
+  return returnUrl || defaultUrl;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  BasicProvider,
-  LoginButton,
-  useBasic,
-  useQuery
+  createBasicMiddleware,
+  getAuthFromRequest,
+  getReturnUrl,
+  withBasicAuth
 });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/componets.tsx"],"sourcesContent":["'use client'\n\nimport dynamic from 'next/dynamic'\n\nimport { useBasic, useQuery } from \"@basictech/react\"\nimport LoginButton from \"./componets\";\n\n\nconst BasicProvider = dynamic(() => import('@basictech/react').then(mod => mod.BasicProvider), { ssr: false });\n\n\nexport {\n    useBasic, BasicProvider, useQuery, LoginButton\n}","import React from 'react';\nimport * as Avatar from '@radix-ui/react-avatar';\nimport * as Popover from '@radix-ui/react-popover';\n\nconst LoginButton = () => {\n  return (\n    <Popover.Root>\n      {/* Trigger: Avatar that will be clicked */}\n      <Popover.Trigger asChild>\n        <Avatar.Root style={avatarContainerStyle}>\n          <Avatar.Image\n            src=\"https://via.placeholder.com/150\"\n            alt=\"User Avatar\"\n            style={avatarImageStyle}\n          />\n          <Avatar.Fallback delayMs={600} style={avatarFallbackStyle}>\n            U\n          </Avatar.Fallback>\n        </Avatar.Root>\n      </Popover.Trigger>\n\n      {/* Popover content */}\n      <Popover.Portal>\n        <Popover.Content style={popoverContentStyle} sideOffset={10}>\n          <p style={{ marginBottom: '10px' }}>Hello, User!</p>\n          <button style={buttonStyle}>Logout</button>\n          <Popover.Arrow style={popoverArrowStyle} />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n\n// Basic styles\nconst avatarContainerStyle = {\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: '40px',\n  height: '40px',\n  borderRadius: '100%',\n  backgroundColor: '#ccc',\n  cursor: 'pointer',\n};\n\nconst avatarImageStyle = {\n  width: '100%',\n  height: '100%',\n  borderRadius: '100%',\n//   objectFit: 'cover',\n};\n\nconst avatarFallbackStyle = {\n  width: '100%',\n  height: '100%',\n  borderRadius: '100%',\n  backgroundColor: '#007bff',\n  color: 'white',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  fontSize: '20px',\n};\n\nconst popoverContentStyle = {\n  padding: '20px',\n  borderRadius: '8px',\n//   backgroundColor: 'white',\n  boxShadow: '0 2px 10px rgba(0, 0, 0, 0.2)',\n};\n\nconst buttonStyle = {\n  padding: '8px 16px',\n  backgroundColor: '#007bff',\n  color: '#fff',\n  border: 'none',\n  borderRadius: '4px',\n  cursor: 'pointer',\n};\n\nconst popoverArrowStyle = {\n  fill: 'white',\n};\n\nexport default LoginButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,qBAAoB;AAEpB,mBAAmC;;;ACHnC,aAAwB;AACxB,cAAyB;AAOjB;AALR,IAAM,cAAc,MAAM;AACxB,SACE,6CAAS,cAAR,EAEC;AAAA,gDAAS,iBAAR,EAAgB,SAAO,MACtB,uDAAQ,aAAP,EAAY,OAAO,sBAClB;AAAA;AAAA,QAAQ;AAAA,QAAP;AAAA,UACC,KAAI;AAAA,UACJ,KAAI;AAAA,UACJ,OAAO;AAAA;AAAA,MACT;AAAA,MACA,4CAAQ,iBAAP,EAAgB,SAAS,KAAK,OAAO,qBAAqB,eAE3D;AAAA,OACF,GACF;AAAA,IAGA,4CAAS,gBAAR,EACC,uDAAS,iBAAR,EAAgB,OAAO,qBAAqB,YAAY,IACvD;AAAA,kDAAC,OAAE,OAAO,EAAE,cAAc,OAAO,GAAG,0BAAY;AAAA,MAChD,4CAAC,YAAO,OAAO,aAAa,oBAAM;AAAA,MAClC,4CAAS,eAAR,EAAc,OAAO,mBAAmB;AAAA,OAC3C,GACF;AAAA,KACF;AAEJ;AAGA,IAAM,uBAAuB;AAAA,EAC3B,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,QAAQ;AACV;AAEA,IAAM,mBAAmB;AAAA,EACvB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA;AAEhB;AAEA,IAAM,sBAAsB;AAAA,EAC1B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,UAAU;AACZ;AAEA,IAAM,sBAAsB;AAAA,EAC1B,SAAS;AAAA,EACT,cAAc;AAAA;AAAA,EAEd,WAAW;AACb;AAEA,IAAM,cAAc;AAAA,EAClB,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,QAAQ;AACV;AAEA,IAAM,oBAAoB;AAAA,EACxB,MAAM;AACR;AAEA,IAAO,oBAAQ;;;AD5Ef,IAAM,oBAAgB,eAAAA,SAAQ,MAAM,OAAO,kBAAkB,EAAE,KAAK,SAAO,IAAI,aAAa,GAAG,EAAE,KAAK,MAAM,CAAC;","names":["dynamic"]}
+{"version":3,"sources":["../src/index.ts","../src/middleware.ts"],"sourcesContent":["// @basictech/nextjs - Next.js integration for Basic SDK\n//\n// Usage:\n// - Server components/middleware: import from \"@basictech/nextjs\"\n// - Client components: import from \"@basictech/nextjs/client\"\n//\n// Example:\n//   // In a client component (providers.tsx)\n//   'use client'\n//   import { BasicProvider, useBasic } from \"@basictech/nextjs/client\"\n//\n//   // In middleware.ts\n//   import { createBasicMiddleware } from \"@basictech/nextjs\"\n\n// Re-export types from react package (types are safe for SSR)\nexport type {\n    AuthConfig,\n    BasicStorage,\n    LocalStorageAdapter,\n    BasicProviderProps,\n    BasicContextType,\n    AuthResult,\n    DBMode,\n    BasicDB,\n    Collection,\n    RemoteDBConfig,\n    AuthError\n} from \"@basictech/react\"\n\n// Middleware exports (server-side safe - no dexie dependency)\nexport { \n    createBasicMiddleware, \n    withBasicAuth,\n    getAuthFromRequest,\n    getReturnUrl\n} from \"./middleware\"\n\nexport type { BasicMiddlewareConfig } from \"./middleware\"\n","import { NextRequest, NextResponse } from 'next/server'\n\n/**\n * Configuration options for the Basic auth middleware\n */\nexport interface BasicMiddlewareConfig {\n  /**\n   * Routes that require authentication\n   * Supports glob patterns like '/dashboard/*', '/api/protected/*'\n   */\n  protectedRoutes?: string[]\n  \n  /**\n   * Routes that are always public (bypass auth check)\n   * Useful for login pages, public APIs, etc.\n   */\n  publicRoutes?: string[]\n  \n  /**\n   * Where to redirect unauthenticated users\n   * @default '/login'\n   */\n  signInUrl?: string\n  \n  /**\n   * Where to redirect after successful sign-in\n   * @default '/'\n   */\n  afterSignInUrl?: string\n  \n  /**\n   * Cookie name for the access token\n   * @default 'basic_access_token'\n   */\n  tokenCookieName?: string\n  \n  /**\n   * Cookie name for the full token object\n   * @default 'basic_token'\n   */\n  fullTokenCookieName?: string\n}\n\nconst DEFAULT_CONFIG: Required<BasicMiddlewareConfig> = {\n  protectedRoutes: [],\n  publicRoutes: ['/login', '/signup', '/auth/*'],\n  signInUrl: '/login',\n  afterSignInUrl: '/',\n  tokenCookieName: 'basic_access_token',\n  fullTokenCookieName: 'basic_token'\n}\n\n/**\n * Check if a path matches any of the patterns\n * Supports simple glob patterns with * wildcard\n */\nfunction matchesPattern(path: string, patterns: string[]): boolean {\n  return patterns.some(pattern => {\n    // Convert glob pattern to regex\n    const regexPattern = pattern\n      .replace(/\\*/g, '.*')  // Replace * with .*\n      .replace(/\\//g, '\\\\/')  // Escape slashes\n    const regex = new RegExp(`^${regexPattern}$`)\n    return regex.test(path)\n  })\n}\n\n/**\n * Check if the user has a valid token\n */\nfunction hasValidToken(request: NextRequest, config: Required<BasicMiddlewareConfig>): boolean {\n  const token = request.cookies.get(config.tokenCookieName)?.value\n  \n  if (!token) {\n    return false\n  }\n  \n  // Basic validation - token exists and is not empty\n  // For more thorough validation, you'd decode the JWT and check expiry\n  // But that adds latency to every request\n  return token.length > 0\n}\n\n/**\n * Get auth info from cookies\n */\nexport function getAuthFromRequest(request: NextRequest, config?: Partial<BasicMiddlewareConfig>): {\n  isAuthenticated: boolean\n  token: string | null\n} {\n  const mergedConfig = { ...DEFAULT_CONFIG, ...config }\n  const token = request.cookies.get(mergedConfig.tokenCookieName)?.value || null\n  \n  return {\n    isAuthenticated: !!token && token.length > 0,\n    token\n  }\n}\n\n/**\n * Create a Basic auth middleware for NextJS\n * \n * @example\n * // In middleware.ts at the root of your NextJS app:\n * import { createBasicMiddleware } from '@basictech/nextjs'\n * \n * export const middleware = createBasicMiddleware({\n *   protectedRoutes: ['/dashboard/*', '/settings/*'],\n *   publicRoutes: ['/login', '/signup', '/'],\n *   signInUrl: '/login'\n * })\n * \n * export const config = {\n *   matcher: ['/((?!_next/static|_next/image|favicon.ico).*)']\n * }\n */\nexport function createBasicMiddleware(config?: BasicMiddlewareConfig) {\n  const mergedConfig = { ...DEFAULT_CONFIG, ...config }\n  \n  return function middleware(request: NextRequest): NextResponse {\n    const { pathname } = request.nextUrl\n    \n    // Skip middleware for static files and Next.js internals\n    if (\n      pathname.startsWith('/_next') ||\n      pathname.startsWith('/api/_next') ||\n      pathname.includes('.') // Static files like .css, .js, .ico\n    ) {\n      return NextResponse.next()\n    }\n    \n    // Check if route is explicitly public\n    if (matchesPattern(pathname, mergedConfig.publicRoutes)) {\n      return NextResponse.next()\n    }\n    \n    // Check if route is protected\n    const isProtectedRoute = mergedConfig.protectedRoutes.length === 0 \n      ? true  // If no protected routes specified, protect everything except public\n      : matchesPattern(pathname, mergedConfig.protectedRoutes)\n    \n    if (!isProtectedRoute) {\n      return NextResponse.next()\n    }\n    \n    // Check authentication\n    const isAuthenticated = hasValidToken(request, mergedConfig)\n    \n    if (!isAuthenticated) {\n      // Redirect to sign-in page with return URL\n      const signInUrl = new URL(mergedConfig.signInUrl, request.url)\n      signInUrl.searchParams.set('returnUrl', pathname)\n      \n      return NextResponse.redirect(signInUrl)\n    }\n    \n    // User is authenticated, allow the request\n    return NextResponse.next()\n  }\n}\n\n/**\n * Simple auth check middleware - redirects unauthenticated users\n * \n * @example\n * // In middleware.ts\n * import { withBasicAuth } from '@basictech/nextjs'\n * \n * export const middleware = withBasicAuth\n * \n * export const config = {\n *   matcher: ['/dashboard/:path*', '/settings/:path*']\n * }\n */\nexport function withBasicAuth(request: NextRequest): NextResponse {\n  return createBasicMiddleware()(request)\n}\n\n/**\n * Helper to get the return URL from search params\n */\nexport function getReturnUrl(request: NextRequest, defaultUrl: string = '/'): string {\n  const returnUrl = request.nextUrl.searchParams.get('returnUrl')\n  return returnUrl || defaultUrl\n}\n\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBAA0C;AA2C1C,IAAM,iBAAkD;AAAA,EACtD,iBAAiB,CAAC;AAAA,EAClB,cAAc,CAAC,UAAU,WAAW,SAAS;AAAA,EAC7C,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,qBAAqB;AACvB;AAMA,SAAS,eAAe,MAAc,UAA6B;AACjE,SAAO,SAAS,KAAK,aAAW;AAE9B,UAAM,eAAe,QAClB,QAAQ,OAAO,IAAI,EACnB,QAAQ,OAAO,KAAK;AACvB,UAAM,QAAQ,IAAI,OAAO,IAAI,YAAY,GAAG;AAC5C,WAAO,MAAM,KAAK,IAAI;AAAA,EACxB,CAAC;AACH;AAKA,SAAS,cAAc,SAAsB,QAAkD;AAC7F,QAAM,QAAQ,QAAQ,QAAQ,IAAI,OAAO,eAAe,GAAG;AAE3D,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAKA,SAAO,MAAM,SAAS;AACxB;AAKO,SAAS,mBAAmB,SAAsB,QAGvD;AACA,QAAM,eAAe,EAAE,GAAG,gBAAgB,GAAG,OAAO;AACpD,QAAM,QAAQ,QAAQ,QAAQ,IAAI,aAAa,eAAe,GAAG,SAAS;AAE1E,SAAO;AAAA,IACL,iBAAiB,CAAC,CAAC,SAAS,MAAM,SAAS;AAAA,IAC3C;AAAA,EACF;AACF;AAmBO,SAAS,sBAAsB,QAAgC;AACpE,QAAM,eAAe,EAAE,GAAG,gBAAgB,GAAG,OAAO;AAEpD,SAAO,SAAS,WAAW,SAAoC;AAC7D,UAAM,EAAE,SAAS,IAAI,QAAQ;AAG7B,QACE,SAAS,WAAW,QAAQ,KAC5B,SAAS,WAAW,YAAY,KAChC,SAAS,SAAS,GAAG,GACrB;AACA,aAAO,2BAAa,KAAK;AAAA,IAC3B;AAGA,QAAI,eAAe,UAAU,aAAa,YAAY,GAAG;AACvD,aAAO,2BAAa,KAAK;AAAA,IAC3B;AAGA,UAAM,mBAAmB,aAAa,gBAAgB,WAAW,IAC7D,OACA,eAAe,UAAU,aAAa,eAAe;AAEzD,QAAI,CAAC,kBAAkB;AACrB,aAAO,2BAAa,KAAK;AAAA,IAC3B;AAGA,UAAM,kBAAkB,cAAc,SAAS,YAAY;AAE3D,QAAI,CAAC,iBAAiB;AAEpB,YAAM,YAAY,IAAI,IAAI,aAAa,WAAW,QAAQ,GAAG;AAC7D,gBAAU,aAAa,IAAI,aAAa,QAAQ;AAEhD,aAAO,2BAAa,SAAS,SAAS;AAAA,IACxC;AAGA,WAAO,2BAAa,KAAK;AAAA,EAC3B;AACF;AAeO,SAAS,cAAc,SAAoC;AAChE,SAAO,sBAAsB,EAAE,OAAO;AACxC;AAKO,SAAS,aAAa,SAAsB,aAAqB,KAAa;AACnF,QAAM,YAAY,QAAQ,QAAQ,aAAa,IAAI,WAAW;AAC9D,SAAO,aAAa;AACtB;","names":[]}