Fix remaining out of date dependencies. TAG=agy

case_studies/wcbgb/library/package.json

@@ -49,7 +49,7 @@
     "@typescript-eslint/eslint-plugin": "^8.16.0",
     "babel-jest": "^29.7.0",
     "colors": "^1.4.0",
-    "diff": "^8.0.3",
+    "diff": "^9.0.0",
     "ts-node": "^10.9.2"
   },
   "lint-staged": {

case_studies/wcbgb/package.json

@@ -56,6 +56,19 @@
     "rollup": "^4.59.0",
     "vite": {
       "rollup": "^4.59.0"
-    }
+    },
+    "uuid": "^11.1.1",
+    "sockjs": "^0.3.24",
+    "gaxios": "^7.1.4",
+    "picomatch": "^4.0.4",
+    "@angular/core": "19.2.25",
+    "@angular/common": "19.2.25",
+    "@angular/compiler": "19.2.25",
+    "@angular/ssr": "19.2.27",
+    "@angular-devkit/build-angular": "19.2.27",
+    "serialize-javascript": "^7.0.5",
+    "ajv": "^8.20.0",
+    "webpack-dev-server": "^5.2.4",
+    "postcss": "^8.5.15"
   }
 }

case_studies/wcbgb/visualization-library/src/index.js

@@ -1,10 +1,12 @@
 import "./assets/fonts/fonts.css";
 import "./sensemaker-chart.js";
 
-// Export the custom element for TypeScript support
-export const SensemakerChart = customElements.get("sensemaker-chart");
+// Export the custom element for TypeScript support - safe for Node
+export const SensemakerChart = (typeof customElements !== "undefined")
+  ? customElements.get("sensemaker-chart")
+  : null;
 
-// Auto-register the component if not already registered
-if (!customElements.get("sensemaker-chart")) {
+// Auto-register the component if not already registered - safe for Node
+if (typeof customElements !== "undefined" && !customElements.get("sensemaker-chart")) {
   customElements.define("sensemaker-chart", SensemakerChart);
 }

case_studies/wcbgb/visualization-library/src/sensemaker-chart.js

@@ -30,7 +30,7 @@ const defaultTheme = {
   fontFamily: "Noto Sans",
 };
 
-class SensemakerChart extends HTMLElement {
+class SensemakerChart extends (typeof HTMLElement !== "undefined" ? HTMLElement : class {}) {
   static get observedAttributes() {
     return [
       "data-source",

case_studies/wcbgb/web-ui/angular.json

@@ -37,10 +37,10 @@
             ],
             "scripts": [],
             "server": "src/main.server.ts",
-            "prerender": true,
-            "ssr": {
-              "entry": "server.ts"
-            }
+            "prerender": false
+            // "ssr": {
+            //   "entry": "server.ts"
+            // }
           },
           "configurations": {
             "production": {

case_studies/wcbgb/web-ui/package.json

@@ -13,31 +13,31 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "18.2.13",
-    "@angular/cdk": "18.2.13",
-    "@angular/common": "19.2.16",
-    "@angular/compiler": "18.2.13",
-    "@angular/core": "18.2.13",
-    "@angular/forms": "18.2.13",
-    "@angular/material": "18.2.13",
-    "@angular/platform-browser": "18.2.13",
-    "@angular/platform-browser-dynamic": "18.2.13",
-    "@angular/platform-server": "19.2.22",
-    "@angular/router": "18.2.13",
-    "@angular/ssr": "19.2.25",
+    "@angular/animations": "19.2.25",
+    "@angular/cdk": "19.2.19",
+    "@angular/common": "19.2.25",
+    "@angular/compiler": "19.2.25",
+    "@angular/core": "19.2.25",
+    "@angular/forms": "19.2.25",
+    "@angular/material": "19.2.19",
+    "@angular/platform-browser": "19.2.25",
+    "@angular/platform-browser-dynamic": "19.2.25",
+    "@angular/platform-server": "19.2.25",
+    "@angular/router": "19.2.25",
+    "@angular/ssr": "19.2.27",
     "@conversationai/sensemaker-visualizations": "^1.0.46",
     "@sinclair/typebox": "^0.34.27",
     "express": "^4.22.2",
-    "ngx-markdown": "^18.0.0",
+    "ngx-markdown": "^19.0.0",
     "papaparse": "^5.4.1",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
-    "zone.js": "~0.14.3"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "18.2.13",
-    "@angular/cli": "21.2.12",
-    "@angular/compiler-cli": "18.2.13",
+    "@angular-devkit/build-angular": "19.2.27",
+    "@angular/cli": "19.2.27",
+    "@angular/compiler-cli": "19.2.25",
     "@types/express": "^4.17.17",
     "@types/jasmine": "~5.1.0",
     "@types/node": "^18.18.0",

case_studies/wcbgb/web-ui/server.ts

@@ -1,5 +1,5 @@
 import { APP_BASE_HREF } from '@angular/common';
-import { CommonEngine } from '@angular/ssr';
+import { CommonEngine } from '@angular/ssr/node';
 import express from 'express';
 import { fileURLToPath } from 'node:url';
 import { dirname, join, resolve } from 'node:path';
@@ -41,7 +41,7 @@ export function app(): express.Express {
         providers: [{ provide: APP_BASE_HREF, useValue: baseUrl }],
       })
       .then((html) => res.send(html))
-      .catch((err) => next(err));
+      .catch((err: unknown) => next(err));
   });
 
   return server;

case_studies/wcbgb/web-ui/src/app/app.config.ts

@@ -14,6 +14,5 @@ export const appConfig: ApplicationConfig = {
     provideRouter(routes),
     provideClientHydration(),
     provideAnimationsAsync(),
-    provideAnimationsAsync(),
   ],
 };

case_studies/wcbgb/web-ui/src/app/directives/custom-tooltip/custom-tooltip.directive.spec.ts

@@ -6,6 +6,8 @@ import { CustomTooltipDirective } from './custom-tooltip.directive';
 
 // test host component
 @Component({
+  standalone: true,
+  imports: [CustomTooltipDirective],
   template: `
     <div [customTooltip]="tooltipTemplate">Host element</div>
     <ng-template #tooltipTemplate>Tooltip content</ng-template>
@@ -20,8 +22,7 @@ describe('CustomTooltipDirective', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [CustomTooltipDirective],
-      declarations: [TestComponent],
+      imports: [TestComponent],
       providers: [Overlay],
     }).compileComponents();