refactor: svelte-kit rewrite

.eslintrc.cjs

@@ -0,0 +1,20 @@
+module.exports = {
+	root: true,
+	parser: '@typescript-eslint/parser',
+	extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
+	plugins: ['svelte3', '@typescript-eslint'],
+	ignorePatterns: ['*.cjs'],
+	overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
+	settings: {
+		'svelte3/typescript': () => require('typescript')
+	},
+	parserOptions: {
+		sourceType: 'module',
+		ecmaVersion: 2020
+	},
+	env: {
+		browser: true,
+		es2017: true,
+		node: true
+	}
+};

.gitignore

@@ -1,24 +1,13 @@
-# build output
-dist
-
-# dependencies
-node_modules/
-.snowpack/
-
-# logs
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# environment variables
-.env
-.env.production
-
-# macOS-specific files
 .DS_Store
-
-# project files
-public/playlist.json
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+.vercel
+.output
 
 # Local Netlify folder
 .netlify

.npmrc

@@ -1,2 +1 @@
-## force pnpm to hoist 
-shamefully-hoist = true
+engine-strict=true

.prettierrc

@@ -0,0 +1,6 @@
+{
+	"useTabs": true,
+	"singleQuote": true,
+	"trailingComma": "none",
+	"printWidth": 100
+}

.vscode/settings.json

@@ -1,21 +1,3 @@
 {
-  "editor.formatOnSave": true,
-  "editor.defaultFormatter": "dbaeumer.vscode-eslint",
-  "eslint.format.enable": true,
-  "[javascript]": {
-    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
-  },
-  "[typescriptreact]": {
-    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
-  },
-  "[typescript]": {
-    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
-  },
-  "[jsonc]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "[astro]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "cSpell.words": ["astrojs", "dragmove", "hackerfm", "knadh", "meyda"]
-}
+  "editor.formatOnSave": true
+}

netlify.toml

@@ -0,0 +1,3 @@
+[build]
+  command = "npm run build"
+  publish = "build"

package.json

@@ -1,37 +1,47 @@
 {
-  "name": "hackerfm",
-  "version": "0.0.1",
-  "private": true,
-  "scripts": {
-    "dev": "yarn generatePlaylist && astro dev",
-    "start": "astro dev",
-    "build": "yarn generatePlaylist && astro build",
-    "preview": "astro preview",
-    "generatePlaylist": "tsm scripts/generatePlaylist.ts",
-    "lint": "eslint src/**/*.{js,ts,tsx} --fix"
-  },
-  "devDependencies": {
-    "@astrojs/renderer-react": "^0.3.0",
-    "@typescript-eslint/eslint-plugin": "^5.5.0",
-    "@typescript-eslint/parser": "^5.5.0",
-    "astro": "^0.21.6",
-    "eslint": "^8.3.0",
-    "eslint-config-airbnb": "^19.0.1",
-    "eslint-plugin-import": "^2.25.3",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.27.1",
-    "eslint-plugin-react-hooks": "^4.3.0",
-    "prettier": "2.5.0",
-    "prettier-plugin-astro": "^0.0.11",
-    "tsm": "^2.1.4"
-  },
-  "dependencies": {
-    "@knadh/dragmove": "^0.1.3",
-    "@types/meyda": "^4.3.2",
-    "axios": "^0.24.0",
-    "meyda": "^5.2.2",
-    "react": "^17.0.2",
-    "three": "^0.130.0"
-  }
+	"name": "my-app",
+	"version": "0.0.1",
+	"scripts": {
+		"dev": "svelte-kit dev --host",
+		"build": "svelte-kit build",
+		"package": "svelte-kit package",
+		"preview": "svelte-kit preview",
+		"check": "svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
+		"lint": "prettier --ignore-path .gitignore --check --plugin-search-dir=. . && eslint --ignore-path .gitignore .",
+		"format": "prettier --ignore-path .gitignore --write --plugin-search-dir=. ."
+	},
+	"devDependencies": {
+		"@poppanator/sveltekit-svg": "^0.2.2",
+		"@sveltejs/adapter-auto": "next",
+		"@sveltejs/adapter-netlify": "^1.0.0-next.37",
+		"@sveltejs/adapter-static": "^1.0.0-next.24",
+		"@sveltejs/kit": "next",
+		"@types/cookie": "^0.4.1",
+		"@typescript-eslint/eslint-plugin": "^4.31.1",
+		"@typescript-eslint/parser": "^4.31.1",
+		"autoprefixer": "^10.4.0",
+		"carbon-icons-svelte": "^10.44.3",
+		"eslint": "^7.32.0",
+		"eslint-config-prettier": "^8.3.0",
+		"eslint-plugin-svelte3": "^3.2.1",
+		"prettier": "^2.4.1",
+		"prettier-plugin-svelte": "^2.4.0",
+		"svelte": "^3.44.0",
+		"svelte-check": "^2.2.6",
+		"svelte-preprocess": "^4.10.1",
+		"svelte-typewriter": "^3.0.0-alpha.5",
+		"tslib": "^2.3.1",
+		"typescript": "^4.4.3"
+	},
+	"type": "module",
+	"dependencies": {
+		"@fontsource/fira-mono": "^4.5.0",
+		"@knadh/dragmove": "^0.1.3",
+		"@lukeed/uuid": "^2.0.0",
+		"@types/meyda": "^4.3.2",
+		"cookie": "^0.4.1",
+		"meyda": "^5.3.0",
+		"three": "^0.130.0"
+	}
 }

postcss.config.cjs

@@ -0,0 +1,7 @@
+const autoprefixer = require('autoprefixer');
+
+const config = {
+	plugins: [autoprefixer]
+};
+
+module.exports = config;