chore / fix up linting issue and reuse CI actions (#23)

* chore: fix up linting issue

* ci: remove ci run on branches that target the main branch

tests.yml is taking care of that. Otherwise we execute it twice since the commands do the same things

* ci: update action to use v4

* ci: add emoji to visualize stage

* ci: rework pipeline to include all required steps

* ci: add conditions and build artifact handling

* ci: rename job to align with it's action

Author: h2xd

.github/workflows/_tests.yml

@@ -24,6 +24,37 @@ jobs:
 
       - run: pnpm build
 
+      - name: 🔺 Upload frontend distribution artifacts
+        uses: actions/upload-artifact@v3
+        with:
+          name: build_distribution
+          path: theme/dist
+          if-no-files-found: error
+          retention-days: 1
+
+  build_playground:
+    needs: build
+    name: 🛝 Build Playground
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: 🔻 Download build artifacts
+        uses: actions/download-artifact@v3
+        with:
+          name: build_distribution
+          path: theme/dist
+
+      - uses: ./.github/actions/setup
+
+      - run: pnpm build:testing
+
+      - name: Upload artifact
+        if: github.ref == 'refs/heads/main'
+        uses: actions/upload-pages-artifact@v1
+        with:
+          path: testing/dist
+
   unit_tests:
     name: 🧪 Unit Tests
     runs-on: ubuntu-latest

.github/workflows/build.yml

@@ -0,0 +1,36 @@
+name: 🛝 Publish Playground
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Controls when the workflow will run
+on:
+  # Triggers the workflow on push or pull request events but only for the "main" branch
+  push:
+    branches: ['main']
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# A workflow run is made up of one or more jobs that can run sequentially or in parallel
+jobs:
+  tests:
+    uses: ./.github/workflows/_tests.yml
+    secrets: inherit
+
+  publish:
+    name: 🛝 Publish Playground to GitHub Pages
+    # The type of runner that the job will run on
+    runs-on: ubuntu-latest
+    needs: tests
+
+    # Steps represent a sequence of tasks that will be executed as part of the job
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.github/workflows/publish-playground.yml

@@ -10,9 +10,7 @@
     "module": "./dist/index.es.js",
     "types": "./dist/index.es.d.ts"
   },
-  "files": [
-    "dist"
-  ],
+  "files": ["dist"],
   "scripts": {
     "build": "pnpm build:types && pnpm build:lib",
     "build:lib": "vite build",