@abgov/nx-adsp 13.5.0 → 13.6.1

package/generators.json

@@ -49,6 +49,12 @@
       "schema": "./src/generators/vue-app/schema.json",
       "description": "Generator that creates a Vue 3 frontend application using GoA web components."
     },
+    "vue-components": {
+      "factory": "./src/generators/vue-components/vue-components",
+      "schema": "./src/generators/vue-components/schema.json",
+      "description": "Ensures the shared GoA Vue wrapper library (interim). Invoked by vue-app; runnable directly to repair.",
+      "hidden": true
+    },
     "mean": {
       "factory": "./src/generators/mean/mean",
       "schema": "./src/generators/mean/schema.json",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/nx-adsp",
-  "version": "13.5.0",
+  "version": "13.6.1",
   "license": "Apache-2.0",
   "main": "src/index.js",
   "description": "Government of Alberta - Nx plugin for ADSP apps.",

package/src/generators/vue-app/files/AGENTS.md__tmpl__

@@ -119,6 +119,41 @@ clashing with native browser events); bind them with Vue's `@` syntax:
 ```
 
 Use `@_click` for buttons and `@_change` for inputs, dropdowns, and checkboxes.
+Note `goa-*` elements do **not** support Vue's `v-model` — you must wire
+`:value` + `@_change` by hand (the event carries the new value on
+`$event.detail.value`, or `.detail.checked` for a checkbox).
+
+### Prefer the `Goab*` wrappers for form controls
+
+To avoid that friction (and the temptation to reach for a raw `<input>`, which
+breaks the design system), the workspace has a shared **`<%= goaImportPath %>`**
+library of thin wrappers that add real `v-model` support: `GoabInput`,
+`GoabTextarea`, `GoabDropdown`, `GoabCheckbox`, `GoabRadioGroup`, `GoabButton`,
+`GoabModal`.
+
+```vue
+<script setup lang="ts">
+import { ref } from 'vue';
+import { GoabInput, GoabButton } from '<%= goaImportPath %>';
+const email = ref('');
+</script>
+
+<template>
+  <GoabInput v-model="email" name="email" type="email" placeholder="you@alberta.ca" />
+  <GoabButton type="primary" @click="save">Save</GoabButton>
+</template>
+```
+
+Extra props/events fall through to the underlying `goa-*` element, so anything
+the design system supports still works. For components without a wrapper, use the
+`goa-*` element directly with the manual wiring above. The library is shared
+across every Vue app in this workspace — fix or extend a wrapper once in
+`libs/vue-components` (or run `nx g @abgov/nx-adsp:vue-components` to restore it).
+
+> **Interim:** these wrappers are a stopgap until GoA DS ships an official
+> `@abgov/vue-components`. When it lands, delete the `vue-components` lib and
+> repoint imports at that package — the names/props are intended to match, so
+> it's a scope swap.
 
 ## Adding a view
 

package/src/generators/vue-app/files/vite.config.ts__tmpl__

@@ -1,6 +1,7 @@
 /// <reference types='vitest' />
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
+import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
 
 export default defineConfig({
   root: __dirname,
@@ -21,10 +22,13 @@ export default defineConfig({
       template: {
         compilerOptions: {
           // Treat goa-* custom elements as web components, not Vue components.
+          // Applies to the shared vue-components lib too (compiled from source).
           isCustomElement: (tag) => tag.startsWith('goa-'),
         },
       },
     }),
+    // Resolve workspace TS path aliases (e.g. the shared @<scope>/vue-components lib).
+    nxViteTsPaths(),
   ],
 
   test: {

package/src/generators/vue-app/vue-app.js

@@ -9,6 +9,7 @@ const plugin_version_1 = require("../../utils/plugin-version");
 const quality_1 = require("../../utils/quality");
 const devkit_1 = require("@nx/devkit");
 const path = require("path");
+const vue_components_1 = require("../vue-components/vue-components");
 function normalizeOptions(host, options) {
     return tslib_1.__awaiter(this, void 0, void 0, function* () {
         const projectName = (0, devkit_1.names)(options.name).fileName;
@@ -25,7 +26,9 @@ function normalizeOptions(host, options) {
 }
 function addFiles(host, options) {
     var _a;
-    const templateOptions = Object.assign(Object.assign(Object.assign({}, options), options.adsp), { offsetFromRoot: (0, devkit_1.offsetFromRoot)(options.projectRoot), pairedProject: (_a = options.pairedProject) !== null && _a !== void 0 ? _a : null, tmpl: '' });
+    const templateOptions = Object.assign(Object.assign(Object.assign({}, options), options.adsp), { offsetFromRoot: (0, devkit_1.offsetFromRoot)(options.projectRoot), pairedProject: (_a = options.pairedProject) !== null && _a !== void 0 ? _a : null, 
+        // Import specifier for the shared GoA wrapper lib (AGENTS.md references it).
+        goaImportPath: (0, vue_components_1.vueComponentsImportPath)(host), tmpl: '' });
     (0, devkit_1.generateFiles)(host, path.join(__dirname, 'files'), options.projectRoot, templateOptions);
     const addProxyConf = options.nginxProxies.length > 0;
     if (addProxyConf) {
@@ -66,6 +69,10 @@ function default_1(host, options) {
         // Let the Playwright e2e target the deployed URL (BASE_URL) in CI instead of
         // always starting a local dev server — see the nx-oc pipeline's e2e jobs.
         (0, quality_1.guardPlaywrightWebServer)(host, `${normalizedOptions.projectRoot}-e2e`);
+        // Ensure the shared GoA wrapper library exists (idempotent — created once per
+        // workspace, refreshed on later runs). Apps import it instead of each carrying
+        // their own copy, so it's one place to swap for @abgov/vue-components later.
+        yield (0, vue_components_1.default)(host);
         (0, devkit_1.addDependenciesToPackageJson)(host, {
             '@abgov/design-tokens': '2.9.0',
             '@abgov/web-components': '2.3.0',

package/src/generators/vue-app/vue-app.js.map

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

package/src/generators/vue-app/vue-app.spec.ts

@@ -72,6 +72,31 @@ describe('Vue App Generator', () => {
     expect(agents).not.toContain('ui-components.alberta.ca');
   }, 30000);
 
+  it('provisions the shared GoA wrapper library and points the app at it', async () => {
+    await generator(host, options);
+
+    // Wrappers live in a shared workspace lib, not copied into the app.
+    const base = 'libs/vue-components/src/lib';
+    for (const name of [
+      'GoabInput', 'GoabTextarea', 'GoabDropdown', 'GoabCheckbox',
+      'GoabRadioGroup', 'GoabButton', 'GoabModal',
+    ]) {
+      expect(host.exists(`${base}/${name}.vue`)).toBeTruthy();
+    }
+    expect(host.exists('apps/test/src/components/goa')).toBeFalsy();
+
+    // Real v-model wiring: bind :value and read the new value off the GoA event.
+    const input = host.read(`${base}/GoabInput.vue`).toString();
+    expect(input).toContain('defineModel');
+    expect(input).toContain('.detail.value');
+
+    // App resolves the lib alias (vite path plugin) and AGENTS.md points at it.
+    const vite = host.read('apps/test/vite.config.ts').toString();
+    expect(vite).toContain('nxViteTsPaths');
+    const agents = host.read('apps/test/AGENTS.md').toString();
+    expect(agents).toContain('/vue-components');
+  }, 30000);
+
   it('inits Keycloak with no hidden iframes so init never hangs', async () => {
     await generator(host, options);
     // Strip // comments — they legitimately reference the disabled iframe options

package/src/generators/vue-components/files/AGENTS.md__tmpl__

@@ -0,0 +1,145 @@
+# AGENTS.md — vue-components (GoA Design System Vue wrappers)
+
+A shared, workspace-local library of thin Vue wrappers over the GoA Design System
+`goa-*` web components (`@abgov/web-components`). Every Vue app in this workspace
+imports these instead of carrying its own copy. Generated by
+`@abgov/nx-adsp:vue-components`.
+
+> **⚠️ Interim library — do not invest in it as permanent.** It exists only
+> because GoA DS has not yet published an official Vue wrapper package. When
+> `@abgov/vue-components` ships, delete this library and repoint imports at it —
+> the component names and props are deliberately kept matching, so it should be a
+> scope swap, not a rewrite. Don't add features here that would make that swap
+> harder (see "Don't" below).
+
+## What these wrappers do (and why they're needed)
+
+`goa-*` are framework-agnostic custom elements (built with Svelte). Three quirks
+make them awkward in Vue, and each wrapper exists to smooth exactly one of them:
+
+- **No `v-model`.** The elements emit a **`_`-prefixed** custom event (`_change`,
+  `_click`, `_close` — the prefix avoids colliding with native DOM events), *not*
+  the `input`/`change` events Vue's `v-model` listens for. So a plain
+  `<goa-input>` needs manual `:value` + `@_change` wiring every time.
+- **The new value arrives on `event.detail`, not `event.target.value`.** You read
+  `$event.detail.value` (or `.checked` for a checkbox) — reading `.target.value`
+  silently gives you nothing useful.
+- **Bindings are properties, not attributes.** Bind `:value` / `:checked` /
+  `:open` and Vue sets them as element properties, which is what these components
+  read.
+
+Each wrapper adds real `v-model` (via `defineModel`) over exactly **one** `goa-*`
+element and lets every other prop/event fall through (`inheritAttrs`), so anything
+the design system supports keeps working without being re-declared.
+
+## Event contract (read the value off the GoA event)
+
+| Wrapper | Underlying element | Model | Read from event |
+|---|---|---|---|
+| `GoabInput`, `GoabTextarea`, `GoabDropdown`, `GoabRadioGroup` | `goa-input` / `-textarea` / `-dropdown` / `-radio-group` | `string` | `$event.detail.value` |
+| `GoabCheckbox` | `goa-checkbox` | `boolean` | `$event.detail.checked` |
+| `GoabButton` | `goa-button` | — (re-exposes `_click` as `@click`) | — |
+| `GoabModal` | `goa-modal` | `open: boolean` (`v-model:open`) | `_close` clears it |
+
+Most value elements put the value on `detail.value`; some carry extra keys
+(dropdown adds `label`, radio-group adds `labels`) you can ignore unless you need
+them. Always confirm against the component's page — see below.
+
+## Wrapping a new component
+
+### 1. Find the event contract
+
+The source of truth is the component's page at
+[design.alberta.ca/components](https://design.alberta.ca/components/) — check its
+**Events** and **Properties**. If the detail shape isn't spelled out there,
+confirm it against the shipped source (the elements dispatch a `CustomEvent` whose
+`detail` object names its keys):
+
+```bash
+# event names an element dispatches (all are _-prefixed):
+grep -oE '"_[a-zA-Z]+"' node_modules/@abgov/web-components/index.js | sort -u
+
+# the detail keys for a change (e.g. an input dispatches { name, value };
+# a checkbox { name, checked, value }) — search near the element's dispatch:
+grep -oE 'detail:[^}]*\}' node_modules/@abgov/web-components/index.js | head
+```
+
+### 2. Pick the pattern by the element's shape
+
+| Element shape | Model | Skeleton |
+|---|---|---|
+| Text-like value (input, textarea, dropdown, date, …) | `string` | **A** |
+| Boolean toggle (checkbox, switch) | `boolean` | **B** |
+| Action only, no value (button) | — | **C** |
+| Open/close overlay (modal, drawer) | `boolean` via `v-model:open` | **D** |
+| Container with `*-item` children (dropdown, radio-group) | `string` | **A** + pass items through `<slot />` |
+
+### 3. Copy the matching skeleton
+
+Keep the `INTERIM WRAPPER` header comment (see the existing files), swap the
+element name and the `detail` key, then `export` it from `src/index.ts`.
+
+**A — value component**
+```vue
+<script setup lang="ts">
+const model = defineModel<string>();
+function onChange(e: Event) {
+  model.value = (e as CustomEvent<{ value: string }>).detail.value;
+}
+</script>
+<template>
+  <goa-thing :value="model" @_change="onChange"><slot /></goa-thing>
+</template>
+```
+
+**B — boolean component** (bind `:checked`, read `detail.checked`)
+```vue
+<script setup lang="ts">
+const model = defineModel<boolean>();
+function onChange(e: Event) {
+  model.value = (e as CustomEvent<{ checked: boolean }>).detail.checked;
+}
+</script>
+<template>
+  <goa-thing :checked="model" @_change="onChange"><slot /></goa-thing>
+</template>
+```
+
+**C — action only** (no model; re-expose the `_`-event as a plain one)
+```vue
+<script setup lang="ts">
+const emit = defineEmits<{ click: [event: CustomEvent] }>();
+</script>
+<template>
+  <goa-thing @_click="emit('click', $event as CustomEvent)"><slot /></goa-thing>
+</template>
+```
+
+**D — open/close overlay** (named model so it's `v-model:open`)
+```vue
+<script setup lang="ts">
+const open = defineModel<boolean>('open');
+</script>
+<template>
+  <goa-thing :open="open" @_close="open = false"><slot /></goa-thing>
+</template>
+```
+
+Don't re-declare props you don't transform — let them fall through. `name` in
+particular is required by most `goa-*` form elements (it's echoed in the event
+detail); just leave it to fall through from the caller.
+
+## Don't
+
+- **Don't build net-new visual components or design primitives here.** That's GoA
+  DS's job; this library is only *choreography* (adding `v-model`/idiomatic events
+  to elements that already exist). New primitives would have no home in
+  `@abgov/vue-components` and would block the swap.
+- **Don't add app-specific logic** (fetching, routing, business rules) — this is
+  shared across every app in the workspace. Keep wrappers presentational.
+
+## Testing
+
+Wrappers are compile-checked and covered by the generator's tests. If you add a
+component test that mounts a wrapper, ensure the vite/vitest config treats `goa-*`
+as custom elements (`isCustomElement: (tag) => tag.startsWith('goa-')`).

package/src/generators/vue-components/files/src/index.ts__tmpl__

@@ -0,0 +1,12 @@
+// GoA Design System Vue wrappers — INTERIM shared library.
+// These add v-model / idiomatic events over the framework-agnostic goa-* custom
+// elements. Remove this library and import from @abgov/vue-components once GoA DS
+// publishes it (see the repo's UX view-patterns spec, foundational gap #2) — the
+// component names/props are intended to match, so it should be a scope swap.
+export { default as GoabInput } from './lib/GoabInput.vue';
+export { default as GoabTextarea } from './lib/GoabTextarea.vue';
+export { default as GoabDropdown } from './lib/GoabDropdown.vue';
+export { default as GoabCheckbox } from './lib/GoabCheckbox.vue';
+export { default as GoabRadioGroup } from './lib/GoabRadioGroup.vue';
+export { default as GoabButton } from './lib/GoabButton.vue';
+export { default as GoabModal } from './lib/GoabModal.vue';

package/src/generators/vue-components/files/src/lib/GoabButton.vue__tmpl__

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+// INTERIM WRAPPER — remove once GoA DS publishes @abgov/vue-components (see
+// GoabInput.vue for the full rationale). No v-model (a button has no value); this
+// re-exposes goa-button's `_click` as a plain `@click` so views don't have to
+// remember the underscore convention. Props (type, size, disabled, leadingicon,
+// …) fall through to <goa-button>.
+//
+// Usage: <GoabButton type="primary" @click="save">Save</GoabButton>
+const emit = defineEmits<{ click: [event: CustomEvent] }>();
+</script>
+
+<template>
+  <goa-button @_click="emit('click', $event as CustomEvent)">
+    <slot />
+  </goa-button>
+</template>

package/src/generators/vue-components/files/src/lib/GoabCheckbox.vue__tmpl__

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+// INTERIM WRAPPER — remove once GoA DS publishes @abgov/vue-components (see
+// GoabInput.vue for the full rationale). Adds v-model to <goa-checkbox>. Note the
+// model is the boolean `checked` state (from the event's `detail.checked`), not
+// the checkbox's `value` attribute.
+//
+// Usage: <GoabCheckbox v-model="agreed" name="agreed" text="I agree" />
+const model = defineModel<boolean>();
+
+function onChange(e: Event) {
+  model.value = (e as CustomEvent<{ checked: boolean }>).detail.checked;
+}
+</script>
+
+<template>
+  <goa-checkbox :checked="model" @_change="onChange">
+    <slot />
+  </goa-checkbox>
+</template>

package/src/generators/vue-components/files/src/lib/GoabDropdown.vue__tmpl__

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+// INTERIM WRAPPER — remove once GoA DS publishes @abgov/vue-components (see
+// GoabInput.vue for the full rationale). Adds v-model to <goa-dropdown>.
+//
+// Usage:
+//   <GoabDropdown v-model="province" name="province">
+//     <goa-dropdown-item value="ab" label="Alberta" />
+//     <goa-dropdown-item value="bc" label="British Columbia" />
+//   </GoabDropdown>
+const model = defineModel<string>();
+
+function onChange(e: Event) {
+  model.value = (e as CustomEvent<{ value: string }>).detail.value;
+}
+</script>
+
+<template>
+  <goa-dropdown :value="model" @_change="onChange">
+    <slot />
+  </goa-dropdown>
+</template>

package/src/generators/vue-components/files/src/lib/GoabInput.vue__tmpl__

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+// INTERIM WRAPPER — remove once GoA DS publishes @abgov/vue-components; then
+// import from there instead. See the repo's UX view-patterns spec (foundational
+// gap #2). goa-* custom elements don't support Vue's v-model (they emit a
+// non-standard `_change` event, not `input`), so a plain `<goa-input>` needs
+// manual :value + @_change wiring every time. This wrapper adds real v-model.
+//
+// Usage: <GoabInput v-model="email" name="email" type="email" placeholder="…" />
+// Any extra attrs (name, type, error, disabled, width, …) fall through to
+// <goa-input>; extra events (@_blur, @_focus) fall through too.
+const model = defineModel<string>();
+
+function onChange(e: Event) {
+  model.value = (e as CustomEvent<{ value: string }>).detail.value;
+}
+</script>
+
+<template>
+  <goa-input :value="model" @_change="onChange">
+    <slot />
+  </goa-input>
+</template>

package/src/generators/vue-components/files/src/lib/GoabModal.vue__tmpl__

@@ -0,0 +1,33 @@
+<script setup lang="ts">
+// INTERIM WRAPPER — remove once GoA DS publishes @abgov/vue-components (see
+// GoabInput.vue for the full rationale). Adds `v-model:open` to <goa-modal> and
+// re-exposes its `_close` (X / backdrop) by clearing that model. Other attrs
+// (heading, …) fall through. Put footer buttons in the `actions` slot.
+//
+// Usage:
+//   <GoabModal v-model:open="showConfirm" heading="Delete?">
+//     <p>This cannot be undone.</p>
+//     <template #actions>
+//       <GoabButton type="tertiary" @click="showConfirm = false">Cancel</GoabButton>
+//       <GoabButton type="primary" @click="confirm">Delete</GoabButton>
+//     </template>
+//   </GoabModal>
+import { useSlots } from 'vue';
+
+const open = defineModel<boolean>('open');
+const slots = useSlots();
+
+function onClose() {
+  open.value = false;
+}
+</script>
+
+<template>
+  <goa-modal :open="open" @_close="onClose">
+    <slot />
+    <!-- `slot="actions"` is goa-modal's native web-component slot, not the Vue 2 slot syntax. The vue/no-deprecated-slot-attribute rule is turned off for this lib (see .eslintrc.json). -->
+    <div v-if="slots.actions" slot="actions">
+      <slot name="actions" />
+    </div>
+  </goa-modal>
+</template>

package/src/generators/vue-components/files/src/lib/GoabRadioGroup.vue__tmpl__

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+// INTERIM WRAPPER — remove once GoA DS publishes @abgov/vue-components (see
+// GoabInput.vue for the full rationale). Adds v-model to <goa-radio-group>.
+// `name` is required by the underlying element and falls through.
+//
+// Usage:
+//   <GoabRadioGroup v-model="contact" name="contact">
+//     <goa-radio-item value="email" label="Email" />
+//     <goa-radio-item value="phone" label="Phone" />
+//   </GoabRadioGroup>
+const model = defineModel<string>();
+
+function onChange(e: Event) {
+  model.value = (e as CustomEvent<{ value: string }>).detail.value;
+}
+</script>
+
+<template>
+  <goa-radio-group :value="model" @_change="onChange">
+    <slot />
+  </goa-radio-group>
+</template>

package/src/generators/vue-components/files/src/lib/GoabTextarea.vue__tmpl__

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+// INTERIM WRAPPER — remove once GoA DS publishes @abgov/vue-components (see
+// GoabInput.vue for the full rationale). Adds v-model to <goa-textarea>.
+//
+// Usage: <GoabTextarea v-model="notes" name="notes" :rows="4" />
+const model = defineModel<string>();
+
+function onChange(e: Event) {
+  model.value = (e as CustomEvent<{ value: string }>).detail.value;
+}
+</script>
+
+<template>
+  <goa-textarea :value="model" @_change="onChange">
+    <slot />
+  </goa-textarea>
+</template>

package/src/generators/vue-components/files/src/vue-components.spec.ts__tmpl__

@@ -0,0 +1,21 @@
+import { describe, it, expect } from 'vitest';
+import * as lib from './index';
+
+// Smoke test: the barrel resolves and every wrapper SFC compiles under the test
+// runner. It also gives the library a test target with real content, so
+// `nx test vue-components` doesn't fail on "no test files found".
+describe('vue-components', () => {
+  it('exports every GoA wrapper', () => {
+    for (const name of [
+      'GoabInput',
+      'GoabTextarea',
+      'GoabDropdown',
+      'GoabCheckbox',
+      'GoabRadioGroup',
+      'GoabButton',
+      'GoabModal',
+    ]) {
+      expect(lib[name as keyof typeof lib]).toBeTruthy();
+    }
+  });
+});

package/src/generators/vue-components/schema.d.ts

@@ -0,0 +1,2 @@
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface Schema {}

package/src/generators/vue-components/schema.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "id": "NxAdspVueComponents",
+  "title": "GoA Vue component library (interim)",
+  "description": "Ensures a shared, workspace-local vue-components library of GoA Design System v-model wrappers exists. Idempotent — creates it on first run, refreshes the wrappers on later runs. Normally invoked by vue-app; runnable directly to repair/refresh.",
+  "type": "object",
+  "properties": {},
+  "required": [],
+  "additionalProperties": false
+}

package/src/generators/vue-components/vue-components.d.ts

@@ -0,0 +1,5 @@
+import { Tree } from '@nx/devkit';
+export declare function ensurePackageExports(host: Tree, libRoot: string): void;
+export declare const LIB_NAME = "vue-components";
+export declare function vueComponentsImportPath(host: Tree): string;
+export default function (host: Tree): Promise<void>;

package/src/generators/vue-components/vue-components.js

@@ -0,0 +1,113 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LIB_NAME = void 0;
+exports.ensurePackageExports = ensurePackageExports;
+exports.vueComponentsImportPath = vueComponentsImportPath;
+exports.default = default_1;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const path = require("path");
+// Backfills package.json module-resolution fields for the library. In a TS-solution
+// workspace @nx/vue's library resolves via package.json `exports`, but its
+// programmatic default (useProjectJson skips writing them here) leaves them off, so
+// the import path fails to resolve and the build breaks. Point them at the source
+// entry (the lib is non-buildable — consumers compile it). A no-op in legacy
+// path-alias workspaces (no lib package.json — resolution is via tsconfig paths),
+// and idempotent (never clobbers fields @nx/vue did write).
+function ensurePackageExports(host, libRoot) {
+    const pkgPath = `${libRoot}/package.json`;
+    if (!host.exists(pkgPath))
+        return;
+    const SRC = './src/index.ts';
+    (0, devkit_1.updateJson)(host, pkgPath, (pkg) => {
+        var _a, _b, _c, _d;
+        (_a = pkg.main) !== null && _a !== void 0 ? _a : (pkg.main = SRC);
+        (_b = pkg.module) !== null && _b !== void 0 ? _b : (pkg.module = SRC);
+        (_c = pkg.types) !== null && _c !== void 0 ? _c : (pkg.types = SRC);
+        (_d = pkg.exports) !== null && _d !== void 0 ? _d : (pkg.exports = {
+            './package.json': './package.json',
+            '.': { types: SRC, import: SRC, default: SRC },
+        });
+        return pkg;
+    });
+}
+// Turns off vue/no-deprecated-slot-attribute for the lib. GoabModal projects into
+// goa-modal's native web-component slot via `slot="actions"` — legitimate custom-
+// element usage, not the deprecated Vue 2 component-slot syntax the rule targets.
+// The whole lib wraps web components, so it's scoped to the lib (consuming apps,
+// which use `<template #actions>`, are unaffected).
+function disableSlotAttributeRule(host, libRoot) {
+    const eslintrc = `${libRoot}/.eslintrc.json`;
+    if (!host.exists(eslintrc)) {
+        console.warn(`\n⚠  ${eslintrc} not found — could not disable vue/no-deprecated-slot-attribute.\n` +
+            `   GoabModal uses goa-modal's native \`slot\` attribute; if lint flags it, turn\n` +
+            `   that rule off for this library.\n`);
+        return;
+    }
+    (0, devkit_1.updateJson)(host, eslintrc, (json) => {
+        var _a, _b;
+        const overrides = ((_a = json.overrides) !== null && _a !== void 0 ? _a : (json.overrides = []));
+        let vueOverride = overrides.find((o) => { var _a; return (_a = o.files) === null || _a === void 0 ? void 0 : _a.some((f) => f.includes('vue')); });
+        if (!vueOverride) {
+            vueOverride = { files: ['*.vue'], rules: {} };
+            overrides.push(vueOverride);
+        }
+        ((_b = vueOverride.rules) !== null && _b !== void 0 ? _b : (vueOverride.rules = {}))['vue/no-deprecated-slot-attribute'] = 'off';
+        return json;
+    });
+}
+exports.LIB_NAME = 'vue-components';
+// Import specifier for the shared wrapper lib, derived from the workspace npm
+// scope so it mirrors the eventual official `@abgov/vue-components` (same tail —
+// swapping to it is a scope change). Falls back to a scope built from the root
+// package name when the workspace isn't scoped.
+function vueComponentsImportPath(host) {
+    var _a, _b;
+    let name = 'workspace';
+    try {
+        name = JSON.parse((_b = (_a = host.read('package.json')) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : '{}').name || name;
+    }
+    catch (_c) {
+        /* keep fallback */
+    }
+    const scope = name.startsWith('@') ? name.split('/')[0] : `@${name}`;
+    return `${scope}/${exports.LIB_NAME}`;
+}
+// Ensures the shared, workspace-local GoA wrapper library exists, then writes the
+// current wrapper set into it. Idempotent: the @nx/vue library is only scaffolded
+// when absent (so it's safe to call from every vue-app generation), and the
+// wrapper files are always (re)written so a direct run also repairs/refreshes them.
+function default_1(host) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const libRoot = `${(0, devkit_1.getWorkspaceLayout)(host).libsDir}/${exports.LIB_NAME}`;
+        let exists = true;
+        try {
+            (0, devkit_1.readProjectConfiguration)(host, exports.LIB_NAME);
+        }
+        catch (_a) {
+            exists = false;
+        }
+        if (!exists) {
+            const { libraryGenerator } = yield Promise.resolve().then(() => require('@nx/vue')).catch(() => {
+                throw new Error("The 'vue-components' generator requires the '@nx/vue' plugin. Install it and re-run:\n  npm i -D @nx/vue");
+            });
+            yield libraryGenerator(host, {
+                directory: libRoot,
+                name: exports.LIB_NAME,
+                linter: 'eslint',
+                unitTestRunner: 'vitest',
+                // No demo component/spec to clean up, and no build step: apps consume the
+                // source and compile it with their own vite (whose isCustomElement already
+                // handles goa-*), so it resolves via the tsconfig path alias.
+                component: false,
+                bundler: 'none',
+                importPath: vueComponentsImportPath(host),
+                skipFormat: true,
+            });
+            disableSlotAttributeRule(host, libRoot);
+            ensurePackageExports(host, libRoot);
+        }
+        (0, devkit_1.generateFiles)(host, path.join(__dirname, 'files'), libRoot, { tmpl: '' });
+    });
+}
+//# sourceMappingURL=vue-components.js.map

