@travetto/email-inky 3.1.19 → 3.1.21

package/README.md

@@ -43,7 +43,7 @@ The underlying [Email](https://github.com/travetto/travetto/tree/main/module/ema
 
 This means this module, while showing [inky](https://github.com/zurb/inky) components, will ultimately produce HTML/markdown that is [mustache](https://github.com/janl/mustache.js/) compatible. The syntax used by [mustache](https://github.com/janl/mustache.js/) and the syntax used by [JSX](https://en.wikipedia.org/wiki/JSX_(JavaScript)) are in conflict due to both of the tools relying on the uniqueness of `{}` brackets.
 
-To that end, the module introduces additional components ([If Component](https://github.com/travetto/travetto/tree/main/module/email-inky/src/components.ts#L27), [Unless Component](https://github.com/travetto/travetto/tree/main/module/email-inky/src/components.ts#L29), and [For Component](https://github.com/travetto/travetto/tree/main/module/email-inky/src/components.ts#L30)) to assist with control flow logic.  When it comes to variable substitution, and a desire to intermingle seamlessly with component properties, `[]` are used to represent variable expressions.  A more formal version can be found in the [Value Component](https://github.com/travetto/travetto/tree/main/module/email-inky/src/components.ts#L28) component, but this cannot be integrated into properties (e.g. an href)
+To that end, the module introduces additional components ([If Component](https://github.com/travetto/travetto/tree/main/module/email-inky/src/components.ts#L27), [Unless Component](https://github.com/travetto/travetto/tree/main/module/email-inky/src/components.ts#L29), and [For Component](https://github.com/travetto/travetto/tree/main/module/email-inky/src/components.ts#L30)) to assist with control flow logic.  When it comes to variable substitution, and a desire to intermingle seamlessly with component properties, `@@VALUE@@` are used to represent variable expressions.  A more formal version can be found in the [Value Component](https://github.com/travetto/travetto/tree/main/module/email-inky/src/components.ts#L28) component, but this cannot be integrated into properties (e.g. an href)
 
 ## Template Extension Points
 The template extension points are defined at:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@travetto/email-inky",
-  "version": "3.1.19",
+  "version": "3.1.21",
   "description": "Email Inky templating module",
   "keywords": [
     "email",
@@ -34,7 +34,7 @@
     "foundation-emails": "^2.4.0"
   },
   "devDependencies": {
-    "@travetto/email-template": "^3.1.17"
+    "@travetto/email-template": "^3.1.18"
   },
   "peerDependencies": {
     "@travetto/cli": "^3.1.6"

package/src/render/context.ts

@@ -1,4 +1,4 @@
-import { createElement } from '@travetto/doc/jsx-runtime';
+import { createElement } from '@travetto/email-inky/jsx-runtime';
 
 import { JSXElementByFn, c } from '../components';
 

package/src/render/html.ts

@@ -83,7 +83,7 @@ export const Html: RenderProvider<RenderContext> = {
   finalize: (html, context) => html
     .replace(/(<[/](?:a)>)([A-Za-z0-9$])/g, (_, tag, v) => `${tag} ${v}`)
     .replace(/(<[uo]l>)(<li>)/g, (_, a, b) => `${a} ${b}`)
-    .replace(/[\[]{2}([^\]]+)[\]]{2}/gm, (_, t) => `{{${t}}}`),
+    .replace(/@@([^@]+)@@/gm, (_, t) => `{{${t}}}`),
 
   For: async ({ recurse, props }) => `{{#${props.attr}}}${await recurse()}{{/${props.attr}}}`,
   If: async ({ recurse, props }) => `{{#${props.attr}}}${await recurse()}{{/${props.attr}}}`,
@@ -365,7 +365,7 @@ export const Html: RenderProvider<RenderContext> = {
 };
 
 export const HtmlWrap = async (content: string): Promise<string> => {
-  const wrapper = await new EmailResource(['@', '@travetto/email-inky/resources'])
+  const wrapper = await new EmailResource(['@', '@travetto/email-inky#resources'])
     .read('/email/inky.wrapper.html');
 
   // Get Subject

package/src/render/markdown.ts

@@ -9,7 +9,7 @@ export const Markdown: RenderProvider<RenderContext> = {
   finalize: (text, context) => text
     .replace(/(\[[^\]]+\]\([^)]+\))([A-Za-z0-9$]+)/g, (_, link, v) => v === 's' ? _ : `${link} ${v}`)
     .replace(/(\S)\n(#)/g, (_, l, r) => `${l}\n\n${r}`)
-    .replace(/[\[]{2}([^\]]+)[\]]{2}/gm, (_, t) => `{{${t}}}`),
+    .replace(/@@([^@]+)@@/gm, (_, t) => `{{${t}}}`),
 
   For: async ({ recurse, props }) => `{{#${props.attr}}}${await recurse()}{{/${props.attr}}}`,
   If: async ({ recurse, props }) => `{{#${props.attr}}}${await recurse()}{{/${props.attr}}}`,

package/src/render/subject.ts

@@ -7,7 +7,7 @@ const visit = ({ recurse }: RenderState<JSXElement, RenderContext>): Promise<str
 
 export const Subject: RenderProvider<RenderContext> = {
   finalize: text => text
-    .replace(/[\[]{2}([^\]]+)[\]]{2}/gm, (_, t) => `{{${t}}}`),
+    .replace(/@@([^@]+)@@/gm, (_, t) => `{{${t}}}`),
 
   For: async ({ recurse, props }) => `{{#${props.attr}}}${await recurse()}{{/${props.attr}}}`,
   If: async ({ recurse, props }) => `{{#${props.attr}}}${await recurse()}{{/${props.attr}}}`,