Add personal_website_web target with javascript support

.bazelignore

@@ -1 +1,4 @@
-.git
+.git/
+venv/
+node_modules/
+personal_website_web/node_modules/

.gitignore

@@ -4,4 +4,6 @@ bazel-*
 **/.terraform/
 **/*.tfstate
 **/*.tfstate.backup
-venv/
+**/venv/
+**/node_modules/
+pnpm-debug.log*

.npmrc

@@ -0,0 +1 @@
+hoist=false

.prettier.config.js

@@ -0,0 +1,8 @@
+const config = {
+  trailingComma: 'all',
+  tabWidth: 2,
+  semi: true,
+  singleQuote: true,
+};
+
+export default config;

BUILD.bazel

@@ -1,3 +1,16 @@
+load("@npm//:defs.bzl", "npm_link_all_packages")
+load("@aspect_rules_js//js:defs.bzl", "js_library")
+
+npm_link_all_packages(
+    name = "node_modules",
+)
+
+js_library(
+    name = "prettierrc",
+    srcs = [".prettier.config.js"],
+    visibility = ["//tools/format:__pkg__"],
+)
+
 alias(
     name = "format",
     actual = "//tools/format:format",

MODULE.bazel

@@ -116,3 +116,19 @@ pip.parse(
     requirements_lock = "//:requirements.txt",
 )
 use_repo(pip, "pypi")
+
+bazel_dep(name = "aspect_rules_js", version = "2.1.0")
+
+pnpm = use_extension("@aspect_rules_js//npm:extensions.bzl", "pnpm")
+use_repo(pnpm, "pnpm")
+
+npm = use_extension("@aspect_rules_js//npm:extensions.bzl", "npm")
+npm.npm_translate_lock(
+    name = "npm",
+    data = [
+        "//personal_website_web:package.json",
+    ],
+    npmrc = "//:.npmrc",
+    pnpm_lock = "//:pnpm-lock.yaml",
+)
+use_repo(npm, "npm")

package.json

@@ -0,0 +1,15 @@
+{
+  "private": true,
+  "type": "module",
+  "pnpm": {
+    "onlyBuiltDependencies": []
+  },
+  "dependencies": {
+    "@vitejs/plugin-react": "^4.3.3",
+    "globals": "^15.11.0",
+    "prettier": "^3.3.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "vite": "^5.4.10"
+  }
+}

personal_website_web/BUILD.bazel

@@ -0,0 +1,72 @@
+load("@aspect_rules_js//js:defs.bzl", "js_library", "js_run_binary")
+load("@npm//:defs.bzl", "npm_link_all_packages")
+load("@npm//:vite/package_json.bzl", "bin")
+
+npm_link_all_packages(
+    name = "node_modules",
+)
+
+js_library(
+    name = "vite.config",
+    srcs = ["vite.config.js"],
+    data = [
+        "//:node_modules/@vitejs/plugin-react",
+        "//:node_modules/vite",
+    ],
+)
+
+bin.vite_binary(
+    name = "vite",
+    chdir = package_name(),
+    data = [":vite.config"],
+)
+
+js_library(
+    name = "assets",
+    srcs = glob([
+        "src/**/*.css",
+        "src/**/*.svg",
+    ]),
+)
+
+js_library(
+    name = "src",
+    srcs = glob([
+        "src/**/*.js",
+        "src/**/*.jsx",
+    ]),
+    data = [":assets"],
+    deps = [
+        "//:node_modules/react",
+        "//:node_modules/react-dom",
+    ],
+)
+
+filegroup(
+    name = "public",
+    srcs = glob(["public/**/*"]),
+)
+
+js_run_binary(
+    name = "build",
+    srcs =
+        [
+            "index.html",
+            "package.json",
+            ":assets",
+            ":public",
+            ":src",
+            "//:node_modules/react",
+            "//:node_modules/react-dom",
+        ],
+    args = ["build"],
+    out_dirs = ["dist"],
+    tool = ":vite",
+)
+
+bin.vite_binary(
+    name = "preview",
+    args = ["preview"],
+    chdir = package_name(),
+    data = [":build"],
+)