【河原】電気料金シミュレーションページの開発

.github/dependabot.yml

@@ -0,0 +1,17 @@
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for all configuration options:
+# https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
+
+version: 2
+updates:
+  - package-ecosystem: 'npm' # See documentation for possible values
+    directory: '/frontend_challenge_2/challenges/k-taro56' # Location of package manifests
+    schedule:
+      interval: 'daily'
+
+  - package-ecosystem: 'github-actions'
+    # Workflow files stored in the default location of `.github/workflows`. (You don't need to specify `/.github/workflows` for `directory`. You can use `directory: "/"`.
+    directory: '/'
+    schedule:
+      interval: 'daily'

.github/workflows/check-formatting.yml

@@ -0,0 +1,33 @@
+name: Check Formatting
+
+on:
+  push:
+  pull_request:
+
+jobs:
+  check-formatting:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Set up pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          package_json_file: 'frontend_challenge_2/challenges/k-taro56/package.json'
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: 'frontend_challenge_2/challenges/k-taro56/.nvmrc'
+          cache: 'pnpm'
+          cache-dependency-path: frontend_challenge_2/challenges/k-taro56
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+        working-directory: frontend_challenge_2/challenges/k-taro56
+
+      - name: Check Formatting
+        run: pnpm prettier --check .
+        working-directory: frontend_challenge_2/challenges/k-taro56

.github/workflows/delete-pr-folder.yml

@@ -0,0 +1,36 @@
+name: Delete PR Folder on PR Close
+
+on:
+  pull_request:
+    types: [closed]
+
+jobs:
+  delete-pr-folder:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+
+    steps:
+      - name: Checkout gh-pages branch
+        uses: actions/checkout@v4
+        with:
+          ref: gh-pages
+
+      - name: Delete PR folder
+        run: |
+          PR_NUMBER=${{ github.event.pull_request.number }}
+          FOLDER_PATH="pr/$PR_NUMBER"
+          if [ -d "$FOLDER_PATH" ]; then
+            rm -rf $FOLDER_PATH
+            echo "Folder $FOLDER_PATH deleted"
+          else
+            echo "Folder $FOLDER_PATH does not exist"
+          fi
+
+      - name: Commit and push if there are changes
+        run: |
+          git config --global user.name 'github-actions[bot]'
+          git config --global user.email '41898282+github-actions[bot]@users.noreply.github.com'
+          git add -A
+          git commit -m "Remove folder for PR ${{ github.event.pull_request.number }}" || exit 0
+          git push

.github/workflows/gh-pages-trial.yml

@@ -0,0 +1,74 @@
+name: Sample Deploy for GitHub Pages
+
+on:
+  pull_request:
+    branches: master
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      pull-requests: write
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Set up pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          package_json_file: 'frontend_challenge_2/challenges/k-taro56/package.json'
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: 'frontend_challenge_2/challenges/k-taro56/.nvmrc'
+          cache: 'pnpm'
+          cache-dependency-path: frontend_challenge_2/challenges/k-taro56
+
+      - name: Replace entire content of next.config.js for-github-workflows.next.config.js
+        run: |
+          cat frontend_challenge_2/challenges/k-taro56/for-github-workflows.next.config.js > frontend_challenge_2/challenges/k-taro56/next.config.js
+
+      - name: Set enviroments
+        run: |
+          REPO_NAME=$(echo ${{ github.repository }} | sed -e "s#.*/##")
+          echo "REPO_NAME=$REPO_NAME" >> $GITHUB_ENV
+          DEPLOY_PATH=pr/${{ github.event.pull_request.number }}/${{ github.event.pull_request.head.sha }}
+          echo "DEPLOY_PATH=$DEPLOY_PATH" >> $GITHUB_ENV
+          DEPLOY_URL=https://${{ github.repository_owner }}.github.io/$REPO_NAME/$DEPLOY_PATH
+          echo "DEPLOY_URL=$DEPLOY_URL" >> $GITHUB_ENV
+
+      - name: Install Dependencies
+        run: pnpm install --frozen-lockfile
+        working-directory: frontend_challenge_2/challenges/k-taro56
+
+      - name: Build
+        env:
+          REPO_NAME: ${{ secrets.REPO_NAME }}/${{ env.DEPLOY_PATH }}
+        run: |
+          pnpm build
+        working-directory: frontend_challenge_2/challenges/k-taro56
+
+      - name: Deploy to GitHub Pages
+        uses: peaceiris/actions-gh-pages@v4
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./frontend_challenge_2/challenges/k-taro56/out
+          destination_dir: ${{ env.DEPLOY_PATH }}
+          keep_files: true
+
+      - name: Comment PR with Deploy URL
+        uses: actions/github-script@v7
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          script: |
+            const issue_number = context.issue.number;
+            const deploy_url = process.env.DEPLOY_URL;
+            github.rest.issues.createComment({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              issue_number: issue_number,
+              body: `🚀 Deploy preview ready: [${deploy_url}](${deploy_url})`
+            });

.github/workflows/gh-pages.yml

