[1.1.3] Many small improvements & Changelog in Site Info! (#49)

* 1.1.2 hopefully dont need a followup commit, if i do oof

* quick refactors

* fix date on changelog

* 1.1.3 many small changes :)

.prettierignore

@@ -6,6 +6,7 @@
 /.github
 /src/assets/*
 /node_modules
+/testFiles
 
 # singular files
 .prettierignore

CHANGELOG.md

@@ -4,15 +4,34 @@
 
 - Features/ Enhancements
   - Have a way to have the top 100 album chart titles fit to the size of the chart
+    - blargh this is hard
   - Improve accessibility
   - Improve UX
   - Shadow in chart
   - Have temporary storage of removed albums from resizing to refill
-  - Show changelog in Site Info!
+  - Have a loading state image as images are lazy loaded
 - Bug Fixes
   - Fix Last.fm!!
-  - Add better guard rails to chart names
+
+## Version 1.1.3 - July 2nd, 2024
+
+- Features/ Enhancements
+  - Flush out old images when a new search happens to prevent bugginess
+    - On every instance of search tear down the component and rebuild
+  - Show changelog in Site Info!
+    - Renders the CHANGELOG.MD into Site Info
+- Bug Fixes
   - Add guard rails to custom presets
+- Performance/ Stability
+  - Code Splitting
+    - Dynamic Import Pako
+    - Dynamic Import Marked
+  - Updating all packages
+    - Finally upgraded to ESlint 9
+  - Set Rollup to use SWC for minification
+    - SWC Minify is the currently best Minifier
+- Other
+  - Added an example Topsters2 Export to the repo as I don't have it stored off-site anywhere
 
 ## Version 1.1.2 - June 29th, 2024
 

eslint.config.js

@@ -0,0 +1,81 @@
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+import vue from 'eslint-plugin-vue'
+import typescriptEslint from '@typescript-eslint/eslint-plugin'
+import prettier from 'eslint-plugin-prettier'
+import globals from 'globals'
+import parser from 'vue-eslint-parser'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import js from '@eslint/js'
+import { FlatCompat } from '@eslint/eslintrc'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+const compat = new FlatCompat({
+	baseDirectory: __dirname,
+	recommendedConfig: js.configs.recommended,
+	allConfig: js.configs.all
+})
+
+export default [
+	{
+		ignores: [
+			'./src/assets/*',
+			'./dist/*',
+			'./.vscode/*',
+			'./.husky/*',
+			'./.github/*',
+			'./node_modules/*'
+		]
+	},
+	...compat.extends(
+		'prettier',
+		'eslint:recommended',
+		'plugin:vue/vue3-recommended',
+		'@vue/typescript/recommended',
+		'plugin:@typescript-eslint/recommended-type-checked',
+		'plugin:@typescript-eslint/stylistic-type-checked',
+		'plugin:depend/recommended',
+		'@unocss'
+	),
+	{
+		plugins: {
+			vue,
+			'@typescript-eslint': typescriptEslint,
+			prettier
+		},
+
+		languageOptions: {
+			globals: {
+				...globals.browser
+			},
+
+			parser: parser,
+			ecmaVersion: 'latest',
+			sourceType: 'module',
+
+			parserOptions: {
+				parser: '@typescript-eslint/parser',
+				project: true
+			}
+		},
+
+		rules: {
+			'no-fallthrough': 'off',
+			'prefer-const': 'error',
+			'no-mixed-spaces-and-tabs': 'off',
+			'prettier/prettier': 'error',
+			'vue/max-attributes-per-line': 'off',
+			'vue/html-indent': 'off',
+			'vue/html-self-closing': 'off',
+			'vue/singleline-html-element-content-newline': 'off',
+			'vue/multi-word-component-names': 'off',
+			'vue/html-closing-bracket-newline': 'off',
+			'@typescript-eslint/no-explicit-any': 'off',
+			'@typescript-eslint/ban-ts-comment': 'off',
+			'vue/no-setup-props-destructure': 'off'
+		}
+	}
+]

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "musicchartsite",
 	"description": "A website to create Music Charts",
-	"version": "1.1.2",
+	"version": "1.1.3",
 	"type": "module",
 	"private": "true",
 	"author": {
@@ -35,30 +35,36 @@
 		"@vueuse/core": "^10.11.0",
 		"dialog-polyfill": "^0.5.6",
 		"html2canvas": "^1.4.1",
+		"marked": "^13.0.1",
 		"pako": "^2.1.0",
 		"vue": "^3.4.31"
 	},
 	"devDependencies": {
+		"@eslint/eslintrc": "^3.1.0",
+		"@eslint/js": "^9.6.0",
+		"@eslint/migrate-config": "^1.1.1",
 		"@nabla/vite-plugin-eslint": "^2.0.4",
 		"@types/node": "^20.14.9",
 		"@types/pako": "^2.0.3",
-		"@typescript-eslint/eslint-plugin": "^7.14.1",
-		"@typescript-eslint/parser": "^7.14.1",
+		"@typescript-eslint/eslint-plugin": "^7.15.0",
+		"@typescript-eslint/parser": "^7.15.0",
 		"@unocss/eslint-config": "^0.61.0",
 		"@unocss/transformer-directives": "^0.61.0",
 		"@vitejs/plugin-vue": "^5.0.5",
 		"@vue/eslint-config-typescript": "^13.0.0",
-		"eslint": "8.56.0",
+		"eslint": "^9.6.0",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-depend": "^0.8.0",
 		"eslint-plugin-prettier": "^5.1.3",
-		"eslint-plugin-vue": "^9.26.0",
+		"eslint-plugin-vue": "^9.27.0",
+		"globals": "^15.8.0",
 		"husky": "^9.0.11",
 		"prettier": "^3.3.2",
-		"typescript": "^5.5.2",
+		"rollup-plugin-swc-minify": "^1.1.1",
+		"typescript": "^5.5.3",
 		"unocss": "^0.61.0",
 		"vite": "^5.3.2",
 		"vue-eslint-parser": "^9.4.3",
-		"vue-tsc": "^2.0.22"
+		"vue-tsc": "^2.0.24"
 	}
 }