build: stop using docker for build/watch workflow (angular#741)

Author: lacolaco

.dockerignore

@@ -0,0 +1,2 @@
+*       text=auto
+*.patch -text

.gitattributes

@@ -13,8 +13,3 @@ updates:
     directory: "/" # Location of package manifests
     schedule:
       interval: "daily"
-  - package-ecosystem: "docker" # See documentation for possible values
-    directory: "/tools/dockerbuild" # Location of package manifests
-    schedule:
-      interval: "daily"
-

.github/dependabot.yml

@@ -9,33 +9,52 @@ permissions:
   contents: read
 
 jobs:
-  build:
+  test:
     runs-on: ubuntu-latest
-
     steps:
-    - uses: actions/checkout@v3
-      with:
-        submodules: true
-
-    # https://github.com/actions/cache/blob/master/examples.md#node---yarn
-    - name: Get yarn cache directory path
-      id: yarn-cache-dir-path
-      run: echo "::set-output name=dir::$(yarn cache dir)"
-    - uses: actions/cache@v3
-      id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
-      with:
-        path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-        key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-        restore-keys: |
-          ${{ runner.os }}-yarn-
-
-    - name: Use Node.js
-      uses: actions/setup-node@v3
-      with:
-        node-version-file: .node-version
-    - name: Install
-      run: yarn install
-    - name: Test
-      run: yarn test
-    - name: Build
-      run: yarn build
+      - uses: actions/checkout@v3
+        with:
+          submodules: true
+      - uses: actions/setup-node@v3
+        with:
+          node-version-file: .node-version
+          cache: yarn
+      - run: yarn install
+      - run: yarn test
+  build-ubuntu:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          submodules: true
+      - uses: actions/setup-node@v3
+        with:
+          node-version-file: .node-version
+          cache: yarn
+      - run: yarn install
+      - run: yarn build
+  build-windows:
+    runs-on: windows-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          submodules: true
+      - uses: actions/setup-node@v3
+        with:
+          node-version-file: .node-version
+          cache: yarn
+      - run: yarn install
+      - run: yarn build
+        shell: pwsh
+  build-macos:
+    runs-on: macos-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          submodules: true
+      - uses: actions/setup-node@v3
+        with:
+          node-version-file: .node-version
+          cache: yarn
+      - run: yarn install
+      - run: yarn build

.github/workflows/build-and-test.yml

@@ -24,6 +24,7 @@ jobs:
       uses: actions/setup-node@v3
       with:
         node-version-file: .node-version
+        cache: yarn
     - name: Install
       run: yarn install
     - name: Build

.github/workflows/deploy-preview.yml

@@ -22,6 +22,7 @@ jobs:
       uses: actions/setup-node@v3
       with:
         node-version-file: .node-version
+        cache: yarn
     - name: Install
       run: yarn install
     - name: Build

.github/workflows/deploy-production.yml

@@ -1,3 +1,3 @@
 .tmp
-build-out
+build
 node_modules

.gitignore

@@ -63,18 +63,14 @@ $ git submodule update --init
 ```
 #### 開発用サーバーを使った作業
 
-開発用サーバーを起動すると、ビルド結果を確認しながら翻訳作業ができます。
-開発用サーバーの起動中は、`aio-ja/content`内のファイルが変更されたときに自動的に再ビルドされます。
+開発用ローカルサーバーを起動すると、ビルド結果を確認しながら翻訳作業ができます。
 
 ```
 $ yarn start
 ```
 
-**注意**
-
-- 事前に[Docker](https://www.docker.com/get-started)の実行環境を用意してください。
-- 初回はDockerイメージのビルド時間が長いので、コーヒーを淹れながら待ちます。
-- Dockerイメージサイズが10GB程度と非常に大きいため、ホストマシンのストレージ残量に注意してください。
+- ローカルサーバーの準備ができると自動的にブラウザが起動します
+- `aio-ja` ディレクトリ内のファイルを変更すると自動的に再ビルドされます
 
 #### ビルド
 
@@ -84,13 +80,11 @@ $ yarn start
 $ yarn build
 ```
 
-ビルドが完了すると、 `build-out` ディレクトリにビルド結果が出力されます。
+ビルドが完了すると、 `build/aio/dist` ディレクトリにビルド結果が出力されます。
 好みのツールで開発サーバーを立ててビルドされたサイトを確認できます。
 
 **注意**
 
-- 事前に[Docker](https://www.docker.com/get-started)の実行環境を用意してください。
-- ビルド時間がとても長いので、コーヒーを淹れながら待ちます。
 - MacOSにおいて、ビルド処理の途中でOSのファイルディスクリプタを使い切ってしまうことがあります。
   その場合は次のように最大数を増やす必要があります。
 

CONTRIBUTING.md

@@ -1,6 +1,6 @@
 {
   "hosting": {
-    "public": "build-out",
+    "public": "build/aio/dist",
     "ignore": [
       "firebase.json",
       "**/.*",

docker-compose.yml

@@ -7,22 +7,22 @@
   "license": "MIT",
   "private": true,
   "scripts": {
-    "prebuild": "rm -rf build-out && mkdir build-out",
-    "build": "docker-compose run --rm build-aio",
-    "build:docker": "docker-compose build --parallel",
+    "build": "zx tools/build.mjs",
     "lint": "yarn ~~textlint",
     "lint:fix": "yarn ~~textlint --fix",
-    "start": "docker-compose up --remove-orphans watch-aio",
+    "start": "zx tools/watch.mjs",
     "test": "npm run lint && yarn test:patch",
     "test:patch": "git apply -v --check --directory origin ./scripts/git-patch/*.patch",
     "update-origin": "./update-origin.sh",
     "~~textlint": "textlint 'aio-ja/**/!(*.en).md'"
   },
   "devDependencies": {
+    "chokidar": "3.5.3",
     "glob": "^8.0.3",
     "prh-rules": "prh/rules",
     "textlint": "^12.2.1",
     "textlint-filter-rule-comments": "^1.2.2",
-    "textlint-rule-prh": "^5.3.0"
+    "textlint-rule-prh": "^5.3.0",
+    "zx": "7.0.8"
   }
 }

firebase.json

@@ -0,0 +1,41 @@
+#!/usr/bin/env zx
+
+import { chalk } from 'zx';
+import { applyPatches, buildAIO, copyRobots, copyLocalizedFiles, modifySitemap, resetBuildDir } from './lib/common.mjs';
+
+try {
+  console.log(chalk.green('==== setup ===='));
+  await setup();
+  console.log(chalk.green('==== preBuild ===='));
+  await preBuild();
+  console.log(chalk.green('==== build ===='));
+  await build();
+  console.log(chalk.green('==== postBuild ===='));
+  await postBuild();
+} catch (e) {
+  console.error(chalk.red(e));
+  process.exit(1);
+}
+
+async function setup() {
+  await resetBuildDir();
+}
+
+async function preBuild() {
+  // copy translated files
+  console.log(chalk.cyan('Copy localized files...'));
+  await copyLocalizedFiles();
+
+  // apply patches
+  console.log(chalk.cyan('Apply patches...'));
+  await applyPatches();
+}
+
+async function build() {
+  await buildAIO();
+}
+
+async function postBuild() {
+  await copyRobots();
+  await modifySitemap();
+}