@cosla/sensemaking-web-ui 1.0.4 → 1.0.5

package/data/comments.json

@@ -1,34 +1,142 @@
 [
   {
-    "id": "0",
-    "text": "Comment text",
+    "id": "item_24",
+    "text": "Title for locale en\n\n<p>Description for locale en</p>",
     "votes": {
-      "Group-1": {
-        "agreeCount": 0,
-        "disagreeCount": 0,
-        "passCount": 0
-      },
-      "Group-2": {
-        "agreeCount": 0,
-        "disagreeCount": 0,
-        "passCount": 0
-      },
-      "Group-none": {
-        "agreeCount": 0,
-        "disagreeCount": 0,
-        "passCount": 0
-      }
+      "agreeCount": 1,
+      "disagreeCount": 0,
+      "passCount": 0
     },
-    "topics": "Topic:Subtopic",
+    "topics": "Placeholder Content:Generic Content",
     "passRate": 0,
-    "agreeRate": 0,
+    "agreeRate": 1,
     "disagreeRate": 0,
-    "isHighAlignment": true,
-    "highAlignmentScore": 0,
+    "isHighAlignment": false,
+    "highAlignmentScore": 1,
     "isLowAlignment": false,
     "lowAlignmentScore": 0,
     "isHighUncertainty": false,
     "highUncertaintyScore": 0,
-    "isFilteredOut": false
+    "isFilteredOut": true
+  },
+  {
+    "id": "item_51",
+    "text": "Title for locale en\n\n<p>Description for locale en</p>",
+    "votes": {
+      "agreeCount": 1,
+      "disagreeCount": 0,
+      "passCount": 0
+    },
+    "topics": "Placeholder Content:Generic Content",
+    "passRate": 0,
+    "agreeRate": 1,
+    "disagreeRate": 0,
+    "isHighAlignment": false,
+    "highAlignmentScore": 1,
+    "isLowAlignment": false,
+    "lowAlignmentScore": 0,
+    "isHighUncertainty": false,
+    "highUncertaintyScore": 0,
+    "isFilteredOut": true
+  },
+  {
+    "id": "item_54",
+    "text": "Title for locale en\n\n<p>Description for locale en</p>",
+    "votes": {
+      "agreeCount": 1,
+      "disagreeCount": 0,
+      "passCount": 0
+    },
+    "topics": "Placeholder Content:Generic Content",
+    "passRate": 0,
+    "agreeRate": 1,
+    "disagreeRate": 0,
+    "isHighAlignment": false,
+    "highAlignmentScore": 1,
+    "isLowAlignment": false,
+    "lowAlignmentScore": 0,
+    "isHighUncertainty": false,
+    "highUncertaintyScore": 0,
+    "isFilteredOut": true
+  },
+  {
+    "id": "item_59",
+    "text": "Title for locale en\n\n<p>Description for locale en</p>",
+    "votes": {
+      "agreeCount": 1,
+      "disagreeCount": 0,
+      "passCount": 0
+    },
+    "topics": "Placeholder Content:Generic Content",
+    "passRate": 0,
+    "agreeRate": 1,
+    "disagreeRate": 0,
+    "isHighAlignment": false,
+    "highAlignmentScore": 1,
+    "isLowAlignment": false,
+    "lowAlignmentScore": 0,
+    "isHighUncertainty": false,
+    "highUncertaintyScore": 0,
+    "isFilteredOut": true
+  },
+  {
+    "id": "item_60",
+    "text": "Title for locale en\n\n<p>Description for locale en</p>",
+    "votes": {
+      "agreeCount": 1,
+      "disagreeCount": 0,
+      "passCount": 0
+    },
+    "topics": "Placeholder Content:Generic Content",
+    "passRate": 0,
+    "agreeRate": 1,
+    "disagreeRate": 0,
+    "isHighAlignment": false,
+    "highAlignmentScore": 1,
+    "isLowAlignment": false,
+    "lowAlignmentScore": 0,
+    "isHighUncertainty": false,
+    "highUncertaintyScore": 0,
+    "isFilteredOut": true
+  },
+  {
+    "id": "item_65",
+    "text": "Title for locale en\n\n<p>Description for locale en</p>",
+    "votes": {
+      "agreeCount": 1,
+      "disagreeCount": 0,
+      "passCount": 0
+    },
+    "topics": "Placeholder Content:Generic Content",
+    "passRate": 0,
+    "agreeRate": 1,
+    "disagreeRate": 0,
+    "isHighAlignment": false,
+    "highAlignmentScore": 1,
+    "isLowAlignment": false,
+    "lowAlignmentScore": 0,
+    "isHighUncertainty": false,
+    "highUncertaintyScore": 0,
+    "isFilteredOut": true
+  },
+  {
+    "id": "item_92",
+    "text": "Title for locale en\n\n<p>Description for locale en</p>",
+    "votes": {
+      "agreeCount": 1,
+      "disagreeCount": 0,
+      "passCount": 0
+    },
+    "topics": "Placeholder Content:Generic Content",
+    "passRate": 0,
+    "agreeRate": 1,
+    "disagreeRate": 0,
+    "isHighAlignment": false,
+    "highAlignmentScore": 1,
+    "isLowAlignment": false,
+    "lowAlignmentScore": 0,
+    "isHighUncertainty": false,
+    "highUncertaintyScore": 0,
+    "isFilteredOut": true
   }
-]
+]

