@keycloakify/angular-email 1.4.0 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/keycloakify-angular-email-esbuild.mjs +22 -24
- package/fesm2022/keycloakify-angular-email-esbuild.mjs.map +1 -1
- package/fesm2022/keycloakify-angular-email-tailwindcss-preset-email-css-processor.mjs +65 -79
- package/fesm2022/keycloakify-angular-email-tailwindcss-preset-email-css-processor.mjs.map +1 -1
- package/fesm2022/keycloakify-angular-email.mjs +2654 -869
- package/fesm2022/keycloakify-angular-email.mjs.map +1 -1
- package/package.json +15 -15
- package/tailwindcss-preset-email/css-processor/css-processor.ts +17 -2
- package/types/keycloakify-angular-email-esbuild.d.ts +2 -5
- package/types/keycloakify-angular-email-tailwindcss-preset-email-css-processor.d.ts +1 -3
- package/types/keycloakify-angular-email.d.ts +652 -272
|
@@ -1,28 +1,26 @@
|
|
|
1
|
-
import { createCompilerPlugin } from
|
|
2
|
-
|
|
1
|
+
import { createCompilerPlugin } from "@angular/build/private";
|
|
3
2
|
const angularEsbuildPlugin = (cwd) => createCompilerPlugin({
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
3
|
+
browserOnlyBuild: false,
|
|
4
|
+
incremental: false,
|
|
5
|
+
sourcemap: true,
|
|
6
|
+
tsconfig: cwd + "/tsconfig.json"
|
|
8
7
|
}, {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
8
|
+
cacheOptions: {
|
|
9
|
+
basePath: cwd + "/.angular/cache",
|
|
10
|
+
enabled: false,
|
|
11
|
+
path: cwd + "/.angular/cache/angular-email"
|
|
12
|
+
},
|
|
13
|
+
inlineFonts: false,
|
|
14
|
+
inlineStyleLanguage: "css",
|
|
15
|
+
optimization: true,
|
|
16
|
+
sourcemap: false,
|
|
17
|
+
target: [],
|
|
18
|
+
workspaceRoot: cwd,
|
|
19
|
+
outputNames: {
|
|
20
|
+
bundles: "",
|
|
21
|
+
media: ""
|
|
22
|
+
}
|
|
21
23
|
});
|
|
22
|
-
|
|
23
|
-
/**
|
|
24
|
-
* Generated bundle index. Do not edit.
|
|
25
|
-
*/
|
|
26
|
-
|
|
27
24
|
export { angularEsbuildPlugin };
|
|
28
|
-
|
|
25
|
+
|
|
26
|
+
//# sourceMappingURL=keycloakify-angular-email-esbuild.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"keycloakify-angular-email-esbuild.mjs","
|
|
1
|
+
{"version":3,"file":"keycloakify-angular-email-esbuild.mjs","names":[],"sources":["../../../projects/angular-email/esbuild/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"],"mappings":";AAGA,MAAa,wBAAwB,QACnC,qBACE;CACE,kBAAkB;CAClB,aAAa;CACb,WAAW;CACX,UAAU,MAAM;AACjB,GACD;CACE,cAAc;EACZ,UAAU,MAAM;EAChB,SAAS;EACT,MAAM,MAAM;CACb;CACD,aAAa;CACb,qBAAqB;CACrB,cAAc;CACd,WAAW;CACX,QAAQ,CAAA;CACR,eAAe;CACf,aAAa;EAAE,SAAS;EAAI,OAAO;CAAE;AACtC,CAAA"}
|
|
@@ -1,82 +1,68 @@
|
|
|
1
|
-
import tailwindcss from
|
|
2
|
-
import postcss from
|
|
3
|
-
import calc from
|
|
4
|
-
import properties from
|
|
5
|
-
import logical from
|
|
6
|
-
import preset from
|
|
7
|
-
|
|
1
|
+
import tailwindcss from "@tailwindcss/postcss";
|
|
2
|
+
import postcss from "postcss";
|
|
3
|
+
import calc from "postcss-calc";
|
|
4
|
+
import properties from "postcss-custom-properties";
|
|
5
|
+
import logical from "postcss-logical";
|
|
6
|
+
import preset from "postcss-preset-env";
|
|
8
7
|
const cssProcessor = async (style, html) => {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
inlineDirection: 'left-to-right',
|
|
67
|
-
},
|
|
68
|
-
})).process(styleWithSources, { map: false, from: undefined });
|
|
69
|
-
return result.css;
|
|
70
|
-
}
|
|
71
|
-
catch (error) {
|
|
72
|
-
console.error('CSS processing failed:', error);
|
|
73
|
-
throw new Error(`Failed to process CSS: ${error instanceof Error ? error.message : 'Unknown error'}`);
|
|
74
|
-
}
|
|
8
|
+
try {
|
|
9
|
+
const inlineSafelist = html ? Array.from(new Set((html.match(/class=["']([^"']+)["']/g) ?? []).flatMap((m) => m.replace(/^class=["']|["']$/g, "").trim().split(/\s+/)).filter(Boolean))).slice(0, 5e3).map((c) => c.replace(/\\/g, "\\\\").replace(/"/g, "\\\"")).join(" ") : "";
|
|
10
|
+
const styleWithSources = inlineSafelist.length > 0 ? `@source inline("${inlineSafelist}");\n${style}` : style;
|
|
11
|
+
return (await postcss(tailwindcss({ base: "" }), properties({ preserve: false }), calc(), {
|
|
12
|
+
postcssPlugin: "unwrap-single-value-calc",
|
|
13
|
+
OnceExit(root) {
|
|
14
|
+
root.walkDecls((decl) => {
|
|
15
|
+
if (!decl.value.includes("calc(")) return;
|
|
16
|
+
decl.value = decl.value.replace(/calc\(\s*([+-]?(?:\d+\.?\d*|\.\d+)(?:[a-z]+|%)?)\s*\)/gi, "$1");
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
}, {
|
|
20
|
+
postcssPlugin: "inline-tw-vars-from-layer",
|
|
21
|
+
Once(root) {
|
|
22
|
+
const defaultVars = /* @__PURE__ */ new Map();
|
|
23
|
+
root.walkAtRules("layer", (layerRule) => {
|
|
24
|
+
if (layerRule.params === "properties") layerRule.walkDecls(/^--tw-/, (decl) => {
|
|
25
|
+
defaultVars.set(decl.prop, decl.value);
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
root.walkDecls((decl) => {
|
|
29
|
+
decl.value = decl.value.replace(/var\((--tw-[^,)]+)\)/g, (match, varName) => {
|
|
30
|
+
return defaultVars.has(varName) ? defaultVars.get(varName) : match;
|
|
31
|
+
});
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
}, {
|
|
35
|
+
postcssPlugin: "remove-unused-tw-vars",
|
|
36
|
+
Once(root) {
|
|
37
|
+
root.walkDecls(/^--tw-/, (decl) => {
|
|
38
|
+
decl.remove();
|
|
39
|
+
});
|
|
40
|
+
root.walkAtRules("property", (atRule) => {
|
|
41
|
+
if (atRule.params.startsWith("--tw-")) atRule.remove();
|
|
42
|
+
});
|
|
43
|
+
root.walkAtRules("layer", (atRule) => {
|
|
44
|
+
if (atRule.params === "properties") atRule.remove();
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
}, logical({
|
|
48
|
+
blockDirection: "top-to-bottom",
|
|
49
|
+
inlineDirection: "left-to-right"
|
|
50
|
+
}), preset({
|
|
51
|
+
stage: 4,
|
|
52
|
+
minimumVendorImplementations: 3,
|
|
53
|
+
logical: {
|
|
54
|
+
blockDirection: "top-to-bottom",
|
|
55
|
+
inlineDirection: "left-to-right"
|
|
56
|
+
}
|
|
57
|
+
})).process(styleWithSources, {
|
|
58
|
+
map: false,
|
|
59
|
+
from: void 0
|
|
60
|
+
})).css;
|
|
61
|
+
} catch (error) {
|
|
62
|
+
console.error("CSS processing failed:", error);
|
|
63
|
+
throw new Error(`Failed to process CSS: ${error instanceof Error ? error.message : "Unknown error"}`, { cause: error });
|
|
64
|
+
}
|
|
75
65
|
};
|
|
76
|
-
|
|
77
|
-
/**
|
|
78
|
-
* Generated bundle index. Do not edit.
|
|
79
|
-
*/
|
|
80
|
-
|
|
81
66
|
export { cssProcessor };
|
|
82
|
-
|
|
67
|
+
|
|
68
|
+
//# sourceMappingURL=keycloakify-angular-email-tailwindcss-preset-email-css-processor.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"keycloakify-angular-email-tailwindcss-preset-email-css-processor.mjs","
|
|
1
|
+
{"version":3,"file":"keycloakify-angular-email-tailwindcss-preset-email-css-processor.mjs","names":[],"sources":["../../../projects/angular-email/tailwindcss-preset-email/css-processor/css-processor.ts"],"sourcesContent":["import tailwindcss from '@tailwindcss/postcss';\nimport postcss from 'postcss';\nimport calc from 'postcss-calc';\nimport properties from 'postcss-custom-properties';\nimport logical, { type DirectionFlow } from 'postcss-logical';\nimport preset from 'postcss-preset-env';\n\nexport const cssProcessor = async (style: string, html: string) => {\n try {\n const inlineSafelist = html\n ? Array.from(\n new Set(\n (html.match(/class=[\"']([^\"']+)[\"']/g) ?? [])\n .flatMap((m) =>\n m\n .replace(/^class=[\"']|[\"']$/g, '')\n .trim()\n .split(/\\s+/),\n )\n .filter(Boolean),\n ),\n )\n .slice(0, 5000) // safety cap\n .map((c) => c.replace(/\\\\/g, '\\\\\\\\').replace(/\"/g, '\\\\\"'))\n .join(' ')\n : '';\n const styleWithSources = inlineSafelist.length > 0 ? `@source inline(\"${inlineSafelist}\");\\n${style}` : style;\n const result = await postcss(\n tailwindcss({ base: '' }),\n properties({ preserve: false }),\n calc(),\n {\n // postcss-calc >= 11 reduces `calc(4px * 12)` to `calc(48px)` but keeps the wrapper:\n // email clients without calc() support (Outlook, Outlook.com) drop the whole declaration.\n // Only single-value calc() are unwrapped; real expressions (e.g. `calc(100% - 20px)`) are kept.\n // OnceExit: postcss-calc reduces in its own OnceExit, which runs before this one (plugin order).\n postcssPlugin: 'unwrap-single-value-calc',\n OnceExit(root) {\n root.walkDecls((decl) => {\n if (!decl.value.includes('calc(')) return;\n decl.value = decl.value.replace(/calc\\(\\s*([+-]?(?:\\d+\\.?\\d*|\\.\\d+)(?:[a-z]+|%)?)\\s*\\)/gi, '$1');\n });\n },\n },\n {\n postcssPlugin: 'inline-tw-vars-from-layer',\n Once(root) {\n const defaultVars = new Map<string, string>();\n\n // 1. Find the default variables in @layer properties\n root.walkAtRules('layer', (layerRule) => {\n if (layerRule.params === 'properties') {\n layerRule.walkDecls(/^--tw-/, (decl) => {\n defaultVars.set(decl.prop, decl.value);\n });\n }\n });\n\n // 2. Walk all rules and replace var() usages\n root.walkDecls((decl) => {\n decl.value = decl.value.replace(/var\\((--tw-[^,)]+)\\)/g, (match, varName) => {\n return defaultVars.has(varName) ? defaultVars.get(varName)! : match;\n });\n });\n },\n },\n {\n postcssPlugin: 'remove-unused-tw-vars',\n Once(root) {\n root.walkDecls(/^--tw-/, (decl) => {\n decl.remove();\n });\n root.walkAtRules('property', (atRule) => {\n if (atRule.params.startsWith('--tw-')) {\n atRule.remove();\n }\n });\n root.walkAtRules('layer', (atRule) => {\n if (atRule.params === 'properties') {\n atRule.remove();\n }\n });\n },\n },\n logical({\n blockDirection: 'top-to-bottom' as DirectionFlow,\n inlineDirection: 'left-to-right' as DirectionFlow,\n }),\n preset({\n stage: 4,\n minimumVendorImplementations: 3,\n logical: {\n blockDirection: 'top-to-bottom' as DirectionFlow,\n inlineDirection: 'left-to-right' as DirectionFlow,\n },\n }),\n ).process(styleWithSources, { map: false, from: undefined });\n return result.css;\n } catch (error) {\n console.error('CSS processing failed:', error);\n throw new Error(`Failed to process CSS: ${error instanceof Error ? error.message : 'Unknown error'}`, {\n cause: error,\n });\n }\n};\n"],"mappings":";;;;;;AAOA,MAAa,eAAe,OAAO,OAAe,SAAgB;CAChE,IAAI;EACF,MAAM,iBAAiB,OACnB,MAAM,KACJ,IAAI,KACD,KAAK,MAAM,yBAAyB,KAAK,CAAA,EAAA,CACvC,SAAS,MACR,EACG,QAAQ,sBAAsB,EAAE,CAAC,CACjC,KAAI,CAAE,CACN,MAAM,KAAK,CAAC,CAChB,CACA,OAAO,OAAO,CAAC,CACnB,CACF,CACE,MAAM,GAAG,GAAI,CAAC,CACd,KAAK,MAAM,EAAE,QAAQ,OAAO,MAAM,CAAC,CAAC,QAAQ,MAAM,MAAK,CAAC,CAAC,CACzD,KAAK,GAAG,IACX;EACJ,MAAM,mBAAmB,eAAe,SAAS,IAAI,mBAAmB,eAAc,OAAQ,UAAU;EAuExG,QAAO,MAtEc,QACnB,YAAY,EAAE,MAAM,GAAE,CAAE,GACxB,WAAW,EAAE,UAAU,MAAK,CAAE,GAC9B,KAAI,GACJ;GAKE,eAAe;GACf,SAAS,MAAI;IACX,KAAK,WAAW,SAAQ;KACtB,IAAI,CAAC,KAAK,MAAM,SAAS,OAAO,GAAG;KACnC,KAAK,QAAQ,KAAK,MAAM,QAAQ,2DAA2D,IAAI;IACjG,CAAC;GACH;EACD,GACD;GACE,eAAe;GACf,KAAK,MAAI;IACP,MAAM,8BAAc,IAAI,IAAG;IAG3B,KAAK,YAAY,UAAU,cAAa;KACtC,IAAI,UAAU,WAAW,cACvB,UAAU,UAAU,WAAW,SAAQ;MACrC,YAAY,IAAI,KAAK,MAAM,KAAK,KAAK;KACvC,CAAC;IAEL,CAAC;IAGD,KAAK,WAAW,SAAQ;KACtB,KAAK,QAAQ,KAAK,MAAM,QAAQ,0BAA0B,OAAO,YAAW;MAC1E,OAAO,YAAY,IAAI,OAAO,IAAI,YAAY,IAAI,OAAO,IAAK;KAChE,CAAC;IACH,CAAC;GACH;EACD,GACD;GACE,eAAe;GACf,KAAK,MAAI;IACP,KAAK,UAAU,WAAW,SAAQ;KAChC,KAAK,OAAM;IACb,CAAC;IACD,KAAK,YAAY,aAAa,WAAU;KACtC,IAAI,OAAO,OAAO,WAAW,OAAO,GAClC,OAAO,OAAM;IAEjB,CAAC;IACD,KAAK,YAAY,UAAU,WAAU;KACnC,IAAI,OAAO,WAAW,cACpB,OAAO,OAAM;IAEjB,CAAC;GACH;EACD,GACD,QAAQ;GACN,gBAAgB;GAChB,iBAAiB;EAClB,CAAA,GACD,OAAO;GACL,OAAO;GACP,8BAA8B;GAC9B,SAAS;IACP,gBAAgB;IAChB,iBAAiB;GAClB;EACF,CAAA,CAAC,CACH,CAAC,QAAQ,kBAAkB;GAAE,KAAK;GAAO,MAAM;EAAS,CAAE,EACpD,CAAO;CAChB,SAAS,OAAO;EACd,QAAQ,MAAM,0BAA0B,KAAK;EAC7C,MAAM,IAAI,MAAM,0BAA0B,iBAAiB,QAAQ,MAAM,UAAU,mBAAmB,EACpG,OAAO,MACR,CAAA;CACH;AACF"}
|