@abgov/nx-adsp 12.16.0 → 12.17.0

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

@@ -0,0 +1,97 @@
+# AGENTS.md — <%= projectName %>
+
+Vue 3 frontend for the Alberta Digital Service Platform (ADSP).
+Generated by `nx g @abgov/nx-adsp:vue-app`.
+
+## Stack
+
+- **UI**: Vue 3 (Composition API) + GoA design system (`@abgov/web-components` — `goa-*` custom elements)
+- **Auth**: `@dsb-norge/vue-keycloak-js` (wraps `keycloak-js`)
+- **State**: Pinia
+- **Router**: Vue Router v4
+
+## Key files
+
+| File | Purpose |
+|------|---------|
+| `src/main.ts` | Entry — registers Pinia, Router, and Keycloak plugin |
+| `src/App.vue` | Shell — nav header with sign-in/out, hero banner, `<RouterView>` |
+| `src/router/index.ts` | Routes — `/protected` guarded with `requiresAuth` meta |
+| `src/views/HomeView.vue` | Public page — calls public and private APIs |
+| `src/views/ProtectedView.vue` | Authenticated page — shows user info from token |
+| `src/environments/environment.ts` | Access URL, realm, client ID — pre-set from ADSP tenant |
+| `vite.config.ts` | Vite config — `isCustomElement` marks `goa-*` as web components |
+
+## Auth pattern
+
+```typescript
+import { useKeycloak } from '@dsb-norge/vue-keycloak-js';
+
+// useKeycloak() returns a DeepReadonly<VueKeycloakInstance>
+const { authenticated, fullName, ready, token, tokenParsed, keycloak } = useKeycloak();
+
+authenticated       // Ref<boolean> — true after sign-in
+fullName            // Ref<string | undefined> — display name from token
+ready               // Ref<boolean> — true once Keycloak init has settled
+token               // Ref<string | undefined> — current access token
+
+// Call Keycloak actions via the underlying keycloak-js instance:
+keycloak?.login()
+keycloak?.logout({ redirectUri: window.location.origin })
+
+// Refresh token before an authenticated API call:
+await keycloak?.updateToken(30);
+const bearer = keycloak?.token;
+```
+
+Route guard (in `router/index.ts`):
+
+```typescript
+router.beforeEach((to) => {
+  if (to.meta.requiresAuth) {
+    const { authenticated, ready, keycloak } = useKeycloak();
+    if (!ready) return true;    // let Keycloak init settle first
+    if (!authenticated) {
+      keycloak?.login({ redirectUri: window.location.origin + to.fullPath });
+      return false;
+    }
+  }
+  return true;
+});
+```
+
+## GoA design system
+
+Use `goa-*` web components directly in Vue templates. The vite.config.ts
+`isCustomElement` option prevents Vue from warning about unknown elements.
+
+**Event names**: GoA web component interactive elements (buttons, inputs, etc.)
+emit a `_click` custom event (not `click`) to avoid conflicts with native browser
+events. Use `@_click` in Vue templates:
+
+```html
+<goa-button type="primary" @_click="handleSave">Save</goa-button>
+<goa-input @_change="handleChange" />
+```
+
+See [GoA web components docs](https://ui-components.alberta.ca) for the full
+component and event reference.
+
+## Backend API calls (proxy setup)
+
+Use relative `/api/` paths — they route through Vite's dev proxy and nginx in production:
+
+```typescript
+// ✓ correct
+const res = await fetch('/api/v1/my-resource');
+
+// ✗ wrong — bypasses proxy, won't work in production
+const res = await fetch('http://localhost:3333/my-service/v1/my-resource');
+```
+
+## What NOT to change
+
+- `src/main.ts` — Keycloak plugin is registered once here; do not call `new Keycloak()` elsewhere
+- `environments/environment.ts` — access URL and realm are pre-configured for the ADSP tenant
+- `silent-check-sso.html` — required for keycloak-js silent SSO; must be served from the app root
+- `vite.config.ts` — the `isCustomElement` predicate must stay to suppress Vue warnings for `goa-*` elements

package/src/generators/vue-app/files/nginx.conf__tmpl__

@@ -0,0 +1,45 @@
+events {
+  worker_connections 1024;
+}
+
+http {
+  sendfile on;
+  include mime.types;
+  default_type application/octet-stream;
+
+  gzip on;
+  gzip_types text/plain text/css application/javascript application/json image/svg+xml font/woff2;
+  gzip_min_length 1000;
+
+  server {
+    listen 8080;
+    root /opt/app-root/src;
+    index index.html;
+
+    add_header Strict-Transport-Security "max-age=31536000; includeSubDomains" always;
+    add_header X-Content-Type-Options "nosniff" always;
+    add_header X-Frame-Options "SAMEORIGIN" always;
+    add_header Referrer-Policy "strict-origin-when-cross-origin" always;
+
+    location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ {
+      expires 30d;
+      add_header Cache-Control "public, no-transform";
+    }
+
+    location = /silent-check-sso.html {
+      add_header Cache-Control "no-store";
+    }
+
+    location / {
+      try_files $uri /index.html;
+    }
+<% nginxProxies.forEach(function(nginxProxy){ %>
+    location <%= nginxProxy.location %> {
+      proxy_pass <%= nginxProxy.proxyPass %>;
+      proxy_set_header Host $host;
+      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+      proxy_set_header X-Forwarded-Proto $http_x_forwarded_proto;
+    }
+<% }); %>
+  }
+}

package/src/generators/vue-app/files/src/App.vue__tmpl__

@@ -0,0 +1,39 @@
+<script setup lang="ts">
+import { useKeycloak } from '@dsb-norge/vue-keycloak-js';
+import { RouterView } from 'vue-router';
+
+const { authenticated, fullName, ready, keycloak } = useKeycloak();
+
+function login() { keycloak?.login(); }
+function logout() { keycloak?.logout({ redirectUri: window.location.origin }); }
+</script>
+
+<template>
+  <goa-microsite-header type="alpha" />
+  <goa-app-header url="/" heading="<%= projectName %>">
+    <span v-if="ready && fullName">{{ fullName }}</span>
+    <goa-button v-if="!authenticated && ready" type="tertiary" @_click="login">
+      Sign in
+    </goa-button>
+    <goa-button v-if="authenticated" type="tertiary" @_click="logout">
+      Sign out
+    </goa-button>
+  </goa-app-header>
+  <goa-hero-banner heading="<%= projectName %>" backgroundurl="/assets/banner.jpg" />
+  <main>
+    <RouterView />
+  </main>
+</template>
+
+<style>
+body { margin: 0; }
+main {
+  display: grid;
+  grid-template-columns: repeat(6, auto);
+}
+main > section {
+  grid-column: 2 / span 2;
+  margin-top: 40px;
+  margin-bottom: 40px;
+}
+</style>

package/src/generators/vue-app/files/src/environments/environment.ts__tmpl__

@@ -0,0 +1,11 @@
+export const environment = {
+  production: false,
+  directory: {
+    url: '<%= directoryServiceUrl %>',
+  },
+  access: {
+    url: '<%= accessServiceUrl %>/auth',
+    realm: '<%= tenantRealm %>',
+    client_id: 'urn:ads:<%= tenant %>:<%= projectName %>',
+  },
+};

package/src/generators/vue-app/files/src/index.html__tmpl__

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title><%= projectName %></title>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+    <script
+      type="module"
+      src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"
+    ></script>
+    <script
+      nomodule
+      src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"
+    ></script>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/src/generators/vue-app/files/src/main.ts__tmpl__

@@ -0,0 +1,28 @@
+import '@abgov/web-components';
+import '@abgov/web-components/index.css';
+import { createApp } from 'vue';
+import { createPinia } from 'pinia';
+import keycloakPlugin from '@dsb-norge/vue-keycloak-js';
+
+import App from './App.vue';
+import router from './router';
+import { environment } from './environments/environment';
+
+const app = createApp(App);
+
+app.use(createPinia());
+app.use(router);
+app.use(keycloakPlugin, {
+  config: {
+    url: environment.access.url,
+    realm: environment.access.realm,
+    clientId: environment.access.client_id,
+  },
+  init: {
+    onLoad: 'check-sso',
+    pkceMethod: 'S256',
+    silentCheckSsoRedirectUri: `${window.location.origin}/silent-check-sso.html`,
+  },
+});
+
+app.mount('#app');

package/src/generators/vue-app/files/src/router/index.ts__tmpl__

@@ -0,0 +1,29 @@
+import { createRouter, createWebHistory } from 'vue-router';
+import { useKeycloak } from '@dsb-norge/vue-keycloak-js';
+import HomeView from '../views/HomeView.vue';
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes: [
+    { path: '/', component: HomeView },
+    {
+      path: '/protected',
+      component: () => import('../views/ProtectedView.vue'),
+      meta: { requiresAuth: true },
+    },
+  ],
+});
+
+router.beforeEach((to) => {
+  if (to.meta.requiresAuth) {
+    const { authenticated, ready, keycloak } = useKeycloak();
+    if (!ready) return true;
+    if (!authenticated) {
+      keycloak?.login({ redirectUri: window.location.origin + to.fullPath });
+      return false;
+    }
+  }
+  return true;
+});
+
+export default router;