package/data/metadata.json

@@ -1,3 +1,3 @@
 {
-  "title": "My built report"
-}
+  "title": "My Titlez"
+}

package/data/summary.json

@@ -1,9 +1,202 @@
 {
   "contents": [
+    {
+      "title": "## Introduction",
+      "text": "This report summarizes the results of public input, encompassing:\n * __7 statements__\n * __7 votes__\n * 1 topics\n * 1 subtopics\n\nAll voters were anonymous."
+    },
+    {
+      "title": "## Overview",
+      "text": "Below is a high level overview of the topics discussed in the conversation, as well as the percentage of statements categorized under each topic. Note that the percentages may add up to greater than 100% when statements fall under more than one topic.\n\n*   **Placeholder Content (100%):** The conversation on this topic revealed that all submitted statements were identical, generic placeholder text, specifically \"Title for locale en\" and \"Description for locale en,\" indicating a repetitive structure and a complete absence of concrete details. The consistent reference to \"locale en\" within these statements suggests a system designed for internationalization."
+    },
+    {
+      "title": "## Top 1 Most Discussed Subtopics",
+      "text": "1 subtopics of discussion emerged. These 1 subtopics had the most statements submitted.",
+      "subContents": [
+        {
+          "title": "### 1. Generic Content (7 statements)",
+          "text": "",
+          "subContents": [
+            {
+              "title": "Prominent themes were:",
+              "text": "* Generic content\n* Placeholder text"
+            }
+          ]
+        }
+      ]
+    },
     {
       "title": "## Topics",
-      "text": "",
-      "subContents": []
+      "text": "From the statements submitted, 1 high level topics were identified, as well as 1 subtopics. Based on voting patterns both points of common ground as well as differences of opinion have been identified and are described below.\n",
+      "subContents": [
+        {
+          "title": "### Placeholder Content (7 statements)",
+          "text": "This topic included 1 subtopic, comprising a total of 7 statements.",
+          "subContents": [
+            {
+              "title": "#### Generic Content (7 statements)",
+              "text": "This subtopic had high alignment compared to the other subtopics.",
+              "subContents": [
+                {
+                  "title": "Prominent themes were: ",
+                  "text": "*   **Generic Placeholder Content**: All statements uniformly present generic placeholder text, specifically \"Title for locale en\" and \"Description for locale en\".\n*   **Identical Statement Repetition**: Every single statement provided is an exact duplicate of the others, indicating a repetitive structure or placeholder data.\n*   **Absence Of Specific Information**: The statements conspicuously lack any concrete details, proposals, or substantive content beyond their placeholder labels.\n*   **Locale-Specific Labeling**: Each statement explicitly references \"locale en\" for both its title and description, suggesting a system designed for internationalization or localization."
+                },
+                {
+                  "title": "Common ground: ",
+                  "text": "No statements met the thresholds necessary to be considered as a point of common ground (at least 20 votes, and at least 70% agreement).",
+                  "citations": []
+                },
+                {
+                  "title": "Differences of opinion: ",
+                  "text": "No statements met the thresholds necessary to be considered as a significant difference of opinion (at least 20 votes, and both an agreement rate and disagree rate between 40%% and 60%%).",
+                  "citations": []
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "comments": [
+    {
+      "text": "Title for locale en\n\n<p>Description for locale en</p>",
+      "id": "item_24",
+      "voteInfo": {
+        "agreeCount": 1,
+        "disagreeCount": 0,
+        "passCount": 0
+      },
+      "topics": [
+        {
+          "name": "Placeholder Content",
+          "subtopics": [
+            {
+              "name": "Generic Content",
+              "subtopics": []
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "text": "Title for locale en\n\n<p>Description for locale en</p>",
+      "id": "item_51",
+      "voteInfo": {
+        "agreeCount": 1,
+        "disagreeCount": 0,
+        "passCount": 0
+      },
+      "topics": [
+        {
+          "name": "Placeholder Content",
+          "subtopics": [
+            {
+              "name": "Generic Content",
+              "subtopics": []
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "text": "Title for locale en\n\n<p>Description for locale en</p>",
+      "id": "item_54",
+      "voteInfo": {
+        "agreeCount": 1,
+        "disagreeCount": 0,
+        "passCount": 0
+      },
+      "topics": [
+        {
+          "name": "Placeholder Content",
+          "subtopics": [
+            {
+              "name": "Generic Content",
+              "subtopics": []
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "text": "Title for locale en\n\n<p>Description for locale en</p>",
+      "id": "item_59",
+      "voteInfo": {
+        "agreeCount": 1,
+        "disagreeCount": 0,
+        "passCount": 0
+      },
+      "topics": [
+        {
+          "name": "Placeholder Content",
+          "subtopics": [
+            {
+              "name": "Generic Content",
+              "subtopics": []
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "text": "Title for locale en\n\n<p>Description for locale en</p>",
+      "id": "item_60",
+      "voteInfo": {
+        "agreeCount": 1,
+        "disagreeCount": 0,
+        "passCount": 0
+      },
+      "topics": [
+        {
+          "name": "Placeholder Content",
+          "subtopics": [
+            {
+              "name": "Generic Content",
+              "subtopics": []
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "text": "Title for locale en\n\n<p>Description for locale en</p>",
+      "id": "item_65",
+      "voteInfo": {
+        "agreeCount": 1,
+        "disagreeCount": 0,
+        "passCount": 0
+      },
+      "topics": [
+        {
+          "name": "Placeholder Content",
+          "subtopics": [
+            {
+              "name": "Generic Content",
+              "subtopics": []
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "text": "Title for locale en\n\n<p>Description for locale en</p>",
+      "id": "item_92",
+      "voteInfo": {
+        "agreeCount": 1,
+        "disagreeCount": 0,
+        "passCount": 0
+      },
+      "topics": [
+        {
+          "name": "Placeholder Content",
+          "subtopics": [
+            {
+              "name": "Generic Content",
+              "subtopics": []
+            }
+          ]
+        }
+      ]
     }
   ]
-}
+}

package/data/topic-stats.json

@@ -1,18 +1,18 @@
 [
   {
-    "name": "Topic 1",
-    "commentCount": 0,
-    "voteCount": 0,
-    "relativeAlignment": "moderately high alignment",
+    "name": "Placeholder Content",
+    "commentCount": 7,
+    "voteCount": 7,
+    "relativeAlignment": "high alignment",
     "relativeEngagement": "high engagement",
     "subtopicStats": [
       {
-        "name": "Subtopic 1",
-        "commentCount": 0,
-        "voteCount": 0,
-        "relativeAlignment": "moderately low alignment",
+        "name": "Generic Content",
+        "commentCount": 7,
+        "voteCount": 7,
+        "relativeAlignment": "high alignment",
         "relativeEngagement": "high engagement"
       }
     ]
   }
-]
+]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosla/sensemaking-web-ui",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Provides interactive visualizations and report from sensemaking-tools output. Fork of Jigsaw's sensemaking-tools web-ui (https://github.com/Jigsaw-Code/sensemaking-tools).",
   "homepage": "https://github.com/CoslaDigital/sensemaking-tools#readme",
   "scripts": {
@@ -50,33 +50,32 @@
     "access": "public"
   },
   "dependencies": {
-    "@angular/animations": "18.2.13",
-    "@angular/cdk": "18.2.13",
-    "@angular/common": "18.2.13",
-    "@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": "18.2.13",
-    "@angular/router": "18.2.13",
-    "@angular/ssr": "18.2.13",
+    "@angular/animations": "19.2.18",
+    "@angular/cdk": "^19.2.19",
+    "@angular/common": "19.2.18",
+    "@angular/compiler": "19.2.18",
+    "@angular/core": "19.2.18",
+    "@angular/forms": "19.2.18",
+    "@angular/material": "^19.2.19",
+    "@angular/platform-browser": "19.2.18",
+    "@angular/platform-browser-dynamic": "19.2.18",
+    "@angular/platform-server": "19.2.18",
+    "@angular/router": "19.2.18",
+    "@angular/ssr": "19.2.19",
     "@conversationai/sensemaker-visualizations": "^1.0.46",
     "@sinclair/typebox": "^0.34.27",
     "esbuild": "^0.23.0",
     "express": "^4.18.2",
-    "jsdom": "^26.1.0",
-    "ngx-markdown": "^18.0.0",
+    "ngx-markdown": "^19.1.1",
     "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": "18.2.13",
-    "@angular/compiler-cli": "18.2.13",
+    "@angular-devkit/build-angular": "19.2.19",
+    "@angular/cli": "19.2.19",
+    "@angular/compiler-cli": "19.2.18",
     "@types/express": "^4.17.17",
     "@types/jasmine": "~5.1.0",
     "@types/node": "^18.18.0",

package/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';

package/src/app/app.component.ts

@@ -3,13 +3,12 @@ import { MatIconRegistry } from "@angular/material/icon";
 import { RouterOutlet } from '@angular/router';
 
 @Component({
-  selector: 'app-root',
-  standalone: true,
-  imports: [
-    RouterOutlet,
-  ],
-  templateUrl: './app.component.html',
-  styleUrl: './app.component.scss',
+    selector: 'app-root',
+    imports: [
+        RouterOutlet,
+    ],
+    templateUrl: './app.component.html',
+    styleUrl: './app.component.scss'
 })
 export class AppComponent {
   constructor(private matIconRegistry: MatIconRegistry) {

package/src/app/app.config.ts

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

package/src/app/components/dialog/dialog.component.ts

@@ -12,16 +12,15 @@ type DialogData = {
 };
 
 @Component({
-  selector: 'app-dialog',
-  standalone: true,
-  imports: [
-    CommonModule,
-    MatButtonModule,
-    MatDialogModule,
-    MatIconModule,
-  ],
-  templateUrl: './dialog.component.html',
-  styleUrl: './dialog.component.scss'
+    selector: 'app-dialog',
+    imports: [
+        CommonModule,
+        MatButtonModule,
+        MatDialogModule,
+        MatIconModule,
+    ],
+    templateUrl: './dialog.component.html',
+    styleUrl: './dialog.component.scss'
 })
 export class DialogComponent {
   constructor(

package/src/app/components/sensemaking-chart-wrapper/sensemaking-chart-wrapper.component.ts

@@ -10,11 +10,10 @@ import {
 import '@conversationai/sensemaker-visualizations';
 
 @Component({
-  selector: 'app-sensemaking-chart-wrapper',
-  standalone: true,
-  imports: [CommonModule],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-  template: `
+    selector: 'app-sensemaking-chart-wrapper',
+    imports: [CommonModule],
+    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+    template: `
     <div class="chart-container">
       <sensemaker-chart
         #sensemakingChartEl
@@ -26,14 +25,14 @@ import '@conversationai/sensemaker-visualizations';
       ></sensemaker-chart>
     </div>
   `,
-  styles: [
-    `
+    styles: [
+        `
       .chart-container {
         width: 100%;
         height: 100%;
       }
     `,
-  ],
+    ]
 })
 export class SensemakingChartWrapperComponent implements AfterViewInit {
   @ViewChild('sensemakingChartEl') chartElementRef!: ElementRef<

package/src/app/components/statement-card/statement-card.component.ts

@@ -6,15 +6,14 @@ import { CustomTooltipDirective } from "../../directives/custom-tooltip/custom-t
 import { VoteGroup, Statement } from "../../models/report.model";
 
 @Component({
-  selector: 'app-statement-card',
-  standalone: true,
-  imports: [
-    CommonModule,
-    CustomTooltipDirective,
-    OverlayModule,
-  ],
-  templateUrl: './statement-card.component.html',
-  styleUrl: './statement-card.component.scss'
+    selector: 'app-statement-card',
+    imports: [
+        CommonModule,
+        CustomTooltipDirective,
+        OverlayModule,
+    ],
+    templateUrl: './statement-card.component.html',
+    styleUrl: './statement-card.component.scss'
 })
 export class StatementCardComponent implements OnInit {
   @Input() data?: Statement;

package/src/app/directives/custom-tooltip/custom-tooltip.directive.spec.ts

@@ -6,10 +6,11 @@ import { CustomTooltipDirective } from './custom-tooltip.directive';
 
 // test host component
 @Component({
-  template: `
+    template: `
     <div [customTooltip]="tooltipTemplate">Host element</div>
     <ng-template #tooltipTemplate>Tooltip content</ng-template>
   `,
+    standalone: false
 })
 class TestComponent {
   @ViewChild('tooltipTemplate') tooltipTemplate!: TemplateRef<any>;

package/src/app/pages/report/report.component.ts

@@ -65,25 +65,24 @@ importedTopicData.forEach((t: Topic) => {
 });
 
 @Component({
-  selector: 'app-report',
-  standalone: true,
-  imports: [
-    CommonModule,
-    FormsModule,
-    MarkdownModule,
-    MatButtonModule,
-    MatButtonToggleModule,
-    MatDialogModule,
-    MatExpansionModule,
-    MatIconModule,
-    MatSidenavModule,
-    MatTooltipModule,
-    SensemakingChartWrapperComponent,
-    StatementCardComponent,
-  ],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-  templateUrl: './report.component.html',
-  styleUrl: './report.component.scss'
+    selector: 'app-report',
+    imports: [
+        CommonModule,
+        FormsModule,
+        MarkdownModule,
+        MatButtonModule,
+        MatButtonToggleModule,
+        MatDialogModule,
+        MatExpansionModule,
+        MatIconModule,
+        MatSidenavModule,
+        MatTooltipModule,
+        SensemakingChartWrapperComponent,
+        StatementCardComponent,
+    ],
+    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+    templateUrl: './report.component.html',
+    styleUrl: './report.component.scss'
 })
 export class ReportComponent {
   // data sources

package/src/main.server.ts

@@ -1,7 +1,7 @@
-import { bootstrapApplication } from '@angular/platform-browser';
+import { bootstrapApplication, BootstrapContext } from '@angular/platform-browser';
 import { AppComponent } from './app/app.component';
 import { config } from './app/app.config.server';
 
-const bootstrap = () => bootstrapApplication(AppComponent, config);
+const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, config, context);
 
 export default bootstrap;