Add detailed comments explaining UMD export structure and plugin registration

Co-authored-by: MathiasVDA <[email protected]>

Author: Copilot

src/App.js

@@ -5,15 +5,17 @@ import GeoPlugin from "yasgui-geo-tg";
 export default function App() {
   useEffect(() => {
     // Yasgui is loaded from public/yasgui/yasgui.min.js and is available as a global variable
-    // The UMD build exports the constructor as window.Yasgui.default or window.Yasgui.Yasgui
+    // The UMD build exports the constructor at window.Yasgui.default (ES6 default export)
+    // or window.Yasgui.Yasgui (named export). This handles both export patterns.
     const Yasgui = window.Yasgui?.default || window.Yasgui?.Yasgui;
 
     if (!Yasgui) {
       console.error("Failed to load Yasgui library. Please ensure yasgui.min.js is properly loaded.");
       return;
     }
 
-    // Register the geo plugin
+    // Register the geo plugin if Yasr (result renderer) is available
+    // Yasr is a sub-component of Yasgui that handles result visualization
     if (Yasgui.Yasr) {
       Yasgui.Yasr.registerPlugin("geo", GeoPlugin);
     }