<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body dir="auto">
Jeff,
<div><br>
</div>
<div><span style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);">That did the trick! Works perfectly now. Thanks for pointing me in the right direction.</span></div>
<div><font color="#000000"><span style="caret-color: rgb(0, 0, 0);"><br>
</span></font></div>
<div><font color="#000000"><span style="caret-color: rgb(0, 0, 0);">—Jeff<br id="lineBreakAtBeginningOfSignature">
</span></font>
<div dir="ltr">Sent from my iPhone; please excuse brevity and typos</div>
<div dir="ltr"><br>
<blockquote type="cite">On Dec 21, 2024, at 1:44 PM, Jeff Bartig <jeff@bartig.net> wrote:<br>
<br>
</blockquote>
</div>
<blockquote type="cite">
<div dir="ltr"><!-- BaNnErBlUrFlE-HeAdEr-start --> <style>#pfptBanner11yyzk0 { color-scheme: revert !important; writing-mode: revert !important; -webkit-ruby-position: revert !important; color: revert !important; font-family: revert !important; font-feature-settings: revert !important; font-kerning: revert !important; font-optical-sizing: revert !important; font-palette: revert !important; font-size: revert !important; font-size-adjust: revert !important; font-stretch: revert !important; font-style: revert !important; font-synthesis-small-caps: revert !important; font-synthesis-style: revert !important; font-synthesis-weight: revert !important; font-variant-alternates: revert !important; font-variant-caps: revert !important; font-variant-east-asian: revert !important; font-variant-emoji: revert !important; font-variant-ligatures: revert !important; font-variant-numeric: revert !important; font-variant-position: revert !important; font-variation-settings: revert !important; font-weight: revert !important; text-orientation: revert !important; text-rendering: revert !important; zoom: revert !important; -webkit-font-smoothing: revert !important; -webkit-locale: revert !important; -webkit-text-size-adjust: revert !important; -webkit-text-zoom: revert !important; letter-spacing: revert !important; text-autospace: revert !important; text-spacing-trim: revert !important; accent-color: revert !important; align-content: revert !important; align-items: revert !important; align-self: revert !important; alignment-baseline: revert !important; anchor-name: revert !important; animation-composition: revert !important; animation: revert !important; animation-timeline: revert !important; appearance: revert !important; aspect-ratio: revert !important; backface-visibility: revert !important; background-attachment: revert !important; background-blend-mode: revert !important; background-image: revert !important; background-position: revert !important; background-repeat: revert !important; background-size: revert !important; baseline-shift: revert !important; block-step-insert: revert !important; block-step-size: revert !important; border-collapse: revert !important; border: revert !important; box-sizing: revert !important; break-after: revert !important; break-before: revert !important; break-inside: revert !important; buffered-rendering: revert !important; caption-side: revert !important; caret-color: revert !important; clear: revert !important; clip: revert !important; clip-path: revert !important; clip-rule: revert !important; color-interpolation: revert !important; color-interpolation-filters: revert !important; column-count: revert !important; column-fill: revert !important; gap: revert !important; column-rule-color: revert !important; column-rule-style: revert !important; column-rule-width: revert !important; column-span: revert !important; column-width: revert !important; contain: revert !important; container-name: revert !important; container-type: revert !important; content: revert !important; content-visibility: revert !important; counter-increment: revert !important; counter-reset: revert !important; counter-set: revert !important; cursor: revert !important; cx: revert !important; cy: revert !important; d: revert !important; dominant-baseline: revert !important; empty-cells: revert !important; field-sizing: revert !important; fill: revert !important; fill-opacity: revert !important; fill-rule: revert !important; filter: revert !important; flex: revert !important; flex-flow: revert !important; float: revert !important; flood-color: revert !important; flood-opacity: revert !important; glyph-orientation-horizontal: revert !important; glyph-orientation-vertical: revert !important; grid: revert !important; grid-column-end: revert !important; grid-column-start: revert !important; grid-row-end: revert !important; grid-row-start: revert !important; hanging-punctuation: revert !important; hyphenate-character: revert !important; hyphens: revert !important; image-orientation: revert !important; image-rendering: revert !important; input-security: revert !important; isolation: revert !important; justify-content: revert !important; justify-items: revert !important; justify-self: revert !important; kerning: revert !important; lighting-color: revert !important; line-break: revert !important; line-height: revert !important; list-style: revert !important; margin-trim: revert !important; marker: revert !important; mask: revert !important; mask-size: revert !important; mask-type: revert !important; masonry-auto-flow: revert !important; math-style: revert !important; mix-blend-mode: revert !important; object-fit: revert !important; object-position: revert !important; offset-anchor: revert !important; offset-distance: revert !important; offset-path: revert !important; offset-position: revert !important; offset-rotate: revert !important; order: revert !important; orphans: revert !important; outline: revert !important; outline-offset: revert !important; overflow-anchor: revert !important; overflow-wrap: revert !important; overflow: revert !important; page: revert !important; paint-order: revert !important; perspective: revert !important; perspective-origin: revert !important; pointer-events: revert !important; position: revert !important; position-anchor: revert !important; print-color-adjust: revert !important; quotes: revert !important; r: revert !important; resize: revert !important; rotate: revert !important; rx: revert !important; ry: revert !important; scale: revert !important; scroll-behavior: revert !important; scroll-snap-align: revert !important; scroll-snap-stop: revert !important; scroll-snap-type: revert !important; scroll-timeline: revert !important; scrollbar-color: revert !important; scrollbar-gutter: revert !important; scrollbar-width: revert !important; shape-image-threshold: revert !important; shape-margin: revert !important; shape-outside: revert !important; shape-rendering: revert !important; size: revert !important; speak-as: revert !important; stop-color: revert !important; stop-opacity: revert !important; stroke: revert !important; stroke-color: revert !important; stroke-dasharray: revert !important; stroke-dashoffset: revert !important; stroke-linecap: revert !important; stroke-linejoin: revert !important; stroke-miterlimit: revert !important; stroke-opacity: revert !important; stroke-width: revert !important; tab-size: revert !important; table-layout: revert !important; text-align: revert !important; text-align-last: revert !important; text-anchor: revert !important; text-box-edge: revert !important; text-box-trim: revert !important; text-decoration-color: revert !important; text-decoration: revert !important; text-decoration-skip-ink: revert !important; text-decoration-style: revert !important; text-decoration-thickness: revert !important; text-emphasis-color: revert !important; text-emphasis-position: revert !important; text-emphasis-style: revert !important; text-group-align: revert !important; text-indent: revert !important; text-justify: revert !important; text-overflow: revert !important; text-shadow: revert !important; text-transform: revert !important; text-underline-offset: revert !important; text-underline-position: revert !important; text-wrap: revert !important; touch-action: revert !important; transform: revert !important; transform-box: revert !important; transform-origin: revert !important; transform-style: revert !important; transition: revert !important; translate: revert !important; vector-effect: revert !important; vertical-align: revert !important; view-timeline: revert !important; view-transition-name: revert !important; white-space: revert !important; widows: revert !important; will-change: revert !important; word-break: revert !important; x: revert !important; y: revert !important; z-index: revert !important; -apple-color-filter: revert !important; -apple-pay-button-style: revert !important; -apple-pay-button-type: revert !important; -internal-text-autosizing-status: revert !important; border-spacing: revert !important; -webkit-box-align: revert !important; -webkit-box-decoration-break: revert !important; -webkit-box-direction: revert !important; -webkit-box-flex: revert !important; -webkit-box-flex-group: revert !important; -webkit-box-lines: revert !important; -webkit-box-ordinal-group: revert !important; -webkit-box-orient: revert !important; -webkit-box-pack: revert !important; -webkit-box-reflect: revert !important; -webkit-column-axis: revert !important; -webkit-column-progression: revert !important; -webkit-cursor-visibility: revert !important; -webkit-font-size-delta: revert !important; -webkit-hyphenate-limit-after: revert !important; -webkit-hyphenate-limit-before: revert !important; -webkit-hyphenate-limit-lines: revert !important; -webkit-initial-letter: revert !important; -webkit-line-align: revert !important; -webkit-line-box-contain: revert !important; -webkit-line-clamp: revert !important; -webkit-line-grid: revert !important; -webkit-line-snap: revert !important; -webkit-marquee-direction: revert !important; -webkit-marquee-increment: revert !important; -webkit-marquee-repetition: revert !important; -webkit-marquee-speed: revert !important; -webkit-marquee-style: revert !important; -webkit-nbsp-mode: revert !important; -webkit-overflow-scrolling: revert !important; -webkit-rtl-ordering: revert !important; -webkit-tap-highlight-color: revert !important; -webkit-text-decorations-in-effect: revert !important; -webkit-text-fill-color: revert !important; -webkit-text-security: revert !important; -webkit-text-stroke-color: revert !important; -webkit-text-stroke-width: revert !important; -webkit-touch-callout: revert !important; -webkit-user-drag: revert !important; -webkit-user-modify: revert !important; -webkit-user-select: revert !important; word-spacing: revert !important; backdrop-filter: revert !important; background-clip: revert !important; background-origin: revert !important; block-size: revert !important; border-block: revert !important; border-radius: revert !important; border-end-end-radius: revert !important; border-end-start-radius: revert !important; border-inline: revert !important; border-start-end-radius: revert !important; border-start-start-radius: revert !important; inset: revert !important; box-shadow: revert !important; contain-intrinsic-block-size: revert !important; contain-intrinsic-size: revert !important; contain-intrinsic-inline-size: revert !important; height: revert !important; inline-size: revert !important; inset-block: revert !important; inset-inline: revert !important; margin-block: revert !important; margin: revert !important; margin-inline: revert !important; mask-composite: revert !important; mask-mode: revert !important; max-block-size: revert !important; max-inline-size: revert !important; min-block-size: revert !important; min-height: revert !important; min-inline-size: revert !important; min-width: revert !important; overscroll-behavior-block: revert !important; overscroll-behavior-inline: revert !important; overscroll-behavior: revert !important; padding-block: revert !important; padding: revert !important; padding-inline: revert !important; scroll-margin-block: revert !important; scroll-margin: revert !important; scroll-margin-inline: revert !important; scroll-padding-block: revert !important; scroll-padding: revert !important; scroll-padding-inline: revert !important; text-combine-upright: revert !important; width: revert !important; -webkit-backdrop-filter: revert !important; -webkit-background-clip: revert !important; -webkit-background-origin: revert !important; -webkit-box-shadow: revert !important; -webkit-mask: revert !important; -webkit-mask-composite: revert !important; -webkit-mask-source-type: revert !important; -webkit-text-combine: revert !important; display: block !important; visibility: visible !important; opacity: 1 !important; background-color: rgb(208, 216, 220) !important; max-width: none !important; max-height: none !important; }
.pfptPrimaryButton11yyzk0:hover, .pfptPrimaryButton11yyzk0:focus { background-color: rgb(180, 193, 199) !important; }
.pfptPrimaryButton11yyzk0:active { background-color: rgb(144, 164, 174) !important; }</style><!-- BaNnErBlUrFlE-HeAdEr-end --><!-- BaNnErBlUrFlE-BoDy-start --><!-- Preheader Text : BEGIN -->
<div style="display:none !important;display:none;visibility:hidden;mso-hide:all;font-size:1px;color:#ffffff;line-height:1px;height:0px;max-height:0px;opacity:0;overflow:hidden;">
Hello Jeff, Thank you for bringing this to my attention that mailmate now supports mermaid diagrams. This is going to be useful. https: //updates. mailmate-app. com/release_notes_archive/MailMate_r6065. html Searching the release notes for "mermaid",</div>
<!-- Preheader Text : END --><!-- Email Banner : BEGIN -->
<div style="display:none !important;display:none;visibility:hidden;mso-hide:all;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;opacity:0;overflow:hidden;">
ZjQcmQRYFpfptBannerStart</div>
<!--[if ((ie)|(mso))]>
  <table border="0" cellspacing="0" cellpadding="0" width="100%" style="padding: 16px 0px 16px 0px; direction: ltr" ><tr><td>
    <table border="0" cellspacing="0" cellpadding="0" style="padding: 0px 10px 5px 6px; width: 100%; border-radius:4px; border-top:4px solid #90a4ae;background-color:#D0D8DC;"><tr><td valign="top">
      <table align="left" border="0" cellspacing="0" cellpadding="0" style="padding: 4px 8px 4px 8px">
        <tr><td style="color:#000000; font-family: 'Arial', sans-serif; font-weight:bold; font-size:14px; direction: ltr">
          This Message Is From an External Sender
        </td></tr>
        <tr><td style="color:#000000; font-weight:normal; font-family: 'Arial', sans-serif; font-size:12px; direction: ltr">
          This message came from outside your organization.
        </td></tr>

      </table>

    </td></tr></table>
  </td></tr></table>