package/src/generators/vue-app/files/src/silent-check-sso.html__tmpl__

@@ -0,0 +1,5 @@
+<html>
+<body>
+<script>parent.postMessage(location.href, location.origin);</script>
+</body>
+</html>

package/src/generators/vue-app/files/src/views/HomeView.vue__tmpl__

@@ -0,0 +1,49 @@
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+import { useKeycloak } from '@dsb-norge/vue-keycloak-js';
+
+const { authenticated, keycloak } = useKeycloak();
+const publicResource = ref('Not retrieved — is the backend service running?');
+const privateResource = ref('Not retrieved — sign in first.');
+
+onMounted(async () => {
+  try {
+    const res = await fetch('/api/v1/public');
+    const data = await res.json();
+    publicResource.value = data.message;
+  } catch {
+    publicResource.value = 'Error loading public resource.';
+  }
+
+  if (authenticated) {
+    try {
+      await keycloak?.updateToken(30);
+      const res = await fetch('/api/v1/private', {
+        headers: { Authorization: `Bearer ${keycloak?.token}` },
+      });
+      const data = await res.json();
+      privateResource.value = data.message;
+    } catch {
+      privateResource.value = 'Error loading private resource.';
+    }
+  }
+});
+</script>
+
+<template>
+  <section>
+    <h2>Welcome to <%= projectName %>!</h2>
+    <p>Don't panic. Start editing the project to build your digital service.</p>
+    <h3>A few things you might want to do next:</h3>
+    <ul>
+      <li>Public API: <strong>{{ publicResource }}</strong></li>
+      <li>Private API (sign in to access): <strong>{{ privateResource }}</strong></li>
+      <li>
+        Extend the API: add routes to <code>/<%= projectName %>/v1</code> in the backend service.
+      </li>
+      <li>
+        <router-link to="/protected">View the protected page</router-link>
+      </li>
+    </ul>
+  </section>
+</template>

