@supersoniks/concorde 3.3.2 → 4.0.0

package/src/directives.ts

@@ -1,21 +1,35 @@
-import * as myDataProvider from "@supersoniks/concorde/core/directives/DataProvider";
+import * as directives from "@supersoniks/concorde/core/directives/DataProvider";
+import {dp as pubDp, dataProvider as pubDataProvider, get as pubGet, set as pubSet} from "@supersoniks/concorde/core/utils/PublisherProxy";
 
 import {ConcordeWindow} from "./core/_types/types";
-export const dp = myDataProvider.dp;
-export const dataProvider = myDataProvider.dataProvider;
-export const subscribe = myDataProvider.subscribe;
-export const sub = myDataProvider.sub;
-export const get = myDataProvider.get;
-export const set = myDataProvider.set;
+/**
+ * @deprecated @see pubDp
+ */
+export const dp = pubDp;
+/**
+ * @deprecated @see pubDataProvider
+ */
+export const dataProvider = pubDataProvider;
+export const subscribe = directives.subscribe;
+export const sub = directives.sub;
+
+/**
+ * @deprecated @see pubGet
+ */
+export const get = pubGet;
+/**
+ * @deprecated @see pubSet
+ */
+export const set = pubSet;
 
 declare const window: ConcordeWindow;
 
 window["concorde-directives-data-provider"] = window["concorde-directives-data-provider"] || {};
 window["concorde-directives-data-provider"] = {
-  dp: myDataProvider.dp,
-  dataProvider: myDataProvider.dataProvider,
-  sub: myDataProvider.sub,
-  subscribe: myDataProvider.subscribe,
-  get: myDataProvider.get,
-  set: myDataProvider.set,
+  dp: pubDp,
+  dataProvider: pubDataProvider,
+  sub: directives.sub,
+  subscribe: directives.subscribe,
+  get: pubGet,
+  set: pubSet,
 };

package/src/docs/_misc/on-assign.md

