@basictech/nextjs 0.6.0 → 0.7.0-beta.2

package/.turbo/turbo-build.log

@@ -1,29 +1,30 @@
 
 
-> @basictech/nextjs@0.6.0-beta.6 build
+> @basictech/nextjs@0.7.0-beta.1 build
 > tsup
 
-CLI Building entry: src/index.ts, src/client.ts
+CLI Building entry: src/client.ts, src/index.ts
 CLI Using tsconfig: tsconfig.json
-CLI tsup v7.2.0
+CLI tsup v8.5.1
 CLI Using tsup config: /Users/raz/codebook/basic/libs/client-ts/packages/nextjs/tsup.config.ts
 CLI Target: es2022
 CLI Cleaning output folder
 CJS Build start
 ESM Build start
-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/client.js     1.67 KB
 CJS dist/index.js      3.43 KB
-CJS dist/client.js.map 927.00 B
+CJS dist/client.js.map 1000.00 B
 CJS dist/index.js.map  7.77 KB
-CJS ⚡️ Build success in 20ms
-DTS Build start
-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
+CJS ⚡️ Build success in 23ms
+ESM dist/index.mjs      2.22 KB
+ESM dist/client.mjs     413.00 B
+ESM dist/index.mjs.map  6.68 KB
+ESM dist/client.mjs.map 1011.00 B
+ESM ⚡️ Build success in 23ms
+DTS Build start
+DTS ⚡️ Build success in 1156ms
+DTS dist/client.d.ts  362.00 B
+DTS dist/index.d.ts   2.48 KB
+DTS dist/client.d.mts 362.00 B
+DTS dist/index.d.mts  2.48 KB
+⠙

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @basictech/nextjs
 
+## 0.7.0-beta.2
+
+### Minor Changes
+
+- added debug bar
+
+### Patch Changes
+
+- Updated dependencies
+  - @basictech/react@0.8.0-beta.2
+
+## 0.7.0-beta.1
+
+### Minor Changes
+
+- uth updates
+
+### Patch Changes
+
+- Updated dependencies
+  - @basictech/react@0.8.0-beta.1
+
+## 0.6.1-beta.0
+
+### Patch Changes
+
+- Updated dependencies
+  - @basictech/react@0.8.0-beta.0
+
 ## 0.6.0
 
 ### Minor Changes
@@ -261,7 +290,6 @@
 - 96e0156: update schema validation
 - cda3d16: add schema validation
 - 2c898ae: update useQuery hook
-
   - no need to pass param as a function, can now enter query directly
   - defaults to empty array when loading
 
@@ -342,7 +370,6 @@
 ### Minor Changes
 
 - update useQuery hook
-
   - no need to pass param as a function, can now enter query directly
   - defaults to empty array when loading
 

package/dist/client.d.mts

@@ -1 +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';
+export { AuthConfig, AuthError, AuthResult, BasicContextType, BasicDB, BasicDevToolbar, BasicDevToolbarProps, BasicProvider, BasicProviderProps, BasicSchemaDevInfo, BasicStorage, Collection, DBMode, LocalStorageAdapter, NotAuthenticatedError, RemoteCollection, RemoteDB, RemoteDBConfig, RemoteDBError, STORAGE_KEYS, useBasic, useQuery } from '@basictech/react';

package/dist/client.d.ts

@@ -1 +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';
+export { AuthConfig, AuthError, AuthResult, BasicContextType, BasicDB, BasicDevToolbar, BasicDevToolbarProps, BasicProvider, BasicProviderProps, BasicSchemaDevInfo, BasicStorage, Collection, DBMode, LocalStorageAdapter, NotAuthenticatedError, RemoteCollection, RemoteDB, RemoteDBConfig, RemoteDBError, STORAGE_KEYS, useBasic, useQuery } from '@basictech/react';

package/dist/client.js

