@djangocfg/nextjs 1.0.3 → 1.0.5

package/src/errors/ErrorLayout.tsx

@@ -1,228 +0,0 @@
-/**
- * ErrorLayout - Universal Error Display
- *
- * Minimalist error page with customizable content
- * Works with Next.js error pages (404.tsx, 500.tsx, error.tsx)
- *
- * Usage:
- * ```tsx
- * // app/not-found.tsx
- * import { ErrorLayout } from '@djangocfg/nextjs/errors';
- *
- * export default function NotFound() {
- *   return <ErrorLayout code={404} supportEmail={settings.contact.email} />;
- * }
- * ```
- */
-
-'use client';
-
-import React from 'react';
-import { Button } from '@djangocfg/ui/components';
-import { getErrorContent } from './errorConfig';
-
-export interface ErrorLayoutProps {
-  /** Error code (e.g., "404", "500", "403") - if provided, auto-configures title/description/icon */
-  code?: string | number;
-  /** Error title (auto-generated from code if not provided) */
-  title?: string;
-  /** Error description (auto-generated from code if not provided) */
-  description?: string;
-  /** Custom action buttons */
-  actions?: React.ReactNode;
-  /** Show default actions (back, home) */
-  showDefaultActions?: boolean;
-  /** Custom illustration/icon (auto-generated from code if not provided) */
-  illustration?: React.ReactNode;
-  /** Support email for contact link */
-  supportEmail?: string;
-}
-
-// Local function to select the icon based on the code. 
-// This is safe as it's defined and used inside a Client Component.
-function getErrorIcon(code?: string | number): React.ReactNode {
-  const c = code ? String(code) : '';
-  
-  // NOTE: You can replace these SVG paths with imported Lucid Icons 
-  // (e.g., <AlertTriangle />) if you prefer.
-  switch (c) {
-    case '404':
-      return (
-        <svg
-          className="w-24 h-24 mx-auto text-muted-foreground/50"
-          fill="none"
-          stroke="currentColor"
-          viewBox="0 0 24 24"
-          aria-hidden="true"
-        >
-          {/* Missing Page Icon */}
-          <path
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            strokeWidth={1.5}
-            d="M9.343 3.07a7.227 7.227 0 0111.558 0c.806.515 1.393 1.39 1.393 2.37v6.636c0 .98-.587 1.855-1.393 2.37a7.227 7.227 0 01-11.558 0c-.806-.515-1.393-1.39-1.393-2.37V5.44c0-.98.587-1.855 1.393-2.37zM12 13a1 1 0 100-2 1 1 0 000 2z"
-          />
-        </svg>
-      );
-    case '500':
-      return (
-        <svg
-          className="w-24 h-24 mx-auto text-muted-foreground/50"
-          fill="none"
-          stroke="currentColor"
-          viewBox="0 0 24 24"
-          aria-hidden="true"
-        >
-          {/* Server Error Icon */}
-          <path
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            strokeWidth={1.5}
-            d="M18.364 18.364A9 9 0 005.636 5.636m12.728 0l-6.849 6.849m0 0l-6.849-6.849m6.849 6.849V21m0 0h7.5M12 21v-7.5M7.5 21H3m7.5 0h7.5M3 18V9a4.5 4.5 0 014.5-4.5h9A4.5 4.5 0 0121 9v9a4.5 4.5 0 01-4.5 4.5h-9A4.5 4.5 0 013 18z"
-          />
-        </svg>
-      );
-    case '403':
-      return (
-        <svg
-          className="w-24 h-24 mx-auto text-muted-foreground/50"
-          fill="none"
-          stroke="currentColor"
-          viewBox="0 0 24 24"
-          aria-hidden="true"
-        >
-          {/* Forbidden Icon */}
-          <path
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            strokeWidth={1.5}
-            d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"
-          />
-        </svg>
-      );
-    default:
-      return null;
-  }
-}
-
-/**
- * ErrorLayout Component
- */
-export function ErrorLayout({
-  code,
-  title,
-  description,
-  actions,
-  showDefaultActions = true,
-  illustration,
-  supportEmail = 'support@example.com',
-}: ErrorLayoutProps) {
-  
-  // Get content (Title/Description) from config. Note: Illustration check removed.
-  // The function getErrorContent MUST NOT return React components/functions.
-  const autoContent = code && (!title || !description)
-    ? getErrorContent(code)
-    : null;
-
-  // Fallback to auto-generated values
-  const finalTitle = title || autoContent?.title || 'Error';
-  const finalDescription = description || autoContent?.description;
-  
-  // ILLUSTRATION FIX: Use passed prop OR compute the icon locally using getErrorIcon.
-  const finalIllustration = illustration ?? getErrorIcon(code);
-
-
-  const handleGoBack = () => {
-    if (document.referrer && document.referrer !== window.location.href) {
-      window.location.href = document.referrer;
-    } else if (window.history.length > 1) {
-      window.history.back();
-    } else {
-      window.location.href = '/';
-    }
-  };
-
-  const handleGoHome = () => {
-    window.location.href = '/';
-  };
-
-  return (
-    <div className="min-h-screen flex items-center justify-center px-4 bg-background">
-      <div className="max-w-2xl w-full text-center space-y-8">
-        {/* Error Code */}
-        {code && (
-          <div className="relative">
-            <h1
-              className="text-[12rem] font-bold leading-none text-muted/20 select-none"
-              aria-hidden="true"
-            >
-              {code}
-            </h1>
-          </div>
-        )}
-
-        {/* Illustration */}
-        {finalIllustration && (
-          <div className="flex justify-center py-8">
-            {finalIllustration}
-          </div>
-        )}
-
-        {/* Error Content */}
-        <div className="space-y-4">
-          <h2 className="text-4xl font-bold text-foreground">
-            {finalTitle}
-          </h2>
-
-          {finalDescription && (
-            <p className="text-lg text-muted-foreground max-w-md mx-auto">
-              {finalDescription}
-            </p>
-          )}
-        </div>
-
-        {/* Actions */}
-        <div className="flex flex-col sm:flex-row items-center justify-center gap-4 pt-4">
-          {/* Custom actions */}
-          {actions}
-
-          {/* Default actions */}
-          {showDefaultActions && !actions && (
-            <>
-              <Button
-                variant="outline"
-                size="lg"
-                onClick={handleGoBack}
-                style={{ minWidth: '140px', padding: '12px 32px' }}
-              >
-                Go Back
-              </Button>
-              <Button
-                variant="default"
-                size="lg"
-                onClick={handleGoHome}
-                style={{ minWidth: '140px', padding: '12px 32px' }}
-              >
-                Go Home
-              </Button>
-            </>
-          )}
-        </div>
-
-        {/* Additional Info */}
-        <div className="pt-8 text-sm text-muted-foreground">
-          <p>
-            Need help? Contact{' '}
-            <a
-              href={`mailto:${supportEmail}`}
-              className="text-primary hover:underline"
-            >
-              support
-            </a>
-          </p>
-        </div>
-      </div>
-    </div>
-  );
-}
-

