From 253be05c3f0ee8ee6030c740c1b79550b2380ec5 Mon Sep 17 00:00:00 2001
From: NotNite <hi@notnite.com>
Date: Mon, 7 Oct 2024 13:29:52 -0400
Subject: [PATCH] moonbase: Enable extra Markdown features in description

---
 .../webpackModules/ui/extensions/card.tsx         | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/core-extensions/src/moonbase/webpackModules/ui/extensions/card.tsx b/packages/core-extensions/src/moonbase/webpackModules/ui/extensions/card.tsx
index a2ad731..cd81394 100644
--- a/packages/core-extensions/src/moonbase/webpackModules/ui/extensions/card.tsx
+++ b/packages/core-extensions/src/moonbase/webpackModules/ui/extensions/card.tsx
@@ -28,6 +28,8 @@ const TabBarClasses = spacepack.findByExports(
   "tabBarItem",
   "headerContentWrapper"
 )[0].exports;
+const MarkupClasses = spacepack.findByExports("markup", "inlineFormat")[0]
+  .exports;
 
 export default function ExtensionCard({ uniqueId }: { uniqueId: number }) {
   const [tab, setTab] = React.useState(ExtensionPage.Info);
@@ -213,8 +215,17 @@ export default function ExtensionCard({ uniqueId }: { uniqueId: number }) {
         >
           {tab === ExtensionPage.Info && <ExtensionInfo ext={ext} />}
           {tab === ExtensionPage.Description && (
-            <Text variant="text-md/normal">
-              {MarkupUtils.parse(description ?? "*No description*")}
+            <Text
+              variant="text-md/normal"
+              class={MarkupClasses.markup}
+              style={{ width: "100%" }}
+            >
+              {/* @ts-expect-error This type needs to be updated! */}
+              {MarkupUtils.parse(description ?? "*No description*", true, {
+                allowHeading: true,
+                allowLinks: true,
+                allowList: true
+              })}
             </Text>
           )}
           {tab === ExtensionPage.Settings && <Settings ext={ext} />}