FROM node:20-alpine

WORKDIR /app

# TODO: 後ほどコメントアウト外す
# COPY package.json ./
# RUN npm install

COPY . .

services:
  vitepress:
    container_name: practice-vitepress
    build: .
    volumes:
      - .:/app
      - /app/node_modules
    ports:
      - 5173:5173
    environment:
      - NODE_ENV=development
    command: >
      sh
    tty: true

$ docker compose build
$ docker compose up -d
$ docker exec -it practice-vitepress ash

# vitepressがインストールされる
$ npm add -D vitepress

# 対話形式でvitepressの初期設定が始まる, 練習用なので設定は雑に下記の通り
$ npx vitepress init
┌  Welcome to VitePress!
│
◇  Where should VitePress initialize the config?
│  ./docs
│
◇  Site title:
│  Practice Vitepress
│
◇  Site description:
│  temp site for practicing vitepress
│
◇  Theme:
│  Default Theme
│
◇  Use TypeScript for config and theme files?
│  Yes
│
◇  Add VitePress npm scripts to package.json?
│  Yes
│
└  Done! Now run npm run docs:dev and start writing.

Tips:
- Make sure to add  docs/.vitepress/dist and  docs/.vitepress/cache to your .gitignore file.

.vitepress/cache
.vitepress/dist

$ npm run docs:dev

 docs:dev
> vitepress dev docs

  vitepress v1.2.2

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h to show help

$ npm run docs:dev -- --host 0.0.0.0

> docs:dev
> vitepress dev docs --host 0.0.0.0


  vitepress v1.2.2

  ➜  Local:   http://localhost:5173/
  ➜  Network: http://172.21.0.2:5173/
  ➜  press h to show help

$ npm run docs:build

$ npm run docs:preview

> docs:preview
> vitepress preview docs


  vitepress v1.2.2

Built site served at http://localhost:4173/

 ports:
+  - 4173:4173
   - 5173:5173

 export default defineConfig({
   title: "Practice Vitepress",
   description: "temp site for practicing vitepress",
+  base: '/practice-vitepress/',
   themeConfig: {

# workflow for building and deploying a VitePress site to GitHub Pages
# ref: https://vitepress.dev/guide/deploy#github-pages
name: Deploy VitePress site to Pages

on:
  # Runs on pushes targeting the `main` branch.
  push:
    branches: [main]

  # Allows you to run this workflow manually from the Actions tab
  workflow_dispatch:

# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
permissions:
  contents: read
  pages: write
  id-token: write

# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
concurrency:
  group: pages
  cancel-in-progress: false

jobs:
  # Build job
  build:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v4
        with:
          fetch-depth: 0 # Not needed if lastUpdated is not enabled
      - name: Setup Node
        uses: actions/setup-node@v4
        with:
          node-version: 20
          cache: npm
      - name: Setup Pages
        uses: actions/configure-pages@v4
      - name: Install dependencies
        run: npm ci
      - name: Build with VitePress
        run: npm run docs:build
      - name: Upload artifact
        uses: actions/upload-pages-artifact@v3
        with:
          path: docs/.vitepress/dist

  # Deployment job
  deploy:
    environment:
      name: github-pages
      url: ${{ steps.deployment.outputs.page_url }}
    needs: build
    runs-on: ubuntu-latest
    name: Deploy
    steps:
      - name: Deploy to GitHub Pages
        id: deployment
        uses: actions/deploy-pages@v4