django-cfg 1.2.8__tar.gz → 1.2.9__tar.gz

{django_cfg-1.2.8 → django_cfg-1.2.9}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: django-cfg
-Version: 1.2.8
+Version: 1.2.9
 Summary: 🚀 Next-gen Django configuration: type-safety, AI features, blazing-fast setup, and automated best practices — all in one.
 Project-URL: Homepage, https://django-cfg.com
 Project-URL: Documentation, https://django-cfg.com

{django_cfg-1.2.8 → django_cfg-1.2.9}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "hatchling.build"
 
 [project]
 name = "django-cfg"
-version = "1.2.8"
+version = "1.2.9"
 description = "🚀 Next-gen Django configuration: type-safety, AI features, blazing-fast setup, and automated best practices — all in one."
 readme = "README.md"
 license = {text = "MIT"}

{django_cfg-1.2.8 → django_cfg-1.2.9}/src/django_cfg/__init__.py

@@ -32,7 +32,7 @@ Example:
 default_app_config = "django_cfg.apps.DjangoCfgConfig"
 
 # Version information
-__version__ = "1.2.8"
+__version__ = "1.2.9"
 __license__ = "MIT"
 
 # Import registry for organized lazy loading

{django_cfg-1.2.8 → django_cfg-1.2.9}/src/django_cfg/templates/admin/snippets/components/django_commands.html

@@ -3,16 +3,39 @@
 <!-- Django Commands Section -->
 <div class="mt-8 w-full">
     <!-- Header -->
-    <div class="flex items-center mb-6">
-        <div class="flex items-center justify-center w-8 h-8 bg-purple-100 dark:bg-purple-900/20 rounded-lg mr-3">
-            <span class="material-icons text-purple-600 dark:text-purple-400 text-lg">terminal</span>
+    <div class="flex items-center justify-between mb-6">
+        <div class="flex items-center">
+            <div class="flex items-center justify-center w-8 h-8 bg-purple-100 dark:bg-purple-900/20 rounded-lg mr-3">
+                <span class="material-icons text-purple-600 dark:text-purple-400 text-lg">terminal</span>
+            </div>
+            <h2 class="text-xl font-semibold text-font-important-light dark:text-font-important-dark">
+                Django Commands
+            </h2>
+            <span class="ml-4 text-xs text-font-subtle-light dark:text-font-subtle-dark bg-base-100 dark:bg-base-800 px-2 py-1 rounded-full">
+                <span id="commandsCount">{{ django_commands.total_commands }}</span> commands
+            </span>
+        </div>
+        
+        <!-- Search Box -->
+        <div class="flex items-center space-x-3">
+            <div class="bg-white border border-base-200 flex flex-row items-center px-3 rounded-default relative shadow-xs w-64 focus-within:outline-2 focus-within:-outline-offset-2 focus-within:outline-primary-600 dark:bg-base-900 dark:border-base-700">
+                <span class="material-symbols-outlined md-18 text-base-400 dark:text-base-500">search</span>
+                <input 
+                    type="text" 
+                    id="commandSearch" 
+                    placeholder="Search commands..." 
+                    class="grow font-medium min-w-0 overflow-hidden p-2 placeholder-font-subtle-light truncate focus:outline-hidden dark:bg-base-900 dark:placeholder-font-subtle-dark dark:text-font-default-dark"
+                    oninput="searchCommands(this.value)"
+                >
+            </div>
+            <button 
+                id="clearSearch"
+                onclick="clearSearch()" 
+                class="px-3 py-2 text-xs text-font-subtle-light dark:text-font-subtle-dark hover:text-font-default-light dark:hover:text-font-default-dark transition-colors hidden"
+            >
+                Clear
+            </button>
         </div>
-        <h2 class="text-xl font-semibold text-font-important-light dark:text-font-important-dark">
-            Django Commands
-        </h2>
-        <span class="ml-auto text-xs text-font-subtle-light dark:text-font-subtle-dark bg-base-100 dark:bg-base-800 px-2 py-1 rounded-full">
-            {{ django_commands.total_commands }} commands
-        </span>
     </div>
     
     {% if django_commands.categorized %}
@@ -44,11 +67,11 @@
                         <div class="p-4">
                             <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
                                 {% for command in commands %}
