awhite · awhite · Sep 30, 2021 · Oct 8, 2022 · Oct 22, 2022 · Dec 31, 2022
diff --git a/.editorconfig b/.editorconfig
diff --git a/.gitignore b/.gitignore
@@ -1,23 +1,3 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# production
-/build
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
+dist/
+node_modules/
+*.log
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,4 @@
+{
+  "semi": false,
+  "singleQuote": true
+}
diff --git a/.storybook/main.js b/.storybook/main.js
diff --git a/README.md b/README.md
diff --git a/index.d.ts b/index.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/index.html b/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Lastcollage</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/jsconfig.json b/jsconfig.json
diff --git a/package.json b/package.json
@@ -1,10 +1,15 @@
 {
   "name": "lastcollage-client",
-  "version": "1.0.1",
+  "private": true,
+  "version": "2.0.0",
   "description": "Generates a collage of album/artist/track artwork based on data from Last.fm",
-  "main": "index.js",
-  "repository": "git@github.com:awhite/lastcollage-cliient.git",
-  "author": "Alex White <awhite4096@gmail.com>",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "changelog": "node ./scripts/changelog.js"
+  },
   "dependencies": {
     "@date-io/moment": "1.x",
     "@material-ui/core": "^4.9.10",
@@ -17,47 +22,28 @@
     "classnames": "^2.2.6",
     "moment": "^2.26.0",
     "node-sass": "^4.13.1",
-    "react": "^16.13.1",
+    "react": "^18.2.0",
     "react-collapse": "^5.0.1",
-    "react-dom": "^16.13.1",
+    "react-dom": "^18.2.0",
     "react-modal": "^3.11.2",
     "react-redux": "^7.2.0",
     "react-router-dom": "^5.1.2",
     "react-scripts": "3.4.1",
     "redux": "^4.0.5",
     "styled-components": "^5.1.0"
   },
-  "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject",
-    "storybook": "start-storybook -p 9009 -s public",
-    "build-storybook": "build-storybook -s public",
-    "changelog": "node ./scripts/changelog.js"
-  },
-  "eslintConfig": {
-    "extends": "react-app"
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
   "devDependencies": {
-    "@storybook/addon-actions": "^5.3.18",
-    "@storybook/addon-links": "^5.3.18",
-    "@storybook/addons": "^5.3.18",
-    "@storybook/preset-create-react-app": "^2.1.2",
-    "@storybook/react": "^5.3.18",
-    "eslint": "^6.8.0",
-    "faker": "^4.1.0"
+    "@types/react": "^18.0.17",
+    "@types/react-collapse": "^5.0.1",
+    "@types/react-dom": "^18.0.6",
+    "@types/react-modal": "^3.13.1",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/styled-components": "^5.1.26",
+    "@vitejs/plugin-react": "^2.1.0",
+    "prettier": "^2.8.1",
+    "sass": "^1.55.0",
+    "typescript": "^4.6.4",
+    "vite": "^3.1.0",
+    "vite-plugin-svgr": "^2.2.1"
   }
 }
diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/public/browserconfig.xml b/public/browserconfig.xml
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/index.html b/public/index.html
diff --git a/public/manifest.json b/public/manifest.json
diff --git a/public/mstile-150x150.png b/public/mstile-150x150.png
diff --git a/public/robots.txt b/public/robots.txt
diff --git a/public/safari-pinned-tab.svg b/public/safari-pinned-tab.svg
diff --git a/public/vite.svg b/public/vite.svg
diff --git a/scripts/changelog.js b/scripts/changelog.js
@@ -2,32 +2,29 @@
 Script to add a new revision to the changelog JSON file. Pulls version from package.json, grabs current date
 */
 
-const fs = require('fs');
-const path = require('path');
+const fs = require('fs')
+const path = require('path')
 
-const changelog = require('../src/data/changelog.json');
-const pkg = require('../package.json');
+const changelog = require('../src/data/changelog.json')
+const pkg = require('../package.json')
 
 const newRelease = {
-  "versionCode": pkg.version,
-  "dateMillis": Date.now(),
-  "changes": [
+  versionCode: pkg.version,
+  dateMillis: Date.now(),
+  changes: [
     {
-      "title": "[New Release]",
-      "bullets": [
-        "[Change 1]",
-        "[Change 2]"
-      ]
-    }
-  ]
-};
+      title: '[New Release]',
+      bullets: ['[Change 1]', '[Change 2]'],
+    },
+  ],
+}
 
 const newChangelog = {
   ...changelog,
-  releases: [
-    ...changelog.releases,
-    newRelease,
-  ]
-};
+  releases: [...changelog.releases, newRelease],
+}
 
-fs.writeFileSync(path.resolve('./src/data/changelog.json'), JSON.stringify(newChangelog, null, 2));
+fs.writeFileSync(
+  path.resolve('./src/data/changelog.json'),
+  JSON.stringify(newChangelog, null, 2)
+)