ambient-display 1.1.0 → 1.1.2

package/build/server/manifest.js

@@ -0,0 +1,50 @@
+const manifest = (() => {
+function __memo(fn) {
+	let value;
+	return () => value ??= (value = fn());
+}
+
+return {
+	appDir: "_app",
+	appPath: "_app",
+	assets: new Set(["favicon.ico","favicon.png","icons/144.favicon.png","icons/168.favicon.png","icons/192.favicon.png","icons/48.favicon.png","icons/72.favicon.png","icons/96.favicon.png","manifest.json"]),
+	mimeTypes: {".png":"image/png",".json":"application/json"},
+	_: {
+		client: {"start":"_app/immutable/entry/start.BGJKS9mR.js","app":"_app/immutable/entry/app.DHMJZPqS.js","imports":["_app/immutable/entry/start.BGJKS9mR.js","_app/immutable/chunks/entry.CTcSu7Oh.js","_app/immutable/chunks/utils.BXcQV2KO.js","_app/immutable/chunks/index.DFULH2AN.js","_app/immutable/chunks/index-client.DV07uIiZ.js","_app/immutable/entry/app.DHMJZPqS.js","_app/immutable/chunks/utils.BXcQV2KO.js","_app/immutable/chunks/disclose-version.N57b1q78.js","_app/immutable/chunks/props.DYfFZGja.js","_app/immutable/chunks/this.EZLWgc5v.js","_app/immutable/chunks/index-client.DV07uIiZ.js"],"stylesheets":[],"fonts":[],"uses_env_dynamic_public":false},
+		nodes: [
+			__memo(() => import('./chunks/0-D_yciAvo.js')),
+			__memo(() => import('./chunks/1-BA-qTHOy.js')),
+			__memo(() => import('./chunks/2-DPsIhdeI.js')),
+			__memo(() => import('./chunks/3-CZREXwZu.js'))
+		],
+		routes: [
+			{
+				id: "/",
+				pattern: /^\/$/,
+				params: [],
+				page: { layouts: [0,], errors: [1,], leaf: 2 },
+				endpoint: null
+			},
+			{
+				id: "/player",
+				pattern: /^\/player\/?$/,
+				params: [],
+				page: { layouts: [0,], errors: [1,], leaf: 3 },
+				endpoint: null
+			}
+		],
+		matchers: async () => {
+			
+			return {  };
+		},
+		server_assets: {}
+	}
+}
+})();
+
+const prerendered = new Set([]);
+
+const base = "";
+
+export { base, manifest, prerendered };
+//# sourceMappingURL=manifest.js.map

