@supersoniks/concorde 3.2.5 → 3.2.6

package/mcp-server/test-mcp.py

@@ -0,0 +1,73 @@
+#!/usr/bin/env python3
+"""
+Script de test pour le serveur MCP Concorde
+"""
+
+import asyncio
+import json
+import sys
+from pathlib import Path
+
+# Ajouter le répertoire courant au path
+sys.path.insert(0, str(Path(__file__).parent))
+
+from concorde_mcp_server import ConcordeMCPServer
+
+async def test_server():
+    """Teste le serveur MCP"""
+    print("🧪 Test du serveur MCP Concorde...")
+    
+    server = ConcordeMCPServer()
+    
+    # Test 1: Vérifier que les composants sont chargés
+    print(f"\n📦 Composants chargés: {len(server.components)}")
+    for name, comp in list(server.components.items())[:5]:
+        print(f"  - {comp.tag_name} ({comp.category})")
+    
+    # Test 2: Recherche de composant
+    print("\n🔍 Test de recherche...")
+    result = await server._search_component("button")
+    print(f"Résultat recherche 'button': {len(result.content[0].text)} caractères")
+    
+    # Test 3: Informations sur un composant
+    print("\n📋 Test d'informations composant...")
+    if "button" in server.components:
+        result = await server._get_component_info("button")
+        print(f"Info composant 'button': {len(result.content[0].text)} caractères")
+    
+    # Test 4: Génération de code
+    print("\n💻 Test de génération de code...")
+    if "button" in server.components:
+        result = await server._generate_component_code(
+            "button", 
+            {"type": "primary", "size": "lg"}, 
+            "Test"
+        )
+        print(f"Code généré: {result.content[0].text}")
+    
+    # Test 5: Exemple de formulaire
+    print("\n📝 Test d'exemple de formulaire...")
+    result = await server._get_form_example([
+        {"name": "email", "type": "email", "label": "Email", "required": True},
+        {"name": "password", "type": "password", "label": "Mot de passe", "required": True}
+    ])
+    print(f"Formulaire généré: {len(result.content[0].text)} caractères")
+    
+    # Test 6: Informations sur le thème
+    print("\n🎨 Test d'informations thème...")
+    result = await server._get_theme_info("light")
+    print(f"Info thème: {len(result.content[0].text)} caractères")
+    
+    # Test 7: Liste des icônes
+    print("\n🔤 Test de liste d'icônes...")
+    result = await server._get_icons_list("core")
+    print(f"Liste icônes: {len(result.content[0].text)} caractères")
+    
+    print("\n✅ Tous les tests sont passés avec succès !")
+    print(f"\n📊 Statistiques:")
+    print(f"  - Composants UI: {len([c for c in server.components.values() if c.category == 'ui'])}")
+    print(f"  - Composants fonctionnels: {len([c for c in server.components.values() if c.category == 'functional'])}")
+    print(f"  - Documentation chargée: {len(server.documentation)} sections")
+
+if __name__ == "__main__":
+    asyncio.run(test_server())

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supersoniks/concorde",
-  "version": "3.2.5",
+  "version": "3.2.6",
   "license": "MIT",
   "type": "module",
   "main": "",
@@ -321,6 +321,7 @@
     "@vitejs/plugin-basic-ssl": "^2.1.0",
     "altcha": "^1.0.7",
     "autoprefixer": "^10.4.19",
+    "baseline-browser-mapping": "^2.8.31",
     "jsdom": "^26.0.0",
     "lit": "^3.1.3",
     "marked": "^12.0.1",

package/php/get-challenge.php

@@ -0,0 +1,34 @@
+<?php
+/* *
+ * Call get-challenge on auto-hosted latcha service at  https://altcha.supersoniks.org
+ * */
+
+// Autoriser toutes les origines
+header("Access-Control-Allow-Origin: *");
+
+// Autoriser les méthodes HTTP spécifiques
+header("Access-Control-Allow-Methods: GET, POST, OPTIONS");
+
+// Autoriser certains en-têtes spécifiques
+header("Access-Control-Allow-Headers: Content-Type, Authorization");
+
+// Si la méthode est OPTIONS, terminer la requête ici
+if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
+    http_response_code(200);
+    exit();
+}
+
+function getChallenge($key){
+    $maxNumber=20000;
+    $queryString = $params = [
+        'key' => $key,
+        'maxNumber' => $maxNumber
+    ];
+    // Générer la chaîne de requête
+    $queryString = http_build_query($params);
+    $url = "https://altcha.supersoniks.org/get-challenge?key=".$queryString;
+    $response = file_get_contents($url);
+    return $response;
+}
+
+echo getChallenge($_GET['key']);

