Update language attribute path (#31)

.github/workflows/ci-cd.yaml

@@ -36,40 +36,8 @@ jobs:
         with:
           access_token: ${{ github.token }}
 
-  production-build:
-    name: Test Production Build
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-        with:
-          fetch-depth: 0
-      - name: Set node version to ${{ env.node_version }}
-        uses: actions/setup-node@v3
-        with:
-          node-version: ${{ env.node_version }}
-      - name: Install dependencies
-        run:  npm install -g [email protected] && yarn
-      - name: Load .env file
-        run: mv .env.prod .env
-      - name: Test production build
-        run: yarn build
-        env:
-          SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
-      - name: Load CNAME
-        run: cp CNAME build
-      - name: Deploy to GitHub Pages
-        if: github.ref == 'refs/heads/master'
-        uses: peaceiris/actions-gh-pages@v3
-        with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: build
-          enable_jekyll: false
-          user_name: ${{ env.USER }}
-          user_email: ${{ env.EMAIL }}
-
   list-e2e-specs:
     name: Enumerate E2E tests and prepare to run them in parallel
-    needs: [production-build]
     runs-on: ubuntu-latest
     outputs:
       paths: ${{ steps.list-e2e-specs.outputs.paths }}
@@ -114,8 +82,6 @@ jobs:
               npm install -g serve
               serve -s build -l 3000 &
           fi
-        env:
-          SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
       - name: Wait until app is up and running
         run: wait-on http://127.0.0.1:3000
       - name: Run E2E tests
@@ -133,3 +99,37 @@ jobs:
           path: |
             ./cypress/videos
             ./cypress/screenshots
+
+  deploy:
+    name: Deploy to GitHub Pages
+    needs: [e2e-tests]
+    if: github.ref == 'refs/heads/master'
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+      - name: Set node version to ${{ env.node_version }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ env.node_version }}
+      - name: Install dependencies
+        run:  npm install -g [email protected] && yarn
+      - name: Load .env file
+        run: mv .env.prod .env
+      - name: Test production build
+        run: yarn build
+      - name: Upload sourcemaps to sentry.io
+        run: yarn sentry:sourcemaps
+        env:
+          SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
+      - name: Load CNAME
+        run: cp CNAME build
+      - name: Deploy to GitHub Pages
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: build
+          enable_jekyll: false
+          user_name: ${{ env.USER }}
+          user_email: ${{ env.EMAIL }}

README.md

@@ -3,6 +3,7 @@ Wilhelm
 
 ![Node Version][node version badge]
 [![GitHub workflow status badge][GitHub workflow status badge]][GitHub workflow status URL]
+[![sentry badge]](https://paion-data.sentry.io/projects/wilhelm/)
 [![Apache License][Apache License Badge]][Apache License, Version 2.0]
 
 __Wilhelm__ is a Quizlet alternative that helps with learning German, Ancient Greek, and Latin with 2 unique features:
@@ -19,7 +20,7 @@ How Did Project Wilhelm Start
 Wilhelm started out as a Quizlet "companion" with no intent to be used by anyone other than myself.
 
 I was studying Ancient Greek vocabulary on Quizlet the other day and got shockingly frustrated by their flashcards with
-this horribly formatted Greek text
+this horribly formatted Greek text:
 
 <div align="center">
     <img src="./bad-font.png" width="60%">
@@ -103,4 +104,6 @@ The use and distribution terms for [wilhelm]() are covered by the [Apache Licens
 
 [node version badge]: https://img.shields.io/badge/NODE-18-339933?logo=Node.js&logoColor=white&labelColor=66cc33&style=for-the-badge
 
+[sentry badge]: https://img.shields.io/badge/sentry.io-362D59?logo=sentry&logoColor=white&&style=for-the-badge
+
 [^1]: https://tex.stackexchange.com/a/163342/277953

package.json

@@ -29,7 +29,7 @@
   },
   "scripts": {
     "start": "react-scripts start",
-    "build": "react-scripts build && yarn sentry:sourcemaps",
+    "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
     "cy:open": "cypress open",

src/App.tsx

@@ -59,7 +59,7 @@ function App() {
         nodes: (graph.get("nodes") as any[]).map(node => {return {
           id: node.id,
           elementId: node.id,
-          labels: node.language ? ["Term"] : ["Definition"],
+          labels: node.attributes.language ? ["Term"] : ["Definition"],
           properties: {
             name: node.label
           },