@keycloakify/angular-email 0.0.1-rc.6 → 0.0.1-rc.8

package/bin/build.js

@@ -0,0 +1,153 @@
+#!/usr/bin/env node
+import { angularEsbuildPlugin } from '@keycloakify/angular-email/esbuild';
+import esbuild from 'esbuild';
+import { readdir, rm, writeFile } from 'node:fs/promises';
+import { basename, join, resolve } from 'node:path';
+import { cwd, exit } from 'node:process';
+import { pathToFileURL } from 'node:url';
+import { termost } from 'termost';
+import pkg from '../package.json' with { type: 'json' };
+async function bundle(entryPoints, cwd, outdir) {
+    // we have to use a bundler to preprocess templates code
+    // It's better to not use the same bundling configuration used for the
+    // frontend theme, because for email templates there might be a different
+    // transpiling settings, such as other jsx-pragma or additional transpilation plugins,
+    const result = await esbuild.build({
+        entryPoints: entryPoints,
+        bundle: true,
+        outdir,
+        absWorkingDir: cwd,
+        platform: 'node',
+        sourcemap: true,
+        packages: 'bundle',
+        external: ['@maizzle/framework'],
+        format: 'esm',
+        target: 'node20',
+        plugins: [angularEsbuildPlugin(cwd)],
+        metafile: true,
+    });
+    // collect map of entrypoints -> output files
+    // esbuild return paths relative to the CWD
+    // https://github.com/evanw/esbuild/issues/338
+    return Object.entries(result.metafile.outputs).reduce((acc, [filePath, meta]) => {
+        if (meta.entryPoint) {
+            // Absolute pathes doesn't work on windows.
+            // Have to use `pathToFileURL` to convert it to url
+            acc[resolve(cwd, meta.entryPoint)] = pathToFileURL(resolve(cwd, filePath)).toString();
+        }
+        return acc;
+    }, {});
+}
+async function getTemplates(dirPath, filterTemplate) {
+    try {
+        const recursiveGetFiles = async (path) => {
+            const items = await readdir(path, { withFileTypes: true });
+            const dirents = [];
+            for (const item of items) {
+                if (item.isFile())
+                    dirents.push(item);
+                else if (item.isDirectory()) {
+                    dirents.push(...(await recursiveGetFiles(join(item.parentPath, item.name))));
+                }
+            }
+            return dirents;
+        };
+        // Read all items in the directory
+        const items = (await recursiveGetFiles(dirPath))
+            .map((file) => join(file.parentPath, file.name))
+            .filter((filePath) => {
+            if (!filterTemplate)
+                return true;
+            return filterTemplate(filePath);
+        });
+        return items;
+    }
+    catch (err) {
+        console.error(`Error scanning directory: ${err.message}`);
+        throw err;
+    }
+}
+const build = async (emailFilesPath, outdir = 'dist/emails') => {
+    if (!emailFilesPath) {
+        console.error('emailFilesPath is required!');
+        exit(1);
+    }
+    try {
+        console.log(`building emails to ${outdir}...`);
+        const tmp = join(cwd(), outdir, '.tmp');
+        await rm(outdir, { recursive: true, force: true });
+        const tpls = await getTemplates(resolve(cwd(), emailFilesPath), (path) => path.endsWith('.ts'));
+        if (!tpls.length) {
+            console.error('no templates found!');
+            exit(1);
+        }
+        const entryPoints = [...tpls];
+        const bundled = await bundle(entryPoints, cwd(), tmp);
+        const promises = tpls.map(async (file) => {
+            const module = await import(bundled[file]);
+            console.log(`- ${file}`);
+            return Object.assign(Object.assign({}, module), { file });
+        });
+        const modules = await Promise.all(promises);
+        modules.forEach(async (module) => {
+            const html = await module.renderToHtml();
+            await writeFile(`${outdir}/${basename(module.file).split('.')[0]}.html`, html);
+        });
+        await rm(tmp, { recursive: true, force: true });
+        console.log('\x1b[36m%s\x1b[0m', `build complete!`);
+        exit(0);
+    }
+    catch (error) {
+        console.error(error);
+        exit(1);
+    }
+};
+const program = termost({
+    name: 'keycloakify-angular-email',
+    description: 'Keycloakify CLI',
+    version: pkg.version,
+    onException: (error) => {
+        console.error(error);
+        process.exit(1);
+    },
+});
+program.option({
+    key: 'emailFilesPath',
+    name: { long: 'emailFilesPath', short: 'p' },
+    description: '',
+    defaultValue: '',
+});
+program.option({
+    key: 'outDir',
+    name: { long: 'outDir', short: 'o' },
+    description: '',
+    defaultValue: 'dist/emails',
+});
+program
+    .command({
+    name: 'build',
+    description: 'build angular components to html',
+})
+    .input({
+    key: 'emailFilesPath',
+    type: 'text',
+    defaultValue: undefined,
+    label: "what's the path of your email components files?",
+    skip(context) {
+        return Boolean(context.emailFilesPath);
+    },
+})
+    .input({
+    key: 'outDir',
+    type: 'text',
+    defaultValue: 'dist/emails',
+    label: 'where do you want to output html files?',
+    skip(context) {
+        return Boolean(context.outDir);
+    },
+})
+    .task({
+    handler: async (context) => {
+        await build(context.emailFilesPath, context.outDir);
+    },
+});

