@keycloakify/angular-email 0.0.1-rc.2 → 0.0.1-rc.20

package/lib/components/link/link.component.d.ts

@@ -1,13 +1,14 @@
 import * as i0 from "@angular/core";
 export declare class LinkComponent {
-    $linkStyle: import("@angular/core").InputSignal<Record<string, any> | null | undefined>;
+    $style: import("@angular/core").InputSignal<Record<string, any> | null | undefined>;
+    $styleClass: import("@angular/core").InputSignal<string | undefined>;
     $disableDefaultStyle: import("@angular/core").InputSignal<boolean>;
     $href: import("@angular/core").InputSignal<string>;
     $target: import("@angular/core").InputSignal<string>;
-    $style: import("@angular/core").Signal<{
+    $linkStyle: import("@angular/core").Signal<{
         color?: string | undefined;
         textDecoration?: string | undefined;
     }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LinkComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LinkComponent, "ng-email-link", never, { "$linkStyle": { "alias": "linkStyle"; "required": false; "isSignal": true; }; "$disableDefaultStyle": { "alias": "disableDefaultStyle"; "required": false; "isSignal": true; }; "$href": { "alias": "href"; "required": false; "isSignal": true; }; "$target": { "alias": "target"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinkComponent, "ng-email-link", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "$disableDefaultStyle": { "alias": "disableDefaultStyle"; "required": false; "isSignal": true; }; "$href": { "alias": "href"; "required": false; "isSignal": true; }; "$target": { "alias": "target"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/preview/preview.component.d.ts

@@ -1,7 +1,8 @@
 import * as i0 from "@angular/core";
 export declare class PreviewComponent {
     $preview: import("@angular/core").InputSignal<string>;
-    $text: import("@angular/core").Signal<string>;
+    maxLength: number;
+    $text: import("@angular/core").Signal<string | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PreviewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PreviewComponent, "ng-email-preview", never, { "$preview": { "alias": "preview"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/raw/raw.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class RawComponent {
+    $disablePlainTextOutput: import("@angular/core").InputSignal<boolean>;
+    $content: import("@angular/core").InputSignal<string>;
+    $escapingContent: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RawComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RawComponent, "ng-email-raw", never, { "$disablePlainTextOutput": { "alias": "disablePlainTextOutput"; "required": false; "isSignal": true; }; "$content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/row/row.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class RowComponent {
+    $style: import("@angular/core").InputSignal<Record<string, any> | null | undefined>;
+    $styleClass: import("@angular/core").InputSignal<string | undefined>;
+    $disableDefaultStyle: import("@angular/core").InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RowComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RowComponent, "ng-email-row", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "$disableDefaultStyle": { "alias": "disableDefaultStyle"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/section/section.component.d.ts

@@ -1,7 +1,8 @@
 import * as i0 from "@angular/core";
 export declare class SectionComponent {
-    $sectionStyle: import("@angular/core").InputSignal<Record<string, any> | null | undefined>;
-    $style: import("@angular/core").Signal<string>;
+    $style: import("@angular/core").InputSignal<Record<string, any> | null | undefined>;
+    $styleClass: import("@angular/core").InputSignal<string | undefined>;
+    $sectionStyle: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SectionComponent, "ng-email-section", never, { "$sectionStyle": { "alias": "sectionStyle"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SectionComponent, "ng-email-section", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/text/text.component.d.ts

@@ -1,12 +1,13 @@
 import * as i0 from "@angular/core";
 export declare class TextComponent {
-    $textStyle: import("@angular/core").InputSignal<Record<string, any> | null | undefined>;
+    $style: import("@angular/core").InputSignal<Record<string, any> | null | undefined>;
+    $styleClass: import("@angular/core").InputSignal<string | undefined>;
     $disableDefaultStyle: import("@angular/core").InputSignal<boolean>;
-    $style: import("@angular/core").Signal<{
+    $textStyle: import("@angular/core").Signal<{
         fontSize?: string | undefined;
         lineHeight?: string | undefined;
         margin?: string | undefined;
     }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextComponent, "ng-email-text", never, { "$textStyle": { "alias": "textStyle"; "required": false; "isSignal": true; }; "$disableDefaultStyle": { "alias": "disableDefaultStyle"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextComponent, "ng-email-text", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "$disableDefaultStyle": { "alias": "disableDefaultStyle"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/render.d.ts

@@ -1,12 +1,27 @@
 import { Type } from '@angular/core';
-type Render = {
+import { Config } from 'tailwindcss';
+type Render<Input extends Record<string, any>> = {
     component: Type<unknown>;
     /** Component selector */
     selector: string;
+    props?: Input;
     options?: {
         plainText?: boolean;
         pretty?: boolean;
+        /** tailwind configuration object */
+        tailwindConfig?: Partial<Config>;
+        signalInputsPrefix?: string;
     };
 };
-export declare const render: ({ component, selector, options }: Render) => Promise<string>;
+/**
+ * Renders an Angular component to HTML and applies transformations.
+ *
+ * @param component - The Angular component to render.
+ * @param selector - The Component selector.
+ * @param options - Optional rendering options.
+ *
+ * @returns {Promise<string>} The rendered HTML or plain text.
+ */
+export declare const render: <Input extends Record<string, any>>({ component, selector, props, options, }: Render<Input>) => Promise<string>;
+export type RenderToHtml<Input extends Record<string, any>> = (props?: Input) => ReturnType<typeof render>;
 export {};

package/lib/utils.d.ts

@@ -14,3 +14,5 @@ export declare const styleToString: (style: Record<string, string | number | nul
 export declare const classToString: (style: string | string[] | Set<string> | Record<string, any> | null | undefined) => string;
 export declare const unreachable: (condition: never, message?: string) => never;
 export declare const HTMLElements: string[];
+export declare function escapeForRawComponent(input: string): string;
+export declare function unescapeForRawComponent(input: string): string;

package/node/index.cjs

@@ -0,0 +1 @@
+var m=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var T=Object.prototype.hasOwnProperty;var y=(o,t)=>{for(var e in t)m(o,e,{get:t[e],enumerable:!0})},v=(o,t,e,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of j(t))!T.call(o,n)&&n!==e&&m(o,n,{get:()=>t[n],enumerable:!(s=x(t,n))||s.enumerable});return o};var k=o=>v(m({},"__esModule",{value:!0}),o);var F={};y(F,{toHTML:()=>D});module.exports=k(F);var u=require("@keycloakify/angular-email/esbuild"),p=require("esbuild"),g=require("node:fs/promises"),l=require("node:path"),a=require("node:process"),d=require("node:url"),D=async o=>{let t=console.log;console.log=function(...r){if(r[0]!=="Angular is running in development mode.")return console.info(...r)};let{filePath:e,props:s,root:n}=o;try{let r=new Date,i=n??(0,a.cwd)(),c=(0,l.join)(i,".tmp/emails"),f=await(0,p.build)({logLevel:"warning",entryPoints:[e],bundle:!0,outdir:c,absWorkingDir:i,platform:"node",sourcemap:!1,minify:!0,packages:"bundle",external:["juice","postcss"],format:"cjs",outExtension:{".js":".cjs"},target:"node20",plugins:[(0,u.angularEsbuildPlugin)(i)],metafile:!0}),b=Object.entries(f.metafile.outputs)[0],h=await(await import((0,d.pathToFileURL)((0,l.resolve)(i,b[0])).toString())).renderToHtml(s);await(0,g.rm)(c,{recursive:!0,force:!0});let w=(new Date().getTime()-r.getTime())/1e3,P=e.split("/").pop();return console.log("\x1B[36m%s\x1B[0m",`rendered ${P} to html in ${w}s`),console.log=t,h}catch(r){console.log=t,console.error(r),(0,a.exit)(1)}};0&&(module.exports={toHTML});

package/node/index.d.ts

@@ -0,0 +1,5 @@
+export declare const toHTML: <Input extends Record<string, any>>(options: {
+    filePath: string;
+    props?: Input;
+    root?: string;
+}) => Promise<string>;

package/node/index.js

@@ -0,0 +1 @@
+import{angularEsbuildPlugin as g}from"@keycloakify/angular-email/esbuild";import{build as d}from"esbuild";import{rm as f}from"node:fs/promises";import{join as b,resolve as h}from"node:path";import{cwd as w,exit as P}from"node:process";import{pathToFileURL as x}from"node:url";var L=async s=>{let e=console.log;console.log=function(...t){if(t[0]!=="Angular is running in development mode.")return console.info(...t)};let{filePath:n,props:i,root:l}=s;try{let t=new Date,o=l??w(),r=b(o,".tmp/emails"),a=await d({logLevel:"warning",entryPoints:[n],bundle:!0,outdir:r,absWorkingDir:o,platform:"node",sourcemap:!1,minify:!0,packages:"bundle",external:["juice","postcss"],format:"cjs",outExtension:{".js":".cjs"},target:"node20",plugins:[g(o)],metafile:!0}),m=Object.entries(a.metafile.outputs)[0],c=await(await import(x(h(o,m[0])).toString())).renderToHtml(i);await f(r,{recursive:!0,force:!0});let u=(new Date().getTime()-t.getTime())/1e3,p=n.split("/").pop();return console.log("\x1B[36m%s\x1B[0m",`rendered ${p} to html in ${u}s`),console.log=e,c}catch(t){console.log=e,console.error(t),P(1)}};export{L as toHTML};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keycloakify/angular-email",
-  "version": "0.0.1-rc.2",
+  "version": "0.0.1-rc.20",
   "license": "MIT",
   "type": "module",
   "description": "Angular Email Builder",
@@ -26,15 +26,22 @@
   "dependencies": {
     "tslib": "^2.3.0",
     "html-to-text": "^9.0.5",
-    "pretty": "^2.0.0",
     "cheerio": "^1.0.0",
     "@angular/build": "^19.1.0",
-    "@angular/platform-server": "^19.1.0"
+    "@angular/platform-server": "^19.1.0",
+    "tailwindcss-preset-email": "^1.4.0",
+    "juice": "^11.0.1",
+    "postcss": "^8.5.3",
+    "pretty": "^2.0.0",
+    "termost": "^1.4.0"
   },
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
   },
+  "bin": {
+    "keycloakify-angular-email": "bin/build.mjs"
+  },
   "module": "fesm2022/keycloakify-angular-email.mjs",
   "typings": "index.d.ts",
   "exports": {
@@ -48,6 +55,12 @@
     "./esbuild": {
       "types": "./esbuild/index.d.ts",
       "default": "./fesm2022/keycloakify-angular-email-esbuild.mjs"
+    },
+    "./node": {
+      "types": "./node/index.d.ts",
+      "import": "./node/index.js",
+      "require": "./node/index.cjs",
+      "default": "./node/index.cjs"
     }
   }
-}
+}