package/php/some-service.php

@@ -0,0 +1,42 @@
+<?php
+/* *
+ * Call verify-solution on auto-hosted latcha service at  https://altcha.supersoniks.org
+ * */ 
+
+
+// Autoriser toutes les origines
+header("Access-Control-Allow-Origin: *");
+
+// Autoriser les méthodes HTTP spécifiques
+header("Access-Control-Allow-Methods: GET, POST, OPTIONS");
+
+// Autoriser certains en-têtes spécifiques
+header("Access-Control-Allow-Headers: Content-Type, Authorization, x-altcha-spam-filter");
+
+// Si la méthode est OPTIONS, terminer la requête ici
+if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
+    http_response_code(200);
+    exit();
+}
+
+function verifySolution($key, $solution){
+    $queryString = $params = [
+        'key' => $key,
+        'altcha' => $solution
+    ];
+    // Générer la chaîne de requête
+    $queryString = http_build_query($params);
+    $url = "https://altcha.supersoniks.org/verify-solution?".$queryString;
+    $response = file_get_contents($url);
+    return $response;
+}
+
+/**
+ * Get json posted data
+ */
+
+// Get the posted data
+
+$data = json_decode(file_get_contents("php://input"));
+
+echo verifySolution($data->captchakey, $data->captchatoken);

package/src/core/components/functional/fetch/fetch.md

