@travetto/email-inky 3.1.17 → 3.1.19

package/jsx-runtime.ts

@@ -0,0 +1,71 @@
+import { ConcreteClass } from '@travetto/base';
+
+export type JSXChild = JSXElement | number | bigint | boolean | object | string;
+type JSXProps = { children?: JSXChild | JSXChild[] | null, class?: string, id?: string, name?: string, dir?: string };
+
+export type JSXComponentFunction<P extends {} = {}> = (props: P & JSXProps, ...args: unknown[]) => (JSXElement | null);
+
+export const JSXRuntimeTag = Symbol.for('@travetto/email-inky:jsx-runtime');
+export class JSXFragmentType { }
+
+let id = 0;
+
+/** Simple JSX Element */
+export interface JSXElement<
+  T extends string | ConcreteClass | JSXComponentFunction<P> = string | ConcreteClass | JSXComponentFunction,
+  P extends {} = {},
+> {
+  [JSXRuntimeTag]?: { id: number };
+  key: string;
+  type: T;
+  props: P & JSXProps;
+}
+
+export type ValidHtmlTags =
+  'strong' | 'em' | 'br' | 'hr' | 'a' |
+  'li' | 'ul' | 'ol' | 'img' | 'p' |
+  'h1' | 'h2' | 'h3' | 'h4' | 'small' |
+  'td' | 'tr' | 'th' | 'table' | 'thead' | 'tbody' |
+  'span' | 'div' | 'center' | 'title';
+
+type BasicElements = { [K in ValidHtmlTags]: JSX.IntrinsicAttributes };
+
+declare global {
+  namespace JSX {
+    interface Element extends JSXElement { }
+    interface IntrinsicAttributes {
+      class?: string;
+      id?: string;
+      dir?: string;
+      name?: string;
+      src?: string;
+      alt?: string;
+      href?: string;
+      title?: string;
+      height?: string;
+      target?: string;
+      width?: string;
+      style?: string;
+      align?: string;
+      valign?: string;
+    }
+    interface IntrinsicElements extends BasicElements { }
+  }
+}
+
+export function createElement<T extends string | ConcreteClass | JSXComponentFunction<P>, P extends {}>(
+  type: T, props: P & JSXProps
+): JSXElement<T, P> {
+  return { [JSXRuntimeTag]: { id: (id += 1) }, key: '', type, props };
+}
+
+export function createFragment<P extends {}>(props: P & JSXProps): JSXElement<typeof JSXFragmentType, P> {
+  return createElement(JSXFragmentType, props);
+}
+
+export const jsx = createElement;
+export const jsxs = createElement;
+export const Fragment = createFragment;
+export function isJSXElement(el: unknown): el is JSXElement {
+  return el !== undefined && el !== null && typeof el === 'object' && JSXRuntimeTag in el;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@travetto/email-inky",
-  "version": "3.1.17",
+  "version": "3.1.19",
   "description": "Email Inky templating module",
   "keywords": [
     "email",
@@ -17,6 +17,7 @@
   },
   "files": [
     "__index__.ts",
+    "jsx-runtime.ts",
     "resources/email/inky.wrapper.html",
     "src"
   ],

package/src/render/html.ts

@@ -92,12 +92,12 @@ export const Html: RenderProvider<RenderContext> = {
 
   br: async () => '<br>\n',
   hr: async (el) => `<table ${propsToStr(el.props)}><th></th></table>`,
-  strong: stdInline, em: stdInline,
+  strong: stdInline, em: stdInline, p: stdFull,
   h1: stdFull, h2: stdFull, h3: stdFull, h4: stdFull,
   li: std, ol: stdFull, ul: stdFull,
   table: stdFull, thead: std, tr: std, td: std, th: std, tbody: std, center: std, img: stdInline,
   title: std,
-  div: std, span: stdInline,
+  div: std, span: stdInline, small: stdInline,
   a: async ({ recurse, props }) => `<a ${propsToStr(props)}>${await recurse()}</a>`,
 
   Title: async ({ recurse, el }) => `<title>${await recurse()}</title>`,

package/src/render/markdown.ts

@@ -20,6 +20,7 @@ export const Markdown: RenderProvider<RenderContext> = {
   hr: async () => '\n------------------\n',
   HLine: async () => '\n------------------\n',
   br: async () => '\n\n',
+  p: async ({ recurse }) => `${await recurse()}\n\n`,
   em: async ({ recurse }) => `*${await recurse()}*`,
   ul: async ({ recurse }) => `\n${await recurse()}`,
   ol: async ({ recurse }) => `\n${await recurse()}`,
@@ -54,5 +55,5 @@ export const Markdown: RenderProvider<RenderContext> = {
 
   Summary: ignore, Title: ignore,
   img: ignore,
-  div: visit, title: visit, span: visit, center: visit, table: visit, tbody: visit,
+  div: visit, title: visit, span: visit, center: visit, table: visit, tbody: visit, small: visit
 };

package/src/render/subject.ts

@@ -15,7 +15,7 @@ export const Subject: RenderProvider<RenderContext> = {
   Value: async ({ props }) => `{{${props.attr}}}`,
   Title: visit,
 
-  title: visit, span: visit, strong: visit, center: visit, em: visit,
+  title: visit, span: visit, strong: visit, center: visit, em: visit, p: visit, small: visit,
 
   Summary: empty, Button: empty,
   Callout: empty, Center: empty, HLine: empty,