Merge pull request #18 from lenaorobei/SITES-17571

SITES-17571: Update templates with extension preview
adobe · Nov 28, 2023 · bb64b44 · bb64b44
2 parents ed8e0e9 + e8f3257
commit bb64b44
Show file tree

Hide file tree

Showing 6 changed files with 27 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@adobe/aem-cf-admin-ui-ext-tpl",
-  "version": "1.0.0-beta.23",
+  "version": "1.0.0-beta.24",
   "main": "src/index.js",
   "description": "Extensibility template for AEM Content Fragment Admin Console",
   "engines": {

diff --git a/src/generator-add-web-assets-cf-admin.js b/src/generator-add-web-assets-cf-admin.js
@@ -44,6 +44,12 @@ class CFAdminWebAssetsGenerator extends Generator {
       this.props
     )
 
+    // Copy hooks folder
+    this.fs.copyTpl(
+      this.templatePath('./templates/hooks/*'),
+      this.destinationPath('./hooks')
+    )
+
     // Generate App.js
     this._generateAppRoute()
 
@@ -67,6 +73,7 @@ class CFAdminWebAssetsGenerator extends Generator {
       '@adobe/uix-guest': '^0.8.0',
       '@react-spectrum/list': '^3.0.0-rc.0',
       '@spectrum-icons/workflow': '^3.2.0',
+      'chalk': '^4',
       'core-js': '^3.6.4',
       'node-fetch': '^2.6.0',
       'node-html-parser': '^5.4.2-0',

diff --git a/src/index.js b/src/index.js
@@ -135,6 +135,13 @@ class MainGenerator extends Generator {
 
     // add web-src path, relative to config file
     utils.writeKeyYAMLConfig(this, this.extConfigPath, 'web', path.relative(this.extFolder, this.webSrcFolder))
+
+    // add hooks path
+    utils.writeKeyYAMLConfig(this, this.extConfigPath,
+      'hooks', {
+        'post-app-deploy': './hooks/post-deploy.js'
+      }
+    )
   }
 
   async conflicts () {

diff --git a/src/templates/hooks/post-deploy.js b/src/templates/hooks/post-deploy.js
@@ -0,0 +1,8 @@
+const chalk = require('chalk')
+
+module.exports = (config) => {
+    console.log(chalk.magenta(chalk.bold('For a developer preview of your UI extension in the AEM environment, follow the URL:')))
+    const appUrl =  `https://${config.ow.namespace}.${config.app.hostname}`
+    const base64EncodedUrl = Buffer.from(appUrl).toString('base64')
+    console.log(chalk.magenta(chalk.bold(`  -> https://experience.adobe.com/aem/extension-manager/preview/${base64EncodedUrl}`)))
+};
diff --git a/test/generator-add-web-assets-cf-admin.test.js b/test/generator-add-web-assets-cf-admin.test.js
@@ -149,6 +149,7 @@ describe('run', () => {
         '@adobe/uix-guest': expect.any(String),
         '@react-spectrum/list': expect.any(String),
         '@spectrum-icons/workflow': expect.any(String),
+        'chalk': expect.any(String),
         'core-js': expect.any(String),
         'node-fetch': expect.any(String),
         'node-html-parser': expect.any(String),
@@ -191,6 +192,7 @@ describe('run', () => {
         '@adobe/uix-guest': expect.any(String),
         '@react-spectrum/list': expect.any(String),
         '@spectrum-icons/workflow': expect.any(String),
+        'chalk': expect.any(String),
         'core-js': expect.any(String),
         'node-fetch': expect.any(String),
         'node-html-parser': expect.any(String),

diff --git a/test/index.test.js b/test/index.test.js
@@ -48,7 +48,7 @@ describe('run', () => {
       expect.any(Object)
     )
     expect(writeKeyAppConfig).toHaveBeenCalledTimes(1)
-    expect(writeKeyYAMLConfig).toHaveBeenCalledTimes(3)
+    expect(writeKeyYAMLConfig).toHaveBeenCalledTimes(4)
     expect(writeKeyAppConfig).toHaveBeenCalledWith(expect.any(CFAdminMainGenerator), `extensions.${configName}`, { $include: `${srcFolder}/${extConfig}` })
     expect(writeKeyYAMLConfig).toHaveBeenCalledWith(expect.any(CFAdminMainGenerator), global.n(`${srcFolder}/${extConfig}`), 'operations', { view: [{ impl: 'index.html', type: 'web' }] })
     expect(writeKeyYAMLConfig).toHaveBeenCalledWith(expect.any(CFAdminMainGenerator), global.n(`${srcFolder}/${extConfig}`), 'actions', 'actions')
@@ -86,7 +86,7 @@ describe('run', () => {
       expect.any(Object)
     )
     expect(writeKeyAppConfig).toHaveBeenCalledTimes(1)
-    expect(writeKeyYAMLConfig).toHaveBeenCalledTimes(3)
+    expect(writeKeyYAMLConfig).toHaveBeenCalledTimes(4)
     expect(writeKeyAppConfig).toHaveBeenCalledWith(expect.any(CFAdminMainGenerator), `extensions.${configName}`, { $include: `${srcFolder}/${extConfig}` })
     expect(writeKeyYAMLConfig).toHaveBeenCalledWith(expect.any(CFAdminMainGenerator), global.n(`${srcFolder}/${extConfig}`), 'operations', { view: [{ impl: 'index.html', type: 'web' }] })
     expect(writeKeyYAMLConfig).toHaveBeenCalledWith(expect.any(CFAdminMainGenerator), global.n(`${srcFolder}/${extConfig}`), 'actions', 'actions')