add playground (#611)

Author: goccy

.github/workflows/go.yml

@@ -88,6 +88,23 @@ jobs:
         run: |
           ./bin/ycat .github/workflows/go.yml
 
+  page:
+    name: page
+    runs-on: ubuntu-latest
+    steps:
+      - name: checkout
+        uses: actions/checkout@v4
+      - name: setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'npm'
+          cache-dependency-path: docs/playground/package-lock.json
+      - name: install dependencies
+        run: make -C ./docs/playground deps
+      - name: build
+        run: make -C ./docs/playground build
+
   coverage:
     name: Coverage
     runs-on: ubuntu-latest

.github/workflows/pages.yaml

@@ -0,0 +1,42 @@
+name: Deploy static content to Pages
+on:
+  push:
+    tags:
+      - v*
+
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: 'pages'
+  cancel-in-progress: true
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: checkout
+        uses: actions/checkout@v4
+      - name: setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'npm'
+          cache-dependency-path: docs/playground/package-lock.json
+      - name: install dependencies
+        run: make -C ./docs/playground deps
+      - name: build
+        run: make -C ./docs/playground build
+      - name: setup Pages
+        uses: actions/configure-pages@v4
+      - name: upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: './docs/playground/dist'
+      - name: deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

docs/playground/.gitignore

@@ -0,0 +1,3 @@
+node_modules
+*.wasm
+dist

docs/playground/.vite/deps/_metadata.json

@@ -0,0 +1,8 @@
+{
+  "hash": "a456637e",
+  "configHash": "358b79f2",
+  "lockfileHash": "c66b5dca",
+  "browserHash": "923911c5",
+  "optimized": {},
+  "chunks": {}
+}

docs/playground/.vite/deps/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

docs/playground/Makefile

@@ -0,0 +1,18 @@
+.PHONY: build
+build: build/wasm build/page
+
+.PHONY: build/wasm
+build/wasm:
+	GOOS=js GOARCH=wasm go build -o src/yaml.wasm ./cmd/yaml
+
+.PHONY: build/page
+build/page:
+	npm run build
+
+.PHONY: deps
+deps:
+	npm ci
+
+.PHONY: dev
+dev:
+	npm run dev

docs/playground/README.md

@@ -0,0 +1,14 @@
+# Playground
+
+## Architecture
+
+- Vite
+- React
+- TypeScript
+- WebWorker
+- WebAssembly
+  - Built with Go
+- Components
+  - [Monaco Editor](https://microsoft.github.io/monaco-editor/)
+  - [Xterm.js](https://xtermjs.org/)
+  - [MUI](https://mui.com/)