From 743812b0419039b08e439ae2fbd48dfa6bb1e890 Mon Sep 17 00:00:00 2001
From: abram! <115729028+Not-Abram@users.noreply.github.com>
Date: Fri, 1 Nov 2024 11:08:59 -0500
Subject: [PATCH] Added toggles to external and internal markdown previews
 (#185)

* Added toggles to external and internal markdown previews

* Lint

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

---------

Co-authored-by: Steven Clontz <steven.clontz@gmail.com>
---
 .../viewer/src/components/Dev/Preview.svelte     |  2 +-
 .../viewer/src/components/Properties/Show.svelte |  2 +-
 .../viewer/src/components/Shared/Source.svelte   | 16 ++++++++++++----
 .../viewer/src/components/Spaces/Show.svelte     |  2 +-
 .../viewer/src/components/Theorems/Show.svelte   |  2 +-
 .../viewer/src/components/Traits/Show.svelte     |  2 +-
 6 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/packages/viewer/src/components/Dev/Preview.svelte b/packages/viewer/src/components/Dev/Preview.svelte
index e4466a7..ca690cc 100644
--- a/packages/viewer/src/components/Dev/Preview.svelte
+++ b/packages/viewer/src/components/Dev/Preview.svelte
@@ -40,7 +40,7 @@
     <Typeset {body} {truncated} />
     <hr />
     <section class="description-markdown">
-      <Source source={body} />
+      <Source source={body} external />
     </section>
   </div>
 </div>
diff --git a/packages/viewer/src/components/Properties/Show.svelte b/packages/viewer/src/components/Properties/Show.svelte
index 8f00b8a..c25a931 100644
--- a/packages/viewer/src/components/Properties/Show.svelte
+++ b/packages/viewer/src/components/Properties/Show.svelte
@@ -25,7 +25,7 @@
 </section>
 
 <section class="description-markdown">
-  <Source source={property.description} />
+  <Source source={property.description} internal external />
 </section>
 
 <Tabs {tabs} {tab} {rel} />
diff --git a/packages/viewer/src/components/Shared/Source.svelte b/packages/viewer/src/components/Shared/Source.svelte
index 2716334..977fad6 100644
--- a/packages/viewer/src/components/Shared/Source.svelte
+++ b/packages/viewer/src/components/Shared/Source.svelte
@@ -2,6 +2,8 @@
   import ExtMarkdown from './ExtMarkdown.svelte'
   export let source: string
   let showMarkdown = false
+  export let internal = false
+  export let external = false
 </script>
 
 <button
@@ -13,8 +15,14 @@
   {#if showMarkdown}Hide{:else}Show{/if} markdown
 </button>
 {#if showMarkdown}
-  <h4>π-Base Markdown</h4>
-  <pre>{source}</pre>
-  <hr />
-  <ExtMarkdown {source} />
+  {#if internal}
+    <h4>π-Base Markdown</h4>
+    <pre>{source}</pre>
+    {#if external}
+      <hr />
+    {/if}
+  {/if}
+  {#if external}
+    <ExtMarkdown {source} />
+  {/if}
 {/if}
diff --git a/packages/viewer/src/components/Spaces/Show.svelte b/packages/viewer/src/components/Spaces/Show.svelte
index 5981416..92fe77a 100644
--- a/packages/viewer/src/components/Spaces/Show.svelte
+++ b/packages/viewer/src/components/Spaces/Show.svelte
@@ -25,7 +25,7 @@
 </section>
 
 <section class="description-markdown">
-  <Source source={space.description} />
+  <Source source={space.description} internal external />
 </section>
 
 <Tabs {tabs} {tab} {rel} />
diff --git a/packages/viewer/src/components/Theorems/Show.svelte b/packages/viewer/src/components/Theorems/Show.svelte
index b3c4b53..8f469ca 100644
--- a/packages/viewer/src/components/Theorems/Show.svelte
+++ b/packages/viewer/src/components/Theorems/Show.svelte
@@ -22,7 +22,7 @@
 </section>
 
 <section class="description-markdown">
-  <Source source={theorem.description} />
+  <Source source={theorem.description} internal external />
 </section>
 
 <Tabs {tabs} {tab} {rel} />
diff --git a/packages/viewer/src/components/Traits/Show.svelte b/packages/viewer/src/components/Traits/Show.svelte
index becdea1..9fe08b9 100644
--- a/packages/viewer/src/components/Traits/Show.svelte
+++ b/packages/viewer/src/components/Traits/Show.svelte
@@ -69,7 +69,7 @@
     <Typeset body={meta.description} />
   </section>
   <section class="description-markdown">
-    <Source source={meta.description} />
+    <Source source={meta.description} internal external />
   </section>
   <h3>References</h3>
   <References references={meta.refs} />