-                                    <div class="bg-white dark:bg-base-900 rounded-lg border border-base-200 dark:border-base-700 hover:shadow-lg dark:hover:shadow-base-900/50 transition-all duration-200 overflow-hidden">
+                                    <div class="command-item bg-white dark:bg-base-900 rounded-lg border border-base-200 dark:border-base-700 hover:shadow-lg dark:hover:shadow-base-900/50 transition-all duration-200 overflow-hidden">
                                         <!-- Card Header -->
                                         <div class="p-4 border-b border-base-100 dark:border-base-700">
                                             <div class="flex items-center justify-between mb-2">
-                                                <code class="text-sm font-mono bg-base-100 dark:bg-base-700 px-2 py-1 rounded-lg text-font-default-light dark:text-font-default-dark">
+                                                <code class="command-name text-sm font-mono bg-base-100 dark:bg-base-700 px-2 py-1 rounded-lg text-font-default-light dark:text-font-default-dark">
                                                     {{ command.name }}
                                                 </code>
                                                 <div class="flex items-center space-x-1">
@@ -74,7 +97,7 @@
                                         <div class="p-4">
                                             <!-- Description -->
                                             {% if command.description %}
-                                                <p class="text-sm text-font-default-light dark:text-font-default-dark mb-3 line-clamp-2">
+                                                <p class="command-description text-sm text-font-default-light dark:text-font-default-dark mb-3 line-clamp-2">
                                                     {{ command.description }}
                                                 </p>
                                             {% endif %}
@@ -126,49 +149,6 @@
             {% endfor %}
         </div>
         
-        <!-- Summary Stats -->
-        <div class="mt-6 grid grid-cols-1 md:grid-cols-4 gap-4">
-            <div class="bg-white dark:bg-base-900 rounded-lg p-4 border border-base-200 dark:border-base-700">
-                <div class="flex items-center">
-                    <span class="material-icons text-blue-600 dark:text-blue-400 mr-3">terminal</span>
-                    <div>
-                        <h3 class="text-lg font-semibold text-font-default-light dark:text-font-default-dark">{{ django_commands.total_commands }}</h3>
-                        <p class="text-sm text-font-subtle-light dark:text-font-subtle-dark">Total Commands</p>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="bg-white dark:bg-base-900 rounded-lg p-4 border border-base-200 dark:border-base-700">
-                <div class="flex items-center">
-                    <span class="material-icons text-green-600 dark:text-green-400 mr-3">settings</span>
-                    <div>
-                        <h3 class="text-lg font-semibold text-font-default-light dark:text-font-default-dark">{{ django_commands.core_commands }}</h3>
-                        <p class="text-sm text-font-subtle-light dark:text-font-subtle-dark">Core Commands</p>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="bg-white dark:bg-base-900 rounded-lg p-4 border border-base-200 dark:border-base-700">
-                <div class="flex items-center">
-                    <span class="material-icons text-indigo-600 dark:text-indigo-400 mr-3">apps</span>
-                    <div>
-                        <h3 class="text-lg font-semibold text-font-default-light dark:text-font-default-dark">{{ django_commands.custom_commands }}</h3>
-                        <p class="text-sm text-font-subtle-light dark:text-font-subtle-dark">Custom Commands</p>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="bg-white dark:bg-base-900 rounded-lg p-4 border border-base-200 dark:border-base-700">
-                <div class="flex items-center">
-                    <span class="material-icons text-purple-600 dark:text-purple-400 mr-3">category</span>
-                    <div>
-                        <h3 class="text-lg font-semibold text-font-default-light dark:text-font-default-dark">{{ django_commands.categories|length }}</h3>
-                        <p class="text-sm text-font-subtle-light dark:text-font-subtle-dark">Categories</p>
-                    </div>
-                </div>
-            </div>
-        </div>
-        
     {% else %}
         <!-- No Commands -->
         <div class="text-center py-12">
@@ -230,4 +210,148 @@
     </div>
 </div>
 
