Astro (#66)

* convert to astro

* remove old page

* Update site and base configuration in astro.config.mjs

* Refactor application structure to integrate App component, replacing Sidebar and Output components in index.astro

* use accordion

* update

* Set filled state to false in App component

* regroup sidebar

* remove leftover custom context

* single source of defaults

* add stylesheet

* remove title

* refactor Sidebar component to enhance font upload functionality and improve state management

* update lockfile

* add deployments

* fix: update import statement for App component to include file extension

* fix: update base path in Astro config for PR preview

* fix: add React integration to Astro config for PR preview

Author: danmarshall

.github/workflows/pages.yml

@@ -0,0 +1,27 @@
+name: Deploy Astro site to GitHub Pages
+
+on:
+  push:
+    branches:
+      - main  # or your default branch
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build Astro site
+        run: npm run build
+
+      - name: Deploy to GitHub Pages
+        uses: peaceiris/actions-gh-pages@v4
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./dist
+          exclude_assets: 'pr-preview/**'

.github/workflows/pr-preview.yml

@@ -0,0 +1,53 @@
+---
+name: PR Preview
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened, closed]
+
+jobs:
+  deploy-preview:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      pull-requests: write
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node
+        if: github.event.action != 'closed'
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+
+      - name: Install dependencies
+        if: github.event.action != 'closed'
+        run: npm ci
+
+      - name: Update Astro config for PR preview
+        if: github.event.action != 'closed'
+        run: |
+          cat > astro.config.mjs << 'EOF'
+          import { defineConfig } from 'astro/config';
+          import react from '@astrojs/react';
+
+          // https://astro.build/config
+          export default defineConfig({
+            integrations: [react()],
+            site: 'https://danmarshall.github.io',
+            base: '/google-font-to-svg-path/pr-preview/pr-${{ github.event.pull_request.number }}',
+          });
+          EOF
+
+      - name: Build Astro site
+        if: github.event.action != 'closed'
+        run: npm run build
+
+      - name: Deploy PR Preview
+        uses: rossjrw/pr-preview-action@v1
+        with:
+          source-dir: ./dist
+          preview-branch: gh-pages
+          umbrella-dir: pr-preview

.gitignore

@@ -39,3 +39,6 @@ jspm_packages
 #jekyll
 _site
 .jekyll-cache
+# Astro
+.astro/
+dist/

astro.config.mjs

@@ -0,0 +1,8 @@
+import { defineConfig } from 'astro/config';
+import react from '@astrojs/react';
+
+export default defineConfig({
+  integrations: [react()],
+  site: 'https://danmarshall.github.io',
+  base: '/google-font-to-svg-path',
+});