refactor: v2 (ts/react/vite/eslint)

.editorconfig

@@ -5,10 +5,7 @@ end_of_line = lf
 insert_final_newline = true
 charset = utf-8
 indent_style = space
-indent_size = 4
+indent_size = 2
 
 [Makefile]
 indent_style = tab
-
-[*.{yml,toml,json}]
-indent_size = 2

.env

@@ -1,3 +1,3 @@
-HOST=alexandre.abrioux.fr
-SOUNDCLOUD_CLIENT_ID=56bag3u3oT565Wh9Oavd5glWl3dTDE58
-SOUNDCLOUD_REDIRECT_URI=http://alexandre.abrioux.fr/sc/login
+VITE_BASE_PATH=/soundcloud-reverse/
+VITE_SOUNDCLOUD_CLIENT_ID=56bag3u3oT565Wh9Oavd5glWl3dTDE58
+VITE_SOUNDCLOUD_REDIRECT_URI=http://alexandre.abrioux.fr/sc/login

.env.development

@@ -0,0 +1,3 @@
+VITE_BASE_PATH=/
+VITE_SOUNDCLOUD_CLIENT_ID=PSvCynpyHgTfqYyeFpwD1bEU4AdztpcP
+VITE_SOUNDCLOUD_REDIRECT_URI=http://sc.webdev/login

.eslintignore

@@ -0,0 +1,6 @@
+# .eslintignore is a symlink to .prettierignore
+/.env.local
+/.env.*.local
+/dist/
+/node_modules/
+/public/libs/

.eslintrc

@@ -0,0 +1,10 @@
+{
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "prettier"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "plugins": ["@typescript-eslint"],
+  "root": true
+}

.github/workflows/ci.yml

@@ -19,12 +19,17 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
+      - uses: pnpm/[email protected]
+        with:
+          version: 7
       - uses: actions/setup-node@v3
         with:
-          node-version: 14
-      - run: npm ci
-      - run: npx prettier --check .
-      - run: npm run build
+          node-version: 16
+          cache: "pnpm"
+      - run: pnpm i --frozen-lockfile
+      - run: pnpm prettier --check .
+      - run: pnpm eslint --max-warnings=0 .
+      - run: pnpm build
       - uses: actions/upload-pages-artifact@v1
         with:
           path: "dist"

.gitignore

@@ -1,3 +1,4 @@
 /.env.local
+/.env.*.local
 /dist/
 /node_modules/

.nvmrc

@@ -1 +1 @@
-v14
+v16

.prettierignore

@@ -1,2 +1,5 @@
+/.env.local
+/.env.*.local
 /dist/
 /node_modules/
+/public/libs/

README.md

@@ -2,4 +2,8 @@
 
 # SoundCloud Reverse
 
-Visual application built around the [SoundCloud Javascript SDK](<(https://github.com/soundcloud/soundcloud-javascript)>) allowing you to listen to your playlists in a reverse chronological order. Available at [https://alexandre.abrioux.fr/sc/](https://alexandre.abrioux.fr/sc/).
+Listen to your SoundCloud playlists in a reverse chronological order.
+Start from the latest song you added, and go back in time.
+This web app also features neat and mesmerizing visuals animated live against your favorite music.
+Available at [https://alexandre.abrioux.fr/sc/](https://alexandre.abrioux.fr/sc/).
+SoundCloud Reverse is a React app built around the [SoundCloud Javascript SDK](<(https://github.com/soundcloud/soundcloud-javascript)>).