From 7d821d1c42a8fb268f321d15be2fad3b6ce1438d Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Fri, 28 Jul 2023 09:20:02 +0800
Subject: [PATCH] Vendor the mathjax and highlightjs code to avoid CSP loading

---
 packages/web/components/elements/images/AIcon.tsx  | 14 --------------
 .../web/components/templates/article/Article.tsx   |  2 +-
 packages/web/pages/[username]/[slug]/index.tsx     |  4 ++--
 packages/web/pages/app/[username]/[slug]/index.tsx |  7 ++++---
 .../{scripts => mathjax}/mathJaxConfiguration.js   |  0
 5 files changed, 7 insertions(+), 20 deletions(-)
 delete mode 100644 packages/web/components/elements/images/AIcon.tsx
 rename packages/web/public/static/{scripts => mathjax}/mathJaxConfiguration.js (100%)

diff --git a/packages/web/components/elements/images/AIcon.tsx b/packages/web/components/elements/images/AIcon.tsx
deleted file mode 100644
index f7972a2f0..000000000
--- a/packages/web/components/elements/images/AIcon.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-type AIconProps = {
-  size: number
-  color: string
-  style?: React.CSSProperties
-}
-
-export function AIcon(props: AIconProps): JSX.Element {
-  return (
-    <svg style={props.style} width={props.size} height={props.size} viewBox={`0 0 20 20`} fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M18.5 18L11.75 5.25L5 18" stroke={props.color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
-      <path d="M16.5133 14.25H6.98828" stroke={props.color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
-    </svg>
-  )
-}
\ No newline at end of file
diff --git a/packages/web/components/templates/article/Article.tsx b/packages/web/components/templates/article/Article.tsx
index a692d877b..ce8565c56 100644
--- a/packages/web/components/templates/article/Article.tsx
+++ b/packages/web/components/templates/article/Article.tsx
@@ -223,7 +223,7 @@ export function Article(props: ArticleProps): JSX.Element {
     <>
       <link
         rel="stylesheet"
-        href={`https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.4.0/styles/${highlightTheme}.min.css`}
+        href={`/public/static/highlightjs/${highlightTheme}.min.css`}
       />
       <Box
         ref={articleContentRef}
diff --git a/packages/web/pages/[username]/[slug]/index.tsx b/packages/web/pages/[username]/[slug]/index.tsx
index b631f7660..bce2a4cc2 100644
--- a/packages/web/pages/[username]/[slug]/index.tsx
+++ b/packages/web/pages/[username]/[slug]/index.tsx
@@ -396,11 +396,11 @@ export default function Home(): JSX.Element {
         description: article?.description ?? '',
       }}
     >
-      <Script async src="/static/scripts/mathJaxConfiguration.js" />
+      <Script async src="/public/static/mathjax/mathJaxConfiguration.js" />
       <Script
         async
         id="MathJax-script"
-        src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"
+        src="/public/static/mathjax/tex-mml-chtml.js"
       />
       <Toaster />
 
diff --git a/packages/web/pages/app/[username]/[slug]/index.tsx b/packages/web/pages/app/[username]/[slug]/index.tsx
index 4481eb54b..73da4bfe4 100644
--- a/packages/web/pages/app/[username]/[slug]/index.tsx
+++ b/packages/web/pages/app/[username]/[slug]/index.tsx
@@ -29,8 +29,9 @@ export default function AppArticleEmbed(): JSX.Element {
 
   const router = useRouter()
 
-  const [contentProps, setContentProps] =
-    useState<AppArticleEmbedContentProps | undefined>(undefined)
+  const [contentProps, setContentProps] = useState<
+    AppArticleEmbedContentProps | undefined
+  >(undefined)
 
   useEffect(() => {
     if (!router.isReady) return
@@ -78,7 +79,7 @@ function AppArticleEmbedContent(
         <Script
           async
           id="MathJax-script"
-          src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"
+          src="/public/static/tex-mml-chtml.js"
         />
         <VStack
           alignment="center"
diff --git a/packages/web/public/static/scripts/mathJaxConfiguration.js b/packages/web/public/static/mathjax/mathJaxConfiguration.js
similarity index 100%
rename from packages/web/public/static/scripts/mathJaxConfiguration.js
rename to packages/web/public/static/mathjax/mathJaxConfiguration.js