@@ -0,0 +1,55 @@
+name: Build and Deploy
+
+on:
+  push:
+    branches: master
+
+jobs:
+  build_and_deploy:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Set up pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          package_json_file: 'frontend_challenge_2/challenges/k-taro56/package.json'
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: 'frontend_challenge_2/challenges/k-taro56/.nvmrc'
+          cache: 'pnpm'
+          cache-dependency-path: frontend_challenge_2/challenges/k-taro56
+
+      - name: Replace entire content of next.config.js for-github-workflows.next.config.js
+        run: |
+          cat frontend_challenge_2/challenges/k-taro56/for-github-workflows.next.config.js > frontend_challenge_2/challenges/k-taro56/next.config.js
+
+      - name: Set repository name
+        id: extract_repo
+        run: |
+          REPO_NAME=$(echo ${{ github.repository }} | sed -e "s#.*/##")
+          echo "REPO_NAME=$REPO_NAME" >> $GITHUB_ENV
+
+      - name: Install Dependencies
+        run: pnpm install --frozen-lockfile
+        working-directory: frontend_challenge_2/challenges/k-taro56
+
+      - name: Build
+        env:
+          REPO_NAME: ${{ env.REPO_NAME }}
+        run: |
+          pnpm build
+        working-directory: frontend_challenge_2/challenges/k-taro56
+
+      - name: Deploy to GitHub Pages
+        uses: peaceiris/actions-gh-pages@v4
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./frontend_challenge_2/challenges/k-taro56/out
+          keep_files: true

.github/workflows/lint.yml

@@ -0,0 +1,33 @@
+name: Lint
+
+on:
+  push:
+  pull_request:
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Set up pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          package_json_file: 'frontend_challenge_2/challenges/k-taro56/package.json'
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: 'frontend_challenge_2/challenges/k-taro56/.nvmrc'
+          cache: 'pnpm'
+          cache-dependency-path: frontend_challenge_2/challenges/k-taro56
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+        working-directory: frontend_challenge_2/challenges/k-taro56
+
+      - name: Lint
+        run: pnpm lint
+        working-directory: frontend_challenge_2/challenges/k-taro56

.github/workflows/run-tests.yml

@@ -0,0 +1,42 @@
+name: Run test
+
+on:
+  push:
+  pull_request:
+
+jobs:
+  run-tests:
+    runs-on: ubuntu-latest
+    permissions:
+      id-token: write
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Set up pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          package_json_file: 'frontend_challenge_2/challenges/k-taro56/package.json'
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: 'frontend_challenge_2/challenges/k-taro56/.nvmrc'
+          cache: 'pnpm'
+          cache-dependency-path: frontend_challenge_2/challenges/k-taro56
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+        working-directory: frontend_challenge_2/challenges/k-taro56
+
+      - name: Run tests with coverage
+        run: pnpm test:ci
+        working-directory: frontend_challenge_2/challenges/k-taro56
+
+      - name: Upload coverage to Codecov
+        uses: codecov/codecov-action@v4
+        with:
+          use_oidc: true
+          files: ./frontend_challenge_2/challenges/k-taro56/coverage/lcov.info
+          fail_ci_if_error: true

frontend_challenge_2/challenges/k-taro56/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

frontend_challenge_2/challenges/k-taro56/.gitignore

@@ -0,0 +1,36 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

frontend_challenge_2/challenges/k-taro56/.husky/pre-commit

@@ -0,0 +1,2 @@
+cd "$(dirname "$0")/.."
+pnpm exec lint-staged

frontend_challenge_2/challenges/k-taro56/.npmrc

@@ -0,0 +1 @@
+engine-strict=true

frontend_challenge_2/challenges/k-taro56/.nvmrc

@@ -0,0 +1 @@
+20

frontend_challenge_2/challenges/k-taro56/.prettierignore

@@ -0,0 +1,2 @@
+package.json
+pnpm-lock.yaml

frontend_challenge_2/challenges/k-taro56/.prettierrc

@@ -0,0 +1,6 @@
+{
+  "singleQuote": true,
+  "jsxSingleQuote": true,
+  "trailingComma": "all",
+  "endOfLine": "lf"
+}

frontend_challenge_2/challenges/k-taro56/README.md

@@ -0,0 +1,41 @@
+[![Lint](https://github.com/k-taro56/coding-challenge/actions/workflows/lint.yml/badge.svg)](https://github.com/k-taro56/coding-challenge/actions/workflows/lint.yml)
+[![CodeQL](https://github.com/k-taro56/coding-challenge/actions/workflows/github-code-scanning/codeql/badge.svg)](https://github.com/k-taro56/coding-challenge/actions/workflows/github-code-scanning/codeql)
+[![Build and Deploy](https://github.com/k-taro56/coding-challenge/actions/workflows/gh-pages.yml/badge.svg)](https://github.com/k-taro56/coding-challenge/actions/workflows/gh-pages.yml)
+[![codecov](https://codecov.io/gh/k-taro56/coding-challenge/graph/badge.svg?token=HZICYBY4NH)](https://codecov.io/gh/k-taro56/coding-challenge)
+
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.