refactor: migrate build script to typescript

.eslintrc

@@ -312,6 +312,12 @@
       "rules": {
         "max-len": "off"
       }
+    },
+    {
+      "files": ["scripts/**/*"],
+      "rules": {
+        "import/no-extraneous-dependencies": "off"
+      }
     }
   ]
-}
+}

jest.config.js

@@ -1,10 +1,15 @@
-module.exports = {
+const config = {
+  transform: {
+    '^.+\\.[t|j]sx?$': ['babel-jest', { configFile: './tests/babel.test.config.cjs' }]
+  },
   verbose: true,
   collectCoverage: true,
   coverageReporters: ['text', 'lcov', 'json-summary'],
   coverageDirectory: 'coverage',
-  collectCoverageFrom: ['scripts/**/*.js'],
-  coveragePathIgnorePatterns: ['scripts/compose.js', 'scripts/tools/categorylist.js', 'scripts/tools/tags-color.js'],
-  // To disallow netlify edge function tests from running
-  testMatch: ['**/tests/**/*.test.*', '!**/netlify/**/*.test.*']
+  collectCoverageFrom: ['scripts/**/*.ts'],
+  coveragePathIgnorePatterns: ['scripts/compose.ts', 'scripts/tools/categorylist.ts', 'scripts/tools/tags-color.ts'],
+  testMatch: ['**/tests/**/*.test.*', '!**/netlify/**/*.test.*'],
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json']
 };
+
+export default config;

next-i18next.config.cjs

@@ -0,0 +1,13 @@
+// The file is required to be named next-i18next.config.cjs so we can use it in next.config.js.
+// https://github.com/i18next/next-i18next/issues/2185#issuecomment-1618307556
+process.env.I18NEXT_DEFAULT_CONFIG_PATH = './next-i18next.config.cjs';
+
+module.exports = {
+  i18n: {
+    locales: ['en', 'de'],
+    defaultLocale: 'en',
+    namespaces: ['landing-page', 'common', 'tools'],
+    defaultNamespace: 'landing-page',
+    react: { useSuspense: false } // this line
+  }
+};

package.json

@@ -3,28 +3,29 @@
   "version": "0.1.0",
   "description": "AsyncAPI website",
   "private": true,
+  "type": "module",
   "scripts": {
     "dev": "npm run build-scripts && next dev",
     "build": "npm run build-scripts && next build",
     "test": "jest --passWithNoTests",
-    "build:pages": "node scripts/build-pages.js && npm run format:mdx",
-    "build:posts": "node scripts/index.js",
+    "build:pages": "tsx scripts/build-pages.ts && npm run format:mdx",
+    "build:posts": "tsx scripts/index.ts",
     "build-scripts": "npm run build:pages && npm run lint:mdx && npm run build:posts",
-    "write:blog": "node ./scripts/compose.js",
+    "write:blog": "tsx ./scripts/compose.ts",
     "start": "npx serve@latest out",
     "export": "next export",
     "lint": "next lint",
     "lint:fix": "next lint --fix",
     "format:mdx": "prettier --write \"**/*.mdx\"",
     "lint:mdx": "remark \"**/*.mdx\"",
     "generate:assets": "echo \"No assets to configure\"",
-    "generate:meetings": "node scripts/build-meetings.js",
-    "generate:dashboard": "node scripts/dashboard/build-dashboard.js",
-    "generate:videos": "node scripts/build-newsroom-videos.js",
-    "generate:tools": "node scripts/build-tools.js",
+    "generate:meetings": "tsx scripts/build-meetings.ts",
+    "generate:dashboard": "tsx scripts/dashboard/build-dashboard.ts",
+    "generate:videos": "tsx scripts/build-newsroom-videos.ts",
+    "generate:tools": "tsx scripts/build-tools.ts",
     "test:netlify": "deno test --allow-env --trace-ops netlify/**/*.test.ts",
-    "test:md": "node scripts/markdown/check-markdown.js",
-    "test:editlinks": "node scripts/markdown/check-edit-links.js",
+    "test:md": "tsx scripts/markdown/check-markdown.ts",
+    "test:editlinks": "tsx scripts/markdown/check-edit-links.ts",
     "dev:storybook": "storybook dev -p 6006",
     "build:storybook": "storybook build"
   },
@@ -115,10 +116,12 @@
     "swiper": "^11.0.7",
     "tailwind-merge": "^2.2.1",
     "tailwindcss": "^3.4.3",
-    "typescript": "^5.3.3",
+    "tsx": "^4.19.2",
+    "winston": "^3.17.0",
     "yaml": "^2.3.4"
   },
   "devDependencies": {
+    "@babel/preset-typescript": "^7.26.0",
     "@chromatic-com/storybook": "^1.6.1",
     "@netlify/functions": "^2.6.0",
     "@netlify/plugin-nextjs": "^4.41.3",
@@ -130,6 +133,9 @@
     "@storybook/nextjs": "^8.2.4",
     "@storybook/react": "^8.2.4",
     "@storybook/test": "^8.2.4",
+    "@types/fs-extra": "^11.0.4",
+    "@types/inquirer": "^9.0.7",
+    "@types/jest": "^29.5.14",
     "@types/lodash": "^4.17.0",
     "@types/node": "^20",
     "@types/react": "^18.0.1",
@@ -139,6 +145,7 @@
     "@types/react-youtube-embed": "^1.0.4",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
+    "babel-plugin-transform-import-meta": "^2.2.1",
     "dedent": "^1.5.1",
     "eslint": "^8",
     "eslint-config-airbnb-typescript": "^17.1.0",
@@ -159,6 +166,7 @@
     "remark-cli": "^12.0.1",
     "remark-lint": "^10.0.0",
     "remark-mdx": "^3.0.1",
-    "storybook": "^8.2.4"
+    "storybook": "^8.2.4",
+    "typescript": "^5.7.2"
   }
 }

pages/_document.tsx

@@ -1,7 +1,7 @@
 import Document, { Head, Html, Main, NextScript } from 'next/document';
 import React from 'react';
 
-import i18nextConfig from '../next-i18next.config';
+import i18nextConfig from '../next-i18next.config.cjs';
 
 class MyDocument extends Document {
   static async getInitialProps(ctx: any) {

scripts/adopters/index.ts

@@ -0,0 +1,15 @@
+import { dirname, resolve } from 'path';
+import { fileURLToPath } from 'url';
+
+import { writeJSON } from '../utils/readAndWriteJson';
+
+const currentFilePath = fileURLToPath(import.meta.url);
+const currentDirPath = dirname(currentFilePath);
+
+/**
+ * Builds the adopters list by converting a YAML file to JSON and writing it to a specified path.
+ * @returns {Promise<void>}
+ */
+export async function buildAdoptersList() {
+  writeJSON('config/adopters.yml', resolve(currentDirPath, '../../config', 'adopters.json'));
+}