feat: svelte 5 (#83)

* Push * Back to webp * vercel forever cache webo * Push * Comment handleWallpaper for now * Try * Make everything work * Storeless * Rename apps_store to apps * Remove double flashing * Only prefetch js and css and woff2 * chore: Remove console.log statements and unnecessary code * Snake case everything * lightningcss * Make calculator more realistic * autoboxing persisted * Account for null in is_primitive * minor * bump deps * unnecessary optimisation cuz why not * Bump deps * Tabs >>>> Spaces * Bump deps * Bump svelte version * Revert to svelte stres * Bump deps
PuruVJ · Oct 30, 2024 · dffd365 · dffd365
1 parent d64a19f
commit dffd365
Show file tree

Hide file tree

Showing 87 changed files with 6,280 additions and 6,557 deletions.
diff --git a/.prettierrc b/.prettierrc
@@ -1,5 +1,14 @@
 {
-  "singleQuote": true,
-  "trailingComma": "all",
-  "printWidth": 100
+	"singleQuote": true,
+	"trailingComma": "all",
+	"printWidth": 100,
+	"useTabs": true,
+	"overrides": [
+		{
+			"files": "*.svelte",
+			"options": {
+				"plugins": ["prettier-plugin-svelte"]
+			}
+		}
+	]
 }
diff --git a/index.html b/index.html
@@ -1,37 +1,37 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="/app-icons/finder/32.png" />
-    <meta name="description" content="MacOS Desktop experience for Web" />
-    <title>macOS in Svelte</title>
-    <link rel="apple-touch-icon" href="/app-icons/finder/192.png" sizes="192x192" />
-    <meta name="theme-color" content="#ffffff" />
-    <meta property="og:title" content="macOS in Svelte" />
-    <meta property="og:description" content="A painting of macOS Ventura in HTML, CSS and JS" />
-    <meta property="og:image" content="https://macos-web.app/cover-image.png" />
-    <meta property="og:url" content="https://macos-web.app" />
-    <meta name="twitter:card" content="summary_large_image" />
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="/app-icons/finder/32.png" />
+		<meta name="description" content="MacOS Desktop experience for Web" />
+		<title>macOS in Svelte</title>
+		<link rel="apple-touch-icon" href="/app-icons/finder/192.png" sizes="192x192" />
+		<meta name="theme-color" content="#ffffff" />
+		<meta property="og:title" content="macOS in Svelte" />
+		<meta property="og:description" content="A painting of macOS Ventura in HTML, CSS and JS" />
+		<meta property="og:image" content="https://macos-web.app/cover-image.png" />
+		<meta property="og:url" content="https://macos-web.app" />
+		<meta name="twitter:card" content="summary_large_image" />
 
-    <link rel="prefetch" href="/sounds/mac-startup-sound.mp3" />
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
+		<link rel="prefetch" href="/sounds/mac-startup-sound.mp3" />
+	</head>
+	<body>
+		<div id="root"></div>
+		<script type="module" src="/src/main.ts"></script>
+	</body>
 
-  <script type="module">
-    (function (c, l, a, r, i, t, y) {
-      c[a] =
-        c[a] ||
-        function () {
-          (c[a].q = c[a].q || []).push(arguments);
-        };
-      t = l.createElement(r);
-      t.async = 1;
-      t.src = 'https://www.clarity.ms/tag/' + i;
-      y = l.getElementsByTagName(r)[0];
-      y.parentNode.insertBefore(t, y);
-    })(window, document, 'clarity', 'script', 'a95kitlcti');
-  </script>
+	<script type="module">
+		(function (c, l, a, r, i, t, y) {
+			c[a] =
+				c[a] ||
+				function () {
+					(c[a].q = c[a].q || []).push(arguments);
+				};
+			t = l.createElement(r);
+			t.async = 1;
+			t.src = 'https://www.clarity.ms/tag/' + i;
+			y = l.getElementsByTagName(r)[0];
+			y.parentNode.insertBefore(t, y);
+		})(window, document, 'clarity', 'script', 'a95kitlcti');
+	</script>
 </html>
diff --git a/package.json b/package.json
@@ -1,40 +1,40 @@
 {
-  "name": "macos-svelte",
-  "version": "13.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "serve": "vite preview",
-    "check": "svelte-check --tsconfig ./tsconfig.json"
-  },
-  "devDependencies": {
-    "@iconify-json/gg": "^1.1.2",
-    "@iconify-json/ic": "^1.1.9",
-    "@iconify-json/icon-park-outline": "^1.1.6",
-    "@iconify-json/mdi": "^1.1.33",
-    "@iconify-json/pepicons": "^1.1.7",
-    "@iconify-json/ph": "^1.1.2",
-    "@iconify-json/uil": "^1.1.2",
-    "@sveltejs/vite-plugin-svelte": "3.1.0",
-    "autoprefixer": "^10.4.12",
-    "postcss": "^8.4.18",
-    "sass": "^1.55.0",
-    "svelte": "^4.2.15",
-    "svelte-check": "^3.7.0",
-    "svelte-preprocess": "^5.1.4",
-    "typescript": "^5.4.5",
-    "vite": "5.2.10",
-    "vite-imagetools": "^7.0.1",
-    "vite-plugin-pwa": "^0.19.8",
-    "workbox-window": "^7.1.0"
-  },
-  "dependencies": {
-    "@fontsource/inter": "^5.0.18",
-    "@neodrag/svelte": "^2.0.6",
-    "date-fns": "^3.6.0",
-    "popmotion": "^11.0.5",
-    "svelte-local-storage-store": "^0.6.4",
-    "unplugin-icons": "^0.18.5"
-  }
+	"name": "macos-svelte",
+	"version": "13.0.0",
+	"type": "module",
+	"scripts": {
+		"dev": "vite",
+		"build": "vite build",
+		"serve": "vite preview",
+		"check": "svelte-check --tsconfig ./tsconfig.json"
+	},
+	"devDependencies": {
+		"@iconify-json/gg": "^1.2.1",
+		"@iconify-json/ic": "^1.2.1",
+		"@iconify-json/icon-park-outline": "^1.2.1",
+		"@iconify-json/iconamoon": "^1.2.1",
+		"@iconify-json/majesticons": "^1.2.1",
+		"@iconify-json/mdi": "^1.2.1",
+		"@iconify-json/pepicons": "^1.2.0",
+		"@iconify-json/ph": "^1.2.1",
+		"@iconify-json/uil": "^1.2.1",
+		"@sveltejs/vite-plugin-svelte": "4.0.0",
+		"browserslist": "^4.24.2",
+		"lightningcss": "^1.27.0",
+		"prettier-plugin-svelte": "^3.2.7",
+		"svelte": "5.1.4",
+		"svelte-check": "^4.0.5",
+		"typescript": "^5.6.3",
+		"vite": "5.4.10",
+		"vite-imagetools": "^7.0.4",
+		"vite-plugin-pwa": "^0.20.5",
+		"workbox-window": "^7.3.0"
+	},
+	"dependencies": {
+		"@fontsource/inter": "^5.1.0",
+		"@neodrag/svelte": "^2.0.6",
+		"date-fns": "^4.1.0",
+		"popmotion": "^11.0.5",
+		"unplugin-icons": "^0.19.3"
+	}
 }