Website version epoch -> 3

.devcontainer/devcontainer.json

@@ -1,11 +1,12 @@
 // https://github.com/devcontainers/templates/tree/main/src/javascript-node
+// TODO: I don't use devcontainer, someone check if this works
 {
-  "name": "Node.js",
-  "image": "mcr.microsoft.com/devcontainers/javascript-node:1-20-bullseye",
-  "forwardPorts": [8000],
-  "updateContentCommand": "npm ci",
-  "postAttachCommand": "npm run develop",
-  "portsAttributes": { "8000": { "onAutoForward": "openPreview" } },
+  "name": "ut.code(); Website",
+  "image": "ghcr.io/nhaef/devcontainer-bun:latest",
+  "forwardPorts": [4321],
+  "updateContentCommand": "bun i --frozen-lockfile",
+  "postAttachCommand": "bun dev",
+  "portsAttributes": { "4321": { "onAutoForward": "openPreview" } },
   "customizations": {
     "vscode": {
       "extensions": ["dbaeumer.vscode-eslint", "apollographql.vscode-apollo"]

.envrc.sample

@@ -0,0 +1,2 @@
+# if you are using nix
+use flake || use nix

.github/workflows/check.yml

@@ -1,34 +1,31 @@
 name: Check
 on: pull_request
 jobs:
-  build-type-check:
-    name: Build and Type Check
+  check:
+    name: Check
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
+      - uses: oven-sh/setup-bun@v2
         with:
-          node-version: "18"
-          cache: npm
-      - run: npm ci
-      - uses: actions/cache@v3
-        with:
-          key: ${{ runner.os }}-gatsby-build-${{ github.run_id }}
-          path: |
-            .cache
-            public
-          restore-keys: ${{ runner.os }}-gatsby-build-
-      - run: npm run build
-      - run: npm run type-check
-
-  lint:
-    name: Lint
+          bun-version: "1.2.4"
+      - run: bun install --frozen-lockfile
+      - run: bun check
+  build:
+    name: Build
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
+      - uses: oven-sh/setup-bun@v2
         with:
-          node-version: "18"
-          cache: npm
-      - run: npm ci
-      - run: npm run lint
+          bun-version: "1.2.4"
+      - run: bun install --frozen-lockfile
+      - uses: actions/cache@v4
+        with:
+          key: ${{ runner.os }}-astro-build
+          path: |
+            .astro
+            dist
+            node_modules/.astro/assets
+          restore-keys: ${{ runner.os }}-astro-build
+      - run: bun run build

.gitignore

@@ -1,16 +1,16 @@
-node_modules/
+/node_modules/
 
 # artifact
-.cache/
-public
+/.astro/
+/dist
 src/gatsby-types.d.ts
+dist
 
 # editor
 .DS_Store
 .vscode/*
 !.vscode/extensions.json
 
 # env
-.envrc
 .direnv
-shell.nix
+.envrc

.helix/languages.toml

@@ -0,0 +1,16 @@
+[language-servers]
+astro-ls = { command = "astro-ls", args = ["--stdio"] }
+
+[[language]]
+name = "astro"
+formatter = { command = "bun", args = ["prettier", "--parser", "astro"] }
+language-servers = ["astro-ls", "tailwindcss-ls"]
+
+[[language]]
+name = "typescript"
+formatter = { command = "bun", args = ["prettier", "--parser", "typescript"] }
+
+[[language]]
+name = "svelte"
+formatter = { command = "bun", args = ["prettier", "--parser", "svelte"] }
+auto-format = true

.prettierignore

@@ -0,0 +1 @@
+contents

.prettierrc

@@ -0,0 +1,11 @@
+plugins:
+  - prettier-plugin-astro
+  - prettier-plugin-svelte
+  - prettier-plugin-tailwindcss
+overrides:
+  - files: "*.astro"
+    options:
+      parser: "astro"
+  - files: "*.svelte"
+    options:
+      parser: "svelte"

.vscode/extensions.json

@@ -1 +1,3 @@
-{ "recommendations": ["dbaeumer.vscode-eslint", "apollographql.vscode-apollo"] }
+{
+  "recommendations": ["astro-build.astro-vscode"]
+}

README.md

@@ -1,33 +1,35 @@
 # ut.code(); 公式ウェブサイト
 
+## 環境構築
+
+### devcontainer
+
 下のボタンを押すと開発環境が起動します。
 起動までしばらく時間がかかるのでお待ちください。
 
 [![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/ut-code/website)
 
-## 環境構築 (手動)
+### 手動
 
-- (必須) Node.js v18
-- (推奨) VSCode
-  - [ESLint 拡張機能](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
-  - [Apollo 拡張機能](https://marketplace.visualstudio.com/items?itemName=apollographql.vscode-apollo)
+- (必須) Bun >= v1.1.39
+- 任意のエディタ https://docs.astro.build/en/editor-setup/
 
 ```shell
-npm ci
+bun install --frozen-lockfile
 ```
 
 ## 開発
 
 ```shell
-npm start
+bun dev
 ```
 
-<http://localhost:8000/> で開発用サーバーが起動します。
+<http://localhost:4321/> で開発用サーバーが起動します。
 
 ## ビルド
 
 ```shell
-npm run build
+bun run build
 ```
 
 ## ディレクトリ構造

astro.config.ts

@@ -0,0 +1,51 @@
+import { defineConfig } from "astro/config";
+
+import tailwind from "@tailwindcss/vite";
+
+import mdx from "@astrojs/mdx";
+import sitemap from "@astrojs/sitemap";
+import svelte from "@astrojs/svelte";
+import icon from "astro-icon";
+// import { visualizer } from "rollup-plugin-visualizer";
+
+// https://astro.build/config
+export default defineConfig({
+  site: "https://utcode.net",
+  vite: {
+    plugins: [
+      tailwind(),
+      // visualizer({ emitFile: true, filename: "stats.html" }),
+    ],
+  },
+
+  integrations: [
+    icon({
+      include: {
+        feather: ["*"],
+      },
+    }),
+    mdx(),
+    sitemap({
+      i18n: {
+        defaultLocale: "ja",
+        locales: {
+          ja: "ja-JP",
+        },
+      },
+    }),
+    svelte(),
+  ],
+
+  prefetch: {
+    prefetchAll: true,
+    defaultStrategy: "hover",
+  },
+  image: {
+    // experimentalLayout: "responsive",
+  },
+  experimental: {
+    clientPrerender: true,
+    // responsiveImages: true,
+    contentIntellisense: true,
+  },
+});

biome.jsonc

@@ -0,0 +1,45 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true,
+  },
+  "files": {
+    "ignoreUnknown": true,
+  },
+  "formatter": {
+    "enabled": false,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineWidth": 120,
+  },
+  "organizeImports": {
+    "enabled": true,
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+    },
+  },
+  "javascript": {
+    "globals": ["Astro"],
+    "formatter": {
+      "quoteStyle": "double",
+    },
+  },
+  "overrides": [
+    {
+      "include": ["*.svelte", "*.astro", "*.vue"],
+      "linter": {
+        "rules": {
+          "style": {
+            "useConst": "off",
+            "useImportType": "off",
+          },
+        },
+      },
+    },
+  ],
+}