<![endif]--><!--[if !((ie)|(mso))]-->
<div dir="ltr" id="pfptBanner11yyzk0" style="all: revert !important; display:block !important; text-align: left !important; margin:16px 0px 16px 0px !important; padding:8px 16px 8px 16px !important; border-radius: 4px !important; min-width: 200px !important; background-color: #D0D8DC !important; background-color: #D0D8DC; border-top: 4px solid #90a4ae !important; border-top: 4px solid #90a4ae;">
<div id="pfptBanner11yyzk0" style="all: unset !important; float:left !important; display:block !important; margin: 0px 0px 1px 0px !important; max-width: 600px !important;">
<div id="pfptBanner11yyzk0" style="all: unset !important; display:block !important; visibility: visible !important; background-color: #D0D8DC !important; color:#000000 !important; color:#000000; font-family: 'Arial', sans-serif !important; font-family: 'Arial', sans-serif; font-weight:bold !important; font-weight:bold; font-size:14px !important; line-height:18px !important; line-height:18px">
This Message Is From an External Sender </div>
<div id="pfptBanner11yyzk0" style="all: unset !important; display:block !important; visibility: visible !important; background-color: #D0D8DC !important; color:#000000 !important; color:#000000; font-weight:normal; font-family: 'Arial', sans-serif !important; font-family: 'Arial', sans-serif; font-size:12px !important; line-height:18px !important; line-height:18px; margin-top:2px !important;">
This message came from outside your organization. </div>
</div>
<div style="clear: both !important; display: block !important; visibility: hidden !important; line-height: 0 !important; font-size: 0.01px !important; height: 0px">
 </div>
