feat: use assets/blog for blog.data.json

Author: yqrashawn

.gitignore

@@ -42,5 +42,6 @@ next-env.d.ts
 
 .turbo
 
-/src/app/blog/data.json
-/src/research-blog.data.json
+/src/app/blog/[blogId]/data.json
+/src/assets/blog/main.data.json
+/src/assets/blog/research.data.json

scripts/download-blog-posts.data.json.mjs

@@ -1,5 +1,16 @@
-import fs from "fs"
+import fs from "node:fs"
 import fetch from "node-fetch"
+import path from "node:path"
+
+import { fileURLToPath } from "url"
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+
+const blogAssetsDir = path.join(__dirname, "..", "src", "assets", "blog")
+
+if (!fs.existsSync(blogAssetsDir)) {
+  fs.mkdirSync(blogAssetsDir, { recursive: true })
+}
 
 const isMainnet = process.env.NEXT_PUBLIC_SCROLL_ENVIRONMENT === "Mainnet"
 
@@ -11,10 +22,10 @@ async function fetchPosts() {
   await Promise.all([
     fetch(buildPostURL("scroll.io"))
       .then(res => res.json())
-      .then(json => fs.writeFileSync("./src/app/blog/[blogId]/data.json", JSON.stringify(json, null, 2))),
+      .then(json => fs.writeFileSync("./src/assets/blog/main.data.json", JSON.stringify(json, null, 2))),
     fetch(buildPostURL("research.scroll.io"))
       .then(res => res.json())
-      .then(json => fs.writeFileSync("./src/research-blog.data.json", JSON.stringify(json, null, 2))),
+      .then(json => fs.writeFileSync("./src/assets/blog/research.data.json", JSON.stringify(json, null, 2))),
   ])
 }
 

src/app/blog/[blogId]/detail.tsx

@@ -12,6 +12,7 @@ import remarkMath from "remark-math"
 import { Box, Typography } from "@mui/material"
 import { styled } from "@mui/system"
 
+import blogSource from "@/assets/blog/main.data.json"
 import LoadingPage from "@/components/LoadingPage"
 import { LANGUAGE_MAP } from "@/constants"
 import useCheckViewport from "@/hooks/useCheckViewport"
@@ -20,7 +21,6 @@ import { filterBlogsByLanguage } from "@/utils"
 
 import Articles from "./articles"
 import TOC from "./components/tableOfContents"
-import blogSource from "./data.json"
 
 const BlogContainer = styled(Box)(
   ({ theme }) => `

src/app/blog/[blogId]/page.tsx

@@ -1,6 +1,6 @@
+import blogSource from "@/assets/blog/main.data.json"
 import { genMeta } from "@/utils/route"
 
-import blogSource from "./data.json"
 import Detail from "./detail"
 
 export const generateMetadata = genMeta(({ params }) => {

src/app/blog/page.tsx

@@ -8,15 +8,14 @@ import { Tune as TuneIcon } from "@mui/icons-material"
 import { Box, Modal, Typography } from "@mui/material"
 import { styled } from "@mui/system"
 
+import blogSource from "@/assets/blog/main.data.json"
 import ArticleCard from "@/components/ArticleCard"
 import SectionWrapper from "@/components/SectionWrapper"
 import { LANGUAGE_MAP, getBlogCategoryList, getBlogSortList } from "@/constants"
 import useCheckViewport from "@/hooks/useCheckViewport"
 import useUserLanguage from "@/hooks/useUserLanguage"
 import { filterBlogsByLanguage } from "@/utils"
 
-import blogSource from "./[blogId]/data.json"
-
 const BlogContainer = styled(Box)(({ theme }) => ({
   padding: "0 6rem 14rem",
   [theme.breakpoints.down("md")]: {

src/app/ecosystem/Highlights/HighlightList/index.tsx

@@ -3,7 +3,7 @@ import { Swiper, SwiperSlide } from "swiper/react"
 
 import { styled } from "@mui/system"
 
-import Data from "@/app/blog/[blogId]/data.json"
+import Data from "@/assets/blog/main.data.json"
 import useCheckViewport from "@/hooks/useCheckViewport"
 
 import BlogCard from "./Card"