package/src/errors/errorConfig.ts

@@ -1,118 +0,0 @@
-/**
- * Universal Error Configuration
- *
- * Provides standard error content for common HTTP status codes
- * Use this to maintain consistency across error pages
- *
- * NOTE: Only returns primitives (title, description) - NO React components
- * This ensures safe serialization during prerendering
- */
-
-export interface ErrorContent {
-  title: string;
-  description: string;
-}
-
-/**
- * Get standardized error content based on status code
- *
- * @param statusCode - HTTP status code or custom error type
- * @returns Error content configuration (title and description only)
- *
- * @example
- * ```tsx
- * const { title, description } = getErrorContent(404);
- * <ErrorLayout title={title} description={description} code={404} />
- * ```
- */
-export function getErrorContent(statusCode?: number | string): ErrorContent {
-  const code = typeof statusCode === 'string' ? parseInt(statusCode, 10) : statusCode;
-
-  switch (code) {
-    // 400 Bad Request
-    case 400:
-      return {
-        title: 'Bad Request',
-        description: 'The request could not be understood. Please check your input and try again.',
-      };
-
-    // 401 Unauthorized
-    case 401:
-      return {
-        title: 'Authentication Required',
-        description: 'You need to sign in to access this page.',
-      };
-
-    // 403 Forbidden
-    case 403:
-      return {
-        title: 'Access Denied',
-        description: "You don't have permission to access this resource.",
-      };
-
-    // 404 Not Found
-    case 404:
-      return {
-        title: 'Page Not Found',
-        description: "The page you're looking for doesn't exist or has been moved.",
-      };
-
-    // 408 Request Timeout
-    case 408:
-      return {
-        title: 'Request Timeout',
-        description: 'The request took too long to process. Please try again.',
-      };
-
-    // 500 Internal Server Error
-    case 500:
-      return {
-        title: 'Server Error',
-        description: "Something went wrong on our end. We're working to fix it.",
-      };
-
-    // 502 Bad Gateway
-    case 502:
-      return {
-        title: 'Bad Gateway',
-        description: 'The server received an invalid response. Please try again later.',
-      };
-
-    // 503 Service Unavailable
-    case 503:
-      return {
-        title: 'Service Unavailable',
-        description: 'The service is temporarily unavailable. Please try again later.',
-      };
-
-    // 504 Gateway Timeout
-    case 504:
-      return {
-        title: 'Gateway Timeout',
-        description: 'The server took too long to respond. Please try again.',
-      };
-
-    // Default / Unknown Error
-    default:
-      return {
-        title: 'Something Went Wrong',
-        description: 'An unexpected error occurred. Please try again or contact support.',
-      };
-  }
-}
-
-/**
- * Common error codes as constants
- */
-export const ERROR_CODES = {
-  BAD_REQUEST: 400,
-  UNAUTHORIZED: 401,
-  FORBIDDEN: 403,
-  NOT_FOUND: 404,
-  TIMEOUT: 408,
-  SERVER_ERROR: 500,
-  BAD_GATEWAY: 502,
-  SERVICE_UNAVAILABLE: 503,
-  GATEWAY_TIMEOUT: 504,
-} as const;
-

