chore(deps-dev): bump unified from 10.1.2 to 11.0.5

.github/dependabot.yml

@@ -14,6 +14,11 @@ updates:
     labels:
       - "dependencies"
 
+    ignore:
+      - dependency-name: "next-themes"
+        versions:
+          - "0.3.0"
+
   - package-ecosystem: github-actions
     directory: "/"
     schedule:

apps/blog/lint-staged.config.js

@@ -16,20 +16,20 @@ module.exports = {
   // Type check TypeScript files
   '**/*.(ts|tsx)': () => 'pnpm run check:types',
 
-  // Lint then format TypeScript and JavaScript files
-  '**/*.(ts|tsx|js)': async (files) => {
-    const filesToLint = await removeIgnoredFiles(files)
-    return filesToLint ? [`eslint --fix ${filesToLint}`, `prettier --write ${filesToLint}`] : []
-  },
+  // // Lint then format TypeScript and JavaScript files
+  // '**/*.(ts|tsx|js)': async (files) => {
+  //   const filesToLint = await removeIgnoredFiles(files)
+  //   return filesToLint ? [`eslint --fix ${filesToLint}`, `prettier --write ${filesToLint}`] : []
+  // },
 
-  // Lint then format JSON files
-  '/**/*.json,!package.json,!package-lock.json': async (files) => {
-    const filesToLint = await removeIgnoredFiles(files)
-    return [`eslint --fix ${filesToLint}`, `prettier --write ${filesToLint}`]
-  },
+  // // Lint then format JSON files
+  // '/**/*.json,!package.json,!package-lock.json': async (files) => {
+  //   const filesToLint = await removeIgnoredFiles(files)
+  //   return [`eslint --fix ${filesToLint}`, `prettier --write ${filesToLint}`]
+  // },
 
-  // Format YAML, MarkDown, JSON
-  '**/*.(yml|md|mdx)': (filenames) => `prettier --write ${filenames.join(' ')}`,
+  // // Format YAML, MarkDown, JSON
+  // '**/*.(yml|md|mdx)': (filenames) => `prettier --write ${filenames.join(' ')}`,
 
   'public/images/**/*': 'imageoptim',
 

apps/blog/package.json

@@ -28,11 +28,11 @@
     "@tailwindcss/typography": "0.5.13",
     "@vercel/og": "^0.6.2",
     "@vercel/speed-insights": "^1.0.12",
-    "autoprefixer": "^10.4.19",
+    "autoprefixer": "^10.4.20",
     "eslint-config-prettier": "8.8.0",
     "eslint-plugin-prettier": "^4.2.1",
     "feed": "^4.2.2",
-    "googleapis": "110.0.0",
+    "googleapis": "140.0.1",
     "gray-matter": "^4.0.3",
     "humanize-string": "^3.0.0",
     "is-mobile": "^4.0.0",
@@ -116,7 +116,7 @@
     "ts-jest": "^29.2.4",
     "ts-node": "^10.9.2",
     "typescript": "4.7.4",
-    "unified": "^10.1.2",
+    "unified": "^11.0.5",
     "unist-util-visit": "^4.1.0"
   }
 }

apps/blog/public/rss/feed.xml

@@ -4,7 +4,7 @@
         <title>The David Dias | Front-End Developer, Podcaster &amp; Content Creator</title>
         <link>https://thedaviddias.com</link>
         <description>Hey, I'm David Dias, a Front-End Developer based in Toronto/Canada. I love discussing code, technology, expatriation and life.</description>
-        <lastBuildDate>Sat, 03 Aug 2024 15:36:31 GMT</lastBuildDate>
+        <lastBuildDate>Sat, 03 Aug 2024 16:26:55 GMT</lastBuildDate>
         <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
         <generator>https://github.com/jpmonette/feed</generator>
         <language>en-US</language>

apps/blog/public/rss/fr/feed.xml

@@ -4,7 +4,7 @@
         <title>The David Dias | Développeur Front-End, podcasteur &amp; créateur de contenu</title>
         <link>https://thedaviddias.com</link>
         <description>Salut toi! Je m'appele David Dias. Je suis développeur Front-End, podcasteur, créateur de contenu numérique passioné pour résoudre les problèmes digitaux et humains! J'aime rencontrer de nouvelles personnes, bâtir des communautées et parler de tech, d'expatriation et de web.</description>
-        <lastBuildDate>Sat, 03 Aug 2024 15:36:31 GMT</lastBuildDate>
+        <lastBuildDate>Sat, 03 Aug 2024 16:26:55 GMT</lastBuildDate>
         <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
         <generator>https://github.com/jpmonette/feed</generator>
         <language>fr</language>

