chore: update site deps (#2366)

devShell.nix

@@ -32,6 +32,9 @@
 
               echo "Running biome lint"
               nix build .\#checks.${pkgs.system}.biome-lint -L
+
+              echo "Running Site Check"
+              nix run .\#site-check
             '';
           };
         };

site/astro.config.ts

@@ -19,7 +19,7 @@ export default defineConfig({
   site: SITE_URL,
   output: "static",
   trailingSlash: "ignore",
-  server: ({ command }) => ({ port: Number(PORT) }),
+  server: () => ({ port: Number(PORT) }),
   redirects: {
     "/feed": "/rss.xml",
     "/logo": "/union-logo.zip"

site/markdown.config.ts

@@ -18,7 +18,7 @@ export const markdownConfiguration = {
   remarkPlugins: [
     mermaid(),
     remarkMathPlugin,
-    remarkSmartypants,
+    remarkSmartypants as RemarkPlugin,
     [remarkToc, { heading: "contents", prefix: "toc-" }]
   ],
   rehypePlugins: [

site/package.json

@@ -9,66 +9,68 @@
     "preview": "astro preview",
     "astro": "astro",
     "check": "astro check",
-    "lint": "biome check --apply .",
     "typecheck": "tsc --project tsconfig.json --noEmit"
   },
   "dependencies": {
-    "@astrojs/markdown-remark": "^5.1.0",
-    "@astrojs/rss": "^4.0.5",
-    "@astrojs/sitemap": "^3.1.2",
-    "@astrojs/starlight": "^0.21.5",
-    "@astrojs/starlight-tailwind": "^2.0.2",
-    "@astrojs/svelte": "^5.4.0",
+    "@astrojs/markdown-remark": "^5.1.1",
+    "@astrojs/rss": "^4.0.7",
+    "@astrojs/sitemap": "^3.1.6",
+    "@astrojs/starlight": "^0.25.1",
+    "@astrojs/starlight-tailwind": "^2.0.3",
+    "@astrojs/svelte": "^5.6.0",
     "@astrojs/tailwind": "^5.1.0",
     "@expressive-code/plugin-collapsible-sections": "^0.35.3",
-    "@splinetool/runtime": "^1.0.93",
-    "@splinetool/viewer": "^1.0.93",
-    "@urql/svelte": "^4.1.1",
-    "astro": "^4.6.0",
+    "@splinetool/runtime": "^1.9.0",
+    "@splinetool/viewer": "^1.9.0",
+    "@urql/svelte": "^4.2.0",
+    "astro": "^4.11.5",
     "astro-capo": "^0.0.1",
-    "astro-font": "^0.0.80",
-    "astro-seo": "^0.8.3",
-    "echarts": "^5.5.0",
-    "graphql": "^16.8.1",
-    "mermaid": "^10.9.0",
+    "astro-font": "^0.0.81",
+    "astro-seo": "^0.8.4",
+    "echarts": "^5.5.1",
+    "graphql": "^16.9.0",
+    "mermaid": "^10.9.1",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-katex": "^7.0.0",
     "rehype-mathjax": "^6.0.0",
-    "rehype-pretty-code": "^0.13.1",
+    "rehype-pretty-code": "^0.13.2",
     "rehype-slug": "^6.0.0",
     "rehype-stringify": "^10.0.0",
     "remark-math": "^6.0.0",
-    "remark-smartypants": "^2.1.0",
+    "remark-smartypants": "^3.0.2",
     "remark-toc": "^9.0.0",
-    "sharp": "^0.33.3",
-    "shiki": "^1.3.0",
+    "sharp": "^0.33.4",
+    "shiki": "^1.10.3",
     "slugify": "^1.6.6",
     "smartypants": "^0.2.2",
-    "svelte": "^4.2.13"
+    "svelte": "^4.2.18"
   },
   "devDependencies": {
-    "@astrojs/check": "^0.5.10",
-    "@astrojs/language-server": "^2.8.4",
-    "@astrojs/ts-plugin": "^1.6.1",
+    "@astrojs/check": "^0.8.1",
+    "@astrojs/language-server": "^2.11.1",
+    "@astrojs/ts-plugin": "^1.9.0",
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/container-queries": "^0.1.1",
-    "@tailwindcss/typography": "^0.5.12",
+    "@tailwindcss/typography": "^0.5.13",
+    "@types/postcss-import": "^14.0.3",
+    "postcss-import": "^16.1.0",
     "@total-typescript/ts-reset": "^0.5.1",
-    "@types/bun": "^1.0.12",
-    "@types/node": "^20.12.7",
+    "@types/bun": "^1.1.6",
+    "@types/node": "^20.14.10",
     "autoprefixer": "^10.4.19",
-    "postcss": "^8.4.38",
-    "starlight-links-validator": "^0.7.1",
-    "tailwindcss": "^3.4.3",
+    "postcss": "^8.4.39",
+    "starlight-links-validator": "^0.9.1",
+    "tailwindcss": "^3.4.5",
     "tailwindcss-animate": "1.0.7",
     "ts-dedent": "^2.2.0",
     "typed-query-selector": "^2.11.2",
-    "typescript": "^5.4.5",
+    "typescript": "^5.5.3",
     "unist-util-visit": "^5.0.0",
-    "vite": "^5.2.8"
+    "vite": "^5.3.4"
   },
   "overrides": {
-    "sharp": "$sharp"
+    "sharp": "$sharp",
+    "is-core-module": "npm:@nolyfill/is-core-module@^1"
   },
   "private": true
 }

site/postcss.config.cjs

@@ -1,8 +1,15 @@
+const path = require("node:path")
+const tailwindcss = require("tailwindcss")
+const autoprefixer = require("autoprefixer")
+const postcssImport = require("postcss-import")
+const postcssNesting = require("tailwindcss/nesting")
+
+/** @type {import('postcss-load-config').Config} */
 module.exports = {
-  plugins: {
-    "postcss-import": {},
-    "tailwindcss/nesting": {},
-    tailwindcss: {},
-    autoprefixer: {}
-  }
+  plugins: [
+    postcssImport,
+    postcssNesting,
+    tailwindcss(path.resolve(__dirname, "./tailwind.config.ts")),
+    autoprefixer
+  ]
 }

site/site.nix

@@ -8,7 +8,7 @@
     {
       packages = {
         site = mkCi false (unstablePkgs.buildNpmPackage {
-          npmDepsHash = "sha256-iacabyQyragOOO1AsWc0+N14e9cyl2p3Kq+egRaSGYc=";
+          npmDepsHash = "sha256-RNJ5cMMBfaPJJS/vsRRRNyWvOKWoJzQ5PEtOGSC+owk=";
           src = ./.;
           srcs = [ ./. ./../evm/. ./../networks/genesis/. ./../versions/. ];
           sourceRoot = "site";

site/src/components/Footer.astro

@@ -22,7 +22,7 @@ const menuItems = [
   },
   {
     url: "https://x.com/union_build",
-    name: "𝕏"
+    name: "X.com"
   }
 ]
 

site/src/components/ProductSection.astro

@@ -1,18 +1,14 @@
 ---
-import Spline from "#/components/Spline.svelte"
 import Card from "#/components/Card.astro"
-const { name, description, link, model } = Astro.props
+const { name, description, link } = Astro.props
 ---
 <Card class="flex flex-col text-left">
-  <!-- <div class="-mt-16 -mb-4"> -->
-    <!-- <Spline {model} client:only/> -->
-  <!-- </div> -->
   <div class="flex flex-col flex-1 overflow-hidden">
     <h3 class="mb-1 text-3xl px-4">{name}</h3>
     <p class="text-gray-400 flex-1 px-4">{description}</p>
     <a
-      class="block bg-neutral-900 p-4 block mt-2 text-white font-semibold"
-      href={link}>Read More {'->'}</a
-    >
+      class="block bg-neutral-900 p-4 mt-2 text-white font-semibold"
+      href={link}>Read More {'->'}
+    </a>
   </div>
 </Card>

site/src/components/sections/SocialsSection.astro

@@ -1,7 +1,6 @@
 ---
 import LanderSection from "#/components/LanderSection.astro"
 import SocialsGrid from "#/components/SocialsGrid.astro"
-import Card from "#/components/Card.astro"
 import IntroHeading from "#/components/typography/IntroHeading.astro"
 ---
 

site/src/content/config.ts

@@ -18,11 +18,6 @@ const blogCollection = defineCollection({
     })
 })
 
-const openApiCollection = defineCollection({
-  type: "data",
-  schema: z.object({ name: z.string() })
-})
-
 export const collections = {
   blog: blogCollection,
   docs: defineCollection({ schema: docsSchema() }),

site/src/content/docs/docs/joining-testnet/upgrade-history.mdx

@@ -4,7 +4,7 @@ sidebar:
   order: 10
 ---
 
-import Badge from "@astrojs/starlight/components/Badge.astro";
+import { Badge } from "@astrojs/starlight/components";
 
 Here you can find records of Union network binary upgrades.
 

site/src/layouts/SectionsLayout.astro

@@ -6,7 +6,7 @@ interface Props {
   title?: string
   image?: string
   description?: string
-  gapless: boolean
+  gapless?: boolean
 }
 
 const { url, title, image, description, gapless } = Astro.props

site/src/pages/index.astro

@@ -4,7 +4,6 @@ import SectionsLayout from "#/layouts/SectionsLayout.astro"
 import IntroSection from "#/components/sections/IntroSection.astro"
 import ModularConnectedSection from "#/components/sections/ModularConnectedSection.astro"
 import MostEfficientSection from "#/components/sections/MostEfficientSection.astro"
-import ProductsSection from "#/components/sections/ProductsSection.astro"
 import BlogSection from "#/components/sections/BlogSection.astro"
 import CodeSection from "#/components/sections/CodeSection.astro"
 import SocialsSection from "#/components/sections/SocialsSection.astro"
@@ -14,7 +13,6 @@ import SocialsSection from "#/components/sections/SocialsSection.astro"
   <IntroSection/>
   <MostEfficientSection/>
   <ModularConnectedSection/>
-  <!-- <ProductsSection/> -->
   <CodeSection/>
   <BlogSection/>
   <SocialsSection/>

site/src/pages/logo-variable.astro

@@ -1,8 +1,8 @@
 ---
 import BaseLayout from "#/layouts/BaseLayout.astro"
-import LogoVariable from "#/components/LogoVariable.svelte"
+import LogoVariableComponent from "#/components/LogoVariable.svelte"
 ---
 
 <BaseLayout loadFonts={false}>
-  <LogoVariable client:load />
+  <LogoVariableComponent client:load />
 </BaseLayout>

site/tsconfig.json

@@ -8,7 +8,12 @@
     "moduleResolution": "Bundler",
     "resolveJsonModule": true,
     "skipLibCheck": true,
+    "strict": true,
+    "allowArbitraryExtensions": true,
+    "alwaysStrict": true,
+    "allowImportingTsExtensions": true,
     "jsx": "preserve",
+    "skipDefaultLibCheck": true,
     "allowJs": true,
     "checkJs": true,
     "baseUrl": ".",