package/src/errors/index.ts

@@ -1,10 +0,0 @@
-/**
- * Error pages exports
- */
-
-export { ErrorLayout } from './ErrorLayout';
-export type { ErrorLayoutProps } from './ErrorLayout';
-
-export { getErrorContent, ERROR_CODES } from './errorConfig';
-export type { ErrorContent } from './errorConfig';
-

package/src/legal/LegalPage.tsx

@@ -1,85 +0,0 @@
-/**
- * LegalPage Component
- *
- * Reusable component for legal pages (Privacy, Terms, Cookies, Security)
- * Accepts configuration for flexible content rendering
- *
- * Usage:
- * ```tsx
- * import { LegalPage } from '@djangocfg/nextjs/legal';
- * import { privacyConfig } from './config';
- *
- * export default function PrivacyPage() {
- *   return <LegalPage config={privacyConfig} />;
- * }
- * ```
- */
-
-'use client';
-
-import React from 'react';
-import {
-  Card,
-  CardHeader,
-  CardTitle,
-  CardContent,
-} from '@djangocfg/ui/components';
-import type { LegalPageConfig } from './types';
-
-export interface LegalPageProps {
-  config: LegalPageConfig;
-  className?: string;
-}
-
-/**
- * Format date for display
- */
-function formatDate(date: string | Date | undefined): string {
-  if (!date) return '';
-  if (typeof date === 'string') return date;
-  return date.toISOString().split('T')[0];
-}
-
-/**
- * LegalPage Component
- */
-export function LegalPage({ config, className }: LegalPageProps) {
-  const { title, lastUpdated, sections } = config;
-
-  return (
-    <div className={`container mx-auto max-w-4xl py-16 px-4 ${className || ''}`}>
-      <div className="flex flex-col gap-8">
-        {/* Header */}
-        <div className="flex flex-col gap-4">
-          <h1 className="text-4xl font-bold">{title}</h1>
-          {lastUpdated && (
-            <p className="text-lg text-muted-foreground">
-              Last updated: {formatDate(lastUpdated)}
-            </p>
-          )}
-        </div>
-
-        {/* Sections */}
-        {sections.map((section, index) => (
-          <Card key={index}>
-            <CardHeader>
-              <CardTitle>{section.title}</CardTitle>
-            </CardHeader>
-            <CardContent className="text-muted-foreground">
-              {Array.isArray(section.content) ? (
-                <div className="flex flex-col gap-2">
-                  {section.content.map((paragraph, pIndex) => (
-                    <p key={pIndex}>{paragraph}</p>
-                  ))}
-                </div>
-              ) : (
-                <p>{section.content}</p>
-              )}
-            </CardContent>
-          </Card>
-        ))}
-      </div>
-    </div>
-  );
-}
-

