fixes build

Author: kochie

.gitignore

@@ -20,4 +20,6 @@ public/workbox-*.js
 public/workbox-*.js.map
 public/images/articles/
 public/articles.json
-public/manifest.json
+public/manifest.json
+
+bin/dist/

bin/loader.js

@@ -1,3 +1,3 @@
 import { generateFeeds } from '@/lib/feed'
 
-generateFeeds()
+await generateFeeds()

bin/build_feed.ts bin/prebuild.ts

@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "outDir": "./dist",
+        "esModuleInterop": true,
+        "baseUrl": "..",
+        "module": "esnext",
+        "target": "ES2017",
+        "moduleResolution": "node",
+        "paths": {
+            "@/*": [
+                "./src/*"
+            ],
+            "#/metadata.yaml": [
+                "./metadata.yaml"
+            ]
+        },
+        "typeRoots": [
+            "types",
+            "node_modules/@types"
+        ],
+    },
+}

bin/tsconfig.json

@@ -10,7 +10,8 @@ const withBundleAnalyzer = bundleAnalyzer({
 
 const withPWA = PWA({
   dest: 'public',
-  register: true, skipWaiting: true,
+  register: true,
+  skipWaiting: true,
   maximumFileSizeToCacheInBytes: 10 * 1024 * 1024,
 })
 
@@ -19,7 +20,7 @@ const withPWA = PWA({
  **/
 let config = {
   webpack(config) {
-    config.experiments = {...config.experiments, topLevelAwait: true}
+    config.experiments = { ...config.experiments, topLevelAwait: true }
 
     return config
   },
@@ -37,10 +38,10 @@ let config = {
       {
         protocol: 'https',
         hostname: 'pbs.twimg.com',
-      }
+      },
     ],
   },
-  
+
   modularizeImports: {
     '@/components': {
       transform: '@/components/{{member}}',
@@ -52,17 +53,29 @@ const plugins = [
   {
     plugin: withPWA,
     env: ['production'],
+    name: 'PWA',
   },
-  { plugin: withSentryConfig, env: ['production'], options: [{}, {
-    hideSourceMaps: false,
-  }] },
-  { plugin: withBundleAnalyzer },
+  {
+    name: 'Sentry',
+    plugin: withSentryConfig,
+    env: ['production'],
+    options: [
+      {},
+      {
+        hideSourceMaps: false,
+      },
+    ],
+  },
+  { name: 'Bundle Analyzer', plugin: withBundleAnalyzer },
 ]
 
+console.log('ANALYZE', process.env.ANALYZE === 'true')
+
 for (const plug of plugins) {
   if (!plug.env || plug.env.includes(process.env.NODE_ENV)) {
+    console.log('applying plugin', plug.name)
     if (plug.options) config = plug.plugin(config, ...plug.options)
-    else plug.plugin(config)
+    else config = plug.plugin(config)
   }
 }
 

jest.config.ts

@@ -15,8 +15,10 @@
     "prettier": "prettier --write \"src/**/*.{tsx,ts,less,js,jsx,json}\"",
     "eslint": "eslint",
     "prepare": "husky",
-    "prebuild": "node --loader ./bin/loader.js bin/build_feed.ts",
-    "postbuild": "node --loader ./bin/loader.js bin/postbuild.ts"
+    "prebuild:build": "esbuild --bundle --format=esm --packages=external --platform=node --target=node20 --outdir=bin/dist bin/prebuild.ts",
+    "postbuild:build": "esbuild --bundle --format=esm --packages=external --platform=node --target=node20 --outdir=bin/dist bin/postbuild.ts", 
+    "prebuild": "npm run prebuild:build && node bin/dist/prebuild.js",
+    "postbuild": "npm run postbuild:build && node bin/dist/postbuild.js"
   },
   "keywords": [
     "blog",
@@ -26,7 +28,6 @@
   "author": "Robert Koch <[email protected]>",
   "license": "MIT",
   "devDependencies": {
-    "@actions/core": "^1.10.1",
     "@csstools/postcss-color-mix-function": "^2.0.16",
     "@csstools/postcss-hwb-function": "^3.0.15",
     "@csstools/postcss-oklab-function": "^3.0.16",
@@ -42,8 +43,6 @@
     "@fortawesome/pro-regular-svg-icons": "^6.5.2",
     "@fortawesome/pro-solid-svg-icons": "^6.5.2",
     "@fortawesome/react-fontawesome": "^0.2.2",
-    "@jest/globals": "^29.7.0",
-    "@jest/types": "^29.6.3",
     "@mapbox/rehype-prism": "^0.9.0",
     "@mdx-js/mdx": "^3.0.1",
     "@mdx-js/react": "^3.0.1",
@@ -72,14 +71,13 @@
     "@typescript-eslint/eslint-plugin": "^7.10.0",
     "@typescript-eslint/parser": "^7.10.0",
     "@typescript-eslint/typescript-estree": "^7.10.0",
-    "@vercel/og": "^0.6.2",
     "@vitejs/plugin-react": "^4.3.0",
     "autoprefixer": "^10.4.19",
     "canvas": "^2.11.2",
     "clsx": "^2.1.1",
     "csstype": "^3.1.3",
     "d3": "^7.9.0",
-    "encoding": "^0.1.13",
+    "esbuild": "^0.21.3",
     "eslint": "^9.3.0",
     "eslint-config-next": "^14.2.3",
     "eslint-plugin-import": "^2.29.1",
@@ -91,14 +89,11 @@
     "husky": "^9.0.11",
     "identity-obj-proxy": "^3.0.0",
     "intl-list-format": "^1.0.3",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
     "jimp": "^0.22.12",
     "js-yaml": "^4.1.0",
     "jsdom": "^24.0.0",
     "msw": "^2.3.0",
     "next": "14.2.3",
-    "next-mdx-remote": "^5.0.0",
     "next-pwa": "^5.6.0",
     "next-remote-watch": "^2.0.0",
     "node-loader": "^2.0.0",