package/build/server/manifest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"manifest.js","sources":["../../.svelte-kit/adapter-node/manifest.js"],"sourcesContent":["export const manifest = (() => {\nfunction __memo(fn) {\n\tlet value;\n\treturn () => value ??= (value = fn());\n}\n\nreturn {\n\tappDir: \"_app\",\n\tappPath: \"_app\",\n\tassets: new Set([\"favicon.ico\",\"favicon.png\",\"icons/144.favicon.png\",\"icons/168.favicon.png\",\"icons/192.favicon.png\",\"icons/48.favicon.png\",\"icons/72.favicon.png\",\"icons/96.favicon.png\",\"manifest.json\"]),\n\tmimeTypes: {\".png\":\"image/png\",\".json\":\"application/json\"},\n\t_: {\n\t\tclient: {\"start\":\"_app/immutable/entry/start.BGJKS9mR.js\",\"app\":\"_app/immutable/entry/app.DHMJZPqS.js\",\"imports\":[\"_app/immutable/entry/start.BGJKS9mR.js\",\"_app/immutable/chunks/entry.CTcSu7Oh.js\",\"_app/immutable/chunks/utils.BXcQV2KO.js\",\"_app/immutable/chunks/index.DFULH2AN.js\",\"_app/immutable/chunks/index-client.DV07uIiZ.js\",\"_app/immutable/entry/app.DHMJZPqS.js\",\"_app/immutable/chunks/utils.BXcQV2KO.js\",\"_app/immutable/chunks/disclose-version.N57b1q78.js\",\"_app/immutable/chunks/props.DYfFZGja.js\",\"_app/immutable/chunks/this.EZLWgc5v.js\",\"_app/immutable/chunks/index-client.DV07uIiZ.js\"],\"stylesheets\":[],\"fonts\":[],\"uses_env_dynamic_public\":false},\n\t\tnodes: [\n\t\t\t__memo(() => import('./nodes/0.js')),\n\t\t\t__memo(() => import('./nodes/1.js')),\n\t\t\t__memo(() => import('./nodes/2.js')),\n\t\t\t__memo(() => import('./nodes/3.js'))\n\t\t],\n\t\troutes: [\n\t\t\t{\n\t\t\t\tid: \"/\",\n\t\t\t\tpattern: /^\\/$/,\n\t\t\t\tparams: [],\n\t\t\t\tpage: { layouts: [0,], errors: [1,], leaf: 2 },\n\t\t\t\tendpoint: null\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"/player\",\n\t\t\t\tpattern: /^\\/player\\/?$/,\n\t\t\t\tparams: [],\n\t\t\t\tpage: { layouts: [0,], errors: [1,], leaf: 3 },\n\t\t\t\tendpoint: null\n\t\t\t}\n\t\t],\n\t\tmatchers: async () => {\n\t\t\t\n\t\t\treturn {  };\n\t\t},\n\t\tserver_assets: {}\n\t}\n}\n})();\n\nexport const prerendered = new Set([]);\n\nexport const base = \"\";"],"names":[],"mappings":"AAAY,MAAC,QAAQ,GAAG,CAAC,MAAM;AAC/B,SAAS,MAAM,CAAC,EAAE,EAAE;AACpB,CAAC,IAAI,KAAK;AACV,CAAC,OAAO,MAAM,KAAK,MAAM,KAAK,GAAG,EAAE,EAAE,CAAC;AACtC;;AAEA,OAAO;AACP,CAAC,MAAM,EAAE,MAAM;AACf,CAAC,OAAO,EAAE,MAAM;AAChB,CAAC,MAAM,EAAE,IAAI,GAAG,CAAC,CAAC,aAAa,CAAC,aAAa,CAAC,uBAAuB,CAAC,uBAAuB,CAAC,uBAAuB,CAAC,sBAAsB,CAAC,sBAAsB,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC;AAC5M,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,kBAAkB,CAAC;AAC3D,CAAC,CAAC,EAAE;AACJ,EAAE,MAAM,EAAE,CAAC,OAAO,CAAC,wCAAwC,CAAC,KAAK,CAAC,sCAAsC,CAAC,SAAS,CAAC,CAAC,wCAAwC,CAAC,yCAAyC,CAAC,yCAAyC,CAAC,yCAAyC,CAAC,gDAAgD,CAAC,sCAAsC,CAAC,yCAAyC,CAAC,oDAAoD,CAAC,yCAAyC,CAAC,wCAAwC,CAAC,gDAAgD,CAAC,CAAC,aAAa,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,yBAAyB,CAAC,KAAK,CAAC;AACnpB,EAAE,KAAK,EAAE;AACT,GAAG,MAAM,CAAC,MAAM,OAAO,wBAAc,CAAC,CAAC;AACvC,GAAG,MAAM,CAAC,MAAM,OAAO,wBAAc,CAAC,CAAC;AACvC,GAAG,MAAM,CAAC,MAAM,OAAO,wBAAc,CAAC,CAAC;AACvC,GAAG,MAAM,CAAC,MAAM,OAAO,wBAAc,CAAC;AACtC,GAAG;AACH,EAAE,MAAM,EAAE;AACV,GAAG;AACH,IAAI,EAAE,EAAE,GAAG;AACX,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,MAAM,EAAE,EAAE;AACd,IAAI,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE;AAClD,IAAI,QAAQ,EAAE;AACd,IAAI;AACJ,GAAG;AACH,IAAI,EAAE,EAAE,SAAS;AACjB,IAAI,OAAO,EAAE,eAAe;AAC5B,IAAI,MAAM,EAAE,EAAE;AACd,IAAI,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE;AAClD,IAAI,QAAQ,EAAE;AACd;AACA,GAAG;AACH,EAAE,QAAQ,EAAE,YAAY;AACxB;AACA,GAAG,OAAO,IAAI;AACd,GAAG;AACH,EAAE,aAAa,EAAE;AACjB;AACA;AACA,CAAC;;AAEW,MAAC,WAAW,GAAG,IAAI,GAAG,CAAC,EAAE;;AAEzB,MAAC,IAAI,GAAG;;;;"}

package/build/shims.js