package/src/generators/vue-app/files/src/views/ProtectedView.vue__tmpl__

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import { useKeycloak } from '@dsb-norge/vue-keycloak-js';
+
+const { fullName, tokenParsed } = useKeycloak();
+const userEmail = tokenParsed?.email ?? '';
+</script>
+
+<template>
+  <section>
+    <h2>Protected page</h2>
+    <p>You are signed in as <strong>{{ fullName }}</strong> ({{ userEmail }}).</p>
+    <router-link to="/">← Back to home</router-link>
+  </section>
+</template>

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

@@ -0,0 +1,50 @@
+/// <reference types='vitest' />
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+
+export default defineConfig({
+  root: __dirname,
+  cacheDir: '<%= offsetFromRoot %>node_modules/.vite/<%= projectName %>',
+
+  server: {
+    port: 4200,
+    host: 'localhost',
+  },
+
+  preview: {
+    port: 4300,
+    host: 'localhost',
+  },
+
+  plugins: [
+    vue({
+      template: {
+        compilerOptions: {
+          // Treat goa-* custom elements as web components, not Vue components.
+          isCustomElement: (tag) => tag.startsWith('goa-'),
+        },
+      },
+    }),
+  ],
+
+  test: {
+    watch: false,
+    globals: true,
+    environment: 'jsdom',
+    include: ['src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx,vue}'],
+    reporters: ['default'],
+    coverage: {
+      reportsDirectory: '<%= offsetFromRoot %>coverage/<%= projectRoot %>',
+      provider: 'v8',
+    },
+  },
+
+  build: {
+    outDir: '<%= offsetFromRoot %>dist/<%= projectRoot %>',
+    emptyOutDir: true,
+    reportCompressedSize: true,
+    commonjsOptions: {
+      transformMixedEsModules: true,
+    },
+  },
+});

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

