Support keyword replacement for custom prompts when using the directory format

src/context/directory/handlers/prompts.ts

@@ -1,6 +1,6 @@
 import path from 'path';
-import { ensureDirSync, readFileSync, writeFileSync } from 'fs-extra';
-import { constants } from '../../../tools';
+import { ensureDirSync, writeFileSync } from 'fs-extra';
+import { constants, loadFileAndReplaceKeywords } from '../../../tools';
 import { dumpJSON, existsMustBeDir, isFile, loadJSON } from '../../../utils';
 import { DirectoryHandler } from '.';
 import DirectoryContext from '..';
@@ -67,7 +67,10 @@ function parse(context: DirectoryContext): ParsedPrompts {
             (insertionAcc, { name, template }) => {
               const templateFilePath = path.join(promptsDirectory, template);
               insertionAcc[name] = isFile(templateFilePath)
-                ? readFileSync(templateFilePath, 'utf8').trim()
+                ? loadFileAndReplaceKeywords(templateFilePath, {
+                  mappings: context.mappings,
+                  disableKeywordReplacement: context.disableKeywordReplacement,
+                }).trim()
                 : '';
               return insertionAcc;
             },

test/context/directory/prompts.test.ts

@@ -152,6 +152,109 @@ describe('#directory context prompts', () => {
     });
   });
 
+  it('should replace keywords', async () => {
+    const files = {
+      [constants.PROMPTS_DIRECTORY]: {
+        [promptsSettingsFile]: JSON.stringify({
+          universal_login_experience: 'classic',
+          identifier_first: true,
+        }),
+        [customTextFile]: JSON.stringify({
+          en: {
+            login: {
+              login: {
+                buttonText: 'Hello, ##SOME_REPLACED_LITERAL##!',
+                description: 'english login description text',
+              },
+            },
+          },
+        }),
+        [partialsFile]: JSON.stringify({
+          login: [
+            {
+              login: [
+                {
+                  name: 'form-content-start',
+                  template: 'partials/login/login/form-content-start.liquid',
+                },
+              ],
+            },
+          ],
+          signup: [
+            {
+              signup: [
+                {
+                  name: 'form-content-end',
+                  template: 'partials/signup/signup/form-content-end.liquid',
+                },
+              ],
+            },
+          ],
+        }),
+      },
+    };
+
+    const repoDir = path.join(testDataDir, 'directory', 'prompts');
+    createDir(repoDir, files);
+
+    const partialsDir = path.join(
+      repoDir,
+      constants.PROMPTS_DIRECTORY,
+      constants.PARTIALS_DIRECTORY
+    );
+
+    const partialsFiles = {
+      login: {
+        login: {
+          'form-content-start.liquid': '<p>Hello, ##SOME_REPLACED_LITERAL##!</p>',
+        },
+      },
+      signup: {
+        signup: {
+          'form-content-end.liquid': '<script>const someArray = @@SOME_REPLACED_ARRAY@@;</script>',
+        },
+      },
+    };
+
+    createDirWithNestedDir(partialsDir, partialsFiles);
+
+    const config = {
+      AUTH0_INPUT_FILE: repoDir,
+      AUTH0_KEYWORD_REPLACE_MAPPINGS: {
+        SOME_REPLACED_LITERAL: 'world',
+        SOME_REPLACED_ARRAY: ['foo', 'bar', 'baz'],
+      },
+    };
+    const context = new Context(config, mockMgmtClient());
+    await context.loadAssetsFromLocal();
+    expect(context.assets.prompts).to.deep.equal({
+      universal_login_experience: 'classic',
+      identifier_first: true,
+      partials: {
+        login: {
+          login: {
+            'form-content-start': '<p>Hello, world!</p>',
+          },
+        },
+        signup: {
+          signup: {
+            'form-content-end': '<script>const someArray = ["foo","bar","baz"];</script>',
+          },
+        },
+      },
+      customText: {
+        en: {
+          login: {
+            login: {
+              buttonText: 'Hello, world!',
+              description: 'english login description text',
+            },
+          },
+        },
+      },
+    });
+  });
+
   describe('should parse prompts even if one or both files are absent', async () => {
     it('should parse prompts even if one or more files are absent', async () => {
       cleanThenMkdir(promptsDirectory);

test/context/yaml/prompts.test.ts

@@ -155,6 +155,74 @@ describe('#YAML context prompts', () => {
     });
   });
 
+  it('should replace keywords', async () => {
+    const dir = path.join(testDataDir, 'yaml', 'prompts');
+    cleanThenMkdir(dir);
+
+    const yaml = `
+      prompts:
+        identifier_first: true
+        universal_login_experience: classic
+        customText:
+          en:
+            login:
+              login:
+                description: text in english
+                title: Hello, ##SOME_REPLACED_LITERAL##!
+                buttonText: Button text
+        partials:
+          login:
+            login:
+              form-content-end: >-
+                <p>Hello, ##SOME_REPLACED_LITERAL##!</p>
+          login-id:
+            login-id:
+              form-content-end: >-
+                <script>const someArray = @@SOME_REPLACED_ARRAY@@;</script>
+    `;
+
+    const yamlFile = path.join(dir, 'config.yaml');
+    fs.writeFileSync(yamlFile, yaml);
+
+    const config = {
+      AUTH0_INPUT_FILE: yamlFile,
+      AUTH0_KEYWORD_REPLACE_MAPPINGS: {
+        SOME_REPLACED_LITERAL: 'world',
+        SOME_REPLACED_ARRAY: ['foo', 'bar', 'baz'],
+      },
+    };
+    const context = new Context(config, mockMgmtClient());
+    await context.loadAssetsFromLocal();
+
+    expect(context.assets.prompts).to.deep.equal({
+      customText: {
+        en: {
+          login: {
+            login: {
+              buttonText: 'Button text',
+              description: 'text in english',
+              title: 'Hello, world!',
+            },
+          },
+        },
+      },
+      identifier_first: true,
+      partials: {
+        login: {
+          login: {
+            'form-content-end': '<p>Hello, world!</p>',
+          },
+        },
+        'login-id': {
+          'login-id': {
+            'form-content-end': '<script>const someArray = ["foo","bar","baz"];</script>',
+          },
+        },
+      },
+      universal_login_experience: 'classic',
+    });
+  });
+
   it('should dump prompts settings and prompts custom text', async () => {
     const context = new Context({ AUTH0_INPUT_FILE: './test.yml' }, mockMgmtClient());
     context.assets.prompts = {