package/src/legal/configs.ts

@@ -1,131 +0,0 @@
-/**
- * Default legal page configurations
- *
- * Pre-configured content for common legal pages
- * Can be customized or extended as needed
- */
-
-import type { LegalPageConfig } from './types';
-
-export const privacyConfig: LegalPageConfig = {
-  title: 'Privacy Policy',
-  sections: [
-    {
-      title: 'Information We Collect',
-      content: 'We collect information that you provide directly to us, including when you create an account, use our services, or communicate with us.',
-    },
-    {
-      title: 'How We Use Your Information',
-      content: [
-        'We use the information we collect to:',
-        'Provide, maintain, and improve our services',
-        'Process transactions and send related information',
-        'Send technical notices and support messages',
-        'Respond to your comments and questions',
-      ],
-    },
-    {
-      title: 'Information Sharing',
-      content: 'We do not share your personal information with third parties except as described in this privacy policy or with your consent.',
-    },
-    {
-      title: 'Data Security',
-      content: 'We take reasonable measures to help protect your personal information from loss, theft, misuse, unauthorized access, disclosure, alteration, and destruction.',
-    },
-    {
-      title: 'Your Rights',
-      content: 'You have the right to access, update, or delete your personal information at any time. Contact us if you wish to exercise these rights.',
-    },
-    {
-      title: 'Changes to This Policy',
-      content: 'We may update this privacy policy from time to time. We will notify you of any changes by posting the new policy on this page.',
-    },
-  ],
-};
-
-export const termsConfig: LegalPageConfig = {
-  title: 'Terms of Service',
-  sections: [
-    {
-      title: '1. Acceptance of Terms',
-      content: 'By accessing and using this service, you accept and agree to be bound by the terms and provision of this agreement.',
-    },
-    {
-      title: '2. Use License',
-      content: 'Permission is granted to temporarily download one copy of the materials on our service for personal, non-commercial transitory viewing only.',
-    },
-    {
-      title: '3. Disclaimer',
-      content: 'The materials on our service are provided on an \'as is\' basis. We make no warranties, expressed or implied, and hereby disclaim and negate all other warranties including, without limitation, implied warranties or conditions of merchantability, fitness for a particular purpose, or non-infringement of intellectual property or other violation of rights.',
-    },
-    {
-      title: '4. Limitations',
-      content: 'In no event shall we or our suppliers be liable for any damages (including, without limitation, damages for loss of data or profit, or due to business interruption) arising out of the use or inability to use the materials on our service.',
-    },
-    {
-      title: '5. Revisions',
-      content: 'We may revise these terms of service at any time without notice. By using this service you are agreeing to be bound by the then current version of these terms of service.',
-    },
-  ],
-};
-
-export const cookiesConfig: LegalPageConfig = {
-  title: 'Cookie Policy',
-  sections: [
-    {
-      title: 'What Are Cookies?',
-      content: 'Cookies are small text files that are placed on your device when you visit our website. They help us provide you with a better experience by remembering your preferences and understanding how you use our site.',
-    },
-    {
-      title: 'Types of Cookies We Use',
-      content: [
-        'Essential Cookies: These cookies are necessary for the website to function properly.',
-        'Performance Cookies: These cookies help us understand how visitors interact with our website.',
-        'Functionality Cookies: These cookies allow us to remember choices you make and provide enhanced features.',
-      ],
-    },
-    {
-      title: 'Managing Cookies',
-      content: 'Most web browsers allow you to control cookies through their settings. You can set your browser to refuse cookies or delete certain cookies. However, please note that if you disable cookies, some features of our website may not function properly.',
-    },
-    {
-      title: 'Third-Party Cookies',
-      content: 'We may use third-party services that also use cookies. These third parties have their own privacy policies, and we do not accept any responsibility or liability for their policies.',
-    },
-    {
-      title: 'Updates to This Policy',
-      content: 'We may update our Cookie Policy from time to time. Any changes will be posted on this page with an updated revision date.',
-    },
-  ],
-};
-
-export const securityConfig: LegalPageConfig = {
-  title: 'Security Policy',
-  sections: [
-    {
-      title: 'Our Commitment to Security',
-      content: 'We take the security of your data seriously. We implement industry-standard security measures to protect your personal information from unauthorized access, disclosure, alteration, and destruction.',
-    },
-    {
-      title: 'Data Encryption',
-      content: 'All data transmitted between your device and our servers is encrypted using industry-standard SSL/TLS protocols. Sensitive data stored in our databases is encrypted at rest using advanced encryption standards.',
-    },
-    {
-      title: 'Access Controls',
-      content: 'Access to user data is strictly limited to authorized personnel who require it to perform their job functions. We employ multi-factor authentication and regular access reviews to ensure that only authorized individuals can access sensitive information.',
-    },
-    {
-      title: 'Security Monitoring',
-      content: 'We continuously monitor our systems for potential security threats and vulnerabilities. Our security team actively tracks and responds to any suspicious activity or potential security incidents.',
-    },
-    {
-      title: 'Reporting Security Issues',
-      content: 'If you discover a security vulnerability or have concerns about our security practices, please report it to us immediately. We appreciate responsible disclosure and will work with you to address any legitimate security concerns.',
-    },
-    {
-      title: 'Regular Security Updates',
-      content: 'We regularly update our systems and software to ensure that known security vulnerabilities are patched promptly. Our infrastructure undergoes periodic security audits and penetration testing to identify and address potential weaknesses.',
-    },
-  ],
-};
-

