fix: remove inline styles

Author: tefkah

apps/next-blog/src/app/[post]/page.tsx

@@ -40,7 +40,6 @@ export async function generateStaticParams() {
 
 export default async function Post({ params }: { params: { post: string } }) {
   const { isEnabled } = draftMode()
-  console.log({ isEnabled })
 
   const { post: slug } = params
   const posts = (await getAllPosts(isEnabled)) ?? []
@@ -59,7 +58,6 @@ export default async function Post({ params }: { params: { post: string } }) {
     notFound()
   }
 
-  console.log(new Date().toISOString(), `Generating post ${post?.title}`)
   return (
     <SinglePost latest={latest} prev={prev} next={next} post={{ ...post, image: post.image }} />
   )

apps/next-blog/src/app/components/blog/SinglePost.tsx

@@ -31,6 +31,9 @@ export async function SinglePost(props: Props) {
     .replace(/<\!--.*?-->/g, '')
     .replace(/<p>&nbsp;<\/p>/g, '')
     .replace(/&nbsp;/g, ' ')
+    // get rid of all inline styles
+    // this is not very safe
+    .replace(/(<\w{1,3} )style=".*?"/g, '$1')
     // only one h1
     .replace(/(<\/)?h1/g, '$1h2')
     // give h2 and h3 tags ids so the table of contents can link to them