package/src/generators/vue-components/vue-components.js.map

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

package/src/generators/vue-components/vue-components.spec.ts

@@ -0,0 +1,90 @@
+import { readProjectConfiguration, Tree } from '@nx/devkit';
+import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing';
+import generator, { ensurePackageExports, vueComponentsImportPath } from './vue-components';
+
+jest.mock('@nx/devkit', () => ({
+  ...jest.requireActual('@nx/devkit'),
+  formatFiles: jest.fn().mockResolvedValue(undefined),
+}));
+
+describe('Vue Components Generator', () => {
+  let host: Tree;
+
+  beforeEach(() => {
+    host = createTreeWithEmptyWorkspace({ layout: 'apps-libs' });
+  });
+
+  it('creates the shared wrapper library with all wrappers and a barrel', async () => {
+    await generator(host);
+
+    const config = readProjectConfiguration(host, 'vue-components');
+    expect(config.root).toBe('libs/vue-components');
+
+    const base = 'libs/vue-components/src/lib';
+    for (const name of [
+      'GoabInput', 'GoabTextarea', 'GoabDropdown', 'GoabCheckbox',
+      'GoabRadioGroup', 'GoabButton', 'GoabModal',
+    ]) {
+      expect(host.exists(`${base}/${name}.vue`)).toBeTruthy();
+    }
+    const index = host.read('libs/vue-components/src/index.ts').toString();
+    expect(index).toContain("export { default as GoabInput }");
+    expect(index).toContain('@abgov/vue-components'); // interim marker
+
+    // Ships a spec so the vitest test target isn't empty (vitest exits non-zero
+    // on "no test files found").
+    expect(host.exists('libs/vue-components/src/vue-components.spec.ts')).toBeTruthy();
+
+    // GoabModal uses goa-modal's native `slot` attribute (web component, not the
+    // deprecated Vue 2 slot syntax) — the rule is turned off for this lib.
+    const eslintrc = host.read('libs/vue-components/.eslintrc.json').toString();
+    expect(eslintrc).toContain('"vue/no-deprecated-slot-attribute": "off"');
+
+    // Ships agent direction for maintaining the (interim) lib, incl. a recipe
+    // for wrapping additional components.
+    expect(host.exists('libs/vue-components/AGENTS.md')).toBeTruthy();
+    const agents = host.read('libs/vue-components/AGENTS.md').toString();
+    expect(agents).toContain('Interim');
+    expect(agents).toContain('detail.value');
+    expect(agents).toContain('Wrapping a new component');
+    expect(agents).toContain('defineModel<boolean>');
+  }, 30000);
+
+  it('is idempotent — a second run does not throw and keeps the wrappers', async () => {
+    await generator(host);
+    await expect(generator(host)).resolves.not.toThrow();
+    expect(host.exists('libs/vue-components/src/lib/GoabInput.vue')).toBeTruthy();
+  }, 30000);
+
+  it('derives the import path from the workspace scope', () => {
+    expect(vueComponentsImportPath(host)).toMatch(/\/vue-components$/);
+  });
+
+  describe('ensurePackageExports (TS-solution resolution fix)', () => {
+    it('backfills exports/main/types when a lib package.json exists', () => {
+      host.write('libs/vue-components/package.json', JSON.stringify({ name: '@proj/vue-components' }));
+      ensurePackageExports(host, 'libs/vue-components');
+
+      const pkg = JSON.parse(host.read('libs/vue-components/package.json').toString());
+      expect(pkg.main).toBe('./src/index.ts');
+      expect(pkg.types).toBe('./src/index.ts');
+      expect(pkg.exports['.'].import).toBe('./src/index.ts');
+    });
+
+    it('does not clobber exports @nx/vue already wrote', () => {
+      host.write(
+        'libs/vue-components/package.json',
+        JSON.stringify({ name: '@proj/vue-components', exports: { '.': './dist/index.js' } })
+      );
+      ensurePackageExports(host, 'libs/vue-components');
+
+      const pkg = JSON.parse(host.read('libs/vue-components/package.json').toString());
+      expect(pkg.exports['.']).toBe('./dist/index.js');
+    });
+
+    it('is a no-op for a legacy lib with no package.json', () => {
+      ensurePackageExports(host, 'libs/vue-components');
+      expect(host.exists('libs/vue-components/package.json')).toBeFalsy();
+    });
+  });
+});