package/esbuild/esbuild.d.ts

@@ -1 +1,2 @@
-export declare const angularEsbuildPlugin: (cwd: string) => import("esbuild").Plugin;
+import { Plugin } from 'esbuild';
+export declare const angularEsbuildPlugin: (cwd: string) => Plugin;

package/fesm2022/keycloakify-angular-email-esbuild.mjs

@@ -13,10 +13,10 @@ const angularEsbuildPlugin = (cwd) => createCompilerPlugin({
     },
     inlineFonts: false,
     inlineStyleLanguage: 'css',
-    optimization: false,
+    optimization: true,
     sourcemap: false,
     target: [],
-    workspaceRoot: '',
+    workspaceRoot: cwd,
     outputNames: { bundles: '', media: '' },
 });
 

package/fesm2022/keycloakify-angular-email-esbuild.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-email-esbuild.mjs","sources":["../../../projects/angular-email/esbuild/esbuild.ts","../../../projects/angular-email/esbuild/keycloakify-angular-email-esbuild.ts"],"sourcesContent":["import { createCompilerPlugin } from '@angular/build/private';\n\nexport const angularEsbuildPlugin = (cwd: string) =>\n  createCompilerPlugin(\n    {\n      browserOnlyBuild: false,\n      incremental: false,\n      sourcemap: true,\n      tsconfig: cwd + '/tsconfig.json',\n    },\n    {\n      cacheOptions: {\n        basePath: cwd + '/.angular/cache',\n        enabled: false,\n        path: cwd + '/.angular/cache/angular-email',\n      },\n      inlineFonts: false,\n      inlineStyleLanguage: 'css',\n      optimization: false,\n      sourcemap: false,\n      target: [],\n      workspaceRoot: '',\n      outputNames: { bundles: '', media: '' },\n    },\n  );\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAEa,MAAA,oBAAoB,GAAG,CAAC,GAAW,KAC9C,oBAAoB,CAClB;AACE,IAAA,gBAAgB,EAAE,KAAK;AACvB,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,GAAG,GAAG,gBAAgB;CACjC,EACD;AACE,IAAA,YAAY,EAAE;QACZ,QAAQ,EAAE,GAAG,GAAG,iBAAiB;AACjC,QAAA,OAAO,EAAE,KAAK;QACd,IAAI,EAAE,GAAG,GAAG,+BAA+B;AAC5C,KAAA;AACD,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,mBAAmB,EAAE,KAAK;AAC1B,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,aAAa,EAAE,EAAE;IACjB,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;AACxC,CAAA;;ACvBL;;AAEG;;;;"}
+{"version":3,"file":"keycloakify-angular-email-esbuild.mjs","sources":["../../../projects/angular-email/esbuild/esbuild.ts","../../../projects/angular-email/esbuild/keycloakify-angular-email-esbuild.ts"],"sourcesContent":["import { createCompilerPlugin } from '@angular/build/private';\nimport { Plugin } from 'esbuild';\n\nexport const angularEsbuildPlugin = (cwd: string): Plugin =>\n  createCompilerPlugin(\n    {\n      browserOnlyBuild: false,\n      incremental: false,\n      sourcemap: true,\n      tsconfig: cwd + '/tsconfig.json',\n    },\n    {\n      cacheOptions: {\n        basePath: cwd + '/.angular/cache',\n        enabled: false,\n        path: cwd + '/.angular/cache/angular-email',\n      },\n      inlineFonts: false,\n      inlineStyleLanguage: 'css',\n      optimization: true,\n      sourcemap: false,\n      target: [],\n      workspaceRoot: cwd,\n      outputNames: { bundles: '', media: '' },\n    },\n  );\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAGa,MAAA,oBAAoB,GAAG,CAAC,GAAW,KAC9C,oBAAoB,CAClB;AACE,IAAA,gBAAgB,EAAE,KAAK;AACvB,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,GAAG,GAAG,gBAAgB;CACjC,EACD;AACE,IAAA,YAAY,EAAE;QACZ,QAAQ,EAAE,GAAG,GAAG,iBAAiB;AACjC,QAAA,OAAO,EAAE,KAAK;QACd,IAAI,EAAE,GAAG,GAAG,+BAA+B;AAC5C,KAAA;AACD,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,mBAAmB,EAAE,KAAK;AAC1B,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,aAAa,EAAE,GAAG;IAClB,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;AACxC,CAAA;;ACxBL;;AAEG;;;;"}