@@ -0,0 +1,22 @@
+import { AdspConfiguration, EnvironmentName } from '@abgov/nx-oc';
+import { NginxProxyConfiguration } from '../../utils/nginx';
+
+export interface Schema {
+  name: string;
+  env: EnvironmentName;
+  accessToken?: string;
+  tenant?: string;
+  tenantRealm?: string;
+  serviceClientId?: string;
+  proxy?: NginxProxyConfiguration | NginxProxyConfiguration[];
+  /** When true, skip the agent interaction. Used by composite generators that run the agent themselves. */
+  skipAgent?: boolean;
+}
+
+export interface NormalizedSchema extends Schema {
+  projectName: string;
+  projectRoot: string;
+  openshiftDirectory: string;
+  adsp: AdspConfiguration;
+  nginxProxies: NginxProxyConfiguration[];
+}

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

@@ -0,0 +1,85 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "id": "NxAdspVueApp",
+  "title": "Vue ADSP Application",
+  "type": "object",
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "Name of the application.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use?"
+    },
+    "env": {
+      "type": "string",
+      "description": "Environment to target.",
+      "$default": {
+        "$source": "argv",
+        "index": 1
+      },
+      "alias": "e",
+      "x-prompt": {
+        "message": "Which ADSP environment do you want to target?",
+        "type": "list",
+        "items": [
+          "dev",
+          "test",
+          "prod"
+        ]
+      }
+    },
+    "tenant": {
+      "type": "string",
+      "description": "ADSP tenant name. Looks up the tenant realm and opens a single browser login, avoiding a separate interactive tenant selection.",
+      "alias": "t"
+    },
+    "tenantRealm": {
+      "type": "string",
+      "description": "Keycloak realm UUID. Optional when --tenant is provided — overrides the realm looked up from the tenant service.",
+      "alias": "tr"
+    },
+    "accessToken": {
+      "type": "string",
+      "description": "Access token for retrieving configuration from ADSP APIs.",
+      "alias": "at"
+    },
+    "serviceClientId": {
+      "type": "string",
+      "description": "Client ID of a paired backend service (e.g. urn:ads:my-tenant:my-svc). When provided with --tenant, configures audience mapping and example-role scope on the frontend client.",
+      "alias": "sc"
+    },
+    "proxy": {
+      "oneOf": [
+        {
+          "type": "array",
+          "items": {
+            "type": "object",
+            "properties": {
+              "location": { "type": "string" },
+              "proxyPass": { "type": "string" }
+            },
+            "required": ["location", "proxyPass"]
+          }
+        },
+        {
+          "type": "object",
+          "properties": {
+            "location": { "type": "string" },
+            "proxyPass": { "type": "string" }
+          },
+          "required": ["location", "proxyPass"]
+        }
+      ]
+    },
+    "skipAgent": {
+      "type": "boolean",
+      "description": "Skip the consultAgent interaction and generate base scaffolding only.",
+      "default": false
+    }
+  },
+  "required": ["name", "env"],
+  "additionalProperties": false
+}

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

@@ -0,0 +1,3 @@
+import { Tree } from '@nx/devkit';
+import { Schema } from './schema';
+export default function (host: Tree, options: Schema): Promise<() => void>;

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