package/src/legal/index.ts

@@ -1,24 +0,0 @@
-/**
- * Legal pages exports
- */
-
-export { LegalPage } from './LegalPage';
-export type { LegalPageProps } from './LegalPage';
-
-export {
-  PrivacyPage,
-  TermsPage,
-  CookiesPage,
-  SecurityPage,
-} from './pages';
-export type { LegalPageComponentProps } from './pages';
-
-export {
-  privacyConfig,
-  termsConfig,
-  cookiesConfig,
-  securityConfig,
-} from './configs';
-
-export type { LegalPageConfig, LegalPageSection } from './types';
-

package/src/legal/pages.tsx

@@ -1,58 +0,0 @@
-/**
- * Pre-built legal page components
- *
- * Ready-to-use page components with default configurations
- * Can be customized by passing custom config
- *
- * Usage:
- * ```tsx
- * // app/legal/privacy/page.tsx
- * import { PrivacyPage } from '@djangocfg/nextjs/legal';
- *
- * export default PrivacyPage;
- * ```
- */
-
-'use client';
-
-import { LegalPage } from './LegalPage';
-import {
-  privacyConfig,
-  termsConfig,
-  cookiesConfig,
-  securityConfig,
-} from './configs';
-import type { LegalPageConfig } from './types';
-
-export interface LegalPageComponentProps {
-  config?: LegalPageConfig;
-}
-
-/**
- * Privacy Policy Page
- */
-export function PrivacyPage({ config }: LegalPageComponentProps = {}) {
-  return <LegalPage config={config || privacyConfig} />;
-}
-
-/**
- * Terms of Service Page
- */
-export function TermsPage({ config }: LegalPageComponentProps = {}) {
-  return <LegalPage config={config || termsConfig} />;
-}
-
-/**
- * Cookie Policy Page
- */
-export function CookiesPage({ config }: LegalPageComponentProps = {}) {
-  return <LegalPage config={config || cookiesConfig} />;
-}
-
-/**
- * Security Policy Page
- */
-export function SecurityPage({ config }: LegalPageComponentProps = {}) {
-  return <LegalPage config={config || securityConfig} />;
-}
-

package/src/legal/types.ts

@@ -1,15 +0,0 @@
-/**
- * Legal page types
- */
-
-export interface LegalPageSection {
-  title: string;
-  content: string | string[];
-}
-
-export interface LegalPageConfig {
-  title: string;
-  lastUpdated?: string | Date;
-  sections: LegalPageSection[];
-}
-