</div>
<!--[endif]-->
<div style="display:none !important;display:none;visibility:hidden;mso-hide:all;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;opacity:0;overflow:hidden;">
ZjQcmQRYFpfptBannerEnd</div>
<!-- Email Banner : END --><!-- BaNnErBlUrFlE-BoDy-end -->
<div dir="ltr">
<div dir="ltr"><br>
<div>Hello Jeff,</div>
<div><br>
</div>
<div>Thank you for bringing this to my attention that mailmate now supports mermaid diagrams.  This is going to be useful.</div>
<div><br>
</div>
<div><a href="https://urldefense.com/v3/__https://updates.mailmate-app.com/release_notes_archive/MailMate_r6065.html__;!!KwNVnqRv!B5PVEQW7SBrpYOipUP6iVUsACrXsbVm2-2VOMKvFKatVOmPUNrdjG7O-YXhM4K84WfUx5ujIGxJbS30$">https://updates.mailmate-app.com/release_notes_archive/MailMate_r6065.html</a><br>
</div>
<div><br>
</div>
<div>Searching the release notes for "mermaid", I found that this feature was added in version 5918, with the following in the release notes:</div>
<div><br>
</div>
<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-style:solid;border-left-color:rgb(204,204,204);padding-left:1ex">
New: Capable of rendering diagrams using Mermaid. Use the language identifier mermaid (or diagram) in a fenced code block. Since there’s no GUI setting yet, you also need to enable the following hidden preference:<br>
<font face="monospace">defaults write com.freron.MailMate MmBundleCommandForDiagramGeneration -string "BCA016BB-96DF-4EBB-8DD6-4BE467FCA194"</font></blockquote>
<div><br>
</div>
<div>Even in version 6065 I'm not finding any setting in mailmate to enable mermaid.  As soon as I issued the suggested 'defaults' command at a terminal shell prompt, the mermaid feature started working for me.</div>
<div><br>
</div>
<div>Jeff</div>
</div>
<br>
<div class="gmail_quote gmail_quote_container">
<div dir="ltr" class="gmail_attr">On Thu, Dec 19, 2024 at 10:48 PM Jeff Bullard via mailmate <<a href="mailto:mailmate@lists.freron.com">mailmate@lists.freron.com</a>> wrote:<br>
</div>
<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-style:solid;border-left-color:rgb(204,204,204);padding-left:1ex">
<u></u>
<div>
<div style="font-family:sans-serif">
<div style="white-space:normal">
<p dir="auto">I an a fairly new user so I apologize if the answers to this question are obvious, but I searched this mailing list and the issue tracker and could find only one somewhat related thread that didn’t help me.</p>
<p dir="auto"><strong>TL;DR</strong> I need help getting Mermaid syntax and finding out how some of the bundles should be used. BTW I seem to be using a pre-release somehow, Build 5937, so maybe that is an issue?</p>
<h3>Mermaid integration</h3>
<p dir="auto">The TeXMath bundle works really well:</p>
<u></u><u></u><u></u><u></u><u></u>&Integral;<u></u><u></u>x<u></u><u></u><u></u>d<u></u><u></u>x<u></u><u></u>=<u></u><u></u><u></u>1<u></u><u></u>2<u></u><u></u><u></u><u></u>x<u></u>
<u></u>2<u></u><u></u><u></u>+<u></u><u></u>C<u></u><u></u><u></u>\int x\, \text{d}x = \frac{1}{2} x^2 + C<u></u><u></u><u></u><u></u>
<p dir="auto">But when I try Mermaid like this,</p>
<pre style="margin-left:15px;margin-right:15px;padding:5px;background-color:rgb(247,247,247);border-radius:5px;overflow-x:auto;max-width:90vw"><code style="margin:0px;border-radius:3px;background-color:rgb(247,247,247);padding:0px">~~~mermaid
graph LR
        A —> B
                B —> C
