docs(html-test-app/aggrid): replace cdn with bundled dependency (#1667)

Co-authored-by: Julian Lamplmair <151610373+jul-lam@users.noreply.github.com>
siemens · Jan 29, 2025 · 7e4a748 · 7e4a748
1 parent d28d621
commit 7e4a748
Show file tree

Hide file tree

Showing 3 changed files with 313 additions and 73 deletions.
diff --git a/packages/html-test-app/package.json b/packages/html-test-app/package.json
@@ -20,6 +20,6 @@
     "vite": "^3.1.0"
   },
   "dependencies": {
-    "ag-grid-community": "^32.1.0"
+    "ag-grid-community": "^33.0.4"
   }
 }
diff --git a/packages/html-test-app/src/preview-examples/aggrid.html b/packages/html-test-app/src/preview-examples/aggrid.html
@@ -13,10 +13,6 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>AG Grid example</title>
-    <!-- External resources -->
-    <script src="https://cdn.jsdelivr.net/npm/ag-grid-community@32.1/dist/ag-grid-community.min.js"></script>
-
-    <!-- External resources -->
   </head>
   <body>
     <div
@@ -25,7 +21,20 @@
       class="ag-theme-alpine-dark ag-theme-ix"
     ></div>
 
-    <script>
+    <script type="module">
+      import {
+        AllCommunityModule,
+        ModuleRegistry,
+        provideGlobalGridOptions,
+      } from 'ag-grid-community';
+      import * as agGrid from 'ag-grid-community';
+
+      // Register all community features
+      ModuleRegistry.registerModules([AllCommunityModule]);
+
+      // Mark all grids as using legacy themes
+      provideGlobalGridOptions({ theme: 'legacy' });
+
       (async function () {
         const container = document.querySelector('#grid-container');