feat: First frontend implements with environment

- Use TypeScript for codebase.
- Use esbuild for bundle sources to ESModule.
- Use biome for formatting and linting (with pre-commit).
- Bundle generated file into Python package.

Refs: #2

.github/workflows/main.yml

@@ -35,6 +35,11 @@ jobs:
       - uses: actions/setup-python@v5
         with:
           python-version: ${{ matrix.python-version }}
+      - uses: volta-cli/action@v4
+      - name: Build static files
+        run: |
+          npm i
+          npm run build
       - name: Configure venv
         run: |
           pip install uv
@@ -69,8 +74,11 @@ jobs:
       - uses: actions/setup-python@v5
         with:
           python-version-file: '.python-version'
+      - uses: volta-cli/action@v4
       - name: Build package
         run: |
+          npm i
+          npm run build
           pip install hatch
           hatch build
           ls -l dist

.pre-commit-config.yaml

@@ -13,3 +13,8 @@ repos:
       - id: doc8
         args:
           - --max-line-length=119
+  - repo: https://github.com/biomejs/pre-commit
+    rev: ""
+    hooks:
+      - id: biome-check
+        additional_dependencies: ["@biomejs/[email protected]"]

biome.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
+  "formatter": {
+    "indentStyle": "space"
+  }
+}

esbuild.mjs

@@ -0,0 +1,14 @@
+#!/usr/bin/env node
+/**
+ * Configuration to bundle scripts for esbuild.
+ */
+import * as esbuild from "esbuild";
+
+await esbuild.build({
+  entryPoints: ["src/frontend/main.ts"],
+  bundle: true,
+  minify: process.env.NODE_ENV === "production",
+  sourcemap: process.env.NODE_ENV !== "production",
+  outfile: "src/atsphinx/mini18n/_static/atsphinx-mini18n.js",
+  target: ["chrome58", "firefox57", "safari11", "edge16"],
+});