~~~
</code></pre>
<p dir="auto">I get an orange message above the header that says</p>
<pre style="margin-left:15px;margin-right:15px;padding:5px;background-color:rgb(247,247,247);border-radius:5px;overflow-x:auto;max-width:90vw"><code style="margin:0px;border-radius:3px;background-color:rgb(247,247,247);padding:0px">Bundle command failed (event: generate_diagram)
Explanation                     Unable to reach output
                                format type (discard !=html)
</code></pre>
<p dir="auto">I have mermaid-cli installed on my Mac, and I can generate Mermaid graphics from the command line using exactly that same syntax, so I’m not sure what is going wrong.</p>
<h3>Documentation or How-To’s for bundles</h3>
<p dir="auto">For example, I use Fantastical and so I checked the Fantastical item under Settings:Bundles. But I’m not exactly sure what this enables me to do. If I select an email and then run the Fantastical:Create Event command under the Commands menu, it
 definitely creates a new event in Fantastical, and the event has the title of the message subject, and a date/time of when the message was received. That makes me wonder what use case I could have for that. I can go to the GitHub page for the bundle but the
 documentation is pretty sparse.</p>
<p dir="auto">—Jeff</p>
</div>
</div>
</div>
_______________________________________________<br>
mailmate mailing list<br>
Unsubscribe: <a href="https://urldefense.com/v3/__https://lists.freron.com/listinfo/mailmate__;!!KwNVnqRv!B5PVEQW7SBrpYOipUP6iVUsACrXsbVm2-2VOMKvFKatVOmPUNrdjG7O-YXhM4K84WfUx5ujI1QDRytQ$" rel="noreferrer" target="_blank">
https://lists.freron.com/listinfo/mailmate</a><br>
</blockquote>
</div>
<div><br clear="all">
</div>
<div><br>
</div>
<span class="gmail_signature_prefix">-- </span><br>
<div dir="ltr" class="gmail_signature">
<div dir="ltr">
<div>Jeff Bartig<br>
<a href="mailto:jeff@bartig.net" target="_blank">jeff@bartig.net</a><br>
</div>
</div>
</div>
</div>
</div>
</blockquote>
</div>
</body>
</html>