@@ -21,6 +21,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/client.ts
 var client_exports = {};
 __export(client_exports, {
+  BasicDevToolbar: () => import_react.BasicDevToolbar,
   BasicProvider: () => import_react.BasicProvider,
   NotAuthenticatedError: () => import_react.NotAuthenticatedError,
   RemoteCollection: () => import_react.RemoteCollection,
@@ -34,6 +35,7 @@ module.exports = __toCommonJS(client_exports);
 var import_react = require("@basictech/react");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  BasicDevToolbar,
   BasicProvider,
   NotAuthenticatedError,
   RemoteCollection,

package/dist/client.js.map

@@ -1 +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":[]}
+{"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  BasicDevToolbar,\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  BasicSchemaDevInfo,\n  BasicDevToolbarProps,\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;AAAA;AAMA,mBAUO;","names":[]}

package/dist/client.mjs

@@ -4,6 +4,7 @@
 import {
   useBasic,
   BasicProvider,
+  BasicDevToolbar,
   useQuery,
   RemoteDB,
   RemoteCollection,
@@ -12,6 +13,7 @@ import {
   STORAGE_KEYS
 } from "@basictech/react";
 export {
+  BasicDevToolbar,
   BasicProvider,
   NotAuthenticatedError,
   RemoteCollection,

package/dist/client.mjs.map

@@ -1 +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":[]}
+{"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  BasicDevToolbar,\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  BasicSchemaDevInfo,\n  BasicDevToolbarProps,\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,EACA;AAAA,OACK;","names":[]}

package/dist/index.d.mts

@@ -80,4 +80,4 @@ declare function withBasicAuth(request: NextRequest): NextResponse;
  */
 declare function getReturnUrl(request: NextRequest, defaultUrl?: string): string;
 
-export { BasicMiddlewareConfig, createBasicMiddleware, getAuthFromRequest, getReturnUrl, withBasicAuth };
+export { type BasicMiddlewareConfig, createBasicMiddleware, getAuthFromRequest, getReturnUrl, withBasicAuth };

package/dist/index.d.ts

@@ -80,4 +80,4 @@ declare function withBasicAuth(request: NextRequest): NextResponse;
  */
 declare function getReturnUrl(request: NextRequest, defaultUrl?: string): string;
 
-export { BasicMiddlewareConfig, createBasicMiddleware, getAuthFromRequest, getReturnUrl, withBasicAuth };
+export { type BasicMiddlewareConfig, createBasicMiddleware, getAuthFromRequest, getReturnUrl, withBasicAuth };

package/dist/index.js

@@ -18,14 +18,14 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   createBasicMiddleware: () => createBasicMiddleware,
   getAuthFromRequest: () => getAuthFromRequest,
   getReturnUrl: () => getReturnUrl,
   withBasicAuth: () => withBasicAuth
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/middleware.ts
 var import_server = require("next/server");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@basictech/nextjs",
-  "version": "0.6.0",
+  "version": "0.7.0-beta.2",
   "description": "",
   "private": false,
   "publishConfig": {
@@ -38,14 +38,13 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@basictech/react": "0.7.0",
-    "@radix-ui/react-avatar": "^1.1.1",
-    "@radix-ui/react-popover": "^1.1.2"
+    "@basictech/react": "0.8.0-beta.2"
   },
   "devDependencies": {
     "@repo/typescript-config": "*",
     "@types/uuid": "^10.0.0",
-    "tsup": "^7.2.0",
+    "next": "^14.2.0",
+    "tsup": "^8.0.0",
     "typescript": "^5.0.0"
   },
   "peerDependencies": {

package/src/client.ts

@@ -7,6 +7,7 @@
 export {
   useBasic,
   BasicProvider,
+  BasicDevToolbar,
   useQuery,
   RemoteDB,
   RemoteCollection,
@@ -22,6 +23,8 @@ export type {
   LocalStorageAdapter,
   BasicProviderProps,
   BasicContextType,
+  BasicSchemaDevInfo,
+  BasicDevToolbarProps,
   AuthResult,
   BasicDB,
   Collection,

package/src/components.tsx

@@ -1,85 +0,0 @@
-import React from 'react';
-import * as Avatar from '@radix-ui/react-avatar';
-import * as Popover from '@radix-ui/react-popover';
-
-const LoginButton = () => {
-  return (
-    <Popover.Root>
-      {/* Trigger: Avatar that will be clicked */}
-      <Popover.Trigger asChild>
-        <Avatar.Root style={avatarContainerStyle}>
-          <Avatar.Image
-            src="https://via.placeholder.com/150"
-            alt="User Avatar"
-            style={avatarImageStyle}
-          />
-          <Avatar.Fallback delayMs={600} style={avatarFallbackStyle}>
-            U
-          </Avatar.Fallback>
-        </Avatar.Root>
-      </Popover.Trigger>
-
-      {/* Popover content */}
-      <Popover.Portal>
-        <Popover.Content style={popoverContentStyle} sideOffset={10}>
-          <p style={{ marginBottom: '10px' }}>Hello, User!</p>
-          <button style={buttonStyle}>Logout</button>
-          <Popover.Arrow style={popoverArrowStyle} />
-        </Popover.Content>
-      </Popover.Portal>
-    </Popover.Root>
-  );
-};
-
-// Basic styles
-const avatarContainerStyle: React.CSSProperties = {
-  display: 'inline-flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  width: '40px',
-  height: '40px',
-  borderRadius: '100%',
-  backgroundColor: '#ccc',
-  cursor: 'pointer',
-};
-
-const avatarImageStyle: React.CSSProperties = {
-  width: '100%',
-  height: '100%',
-  borderRadius: '100%',
-  objectFit: 'cover',
-};
-
-const avatarFallbackStyle: React.CSSProperties = {
-  width: '100%',
-  height: '100%',
-  borderRadius: '100%',
-  backgroundColor: '#007bff',
-  color: 'white',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  fontSize: '20px',
-};
-
-const popoverContentStyle: React.CSSProperties = {
-  padding: '20px',
-  borderRadius: '8px',
-  backgroundColor: 'white',
-  boxShadow: '0 2px 10px rgba(0, 0, 0, 0.2)',
-};
-
-const buttonStyle: React.CSSProperties = {
-  padding: '8px 16px',
-  backgroundColor: '#007bff',
-  color: '#fff',
-  border: 'none',
-  borderRadius: '4px',
-  cursor: 'pointer',
-};
-
-const popoverArrowStyle: React.CSSProperties = {
-  fill: 'white',
-};
-
-export default LoginButton;