refactor: update server libs

libs/mdx.ts → libs/mdx.server.ts

@@ -13,10 +13,10 @@ import { TOKEN_CLASSNAMES } from '~/constant'
 import type { BlogFrontMatter, MdxFileData, MdxFrontMatter } from '~/types/mdx'
 import type { TOC, UnistNodeType } from '~/types/server'
 import { dateSortDesc } from '~/utils/date'
-import { formatSlug, getAllFilesRecursively } from './files'
-import { remarkCodeBlockTitle } from './remark-code-block-title'
-import { remarkImgToJsx } from './remark-img-to-jsx'
-import { remarkTocHeading } from './remark-toc-heading'
+import { formatSlug, getAllFilesRecursively } from './files.server'
+import { remarkCodeBlockTitle } from './remark-code-block-title.server'
+import { remarkImgToJsx } from './remark-img-to-jsx.server'
+import { remarkTocHeading } from './remark-toc-heading.server'
 
 export async function getFileBySlug(
  locale: string = process.env.NEXT_PUBLIC_DEFAULT_LOCALE,

libs/remark-toc-heading.ts → libs/remark-toc-heading.server.ts

@@ -3,7 +3,12 @@ import { toString } from 'mdast-util-to-string'
 import { visit } from 'unist-util-visit'
 import type { RemarkTocHeadingOptions, UnistNodeType, UnistTreeType } from '~/types/server'
 
-function transformNode(node, output, indexMap, sluggerInstance) {
+function transformNode(
+ node: UnistNodeType,
+ output: RemarkTocHeadingOptions['exportRef'],
+ indexMap: Record<number, any>,
+ sluggerInstance: Slugger
+) {
  let textContent = toString(node)
  let transformedNode = {
  value: textContent,
@@ -26,7 +31,7 @@ function transformNode(node, output, indexMap, sluggerInstance) {
  }
 }
 
-function addID(node, nodes, sluggerInstance) {
+function addID(node: UnistNodeType, nodes: Record<string, number>, sluggerInstance: Slugger) {
  let originalSlug = sluggerInstance.slug(toString(node))
 
  if (!nodes[originalSlug]) {
@@ -39,6 +44,7 @@ function addID(node, nodes, sluggerInstance) {
 
  node.data = node.data || {}
  node.data.hProperties = node.data.hProperties || {}
+ // @ts-ignore
  node.data.hProperties.id = id
 }
 

libs/tags.ts → libs/tags.server.ts

@@ -4,7 +4,7 @@ import path from 'path'
 import type { MdxFrontMatter } from '~/types/mdx'
 import type { TagsCount } from '~/types/server'
 import { kebabCase } from '~/utils/string'
-import { getFiles } from './files'
+import { getFiles } from './files.server'
 
 export function getAllTags(type: string): TagsCount {
  let files = getFiles(type)

pages/about.tsx

@@ -1,5 +1,5 @@
 import { MDXLayoutRenderer } from '~/components/MDXComponents'
-import { getFileBySlug } from '~/libs/mdx'
+import { getFileBySlug } from '~/libs/mdx.server'
 import type { MdxFileData } from '~/types/mdx'
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
 

pages/api/spotify.ts

@@ -1,5 +1,5 @@
 import type { NextApiRequest, NextApiResponse } from 'next'
-import { getNowPlaying } from '~/libs/spotify'
+import { getNowPlaying } from '~/libs/spotify.server'
 import type { SpotifyNowPlayingData } from '~/types/server'
 
 export default async function fetchNowPlaying(_: NextApiRequest, res: NextApiResponse) {

pages/api/views/[slug].ts

@@ -1,5 +1,5 @@
 import type { NextApiRequest, NextApiResponse } from 'next'
-import { __db } from '~/libs/prisma'
+import { __db } from '~/libs/prisma.server'
 
 export default async function handler(req: NextApiRequest, res: NextApiResponse) {
  try {

pages/api/views/index.ts

@@ -1,5 +1,5 @@
 import type { NextApiRequest, NextApiResponse } from 'next'
-import { __db } from '~/libs/prisma'
+import { __db } from '~/libs/prisma.server'
 
 export default async function handler(_: NextApiRequest, res: NextApiResponse) {
  try {

pages/blog.tsx

@@ -3,7 +3,7 @@ import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
 import { PageSeo } from '~/components/SEO'
 import { POSTS_PER_PAGE } from '~/constant'
 import { ListLayout } from '~/layouts/ListLayout'
-import { getAllFilesFrontMatter } from '~/libs/mdx'
+import { getAllFilesFrontMatter } from '~/libs/mdx.server'
 import type { BlogListProps } from '~/types/page'
 
 export async function getStaticProps({ locale }) {

pages/blog/[...slug].tsx

@@ -4,10 +4,10 @@ import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
 import { MDXLayoutRenderer } from '~/components/MDXComponents'
 import { PageTitle } from '~/components/PageTitle'
 import { POSTS_PER_PAGE } from '~/constant'
-import { getCommentConfigs } from '~/libs/comment'
-import { formatSlug, getMetaData, getFiles } from '~/libs/files'
-import { generateRss } from '~/libs/generate-rss'
-import { getAllFilesFrontMatter, getFileBySlug } from '~/libs/mdx'
+import { getCommentConfigs } from '~/libs/comment.server'
+import { formatSlug, getMetaData, getFiles } from '~/libs/files.server'
+import { generateRss } from '~/libs/rss.server'
+import { getAllFilesFrontMatter, getFileBySlug } from '~/libs/mdx.server'
 import type { AuthorFrontMatter, MdxPageLayout } from '~/types/mdx'
 import type { BlogProps } from '~/types/page'
 

pages/blog/page/[page].tsx

@@ -4,7 +4,7 @@ import { POSTS_PER_PAGE } from '~/constant'
 import type { GetStaticPathsContext } from 'next'
 import { useTranslation } from 'next-i18next'
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
-import { getAllFilesFrontMatter } from '~/libs/mdx'
+import { getAllFilesFrontMatter } from '~/libs/mdx.server'
 import type { BlogListProps } from '~/types/page'
 
 export async function getStaticPaths(context: GetStaticPathsContext) {

pages/index.tsx

@@ -1,16 +1,15 @@
-import { useEffect, useState } from 'react'
 import { PageSeo } from 'components/SEO'
+import { useTranslation } from 'next-i18next'
+import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
+import { ProfileCard } from '~/components/ProfileCard'
+import { Twemoji } from '~/components/Twemoji'
 import { BlogLinks } from '~/components/homepage/BlogLinks'
 import { FeaturedPosts } from '~/components/homepage/FeaturedPosts'
 import { Greeting } from '~/components/homepage/Greeting'
 import { Heading } from '~/components/homepage/Heading'
 import { ShortDescription } from '~/components/homepage/ShortDescription'
 import { TypedBios } from '~/components/homepage/TypedBios'
-import { ProfileCard } from '~/components/ProfileCard'
-import { Twemoji } from '~/components/Twemoji'
-import { getAllFilesFrontMatter } from '~/libs/mdx'
-import { useTranslation } from 'next-i18next'
-import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
+import { getAllFilesFrontMatter } from '~/libs/mdx.server'
 
 export async function getStaticProps({ locale }) {
  let posts = getAllFilesFrontMatter(`${locale}/blog`)

pages/resume.tsx

@@ -1,6 +1,6 @@
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
 import { MDXLayoutRenderer } from '~/components/MDXComponents'
-import { getFileBySlug } from '~/libs/mdx'
+import { getFileBySlug } from '~/libs/mdx.server'
 import type { MdxFileData } from '~/types/mdx'
 
 export async function getStaticProps({ locale }) {

pages/snippets/[...slug].tsx

@@ -1,9 +1,9 @@
 import { MDXLayoutRenderer } from 'components/MDXComponents'
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
 import { PageTitle } from '~/components/PageTitle'
-import { getCommentConfigs } from '~/libs/comment'
-import { formatSlug, getFiles } from '~/libs/files'
-import { getFileBySlug } from '~/libs/mdx'
+import { getCommentConfigs } from '~/libs/comment.server'
+import { formatSlug, getFiles } from '~/libs/files.server'
+import { getFileBySlug } from '~/libs/mdx.server'
 import type { MdxPageLayout } from '~/types/mdx'
 import type { SnippetProps } from '~/types/page'
 

pages/snippets/index.tsx

@@ -2,7 +2,7 @@ import { PageSeo } from 'components/SEO'
 import { useTranslation } from 'next-i18next'
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
 import { SnippetLayout } from '~/layouts/SnippetLayout'
-import { getAllFilesFrontMatter } from '~/libs/mdx'
+import { getAllFilesFrontMatter } from '~/libs/mdx.server'
 import type { SnippetFrontMatter } from '~/types/mdx'
 
 export async function getStaticProps({ locale }: { locale: string }) {

pages/tags.tsx

@@ -3,7 +3,7 @@ import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
 import { Link } from '~/components/Link'
 import { PageSeo } from '~/components/SEO'
 import { Tag } from '~/components/Tag'
-import { getAllTags } from '~/libs/tags'
+import { getAllTags } from '~/libs/tags.server'
 import type { TagsCount } from '~/types/server'
 import { kebabCase } from '~/utils/string'
 

pages/tags/[tag].tsx

@@ -4,10 +4,10 @@ import { useTranslation } from 'next-i18next'
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
 import path from 'path'
 import { ListLayout } from '~/layouts/ListLayout'
-import { getMetaData } from '~/libs/files'
-import { generateRss } from '~/libs/generate-rss'
-import { getAllFilesFrontMatter } from '~/libs/mdx'
-import { getAllTags } from '~/libs/tags'
+import { getMetaData } from '~/libs/files.server'
+import { generateRss } from '~/libs/rss.server'
+import { getAllFilesFrontMatter } from '~/libs/mdx.server'
+import { getAllTags } from '~/libs/tags.server'
 import type { BlogFrontMatter } from '~/types/mdx'
 import { kebabCase } from '~/utils/string'