` as string,\n },\n normalizeMultiFormat(item),\n {\n text: \"\",\n html: html`

` as string,\n },\n ]);\n}\n\nexport function OrderedList(items: (string | MultiFormatWithHTML)[]) {\n return joinMultiFormat([\n {\n text: \"\\n\",\n html: html`\\n` as string,\n },\n wrapHTMLTag(\n \"ol\",\n joinMultiFormat(items.map((item, i) => ListItem(item, i + 1)), {\n text: \"\\n\",\n html: html`\\n` as string,\n }),\n ),\n {\n text: \"\\n\",\n html: html`\\n` as string,\n },\n ], \"\");\n}\n\nexport function UnorderedList(items: (string | MultiFormatWithHTML)[]) {\n return joinMultiFormat([\n {\n text: \"\\n\",\n html: html`\\n` as string,\n },\n wrapHTMLTag(\n \"ul\",\n joinMultiFormat(items.map(item => ListItem(item)), {\n text: \"\\n\",\n html: html`\\n` as string,\n }),\n ),\n {\n text: \"\\n\",\n html: html`\\n` as string,\n },\n ], \"\");\n}\n\nexport const Hidden = createFormatMethod((value) => {\n return wrapHTMLTag(\"span\", value, {\n style: \"display: none;\",\n });\n});\n\nexport const Link = (href: string, label?: string | MultiFormatWithHTML) => { \n return wrapHTMLTag(\"a\", label ?? href, {\n href,\n });\n};\n\nexport const Trim = createFormatMethod((value) => {\n return Object.fromEntries(\n Object.entries(value).map(([key, value]) => {\n let trimmed = value.trim();\n if (value instanceof RawHTML) {\n trimmed = new RawHTML(trimmed.replace(/(^\\s*(\\s*)*)|(\\s*(\\s*)*$)/g, \"\"));\n }\n return [\n key,\n typeof value === \"string\"\n ? trimmed\n : new value.constructor(trimmed),\n ];\n }),\n );\n});\n\nexport const format = {\n Plain: multiFormat,\n Trim,\n\n Strong,\n Emphasis,\n Underline,\n Small,\n Link,\n Hidden,\n Monospace,\n\n Paragraph,\n Container,\n LineBreak,\n OrderedList,\n UnorderedList,\n\n Heading1,\n Heading2,\n Heading3,\n Heading4,\n Heading5,\n Heading6,\n};\n\nexport type MultiFormat = { text: string } & Partial>;\nexport type MultiFormatWithHTML = { text: string; html?: string } & Partial>;\n\nexport type Transformers = Partial<\n {\n [key in keyof R]: (value: string) => string;\n }\n>;","deleted","label",[113],"1f85e88a-2760-11f0-86ff-569c3dd06744","README.md","1f85e920-2760-11f0-86ff-569c3dd06744",1,["D",1708841762537],"# multiFormat: easily create outputs of multiple formats (e.g. text/html for Email) using tagged templates\n\n## Examples\n\n```ts\nimport { format } from \"https://esm.town/v/postpostscript/multiFormat\";\n\nconsole.log(format.Plain`\n${format.Heading1`Some Heading`}\n\nLorem ipsum dolor ${format.Strong`sit`} amet\n`);\n```\n\n```json\n{\n \"text\": \"\\nSome Heading\\n\\nLorem ipsum dolor sit amet\\n\",\n \"html\": \"\\n

Some Heading

\\n
\\n
Lorem ipsum dolor sit amet\\n
\"\n}\n```\n\n## Create Your Own Formatters\n\n```ts\nimport { createFormatMethod, wrapHTMLTag, type MultiFormatWithHTML } from \"https://esm.town/v/postpostscript/multiFormat\";\n\nexport const Red = createFormatMethod((value) => {\n return wrapHTMLTag(\"span\", value, {\n style: \"color: red;\",\n });\n});\n\nconsole.log(Red`red text!`)\n```\n\n```json\n{\n \"text\": \"red text!\",\n \"html\": \"red text!\"\n}\n```\n\n## Sanitization\n\nText is automatically sanitized when converted to HTML:\n\n```ts\nconsole.log(format.Trim`\n${format.Heading1`Some Heading`}\n\n\n`.html.toString())\n```\n```html\n

Some Heading

\n
\n
<script>alert(1)</script>\n```\n\nMigrated from folder: HTML/multiFormat",[130],"pulls","forks","envVars",{"_142":50,"_144":50},"connections",{"_142":50,"_143":50},"count","unfilledCount","emptyCount",{"_20":129,"_13":130,"_114":131,"_116":-5,"_117":21,"_118":132,"_119":37,"_22":151,"_29":50,"_122":99,"_124":134,"_126":73,"_127":-5,"_148":152,"_87":153},{"_20":112,"_13":113,"_114":115,"_116":-5,"_117":21,"_118":30,"_119":37,"_22":147,"_29":121,"_122":123,"_124":125,"_126":73,"_127":-5,"_148":149,"_87":150},["D",1708955675664],"children",[],[113],["D",1708841762537],[],[130],["D",1746195424749],{"_11":12,"_85":81},{"_11":12,"_79":-5,"_80":81,"_43":44,"_82":83,"_84":73},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_74":-5,"_75":-5,"_76":-5,"_77":14,"_78":12},"ctx",{"_66":-5,"_107":191,"_192":193,"_194":195,"_196":73,"_197":73,"_198":73,"_199":37,"_200":-5,"_201":-7,"_202":-7,"_203":50,"_204":73,"_205":73,"_206":-5,"_207":73,"_208":73,"_209":73,"_210":-5},"ENV",{"_162":163,"_164":165,"_166":26,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Branches1

Branches
1