feat: github action (hax0r31337#1)

* feat: github action script

* feat: better caching for action script

* feat: cname

* feat: use offical page deploy

* fix: permission

* fix: add hashes to filename to prevent caching

Author: hax0r31337

.github/workflows/gh-page.yml

@@ -0,0 +1,86 @@
+name: github pages
+
+# masterブランチにプッシュしたときjobsに記述した操作を行う
+on: [push, workflow_dispatch]
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+jobs:
+  build:
+    # ubuntu OS を仮想マシン上に用意する
+    runs-on: ubuntu-latest
+    steps:
+      - name: checkout
+        uses: actions/checkout@v3
+
+      - name: setup go
+        uses: actions/setup-go@v3
+        with:
+          go-version: '1.20'
+
+      # Node.js環境のセットアップを行う
+      - name: setup node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 19
+
+      - name: cache dependencies for go
+        uses: actions/cache@v3
+        with:
+          path: |
+            ~/.cache/go-build
+            ~/go/pkg/mod
+          key: ${{ runner.os }}-golang-${{ hashFiles('**/go.sum') }}
+          restore-keys: |
+            ${{ runner.os }}-golang-
+
+      # npm install の際にキャッシュを使うよう設定
+      - name: cache dependencies for npm
+        uses: actions/cache@v3
+        with:
+          path: ~/.npm
+          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-node-
+
+      # package.jsonに基づき依存パッケージをインストールする
+      - name: install
+        run: npm install --frozen-lockfile
+    
+      - name: build wasm
+        run: ./build_wasm.sh
+
+      # Next.jsアプリをビルドする
+      # プロジェクトルート直下に.nextディレクトリができる
+      - name: build
+        run: npm run build
+
+      # しかしGitHub Pagesの仕様として_から始まるディレクトリが見えず404となる
+      # つまりHTMLからJSを読み込めない
+      # これを回避するために.nojekyllファイルをoutディレクトリに作る
+      - name: add nojekyll
+        run: touch ./dist/.nojekyll
+
+      - name: add cname
+        run: cp CNAME ./dist/CNAME
+
+      # gh-pagesブランチにdistディレクトリの中身をプッシュする
+      # gh-pagesブランチは自動的に作成される
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v1
+        with:
+          path: ./dist
+
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v1

CNAME

@@ -0,0 +1 @@
+pack.hanamichi.in

src/components/encrypt.js

@@ -30,7 +30,7 @@ export default function EncryptPage() {
                     {/* <Spinner className="h-5 w-5" /> */}
                     select a pack</button>
                 <button className="bg-blue-300 hover:bg-blue-200 text-blue-900 font-bold py-2 px-4 rounded-xl transition ease-in-out duration-150"
-                    onClick={() => { window.open("https://github.com/hax0r31337") }}>
+                    onClick={() => { window.open("https://github.com/hax0r31337/pack-essentials") }}>
                     github repository</button></div>
         </div>
     )

webpack.config.js

@@ -13,8 +13,8 @@ module.exports = {
     },
     output: {
         path: __dirname + '/dist',
-        filename: '[name].js',
-        chunkFilename: '[name].js',
+        filename: '[name].[contenthash].js',
+        chunkFilename: '[name].[contenthash].js',
         publicPath: '/',
     },
     module: {