Ember Engine Setup for Secrets Sync

ui/app/app.js

@@ -96,6 +96,11 @@ export default class App extends Application {
         },
       },
     },
+    sync: {
+      dependencies: {
+        services: ['router', 'store', 'flash-messages'],
+      },
+    },
   };
 }
 

ui/app/components/sidebar/nav/cluster.hbs

@@ -13,6 +13,9 @@
     @text="Secrets engines"
     data-test-sidebar-nav-link="Secrets engines"
   />
+  {{#if this.version.isEnterprise}}
+    <Nav.Link @route="vault.cluster.sync" @text="Secrets sync" data-test-sidebar-nav-link="Secrets sync" />
+  {{/if}}
   {{#if (has-permission "access")}}
     <Nav.Link
       @route={{get (route-params-for "access") "route"}}

ui/app/router.js

@@ -15,6 +15,7 @@ Router.map(function () {
   this.route('vault', { path: '/' }, function () {
     this.route('cluster', { path: '/:cluster_name' }, function () {
       this.route('dashboard');
+      this.mount('sync');
       this.route('oidc-provider-ns', { path: '/*namespace/identity/oidc/provider/:provider_name/authorize' });
       this.route('oidc-provider', { path: '/identity/oidc/provider/:provider_name/authorize' });
       this.route('oidc-callback', { path: '/auth/*auth_path/oidc/callback' });

ui/docs/ember-engines.md

@@ -160,6 +160,17 @@ loadInitializers(App, config.modulePrefix);
 
 If you used `ember g in-repo-engine <engine-name>` to generate the engine’s blueprint, it should have added `this.mount(<engine-name>)` to the main app’s `router.js` file (this adds your engine and its associated routes). \*Move `this.mount(<engine-name>)` to match your engine’s route structure. For more information about [Routable Engines](https://ember-engines.com/docs/quickstart#routable-engines).
 
+## Add engine path to ember-addon section of main app package.json
+
+```json
+  "ember-addon": {
+    "paths": [
+      "lib/core",
+      "lib/your-new-engine"
+    ]
+  },
+```
+
 ### Important Notes:
 
 - Anytime a new engine is created, you will need to `yarn install` and **RESTART** ember server!

ui/lib/sync/addon/engine.js

@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: BUSL-1.1
+ */
+
+import Engine from 'ember-engines/engine';
+import loadInitializers from 'ember-load-initializers';
+import Resolver from 'ember-resolver';
+import config from './config/environment';
+
+const { modulePrefix } = config;
+
+export default class SyncEngine extends Engine {
+  modulePrefix = modulePrefix;
+  Resolver = Resolver;
+  dependencies = {
+    services: ['router', 'store', 'flash-messages'],
+    externalRoutes: [],
+  };
+}
+
+loadInitializers(SyncEngine, modulePrefix);

ui/lib/sync/addon/routes.js

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: BUSL-1.1
+ */
+
+import buildRoutes from 'ember-engines/routes';
+
+export default buildRoutes(function () {
+  this.route('secrets', function () {
+    this.route('overview');
+    this.route('destinations', function () {
+      this.route('create', function () {
+        this.route('destination', { path: '/:type' });
+      });
+      this.route('destination', { path: '/:type/:name' }, function () {
+        this.route('edit');
+        this.route('details');
+        this.route('secrets', function () {
+          this.route('sync');
+        });
+      });
+    });
+  });
+});

ui/lib/sync/addon/routes/index.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: BUSL-1.1
+ */
+
+import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
+
+import type RouterService from '@ember/routing/router-service';
+
+export default class SyncSecretsRoute extends Route {
+  @service declare readonly router: RouterService;
+
+  redirect() {
+    this.router.transitionTo('vault.cluster.sync.secrets.overview');
+  }
+}

ui/lib/sync/config/environment.js

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: BUSL-1.1
+ */
+
+/* eslint-env node */
+'use strict';
+
+module.exports = function (environment) {
+  const ENV = {
+    modulePrefix: 'sync',
+    environment,
+  };
+
+  return ENV;
+};

ui/lib/sync/index.js

@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: BUSL-1.1
+ */
+
+/* eslint-env node */
+/* eslint-disable n/no-extraneous-require */
+'use strict';
+
+const { buildEngine } = require('ember-engines/lib/engine-addon');
+
+module.exports = buildEngine({
+  name: 'sync',
+
+  lazyLoading: Object.freeze({
+    enabled: false,
+  }),
+
+  isDevelopingAddon() {
+    return true;
+  },
+});

ui/lib/sync/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "sync",
+  "keywords": [
+    "ember-addon",
+    "ember-engine"
+  ],
+  "dependencies": {
+    "@hashicorp/design-system-components": "*",
+    "ember-cli-htmlbars": "*",
+    "ember-cli-babel": "*",
+    "ember-concurrency": "*",
+    "@ember/test-waiters": "*",
+    "ember-cli-typescript": "*",
+    "@types/ember": "latest",
+    "@types/ember-data": "latest",
+    "@types/ember-data__store": "latest",
+    "@types/ember__array": "latest",
+    "@types/ember__component": "latest",
+    "@types/ember__controller": "latest",
+    "@types/ember__engine": "latest",
+    "@types/ember__routing": "latest",
+    "@types/rsvp": "latest"
+  },
+  "ember-addon": {
+    "paths": [
+      "../core"
+    ]
+  }
+}

ui/package.json

@@ -242,7 +242,8 @@
       "lib/open-api-explorer",
       "lib/pki",
       "lib/replication",
-      "lib/service-worker-authenticated-download"
+      "lib/service-worker-authenticated-download",
+      "lib/sync"
     ]
   },
   "dependencies": {

ui/tests/acceptance/enterprise-sidebar-nav-test.js

@@ -24,6 +24,9 @@ module('Acceptance | Enterprise | sidebar navigation', function (hooks) {
   test('it should render enterprise only navigation links', async function (assert) {
     assert.dom(panel('Cluster')).exists('Cluster nav panel renders');
 
+    await click(link('Secrets sync'));
+    assert.strictEqual(currentURL(), '/vault/sync/secrets/overview', 'Sync route renders');
+
     await click(link('Replication'));
     assert.strictEqual(currentURL(), '/vault/replication', 'Replication route renders');
     await click('[data-test-replication-enable]');

ui/tests/integration/components/sidebar/nav/cluster-test.js

@@ -49,6 +49,7 @@ module('Integration | Component | sidebar-nav-cluster', function (hooks) {
     const links = [
       'Dashboard',
       'Secrets engines',
+      'Secrets sync',
       'Access',
       'Policies',
       'Tools',

ui/tsconfig.json

@@ -69,6 +69,8 @@
       "service-worker-authenticated-download/test-support/*": [
         "lib/service-worker-authenticated-download/addon-test-support/*"
       ],
+      "sync": ["lib/sync/addon"],
+      "sync/*": ["lib/sync/addon/*"],
       "*": ["types/*"]
     }
   },
@@ -84,6 +86,7 @@
     "lib/pki/**/*",
     "lib/replication/**/*",
     "lib/service-worker-authenticated-download/**/*",
+    "lib/sync/**/*",
     "mirage/**/*"
   ],
   "exclude": ["node_modules"]