Fixed sliders on mobile (?)

.gitignore

@@ -8,3 +8,4 @@ node_modules
 !.env.example
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
+wrangler.toml

package-lock.json

@@ -14,6 +14,7 @@
 			},
 			"devDependencies": {
 				"@sveltejs/adapter-auto": "^2.0.0",
+				"@sveltejs/adapter-cloudflare-workers": "^1.0.6",
 				"@sveltejs/kit": "^1.5.0",
 				"svelte": "^3.54.0",
 				"vite": "^4.1.1"
@@ -354,6 +355,12 @@
 				"node": ">=12"
 			}
 		},
+		"node_modules/@iarna/toml": {
+			"version": "2.2.5",
+			"resolved": "https://registry.npmjs.org/@iarna/toml/-/toml-2.2.5.tgz",
+			"integrity": "sha512-trnsAYxU3xnS1gPHPyU961coFyLkh4gAD/0zQ5mymY4yOZ+CYvsPqUbOFSw0aDM4y0tV7tiFxL/1XfXPNC6IPg==",
+			"dev": true
+		},
 		"node_modules/@jridgewell/sourcemap-codec": {
 			"version": "1.4.14",
 			"resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
@@ -488,6 +495,20 @@
 				"@sveltejs/kit": "^1.0.0"
 			}
 		},
+		"node_modules/@sveltejs/adapter-cloudflare-workers": {
+			"version": "1.0.6",
+			"resolved": "https://registry.npmjs.org/@sveltejs/adapter-cloudflare-workers/-/adapter-cloudflare-workers-1.0.6.tgz",
+			"integrity": "sha512-1+Kym0tqq9eXfNFJbgTquMQdawM3zBSBesJPQCrNHWsqh0nRJDcy4vidm0BJ3rWAoE9gVhewsONLrtNjY86/1g==",
+			"dev": true,
+			"dependencies": {
+				"@cloudflare/workers-types": "^4.20221111.1",
+				"@iarna/toml": "^2.2.5",
+				"esbuild": "^0.16.3"
+			},
+			"peerDependencies": {
+				"@sveltejs/kit": "^1.0.0"
+			}
+		},
 		"node_modules/@sveltejs/adapter-node": {
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/@sveltejs/adapter-node/-/adapter-node-1.2.0.tgz",

package.json

@@ -9,6 +9,7 @@
 	},
 	"devDependencies": {
 		"@sveltejs/adapter-auto": "^2.0.0",
+		"@sveltejs/adapter-cloudflare-workers": "^1.0.6",
 		"@sveltejs/kit": "^1.5.0",
 		"svelte": "^3.54.0",
 		"vite": "^4.1.1"

src/lib/ide/Slider.svelte

@@ -52,7 +52,9 @@
     bind:this={slider}
     on:mousemove={drag} 
     on:mousedown={() => { mouseDown = true; }} 
+    on:touchstart={() => { mouseDown = true; }} 
     on:mouseup={() => { mouseDown = false; }}
+    on:touchstop={() => { mouseDown = false; }}
     on:mouseleave={() => { mouseDown = false; }}
 >
     <div