@djangocfg/layouts 1.2.33 → 1.2.35

package/src/validation/ValidationErrorToast.tsx

@@ -10,6 +10,7 @@
 import React from 'react';
 import { ToastAction } from '@djangocfg/ui';
 import type { ZodError } from 'zod';
+import { ValidationErrorButtons } from './ValidationErrorButtons';
 
 export interface ValidationErrorDetail {
   operation: string;
@@ -89,34 +90,6 @@ export function formatErrorForClipboard(detail: ValidationErrorDetail): string {
   return JSON.stringify(errorData, null, 2);
 }
 
-/**
- * Copy text to clipboard
- */
-async function copyToClipboard(text: string): Promise<boolean> {
-  if (typeof window === 'undefined') return false;
-
-  try {
-    if (navigator.clipboard && navigator.clipboard.writeText) {
-      await navigator.clipboard.writeText(text);
-      return true;
-    } else {
-      // Fallback for older browsers
-      const textarea = document.createElement('textarea');
-      textarea.value = text;
-      textarea.style.position = 'fixed';
-      textarea.style.opacity = '0';
-      document.body.appendChild(textarea);
-      textarea.select();
-      const success = document.execCommand('copy');
-      document.body.removeChild(textarea);
-      return success;
-    }
-  } catch (error) {
-    console.error('Failed to copy to clipboard:', error);
-    return false;
-  }
-}
-
 /**
  * Build toast title from validation error
  */
@@ -165,49 +138,6 @@ export function buildToastDescription(
   return descriptionParts.join(' • ');
 }
 
-/**
- * Create copy action button for toast
- *
- * @param detail - Validation error details
- * @param onCopySuccess - Optional callback when copy succeeds
- * @param onCopyError - Optional callback when copy fails
- */
-export function createCopyAction(
-  detail: ValidationErrorDetail,
-  onCopySuccess?: () => void,
-  onCopyError?: (error: Error) => void
-): React.ReactElement<typeof ToastAction> {
-  const handleCopy = async (e: React.MouseEvent) => {
-    e.preventDefault();
-    e.stopPropagation();
-
-    try {
-      const formattedError = formatErrorForClipboard(detail);
-      const success = await copyToClipboard(formattedError);
-
-      if (success) {
-        console.log('✅ Validation error copied to clipboard');
-        onCopySuccess?.();
-      } else {
-        throw new Error('Clipboard API failed');
-      }
-    } catch (error) {
-      console.error('❌ Failed to copy validation error:', error);
-      onCopyError?.(error as Error);
-    }
-  };
-
-  return (
-    <ToastAction
-      altText="Copy error details"
-      onClick={handleCopy}
-      className="shrink-0"
-    >
-      📋 Copy
-    </ToastAction>
-  );
-}
-
 /**
  * Create complete toast options for validation error
  *
@@ -239,13 +169,13 @@ export function createValidationErrorToast(
 
   return {
     title: buildToastTitle(detail, config),
-    description: buildToastDescription(detail, config),
+    description: (
+      <div className="flex flex-col gap-2">
+        <div>{buildToastDescription(detail, config)}</div>
+        <ValidationErrorButtons detail={detail} />
+      </div>
+    ),
     variant: 'destructive' as const,
     duration: options?.duration,
-    action: createCopyAction(
-      detail,
-      options?.onCopySuccess,
-      options?.onCopyError
-    ),
   };
 }

package/src/validation/curl-generator.ts

@@ -0,0 +1,118 @@
+/**
+ * cURL Generator
+ *
+ * Generates cURL commands from API request details with authentication token
+ */
+
+export interface CurlOptions {
+  method: string;
+  path: string;
+  token?: string;
+  body?: any;
+  headers?: Record<string, string>;
+  baseUrl?: string;
+  queryParams?: Record<string, string>;
+}
+
+/**
+ * Get authentication token from localStorage
+ */
+export function getAuthToken(): string | null {
+  if (typeof window === 'undefined') return null;
+
+  try {
+    // Priority order: access_token > token > auth_token
+    const token = localStorage.getItem('access_token') ||
+                  localStorage.getItem('token') ||
+                  localStorage.getItem('auth_token');
+
+    return token;
+  } catch (error) {
+    console.error('Failed to get auth token:', error);
+    return null;
+  }
+}
+
+/**
+ * Format headers for cURL command
+ */
+function formatHeaders(headers: Record<string, string>): string[] {
+  return Object.entries(headers).map(
+    ([key, value]) => `-H '${key}: ${value}'`
+  );
+}
+
+/**
+ * Escape single quotes in string for shell
+ */
+function escapeShell(str: string): string {
+  return str.replace(/'/g, "'\\''");
+}
+
+/**
+ * Generate cURL command from request details
+ */
+export function generateCurl(options: CurlOptions): string {
+  const {
+    method,
+    path,
+    token = getAuthToken() || undefined,  // Auto-fetch if not provided
+    body,
+    headers = {},
+    baseUrl = process.env.NEXT_PUBLIC_API_URL || 'http://localhost:8000',
+  } = options;
+
+  const curlParts: string[] = ['curl'];
+
+  // Build URL
+  const url = `${baseUrl}${path}`;
+  curlParts.push(`'${url}'`);
+
+  // Add method if not GET
+  if (method.toUpperCase() !== 'GET') {
+    curlParts.push(`-X ${method.toUpperCase()}`);
+  }
+
+  // Default headers
+  const allHeaders: Record<string, string> = {
+    'Accept': '*/*',
+    'Content-Type': 'application/json',
+    ...headers,
+  };
+
+  // Add Authorization header if token exists
+  if (token) {
+    allHeaders['Authorization'] = `Bearer ${token}`;
+  }
+
+  // Add all headers
+  const headerStrings = formatHeaders(allHeaders);
+  curlParts.push(...headerStrings);
+
+  // Add body for non-GET requests
+  if (body && method.toUpperCase() !== 'GET') {
+    const bodyJson = typeof body === 'string'
+      ? body
+      : JSON.stringify(body, null, 2);
+    curlParts.push(`-d '${escapeShell(bodyJson)}'`);
+  }
+
+  // Join with line continuation
+  return curlParts.join(' \\\n  ');
+}
+
+/**
+ * Generate cURL from validation error details
+ * Auto-fetches token from localStorage
+ */
+export function generateCurlFromError(detail: {
+  method: string;
+  path: string;
+  response?: any;
+}): string {
+  return generateCurl({
+    method: detail.method,
+    path: detail.path,
+    // token is auto-fetched in generateCurl
+  });
+}

package/src/validation/index.ts

@@ -16,10 +16,21 @@ export {
 
 export {
   createValidationErrorToast,
-  createCopyAction,
   buildToastTitle,
   buildToastDescription,
   formatZodIssuesForToast,
   formatErrorForClipboard,
   type ValidationErrorToastConfig,
 } from './ValidationErrorToast';
+
+export {
+  ValidationErrorButtons,
+  type ValidationErrorButtonsProps,
+} from './ValidationErrorButtons';
+
+export {
+  generateCurl,
+  generateCurlFromError,
+  getAuthToken,
+  type CurlOptions,
+} from './curl-generator';