nexui 0.1.0__py3-none-any.whl

nexui/asgi.py

@@ -0,0 +1,16 @@
+"""
+ASGI config for nexui project.
+
+It exposes the ASGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/5.1/howto/deployment/asgi/
+"""
+
+import os
+
+from django.core.asgi import get_asgi_application
+
+os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'nexui.settings')
+
+application = get_asgi_application()

nexui/settings.py

@@ -0,0 +1,148 @@
+"""
+Django settings for nexui project.
+
+Generated by 'django-admin startproject' using Django 5.1.5.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/5.1/topics/settings/
+
+For the full list of settings and their values, see
+https://docs.djangoproject.com/en/5.1/ref/settings/
+"""
+
+import os
+from pathlib import Path
+
+# Build paths inside the project like this: BASE_DIR / 'subdir'.
+BASE_DIR = Path(__file__).resolve().parent.parent
+
+
+# Quick-start development settings - unsuitable for production
+# See https://docs.djangoproject.com/en/5.1/howto/deployment/checklist/
+
+# SECURITY WARNING: keep the secret key used in production secret!
+SECRET_KEY = 'django-insecure-p)pmps#lul61h5nv-56@bym!_v+abj*3o%%+w^)t)mcwv9&zw9'
+
+# SECURITY WARNING: don't run with debug turned on in production!
+DEBUG = True
+
+ALLOWED_HOSTS = []
+
+
+# Application definition
+
+INSTALLED_APPS = [
+    'django.contrib.admin',
+    'django.contrib.auth',
+    'django.contrib.contenttypes',
+    'django.contrib.sessions',
+    'django.contrib.messages',
+    'django.contrib.staticfiles',
+    'tailwind',
+    'theme',
+    'django_browser_reload',
+    "django_htmx",
+    'nexui',
+]
+
+# ? Tailwind configuration
+TAILWIND_APP_NAME = 'theme'
+
+INTERNAL_IPS = [
+    "127.0.0.1",
+]
+
+NPM_BIN_PATH = "C:/Program Files/nodejs/npm.cmd"
+
+
+
+MIDDLEWARE = [
+    'django.middleware.security.SecurityMiddleware',
+    'django.contrib.sessions.middleware.SessionMiddleware',
+    'django.middleware.common.CommonMiddleware',
+    "django_browser_reload.middleware.BrowserReloadMiddleware",
+    "django_htmx.middleware.HtmxMiddleware",
+    'django.middleware.csrf.CsrfViewMiddleware',
+    'django.contrib.auth.middleware.AuthenticationMiddleware',
+    'django.contrib.messages.middleware.MessageMiddleware',
+    'django.middleware.clickjacking.XFrameOptionsMiddleware',
+]
+
+ROOT_URLCONF = 'nexui.urls'
+
+TEMPLATES = [
+    {
+        'BACKEND': 'django.template.backends.django.DjangoTemplates',
+        # 'DIRS': [],
+        'DIRS': [BASE_DIR / 'templates'],
+        'APP_DIRS': True,
+        'OPTIONS': {
+            'context_processors': [
+                'django.template.context_processors.debug',
+                'django.template.context_processors.request',
+                'django.contrib.auth.context_processors.auth',
+                'django.contrib.messages.context_processors.messages',
+            ],
+            
+        },
+    },
+]
+
+WSGI_APPLICATION = 'nexui.wsgi.application'
+
+
+# Database
+# https://docs.djangoproject.com/en/5.1/ref/settings/#databases
+
+DATABASES = {
+    'default': {
+        'ENGINE': 'django.db.backends.sqlite3',
+        'NAME': BASE_DIR / 'db.sqlite3',
+    }
+}
+
+
+# Password validation
+# https://docs.djangoproject.com/en/5.1/ref/settings/#auth-password-validators
+
+AUTH_PASSWORD_VALIDATORS = [
+    {
+        'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
+    },
+]
+
+
+# Internationalization
+# https://docs.djangoproject.com/en/5.1/topics/i18n/
+
+LANGUAGE_CODE = 'en-us'
+
+TIME_ZONE = 'UTC'
+
+USE_I18N = True
+
+USE_TZ = True
+
+
+# Static files (CSS, JavaScript, Images)
+# https://docs.djangoproject.com/en/5.1/howto/static-files/
+
+STATIC_URL = 'static/'
+# STATICFILES_DIRS = [os.path.join(BASE_DIR, "static")]
+
+STATICFILES_DIRS = [BASE_DIR / "static"]
+
+
+# Default primary key field type
+# https://docs.djangoproject.com/en/5.1/ref/settings/#default-auto-field
+
+DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'

nexui/templates/base.html

@@ -0,0 +1,11 @@
+{% load static tailwind_tags %} {% load nexui_tags%}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+
+</body>
+</html>

nexui/templates/components/button.html