apps/blog/src/pages/api/youtube/videos.ts

@@ -1,18 +1,18 @@
-import { withSentry } from '@sentry/nextjs'
 import { google } from 'googleapis'
 import type { NextApiRequest, NextApiResponse } from 'next'
 
 import googleAuth from '@/lib/google'
 
 const handler = async (req: NextApiRequest, res: NextApiResponse) => {
   const youtubeId = process.env.YOUTUBE_CHANNEL_ID
+  if (!youtubeId) {
+    throw Error('YOUTUBE_CHANNEL_ID not found in .env!');
+  }
 
   try {
     const auth = await googleAuth.getClient()
-    const youtube = google.youtube({
-      auth,
-      version: 'v3',
-    })
+
+    const youtube = google.youtube('v3')
 
     const listVideos = await youtube.search.list({
       channelId: youtubeId,
@@ -36,4 +36,4 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
   }
 }
 
-export default withSentry(handler)
+export default handler

apps/blog/src/pages/articles/[slug].tsx

@@ -36,6 +36,8 @@ import { getPostBySlug } from '@/utils/get-article-posts/getPostBySlug'
 import { GetRelatedPosts, getRelatedPosts } from '@/utils/get-article-posts/getRelatedPosts'
 import { serializeMarkdown } from '@/utils/serializeMarkdown'
 import wordsCounter from 'word-counting'
+import { BuyMeACoffee } from '@/components/BuyMeACoffee'
+import { LazyRender } from '@/components/lazy-render/LazyRender'
 
 const Comments = dynamic<object>(
   () => import('../../components/Comments').then((mod) => mod.Comments),
@@ -51,13 +53,6 @@ const AdjacentPosts = dynamic<AdjacentPostsProps>(
   }
 )
 
-const BuyMeACoffee = dynamic(
-  () => import('../../components/BuyMeACoffee').then((mod) => mod.BuyMeACoffee),
-  {
-    loading: () => <Loader />,
-  }
-)
-
 const Share = dynamic<ShareProps>(() => import('../../components/Share').then((mod) => mod.Share), {
   loading: () => <Loader />,
 })
@@ -269,7 +264,9 @@ const BlogPostPage: NextPage<BlogPostPageProps> = ({
                   )}
                 </section>
 
-                <BuyMeACoffee />
+                <LazyRender>
+                  <BuyMeACoffee />
+                </LazyRender>
 
                 {relatedPosts.length ? <RelatedPosts relatedPosts={relatedPosts} /> : null}
 
@@ -287,7 +284,9 @@ const BlogPostPage: NextPage<BlogPostPageProps> = ({
 
                   {/* <Webmentions mentions={data?.links} /> */}
 
-                  <Comments />
+                  <LazyRender>
+                    <Comments />
+                  </LazyRender>
                 </section>
               </div>
             </div>

apps/blog/src/pages/notes/[slug].tsx

@@ -24,6 +24,8 @@ import { getAllPosts } from '@/utils/get-article-posts/getAllPosts'
 import { getPost } from '@/utils/get-article-posts/getPost'
 import { getPostBySlug } from '@/utils/get-article-posts/getPostBySlug'
 import { serializeMarkdown } from '@/utils/serializeMarkdown'
+import { BuyMeACoffee } from '@/components/BuyMeACoffee'
+import { LazyRender } from '@/components/lazy-render/LazyRender'
 
 const Comments = dynamic<object>(
   () => import('../../components/Comments').then((mod) => mod.Comments),
@@ -39,13 +41,6 @@ const AdjacentPosts = dynamic<AdjacentPostsProps>(
   }
 )
 
-const BuyMeACoffee = dynamic(
-  () => import('../../components/BuyMeACoffee').then((mod) => mod.BuyMeACoffee),
-  {
-    loading: () => <Loader />,
-  }
-)
-
 const Share = dynamic<ShareProps>(() => import('../../components/Share').then((mod) => mod.Share), {
   loading: () => <Loader />,
 })
@@ -194,13 +189,17 @@ const NotePage: NextPage<NotePageProps> = ({
               </section>
               {permalink && <Share title={title} permalink={permalink} />}
 
-              <BuyMeACoffee />
+              <LazyRender>
+                <BuyMeACoffee />
+              </LazyRender>
 
               {adjacentPosts && <AdjacentPosts posts={adjacentPosts} />}
 
               {/* <Webmentions mentions={data?.links} /> */}
 
-              <Comments />
+              <LazyRender>
+                <Comments />
+              </LazyRender>
             </div>
           </div>
         </article>