-<!-- All JavaScript functions moved to main dashboard template for better organization and global access -->
+<!-- JavaScript for command search functionality -->
+<script>
+function searchCommands(query) {
+    const searchQuery = query.toLowerCase().trim();
+    const categories = document.querySelectorAll('[id^="content-"]');
+    const clearButton = document.getElementById('clearSearch');
+    const commandsCount = document.getElementById('commandsCount');
+    let visibleCommands = 0;
+    
+    // Show/hide clear button
+    if (searchQuery) {
+        clearButton.classList.remove('hidden');
+    } else {
+        clearButton.classList.add('hidden');
+    }
+    
+    categories.forEach(category => {
+        const categoryName = category.id.replace('content-', '');
+        const commands = category.querySelectorAll('.command-item');
+        let categoryHasVisibleCommands = false;
+        
+        commands.forEach(command => {
+            const commandName = command.querySelector('.command-name').textContent.toLowerCase();
+            const commandDesc = command.querySelector('.command-description')?.textContent.toLowerCase() || '';
+            
+            if (!searchQuery || commandName.includes(searchQuery) || commandDesc.includes(searchQuery)) {
+                command.style.display = 'block';
+                categoryHasVisibleCommands = true;
+                visibleCommands++;
+            } else {
+                command.style.display = 'none';
+            }
+        });
+        
+        // Show/hide category based on whether it has visible commands
+        const categoryHeader = document.querySelector(`button[onclick="toggleCategory('${categoryName}')"]`);
+        const categoryContainer = categoryHeader.parentElement;
+        
+        if (categoryHasVisibleCommands) {
+            categoryContainer.style.display = 'block';
+            
+            // Auto-expand categories when searching
+            if (searchQuery) {
+                category.style.display = 'block';
+                const icon = categoryHeader.querySelector('.material-icons');
+                if (icon) {
+                    icon.textContent = 'expand_less';
+                    icon.style.transform = 'rotate(0deg)';
+                }
+            }
+        } else {
+            categoryContainer.style.display = 'none';
+        }
+    });
+    
+    // Update commands count
+    commandsCount.textContent = visibleCommands;
+    
+    // Show "no results" message if no commands found
+    showNoResultsMessage(visibleCommands === 0 && searchQuery);
+}
+
+function clearSearch() {
+    const searchInput = document.getElementById('commandSearch');
+    const clearButton = document.getElementById('clearSearch');
+    const commandsCount = document.getElementById('commandsCount');
+    
+    searchInput.value = '';
+    clearButton.classList.add('hidden');
+    
+    // Show all commands and categories
+    const categories = document.querySelectorAll('[id^="content-"]');
+    const allCommands = document.querySelectorAll('.command-item');
+    
+    categories.forEach(category => {
+        const categoryName = category.id.replace('content-', '');
+        const categoryHeader = document.querySelector(`button[onclick="toggleCategory('${categoryName}')"]`);
+        categoryHeader.parentElement.style.display = 'block';
+        // Reset to collapsed state
+        category.style.display = 'none';
+        const icon = categoryHeader.querySelector('.material-icons');
+        if (icon) {
+            icon.textContent = 'expand_less';
+            icon.style.transform = 'rotate(-90deg)';
+        }
+    });
+    
+    allCommands.forEach(command => {
+        command.style.display = 'block';
+    });
+    
+    // Reset commands count
+    commandsCount.textContent = '{{ django_commands.total_commands }}';
+    
+    // Hide no results message
+    showNoResultsMessage(false);
+}
+
+function showNoResultsMessage(show) {
+    let noResultsDiv = document.getElementById('noSearchResults');
+    
+    if (show && !noResultsDiv) {
+        // Create no results message
+        noResultsDiv = document.createElement('div');
+        noResultsDiv.id = 'noSearchResults';
+        noResultsDiv.className = 'text-center py-12';
+        noResultsDiv.innerHTML = `
+            <div class="flex flex-col items-center">
+                <span class="material-icons text-6xl text-base-400 dark:text-base-500 mb-4">search_off</span>
+                <h3 class="text-lg font-medium text-font-important-light dark:text-font-important-dark mb-2">
+                    No Commands Found
+                </h3>
+                <p class="text-font-subtle-light dark:text-font-subtle-dark max-w-md mx-auto">
+                    No commands match your search criteria. Try different keywords or clear the search.
+                </p>
+            </div>
+        `;
+        
+        // Insert after the commands container
+        const commandsContainer = document.querySelector('.space-y-4');
+        commandsContainer.parentNode.insertBefore(noResultsDiv, commandsContainer.nextSibling);
+    } else if (!show && noResultsDiv) {
+        noResultsDiv.remove();
+    }
+}
+
+// Add search keyboard shortcuts
+document.addEventListener('DOMContentLoaded', function() {
+    const searchInput = document.getElementById('commandSearch');
+    
+    // Focus search with Ctrl+F or Cmd+F
+    document.addEventListener('keydown', function(e) {
+        if ((e.ctrlKey || e.metaKey) && e.key === 'f') {
+            e.preventDefault();
+            searchInput.focus();
+        }
+        
+        // Clear search with Escape
+        if (e.key === 'Escape' && document.activeElement === searchInput) {
+            clearSearch();
+            searchInput.blur();
+        }
+    });
+});
+</script>