@@ -0,0 +1,32 @@
+import buffer from 'node:buffer';
+import { webcrypto } from 'node:crypto';
+
+// `buffer.File` was added in Node 18.13.0 while the `File` global was added in Node 20.0.0
+const File = /** @type {import('node:buffer') & { File?: File}} */ (buffer).File;
+
+/** @type {Record<string, any>} */
+const globals = {
+	crypto: webcrypto,
+	File
+};
+
+// exported for dev/preview and node environments
+/**
+ * Make various web APIs available as globals:
+ * - `crypto`
+ * - `File`
+ */
+function installPolyfills() {
+	for (const name in globals) {
+		if (name in globalThis) continue;
+
+		Object.defineProperty(globalThis, name, {
+			enumerable: true,
+			configurable: true,
+			writable: true,
+			value: globals[name]
+		});
+	}
+}
+
+installPolyfills();

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "ambient-display",
-	"version": "1.1.0",
+	"version": "1.1.2",
 	"description": "Like a spotify jam but much worse, but also much better. If you need it, you'll love it.",
 	"type": "module",
 	"bin": {
@@ -17,8 +17,15 @@
 		"format": "prettier --write .",
 		"lint": "prettier --check . && eslint .",
 		"release": "standard-version",
-		"release:publish": "npm run release && npm publish"
+		"release:publish": "npm run build && npm run release && npm publish"
 	},