@@ -0,0 +1,140 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const tslib_1 = require("tslib");
+const nx_oc_1 = require("@abgov/nx-oc");
+const agent_1 = require("../../utils/agent");
+const keycloak_admin_1 = require("../../utils/keycloak-admin");
+const plugin_version_1 = require("../../utils/plugin-version");
+const quality_1 = require("../../utils/quality");
+const devkit_1 = require("@nx/devkit");
+const path = require("path");
+function normalizeOptions(host, options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const projectName = (0, devkit_1.names)(options.name).fileName;
+        const projectRoot = `${(0, devkit_1.getWorkspaceLayout)(host).appsDir}/${projectName}`;
+        const openshiftDirectory = `.openshift/${projectName}`;
+        const adsp = yield (0, nx_oc_1.getAdspConfiguration)(host, options);
+        const nginxProxies = Array.isArray(options.proxy)
+            ? [...options.proxy]
+            : options.proxy
+                ? [options.proxy]
+                : [];
+        return Object.assign(Object.assign({}, options), { projectName, projectRoot, openshiftDirectory, adsp, nginxProxies });
+    });
+}
+function addFiles(host, options) {
+    const templateOptions = Object.assign(Object.assign(Object.assign({}, options), options.adsp), { offsetFromRoot: (0, devkit_1.offsetFromRoot)(options.projectRoot), tmpl: '' });
+    (0, devkit_1.generateFiles)(host, path.join(__dirname, 'files'), options.projectRoot, templateOptions);
+    const addProxyConf = options.nginxProxies.length > 0;
+    if (addProxyConf) {
+        const devProxyConf = options.nginxProxies.reduce((proxyConf, nginxProxy) => {
+            const upstreamUrl = new URL(nginxProxy.proxyPass);
+            const proxy = {
+                target: `${upstreamUrl.protocol}//localhost${upstreamUrl.port ? ':' + upstreamUrl.port : ''}`,
+                secure: upstreamUrl.protocol === 'https:',
+                changeOrigin: false,
+                pathRewrite: {},
+            };
+            if (upstreamUrl.pathname.length > 1) {
+                proxy.pathRewrite = { [`^${nginxProxy.location}`]: upstreamUrl.pathname };
+            }
+            return Object.assign(Object.assign({}, proxyConf), { [nginxProxy.location]: proxy });
+        }, {});
+        (0, devkit_1.writeJson)(host, `${options.projectRoot}/vite.proxy.json`, devProxyConf);
+    }
+    return addProxyConf;
+}
+function default_1(host, options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+        const normalizedOptions = yield normalizeOptions(host, options);
+        const { applicationGenerator: initVue } = yield Promise.resolve().then(() => require('@nx/vue'));
+        yield initVue(host, {
+            name: options.name,
+            style: 'css',
+            skipFormat: true,
+            linter: 'eslint',
+            unitTestRunner: 'vitest',
+            e2eTestRunner: 'none',
+            routing: true,
+            directory: normalizedOptions.projectRoot,
+        });
+        (0, devkit_1.addDependenciesToPackageJson)(host, {
+            '@abgov/design-tokens': '1.8.0',
+            '@abgov/web-components': '1.39.3',
+            '@dsb-norge/vue-keycloak-js': '^3.0.0',
+            'keycloak-js': '^23.0.7',
+            'pinia': '^2.0.0',
+            'vue-router': '^4.0.0',
+        }, {
+            'eslint-plugin-security': '^3.0.0',
+            'eslint-plugin-no-secrets': '^2.0.0',
+        });
+        // Remove Nx scaffold files replaced by our templates.
+        for (const f of [
+            'src/App.vue',
+            'src/components/HelloWorld.vue',
+            'src/views/AboutView.vue',
+        ]) {
+            if (host.exists(`${normalizedOptions.projectRoot}/${f}`)) {
+                host.delete(`${normalizedOptions.projectRoot}/${f}`);
+            }
+        }
+        const addedProxy = addFiles(host, normalizedOptions);
+        (0, quality_1.addJestCoverageConfig)(host, normalizedOptions.projectRoot);
+        (0, quality_1.addVsCodeSettings)(host);
+        const config = (0, devkit_1.readProjectConfiguration)(host, options.name);
+        // Wire the vite dev-server proxy when nginx proxy locations are configured.
+        if (addedProxy && ((_a = config.targets.serve) === null || _a === void 0 ? void 0 : _a.options)) {
+            config.targets.serve.options = Object.assign(Object.assign({}, config.targets.serve.options), { proxyConfig: `${normalizedOptions.projectRoot}/vite.proxy.json` });
+        }
+        // Ensure silent-check-sso.html is served as a static asset.
+        if ((_b = config.targets.build) === null || _b === void 0 ? void 0 : _b.options) {
+            config.targets.build.options = Object.assign(Object.assign({}, config.targets.build.options), { assets: [
+                    ...((_c = config.targets.build.options.assets) !== null && _c !== void 0 ? _c : []),
+                    {
+                        glob: 'nginx.conf',
+                        input: normalizedOptions.projectRoot,
+                        output: './',
+                    },
+                ] });
+        }
+        (0, devkit_1.updateProjectConfiguration)(host, options.name, config);
+        (0, quality_1.addSemgrepTarget)(host, options.name);
+        yield (0, devkit_1.formatFiles)(host);
+        if (normalizedOptions.adsp) {
+            const accessToken = (_d = normalizedOptions.adsp.accessToken) !== null && _d !== void 0 ? _d : options.accessToken;
+            const clientId = `urn:ads:${normalizedOptions.adsp.tenant}:${normalizedOptions.projectName}`;
+            yield (0, keycloak_admin_1.ensurePublicClient)(normalizedOptions.adsp.accessServiceUrl, normalizedOptions.adsp.tenantRealm, clientId, accessToken);
+            if (options.serviceClientId) {
+                yield (0, keycloak_admin_1.ensureAudienceMapper)(normalizedOptions.adsp.accessServiceUrl, normalizedOptions.adsp.tenantRealm, clientId, options.serviceClientId, accessToken);
+                yield (0, keycloak_admin_1.ensureClientRoleScope)(normalizedOptions.adsp.accessServiceUrl, normalizedOptions.adsp.tenantRealm, clientId, options.serviceClientId, 'example-role', accessToken);
+            }
+        }
+        if (normalizedOptions.adsp && !options.skipAgent) {
+            const accessToken = (_e = normalizedOptions.adsp.accessToken) !== null && _e !== void 0 ? _e : options.accessToken;
+            const appVue = (_g = (_f = host.read(`${normalizedOptions.projectRoot}/src/App.vue`)) === null || _f === void 0 ? void 0 : _f.toString()) !== null && _g !== void 0 ? _g : '';
+            const mainTs = (_j = (_h = host.read(`${normalizedOptions.projectRoot}/src/main.ts`)) === null || _h === void 0 ? void 0 : _h.toString()) !== null && _j !== void 0 ? _j : '';
+            const routerTs = (_l = (_k = host.read(`${normalizedOptions.projectRoot}/src/router/index.ts`)) === null || _k === void 0 ? void 0 : _k.toString()) !== null && _l !== void 0 ? _l : '';
+            const environmentTs = (_o = (_m = host.read(`${normalizedOptions.projectRoot}/src/environments/environment.ts`)) === null || _m === void 0 ? void 0 : _m.toString()) !== null && _o !== void 0 ? _o : '';
+            yield (0, agent_1.confirmAfterAgentInterrupt)(yield (0, agent_1.consultAgent)(normalizedOptions.adsp.directoryServiceUrl, accessToken, {
+                projectName: normalizedOptions.projectName,
+                projectType: 'vue-app',
+                tenant: normalizedOptions.adsp.tenant,
+                pluginVersion: plugin_version_1.PLUGIN_VERSION,
+                existingFiles: {
+                    'src/App.vue': appVue,
+                    'src/main.ts': mainTs,
+                    'src/router/index.ts': routerTs,
+                    'src/environments/environment.ts': environmentTs,
+                },
+            }, host, normalizedOptions.projectRoot));
+        }
+        yield (0, nx_oc_1.deploymentGenerator)(host, Object.assign(Object.assign({}, normalizedOptions), { appType: 'frontend', project: normalizedOptions.projectName }));
+        return () => {
+            (0, devkit_1.installPackagesTask)(host);
+        };
+    });
+}
+//# sourceMappingURL=vue-app.js.map