@djangocfg/layouts 1.2.53 → 1.2.56

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/layouts",
-  "version": "1.2.53",
+  "version": "1.2.56",
   "description": "Layout system and components for Unrealon applications",
   "author": {
     "name": "DjangoCFG",
@@ -63,9 +63,9 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/api": "^1.2.53",
-    "@djangocfg/og-image": "^1.2.53",
-    "@djangocfg/ui": "^1.2.53",
+    "@djangocfg/api": "^1.2.56",
+    "@djangocfg/og-image": "^1.2.56",
+    "@djangocfg/ui": "^1.2.56",
     "@hookform/resolvers": "^5.2.0",
     "consola": "^3.4.2",
     "lucide-react": "^0.468.0",
@@ -86,7 +86,7 @@
     "vidstack": "0.6.15"
   },
   "devDependencies": {
-    "@djangocfg/typescript-config": "^1.2.53",
+    "@djangocfg/typescript-config": "^1.2.56",
     "@types/node": "^24.7.2",
     "@types/react": "19.2.2",
     "@types/react-dom": "19.2.1",

package/src/layouts/AppLayout/components/PackageVersions/packageVersions.config.ts

@@ -16,36 +16,36 @@ export interface PackageInfo {
 /**
  * Package versions registry
  * Auto-synced from package.json files
- * Last updated: 2025-11-22T06:07:49.048Z
+ * Last updated: 2025-11-22T08:33:50.453Z
  */
 const PACKAGE_VERSIONS: PackageInfo[] = [
   {
     "name": "@djangocfg/ui",
-    "version": "1.2.53"
+    "version": "1.2.56"
   },
   {
     "name": "@djangocfg/api",
-    "version": "1.2.53"
+    "version": "1.2.56"
   },
   {
     "name": "@djangocfg/layouts",
-    "version": "1.2.53"
+    "version": "1.2.56"
   },
   {
     "name": "@djangocfg/markdown",
-    "version": "1.2.53"
+    "version": "1.2.56"
   },
   {
     "name": "@djangocfg/og-image",
-    "version": "1.2.53"
+    "version": "1.2.56"
   },
   {
     "name": "@djangocfg/eslint-config",
-    "version": "1.2.53"
+    "version": "1.2.56"
   },
   {
     "name": "@djangocfg/typescript-config",
-    "version": "1.2.53"
+    "version": "1.2.56"
   }
 ];
 

package/src/layouts/UILayout/config/ai-export.config.ts

@@ -30,6 +30,17 @@ export function generateAIContext(): string {
   let output = `# ${projectName} v${version}\n\n`;
   output += `${description}\n\n`;
 
+  // Quick Reference - Available Components
+  output += `## 📋 Quick Reference - Available Components\n\n`;
+  const categories = getAllCategories();
+  categories.forEach(category => {
+    const comps = COMPONENTS_CONFIG.filter(comp => comp.category === category);
+    const componentNames = comps.map(c => c.name).join(', ');
+    output += `### ${category.charAt(0).toUpperCase() + category.slice(1)} (${comps.length})\n`;
+    output += `${componentNames}\n\n`;
+  });
+  output += `---\n\n`;
+
   // Tailwind 4 Guide
   output += `## Tailwind CSS v${TAILWIND_GUIDE.version} Guidelines\n\n`;
 
@@ -59,8 +70,6 @@ export function generateAIContext(): string {
   });
 
   // Components by Category
-  const categories = getAllCategories();
-
   categories.forEach(category => {
     const comps = COMPONENTS_CONFIG.filter(comp => comp.category === category);
 

package/src/layouts/UILayout/index.ts

@@ -125,10 +125,6 @@ export type {
 
 export {
   // AI Export utilities
-  generateAIContext as generateAIContextNew,
-  generateTailwindSection,
-  generateComponentsSection,
-  generateComponentDoc,
   formatComponentAsMarkdown,
   formatComponentsAsMarkdownList,
   formatImports,

package/src/layouts/UILayout/utils/ai-export/index.ts

@@ -2,5 +2,4 @@
  * AI Export Utilities
  */
 
-export * from './generators';
 export * from './formatters';

package/src/layouts/UILayout/utils/ai-export/generators.ts

@@ -1,130 +0,0 @@
-/**
- * AI Export Generators
- * Functions for generating AI-friendly documentation
- */
-
-import type { ComponentConfig } from '../../types';
-import type { TailwindGuide } from '../../config/tailwind.config';
-
-export interface UILibraryConfig {
-  projectName: string;
-  version: string;
-  description: string;
-  totalComponents: number;
-}
-
-/**
- * Generate complete AI context from components and config
- */
-export function generateAIContext(
-  components: ComponentConfig[],
-  tailwindGuide: TailwindGuide,
-  config: UILibraryConfig
-): string {
-  const { projectName, version, description } = config;
-
-  let output = `# ${projectName} v${version}\n\n`;
-  output += `${description}\n\n`;
-
-  // Tailwind Guide Section
-  output += generateTailwindSection(tailwindGuide);
-
-  // Components by Category
-  output += generateComponentsSection(components);
-
-  return output;
-}
-
-/**
- * Generate Tailwind CSS section
- */
-export function generateTailwindSection(guide: TailwindGuide): string {
-  let output = `## Tailwind CSS v${guide.version} Guidelines\n\n`;
-
-  output += `### Key Changes\n`;
-  guide.keyChanges.forEach((change) => {
-    output += `- ${change}\n`;
-  });
-  output += `\n`;
-
-  output += `### Best Practices\n`;
-  guide.bestPractices.forEach((practice) => {
-    output += `- ${practice}\n`;
-  });
-  output += `\n`;
-
-  output += `### Migration Steps\n`;
-  guide.migrationSteps.forEach((step, index) => {
-    output += `${index + 1}. ${step}\n`;
-  });
-  output += `\n`;
-
-  output += `### Examples\n\n`;
-  guide.examples.forEach((example) => {
-    output += `#### ${example.title}\n`;
-    output += `${example.description}\n\n`;
-    output += `\`\`\`css\n${example.code}\n\`\`\`\n\n`;
-  });
-
-  return output;
-}
-
-/**
- * Generate components section grouped by category
- */
-export function generateComponentsSection(components: ComponentConfig[]): string {
-  let output = '';
-
-  // Group components by category
-  const byCategory = groupByCategory(components);
-
-  // Generate section for each category
-  Object.entries(byCategory).forEach(([category, comps]) => {
-    output += `## ${formatCategoryName(category)} (${comps.length})\n\n`;
-
-    comps.forEach((comp) => {
-      output += generateComponentDoc(comp);
-    });
-  });
-
-  return output;
-}
-
-/**
- * Generate documentation for a single component
- */
-export function generateComponentDoc(component: ComponentConfig): string {
-  let output = `### ${component.name}\n`;
-  output += `${component.description}\n\n`;
-  output += `\`\`\`tsx\n`;
-  output += `${component.importPath}\n\n`;
-  output += `${component.example}\n`;
-  output += `\`\`\`\n\n`;
-
-  return output;
-}
-
-/**
- * Group components by category
- */
-function groupByCategory(
-  components: ComponentConfig[]
-): Record<string, ComponentConfig[]> {
-  return components.reduce(
-    (acc, comp) => {
-      if (!acc[comp.category]) {
-        acc[comp.category] = [];
-      }
-      acc[comp.category].push(comp);
-      return acc;
-    },
-    {} as Record<string, ComponentConfig[]>
-  );
-}
-
-/**
- * Format category name for display
- */
-function formatCategoryName(category: string): string {
-  return category.charAt(0).toUpperCase() + category.slice(1);
-}