@supersoniks/concorde 3.2.5 → 3.2.8

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.8",
   "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/functional/sdui/sdui.ts

@@ -5,11 +5,11 @@ import {
   SDUINode,
   SDUITransformDescription,
 } from "@supersoniks/concorde/core/components/functional/sdui/types";
-import {Fetcher, Subscriber} from "@supersoniks/concorde/mixins";
+import { Fetcher, Subscriber } from "@supersoniks/concorde/mixins";
 
-import {HTML, Objects} from "@supersoniks/concorde/utils";
-import {LitElement, PropertyValues} from "lit";
-import {customElement, property} from "lit/decorators.js";
+import { HTML, Objects } from "@supersoniks/concorde/utils";
+import { LitElement, PropertyValues } from "lit";
+import { customElement, property } from "lit/decorators.js";
 const tagName = "sonic-sdui"; // For Astro.build
 /**
  *  ### sonic-sdui (Server Driven User Interface) est un fetcher chargant un JSON décrivant une interface utilisateur
@@ -75,7 +75,9 @@ export class SonicSDUI extends Fetcher(Subscriber(LitElement)) {
    * Suppressiond du contenu du composant avant le génération de la nouvelle ui
    */
   private removeChildren() {
-    while ([...this.children].filter((elt) => elt.nodeName != "SLOT").length > 0) {
+    while (
+      [...this.children].filter((elt) => elt.nodeName != "SLOT").length > 0
+    ) {
       this.removeChild(this.children[0]);
     }
   }
@@ -118,9 +120,12 @@ export class SonicSDUI extends Fetcher(Subscriber(LitElement)) {
     if (!this.sduiDescriptor) return;
     let nodes = this.sduiDescriptor.nodes;
     if (!nodes) nodes = [];
-    const messageProvider = {tagName: "sonic-toast-message-subscriber", attributes: {}};
+    const messageProvider = {
+      tagName: "sonic-toast-message-subscriber",
+      attributes: {},
+    };
     if (this.messagesKey) {
-      messageProvider.attributes = {subDataProvider: this.messagesKey};
+      messageProvider.attributes = { subDataProvider: this.messagesKey };
     }
     nodes.push(messageProvider);
     nodes.forEach((node) => this.appendChild(this.parseChild(node)));
@@ -130,7 +135,7 @@ export class SonicSDUI extends Fetcher(Subscriber(LitElement)) {
    */
   private parseChild(node: SDUINode) {
     const tagName = node.tagName || "div";
-    let {element, contentElement} = this.handleLibrary(node, tagName);
+    let { element, contentElement } = this.handleLibrary(node, tagName);
     this.handleAttributes(node, element);
     element = this.handleMarkup(node, element);
     if (!contentElement) contentElement = element;
@@ -148,7 +153,8 @@ export class SonicSDUI extends Fetcher(Subscriber(LitElement)) {
    */
   private handlePrefixSuffix(node: SDUINode, element: HTMLElement) {
     const container = document.createElement("div");
-    container.innerHTML = (node.prefix || "") + element.outerHTML + (node.suffix || "");
+    container.innerHTML =
+      (node.prefix || "") + element.outerHTML + (node.suffix || "");
     container.style.display = "contents";
     return container;
   }
@@ -156,18 +162,26 @@ export class SonicSDUI extends Fetcher(Subscriber(LitElement)) {
    * Création des enfants du noeud courant
    * Si l'enfant à un attribut parentElementSelector, il est ajouté dans le noeud correspondant au sélecteur css associé et non pas dans l'élément directement.
    */
-  private handleChildNodes(node: SDUINode, contentElement: HTMLElement, element: HTMLElement) {
+  private handleChildNodes(
+    node: SDUINode,
+    contentElement: HTMLElement,
+    element: HTMLElement
+  ) {
     if (node.nodes) {
       const children: Array<SDUINode> = node.nodes;
       for (const child of children) {
         const childElement = this.parseChild(child);
         let nodeToAppendOn = contentElement;
         if (child.parentElementSelector) {
-          nodeToAppendOn = element.querySelector(child.parentElementSelector) || contentElement;
+          nodeToAppendOn =
+            element.querySelector(child.parentElementSelector) ||
+            contentElement;
         }
-        if (nodeToAppendOn.shadowRoot) nodeToAppendOn.shadowRoot.appendChild(childElement);
+        if (nodeToAppendOn.shadowRoot)
+          nodeToAppendOn.shadowRoot.appendChild(childElement);
         else if (nodeToAppendOn.tagName.toLocaleLowerCase() == "template") {
-          const template: HTMLTemplateElement = nodeToAppendOn as HTMLTemplateElement;
+          const template: HTMLTemplateElement =
+            nodeToAppendOn as HTMLTemplateElement;
           template.content.appendChild(childElement);
         } else nodeToAppendOn.appendChild(childElement);
       }
@@ -184,11 +198,15 @@ export class SonicSDUI extends Fetcher(Subscriber(LitElement)) {
     let element: HTMLElement;
     let contentElement: HTMLElement | undefined;
     if (node.libraryKey && this.sduiDescriptor.library) {
-      element = this.parseChild(this.sduiDescriptor.library[node.libraryKey] || {tagName: "div"});
-      const selector = (this.sduiDescriptor.library[node.libraryKey] || {}).contentElementSelector;
-      if (selector) contentElement = element.querySelector(selector) as HTMLElement;
+      element = this.parseChild(
+        this.sduiDescriptor.library[node.libraryKey] || { tagName: "div" }
+      );
+      const selector = (this.sduiDescriptor.library[node.libraryKey] || {})
+        .contentElementSelector;
+      if (selector)
+        contentElement = element.querySelector(selector) as HTMLElement;
     } else element = document.createElement(tagName) as HTMLElement;
-    return {element, contentElement};
+    return { element, contentElement };
   }
   /**
    * Remplissage des attributs html avec les attributs fournis dans le noeud
@@ -197,7 +215,9 @@ export class SonicSDUI extends Fetcher(Subscriber(LitElement)) {
     const attributes = node.attributes;
     for (const k in attributes) {
       const attrData: object | string = attributes[k];
-      const attr: string = Objects.isObject(attrData) ? JSON.stringify(attrData) : attrData;
+      const attr: string = Objects.isObject(attrData)
+        ? JSON.stringify(attrData)
+        : attrData;
       element.setAttribute(k, attr);
     }
   }
@@ -216,13 +236,18 @@ export class SonicSDUI extends Fetcher(Subscriber(LitElement)) {
   /**
    * si le noeud à une propriété innerHTML, on l'ajout ay innerHTML de l'élément html en cours de création
    */
-  private handleInnerHTML(node: SDUINode, contentElement: HTMLElement | undefined) {
+  private handleInnerHTML(
+    node: SDUINode,
+    contentElement: HTMLElement | undefined
+  ) {
     if (!node.innerHTML) return;
     if (node.innerHTML.indexOf("wording_") != -1) {
       const wordingProvider = this.getAncestorAttributeValue("wordingProvider");
-      this.api?.post(wordingProvider, {labels: [node.innerHTML.substring(8)]}).then((value) => {
-        if (contentElement) contentElement.innerHTML += value;
-      });
+      this.api
+        ?.post(wordingProvider, { labels: [node.innerHTML.substring(8)] })
+        .then((value) => {
+          if (contentElement) contentElement.innerHTML += value;
+        });
     } else if (contentElement) {
       contentElement.innerHTML += node.innerHTML;
     }

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/input-autocomplete/input-autocomplete.ts

@@ -4,6 +4,7 @@ import {
   property,
   queryAssignedNodes,
   state,
+  query,
 } from "lit/decorators.js";
 import {
   FormInput,
@@ -23,6 +24,7 @@ import { Input } from "@supersoniks/concorde/core/components/ui/form/input/input
 import { customScroll } from "@supersoniks/concorde/core/components/ui/_css/scroll";
 import { ResizeController } from "@lit-labs/observers/resize-controller.js";
 import { traverseDotNotation } from "@supersoniks/concorde/core/utils/Objects";
+import { Pop } from "../../pop/pop";
 
 type ListItem = Record<string, string>;
 
@@ -82,6 +84,7 @@ export class InputAutocomplete extends TemplatesContainer(
   slotInputPrefixNodes!: Array<Node>;
 
   @state() hasInputPrefix = false;
+  @query("sonic-pop") popElement!: Pop;
   _resizeController = new ResizeController(this, {});
 
   @state() isPopVisible = false;
@@ -324,9 +327,13 @@ export class InputAutocomplete extends TemplatesContainer(
     return this.searchPublisher?.get();
   }
 
+  handleFocus(): void {
+    this.popElement.show();
+  }
+
   render() {
     return html`
-      <sonic-pop noToggle style="display:block;" @hide=${this.handleHide}>
+      <sonic-pop manual style="display:block;" @hide=${this.handleHide}>
         <sonic-input
           class="form-element"
           dataProvider="${this.initSearchDataProvider + Math.random()}"
@@ -344,6 +351,7 @@ export class InputAutocomplete extends TemplatesContainer(
           clearable
           inlineContent
           size=${this.size}
+          @focus=${this.handleFocus}
           value=${ifDefined(this.getInputValue())}
         >
           <slot

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>