@@ -0,0 +1,44 @@
+{# components/button.html #}
+<button class="px-4 py-2 rounded bg-blue-500 text-white de hover:bg-blue-600 {{ class }}"
+    type="{{ type }}"
+    {% if disabled %}disabled{% endif %}
+    {{ attributes|safe }}
+>
+    {% if icon %}
+        {% if icon_position == "left" %}
+            <span class="mr-2 text-{{ icon_size }}">
+                {% if icon_type == "fa" %}
+                    <i class="{{ icon }}" {% if icon_color %} style="color: {{ icon_color }};"{% endif %}></i>
+                {% elif icon_type == "unicode" %}
+                    {% if "&#" in icon %}
+                        {{ icon|safe }}
+                    {% else %}
+                        &#{{ icon }};
+                    {% endif %}
+                {% else %}
+                    {{ icon }}
+                {% endif %}
+            </span>
+        {% endif %}
+    {% endif %}
+
+    {{ label }}
+
+    {% if icon %}
+        {% if icon_position == "right" %}
+            <span class="ml-2 text-{{ icon_size }}">
+                {% if icon_type == "fa" %}
+                    <i class="{{ icon }}" {% if icon_color %}style="color: {{ icon_color }};"{% endif %}></i>
+                {% elif icon_type == "unicode" %}
+                    {% if "&#" in icon %}
+                        {{ icon|safe }}
+                    {% else %}
+                        &#{{ icon }};
+                    {% endif %}
+                {% else %}
+                    {{ icon }}
+                {% endif %}
+            </span>
+        {% endif %}
+    {% endif %}
+</button>

nexui/templates/components/button_old_1.html

@@ -0,0 +1,80 @@
+<button class="px-4 py-2 rounded flex items-center {{ class }}" type="{{ type }}" {% if disabled %}disabled{% endif %}>
+  {% if icon %}
+  {% if icon_position == "left" %}
+  <span class="mr-2 text-{{ icon_size }}">
+    {% if icon_type == "fa" %}
+    <i class="{{ icon }}" {% if icon_color %}style="color: {{ icon_color }};" {% endif %}></i>
+    {% elif icon_type == "unicode" %}
+    {% if "&#" in icon %}
+    {{ icon|safe }}
+    {% else %}
+    &#{{ icon }};
+    {% endif %}
+    {% else %}
+    {{ icon }}
+    {% endif %}
+  </span>
+  {% endif %}
+  {% endif %}
+
+  {{ label }}
+
+  {% if icon %}
+  {% if icon_position == "right" %}
+  <span class="ml-2 text-{{ icon_size }}">
+    {% if icon_type == "fa" %}
+    <i class="{{ icon }}" {% if icon_color %}style="color: {{ icon_color }};" {% endif %}></i>
+    {% elif icon_type == "unicode" %}
+    {% if "&#" in icon %}
+    {{ icon|safe }}
+    {% else %}
+    &#{{ icon }};
+    {% endif %}
+    {% else %}
+    {{ icon }}
+    {% endif %}
+  </span>
+  {% endif %}
+  {% endif %}
+</button>
+
+<button class="px-4 py-2 rounded flex items-center {{ class }}" type="{{ type }}" {% if disabled %}disabled{% endif %}
+  {{ attributes }}>
+  {% if icon %}
+  {% if icon_position == "left" %}
+  <span class="mr-2 text-{{ icon_size }}">
+    {% if icon_type == "fa" %}
+    <i class="{{ icon }}" {% if icon_color %}style="color: {{ icon_color }};" {% endif %}></i>
+    {% elif icon_type == "unicode" %}
+    {% if "&#" in icon %}
+    {{ icon|safe }}
+    {% else %}
+    &#{{ icon }};
+    {% endif %}
+    {% else %}
+    {{ icon }}
+    {% endif %}
+  </span>
+  {% endif %}
+  {% endif %}
+
+  {{ label }}
+
+  {% if icon %}
+  {% if icon_position == "right" %}
+  <span class="ml-2 text-{{ icon_size }}">
+    {% if icon_type == "fa" %}
+    <i class="{{ icon }}" {% if icon_color %}style="color: {{ icon_color }};" {% endif %}></i>
+    {% elif icon_type == "unicode" %}
+    {% if "&#" in icon %}
+    {{ icon|safe }}
+    {% else %}
+    &#{{ icon }};
+    {% endif %}
+    {% else %}
+    {{ icon }}
+    {% endif %}
+  </span>
+  {% endif %}
+  {% endif %}
+</button>

nexui/templates/components/card.html

@@ -0,0 +1,4 @@
+<div class="border rounded-lg p-4 shadow">
+    <h2 class="font-bold text-lg">{{ title }}</h2>
+    <p class="text-gray-600">{{ content }}</p>
+</div>

nexui/templates/form.html

@@ -0,0 +1,59 @@
+{% load static tailwind_tags %}
+{% load nexui_tags %}
+
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <title>Formulaire HTMX</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
+          integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
+          crossorigin="anonymous" referrerpolicy="no-referrer"/>
+
+    <script src="{% static 'js/htmx.min.js' %}" defer></script>
+
+    {% tailwind_css %}
+</head>
+
+<body>
+<form id="simple-form">
+    <input type="text" name="username" placeholder="Votre nom" required>
+    {% button label="Envoyer" type="submit" class="bg-green-500 text-white" %}
+</form>
+
+<div id="result"></div>
+
+<script>
+document.addEventListener("DOMContentLoaded", function() {
+    document.getElementById("simple-form").addEventListener("submit", function(event) {
+        event.preventDefault(); // Empêche le rechargement de la page
+
+        let formData = new FormData(this);
+        let username = formData.get("username");
+
+        if (!username.trim()) {
+            alert("Veuillez entrer un nom !");
+            return;
+        }
+
+        console.log("Nom saisi :", username); // Vérifier si la valeur est bien récupérée
+
+        // Simulation d'un backend avec un dictionnaire JS
+        let fakeBackend = {
+            message: `Formulaire soumis avec succès par ${username} !`
+        };
+
+        console.log("Réponse du fake backend :", fakeBackend); // Vérifier la structure des données
+
+        // Affichage du message dans la div #result
+        document.getElementById("result").innerHTML = `<p>${fakeBackend.message}</p>`;
+    });
+});
+</script>
+
+
+</body>
+
+</html>

nexui/templates/index.html

@@ -0,0 +1,90 @@
+{% load static tailwind_tags %}
+{% load nexui_tags %}
+
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Formulaire HTMX</title>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
+    integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
+    crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+  <script src="{% static 'js/htmx.min.js' %}" defer></script>
+
+  {% tailwind_css %}
+</head>
+
+<body>
+  <div class="mx-2 my-2">
+    <form id="simple-form">
+      <input type="text" name="username" placeholder="Votre nom" required />
+      {% button label="Envoyer" type="submit" class="bg-yellow-500 text-black"%}
+    </form>
+  </div>
+
+  <div class="mx-2 my-2">
+    <form id="simple-form" hx-post="{% url 'submit-form' %}" hx-target="#result" hx-swap="innerHTML">
+      {% csrf_token %}
+      <input type="text" name="username" placeholder="Votre nom" required />
+      {% button label="Envoyer avec HTMX classique" type="submit" class="bg-green-500 hover:bg-green-300 hover:text-black text-white" %}
+    </form>
+  </div>
+
+  <div class="mx-2 my-2">
+    <form id="simple-form" hx-post="{% url 'submit-form' %}" hx-target="#result" hx-swap="innerHTML">
+      {% csrf_token %}
+      <input type="text" name="username" placeholder="Votre nom" required />
+      {% button label="HTMX intégrer" type="submit" class="bg-green-500 hover:bg-green-300 hover:text-black text-white" %}
+    </form>
+  </div>
+
+  <div class="mx-2 my-2">
+    <form id="simple-form">
+      {% csrf_token %}
+      <input type="text" name="username" placeholder="Votre nom" required />
+
+      {%button label="Dynamique url params" type="submit" class="bg-green-500 text-white" url_name="update-user" url_params="2, tomate" attrs='hx-confirm="Are you okay ?" hx-target="#result" hx-swap="innerHTML"'%}
+    </form>
+  </div>
+
+  <div id="result"></div>
+
+
+  <div class="mx-2 my-2">
+    {% button%}
+    {%button class='text-yellow-300'%}
+    {% button label="Dyn url params" type="submit" class="bg-green-500 text-white" url_name="update-user" url_params="2, tomate" attrs='hx-confirm="Are you okay ?" hx-target="#result" hx-swap="innerHTML"' %}
+  
+    {% button label="Dyn url params 4" type="submit" class="bg-pink-500 hover:bg-pink-300 text-white" url_name="update-user" url_params="4, tomate" attrs="hx-confirm='Are you okay ?' hx-target='#result' hx-swap='innerHTML'" %}
+    {% button label="Envoyer" type="submit" class="extra bg-blue-500 text-white px-4 py-2 rounded" attrs='id="submit-button!" title="Cliquez pour envoyer" data-custom="valeur" style="font-weight:bold;"' %}
+    {%button label='alerte' attrs='onclick="alert(\'Bouton cliqué!\')"'%}
+  
+    {% button label="Envoyer moi" type="submit" class="bg-green-500 text-white" url_name="update-user" url_params="4, tomate" %}
+  
+    {% button label="Disabled" disabled="true" %}
+    {% button label="Télécharger" class="bg-green-500" icon="⬇️" icon_position="left" icon_size="lg" %}
+    {% button label="Supprimer" class="bg-red-500" icon="🗑" icon_position="right" %}
+    {% button label="Supprimer" class="bg-red-500" icon="😂" icon_position="right" %}
+  </div>
+
+  <div class="mx-2 my-2">
+    {% button label="Éditer" icon="fa-solid fa-pen" icon_type="fa" %}
+    {% button label="Facebook" icon="fa-brands fa-facebook" icon_color="#FFFFFFFF" icon_type="fa" %}
+    {% button label="Facebook" icon="fa-brands fa-facebook-f" icon_color="#FFFFFFFF" icon_type="fa" %}
+
+    {% button label="Étoile" icon="9733" icon_type="unicode" %}
+    {% button label="At Symbol" icon="&#64" icon_type="unicode" %}
+    {# Dans votre template HTML #}
+    {% button label="Favori" icon="fa-solid fa-star" icon_type="fa" icon_color="#FFD43B" icon_position='right' class="bg-blue-500" %}
+    {% button label="Email" icon="&#64;" icon_type="unicode" icon_position='right' class="bg-yellow-500" %}
+    {% button label="Phone" icon="128241" icon_type="unicode" icon_position='right' class="bg-green-500" %}
+    {% button label="Phone" icon="9743" icon_type="unicode" icon_position='right' class="bg-green-500" %}
+    {% button label="Envoyer" icon="fa-solid fa-paper-plane" icon_type="fa" icon_position='right' class='bg-pink-500 text-green-600' %}
+
+  </div>
+</body>
+
+</html>

nexui/templates/index_old_1.html

@@ -0,0 +1,182 @@
+{% load static tailwind_tags %} {% load nexui_tags %}
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Formulaire HTMX</title>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
+      integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    />
+
+    <script src="{% static 'js/htmx.min.js' %}" defer></script>
+    <script src="https://unpkg.com/htmx.org@1.9.2"></script>
+
+    {% tailwind_css %}
+  </head>
+
+  <body>
+    <form id="simple-form">
+      <input type="text" name="username" placeholder="Votre nom" required />
+      {% button label="Envoyer" type="submit" class="bg-yellow-500 text-black"%}
+    </form>
+
+    <form
+      id="simple-form"
+      hx-post="{% url 'submit-form' %}"
+      hx-target="#result"
+      hx-swap="innerHTML"
+    >
+      {% csrf_token %}
+      <input type="text" name="username" placeholder="Votre nom" required />
+      {% button label="Envoyer avec HTMX" type="submit" class="bg-green-500 hover:bg-green-300 hover:text-black text-white" %}
+    </form>
+
+    <form
+      id="simple-form"
+      hx-post="{% url 'submit-form' %}"
+      hx-target="#result"
+      hx-swap="innerHTML"
+    >
+      {% csrf_token %}
+      <input type="text" name="username" placeholder="Votre nom" required />
+      {% button label="Envoyer avec HTMX" type="submit" class="bg-green-500 hover:bg-green-300 hover:text-black text-white" %}
+    </form>
+
+    <form id="simple-form">
+      {% csrf_token %}
+      <input type="text" name="username" placeholder="Votre nom" required />
+      <button
+        type="submit"
+        class="bg-green-500 text-white"
+        hx-post="{% url 'update-user' 1 'mangue' %}"
+        hx-target="#result"
+        hx-swap="innerHTML"
+        hx-confirm="Are you okay ?"
+      >
+        Dyn URL Params
+      </button>
+
+      {%button label="Dyn url params" type="submit" class="bg-green-500 text-white" url_name="update-user" url_params="2, tomate" attrs='hx-confirm="Are you okay ?" hx-target="#result" hx-swap="innerHTML"'%}
+    </form>
+
+    {% button%} {% button label="Dyn url params" type="submit" class="bg-green-500 text-white" url_name="update-user" url_params="2, tomate" attrs='hx-confirm="Are you okay ?" hx-target="#result" hx-swap="innerHTML"' %}
+
+    <div id="result"></div>
+
+    {% button label="Dyn url params 4" type="submit" class="bg-pink-500 hover:bg-pink-300 text-white" url_name="update-user" url_params="4, tomate" attrs="hx-confirm='Are you okay ?' hx-target='#result' hx-swap='innerHTML'" %} {% button label="Envoyer" type="submit" class="extra bg-blue-500 text-white px-4 py-2 rounded" attrs='id="submit-button!" title="Cliquez pour envoyer" data-custom="valeur" style="font-weight:bold;"' %} {%button attrs='onclick="alert(\'Bouton cliqué!\')"'%}
+
+    {% button label="Envoyer moi" type="submit" class="bg-green-500 text-white" url_name="update-user" url_params="4, tomate" %}
+
+    {% button
+    label="Envoyer mul"
+    type="submit"
+    class="bg-green-500 text-white"
+    url_name="update-user"
+    url_params="4, tomate"
+    hx-target="#result"
+    hx-swap="innerHTML"
+    hx-confirm="Êtes-vous sûr ?"
+%}
+
+
+    <!-- 🔥 Déplacer le script ici -->
+    <script>
+      console.log("Script chargé !"); // Vérification
+
+      document.addEventListener("DOMContentLoaded", function () {
+        console.log("DOM prêt !"); // Vérification
+
+        let form = document.getElementById("simple-form");
+        console.log("Form récupéré :", form); // Vérification
+
+        if (!form) {
+          console.error("❌ Erreur : le formulaire n'a pas été trouvé !");
+          return;
+        }
+
+        form.addEventListener("submit", function (event) {
+          event.preventDefault(); // Empêche le rechargement de la page
+          console.log("✅ Le formulaire a été soumis !"); // Vérification
+
+          let formData = new FormData(this);
+          let username = formData.get("username");
+
+          if (!username.trim()) {
+            alert("❌ Veuillez entrer un nom !");
+            console.log("⚠️ Nom vide, soumission annulée.");
+            return;
+          }
+
+          console.log("Nom saisi :", username); // Vérifier si la valeur est bien récupérée
+
+          // Simulation d'un backend avec un dictionnaire JS
+          let fakeBackend = {
+            message: `Formulaire soumis avec succès par ${username} !`,
+          };
+
+          console.log("Réponse du fake backend :", fakeBackend); // Vérifier la structure des données
+
+          // Affichage du message dans la div #result
+          document.getElementById(
+            "result"
+          ).innerHTML = `<p>${fakeBackend.message}</p>`;
+        });
+      });
+    </script>
+  </body>
+</html>
+<!-- ? fonctionne -->
+
+
+{% load static tailwind_tags %}
+{% load nexui_tags %}
+
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Mes composants</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
+        integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <script src="{% static 'js/htmx.min.js' %}" defer></script>
+
+    {% tailwind_css %}
+</head>
+
+<body>
+    <h1 class="text-red-500">Mes composants</h1>
+
+    {% button label="Disabled" disabled="true" %}
+    {% button label="Télécharger" class="bg-green-500" icon="⬇️" icon_position="left" icon_size="lg" %}
+    {% button label="Supprimer" class="bg-red-500" icon="🗑" icon_position="right" %}
+    {% button label="Supprimer" class="bg-red-500" icon="😂" icon_position="right" %}
+    {% button label="Éditer" icon="fa-solid fa-pen" icon_type="fa" %}
+
+    {% button label="Facebook" icon="fa-brands fa-facebook" icon_color="#FFFFFFFF" icon_type="fa" %}
+    {% button label="Facebook" icon="fa-brands fa-facebook-f" icon_color="#FFFFFFFF" icon_type="fa" %}
+
+    {% button label="Étoile" icon="9733" icon_type="unicode" %}
+    {% button label="At Symbol" icon="&#64" icon_type="unicode" %}
+    {# Dans votre template HTML #}
+    {% button label="Favori" icon="fa-solid fa-star" icon_type="fa" icon_color="#FFD43B" class="bg-blue-500" %}
+    {% button label="Email" icon="&#64;" icon_type="unicode" class="bg-yellow-500" %}
+    {% button label="Phone" icon="128241" icon_type="unicode" class="bg-green-500" %}
+    {% button label="Phone" icon="9743" icon_type="unicode" class="bg-green-500" %}
+    {% button label="Envoyer" icon="fa-solid fa-paper-plane" icon_type="fa" %}
+
+    <!-- Bouton avec attributs HTMX -->
+    {% button label="Load More" class="bg-purple-500" htmx_get="/load-more" htmx_trigger="click" htmx_target="#content" %}
+    {% button label="Update" class="bg-orange-500" htmx_put="/update" htmx_trigger="click" htmx_target="#content" %}
+    {% button label="Delete" class="bg-red-500" htmx_delete="/delete" htmx_trigger="click" htmx_target="#content" %}
+</body>
+
+</html>

nexui/templates/result.html

@@ -0,0 +1,2 @@
+<p>Nom: {{ name }}</p>
+<p>Email: {{ email }}</p>

nexui/templatetags/nexui_tags.py

@@ -0,0 +1,102 @@
+from django import template
+from django.urls import reverse
+from django.utils.safestring import mark_safe
+
+register = template.Library()
+
+@register.inclusion_tag('components/button.html')
+def button(**kwargs):
+    context = {
+        'label': kwargs.get('label', 'Button'),
+        'type': kwargs.get('type', 'button'),
+        'class': kwargs.get('class'),
+        'icon': kwargs.get('icon'),
+        'icon_type': kwargs.get('icon_type', 'emoji'),
+        'icon_position': kwargs.get('icon_position', 'left'),
+        'icon_size': kwargs.get('icon_size', 'base'),
+        'icon_color': kwargs.get('icon_color'),
+        'disabled': str(kwargs.get('disabled', False)).lower() in ('true', '1'),
+    }
+
+    # Capture all HTMX-related attributes
+    htmx_attrs = []
+
+    # Construction de l'URL dynamique via reverse
+    if 'url_name' in kwargs:
+        method = kwargs.get('method', 'post').lower()
+
+        # Récupérer les paramètres dynamiques de l'URL
+        url_params = kwargs.get('url_params', [])
+
+        # Si les paramètres sont en chaîne de caractères, les convertir en liste
+        if isinstance(url_params, str):
+            url_params = [p.strip() for p in url_params.split(",")]
+
+        try:
+            url = reverse(kwargs['url_name'], args=url_params)
+            htmx_attrs.append(f'hx-{method}="{url}"')
+        except Exception as e:
+            htmx_attrs.append(f'data-error="URL not found: {e}"')
+
+    for key, value in kwargs.items():
+        if key.startswith('hx-') or key.startswith('data-hx-'):
+            htmx_attrs.append(f'{key}="{value}"')
+
+    # Combine HTMX attributes
+    context['attributes'] = mark_safe(' '.join(htmx_attrs))
+
+    # Add any extra attributes if specified
+    if 'attrs' in kwargs:
+        context['attributes'] = mark_safe(f"{context['attributes']} {kwargs['attrs']}")
+
+    return context
+
+# from django import template
+# from django.urls import reverse
+# from django.utils.safestring import mark_safe
+
+# register = template.Library()
+
+# @register.inclusion_tag('components/button.html')
+# def button(**kwargs):
+#     context = {
+#         'label': kwargs.get('label', 'Button'),
+#         'type': 'button',
+#         'class': kwargs.get('class', 'bg-blue-500 text-white hover:bg-blue-600'),
+#         'icon': kwargs.get('icon'),
+#         'icon_type': kwargs.get('icon_type', 'emoji'),
+#         'icon_position': kwargs.get('icon_position', 'left'),
+#         'icon_size': kwargs.get('icon_size', 'base'),
+#         'icon_color': kwargs.get('icon_color'),
+#         'disabled': str(kwargs.get('disabled', False)).lower() in ('true', '1'),
+#     }
+
+#     htmx_attrs = []
+
+#     # Construction de l'URL dynamique via reverse
+#     if 'url_name' in kwargs:
+#         method = kwargs.get('method', 'post').lower()
+#         # Résoudre l'URL dans le backend
+#         url = reverse(kwargs['url_name'])  # Nous résolvons l'URL ici
+#         htmx_attrs.append(f'hx-{method}="{url}"')
+
+#     # Ajout des autres attributs HTMX
+#     if 'target' in kwargs:
+#         htmx_attrs.append(f'hx-target="{kwargs["target"]}"')
+#     if 'swap' in kwargs:
+#         htmx_attrs.append(f'hx-swap="{kwargs["swap"]}"')
+#     if 'trigger' in kwargs:
+#         htmx_attrs.append(f'hx-trigger="{kwargs["trigger"]}"')
+#     if 'indicator' in kwargs:
+#         htmx_attrs.append(f'hx-indicator="{kwargs["indicator"]}"')
+#     if 'confirm' in kwargs:
+#         htmx_attrs.append(f'hx-confirm="{kwargs["confirm"]}"')
+
+#     # Assemblage des attributs
+#     context['attributes'] = mark_safe(' '.join(htmx_attrs))
+
+#     # Ajout des attributs supplémentaires si spécifiés
+#     if 'attrs' in kwargs:
+#         context['attributes'] = mark_safe(str(context['attributes']) + ' ' + kwargs['attrs'])
+
+#     return context

nexui/templatetags/nexui_tags_old_1.py

@@ -0,0 +1,58 @@
+from django import template 
+from django.template.loader import render_to_string 
+from django.utils.safestring import mark_safe 
+ 
+register = template.Library() 
+ 
+@register.inclusion_tag('components/button.html')
+def button(**kwargs):
+    context = {
+        'label': 'Button',
+        'type': 'button',
+        'class': 'bg-blue-500 text-white hover:bg-blue-600',
+        'icon': None,
+        'icon_type': 'emoji',  # 'emoji', 'fa', ou 'unicode'
+        'icon_position': 'left',
+        'icon_size': 'base',
+        'icon_color': None,  # nouvelle option pour la couleur de l'icône
+        'disabled': False, 
+    }
+
+    if kwargs:
+        context.update(kwargs)
+
+    context['disabled'] = str(context['disabled']) in ('true', '1')
+
+    return context
+
+
+
+# @register.inclusion_tag('components/button.html')
+# def button(**kwargs):
+#     context = {
+#         'label': 'Button',
+#         'type': 'button',
+#         'class': 'bg-blue-500 text-white hover:bg-blue-600',
+#         'icon': None,  # Icône par défaut : aucune
+#         'icon_position': 'left',  # Position de l’icône
+#         'icon_size': 'base',  # Taille de l’icône
+#         'disabled': False,  # Bouton désactivé ou non
+#     }
+    
+#     if kwargs:
+#         context.update(kwargs)
+    
+#     return context
+
+# @register.inclusion_tag('components/button.html')
+# def button(**kwargs):
+#     context = {
+#         'label': 'Button',
+#         'type': 'button',
+#         'class': 'bg-blue-500 text-white hover:bg-blue-600'
+#     }
+    
+#     if kwargs:
+#         context.update(kwargs)
+    
+#     return context

nexui/urls.py

@@ -0,0 +1,29 @@
+"""
+URL configuration for nexui project.
+
+The `urlpatterns` list routes URLs to views. For more information please see:
+    https://docs.djangoproject.com/en/5.1/topics/http/urls/
+Examples:
+Function views
+    1. Add an import:  from my_app import views
+    2. Add a URL to urlpatterns:  path('', views.home, name='home')
+Class-based views
+    1. Add an import:  from other_app.views import Home
+    2. Add a URL to urlpatterns:  path('', Home.as_view(), name='home')
+Including another URLconf
+    1. Import the include() function: from django.urls import include, path
+    2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
+"""
+from django.contrib import admin
+from django.urls import path, include
+from . import views
+
+urlpatterns = [
+    path('admin/', admin.site.urls),
+    path("__reload__/", include("django_browser_reload.urls")),
+    path('', views.index, name='index'),
+    path('some-url/', views.htmx_view, name='htmx_view'),
+    path('submit-form/', views.submit_form, name='submit-form'),
+    path('update-user/<int:id>/<str:fruit>/', views.update_user, name='update-user'),
+
+]

nexui/views.py

@@ -0,0 +1,33 @@
+from django.http import HttpResponse
+from django.http import JsonResponse
+from django.shortcuts import render
+from django.urls import reverse
+
+
+def submit_form(request):
+    username = request.POST.get('username')
+    if username:
+        message = f"Formulaire soumis avec succès par <strong>{username} {id}</strong>!"
+    else:
+        message = "Nom non fourni."
+    return JsonResponse({'message': message})
+
+def update_user(request, id,fruit):
+    username = request.POST.get('username')
+    if username:
+        message = f"Formulaire soumis avec succès par <strong>{username} {id}: {fruit}</strong>!"
+    else:
+        message = "Nom non fourni."
+    return JsonResponse({'message': message})
+
+
+def index(request):
+    return render(request, 'index.html')
+
+# Vue Django pour l'URL htmx
+
+def htmx_view(request):
+    return HttpResponse('<p>Réponse de HTMX</p>', content_type='text/html')
+
+
+

nexui/wsgi.py

@@ -0,0 +1,16 @@
+"""
+WSGI config for nexui project.
+
+It exposes the WSGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/5.1/howto/deployment/wsgi/
+"""
+
+import os
+
+from django.core.wsgi import get_wsgi_application
+
+os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'nexui.settings')
+
+application = get_wsgi_application()

nexui-0.1.0.dist-info/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Hugues Codeur
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

nexui-0.1.0.dist-info/METADATA

@@ -0,0 +1,176 @@
+Metadata-Version: 2.2
+Name: nexui
+Version: 0.1.0
+Summary: Bibliothèque de composants UI modernes avec support HTMX optionnel
+Author-email: Hugues Codeur <huguescodeur@gmail.com>
+License: MIT
+Classifier: Development Status :: 4 - Beta
+Classifier: Framework :: Django
+Classifier: Programming Language :: Python :: 3
+Classifier: Programming Language :: Python :: 3.12
+Classifier: Intended Audience :: Developers
+Classifier: License :: OSI Approved :: MIT License
+Classifier: Operating System :: OS Independent
+Requires-Python: >=3.12
+Description-Content-Type: text/markdown
+License-File: LICENSE
+Requires-Dist: Django>=5.1
+Requires-Dist: django-tailwind>=3.8.0
+Provides-Extra: htmx
+Requires-Dist: django-htmx>=1.17.2; extra == "htmx"
+
+# 🚀 NexUI
+
+NexUI est une bibliothèque de composants UI pour Django, optimisée pour HTMX et basée sur Tailwind CSS. Elle permet d'ajouter facilement des éléments interactifs à vos applications Django tout en bénéficiant des avantages d'une intégration fluide avec HTMX pour la gestion des requêtes AJAX.
+
+---
+
+## 📌 Installation
+
+### Installation de base
+```bash
+pip install nexui
+```
+
+### Installation avec support HTMX
+Si vous prévoyez d'utiliser HTMX avec vos composants :
+```bash
+pip install nexui[htmx]
+```
+Ou installez HTMX séparément plus tard :
+```bash
+pip install django-htmx
+```
+Ajoutez `nexui` à la liste des applications installées dans `settings.py` :
+```python
+INSTALLED_APPS = [
+    ...
+    'nexui',
+]
+```
+
+---
+
+## 🎨 Fonctionnalités
+
+✅ Composants UI réutilisables pour Django  
+🔥 Intégration fluide avec HTMX  
+🎨 Basé sur Tailwind CSS pour un design moderne  
+📦 Facile à installer et à utiliser  
+
+---
+
+## 🚀 Utilisation
+
+### Charger les tags NexUI dans vos templates Django
+
+```django
+{% load nexui_tags %}
+```
+
+---
+
+## 📖 Documentation
+
+### 🔘 Composant Button
+
+Le composant `button` permet de créer des boutons personnalisables avec des icônes et des interactions HTMX.
+
+#### **Options disponibles :**
+- `label` : Texte du bouton
+- `type` : Type du bouton (`button`, `submit`, `reset`)
+- `class` : Classes CSS personnalisées
+- `icon` : Icône (supporte Font Awesome et Unicode)
+- `icon_type` : Type d'icône (`fa`, `unicode`, `emoji`)
+- `icon_position` : Position de l'icône (`left`, `right`)
+- `icon_size` : Taille de l'icône
+- `icon_color` : Couleur de l'icône
+- `disabled` : Désactive le bouton (`true`)
+- `url_name` : Nom de l'URL Django
+- `url_params` : Paramètres dynamiques pour l'URL Django
+- `attrs` : Attributs HTML et HTMX supplémentaires (_hx-_*, id, style, data-\* etc.)
+
+### **Exemples d'utilisation :**
+
+#### 1️⃣ Bouton simple
+```django
+{% button label="Envoyer" %}
+```
+#### 2️⃣ Bouton simple personnalisé
+```django
+{% button label="Envoyer" type="submit" class="bg-yellow-500 text-black" %}
+```
+
+#### 3️⃣ Bouton avec HTMX
+```django
+{% button label="Envoyer avec HTMX" type="submit" class="bg-green-500" attrs="hx-post='/submit' hx-target='#result' hx-swap='innerHTML'" %}
+```
+
+#### 4️⃣ Bouton avec URL dynamique
+```django
+{% button label="Dynamique URL Params" type="submit" class="bg-blue-500 text-white" url_name="update-user" url_params="2, tomate" attrs="hx-confirm='Êtes-vous sûr ?' hx-target='#result' hx-swap='innerHTML'" %}
+```
+
+#### 5️⃣ Bouton avec URL dynamique et un seul paramètres 
+```django
+{% button label="Dynamique URL Params" type="submit" class="bg-blue-500 text-white" url_name="update-user" url_params="1" attrs="hx-confirm='Êtes-vous sûr ?' hx-target='#result' hx-swap='innerHTML'" %}
+```
+
+#### 6️⃣ Bouton avec URL dynamique et plusieurs paramètres 
+```django
+{% button label="Dynamique URL Params" type="submit" class="bg-blue-500 text-white" url_name="update-user" url_params="1, developer" attrs="hx-confirm='Êtes-vous sûr ?' hx-target='#result' hx-swap='innerHTML'" %}
+```
+
+
+#### 7️⃣ Bouton avec émojis
+```django
+{% button label="Télécharger" class="bg-green-500" icon="⬇️" icon_position="left" icon_size="lg" %}
+```
+
+#### 8️⃣ Bouton désactivé
+```django
+{% button label="Disabled" disabled="true" %}
+```
+
+#### 9️⃣ Bouton avec Font Awesome
+```django
+{% button label="Éditer" icon="fa-solid fa-pen" icon_type="fa" %}
+```
+
+#### 🔟 Bouton avec code HTML
+```django
+{% button label="Étoile" icon="9733" icon_type="unicode" %}
+```
+
+```django
+{% button label="At Symbol" icon="&#64" icon_type="unicode" %}
+```
+
+---
+
+## 💡 Contribuer
+
+Actuellement, le projet est en phase de test initial. Nous encourageons les utilisateurs intéressés à donner leur avis sur la bibliothèque.
+
+Si vous souhaitez participer à l'évolution de **NexUI** ou si vous avez des suggestions :
+
+1. **Forkez le projet** 📌
+2. **Testez les composants et apportez vos retours** 🛠️
+3. **Créez une issue** pour partager vos suggestions ou problèmes ✅
+
+Nous ne pouvons pas accepter de contributions directes pour le moment, mais **vos retours sont essentiels** pour l'évolution de NexUI.
+
+---
+
+## 🔗 Liens utiles
+
+- [Dépôt GitHub](#) 🖥️
+- [Signaler un bug](#) 🐞
+- [HTMX](https://htmx.org/) ⚡
+- [Tailwind CSS](https://tailwindcss.com/) 🎨
+
+---
+
+## ⚖️ Licence
+
+Ce projet est sous licence **MIT**. Voir le fichier `LICENSE` pour plus de détails.

nexui-0.1.0.dist-info/RECORD

@@ -0,0 +1,30 @@
+nexui/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
+nexui/asgi.py,sha256=6_GJggTsImdWAkMRa5A2nmgZUXoxy1hB_ZgAiKIp-5k,403
+nexui/settings.py,sha256=KJKHFxMATik1UAMNoEb7r1kxMiB2Abld92_B2GqbIzk,3876
+nexui/urls.py,sha256=3qe6RBIGQGOqHFfZv8gK0y1qbhTt0PH8h9WN1KtRPv8,1134
+nexui/views.py,sha256=T0gjBZqkqdkB9ubxld-g2H7wzC-Y4MmcE6p2bLxXMO0,933
+nexui/wsgi.py,sha256=SiDavvxFFo0mEW6jz5iIQLfeuLRJCb5FwsmlB-rgYdM,403
+nexui/templates/base.html,sha256=7stabYPpe3bW3B5xC36Xl31qWhka-D9OZuUbi2DzKew,186
+nexui/templates/form.html,sha256=74VgXKGcNDl0Z1-a101vhhk_Z28bE9XvCU1FGvbSC3E,1879
+nexui/templates/index.html,sha256=gAwtzH2xEqwQz2tTsESwBjgBI7Jy8UAPH92IF8gcM34,4481
+nexui/templates/index_old_1.html,sha256=Q1RcH1lAWDcS3MxHE6Fqkx3xO_rK8iGSb2jjqem1Lbw,7478
+nexui/templates/result.html,sha256=L6LA-sE4v_9ZIA87ZDGEXQHF7AagCLiu7pZn88LsUwY,51
+nexui/templates/components/button.html,sha256=F7vX0XryiThKorR1fgS6Hs12_1GJlhAOciryZrvMWfg,1564
+nexui/templates/components/button_old_1.html,sha256=Jp7Yk3AqkjONjYANLJeiHmHqDroOcHHH1grluoZLKR8,2140
+nexui/templates/components/card.html,sha256=I7uoCmI2IeFrKh-UQN6of1rBtnog3t4CHULDX0q-YtQ,150
+nexui/templates/components/modal.html,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
+nexui/templates/components/tabs.html,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
+nexui/templates/components/toast.html,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
+nexui/templatetags/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
+nexui/templatetags/nexui_tags.py,sha256=6suGx1JPJDTwD0jwTLD-o-P-y9aDVQ724c83Nk65poE,3856
+nexui/templatetags/nexui_tags_old_1.py,sha256=NMslc7Fuw4wzJO5o9K20AME6PpqwgjFgOku2jk3Z7QM,1650
+nexui/templatetags/__pycache__/__init__.cpython-313.pyc,sha256=NupK3Y1gYpArkP1G8ltkUIobAxgOYcbQJ0mJR8Z5K70,174
+nexui/templatetags/__pycache__/custom_filters.cpython-313.pyc,sha256=X0s7jHQqho5wcUKgLmR16UpFRm-IC3XRPPmj0FcRWaA,685
+nexui/templatetags/__pycache__/custom_tags.cpython-313.pyc,sha256=DpuwGMz9BttkfhqlfTqhP3i0XoFRfmHNr1_jrEZVZN8,698
+nexui/templatetags/__pycache__/nexui_tags.cpython-313.pyc,sha256=t4VziALsTSgEpeRokYUyA4AXBlu4UnTuOi-TBOc25pQ,2689
+nexui/templatetags/__pycache__/nexui_tags_old_1.cpython-313.pyc,sha256=VMqWIDHR-Rv6gsRlUp9Kjap0vWwxQF-niwRNvkV6vcc,1016
+nexui-0.1.0.dist-info/LICENSE,sha256=DbxpUuVZGglmFZYk2nTyLBTIHB3escTnUOj6cqrPxJw,1091
+nexui-0.1.0.dist-info/METADATA,sha256=WtaQv7Ftnv8jU3NDQta7ubFHCmSv4hbs3vbHAAmHHRo,5422
+nexui-0.1.0.dist-info/WHEEL,sha256=In9FTNxeP60KnTkGw7wk6mJPYd_dQSjEZmXdBdMCI-8,91
+nexui-0.1.0.dist-info/top_level.txt,sha256=zOxGlTWEpmkMBT0ypbmwlsQoa3RHyW7gNQJH9oQlLWc,6
+nexui-0.1.0.dist-info/RECORD,,

nexui-0.1.0.dist-info/WHEEL

@@ -0,0 +1,5 @@
+Wheel-Version: 1.0
+Generator: setuptools (75.8.0)
+Root-Is-Purelib: true
+Tag: py3-none-any
+

nexui-0.1.0.dist-info/top_level.txt

@@ -0,0 +1 @@
+nexui