@@ -138,7 +138,7 @@ export class DemoOnAssignDynamic extends LitElement {
   //
   @state() user: any = null;
   @state() userSettings: any = null;
-
+  //
   @onAssign("${dataProvider}.${userIndex}", "${dataProvider}Settings.${userIndex}")
   handleUserDataReady(user: any, settings: any) {
     this.user = user;
@@ -168,7 +168,7 @@ export class DemoOnAssignDynamic extends LitElement {
       settingsPublisher,
       [String(this.userIndex)]
     ) as PublisherProxy;
-
+    //
     if (userPublisher && settingPublisher) {
       // Générer de nouvelles données aléatoires
       const randomNames = [
@@ -178,7 +178,7 @@ export class DemoOnAssignDynamic extends LitElement {
       ];
       const randomThemes = ["light", "dark", "auto"];
       const randomLanguages = ["en", "fr", "es"];
-
+      //
       const randomName =
         randomNames[Math.floor(Math.random() * randomNames.length)];
       const randomEmail = `${randomName.firstName.toLowerCase()}.${randomName.lastName.toLowerCase()}@example.com`;
@@ -186,7 +186,7 @@ export class DemoOnAssignDynamic extends LitElement {
         randomThemes[Math.floor(Math.random() * randomThemes.length)];
       const randomLanguage =
         randomLanguages[Math.floor(Math.random() * randomLanguages.length)];
-
+      //
       // Mettre à jour l'utilisateur directement
       const currentUser = userPublisher.get() || {};
       userPublisher.set({
@@ -195,7 +195,7 @@ export class DemoOnAssignDynamic extends LitElement {
         lastName: randomName.lastName,
         email: randomEmail,
       });
-
+      //
       // Mettre à jour les settings directement
       settingPublisher.set({
         theme: randomTheme,

package/src/docs/search/docs-search.json

@@ -4344,6 +4344,21 @@
       }
     }
   },
+  {
+    "search": "  }\n  //\n  render() {\n    return html      <div class="flex flex-col gap-2">         <sonic-select           .value=${this.dataProvider}           label="Users set"           @change=${this.updateDataProvider}         >           <option value="demoUsers">First set of users</option>           <option value="demoUsersAlt">Second set of users</option>         </sonic-select>         <sonic-input           type="number"           .value=${this.userIndex}           @input=${this.updateUserIndex}           min="0"           max="9"           label="Index"           class="block"         >         </sonic-input>         <sonic-button @click=${this.updateCurrentUserData}           >Update current user data</sonic-button         >         <div class="flex flex-col gap-2 border p-2">           <div>             <sonic-icon name="user" library="heroicons"></sonic-icon>             ${this.user?.firstName} ${this.user?.lastName}           </div>           <div>             <sonic-icon name="envelope" library="heroicons"></sonic-icon>             ${this.user?.email}           </div>         </div>       </div>    ;\n  }\n",
+    "files": {
+      "docs/_misc/bind.md": {
+        "title": "@bind",
+        "hashes": {
+          "dynamic-path-driven-by-class-properties": {
+            "count": 1,
+            "title": "Dynamic path driven by class properties",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
   {
     "search": "⚠️ Use a classic string literal: @bind("${dataProvider}.${profileId}.info.title"). Do not use a template literal (backticks), otherwise JavaScript would try to interpolate the value immediately.\n",
     "files": {
@@ -4371,6 +4386,16 @@
             "type": "paragraph"
           }
         }
+      },
+      "docs/_misc/on-assign.md": {
+        "title": "@onAssign",
+        "hashes": {
+          "dynamic-path-driven-by-class-properties": {
+            "count": 1,
+            "title": "Dynamic path driven by class properties",
+            "type": "paragraph"
+          }
+        }
       }
     }
   },
@@ -4434,6 +4459,51 @@
       }
     }
   },
+  {
+    "search": "You can now build the paths dynamically by referencing the host class properties inside the strings passed to @onAssign. Two placeholder syntaxes are supported:\n",
+    "files": {
+      "docs/_misc/on-assign.md": {
+        "title": "@onAssign",
+        "hashes": {
+          "dynamic-path-driven-by-class-properties": {
+            "count": 1,
+            "title": "Dynamic path driven by class properties",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "Each placeholder is replaced at runtime with the current value of the corresponding property. @onAssign automatically watches those properties and:\n",
+    "files": {
+      "docs/_misc/on-assign.md": {
+        "title": "@onAssign",
+        "hashes": {
+          "dynamic-path-driven-by-class-properties": {
+            "count": 1,
+            "title": "Dynamic path driven by class properties",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "⚠️ Use classic string literals: @onAssign("${dataProvider}.${profileId}", "settings.${profileId}"). Do not use template literals (backticks), otherwise JavaScript would try to interpolate the value immediately.\n",
+    "files": {
+      "docs/_misc/on-assign.md": {
+        "title": "@onAssign",
+        "hashes": {
+          "dynamic-path-driven-by-class-properties": {
+            "count": 1,
+            "title": "Dynamic path driven by class properties",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
   {
     "search": "Templates Demo",
     "files": {

package/src/tsconfig.json

@@ -734,15 +734,6 @@
       "./ui/theme": [
         "/sites/concorde/src/core/components/ui/theme/theme.ts"
       ],
-      "./message-subscriber.stories": [
-        "/sites/concorde/src/core/components/ui/toast/message-subscriber.stories.ts"
-      ],
-      "./ui/message-subscriber.stories": [
-        "/sites/concorde/src/core/components/ui/toast/message-subscriber.stories.ts"
-      ],
-      "./ui/toast/message-subscriber.stories": [
-        "/sites/concorde/src/core/components/ui/toast/message-subscriber.stories.ts"
-      ],
       "./message-subscriber": [
         "/sites/concorde/src/core/components/ui/toast/message-subscriber.ts"
       ],

package/src/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["./components.ts","./concorde-loaded.ts","./decorators.ts","./directives.ts","./index.ts","./mixins.ts","./utils.ts","./core/core.ts","./core/_types/types.ts","./core/components/functional/functional.ts","./core/components/functional/date/date.ts","./core/components/functional/example/example.ts","./core/components/functional/fetch/fetch.ts","./core/components/functional/if/if.test.ts","./core/components/functional/if/if.ts","./core/components/functional/list/list.demo.ts","./core/components/functional/list/list.spec.ts","./core/components/functional/list/list.ts","./core/components/functional/mix/mix.ts","./core/components/functional/queue/queue.demo.ts","./core/components/functional/queue/queue.ts","./core/components/functional/router/redirect.ts","./core/components/functional/router/router.demo.ts","./core/components/functional/router/router.spec.ts","./core/components/functional/router/router.ts","./core/components/functional/sdui/SDUIDescriptorTransformer.ts","./core/components/functional/sdui/sdui-utils.ts","./core/components/functional/sdui/sdui.ts","./core/components/functional/sdui/types.ts","./core/components/functional/sonic-scope/sonic-scope.ts","./core/components/functional/states/states.demo.ts","./core/components/functional/states/states.spec.ts","./core/components/functional/states/states.ts","./core/components/functional/submit/submit.ts","./core/components/functional/subscriber/subscriber.ts","./core/components/functional/translation/translation.ts","./core/components/functional/value/value.ts","./core/components/ui/ui.ts","./core/components/ui/_css/scroll.ts","./core/components/ui/_css/shadow.ts","./core/components/ui/_css/size.ts","./core/components/ui/_css/type.ts","./core/components/ui/alert/alert.ts","./core/components/ui/alert-messages/alert-messages.ts","./core/components/ui/badge/badge.ts","./core/components/ui/button/button.ts","./core/components/ui/captcha/altchaStyles.ts","./core/components/ui/captcha/captcha.ts","./core/components/ui/card/card-footer.ts","./core/components/ui/card/card-header-descripton.ts","./core/components/ui/card/card-header.ts","./core/components/ui/card/card-main.ts","./core/components/ui/card/card.ts","./core/components/ui/divider/divider.ts","./core/components/ui/form/checkbox/checkbox.ts","./core/components/ui/form/css/form-control.ts","./core/components/ui/form/fieldset/fieldset.ts","./core/components/ui/form/fieldset/legend-description.ts","./core/components/ui/form/fieldset/legend.ts","./core/components/ui/form/form-actions/form-actions.ts","./core/components/ui/form/form-layout/form-layout.ts","./core/components/ui/form/input/input.ts","./core/components/ui/form/input/password-helper.ts","./core/components/ui/form/input/same-value-helper.ts","./core/components/ui/form/input-autocomplete/input-autocomplete.ts","./core/components/ui/form/radio/radio.ts","./core/components/ui/form/select/select.ts","./core/components/ui/form/switch/switch.ts","./core/components/ui/form/textarea/textarea.ts","./core/components/ui/group/group.ts","./core/components/ui/icon/icon.stories.ts","./core/components/ui/icon/icon.ts","./core/components/ui/icon/icons.ts","./core/components/ui/image/image.ts","./core/components/ui/link/link.ts","./core/components/ui/loader/loader.stories.ts","./core/components/ui/loader/loader.ts","./core/components/ui/loader/styles/fixed.ts","./core/components/ui/loader/styles/inline.ts","./core/components/ui/menu/menu-item.ts","./core/components/ui/menu/menu.ts","./core/components/ui/modal/modal-actions.ts","./core/components/ui/modal/modal-close.ts","./core/components/ui/modal/modal-content.ts","./core/components/ui/modal/modal-subtitle.ts","./core/components/ui/modal/modal-title.ts","./core/components/ui/modal/modal.stories.ts","./core/components/ui/modal/modal.ts","./core/components/ui/pop/pop.ts","./core/components/ui/progress/progress.ts","./core/components/ui/table/table-caption.ts","./core/components/ui/table/table-tbody.ts","./core/components/ui/table/table-td.ts","./core/components/ui/table/table-tfoot.ts","./core/components/ui/table/table-th.ts","./core/components/ui/table/table-thead.ts","./core/components/ui/table/table-tr.ts","./core/components/ui/table/table.ts","./core/components/ui/theme/theme.ts","./core/components/ui/theme/theme-collection/core-variables.ts","./core/components/ui/theme/theme-collection/dark.ts","./core/components/ui/theme/theme-collection/light.ts","./core/components/ui/toast/message-subscriber.stories.ts","./core/components/ui/toast/message-subscriber.ts","./core/components/ui/toast/toast-item.ts","./core/components/ui/toast/toast.ts","./core/components/ui/toast/types.ts","./core/components/ui/tooltip/tooltip.ts","./core/decorators/Subscriber.ts","./core/decorators/subscriber/ancestorAttribute.ts","./core/decorators/subscriber/autoFill.ts","./core/decorators/subscriber/autoSubscribe.ts","./core/decorators/subscriber/bind.ts","./core/decorators/subscriber/common.ts","./core/decorators/subscriber/onAssign.ts","./core/directives/DataProvider.ts","./core/directives/Wording.ts","./core/mixins/Fetcher.ts","./core/mixins/FormCheckable.ts","./core/mixins/FormElement.ts","./core/mixins/FormInput.ts","./core/mixins/Subscriber.ts","./core/mixins/TemplatesContainer.ts","./core/mixins/mixins.ts","./core/utils/Arrays.ts","./core/utils/DataBindObserver.ts","./core/utils/Electron.ts","./core/utils/Format.ts","./core/utils/HTML.ts","./core/utils/LocationHandler.ts","./core/utils/Objects.ts","./core/utils/PublisherProxy.ts","./core/utils/Utils.ts","./core/utils/aesCrypto.ts","./core/utils/api.ts","./core/utils/route.spec.ts","./core/utils/route.ts","./core/utils/url-pattern.ts","./test-utils/TestUtils.ts"],"version":"5.9.2"}
+{"root":["./components.ts","./concorde-loaded.ts","./dataprovider.ts","./decorators.ts","./directives.ts","./index.ts","./mixins.ts","./utils.ts","./core/core.ts","./core/_types/types.ts","./core/components/functional/functional.ts","./core/components/functional/date/date.ts","./core/components/functional/example/example.ts","./core/components/functional/fetch/fetch.ts","./core/components/functional/if/if.test.ts","./core/components/functional/if/if.ts","./core/components/functional/list/list.demo.ts","./core/components/functional/list/list.spec.ts","./core/components/functional/list/list.ts","./core/components/functional/mix/mix.ts","./core/components/functional/queue/queue.demo.ts","./core/components/functional/queue/queue.ts","./core/components/functional/router/redirect.ts","./core/components/functional/router/router.demo.ts","./core/components/functional/router/router.spec.ts","./core/components/functional/router/router.ts","./core/components/functional/sdui/SDUIDescriptorTransformer.ts","./core/components/functional/sdui/sdui-utils.ts","./core/components/functional/sdui/sdui.ts","./core/components/functional/sdui/types.ts","./core/components/functional/sonic-scope/sonic-scope.ts","./core/components/functional/states/states.demo.ts","./core/components/functional/states/states.spec.ts","./core/components/functional/states/states.ts","./core/components/functional/submit/submit.ts","./core/components/functional/subscriber/subscriber.ts","./core/components/functional/translation/translation.ts","./core/components/functional/value/value.ts","./core/components/ui/ui.ts","./core/components/ui/_css/scroll.ts","./core/components/ui/_css/shadow.ts","./core/components/ui/_css/size.ts","./core/components/ui/_css/type.ts","./core/components/ui/alert/alert.ts","./core/components/ui/alert-messages/alert-messages.ts","./core/components/ui/badge/badge.ts","./core/components/ui/button/button.ts","./core/components/ui/captcha/altchaStyles.ts","./core/components/ui/captcha/captcha.ts","./core/components/ui/card/card-footer.ts","./core/components/ui/card/card-header-descripton.ts","./core/components/ui/card/card-header.ts","./core/components/ui/card/card-main.ts","./core/components/ui/card/card.ts","./core/components/ui/divider/divider.ts","./core/components/ui/form/checkbox/checkbox.ts","./core/components/ui/form/css/form-control.ts","./core/components/ui/form/fieldset/fieldset.ts","./core/components/ui/form/fieldset/legend-description.ts","./core/components/ui/form/fieldset/legend.ts","./core/components/ui/form/form-actions/form-actions.ts","./core/components/ui/form/form-layout/form-layout.ts","./core/components/ui/form/input/input.ts","./core/components/ui/form/input/password-helper.ts","./core/components/ui/form/input/same-value-helper.ts","./core/components/ui/form/input-autocomplete/input-autocomplete.ts","./core/components/ui/form/radio/radio.ts","./core/components/ui/form/select/select.ts","./core/components/ui/form/switch/switch.ts","./core/components/ui/form/textarea/textarea.ts","./core/components/ui/group/group.ts","./core/components/ui/icon/icon.stories.ts","./core/components/ui/icon/icon.ts","./core/components/ui/icon/icons.ts","./core/components/ui/image/image.ts","./core/components/ui/link/link.ts","./core/components/ui/loader/loader.stories.ts","./core/components/ui/loader/loader.ts","./core/components/ui/loader/styles/fixed.ts","./core/components/ui/loader/styles/inline.ts","./core/components/ui/menu/menu-item.ts","./core/components/ui/menu/menu.ts","./core/components/ui/modal/modal-actions.ts","./core/components/ui/modal/modal-close.ts","./core/components/ui/modal/modal-content.ts","./core/components/ui/modal/modal-subtitle.ts","./core/components/ui/modal/modal-title.ts","./core/components/ui/modal/modal.stories.ts","./core/components/ui/modal/modal.ts","./core/components/ui/pop/pop.ts","./core/components/ui/progress/progress.ts","./core/components/ui/table/table-caption.ts","./core/components/ui/table/table-tbody.ts","./core/components/ui/table/table-td.ts","./core/components/ui/table/table-tfoot.ts","./core/components/ui/table/table-th.ts","./core/components/ui/table/table-thead.ts","./core/components/ui/table/table-tr.ts","./core/components/ui/table/table.ts","./core/components/ui/theme/theme.ts","./core/components/ui/theme/theme-collection/core-variables.ts","./core/components/ui/theme/theme-collection/dark.ts","./core/components/ui/theme/theme-collection/light.ts","./core/components/ui/toast/message-subscriber.ts","./core/components/ui/toast/toast-item.ts","./core/components/ui/toast/toast.ts","./core/components/ui/toast/types.ts","./core/components/ui/tooltip/tooltip.ts","./core/decorators/Subscriber.ts","./core/decorators/subscriber/ancestorAttribute.ts","./core/decorators/subscriber/autoFill.ts","./core/decorators/subscriber/autoSubscribe.ts","./core/decorators/subscriber/bind.ts","./core/decorators/subscriber/common.ts","./core/decorators/subscriber/onAssign.ts","./core/directives/DataProvider.ts","./core/directives/Wording.ts","./core/mixins/Fetcher.ts","./core/mixins/FormCheckable.ts","./core/mixins/FormElement.ts","./core/mixins/FormInput.ts","./core/mixins/Subscriber.ts","./core/mixins/TemplatesContainer.ts","./core/mixins/mixins.ts","./core/utils/Arrays.ts","./core/utils/DataBindObserver.ts","./core/utils/Electron.ts","./core/utils/Format.ts","./core/utils/HTML.ts","./core/utils/LocationHandler.ts","./core/utils/Objects.ts","./core/utils/PublisherProxy.ts","./core/utils/Utils.ts","./core/utils/aesCrypto.ts","./core/utils/api.ts","./core/utils/route.spec.ts","./core/utils/route.ts","./core/utils/url-pattern.ts","./test-utils/TestUtils.ts"],"version":"5.9.2"}

package/src/utils.ts

@@ -14,9 +14,8 @@ import * as myLocationHandler from "@supersoniks/concorde/core/utils/LocationHan
 export const LocationHandler = myLocationHandler.default;
 import * as myObjects from "@supersoniks/concorde/core/utils/Objects";
 export const Objects = myObjects.default;
-import * as myPublisherProxy from "@supersoniks/concorde/core/utils/PublisherProxy";
-export const PublisherProxy = myPublisherProxy.default;
-export const PublisherManager = myPublisherProxy.PublisherManager;
+export * from "@supersoniks/concorde/core/utils/PublisherProxy";
+import { PublisherManager } from "@supersoniks/concorde/core/utils/PublisherProxy";
 import * as myApi from "@supersoniks/concorde/core/utils/api";
 export const api = myApi.default;
 import * as myURLPattern from "@supersoniks/concorde/core/utils/url-pattern";
@@ -34,7 +33,6 @@ window["concorde-utils"] = {
   HTML: HTML,
   LocationHandler: LocationHandler,
   Objects: Objects,
-  PublisherProxy: PublisherProxy,
   PublisherManager: PublisherManager,
   api: api,
   URLPattern: URLPattern,

package/mcp-server/COMPARISON-MCP.md

@@ -1,176 +0,0 @@
-# Comparaison des versions MCP Concorde
-
-## 🐍 Version Python vs 🟢 Version Node.js
-
-J'ai créé deux versions du serveur MCP Concorde pour vous donner le choix selon vos préférences et votre environnement.
-
-## 📊 Comparaison technique
-
-| Critère | Python | Node.js |
-|---------|--------|---------|
-| **Temps de démarrage** | ~2-3 secondes | ~1-2 secondes |
-| **Mémoire utilisée** | ~50-100 MB | ~30-50 MB |
-| **Temps de réponse** | <100ms | <50ms |
-| **Taille des dépendances** | ~25 MB | ~15 MB |
-| **Compatibilité** | Universelle | Écosystème JS/TS |
-| **Maintenance** | Plus lourde | Plus légère |
-
-## 🎯 Recommandations d'usage
-
-### Choisir la version Python si :
-- ✅ Vous préférez Python
-- ✅ Vous avez déjà Python installé
-- ✅ Vous travaillez dans un environnement Python
-- ✅ Vous voulez la compatibilité maximale
-
-### Choisir la version Node.js si :
-- ✅ Vous travaillez avec JavaScript/TypeScript
-- ✅ Vous voulez de meilleures performances
-- ✅ Vous préférez l'écosystème Node.js
-- ✅ Vous voulez une intégration plus native avec Concorde
-
-## 🚀 Installation
-
-### Version Python
-```bash
-# Installation automatique
-./install-mcp.sh
-
-# Ou manuelle
-pip install mcp
-python3 concorde-mcp-server.py
-```
-
-### Version Node.js
-```bash
-# Installation automatique
-./install-mcp-nodejs.sh
-
-# Ou manuelle
-npm install
-node concorde-mcp-server.js
-```
-
-## ⚙️ Configuration Cursor
-
-### Version Python
-```json
-{
-  "mcpServers": {
-    "concorde": {
-      "command": "python3",
-      "args": ["/usr2/sites/concorde/concorde-mcp-server.py"],
-      "env": {
-        "PYTHONPATH": "/usr2/sites/concorde"
-      }
-    }
-  }
-}
-```
-
-### Version Node.js
-```json
-{
-  "mcpServers": {
-    "concorde": {
-      "command": "node",
-      "args": ["/usr2/sites/concorde/concorde-mcp-server.js"],
-      "env": {
-        "NODE_PATH": "/usr2/sites/concorde"
-      }
-    }
-  }
-}
-```
-
-## 🧪 Test des versions
-
-### Version Python
-```bash
-python3 test-mcp.py
-```
-
-### Version Node.js
-```bash
-npm test
-# ou
-node test-mcp.js
-```
-
-## 📁 Fichiers créés
-
-### Version Python
-- `concorde-mcp-server.py` - Serveur principal
-- `test-mcp.py` - Script de test
-- `install-mcp.sh` - Script d'installation
-- `cursor-mcp-config.json` - Configuration Cursor
-- `README-MCP.md` - Documentation
-
-### Version Node.js
-- `concorde-mcp-server.js` - Serveur principal
-- `test-mcp.js` - Script de test
-- `package-mcp.json` - Configuration npm
-- `install-mcp-nodejs.sh` - Script d'installation
-- `cursor-mcp-config-nodejs.json` - Configuration Cursor
-- `README-MCP-NODEJS.md` - Documentation
-
-## 🔧 Fonctionnalités identiques
-
-Les deux versions offrent exactement les mêmes fonctionnalités :
-
-### Outils MCP
-- `search_component` - Recherche de composants
-- `get_component_info` - Informations détaillées
-- `generate_component_code` - Génération de code
-- `get_form_example` - Exemples de formulaires
-- `get_theme_info` - Informations sur les thèmes
-- `get_icons_list` - Liste des icônes
-
-### Ressources
-- Documentation complète des composants
-- Exemples d'utilisation
-- Concepts de base (architecture, data binding)
-- Exemples pratiques
-
-## 🎨 Exemples d'utilisation
-
-Les deux versions génèrent le même code :
-
-```html
-<!-- Bouton avec icône -->
-<sonic-button type="primary" size="lg">
-  <sonic-icon library="core" name="check" slot="prefix"></sonic-icon>
-  Valider
-</sonic-button>
-
-<!-- Formulaire complet -->
-<div formDataProvider="userForm">
-  <sonic-fieldset label="Informations">
-    <sonic-form-layout>
-      <sonic-input name="email" type="email" label="Email" required></sonic-input>
-      <sonic-input name="password" type="password" label="Mot de passe" required></sonic-input>
-    </sonic-form-layout>
-  </sonic-fieldset>
-  <sonic-form-actions>
-    <sonic-button type="primary">Connexion</sonic-button>
-  </sonic-form-actions>
-</div>
-```
-
-## 🔄 Migration entre versions
-
-Si vous voulez changer de version :
-
-1. **Arrêter Cursor**
-2. **Modifier la configuration** dans settings.json
-3. **Redémarrer Cursor**
-4. **Tester** avec les commandes de test
-
-## 🏆 Conclusion
-
-Les deux versions sont parfaitement fonctionnelles et offrent les mêmes capacités. Le choix dépend principalement de vos préférences :
-
-- **Python** : Plus universel, plus lourd
-- **Node.js** : Plus rapide, plus léger, mieux intégré
-
-Les deux versions permettent à l'IA de Cursor d'avoir un accès complet et intelligent à toute la documentation et au code du framework Concorde ! 🎉