Removing gulp

bin/build.ts

@@ -1,8 +1,8 @@
 import { articles } from "../lib/tasks/articles.js";
-import { css } from "../lib/tasks.js";
-import { fonts } from "../lib/tasks.js";
-import { images } from "../lib/tasks.js";
-import { svg } from "../lib/tasks.js";
+import { css } from "../lib/tasks/css.js";
+import { fonts } from "../lib/tasks/fonts.js";
+import { images } from "../lib/tasks/images.js";
+import { svg } from "../lib/tasks/svg.js";
 
 import { argv, exit } from "node:process";
 

gulpfile.js

@@ -1,2 +0,0 @@
-export * from "./lib/tasks.ts";
-export { default } from "./lib/tasks.ts";

lib/tasks.ts

@@ -1,10 +0,0 @@
-import { series } from "gulp";
-import { articles } from "./tasks/articles.js";
-import { css } from "./tasks/css.js";
-import { fonts } from "./tasks/fonts.js";
-import { images } from "./tasks/images.js";
-import { svg } from "./tasks/svg.js";
-import { watch } from "./tasks/watch.js";
-
-export { articles, css, fonts, images, svg, watch };
-export default series(fonts, images, svg, css, articles);

lib/tasks/articles.ts

@@ -21,7 +21,7 @@ import { reloadAssets } from "../assets.js";
 import { lastValueFrom, mergeMap, Observable, Subscriber } from "rxjs";
 import { dest, fromGlob, onComplete } from "../rx-utils.js";
 
-const Asciidoctor = asciidoctor();
+const Asciidoctor = (asciidoctor as unknown as () => asciidoctor.Asciidoctor)();
 const EXTENSION_REGISTRY = Asciidoctor.Extensions.create();
 EXTENSION_REGISTRY.inlineMacro("abbr", function () {
     this.process(function (parent, target, attributes) {

lib/tasks/watch.ts

@@ -1,16 +0,0 @@
-import gulp from "gulp";
-import { articles } from "./articles.js";
-import { css } from "./css.js";
-import { images } from "./images.js";
-import { svg } from "./svg.js";
-
-export const watch = () => {
-    gulp.watch(["src/*.pug", "articles/**/*.asciidoc"], articles);
-
-    gulp.watch("src/*.css", css);
-    gulp.watch("src/*.avif", images);
-    gulp.watch("src/*.svg", svg);
-
-    gulp.watch("dist/_assets/fonts.manifest", css);
-    gulp.watch("dist/_assets/css.manifest", articles);
-};

package.json

@@ -5,13 +5,11 @@
     "type": "module",
     "dependencies": {
         "@mapbox/rehype-prism": "^0.9.0",
+        "@types/vinyl": "^2.0.12",
         "asciidoctor": "^3.0.4",
         "chokidar": "^3.6.0",
         "cssnano": "^7.0.2",
         "glob": "^10.4.2",
-        "gulp": "^5.0.0",
-        "gulp-cli": "^3.0.0",
-        "gulp-postcss": "^10.0.0",
         "luxon": "^3.4.4",
         "postcss": "^8.4.38",
         "postcss-import": "^16.1.0",
@@ -24,19 +22,18 @@
         "rxjs": "^7.8.1",
         "tmp": "^0.2.3",
         "ts-node": "^10.9.2",
-        "unified": "^11.0.4"
+        "unified": "^11.0.4",
+        "vinyl": "^3.0.0"
     },
     "devDependencies": {
         "@types/glob": "^8.1.0",
-        "@types/gulp": "^4.0.17",
-        "@types/gulp-postcss": "^8.0.6",
         "@types/luxon": "^3.4.2",
         "@types/tmp": "^0.2.6",
         "prettier": "^3.3.1"
     },
     "scripts": {
-        "build": "env NODE_OPTIONS='--import ./lib/ts-loader.js' gulp",
-        "watch": "gulp watch",
+        "build": "node --import ./lib/ts-loader.js ./bin/build.ts",
+        "watch": "node --import ./lib/ts-loader.js ./bin/watch.ts",
         "dev": "python -m http.server -d dist"
     }
 }

tsconfig.json

@@ -1,15 +1,9 @@
 {
-    "ts-node": {
-        "compilerOptions": {
-            "module": "ESNext",
-            "moduleResolution": "NodeNext"
-        }
-    },
     "compilerOptions": {
         "esModuleInterop": true,
         "jsx": "react-jsx",
         "jsxImportSource": "preact",
         "module": "NodeNext",
-        "moduleResolution": "NodeNext"
+        "moduleResolution": "NodeNext",
     }
 }