StackExchange Markdown

packages/viewer/src/components/Shared/SeMarkdown.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+ export let source: string
+ const modify = (s: string) => {
+ const singlecurly = /{(?<type>[SPT])(?<id>\d+)}/g
+ const doublecurlies = /{{(?<prefix>\w)+:(?<id>[^{])+}}/g
+
+ // Replace single curly braces
+ s = s.replace(singlecurly, (type, id) => {
+ // Perform replacement based on type and id
+ return `${type}, ${id}`
+ })
+
+ // Replace double curly braces
+ s = s.replace(doublecurlies, (prefix, id) => {
+ // Perform replacement based on prefix and id
+ return `${prefix}, ${id}`
+ })
+
+ return s
+ }
+</script>
+
+<h4>StackExchange Markdown</h4>
+<pre>
+{modify(source)}
+</pre>

packages/viewer/src/components/Shared/Source.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+ import SeMarkdown from './SeMarkdown.svelte'
  export let source: string
  let showMarkdown = false
 </script>
@@ -12,5 +13,8 @@
  {#if showMarkdown}Hide{:else}Show{/if} markdown
 </button>
 {#if showMarkdown}
+ <h4>π-Base Markdown</h4>
  <pre>{source}</pre>
+ <hr />
+ <SeMarkdown {source} />
 {/if}