Merge pull request #535 from mwskwong/canary

Canary

Author: mwskwong

.github/workflows/format.yml

@@ -2,7 +2,7 @@ name: Format Code
 on: push
 
 jobs:
-  prettier:
+  format:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4

eslint.config.mjs

@@ -1,8 +1,5 @@
 // @ts-check
 
-import path from "node:path";
-import url from "node:url";
-
 import { FlatCompat } from "@eslint/eslintrc";
 import eslint from "@eslint/js";
 import commentsPlugin from "@eslint-community/eslint-plugin-eslint-comments/configs";
@@ -14,11 +11,8 @@ import reactCompilerPlugin from "eslint-plugin-react-compiler";
 import unicornPlugin from "eslint-plugin-unicorn";
 import tseslint from "typescript-eslint";
 
-const __filename = url.fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
 const compat = new FlatCompat({
-  baseDirectory: __dirname,
+  baseDirectory: import.meta.dirname,
 });
 
 const config = tseslint.config(

package-lock.json

@@ -44,7 +44,7 @@
     "@next/bundle-analyzer": "^15.1.6",
     "@next/eslint-plugin-next": "^15.1.6",
     "@total-typescript/ts-reset": "^0.6.1",
-    "@types/node": "^22.13.0",
+    "@types/node": "^22.13.1",
     "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
     "autoprefixer": "^10.4.20",
@@ -74,6 +74,6 @@
     "stylelint-config-recess-order": "^6.0.0",
     "stylelint-config-standard": "^37.0.0",
     "typescript": "^5.7.3",
-    "typescript-eslint": "^8.22.0"
+    "typescript-eslint": "^8.23.0"
   }
 }

package.json

@@ -0,0 +1,85 @@
+import { Code, Container, Heading, Link, Section } from "@radix-ui/themes";
+import * as DataList from "@radix-ui/themes/components/data-list";
+import { type Metadata } from "next";
+import { type FC } from "react";
+
+import { routes, siteUrl } from "@/constants/site-config";
+
+import styles from "./page.module.css";
+
+const ParamsPage: FC = () => (
+  <Container asChild>
+    <main>
+      <Section>
+        <Heading size="6">{routes.params.name}</Heading>
+        <DataList.Root mt="8">
+          <DataList.Item>
+            <DataList.Label>Commit</DataList.Label>
+            <DataList.Value>
+              <Code asChild className={styles.codeValue} variant="ghost">
+                <Link
+                  rel="noreferrer"
+                  target="_blank"
+                  href={
+                    process.env.VERCEL_GIT_COMMIT_SHA &&
+                    `https://github.com/mwskwong/mwskwong.com/commit/${process.env.VERCEL_GIT_COMMIT_SHA}`
+                  }
+                >
+                  {process.env.VERCEL_GIT_COMMIT_SHA}
+                </Link>
+              </Code>
+            </DataList.Value>
+          </DataList.Item>
+          <DataList.Item>
+            <DataList.Label>Region</DataList.Label>
+            <DataList.Value>
+              <Code className={styles.codeValue} variant="ghost">
+                {process.env.VERCEL_REGION}
+              </Code>
+              &nbsp;(
+              <Link
+                href="https://vercel.com/docs/edge-network/regions#region-list"
+                rel="noreferrer"
+                target="_blank"
+              >
+                region list
+              </Link>
+              )
+            </DataList.Value>
+          </DataList.Item>
+          <DataList.Item>
+            <DataList.Label>Site URL</DataList.Label>
+            <DataList.Value>
+              <Link href={siteUrl} rel="noreferrer" target="_blank">
+                {siteUrl}
+              </Link>
+            </DataList.Value>
+          </DataList.Item>
+          <DataList.Item>
+            <DataList.Label>Contentful ENV</DataList.Label>
+            <DataList.Value>
+              <Code asChild className={styles.codeValue} variant="ghost">
+                <Link
+                  rel="noreferrer"
+                  target="_blank"
+                  href={
+                    process.env.CONTENTFUL_SPACE_ID &&
+                    process.env.CONTENTFUL_ENVIRONMENT &&
+                    `https://app.contentful.com/spaces/${process.env.CONTENTFUL_SPACE_ID}/environments/${process.env.CONTENTFUL_ENVIRONMENT}`
+                  }
+                >
+                  {process.env.CONTENTFUL_ENVIRONMENT}
+                </Link>
+              </Code>
+            </DataList.Value>
+          </DataList.Item>
+        </DataList.Root>
+      </Section>
+    </main>
+  </Container>
+);
+
+export const metadata = { title: routes.params.name } satisfies Metadata;
+export const dynamic = "force-dynamic";
+
+export default ParamsPage;

src/app/params/page.module.css src/app/%5Fparams/page.module.css

@@ -14,6 +14,7 @@ export const routes = {
   skills: { name: "Skills", pathname: "/skills" },
   blog: { name: "Blog", pathname: "/blog" },
   blogRssFeed: { name: "Blog RSS Feed", pathname: "/blog/rss.xml" },
+  params: { name: "Parameters", pathname: "/_params" },
 } as const satisfies Record<string, Route>;
 
 const getSiteUrl = () => {

src/app/%5Fparams/page.tsx

@@ -12,6 +12,7 @@ const config = {
   scanner: {
     samples: 3,
     throttle: true,
+    crawler: false,
   },
 };