+	"files": [
+		"build/*",
+		"server/*",
+		"ambient.config.js.template",
+		"README.md",
+		".nvmrc"
+	],
 	"devDependencies": {
 		"@eslint/compat": "^1.2.3",
 		"@poppanator/sveltekit-svg": "^5.0.0",

package/server/index.js

@@ -18,6 +18,10 @@ import { CommandHistory } from './history.js';
 
 const URL = `${OPTIONS.origin}:${OPTIONS.port}`;
 
+if (OPTIONS.verbose) {
+	console.log(OPTIONS);
+}
+
 const app = express();
 const server = createServer(app);
 const io = new Server(server, {

package/server/spotify_auth.json

@@ -0,0 +1 @@
+{"refresh_token":"AQBAFqcupbCx89_PRsBTqVLMh_-UcwelJnu1FNA1XVLGZPZO9MZIQcfMaaAC_WseRuahnHFufZYJ8tuiT9_DN8xFAq353b0LhWhlWM51nD-LW6ioGM0rU4SJPtyJrTLqliU","access_token":"BQCGuzKADp9mNfAXWhjZXDQPM0mIT-EyII37V41DTzImiVCHrmP3gwhNVccbyHYoHJp5yw-Md0cNjjts2NKx4ZmkgnOu9i7Rh1cYgClbIvITOZe1osYogkQkEdBJeC5dA5EJMkZwdI7UNO4lzEe2nf7nzLX1r2mwTtovt4ekGmkjEsZG6GIzDFbN912vGbxBKRcHYy0R_8LgpRfJgsrdHrpRkuIYUYqHvL61kA","token_type":"Bearer","expires_in":3600,"scope":"user-modify-playback-state user-read-playback-state user-read-currently-playing user-read-email user-read-private"}

package/.prettierignore

@@ -1,4 +0,0 @@
-# Package Managers
-package-lock.json
-pnpm-lock.yaml
-yarn.lock

package/.prettierrc

@@ -1,17 +0,0 @@
-{
-	"useTabs": true,
-	"singleQuote": true,
-	"trailingComma": "none",
-	"printWidth": 100,
-	"plugins": [
-		"prettier-plugin-svelte"
-	],
-	"overrides": [
-		{
-			"files": "*.svelte",
-			"options": {
-				"parser": "svelte"
-			}
-		}
-	]
-}

package/CHANGELOG.md

@@ -1,34 +0,0 @@
-# Changelog
-
-All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
-
-## 1.1.0 (2025-03-04)
-
-
-### Features
-
-* added cursor hide ([928c7f8](https://github.com/jthawme/ambient/commit/928c7f8aef867b947d77f198a1bda916ff13167b))
-* added fleshed out adding panel ([0ebbbc2](https://github.com/jthawme/ambient/commit/0ebbbc2189599a94f55ecadcdff18909e1c1dc28))
-* added history system and converted errors ([30977fc](https://github.com/jthawme/ambient/commit/30977fc9444738d7adbd8597656411e2154b9a4f))
-* added screen lock to player ([11f5275](https://github.com/jthawme/ambient/commit/11f52751524d7de83b22ba84887cd330b55b8dda))
-* added sonos fallback plugin ([0acefd8](https://github.com/jthawme/ambient/commit/0acefd8138765705c88c5e0b0c5cc3ad393549b9))
-* introduced events ecosystem and config file injection ([c3ade28](https://github.com/jthawme/ambient/commit/c3ade28661d4709e72f4f1f5505c4564712fe773))
-* removed plugins from root repo ([0b1528e](https://github.com/jthawme/ambient/commit/0b1528e2790cd9f70e71505780317ca19b0ae83f))
-* sewn up the loop of built and running flows ([7b3f21a](https://github.com/jthawme/ambient/commit/7b3f21acce980d42c0e79d0f1bcea2bb5c410c44))
-* switched to a centralised polling system first, to protect against rate limits ([3f33865](https://github.com/jthawme/ambient/commit/3f33865d6b8f528f7e69d6cffd54161f6c5c5d29))
-* updated eco system ([de42b2b](https://github.com/jthawme/ambient/commit/de42b2b5d6341bac2c987c3d48cfdbd0cc8d3791))
-
-
-### Bug Fixes
-
-* added attempt at memoization for rate limiting ([9530833](https://github.com/jthawme/ambient/commit/95308335f7eb740de69ef78c542e821a5823f87e))
-* added run script as seperate ([46d90ed](https://github.com/jthawme/ambient/commit/46d90edac3fafb18e8dc4be1c985bf13ad34baa2))
-* backed off on certain endpoints ([d95b69c](https://github.com/jthawme/ambient/commit/d95b69c8466ce12cdae871bec2911009b7258383))
-* built in messaging to spotify errors ([0cc61cb](https://github.com/jthawme/ambient/commit/0cc61cb5be2b902df259eb11d6012e60e4a7307c))
-* continued to make the project less reliant on local install ([22060cc](https://github.com/jthawme/ambient/commit/22060cc4f3d84ebe7c47e328182b617cf7c7ea68))
-* fixed issue with persisting sdk ([0f7fc23](https://github.com/jthawme/ambient/commit/0f7fc2309ec9a9c790060687af562cd2c5293eb2))
-* fixed reauth strategy class ([cfa328d](https://github.com/jthawme/ambient/commit/cfa328dc1599c397ff85b2319800dce7d628283b))
-* is main check fix ([77d087d](https://github.com/jthawme/ambient/commit/77d087d4dc68428e875d01c0b0259ecd47b2d681))
-* protect the polling async function ([e5282b6](https://github.com/jthawme/ambient/commit/e5282b60050fc217e6d4861988cc603fbd594696))
-* reintroduced package lock for npm ci ([fb906cc](https://github.com/jthawme/ambient/commit/fb906cccb8fd7c6856e1f2af28bd7cc429f8d236))
-* small fixes ([0fc9688](https://github.com/jthawme/ambient/commit/0fc9688dc24629b47aaf96f27087011032fdaa6c))

package/env.template

@@ -1,2 +0,0 @@
-SPOTIFY_CLIENT_ID=
-SPOTIFY_CLIENT_SECRET=

package/eslint.config.js

@@ -1,24 +0,0 @@
-import prettier from "eslint-config-prettier";
-import js from '@eslint/js';
-import { includeIgnoreFile } from '@eslint/compat';
-import svelte from 'eslint-plugin-svelte';
-import globals from 'globals';
-import { fileURLToPath } from 'node:url';
-const gitignorePath = fileURLToPath(new URL("./.gitignore", import.meta.url));
-
-/** @type {import('eslint').Linter.Config[]} */
-export default [
-  includeIgnoreFile(gitignorePath),
-  js.configs.recommended,
-  ...svelte.configs["flat/recommended"],
-  prettier,
-  ...svelte.configs['flat/prettier'],
-  {
-    languageOptions: {
-	  globals: {
-	    ...globals.browser,
-	    ...globals.node
-	  }
-	}
-  }
-];

package/jsconfig.json

@@ -1,19 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"moduleResolution": "bundler"
-	}
-	// Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
-	// except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
-	//
-	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
-	// from the referenced tsconfig.json - TypeScript does not merge them in
-}

package/src/app.d.ts

@@ -1,13 +0,0 @@
-// See https://svelte.dev/docs/kit/types#app.d.ts
-// for information about these interfaces
-declare global {
-	namespace App {
-		// interface Error {}
-		// interface Locals {}
-		// interface PageData {}
-		// interface PageState {}
-		// interface Platform {}
-	}
-}
-
-export {};

package/src/app.html

@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>

package/src/lib/actions/qr.svelte.js

@@ -1,23 +0,0 @@
-import QRCode from 'qrcode-svg';
-
-export const qr = (node, { url, ...rest }) => {
-	// the node has been mounted in the DOM
-
-	$effect(() => {
-		var svg = new QRCode({
-			color: 'currentColor',
-			background: 'transparent',
-			padding: 0,
-			join: true,
-			container: 'svg-viewbox',
-			...rest,
-			content: url
-		}).svg();
-
-		node.innerHTML = svg;
-
-		return () => {
-			node.innerHTML = '';
-		};
-	});
-};

package/src/lib/comms.js

@@ -1,25 +0,0 @@
-import { io, Socket } from 'socket.io-client';
-import { derived } from 'svelte/store';
-import { address, settled } from './store';
-
-/** */
-const previous = {
-	/** @type {Socket | null} */
-	current: null
-};
-
-export const socket = derived([address, settled], ([$address, $settled]) => {
-	if (!$settled) {
-		return null;
-	}
-
-	const i = io($address.endpoint);
-
-	if (previous.current) {
-		previous.current.disconnect();
-	}
-
-	previous.current = i;
-
-	return i;
-});

package/src/lib/components/AuthenticateTrigger.svelte

@@ -1,74 +0,0 @@
-<script>
-	import { qr } from '$lib/actions/qr.svelte';
-	import { address } from '$lib/store';
-</script>
-
-<div class="content">
-	<div class="options">
-		<div class="options-left">
-			<h1>This instance is not authenticated</h1>
-			<p>
-				{$address.server('/spotify/start')}
-				<a href={$address.server('/spotify/start')}>Authenticate</a> or scan qr to authenticate via device
-			</p>
-		</div>
-		<div class="options-right">
-			<span class="qr" use:qr={{ url: $address.server('/spotify/start') }}></span>
-		</div>
-		<div class="options-bottom">
-			<p class="size-small-1 color-2">
-				Make sure that <em>{$address.server('/spotify/token')}</em> is added as a Redirect URI in your
-				spotify app dashboard
-			</p>
-		</div>
-	</div>
-</div>
-
-<style lang="scss">
-	.content {
-		position: absolute;
-
-		top: 50%;
-		left: 50%;
-
-		width: calc(100% - (var(--spacing-large) * 2));
-		max-width: 500px;
-		padding: var(--spacing-large);
-
-		transform: translate3d(-50%, -50%, 0);
-
-		background-color: var(--color-3);
-		color: var(--color-1);
-
-		border-radius: var(--border-radius-large);
-
-		p {
-			margin: 0.5em 0;
-			max-width: 65%;
-		}
-
-		.qr {
-			display: block;
-		}
-	}
-
-	.options {
-		display: grid;
-
-		grid-template-columns: 1fr 100px;
-		gap: var(--spacing-normal);
-
-		&-bottom {
-			grid-column: 1 / -1;
-
-			p {
-				margin: 0;
-
-				em {
-					color: vaR(--color-1);
-					font-style: normal;
-				}
-			}
-		}
-	}
-</style>

package/src/lib/components/Controls.svelte

@@ -1,91 +0,0 @@
-<script>
-	import { Pause, Play, PlaySkipBack, PlaySkipForward } from 'svelte-ionicons';
-	import { api } from '$lib/store';
-
-	const { playing = false, title, onTrigger = () => {}, canControl = true } = $props();
-
-	/**
-	 * A variable to create the illusion of immediate feedback
-	 *
-	 * @type {boolean | null}
-	 */
-	let eagerToggle = $state(null);
-
-	let playDisplay = $derived(eagerToggle ?? playing);
-
-	async function onSkipBackward() {
-		await $api.skipBackward();
-		onTrigger();
-	}
-
-	async function onPlay() {
-		eagerToggle = true;
-		await $api.play();
-		onTrigger();
-	}
-
-	async function onPause() {
-		eagerToggle = false;
-		await $api.pause();
-		onTrigger();
-	}
-
-	async function onSkipForward() {
-		await $api.skipForward();
-		onTrigger();
-	}
-
-	$effect(() => {
-		if (typeof playing === 'boolean') {
-			eagerToggle = null;
-		}
-	});
-</script>
-
-<div class="controls color-1">
-	<div class="controls-top ellipsis">{title}</div>
-
-	{#if canControl}
-		<div class="controls-actions">
-			<button onclick={onSkipBackward} class="btn-reset">
-				<PlaySkipBack />
-			</button>
-			{#if playDisplay === true}
-				<button onclick={onPause} class="btn-reset">
-					<Pause />
-				</button>
-			{:else if playDisplay === false}
-				<button onclick={onPlay} class="btn-reset">
-					<Play />
-				</button>
-			{/if}
-			<button onclick={onSkipForward} class="btn-reset">
-				<PlaySkipForward />
-			</button>
-		</div>
-	{/if}
-</div>
-
-<style lang="scss">
-	.controls {
-		display: flex;
-
-		flex-direction: column;
-		align-items: center;
-
-		gap: var(--spacing-normal);
-
-		width: 100%;
-		max-width: 400px;
-
-		&-top {
-			width: 100%;
-
-			text-align: center;
-		}
-
-		:global(svg) {
-			fill: currentColor;
-		}
-	}
-</style>

package/src/lib/components/ImageLoad.svelte

@@ -1,79 +0,0 @@
-<script>
-	const { full, low } = $props();
-
-	const LOAD_STATE = {
-		INITIAL: 0,
-		LOAD: 1,
-		FULL: 2,
-		COMPLETE: 3
-	};
-
-	let loadState = $state();
-
-	function onLowLoad() {
-		if (loadState === LOAD_STATE.INITIAL) {
-			loadState = LOAD_STATE.LOAD;
-		}
-	}
-
-	function onFullLoad() {
-		loadState = LOAD_STATE.FULL;
-	}
-
-	let mounted = $state(false);
-
-	$effect(() => {
-		mounted = true;
-	});
-</script>
-
-<span
-	class="image"
-	class:display={loadState === LOAD_STATE.FULL || loadState === LOAD_STATE.COMPLETE}
->
-	{#if loadState !== LOAD_STATE.INITIAL && mounted}
-		<img
-			class="full"
-			src={full}
-			onload={onFullLoad}
-			alt=""
-			ontransitionend={() => (loadState = LOAD_STATE.COMPLETE)}
-		/>
-	{/if}
-
-	{#if loadState !== LOAD_STATE.COMPLETE}
-		<img class="low" src={low} onload={onLowLoad} alt="" />
-	{/if}
-</span>
-
-<style lang="scss">
-	.image {
-		display: inline-grid;
-
-		grid-template-columns: 1fr;
-		grid-template-rows: 1fr;
-
-		line-height: 0;
-
-		width: 100%;
-		height: 100%;
-
-		img {
-			grid-column: 1;
-			grid-row: 1;
-		}
-	}
-
-	.full {
-		opacity: 0;
-
-		transition: {
-			duration: 0.5s;
-			property: opacity;
-		}
-
-		.display & {
-			opacity: 1;
-		}
-	}
-</style>

package/src/lib/components/LoadingIndicator.svelte

@@ -1,75 +0,0 @@
-<script>
-	const { floating = false } = $props();
-</script>
-
-<div class="loading" class:floating>
-	<div class="loading-icon"></div>
-	<div class="loading-icon"></div>
-	<div class="loading-icon"></div>
-</div>
-
-<style lang="scss">
-	@property --loading-size {
-		syntax: '<length>';
-		inherits: false;
-		initial-value: 16px;
-	}
-
-	.loading {
-		display: inline-grid;
-
-		aspect-ratio: 1;
-		align-items: center;
-		grid-template-columns: repeat(3, var(--loading-size));
-
-		padding: var(--loading-padding, var(--spacing-small));
-		gap: var(--loading-gap, var(--spacing-small));
-
-		background-color: var(--color-1);
-		border-radius: var(--border-radius-normal);
-
-		&.floating {
-			position: absolute;
-
-			top: 50%;
-			left: 50%;
-
-			transform: translate3d(-50%, -50%, 0);
-
-			z-index: 20;
-		}
-	}
-
-	.loading-icon {
-		background-color: var(--color-bg);
-
-		aspect-ratio: 1;
-
-		border-radius: 100%;
-
-		animation: {
-			name: BLOAT;
-			duration: 1.2s;
-			iteration-count: infinite;
-			timing-function: var(--easing);
-		}
-
-		@for $i from 1 through 3 {
-			&:nth-child(#{$i}) {
-				animation-delay: 0.15s * ($i - 1);
-			}
-		}
-	}
-
-	@keyframes BLOAT {
-		0% {
-			transform: scale(1);
-		}
-		50% {
-			transform: scale(1.2);
-		}
-		100% {
-			transform: scale(1);
-		}
-	}
-</style>