@abgov/nx-adsp 13.31.0 → 13.31.2

package/src/generators/vue-intake-view/vue-intake-view.spec.ts

@@ -92,8 +92,12 @@ describe('Vue Intake View Generator', () => {
     expect(step1).toContain(
       "import { Stepper, StepErrorSummary, GoabInput } from '@proj/vue-components';",
     );
-    expect(step1).toContain("{ key: 'personal-info', label: 'Personal information' }");
-    expect(step1).toContain("{ key: 'contact-info', label: 'Contact information' }");
+    expect(step1).toContain(
+      "{ key: 'personal-info', label: 'Personal information' }",
+    );
+    expect(step1).toContain(
+      "{ key: 'contact-info', label: 'Contact information' }",
+    );
     // Own step is 'incomplete' when active and not yet completed, per the real
     // goa-form-step status enum (complete/incomplete/not-started -- no "current").
     expect(step1).toContain("step.key === 'personal-info'");
@@ -125,13 +129,19 @@ describe('Vue Intake View Generator', () => {
   it('generates a review view listing every step with an Edit link, and a declaration gate on Submit', async () => {
     await generator(host, baseOptions);
 
-    const review = host.read('apps/test/src/views/ApplicationReviewView.vue').toString();
+    const review = host
+      .read('apps/test/src/views/ApplicationReviewView.vue')
+      .toString();
     expect(review).toContain("editStep('personal-info')");
     expect(review).toContain("editStep('contact-info')");
     expect(review).toContain("record['fullName'] ?? '—'");
     expect(review).toContain("record['email'] ?? '—'");
-    expect(review).toContain(':disabled="!declared || submitting || undefined"');
-    expect(review).toContain("await action('applications', idParam.value, 'submit')");
+    expect(review).toContain(
+      ':disabled="!declared || submitting || undefined"',
+    );
+    expect(review).toContain(
+      "await action('applications', idParam.value, 'submit')",
+    );
     expect(review).not.toContain('apiFetch');
     expect(review).toContain('watch(idParam, load, { immediate: true })');
     expect(review).not.toContain('onMounted(');
@@ -175,8 +185,12 @@ describe('Vue Intake View Generator', () => {
       const step = host
         .read('apps/test/src/views/DetailsStepView.vue')
         .toString();
-      expect(step).toContain("count: form.count === '' ? null : Number(form.count)");
-      expect(step).toContain('occurred: toIsoDateString(form.occurred) || null');
+      expect(step).toContain(
+        "count: form.count === '' ? null : Number(form.count)",
+      );
+      expect(step).toContain(
+        'occurred: toIsoDateString(form.occurred) || null',
+      );
       expect(step).toContain("fromIsoDateString(data['occurred'])");
     });
 
@@ -210,12 +224,39 @@ describe('Vue Intake View Generator', () => {
     });
   });
 
-  it('generates a confirmation view showing the reference number', async () => {
+  // The previous version of this test asserted `{{ route.params.id }}` -- it
+  // encoded the defect rather than the requirement, so the confirmation page
+  // shipped presenting the storage id as "your reference number" ("Your
+  // reference number is 1001" in a real build).
+  it('generates a confirmation view showing the business reference, not the route id', async () => {
     await generator(host, baseOptions);
     const confirmation = host
       .read('apps/test/src/views/ApplicationConfirmationView.vue')
       .toString();
-    expect(confirmation).toContain('{{ route.params.id }}');
+    // Fetches the record and reads the reference field off it.
+    expect(confirmation).toContain("record.value?.['reference']");
+    expect(confirmation).toContain("{{ loading ? '…' : reference }}");
+    // The route id survives only as a fallback, never as the presented value.
+    expect(confirmation).not.toContain('{{ route.params.id }}');
+  }, 30000);
+
+  it('honours --referenceField', async () => {
+    await generator(host, { ...baseOptions, referenceField: 'claimNumber' });
+    expect(
+      host
+        .read('apps/test/src/views/ApplicationConfirmationView.vue')
+        .toString(),
+    ).toContain("record.value?.['claimNumber']");
+  }, 30000);
+
+  it('gives the confirmation page an h1 and a route out of the flow', async () => {
+    await generator(host, baseOptions);
+    const confirmation = host
+      .read('apps/test/src/views/ApplicationConfirmationView.vue')
+      .toString();
+    expect(confirmation).toContain('<h1');
+    expect(confirmation).toContain('What happens next');
+    expect(confirmation).toContain('<router-link to="/">');
   }, 30000);
 
   it('inserts a route for every step plus review and confirmation, requiring auth by default', async () => {
@@ -235,9 +276,7 @@ describe('Vue Intake View Generator', () => {
     expect(routerTs).toContain(
       "component: () => import('../views/ApplicationConfirmationView.vue')",
     );
-    expect(
-      routerTs.split('requiresAuth: true').length - 1,
-    ).toBe(4);
+    expect(routerTs.split('requiresAuth: true').length - 1).toBe(4);
     // The existing route is untouched, not replaced.
     expect(routerTs).toContain("{ path: '/', component: HomeView }");
   }, 30000);
@@ -274,4 +313,66 @@ describe('Vue Intake View Generator', () => {
     const after = readProjectConfiguration(host, 'test');
     expect(after).toEqual(before);
   }, 30000);
+
+  // The check-your-answers page exists so the person can read back what they
+  // entered; a stored code ('cattle-mature', 'northwest') is not that. The
+  // generator is handed the label for every option and used to discard it.
+  it('renders coded answers as labels on the review page', async () => {
+    await generator(host, {
+      ...baseOptions,
+      steps: [
+        {
+          key: 'losses',
+          label: 'Losses',
+          fields: [
+            {
+              key: 'species',
+              label: 'Species',
+              type: 'select',
+              options: [{ value: 'cattle-mature', label: 'Cattle (mature)' }],
+            },
+          ],
+        },
+      ],
+    });
+    const review = host
+      .read('apps/test/src/views/ApplicationReviewView.vue')
+      .toString();
+    expect(review).toContain(
+      "optionLabel(fieldOptions['species'], record['species'])",
+    );
+    expect(review).toContain('Cattle (mature)');
+  }, 30000);
+
+  it('spaces stacked form items in each step', async () => {
+    await generator(host, baseOptions);
+    const step = host
+      .read('apps/test/src/views/PersonalInfoStepView.vue')
+      .toString();
+    // Counted per tag rather than as a contiguous string: formatFiles reflows a
+    // multi-attribute tag across lines, so `<goa-form-item mb="l"` is not a
+    // reliable substring.
+    const tags = step
+      .split('<goa-form-item')
+      .slice(1)
+      .map((fragment) => fragment.slice(0, fragment.indexOf('>')));
+    expect(tags.length).toBeGreaterThan(0);
+    for (const tag of tags) {
+      expect(tag).toContain('mb="l"');
+    }
+  }, 30000);
+
+  // Regression: the review page's <dl> was unstyled, so terms and values stacked
+  // flush -- every answer ran into the next on the page whose entire purpose is
+  // being read back before submitting. vue-detail-view already styled its
+  // equivalent list; this is the same fix, not a new idea.
+  it('gives the review page label/value list real spacing', async () => {
+    await generator(host, baseOptions);
+    const review = host
+      .read('apps/test/src/views/ApplicationReviewView.vue')
+      .toString();
+    expect(review).toContain('<dl class="review-fields">');
+    expect(review).toContain('grid-template-columns: auto 1fr');
+    expect(review).toContain('gap: var(--goa-space-xs) var(--goa-space-l)');
+  }, 30000);
 });

package/src/generators/vue-workspace-view/files/src/views/__viewFileName__.vue__tmpl__

@@ -7,7 +7,23 @@ import {
 <% } -%>
   formatCurrency,
   formatDate,
+<% if (hasCodedColumns || hasBadgeColumns) { -%>
+  optionLabel,
+<% } -%>
+<% if (hasBadgeColumns) { -%>
+  badgeType,
+<% } -%>
+} from '<%= goaImportPath %>';
+<% if (hasCodedColumns || hasBadgeColumns) { -%>
+import type {
+<% if (hasCodedColumns || hasBadgeColumns) { -%>
+  DisplayOption,
+<% } -%>
+<% if (hasBadgeColumns) { -%>
+  BadgeType,
+<% } -%>
 } from '<%= goaImportPath %>';
+<% } -%>
 import { useApi } from '../composables/useApi';
 
 const { list } = useApi();
@@ -17,6 +33,31 @@ const columns = [
   { key: '<%= column.key %>', label: '<%= column.label %>', sortable: <%= !!column.sortable %> },
 <% }); -%>
 ];
+<% if (hasCodedColumns || hasBadgeColumns) { -%>
+
+// Value -> label for coded columns, so the table shows 'Cattle (mature)' rather
+// than the stored 'cattle-mature'. Keyed by column so one lookup covers them all.
+const columnOptions: Record<string, DisplayOption[]> = {
+<% columns.forEach(function (column) { -%>
+<% if (column.options && column.options.length) { -%>
+  '<%= column.key %>': <%- JSON.stringify(column.options) %>,
+<% } -%>
+<% }); -%>
+};
+<% } -%>
+<% if (hasBadgeColumns) { -%>
+
+// Value -> badge type, so a status carries the right colour. Anything unmapped
+// falls back to the neutral 'information' rather than being asserted as good or
+// bad.
+const columnBadgeTypes: Record<string, Record<string, BadgeType>> = {
+<% columns.forEach(function (column) { -%>
+<% if (column.type === 'badge') { -%>
+  '<%= column.key %>': <%- JSON.stringify(column.badgeMap || {}) %>,
+<% } -%>
+<% }); -%>
+};
+<% } -%>
 
 // The fetched rows' shape isn't known to this generator -- read fields
 // defensively rather than declaring (and likely getting wrong) a fake interface.
@@ -186,7 +227,14 @@ onUnmounted(() => {
 <% columns.forEach(function (column) { -%>
 <% if (column.type === 'badge') { -%>
       <template #cell-<%= column.key %>="{ row }">
-        <goa-badge type="information" :content="String(row['<%= column.key %>'] ?? '—')" />
+        <goa-badge
+          :type="badgeType(columnBadgeTypes['<%= column.key %>'], row['<%= column.key %>'])"
+          :content="optionLabel(columnOptions['<%= column.key %>'], row['<%= column.key %>'])"
+        />
+      </template>
+<% } else if (column.options && column.options.length) { -%>
+      <template #cell-<%= column.key %>="{ row }">
+        {{ optionLabel(columnOptions['<%= column.key %>'], row['<%= column.key %>']) }}
       </template>
 <% } else if (column.type === 'date') { -%>
       <template #cell-<%= column.key %>="{ row }">

package/src/generators/vue-workspace-view/schema.d.ts

@@ -3,6 +3,26 @@ export interface WorkspaceViewColumn {
   label: string;
   type?: 'text' | 'date' | 'currency' | 'badge';
   sortable?: boolean;
+  /**
+   * Value -> label for a coded column. Supply this whenever the stored value is
+   * a code rather than prose, or the table renders the raw code.
+   */
+  options?: { value: string; label: string }[];
+  /**
+   * `badge` only. Value -> goa-badge type, e.g.
+   * `{ approved: 'success', declined: 'emergency' }`. Unmapped values render
+   * neutral.
+   */
+  badgeMap?: Record<
+    string,
+    | 'information'
+    | 'success'
+    | 'important'
+    | 'emergency'
+    | 'dark'
+    | 'midtone'
+    | 'light'
+  >;
 }
 
 export interface WorkspaceViewFilter {
@@ -32,6 +52,8 @@ export interface Schema {
   heading?: string;
   pageSize?: number;
   filterable?: boolean;
+  /** Ionicon name for the side-menu entry. Defaults per generator. */
+  icon?: string;
   requiresAuth?: boolean;
 }
 

package/src/generators/vue-workspace-view/schema.json

@@ -25,7 +25,7 @@
     },
     "resource": {
       "type": "string",
-      "description": "API resource path segment -- the view fetches /api/<resource>?page=&limit=&search=&sortBy=&sortDir=."
+      "description": "API resource path segment -- the view fetches /api/v1/<resource>?page=&limit=&search=&sortBy=&sortDir=."
     },
     "route": {
       "type": "string",
@@ -33,7 +33,7 @@
     },
     "columns": {
       "type": "string",
-      "description": "JSON array of table columns, in display order -- e.g. '[{\"key\":\"status\",\"label\":\"Status\",\"type\":\"badge\",\"sortable\":true}]'. Each item: { key, label, type?: \"text\"|\"date\"|\"currency\"|\"badge\" (default \"text\"), sortable?: boolean }. A plain array is also accepted when this generator is invoked programmatically. Nx's CLI option coercion only supports comma-separated primitive lists for array-typed schema properties, not JSON -- a JSON string is the only CLI syntax that actually survives Nx's own arg parsing for a structured list like this."
+      "description": "JSON array of table columns, in display order -- e.g. '[{\"key\":\"status\",\"label\":\"Status\",\"type\":\"badge\",\"sortable\":true}]'. Each item: { key, label, type?: \"text\"|\"date\"|\"currency\"|\"badge\" (default \"text\"), sortable?: boolean, options?: [{value,label}], badgeMap?: {value: badgeType} }. Supply `options` for any column whose stored value is a code, or the table renders the raw code. Supply `badgeMap` on a `badge` column to give each status its colour (e.g. {\"approved\":\"success\",\"declined\":\"emergency\"}); unmapped values render neutral. A plain array is also accepted when this generator is invoked programmatically. Nx's CLI option coercion only supports comma-separated primitive lists for array-typed schema properties, not JSON -- a JSON string is the only CLI syntax that actually survives Nx's own arg parsing for a structured list like this."
     },
     "filters": {
       "type": "string",
@@ -57,18 +57,17 @@
       "description": "Whether to generate a debounced search input above the table.",
       "default": true
     },
+    "icon": {
+      "type": "string",
+      "description": "Ionicon name for the generated side-menu entry, e.g. `list`. goa-work-side-menu-item renders a blank item without one.",
+      "default": "list"
+    },
     "requiresAuth": {
       "type": "boolean",
       "description": "Whether the generated route requires authentication.",
       "default": true
     }
   },
-  "required": [
-    "project",
-    "name",
-    "resource",
-    "route",
-    "columns"
-  ],
+  "required": ["project", "name", "resource", "route", "columns"],
   "additionalProperties": false
 }

package/src/generators/vue-workspace-view/vue-workspace-view.js

@@ -51,11 +51,16 @@ function normalizeOptions(host, options) {
 }
 function default_1(host, options) {
     return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        var _a;
         const normalizedOptions = normalizeOptions(host, options);
         // Idempotent -- ensures WorkspaceTable exists even in a project scaffolded
         // before vue-components carried it.
         yield (0, vue_components_1.default)(host);
-        (0, devkit_1.generateFiles)(host, path.join(__dirname, 'files'), normalizedOptions.projectRoot, Object.assign(Object.assign({}, normalizedOptions), { goaImportPath: (0, vue_components_1.vueComponentsImportPath)(host), tmpl: '' }));
+        (0, devkit_1.generateFiles)(host, path.join(__dirname, 'files'), normalizedOptions.projectRoot, Object.assign(Object.assign({}, normalizedOptions), { goaImportPath: (0, vue_components_1.vueComponentsImportPath)(host), 
+            // Derived here rather than tested inline in the template: EJS throws a
+            // ReferenceError on a bare undefined variable, so a flag the template
+            // reads must always be defined.
+            hasCodedColumns: normalizedOptions.columns.some((column) => { var _a; return (_a = column.options) === null || _a === void 0 ? void 0 : _a.length; }), hasBadgeColumns: normalizedOptions.columns.some((column) => column.type === 'badge'), tmpl: '' }));
         (0, vue_router_1.insertVueRoute)(host, normalizedOptions.projectRoot, normalizedOptions.project, {
             path: normalizedOptions.route,
             componentImportPath: `../views/${normalizedOptions.viewFileName}.vue`,
@@ -67,6 +72,7 @@ function default_1(host, options) {
         (0, vue_side_menu_1.insertSideMenuItem)(host, normalizedOptions.projectRoot, {
             label: normalizedOptions.heading,
             to: normalizedOptions.route,
+            icon: (_a = normalizedOptions.icon) !== null && _a !== void 0 ? _a : 'list',
         });
         yield (0, devkit_1.formatFiles)(host);
     });

package/src/generators/vue-workspace-view/vue-workspace-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"vue-workspace-view.js","sourceRoot":"","sources":["../../../../../../packages/nx-adsp/src/generators/vue-workspace-view/vue-workspace-view.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"vue-workspace-view.js","sourceRoot":"","sources":["../../../../../../packages/nx-adsp/src/generators/vue-workspace-view/vue-workspace-view.ts"],"names":[],"mappings":"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"}

package/src/generators/vue-workspace-view/vue-workspace-view.spec.ts

@@ -125,7 +125,9 @@ describe('Vue Workspace View Generator', () => {
     expect(view).toContain('let loadSequence = 0');
     expect(view).toContain('const sequence = ++loadSequence');
     expect(view).toContain('if (sequence !== loadSequence) return;');
-    expect(view).toContain('if (sequence === loadSequence) loading.value = false;');
+    expect(view).toContain(
+      'if (sequence === loadSequence) loading.value = false;',
+    );
 
     // The debounce timer must not outlive the component.
     expect(view).toContain('onUnmounted(');
@@ -138,7 +140,7 @@ describe('Vue Workspace View Generator', () => {
     expect(view).not.toContain('Intl.');
     expect(view).not.toContain('function formatCurrency');
     expect(view).toContain(
-      "<goa-badge type=\"information\" :content=\"String(row['status'] ?? '—')\" />",
+      "badgeType(columnBadgeTypes['status'], row['status'])",
     );
     // A type: 'date' column is a calendar date -- formatDate, not
     // formatDateTime, which would show an invented midnight.
@@ -205,11 +207,11 @@ describe('Vue Workspace View Generator', () => {
       await expect(
         generator(host, {
           ...baseOptions,
-          filters: JSON.stringify([
-            { key: 'x', label: 'X', type: 'checkbox' },
-          ]),
+          filters: JSON.stringify([{ key: 'x', label: 'X', type: 'checkbox' }]),
         }),
-      ).rejects.toThrow('--filters[].type must be "dropdown" or "date"; got "checkbox" for "x".');
+      ).rejects.toThrow(
+        '--filters[].type must be "dropdown" or "date"; got "checkbox" for "x".',
+      );
     });
 
     it('accepts a real array, the form a programmatic caller passes', async () => {
@@ -265,7 +267,11 @@ describe('Vue Workspace View Generator', () => {
   }, 30000);
 
   it('respects an explicit --heading and --pageSize', async () => {
-    await generator(host, { ...baseOptions, heading: 'Grant Applications', pageSize: 50 });
+    await generator(host, {
+      ...baseOptions,
+      heading: 'Grant Applications',
+      pageSize: 50,
+    });
     const view = host
       .read('apps/test/src/views/ApplicationsListView.vue')
       .toString();
@@ -318,4 +324,64 @@ describe('Vue Workspace View Generator', () => {
     const after = readProjectConfiguration(host, 'test');
     expect(after).toEqual(before);
   }, 30000);
+
+  // Regression: every badge column was hardcoded type="information", so a
+  // declined claim rendered neutral blue -- a badge's colour is the fastest thing
+  // a reader takes in, so the wrong one actively misinforms.
+  it('maps badge values to semantic types and labels', async () => {
+    await generator(host, {
+      ...baseOptions,
+      columns: [
+        { key: 'reference', label: 'Reference' },
+        {
+          key: 'status',
+          label: 'Status',
+          type: 'badge',
+          options: [{ value: 'declined', label: 'Declined' }],
+          badgeMap: { approved: 'success', declined: 'emergency' },
+        },
+      ],
+    });
+    const view = host
+      .read('apps/test/src/views/ApplicationsListView.vue')
+      .toString();
+    // Quote style depends on whether formatFiles ran, so match the pairs.
+    expect(view).toMatch(/["']?declined["']?\s*:\s*["']emergency["']/);
+    expect(view).toMatch(/["']?approved["']?\s*:\s*["']success["']/);
+    expect(view).toContain("badgeType(columnBadgeTypes['status']");
+    expect(view).toContain("optionLabel(columnOptions['status']");
+  }, 30000);
+
+  it('renders a coded non-badge column using its label', async () => {
+    await generator(host, {
+      ...baseOptions,
+      columns: [
+        {
+          key: 'region',
+          label: 'Region',
+          options: [{ value: 'northwest', label: 'North west' }],
+        },
+      ],
+    });
+    const view = host
+      .read('apps/test/src/views/ApplicationsListView.vue')
+      .toString();
+    expect(view).toContain(
+      "optionLabel(columnOptions['region'], row['region'])",
+    );
+    expect(view).toContain('North west');
+  }, 30000);
+
+  it('omits the lookup maps entirely when no column needs them', async () => {
+    await generator(host, {
+      ...baseOptions,
+      columns: [{ key: 'reference', label: 'Reference' }],
+    });
+    const view = host
+      .read('apps/test/src/views/ApplicationsListView.vue')
+      .toString();
+    expect(view).not.toContain('columnOptions');
+    expect(view).not.toContain('columnBadgeTypes');
+    expect(view).not.toContain('optionLabel');
+  }, 30000);
 });

package/src/utils/paired-project.d.ts

@@ -11,6 +11,16 @@ type DevProxyEntry = {
     pathRewrite: Record<string, string>;
 };
 export declare function buildDevProxyConf(nginxProxies: NginxProxyConfiguration[]): Record<string, DevProxyEntry>;
+export declare const VITE_PROXY_FILENAME = "vite.proxy.cjs";
+export interface ViteProxyRoute {
+    location: string;
+    target: string;
+    secure: boolean;
+    rewriteTo?: string;
+}
+export declare function parseViteDevProxyRoutes(source: string): ViteProxyRoute[];
+export declare function viteDevProxyRoutes(nginxProxies: NginxProxyConfiguration[]): ViteProxyRoute[];
+export declare function buildViteDevProxyModule(routes: ViteProxyRoute[]): string;
 export declare function resolvePairedProjectProxy(host: Tree, pairedProject: string | undefined): PairedProjectProxy | undefined;
 export interface PairedFrontendApp {
     tag: string;