*

imteekay · Jul 14, 2024 · 55a2d94 · 55a2d94
1 parent ce70d3c
commit 55a2d94
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 13 deletions.
diff --git a/Base/components/Head/Head.tsx b/Base/components/Head/Head.tsx
@@ -43,10 +43,6 @@ export const Head = ({ title, description, imageUrl }: HeadPropTypes) => {
       <meta name="twitter:title" content={title} />
       <meta name="twitter:description" content={description} />
       <meta name="twitter:image" content={`https://iamtk.co${imageUrl}`} />
-      <link
-        href="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.css"
-        rel="stylesheet"
-      />
     </HeadNext>
   );
 };
diff --git a/Base/components/MDX/MDX.tsx b/Base/components/MDX/MDX.tsx
@@ -1,8 +1,8 @@
 import { MDXRemote, MDXRemoteSerializeResult } from 'next-mdx-remote';
 import { serialize } from 'next-mdx-remote/serialize';
+import { InlineMath, BlockMath } from 'react-katex';
 import TweetEmbed from 'react-tweet-embed';
 import rehypeHighlight from 'rehype-highlight';
-import rehypeKatex from 'rehype-katex';
 import remarkMath from 'remark-math';
 
 import { PostAndDate } from 'Base/components/PostAndDate';
@@ -23,7 +23,7 @@ export const serializeMDX = (content: string) =>
   serialize(content, {
     mdxOptions: {
       remarkPlugins: [remarkMath],
-      rehypePlugins: [rehypeHighlight, rehypeKatex],
+      rehypePlugins: [rehypeHighlight],
     },
   });
 
@@ -33,6 +33,8 @@ const components = {
   TweetEmbed,
   SmoothRender,
   SideBySideVideos,
+  InlineMath,
+  BlockMath,
 };
 
 export const MDX = ({ content }: MDXPropTypes) => (

diff --git a/content/2023-in-review/en/index.mdx b/content/2023-in-review/en/index.mdx
@@ -1,9 +1,5 @@
 <SmoothRender>
 
-$$
-L = \frac{1}{2} \rho v^2 S C_L
-$$
-
 I don't have the habit of doing end-of-year reviews. Actually, I don't do it officially in my blog, but I do it myself on paper. It's a great time to _really_ reflect on my life, what I went through the year, my accomplishments, what were the challenges, and what could be better and improved for the next year.
 
 I did a monthly changelog through the year on my [newsletter](https://teekay.substack.com/) talking about the whole month and I was excited to do it here too, but now I'm contemplating the whole year.

diff --git a/package.json b/package.json
@@ -37,6 +37,7 @@
     "react-autocomplete": "^1.8.1",
     "react-dom": "^18.2.0",
     "react-intersection-observer": "^8.33.1",
+    "react-katex": "^3.0.1",
     "reactflow": "^11.7.4",
     "reading-time": "^1.5.0",
     "sharp": "^0.30.5"
@@ -60,8 +61,6 @@
     "prettier": "^2.4.1",
     "react-tweet-embed": "^2.0.0",
     "rehype-highlight": "6.0.0",
-    "rehype-katex": "^5.0.0",
-    "remark-math": "^3.0.0",
     "typescript": "4.6.3"
   },
   "lint-staged": {

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -8,6 +8,7 @@ import '../styles/night-owl.min.css';
 import { config } from '@fortawesome/fontawesome-svg-core';
 import '@fortawesome/fontawesome-svg-core/styles.css';
 import { AnimatePresence } from 'framer-motion';
+import 'katex/dist/katex.min.css';
 
 import { Layout } from 'Base/components/Layout';
 import { SearchBar } from 'Base/components/SearchBar';

diff --git a/yarn.lock b/yarn.lock
@@ -1810,7 +1810,7 @@ commander@^5.1.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-5.1.0.tgz#46abbd1652f8e059bddaef99bbdcb2ad9cf179ae"
   integrity sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==
 
-commander@^8.0.0:
+commander@^8.0.0, commander@^8.3.0:
   version "8.3.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
   integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
@@ -3409,6 +3409,13 @@ katex@^0.13.0:
   dependencies:
     commander "^8.0.0"
 
+katex@^0.16.0:
+  version "0.16.11"
+  resolved "https://registry.yarnpkg.com/katex/-/katex-0.16.11.tgz#4bc84d5584f996abece5f01c6ad11304276a33f5"
+  integrity sha512-RQrI8rlHY92OLf3rho/Ts8i/XvjgguEjOkO1BEXcU3N8BqPpSzBNwV/G0Ukr+P/l3ivvJUE/Fa/CwbS6HesGNQ==
+  dependencies:
+    commander "^8.3.0"
+
 kbar@^0.1.0-beta.23:
   version "0.1.0-beta.38"
   resolved "https://registry.yarnpkg.com/kbar/-/kbar-0.1.0-beta.38.tgz#946cc38781cc2e7ddbb7ad6f021d24ae9ef070a2"
@@ -4598,6 +4605,13 @@ react-is@^18.2.0:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.2.0.tgz#199431eeaaa2e09f86427efbb4f1473edb47609b"
   integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
 
+react-katex@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/react-katex/-/react-katex-3.0.1.tgz#262b44f49c5fa727f1d13cbab595f791318e5083"
+  integrity sha512-wIUW1fU5dHlkKvq4POfDkHruQsYp3fM8xNb/jnc8dnQ+nNCnaj0sx5pw7E6UyuEdLRyFKK0HZjmXBo+AtXXy0A==
+  dependencies:
+    katex "^0.16.0"
+
 react-transition-group@^4.4.5:
   version "4.4.5"
   resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.5.tgz#e53d4e3f3344da8521489fbef8f2581d42becdd1"