@@ -2,6 +2,10 @@
 The **sonic-fetch** component is used to request and store data from an API.
 Fetch extends the mixins Fetcher and [Subscriber](#docs/_core-concept/subscriber.md/subscriber)
 
+
+
+
+
 ## Basic usage
 In order to work properly the <b>sonic-fetch</b> component needs at least the following attributes.  
 - **serviceURL** : A base service url. This attribute can be inherited from an ancestor.
@@ -11,6 +15,8 @@ In order to work properly the <b>sonic-fetch</b> component needs at least the fo
 - **dataProvider *(Required)*** : An ID that is used as a reference to the object storing the data returned by the API.
 This attribute can be inherited from an ancestor.
 
+
+
 <sonic-code>
   <template>
     <sonic-fetch serviceURL="https://reqres.in" endPoint="api/users?page=2" dataProvider="myDataObj"></sonic-fetch>

package/src/core/components/ui/form/checkbox/checkbox.ts

@@ -184,6 +184,12 @@ export class Checkbox extends FormCheckable(
   willUpdate(changedProperties: PropertyValues) {
     this.hasSlotOrProps();
     super.willUpdate(changedProperties);
+    /**
+     * On force le type à checkbox pour les checkbox
+     */
+    if (changedProperties.has("type")) {
+      this.type = "checkbox";
+    }
   }
 
   hasSlotOrProps() {

package/src/core/components/ui/form/radio/radio.ts

@@ -1,4 +1,4 @@
-import { css } from "lit";
+import { css, PropertyValues } from "lit";
 import { customElement } from "lit/decorators.js";
 import { Checkbox } from "@supersoniks/concorde/core/components/ui/form/checkbox/checkbox";
 
@@ -37,6 +37,16 @@ export class Radio extends Checkbox {
     super();
     this.radio = true;
   }
+  willUpdate(changedProperties: PropertyValues) {
+    const typeChanged = changedProperties.has("type");
+    super.willUpdate(changedProperties);
+    /**
+     * On force le type a radio pour tous les boutons radio
+     */
+    if (typeChanged) {
+      this.type = "radio";
+    }
+  }
   connectedCallback() {
     // this.iconName = "circle-small";
     // this.iconPrefix = "solid";

package/src/core/components/ui/toast/toast-item.ts

@@ -210,10 +210,58 @@ export class SonicToastItem extends LitElement {
   @property({ type: Boolean }) dismissForever = false;
   @property({ type: String }) maxHeight = "10rem";
   @state() visible = true;
+  @state() private _titleId: string = "";
 
   // @queryAssignedElements({flatten: true, slot: main"})
   // textSlot!: HTMLElement[];
 
+  /**
+   * Retourne le rôle ARIA approprié selon le statut du toast
+   * - "alert" pour les erreurs (messages critiques) - implique déjà aria-live="assertive"
+   * - "status" pour les autres (messages informatifs)
+   */
+  getAriaRole(): "alert" | "status" {
+    return this.status === "error" ? "alert" : "status";
+  }
+
+  /**
+   * Retourne la valeur aria-live appropriée selon le statut
+   * - null pour les erreurs car role="alert" implique déjà aria-live="assertive"
+   * - "polite" pour les autres (peut attendre)
+   */
+  getAriaLive(): "polite" | null {
+    return this.status === "error" ? null : "polite";
+  }
+
+  /**
+   * Génère et mémorise un ID unique pour le titre du toast
+   */
+  getTitleId(): string {
+    if (this._titleId) {
+      return this._titleId;
+    }
+    this._titleId = this.id
+      ? `toast-title-${this.id}`
+      : `toast-title-${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;
+    return this._titleId;
+  }
+
+  /**
+   * Génère un label ARIA descriptif pour le bouton de fermeture
+   */
+  getCloseButtonLabel(): string {
+    const statusLabels: Record<string, string> = {
+      error: "Fermer le message d'erreur",
+      warning: "Fermer l'avertissement",
+      success: "Fermer le message de succès",
+      info: "Fermer l'information",
+    };
+    const statusLabel = this.status
+      ? statusLabels[this.status] || "Fermer la notification"
+      : "Fermer la notification";
+    return statusLabel;
+  }
+
   render() {
     // check if the toast is dismissed
     if (this.dismissForever) {
@@ -228,11 +276,26 @@ export class SonicToastItem extends LitElement {
       return nothing;
     }
 
+    const titleId = this.title ? this.getTitleId() : undefined;
+    // Extrait un label pour aria-label si pas de titre, en essayant de couper proprement
+    const ariaLabel =
+      !this.title && this.text
+        ? this.text.length > 100
+          ? this.text.substring(0, 100).replace(/\s+\S*$/, "") + "..."
+          : this.text
+        : undefined;
+
+    const ariaLive = this.getAriaLive();
+
     return html`<div
       class="sonic-toast ${this.status} ${this.ghost ? "ghost" : ""}"
+      role=${this.getAriaRole()}
+      aria-live=${ariaLive || nothing}
+      aria-atomic="true"
+      aria-label=${ariaLabel || nothing}
     >
       <button
-        aria-label="Close"
+        aria-label=${this.getCloseButtonLabel()}
         class="sonic-toast-close"
         @click=${() => this.hide()}
       >
@@ -247,11 +310,14 @@ export class SonicToastItem extends LitElement {
           name=${icon[this.status]}
           class="sonic-toast-icon"
           size="2xl"
+          aria-hidden="true"
         ></sonic-icon>`}
 
         <div class="sonic-toast-text">
           ${this.title
-            ? html`<div class="sonic-toast-title">${this.title}</div>`
+            ? html`<div class="sonic-toast-title" id=${titleId}>
+                ${this.title}
+              </div>`
             : ""}
           ${this.text ? unsafeHTML(this.text) : ""}
           <slot></slot>

package/src/core/components/ui/toast/toast.md

@@ -0,0 +1,166 @@
+# Toast
+
+## Utilisation de base
+
+<sonic-code>
+  <template>
+    <sonic-button onclick="window.SonicToast.add({ text: 'Message de notification simple' })">
+      Afficher un toast
+    </sonic-button>
+  </template>
+</sonic-code>
+
+## Statut
+
+Les statuts disponibles sont : `success`, `error`, `warning`, `info` ou vide (par défaut).
+
+<sonic-code>
+  <template>
+    <div class="flex flex-wrap gap-2">
+      <sonic-button onclick="window.SonicToast.add({ text: 'Message par défaut', status: '' })">
+        Default
+      </sonic-button>
+      <sonic-button onclick="window.SonicToast.add({ text: 'Opération réussie !', status: 'success' })">
+        Success
+      </sonic-button>
+      <sonic-button onclick="window.SonicToast.add({ text: 'Une erreur est survenue', status: 'error' })">
+        Error
+      </sonic-button>
+      <sonic-button onclick="window.SonicToast.add({ text: 'Attention à ce point', status: 'warning' })">
+        Warning
+      </sonic-button>
+      <sonic-button onclick="window.SonicToast.add({ text: 'Information importante', status: 'info' })">
+        Info
+      </sonic-button>
+    </div>
+  </template>
+</sonic-code>
+
+## Avec titre
+
+<sonic-code>
+  <template>
+    <div class="flex flex-wrap gap-2">
+      <sonic-button onclick="window.SonicToast.add({ title: 'Succès', text: 'Votre demande a été traitée avec succès.', status: 'success' })">
+        Toast avec titre
+      </sonic-button>
+      <sonic-button onclick="window.SonicToast.add({ title: 'Test', text: 'Une erreur est survenue lors du traitement.', status: 'error' })">
+        Toast d'erreur avec titre
+      </sonic-button>
+    </div>
+  </template>
+</sonic-code>
+
+## Avec contenu HTML
+
+Le contenu du toast peut contenir du HTML.
+
+<sonic-code>
+  <template>
+    <sonic-button onclick="window.SonicToast.add({ text: 'Message avec <strong>HTML</strong> et un <a href=&quot;#&quot;>lien cliquable</a>', status: 'info' })">
+      Toast avec HTML
+    </sonic-button>
+  </template>
+</sonic-code>
+
+
+## Persistance
+
+Par défaut, les toasts disparaissent automatiquement. Avec `preserve: true`, le toast reste affiché jusqu'à ce qu'il soit fermé manuellement.
+
+<sonic-code>
+  <template>
+    <sonic-button onclick="window.SonicToast.add({ text: 'Ce toast ne disparaîtra pas automatiquement', status: 'info', preserve: true })">
+      Toast persistant
+    </sonic-button>
+  </template>
+</sonic-code>
+
+## Masquer définitivement
+
+Avec `dismissForever: true` et un `id`, le toast peut être masqué définitivement. Une fois fermé, il ne réapparaîtra plus même après rechargement de la page.
+
+<sonic-code>
+  <template>
+    <sonic-button onclick="window.SonicToast.add({ id: 'unique-toast-id', text: 'Ce toast peut être masqué définitivement', status: 'info', dismissForever: true })">
+      Toast avec dismiss forever
+    </sonic-button>
+  </template>
+</sonic-code>
+
+## Fantôme
+
+Avec `ghost: true`, le toast devient semi-transparent et non-interactif.
+
+<sonic-code>
+  <template>
+    <sonic-button onclick="window.SonicToast.add({ text: 'Toast fantôme (semi-transparent)', status: 'info', ghost: true })">
+      Toast ghost
+    </sonic-button>
+  </template>
+</sonic-code>
+
+
+## Méthodes de suppression
+
+### Tout supprimer
+
+Supprime tous les toasts sauf ceux marqués comme `ghost`.
+
+<sonic-code>
+  <template>
+    <div class="flex flex-wrap gap-2">
+      <sonic-button onclick="window.SonicToast.add({ text: 'Toast 1', status: 'info' })">Ajouter toast 1</sonic-button>
+      <sonic-button onclick="window.SonicToast.add({ text: 'Toast 2', status: 'success' })">Ajouter toast 2</sonic-button>
+      <sonic-button onclick="window.SonicToast.add({ text: 'Toast 3', status: 'warning' })">Ajouter toast 3</sonic-button>
+      <sonic-button onclick="window.SonicToast.removeAll()">Supprimer tous</sonic-button>
+    </div>
+  </template>
+</sonic-code>
+
+### Supprimer par statut
+
+Supprime tous les toasts d'un statut spécifique.
+
+<sonic-code>
+  <template>
+    <div class="flex flex-wrap gap-2">
+      <sonic-button onclick="window.SonicToast.add({ text: 'Toast success', status: 'success' })">Success</sonic-button>
+      <sonic-button onclick="window.SonicToast.add({ text: 'Toast error', status: 'error' })">Error</sonic-button>
+      <sonic-button onclick="window.SonicToast.add({ text: 'Toast warning', status: 'warning' })">Warning</sonic-button>
+      <sonic-button onclick="window.SonicToast.removeItemsByStatus('success')">Supprimer success</sonic-button>
+      <sonic-button onclick="window.SonicToast.removeItemsByStatus('error')">Supprimer error</sonic-button>
+    </div>
+  </template>
+</sonic-code>
+
+### Supprimer les éléments temporaires
+
+Supprime tous les toasts qui ne sont pas marqués comme `preserve`.
+
+<sonic-code>
+  <template>
+    <div class="flex flex-wrap gap-2">
+      <sonic-button onclick="window.SonicToast.add({ text: 'Toast temporaire', status: 'info' })">Temporaire</sonic-button>
+      <sonic-button onclick="window.SonicToast.add({ text: 'Toast persistant', status: 'success', preserve: true })">Persistant</sonic-button>
+      <sonic-button onclick="window.SonicToast.removeTemporaryItems()">Supprimer temporaires</sonic-button>
+    </div>
+  </template>
+</sonic-code>
+
+## Exemple complet
+
+<sonic-code>
+  <template>
+    <sonic-button onclick="window.SonicToast.add({ 
+      id: 'welcome-toast',
+      title: 'Bienvenue',
+      text: 'Bienvenue sur notre plateforme ! Vous pouvez commencer à explorer les fonctionnalités.',
+      status: 'success',
+      dismissForever: true
+    })">
+      Toast complet
+    </sonic-button>
+  </template>
+</sonic-code>
+

package/src/core/components/ui/toast/toast.ts

@@ -56,7 +56,7 @@ export class SonicToast extends LitElement {
     SonicToast.handleExistingToastDelegation();
     if (!this.toasts) return nothing;
 
-    return html`<div aria-live="polite" style=${styleMap(styles)}>
+    return html`<div style=${styleMap(styles)}>
       ${repeat(
         this.toasts,
         (item) => item.id,

package/src/core/mixins/Fetcher.ts

@@ -121,6 +121,24 @@ const Fetcher = <
     @property({ type: Number }) refetchEveryMs = 0;
     refetchTimeOutId?: ReturnType<typeof setTimeout>;
 
+    private isFetching = false;
+    private mustRefetch = false;
+    handleStartFetching(): "fetching" | "okToFetch" {
+      if (this.isFetching) {
+        this.mustRefetch = true;
+        return "fetching";
+      }
+      this.isFetching = true;
+      return "okToFetch";
+    }
+
+    handleEndFetching() {
+      this.isFetching = false;
+      if (this.mustRefetch) {
+        this.mustRefetch = false;
+        this._fetchData();
+      }
+    }
     /**
      *
      * C'est ici que les données sont chargées via l'utilitaire API
@@ -156,10 +174,19 @@ const Fetcher = <
         });
       }
 
-      let data = await this.api.get<PropsType>(
-        this.endPoint || this.dataProvider || "",
-        headerData
-      );
+      const fetchStatus = this.handleStartFetching();
+      if (fetchStatus === "fetching") {
+        return;
+      }
+      let data = null;
+      try {
+        data = await this.api.get<PropsType>(
+          this.endPoint || this.dataProvider || "",
+          headerData
+        );
+      } catch (_error) {}
+
+      this.handleEndFetching();
 
       this.fetchedData = data;
       if (this.api.lastResult && !this.api.lastResult.ok) {

package/src/docs/navigation/navigation.ts

@@ -127,7 +127,7 @@ export class DocsNavigation extends LitElement {
       href: "#core/components/ui/form/textarea/textarea.md/textarea",
     },
     { label: "Theme", href: "#" },
-    { label: "Toast", href: "#" },
+    { label: "Toast", href: "#core/components/ui/toast/toast.md/toast" },
     {
       label: "Tooltip",
       href: "#core/components/ui/tooltip/tooltip.md/tooltip",