Duplicate from huggingface-projects/color-palette-generator-sd

Co-authored-by: Radamés Ajna <[email protected]>

.gitattributes

@@ -0,0 +1,31 @@
+*.7z filter=lfs diff=lfs merge=lfs -text
+*.arrow filter=lfs diff=lfs merge=lfs -text
+*.bin filter=lfs diff=lfs merge=lfs -text
+*.bz2 filter=lfs diff=lfs merge=lfs -text
+*.ftz filter=lfs diff=lfs merge=lfs -text
+*.gz filter=lfs diff=lfs merge=lfs -text
+*.h5 filter=lfs diff=lfs merge=lfs -text
+*.joblib filter=lfs diff=lfs merge=lfs -text
+*.lfs.* filter=lfs diff=lfs merge=lfs -text
+*.model filter=lfs diff=lfs merge=lfs -text
+*.msgpack filter=lfs diff=lfs merge=lfs -text
+*.npy filter=lfs diff=lfs merge=lfs -text
+*.npz filter=lfs diff=lfs merge=lfs -text
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.ot filter=lfs diff=lfs merge=lfs -text
+*.parquet filter=lfs diff=lfs merge=lfs -text
+*.pickle filter=lfs diff=lfs merge=lfs -text
+*.pkl filter=lfs diff=lfs merge=lfs -text
+*.pb filter=lfs diff=lfs merge=lfs -text
+*.pt filter=lfs diff=lfs merge=lfs -text
+*.pth filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+saved_model/**/* filter=lfs diff=lfs merge=lfs -text
+*.tar.* filter=lfs diff=lfs merge=lfs -text
+*.tflite filter=lfs diff=lfs merge=lfs -text
+*.tgz filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+*.xz filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.zst filter=lfs diff=lfs merge=lfs -text
+*tfevents* filter=lfs diff=lfs merge=lfs -text

.gitignore

@@ -0,0 +1,19 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+venv/
+__pycache__/
+flagged/
+data
+data.db
+data.json

Makefile

@@ -0,0 +1,11 @@
+build-client:
+	cd frontend && npm install && PUBLIC_DEV_MODE=PROD npm run build && rm -rf ../static && cp -r build/ ../static/
+build-dev:
+	cd frontend && npm install && PUBLIC_DEV_MODE=DEV npm run build-dev && rm -rf ../static && cp -r build/ ../static/
+run-front-dev:
+	cd frontend && npm install && PUBLIC_DEV_MODE=DEV npm run dev
+run-dev:
+	rm -rf .data/ && FLASK_DEBUG=development python app.py
+run-prod:
+	python app.py
+build-all: run-prod

README.md

@@ -0,0 +1,14 @@
+---
+title: Sd Color Palette Generator
+emoji: 📖🎨⚙️
+colorFrom: yellow
+colorTo: gray
+sdk: gradio
+sdk_version: 3.3
+app_file: run.py
+fullWidth: true
+pinned: false
+duplicated_from: huggingface-projects/color-palette-generator-sd
+---
+
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

app.py

@@ -0,0 +1,163 @@
+import os
+from pathlib import Path
+import json
+from flask import Flask, request, jsonify, g
+from flask_expects_json import expects_json
+from flask_cors import CORS
+from PIL import Image
+from huggingface_hub import Repository
+from flask_apscheduler import APScheduler
+import shutil
+import sqlite3
+import subprocess
+from jsonschema import ValidationError
+
+MODE = os.environ.get('FLASK_ENV', 'production')
+IS_DEV = MODE == 'development'
+app = Flask(__name__, static_url_path='/static')
+app.config['JSONIFY_PRETTYPRINT_REGULAR'] = False
+
+schema = {
+    "type": "object",
+    "properties": {
+        "prompt": {"type": "string"},
+        "images": {
+            "type": "array",
+            "items": {
+                "type": "object",
+                "minProperties": 2,
+                "maxProperties": 2,
+                "properties": {
+                    "colors": {
+                        "type": "array",
+                        "items": {
+                            "type": "string"
+                        },
+                        "maxItems": 5,
+                        "minItems": 5
+                    },
+                    "imgURL": {"type": "string"}}
+            }
+        }
+    },
+    "minProperties": 2,
+    "maxProperties": 2
+}
+
+CORS(app)
+
+DB_FILE = Path("./data.db")
+TOKEN = os.environ.get('HUGGING_FACE_HUB_TOKEN')
+repo = Repository(
+    local_dir="data",
+    repo_type="dataset",
+    clone_from="huggingface-projects/color-palettes-sd",
+    use_auth_token=TOKEN
+)
+repo.git_pull()
+# copy db on db to local path
+shutil.copyfile("./data/data.db", DB_FILE)
+
+db = sqlite3.connect(DB_FILE)
+try:
+    data = db.execute("SELECT * FROM palettes").fetchall()
+    if IS_DEV:
+        print(f"Loaded {len(data)} palettes from local db")
+    db.close()
+except sqlite3.OperationalError:
+    db.execute(
+        'CREATE TABLE palettes (id INTEGER PRIMARY KEY AUTOINCREMENT NOT NULL, data json, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP NOT NULL)')
+    db.commit()
+
+
+def get_db():
+    db = getattr(g, '_database', None)
+    if db is None:
+        db = g._database = sqlite3.connect(DB_FILE)
+        db.row_factory = sqlite3.Row
+    return db
+
+
+@app.teardown_appcontext
+def close_connection(exception):
+    db = getattr(g, '_database', None)
+    if db is not None:
+        db.close()
+
+
+def update_repository():
+    repo.git_pull()
+    # copy db on db to local path
+    shutil.copyfile(DB_FILE, "./data/data.db")
+
+    with sqlite3.connect("./data/data.db") as db:
+        db.row_factory = sqlite3.Row
+        palettes = db.execute("SELECT * FROM palettes").fetchall()
+        data = [{'id': row['id'], 'data': json.loads(
+            row['data']), 'created_at': row['created_at']} for row in palettes]
+
+    with open('./data/data.json', 'w') as f:
+        json.dump(data, f, separators=(',', ':'))
+
+    print("Updating repository")
+    subprocess.Popen(
+        "git add . && git commit --amend -m 'update' && git push --force", cwd="./data", shell=True)
+    repo.push_to_hub(blocking=False)
+
+
+@app.route('/')
+def index():
+    return app.send_static_file('index.html')
+
+
+@app.route('/force_push')
+def push():
+    if (request.headers['token'] == TOKEN):
+        update_repository()
+        return jsonify({'success': True})
+    else:
+        return "Error", 401
+
+
+def getAllData():
+    palettes = get_db().execute("SELECT * FROM palettes").fetchall()
+    data = [{'id': row['id'], 'data': json.loads(
+            row['data']), 'created_at': row['created_at']} for row in palettes]
+    return data
+
+
+@app.route('/data')
+def getdata():
+    return jsonify(getAllData())
+
+
+@app.route('/new_palette', methods=['POST'])
+@expects_json(schema)
+def create():
+    data = g.data
+    db = get_db()
+    cursor = db.cursor()
+    cursor.execute("INSERT INTO palettes(data) VALUES (?)", [json.dumps(data)])
+    db.commit()
+    return jsonify(getAllData())
+
+
+@app.errorhandler(400)
+def bad_request(error):
+    if isinstance(error.description, ValidationError):
+        original_error = error.description
+        return jsonify({'error': original_error.message}), 400
+    return error
+
+
+if __name__ == '__main__':
+    if not IS_DEV:
+        print("Starting scheduler -- Running Production")
+        scheduler = APScheduler()
+        scheduler.add_job(id='Update Dataset Repository',
+                          func=update_repository, trigger='interval', hours=1)
+        scheduler.start()
+    else:
+        print("Not Starting scheduler -- Running Development")
+    app.run(host='0.0.0.0',  port=int(
+        os.environ.get('PORT', 7860)), debug=True, use_reloader=IS_DEV)

extract.py

@@ -0,0 +1,31 @@
+from colorthief import ColorThief
+from pathlib import Path
+import json
+from PIL import Image
+
+
+images_path = Path('frontend/static/images')
+images = images_path.glob("*.[jpeg jpg png]*")
+print(images)
+data = {}
+for image in images:
+    print(image.stem)
+    image_pil = Image.open(image)
+    color_thief = ColorThief(image)
+    image_pil.save(Path.joinpath(images_path, (image.stem + ".jpg")), optimize=True, quality=95)
+    prompt = image.stem.split("-")[2]
+    try:
+        type(data[prompt]) == list
+    except:
+        data[prompt] = []
+
+    colors = color_thief.get_palette(color_count=5, quality=1)
+    colors_hex = ['#%02x%02x%02x' % (color) for color in colors]
+    data[prompt].append({
+        "colors": colors_hex,
+        "imgURL": "static/images/" + image.stem + ".jpg"
+    })
+prompts = [{"prompt": prompt, "images": values}
+           for (prompt, values) in data.items()]
+with open('frontend/static/data.json', 'w') as f:
+    json.dump(prompts, f)

frontend/.env.example

@@ -0,0 +1,2 @@
+PUBLIC_WS_ENDPOINT="wss://spaces.huggingface.tech/stabilityai/stable-diffusion-1/queue/join"
+PUBLIC_API=""

frontend/.eslintignore

@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

frontend/.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
+	}
+};

frontend/.gitignore

@@ -0,0 +1,12 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+.vercel
+.output
+venv/
+__pycache__/

frontend/.npmrc

@@ -0,0 +1 @@
+engine-strict=true

frontend/.prettierignore

@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

frontend/.prettierrc

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

frontend/README.md

@@ -0,0 +1,38 @@
+# create-svelte
+
+Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```bash
+# create a new project in the current directory
+npm create svelte@latest
+
+# create a new project in my-app
+npm create svelte@latest my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```bash
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+## Building
+
+To create a production version of your app:
+
+```bash
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.

frontend/package.json

@@ -0,0 +1,45 @@
+{
+	"name": "frontend",
+	"version": "0.0.1",
+	"scripts": {
+		"dev": "NODE_ENV=development vite --config vite.config.dev.ts dev",
+		"build-dev": "vite build --mode development",
+		"build": "vite build",
+		"preview": "vite preview",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"lint": "prettier --check . && eslint .",
+		"format": "prettier --write ."
+	},
+	"devDependencies": {
+		"@sveltejs/adapter-static": "^1.0.0-next.43",
+		"@sveltejs/kit": "next",
+		"@tailwindcss/forms": "^0.5.3",
+		"@tailwindcss/line-clamp": "^0.4.2",
+		"@types/cookie": "^0.5.1",
+		"@types/d3-color": "^3.1.0",
+		"@typescript-eslint/eslint-plugin": "^5.27.0",
+		"@typescript-eslint/parser": "^5.27.0",
+		"autoprefixer": "^10.4.11",
+		"d3-color": "^3.1.0",
+		"eslint": "^8.16.0",
+		"eslint-config-prettier": "^8.3.0",
+		"eslint-plugin-svelte3": "^4.0.0",
+		"postcss": "^8.4.16",
+		"prettier": "^2.6.2",
+		"prettier-plugin-svelte": "^2.7.0",
+		"svelte": "^3.46.0",
+		"svelte-check": "^2.7.1",
+		"svelte-preprocess": "^4.10.7",
+		"tailwindcss": "^3.1.8",
+		"tslib": "^2.3.1",
+		"typescript": "^4.7.4",
+		"vite": "^3.1.0"
+	},
+	"type": "module",
+	"dependencies": {
+		"@fontsource/fira-mono": "^4.5.0",
+		"quantize": "^1.0.2",
+		"scroll-into-view-if-needed": "^2.2.29"
+	}
+}

frontend/postcss.config.cjs

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

frontend/src/app.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

frontend/src/app.d.ts

@@ -0,0 +1,15 @@
+// See https://kit.svelte.dev/docs/types#app
+// for information about these interfaces
+// and what to do when importing types
+
+declare global {
+	namespace App {
+		// interface Locals {}
+		// interface PageData {}
+		// interface PageError {}
+		// interface Platform {}
+		interface Window {
+			parentIFrame: unknown;
+		}
+	}
+}

frontend/src/app.html

@@ -0,0 +1,13 @@
+<!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" />
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js"></script>
+		%sveltekit.head%
+	</head>
+	<body class="dark:bg-[rgb(11,15,25)] bg-white dark:text-white text-black">
+		<div>%sveltekit.body%</div>
+	</body>
+</html>

frontend/src/lib/ArrowLeft.svelte

@@ -0,0 +1,13 @@
+<svg
+	class="mr-1.5"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+	><path d="M10 16L20 6l1.4 1.4l-8.6 8.6l8.6 8.6L20 26z" fill="currentColor" /></svg
+>

frontend/src/lib/ArrowRight.svelte

@@ -0,0 +1,13 @@
+<svg
+	class="ml-1.5 transform rotate-180"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+	><path d="M10 16L20 6l1.4 1.4l-8.6 8.6l8.6 8.6L20 26z" fill="currentColor" /></svg
+>

frontend/src/lib/ColorPalette.svelte

@@ -0,0 +1,50 @@
+<script lang="ts">
+	import type { Color } from 'd3-color';
+	import * as d3 from 'd3-color';
+
+	export let colors: Color[];
+	const n = colors.length;
+	function getLabelColor(c: Color): string {
+		const color = d3.hcl(c);
+		if (color.l > 50) {
+			return d3.hcl(color.h, color.c, 0).formatHex();
+		}
+		return d3.hcl(color.h, color.c, 100).formatHex();
+	}
+	let isCopying = -1;
+
+	async function copyStringToClipboard(text: string, n: number) {
+		// usingo Clipboard API
+		if (isCopying > -1) return;
+		isCopying = n;
+		// await navigator.permissions.query({ name: 'clipboard-write' });
+		await navigator.clipboard.write([
+			new ClipboardItem({ 'text/plain': new Blob([text], { type: 'text/plain' }) })
+		]);
+		setTimeout(() => {
+			isCopying = -1;
+		}, 800);
+	}
+</script>
+
+<div class="flex flex-col items-center">
+	<div class="flex">
+		{#each colors as color, i}
+			<div
+				class="{isCopying === i ? '' : 'cursor-pointer'} aspect-square relative"
+				style="background-color: {color.formatHex()}"
+				on:click={() => copyStringToClipboard(color.formatHex(), i)}
+			>
+				<svg class="block max-w-full aspect-square" width="100" viewBox="0 0 50 50">
+					<rect x="0" y="0" width="50" height="50" fill={color.formatHex()} />
+				</svg>
+				<span
+					title="Copy single color"
+					class="absolute bottom-0 text-center text-xs pl-1 font-bold uppercase"
+					style="color:{getLabelColor(color)}"
+					>{isCopying === i ? 'copied' : color.formatHex()}</span
+				>
+			</div>
+		{/each}
+	</div>
+</div>

frontend/src/lib/Palette.svelte

@@ -0,0 +1,92 @@
+<script lang="ts">
+	import * as d3 from 'd3-color';
+	import { createEventDispatcher } from 'svelte';
+	import type { ColorsPrompt } from '$lib/types';
+	import ColorPalette from '$lib/ColorPalette.svelte';
+
+	const dispatch = createEventDispatcher();
+
+	export let promptData: ColorsPrompt;
+
+	let seletecdImage = 0;
+
+	$: prompt = promptData?.prompt;
+	$: colors = promptData?.images[seletecdImage]?.colors.map((e) => d3.rgb(e)) || [];
+	$: imageSrc = promptData?.images[seletecdImage]?.imgURL;
+	let isCopying = false;
+
+	async function copyStringToClipboard(text: string) {
+		// usingo Clipboard API
+		if (isCopying) return;
+		isCopying = true;
+		// await navigator.permissions.query({ name: 'clipboard-write' });
+		await navigator.clipboard.write([
+			new ClipboardItem({ 'text/plain': new Blob([text], { type: 'text/plain' }) })
+		]);
+		setTimeout(() => {
+			isCopying = false;
+		}, 1000);
+	}
+</script>
+
+<div class="grid grid-cols-6 gap-3">
+	<blockquote
+		class="row-start-1 mx-auto col-span-6 italic font-semibold max-w-prose text-base text-center line-clamp-3 my-3"
+		title={prompt}
+	>
+		<p>{prompt}</p>
+	</blockquote>
+	<div class="row-start-3 md:row-start-2 col-span-6 md:col-span-4 flex items-center justify-center">
+		{#if colors}
+			<ColorPalette {colors} />
+		{/if}
+	</div>
+	<div class="row-start-2 col-span-6 md:col-span-2 flex justify-center md:justify-end pb-3">
+		<div class="relative">
+			<img
+				loading="lazy"
+				class="relative max-w-[100px] w-full aspect-square"
+				src={imageSrc}
+				alt={prompt}
+			/>
+			<div class="absolute flex justify-around w-full">
+				{#each promptData.images as image, i}
+					<button
+						class="{seletecdImage === i
+							? 'bg-black dark:bg-white'
+							: 'bg-white dark:bg-black'}   dark:bg-slate-300 rounded-full h-3 w-3 m-1 border border-black dark:border-white"
+						on:click={() => (seletecdImage = i)}
+						on:mousemove={() => (seletecdImage = i)}
+					/>
+				{/each}
+			</div>
+		</div>
+	</div>
+	<div
+		class="row-start-4 col-span-6 md:col-span-2 md:col-start-5 flex justify-center md:justify-end"
+	>
+		<div class="flex justify-center items-center">
+			<button
+				class="button"
+				title="Send this prompt to input so you can remix it"
+				on:click={() => dispatch('remix', { prompt })}
+			>
+				Remix
+			</button>
+			<button
+				class="button"
+				title="Copy all colors to clipboard"
+				disabled={isCopying}
+				on:click={() => copyStringToClipboard(colors.map((color) => color.formatHex()).join(', '))}
+			>
+				{isCopying ? 'Copied' : 'Copy'}
+			</button>
+		</div>
+	</div>
+</div>
+
+<style lang="postcss" scoped>
+	.button {
+		@apply min-w-[9ch] bg-black text-white border-2 dark:border-white border-black rounded-2xl ml-2 px-2 py-2 shadow-sm text-xs font-bold focus:outline-none focus:border-gray-400;
+	}
+</style>

frontend/src/lib/store.ts

@@ -0,0 +1,3 @@
+import { writable } from 'svelte/store';
+export const loadingState = writable<string>('');
+export const isLoading = writable<boolean>(false);

frontend/src/lib/types.ts

@@ -0,0 +1,15 @@
+import type { Color } from 'd3-color';
+
+export interface ColorsImage {
+	colors: Color[];
+	imgURL: string;
+}
+export interface ColorsPrompt {
+	prompt: string;
+	images: ColorsImage[];
+}
+
+export interface LoadingState {
+	loadingMessage: string;
+	isLoading: boolean;
+}

frontend/src/lib/utils.ts

@@ -0,0 +1,118 @@
+import quantize from 'quantize';
+import * as d3 from 'd3-color';
+import type { Color } from 'd3-color';
+import { dev } from '$app/environment';
+
+export function randomSeed() {
+	return BigInt(13248873089935215612 & (((1 << 63) - 1) * Math.random()));
+}
+
+function sortColors(colors: Color[]): Color[] {
+	const reverse = true;
+	return colors
+		.map((color) => d3.hcl(color))
+		.sort((a, b) => {
+			const aa = a.h;
+			const bb = b.h;
+
+			return !reverse ? aa - bb || isNaN(aa) - isNaN(bb) : bb - aa || isNaN(bb) - isNaN(aa);
+		});
+}
+
+function createPixelArray(imgData: Uint8ClampedArray, pixelCount: number, quality: number) {
+	// from https://github.com/lokesh/color-thief
+	const pixels = imgData;
+	const pixelArray = [];
+
+	for (let i = 0, offset, r, g, b, a; i < pixelCount; i = i + quality) {
+		offset = i * 4;
+		r = pixels[offset + 0];
+		g = pixels[offset + 1];
+		b = pixels[offset + 2];
+		a = pixels[offset + 3];
+
+		// If pixel is mostly opaque and not white
+		if (typeof a === 'undefined' || a >= 125) {
+			if (!(r > 250 && g > 250 && b > 250)) {
+				pixelArray.push([r, g, b]);
+			}
+		}
+	}
+	return pixelArray;
+}
+
+export function extractPalette(
+	base64image: string,
+	colorCount = 5,
+	quality = 1
+): Promise<{ colors: Color[]; imgBlob: Blob }> {
+	return new Promise((resolve) => {
+		const img = new Image();
+		img.onload = async () => {
+			const w = img.width;
+			const h = img.height;
+			const canvas = document.createElement('canvas');
+			canvas.width = w;
+			canvas.height = h;
+			const ctx = canvas.getContext('2d') as CanvasRenderingContext2D;
+			ctx.drawImage(img, 0, 0, w, h);
+			const imageData = ctx.getImageData(0, 0, w, h);
+			const pixelArray = createPixelArray(imageData.data, w * h, quality);
+			const cmap = quantize(pixelArray, colorCount);
+			const colors: number[][] = cmap.palette();
+			const tempCanvas = document.createElement('canvas');
+			tempCanvas.width = w / 5;
+			tempCanvas.height = h / 5;
+			const tempCtx = tempCanvas.getContext('2d') as CanvasRenderingContext2D;
+			tempCtx.drawImage(img, 0, 0, w, h, 0, 0, w / 5, h / 5);
+
+			const imgBlob: Blob = await new Promise((_resolve) =>
+				tempCanvas.toBlob(_resolve, 'image/jpeg', 0.8)
+			);
+			const colorsRGB = colors.map((color) => d3.rgb(...(color as [number, number, number])));
+			resolve({
+				colors: sortColors(colorsRGB),
+				imgBlob
+			});
+		};
+		img.src = base64image;
+	});
+}
+
+export async function uploadImage(imagBlob: Blob, prompt: string): string {
+	// simple regex slugify string	for file name
+	const promptSlug = slugify(prompt);
+	const UPLOAD_URL = dev ? 'moon/uploads' : 'https://huggingface.co/uploads';
+
+	const hash = crypto.randomUUID().split('-')[0];
+	const fileName = `color-palette-${hash}-${promptSlug}.jpeg`;
+
+	const file = new File([imagBlob], fileName, { type: 'image/jpeg' });
+
+	console.log('uploading image', file);
+
+	const response = await fetch(UPLOAD_URL, {
+		method: 'POST',
+		headers: {
+			'Content-Type': file.type,
+			'X-Requested-With': 'XMLHttpRequest'
+		},
+		body: file /// <- File inherits from Blob
+	});
+	const url = await response.text();
+
+	console.log('uploaded images', url);
+	return url;
+}
+
+function slugify(text: string) {
+	if (!text) return '';
+	return text
+		.toString()
+		.toLowerCase()
+		.replace(/\s+/g, '-')
+		.replace(/[^\w\-]+/g, '')
+		.replace(/\-\-+/g, '-')
+		.replace(/^-+/, '')
+		.replace(/-+$/, '');
+}

frontend/src/routes/+layout.svelte

@@ -0,0 +1,5 @@
+<script>
+	import '../app.css';
+</script>
+
+<slot />

frontend/src/routes/+layout.ts

@@ -0,0 +1 @@
+export const prerender = true;

frontend/src/routes/+page.svelte

@@ -0,0 +1,307 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+	import type { ColorsPrompt, ColorsImage } from '$lib/types';
+	import { randomSeed, extractPalette, uploadImage } from '$lib/utils';
+	import { isLoading, loadingState } from '$lib/store';
+	import { PUBLIC_WS_ENDPOINT, PUBLIC_API} from '$env/static/public';
+	import Pallette from '$lib/Palette.svelte';
+	import ArrowRight from '$lib/ArrowRight.svelte';
+	import ArrowLeft from '$lib/ArrowLeft.svelte';
+
+	let promptsData: ColorsPrompt[] = [];
+	let prompt: string;
+	let promptInputEl: HTMLElement;
+
+	onMount(() => {
+		fetchData();
+		const interval = window.setInterval(fetchData, 5000);
+		return () => {
+			clearInterval(interval);
+		};
+	});
+
+	async function fetchData() {
+		const palettes = await fetch(PUBLIC_API + '/data').then((d) => d.json());
+		if (!promptsData || palettes?.length > promptsData?.length) {
+			promptsData = sortData(palettes);
+		}
+	}
+
+	$: promptsTotal = promptsData?.length || null;
+
+	let page: number = 0;
+	const maxPerPage: number = 10;
+	$: totalPages = Math.ceil(promptsData?.length / maxPerPage) || 0;
+	$: promptsDataPage = [...promptsData].slice(page * maxPerPage, (page + 1) * maxPerPage);
+	let pagesLinks: number[] = [];
+	$: if (totalPages) {
+		const pagesNums = Array(totalPages)
+			.fill([])
+			.map((_, i) => ({ value: i, label: i + 1 }));
+		pagesLinks = pagesNums
+			.slice(0, 3)
+			.concat([{ value: -1, label: '...' }])
+			.concat(pagesNums.length > 3 ? pagesNums.slice(-1) : []);
+		console.log(pagesLinks);
+	}
+
+	function sortData(_promptData: ColorsPrompt[]) {
+		return _promptData
+			.sort((a, b) => b.id - a.id)
+			.map((p) => p.data)
+			.filter((d) => d.images.length > 0);
+	}
+	async function savePaletteDB(colorPrompt: ColorsPrompt) {
+		try {
+			const newPalettes: ColorsPrompt[] = await fetch(PUBLIC_API + '/new_palette', {
+				method: 'POST',
+				headers: {
+					'Content-Type': 'application/json'
+				},
+				body: JSON.stringify({
+					prompt: colorPrompt.prompt,
+					images: colorPrompt.images.map((i) => ({
+						imgURL: i.imgURL,
+						colors: i.colors.map((c) => c.formatHex())
+					}))
+				})
+			}).then((d) => d.json());
+
+			promptsData = sortData(newPalettes);
+		} catch (e) {
+			console.error(e);
+		}
+	}
+
+	async function generatePalette(_prompt: string) {
+		if (!_prompt || $isLoading == true) return;
+		$loadingState = 'Pending';
+		$isLoading = true;
+
+		const sessionHash = crypto.randomUUID();
+
+		const hashpayload = {
+			fn_index: 2,
+			session_hash: sessionHash
+		};
+
+		const datapayload = {
+			data: [_prompt]
+		};
+
+		const websocket = new WebSocket(PUBLIC_WS_ENDPOINT);
+		// websocket.onopen = async function (event) {
+		// 	websocket.send(JSON.stringify({ hash: sessionHash }));
+		// };
+		websocket.onclose = (evt) => {
+			if (!evt.wasClean) {
+				$loadingState = 'Error';
+				$isLoading = false;
+			}
+		};
+		websocket.onmessage = async function (event) {
+			try {
+				const data = JSON.parse(event.data);
+				$loadingState = '';
+				switch (data.msg) {
+					case 'send_hash':
+						websocket.send(JSON.stringify(hashpayload));
+						break;
+					case 'send_data':
+						$loadingState = 'Sending Data';
+						websocket.send(JSON.stringify({ ...hashpayload, ...datapayload }));
+						break;
+					case 'queue_full':
+						$loadingState = 'Queue full';
+						websocket.close();
+						$isLoading = false;
+						return;
+					case 'estimation':
+						const { msg, rank, queue_size } = data;
+						$loadingState = `On queue ${rank}/${queue_size}`;
+						break;
+					case 'process_generating':
+						$loadingState = data.success ? 'Generating' : 'Error';
+						break;
+					case 'process_completed':
+						try {
+							const images = await extractColorsImages(data.output.data[0], _prompt);
+							savePaletteDB({
+								prompt: _prompt,
+								images
+							});
+							$loadingState = data.success ? 'Complete' : 'Error';
+						} catch (e) {
+							$loadingState = e.message;
+						}
+						websocket.close();
+						$isLoading = false;
+						return;
+					case 'process_starts':
+						$loadingState = 'Processing';
+						break;
+				}
+			} catch (e) {
+				console.error(e);
+				$isLoading = false;
+				$loadingState = 'Error';
+			}
+		};
+	}
+	async function extractColorsImages(images: string[], _prompt: string): Promise<ColorsImage[]> {
+		const nsfwColors = ['#040404', '#B7B7B7', '#565656', '#747474', '#6C6C6C'];
+
+		const colorImages = [];
+		let isNSFW = false;
+		for (const base64img of images) {
+			const { colors, imgBlob } = await extractPalette(base64img);
+			if (
+				!colors.map((color) => color.formatHex().toUpperCase()).every((c) => nsfwColors.includes(c))
+			) {
+				const url = await uploadImage(imgBlob, _prompt);
+				const colorsImage: ColorsImage = {
+					colors,
+					imgURL: url
+				};
+				colorImages.push(colorsImage);
+			} else {
+				isNSFW = true;
+			}
+		}
+
+		if (colorImages.length === 0 && isNSFW) {
+			console.error('Possible NSFW image');
+			throw new Error('Possible NSFW image');
+		}
+		return colorImages;
+	}
+	function remix(e: CustomEvent) {
+		prompt = e.detail.prompt;
+		promptInputEl.scrollIntoView({ behavior: 'smooth' });
+		scrollTop();
+	}
+	function scrollTop() {
+		window.scrollTo(0, 0);
+		if ('parentIFrame' in window) {
+			window.parentIFrame.scrollTo(0, promptInputEl.offsetTop);
+		}
+	}
+</script>
+
+<div class="max-w-screen-md mx-auto px-3 py-8 relative z-0">
+	<h1 class="text-3xl font-bold leading-normal">Palette generation with Stable Diffusion</h1>
+	<p class="text-sm">
+		Original ideas:
+
+		<a
+			class="link"
+			target="_blank"
+			rel="nofollow noopener"
+			href="https://twitter.com/mattdesl/status/1569457653298139136"
+		>
+			Matt DesLauriers
+		</a>,
+		<a class="link" href="https://drib.net/homage"> dribnet </a>
+	</p>
+	<div class="relative top-0 z-50 bg-white dark:bg-black py-3">
+		<form class="grid grid-cols-6" on:submit|preventDefault={() => generatePalette(prompt)}>
+			<input
+				bind:this={promptInputEl}
+				class="input"
+				placeholder="A photo of a beautiful sunset in San Francisco"
+				title="Input prompt to generate image and obtain palette"
+				type="text"
+				name="prompt"
+				bind:value={prompt}
+				disabled={$isLoading}
+			/>
+			<button
+				class="button"
+				on:click|preventDefault={() => generatePalette(prompt)}
+				disabled={$isLoading}
+				title="Generate Palette"
+			>
+				Create Palette
+			</button>
+		</form>
+		{#if $loadingState}
+			<h3 class="text-xs font-bold ml-3 inline-block">{$loadingState}</h3>
+			{#if $isLoading}
+				<svg
+					xmlns="http://www.w3.org/2000/svg"
+					fill="none"
+					viewBox="0 0 24 24"
+					class="animate-spin max-w-[1rem] inline-block"
+				>
+					<path
+						fill="currentColor"
+						d="M20 12a8 8 0 0 1-8 8v4a12 12 0 0 0 12-12h-4Zm-2-5.3a8 8 0 0 1 2 5.3h4c0-3-1.1-5.8-3-8l-3 2.7Z"
+					/>
+				</svg>
+			{/if}
+		{/if}
+	</div>
+
+	<div class="flex items-center gap-4 my-10">
+		<div class="font-bold text-sm">
+			{promptsTotal ? `${promptsTotal} submitted palettes` : 'Loading...'}
+		</div>
+		<div class="grow border-b border-gray-200" />
+	</div>
+
+	{#if promptsDataPage}
+		<div>
+			{#each promptsDataPage as promptData}
+				<Pallette {promptData} on:remix={remix} />
+				<div class="border-b border-gray-200 py-2" />
+			{/each}
+		</div>
+		<nav role="navigation">
+			<ul
+				class="items-center sm:justify-center space-x-2  select-none w-full flex justify-center mt-6 mb-4"
+			>
+				<li />
+				<li>
+					<a
+						on:click|preventDefault={() => {
+							page = page - 1 < 0 ? 0 : page - 1;
+							scrollTop();
+						}}
+						class="px-2.5 py-1 hover:bg-gray-50 dark:hover:bg-gray-800 flex items-center rounded-lg"
+						href="#"
+						><ArrowLeft /> Previous
+					</a>
+				</li>
+				<li class="text-sm">
+					<span class="inline-block min-w-[3ch] text-right">{page + 1} </span>/<span
+						class="inline-block min-w-[3ch]"
+						>{totalPages}
+					</span>
+				</li>
+				<li>
+					<a
+						on:click|preventDefault={() => {
+							page = page + 1 >= totalPages - 1 ? totalPages - 1 : page + 1;
+							scrollTop();
+						}}
+						class="px-2.5 py-1 hover:bg-gray-50 dark:hover:bg-gray-800 flex items-center rounded-lg"
+						href="#"
+						>Next <ArrowRight />
+					</a>
+				</li>
+			</ul>
+		</nav>
+	{/if}
+</div>
+
+<style lang="postcss" scoped>
+	.link {
+		@apply text-xs underline font-bold hover:no-underline hover:text-gray-500 visited:text-gray-500;
+	}
+	.input {
+		@apply text-sm disabled:opacity-50 col-span-4 md:col-span-5 italic dark:placeholder:text-black placeholder:text-white text-white dark:text-black placeholder:text-opacity-30 dark:placeholder:text-opacity-10 dark:bg-white bg-slate-900 border-2 border-black rounded-2xl px-2 shadow-sm focus:outline-none focus:border-gray-400 focus:ring-1;
+	}
+	.button {
+		@apply disabled:opacity-50 col-span-2 md:col-span-1 dark:bg-white dark:text-black border-2 border-black rounded-2xl ml-2 px-2 py-2  text-xs shadow-sm font-bold focus:outline-none focus:border-gray-400;
+	}
+</style>

frontend/static/robots.txt

@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:

frontend/svelte.config.js

@@ -0,0 +1,26 @@
+import adapter from '@sveltejs/adapter-static';
+import preprocess from 'svelte-preprocess';
+
+const dev = process.env.NODE_ENV === 'development';
+console.log(dev)
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+	preprocess: [
+		preprocess({
+			postcss: true
+		})
+	],
+	kit: {
+		paths: {
+			base: '/static'
+		},
+		adapter: adapter({
+			pages: 'build',
+			assets: 'build',
+			fallback: null,
+			precompress: false
+		})
+	}
+};
+
+export default config;

frontend/tailwind.config.cjs

@@ -0,0 +1,6 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+	content: ['./src/**/*.{html,js,svelte,ts}'],
+	theme: {},
+	plugins: [require('@tailwindcss/forms'), require('@tailwindcss/line-clamp')]
+};

frontend/tsconfig.json

@@ -0,0 +1,17 @@
+{
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true
+	}
+	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
+	//
+	// 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
+}

frontend/vite.config.dev.ts

@@ -0,0 +1,18 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import type { UserConfig } from 'vite';
+
+const config: UserConfig = {
+	plugins: [sveltekit()],
+	server: {
+		proxy: {
+			'/moon': {
+				target: 'https://huggingface.co',
+				changeOrigin: true,
+				cookieDomainRewrite: 'localhost',
+				rewrite: (path) => path.replace(/^\/moon/, '')
+			}
+		}
+	}
+};
+
+export default config;

frontend/vite.config.ts

@@ -0,0 +1,8 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import type { UserConfig } from 'vite';
+
+const config: UserConfig = {
+	plugins: [sveltekit()]
+};
+
+export default config;

requirements.txt

@@ -0,0 +1,8 @@
+datasets
+flask
+flask_cors
+flask_expects_json
+requests
+Pillow
+gradio
+Flask-APScheduler

run.py

@@ -0,0 +1,3 @@
+import subprocess
+
+subprocess.run(["make", "build-all"], shell=False)

static/_app/immutable/assets/_layout-e397cbf6.css

@@ -0,0 +1 @@
+*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[type=text],[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple]{background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0px}.top-0{top:0px}.z-0{z-index:0}.z-50{z-index:50}.col-span-6{grid-column:span 6 / span 6}.col-span-4{grid-column:span 4 / span 4}.col-span-2{grid-column:span 2 / span 2}.row-start-1{grid-row-start:1}.row-start-3{grid-row-start:3}.row-start-2{grid-row-start:2}.row-start-4{grid-row-start:4}.m-1{margin:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.mr-1\.5{margin-right:.375rem}.mr-1{margin-right:.25rem}.ml-1\.5{margin-left:.375rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mt-6{margin-top:1.5rem}.mb-4{margin-bottom:1rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.aspect-square{aspect-ratio:1 / 1}.h-3{height:.75rem}.w-full{width:100%}.w-3{width:.75rem}.min-w-\[9ch\]{min-width:9ch}.min-w-\[3ch\]{min-width:3ch}.max-w-full{max-width:100%}.max-w-prose{max-width:65ch}.max-w-\[100px\]{max-width:100px}.max-w-screen-md{max-width:768px}.max-w-\[1rem\]{max-width:1rem}.grow{flex-grow:1}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@-webkit-keyframes spin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-around{justify-content:space-around}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.rounded-full{border-radius:9999px}.rounded-2xl{border-radius:1rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity))}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.pl-1{padding-left:.25rem}.pb-3{padding-bottom:.75rem}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem;line-height:1rem}.text-base{font-size:1rem;line-height:1.5rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-normal{line-height:1.5}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.placeholder\:text-white::-moz-placeholder{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.placeholder\:text-white::placeholder{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.placeholder\:text-opacity-30::-moz-placeholder{--tw-text-opacity: .3}.placeholder\:text-opacity-30::placeholder{--tw-text-opacity: .3}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.hover\:text-gray-500:hover{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.hover\:no-underline:hover{text-decoration-line:none}.focus\:border-gray-400:focus{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:opacity-50:disabled{opacity:.5}@media (prefers-color-scheme: dark){.dark\:border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.dark\:bg-\[rgb\(11\,15\,25\)\]{--tw-bg-opacity: 1;background-color:rgb(11 15 25 / var(--tw-bg-opacity))}.dark\:bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.dark\:bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.dark\:bg-slate-300{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity))}.dark\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.dark\:placeholder\:text-black::-moz-placeholder{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.dark\:placeholder\:text-black::placeholder{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.dark\:placeholder\:text-opacity-10::-moz-placeholder{--tw-text-opacity: .1}.dark\:placeholder\:text-opacity-10::placeholder{--tw-text-opacity: .1}.dark\:hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}}@media (min-width: 640px){.sm\:justify-center{justify-content:center}}@media (min-width: 768px){.md\:col-span-4{grid-column:span 4 / span 4}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-5{grid-column:span 5 / span 5}.md\:col-span-1{grid-column:span 1 / span 1}.md\:col-start-5{grid-column-start:5}.md\:row-start-2{grid-row-start:2}.md\:justify-end{justify-content:flex-end}}

static/_app/immutable/assets/_page-fd1176fc.css

@@ -0,0 +1 @@
+.button.svelte-8zu88a{margin-left:.5rem;min-width:9ch;border-radius:1rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));padding:.5rem;font-size:.75rem;line-height:1rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity));--tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.button.svelte-8zu88a:focus{--tw-border-opacity:1;border-color:rgb(156 163 175 / var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px}@media (prefers-color-scheme: dark){.button.svelte-8zu88a{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}}.link.svelte-zbscw1{font-size:.75rem;line-height:1rem;font-weight:700;text-decoration-line:underline}.link.svelte-zbscw1:visited{color:#6b7280}.link.svelte-zbscw1:hover{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity));text-decoration-line:none}.input.svelte-zbscw1{grid-column:span 4 / span 4;border-radius:1rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(15 23 42 / var(--tw-bg-opacity));padding-left:.5rem;padding-right:.5rem;font-size:.875rem;line-height:1.25rem;font-style:italic;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity));--tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.input.svelte-zbscw1::-moz-placeholder{color:rgb(255 255 255 / var(--tw-text-opacity));--tw-text-opacity:.3 }.input.svelte-zbscw1::placeholder{color:rgb(255 255 255 / var(--tw-text-opacity));--tw-text-opacity:.3 }.input.svelte-zbscw1:focus{--tw-border-opacity:1;border-color:rgb(156 163 175 / var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.input.svelte-zbscw1:disabled{opacity:.5}@media (prefers-color-scheme: dark){.input.svelte-zbscw1{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.input.svelte-zbscw1::-moz-placeholder{color:rgb(0 0 0 / var(--tw-text-opacity));--tw-text-opacity:.1 }.input.svelte-zbscw1::placeholder{color:rgb(0 0 0 / var(--tw-text-opacity));--tw-text-opacity:.1 }}@media (min-width: 768px){.input.svelte-zbscw1{grid-column:span 5 / span 5}}.button.svelte-zbscw1{grid-column:span 2 / span 2;margin-left:.5rem;border-radius:1rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity));padding:.5rem;font-size:.75rem;line-height:1rem;font-weight:700;--tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.button.svelte-zbscw1:focus{--tw-border-opacity:1;border-color:rgb(156 163 175 / var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px}.button.svelte-zbscw1:disabled{opacity:.5}@media (prefers-color-scheme: dark){.button.svelte-zbscw1{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}}@media (min-width: 768px){.button.svelte-zbscw1{grid-column:span 1 / span 1}}

static/_app/immutable/chunks/0-17a4fec1.js

@@ -0,0 +1 @@
+import{_ as r}from"./_layout-1daba58d.js";import{default as t}from"../components/pages/_layout.svelte-55da5a4f.js";export{t as component,r as shared};

static/_app/immutable/chunks/1-26e94021.js

@@ -0,0 +1 @@
+import{default as t}from"../components/error.svelte-c31c95c4.js";export{t as component};

static/_app/immutable/chunks/2-fc64cbc2.js

@@ -0,0 +1 @@
+import{default as t}from"../components/pages/_page.svelte-3643b29c.js";export{t as component};

static/_app/immutable/chunks/_layout-1daba58d.js

@@ -0,0 +1 @@
+const e=!0,r=Object.freeze(Object.defineProperty({__proto__:null,prerender:!0},Symbol.toStringTag,{value:"Module"}));export{r as _,e as p};

static/_app/immutable/chunks/index-3bda1050.js

@@ -0,0 +1 @@
+import{A as f,s as l}from"./index-5559954d.js";const e=[];function h(n,u=f){let o;const i=new Set;function r(t){if(l(n,t)&&(n=t,o)){const c=!e.length;for(const s of i)s[1](),e.push(s,n);if(c){for(let s=0;s<e.length;s+=2)e[s][0](e[s+1]);e.length=0}}}function b(t){r(t(n))}function p(t,c=f){const s=[t,c];return i.add(s),i.size===1&&(o=u(r)||f),t(n),()=>{i.delete(s),i.size===0&&(o(),o=null)}}return{set:r,update:b,subscribe:p}}export{h as w};

static/_app/immutable/chunks/index-5559954d.js

@@ -0,0 +1 @@
+function S(){}function H(t,n){for(const e in n)t[e]=n[e];return t}function B(t){return t()}function M(){return Object.create(null)}function p(t){t.forEach(B)}function I(t){return typeof t=="function"}function st(t,n){return t!=t?n==n:t!==n||t&&typeof t=="object"||typeof t=="function"}let g;function ot(t,n){return g||(g=document.createElement("a")),g.href=n,t===g.href}function G(t){return Object.keys(t).length===0}function J(t,...n){if(t==null)return S;const e=t.subscribe(...n);return e.unsubscribe?()=>e.unsubscribe():e}function at(t,n,e){t.$$.on_destroy.push(J(n,e))}function ft(t,n,e,i){if(t){const r=D(t,n,e,i);return t[0](r)}}function D(t,n,e,i){return t[1]&&i?H(e.ctx.slice(),t[1](i(n))):e.ctx}function _t(t,n,e,i){if(t[2]&&i){const r=t[2](i(e));if(n.dirty===void 0)return r;if(typeof r=="object"){const o=[],c=Math.max(n.dirty.length,r.length);for(let s=0;s<c;s+=1)o[s]=n.dirty[s]|r[s];return o}return n.dirty|r}return n.dirty}function dt(t,n,e,i,r,o){if(r){const c=D(n,e,i,o);t.p(c,r)}}function ht(t){if(t.ctx.length>32){const n=[],e=t.ctx.length/32;for(let i=0;i<e;i++)n[i]=-1;return n}return-1}function mt(t,n,e){return t.set(e),n}let $=!1;function K(){$=!0}function Q(){$=!1}function R(t,n,e,i){for(;t<n;){const r=t+(n-t>>1);e(r)<=i?t=r+1:n=r}return t}function W(t){if(t.hydrate_init)return;t.hydrate_init=!0;let n=t.childNodes;if(t.nodeName==="HEAD"){const u=[];for(let l=0;l<n.length;l++){const f=n[l];f.claim_order!==void 0&&u.push(f)}n=u}const e=new Int32Array(n.length+1),i=new Int32Array(n.length);e[0]=-1;let r=0;for(let u=0;u<n.length;u++){const l=n[u].claim_order,f=(r>0&&n[e[r]].claim_order<=l?r+1:R(1,r,y=>n[e[y]].claim_order,l))-1;i[u]=e[f]+1;const a=f+1;e[a]=u,r=Math.max(a,r)}const o=[],c=[];let s=n.length-1;for(let u=e[r]+1;u!=0;u=i[u-1]){for(o.push(n[u-1]);s>=u;s--)c.push(n[s]);s--}for(;s>=0;s--)c.push(n[s]);o.reverse(),c.sort((u,l)=>u.claim_order-l.claim_order);for(let u=0,l=0;u<c.length;u++){for(;l<o.length&&c[u].claim_order>=o[l].claim_order;)l++;const f=l<o.length?o[l]:null;t.insertBefore(c[u],f)}}function U(t,n){if($){for(W(t),(t.actual_end_child===void 0||t.actual_end_child!==null&&t.actual_end_child.parentNode!==t)&&(t.actual_end_child=t.firstChild);t.actual_end_child!==null&&t.actual_end_child.claim_order===void 0;)t.actual_end_child=t.actual_end_child.nextSibling;n!==t.actual_end_child?(n.claim_order!==void 0||n.parentNode!==t)&&t.insertBefore(n,t.actual_end_child):t.actual_end_child=n.nextSibling}else(n.parentNode!==t||n.nextSibling!==null)&&t.appendChild(n)}function pt(t,n,e){$&&!e?U(t,n):(n.parentNode!==t||n.nextSibling!=e)&&t.insertBefore(n,e||null)}function V(t){t.parentNode.removeChild(t)}function yt(t,n){for(let e=0;e<t.length;e+=1)t[e]&&t[e].d(n)}function X(t){return document.createElement(t)}function Y(t){return document.createElementNS("http://www.w3.org/2000/svg",t)}function A(t){return document.createTextNode(t)}function gt(){return A(" ")}function xt(){return A("")}function bt(t,n,e,i){return t.addEventListener(n,e,i),()=>t.removeEventListener(n,e,i)}function vt(t){return function(n){return n.preventDefault(),t.call(this,n)}}function $t(t,n,e){e==null?t.removeAttribute(n):t.getAttribute(n)!==e&&t.setAttribute(n,e)}function Z(t){return Array.from(t.childNodes)}function tt(t){t.claim_info===void 0&&(t.claim_info={last_index:0,total_claimed:0})}function L(t,n,e,i,r=!1){tt(t);const o=(()=>{for(let c=t.claim_info.last_index;c<t.length;c++){const s=t[c];if(n(s)){const u=e(s);return u===void 0?t.splice(c,1):t[c]=u,r||(t.claim_info.last_index=c),s}}for(let c=t.claim_info.last_index-1;c>=0;c--){const s=t[c];if(n(s)){const u=e(s);return u===void 0?t.splice(c,1):t[c]=u,r?u===void 0&&t.claim_info.last_index--:t.claim_info.last_index=c,s}}return i()})();return o.claim_order=t.claim_info.total_claimed,t.claim_info.total_claimed+=1,o}function O(t,n,e,i){return L(t,r=>r.nodeName===n,r=>{const o=[];for(let c=0;c<r.attributes.length;c++){const s=r.attributes[c];e[s.name]||o.push(s.name)}o.forEach(c=>r.removeAttribute(c))},()=>i(n))}function Et(t,n,e){return O(t,n,e,X)}function wt(t,n,e){return O(t,n,e,Y)}function nt(t,n){return L(t,e=>e.nodeType===3,e=>{const i=""+n;if(e.data.startsWith(i)){if(e.data.length!==i.length)return e.splitText(i.length)}else e.data=i},()=>A(n),!0)}function Nt(t){return nt(t," ")}function St(t,n){n=""+n,t.wholeText!==n&&(t.data=n)}function At(t,n){t.value=n==null?"":n}function jt(t,n,e,i){e===null?t.style.removeProperty(n):t.style.setProperty(n,e,i?"important":"")}function et(t,n,{bubbles:e=!1,cancelable:i=!1}={}){const r=document.createEvent("CustomEvent");return r.initCustomEvent(t,e,i,n),r}let m;function h(t){m=t}function j(){if(!m)throw new Error("Function called outside component initialization");return m}function Ct(t){j().$$.on_mount.push(t)}function kt(t){j().$$.after_update.push(t)}function Mt(){const t=j();return(n,e,{cancelable:i=!1}={})=>{const r=t.$$.callbacks[n];if(r){const o=et(n,e,{cancelable:i});return r.slice().forEach(c=>{c.call(t,o)}),!o.defaultPrevented}return!0}}const d=[],P=[],b=[],q=[],T=Promise.resolve();let w=!1;function z(){w||(w=!0,T.then(F))}function Pt(){return z(),T}function N(t){b.push(t)}const E=new Set;let x=0;function F(){const t=m;do{for(;x<d.length;){const n=d[x];x++,h(n),it(n.$$)}for(h(null),d.length=0,x=0;P.length;)P.pop()();for(let n=0;n<b.length;n+=1){const e=b[n];E.has(e)||(E.add(e),e())}b.length=0}while(d.length);for(;q.length;)q.pop()();w=!1,E.clear(),h(t)}function it(t){if(t.fragment!==null){t.update(),p(t.before_update);const n=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,n),t.after_update.forEach(N)}}const v=new Set;let _;function qt(){_={r:0,c:[],p:_}}function Bt(){_.r||p(_.c),_=_.p}function rt(t,n){t&&t.i&&(v.delete(t),t.i(n))}function Dt(t,n,e,i){if(t&&t.o){if(v.has(t))return;v.add(t),_.c.push(()=>{v.delete(t),i&&(e&&t.d(1),i())}),t.o(n)}else i&&i()}function Lt(t){t&&t.c()}function Ot(t,n){t&&t.l(n)}function ct(t,n,e,i){const{fragment:r,on_mount:o,on_destroy:c,after_update:s}=t.$$;r&&r.m(n,e),i||N(()=>{const u=o.map(B).filter(I);c?c.push(...u):p(u),t.$$.on_mount=[]}),s.forEach(N)}function ut(t,n){const e=t.$$;e.fragment!==null&&(p(e.on_destroy),e.fragment&&e.fragment.d(n),e.on_destroy=e.fragment=null,e.ctx=[])}function lt(t,n){t.$$.dirty[0]===-1&&(d.push(t),z(),t.$$.dirty.fill(0)),t.$$.dirty[n/31|0]|=1<<n%31}function Tt(t,n,e,i,r,o,c,s=[-1]){const u=m;h(t);const l=t.$$={fragment:null,ctx:null,props:o,update:S,not_equal:r,bound:M(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(n.context||(u?u.$$.context:[])),callbacks:M(),dirty:s,skip_bound:!1,root:n.target||u.$$.root};c&&c(l.root);let f=!1;if(l.ctx=e?e(t,n.props||{},(a,y,...C)=>{const k=C.length?C[0]:y;return l.ctx&&r(l.ctx[a],l.ctx[a]=k)&&(!l.skip_bound&&l.bound[a]&&l.bound[a](k),f&&lt(t,a)),y}):[],l.update(),f=!0,p(l.before_update),l.fragment=i?i(l.ctx):!1,n.target){if(n.hydrate){K();const a=Z(n.target);l.fragment&&l.fragment.l(a),a.forEach(V)}else l.fragment&&l.fragment.c();n.intro&&rt(t.$$.fragment),ct(t,n.target,n.anchor,n.customElement),Q(),F()}h(u)}class zt{$destroy(){ut(this,1),this.$destroy=S}$on(n,e){const i=this.$$.callbacks[n]||(this.$$.callbacks[n]=[]);return i.push(e),()=>{const r=i.indexOf(e);r!==-1&&i.splice(r,1)}}$set(n){this.$$set&&!G(n)&&(this.$$.skip_bound=!0,this.$$set(n),this.$$.skip_bound=!1)}}export{S as A,ft as B,dt as C,ht as D,_t as E,U as F,at as G,yt as H,Y as I,wt as J,bt as K,ot as L,p as M,Mt as N,At as O,vt as P,mt as Q,P as R,zt as S,gt as a,pt as b,Nt as c,Bt as d,xt as e,rt as f,qt as g,V as h,Tt as i,kt as j,X as k,Et as l,Z as m,$t as n,Ct as o,jt as p,A as q,nt as r,st as s,Dt as t,St as u,Lt as v,Ot as w,ct as x,ut as y,Pt as z};

static/_app/immutable/chunks/singletons-e4c31a41.js

@@ -0,0 +1 @@
+import{w as u}from"./index-3bda1050.js";let f="",b="";function g(n){f=n.base,b=n.assets||f}function m(n){let e=n.baseURI;if(!e){const t=n.getElementsByTagName("base");e=t.length?t[0].href:n.URL}return e}function _(){return{x:pageXOffset,y:pageYOffset}}function k(n){let e,t=null,r=null,a=null;for(const s of n.composedPath())s instanceof Element&&(!e&&s.nodeName.toUpperCase()==="A"&&(e=s),t===null&&(t=l(s,"data-sveltekit-noscroll")),r===null&&(r=l(s,"data-sveltekit-prefetch")),a===null&&(a=l(s,"data-sveltekit-reload")));const o=e&&new URL(e instanceof SVGAElement?e.href.baseVal:e.href,document.baseURI);return{a:e,url:o,options:{noscroll:t,prefetch:r,reload:a}}}function l(n,e){const t=n.getAttribute(e);return t===null?t:t===""?!0:(t==="off",!1)}function d(n){const e=u(n);let t=!0;function r(){t=!0,e.update(s=>s)}function a(s){t=!1,e.set(s)}function o(s){let i;return e.subscribe(c=>{(i===void 0||t&&c!==i)&&s(i=c)})}return{notify:r,set:a,subscribe:o}}function p(){const{set:n,subscribe:e}=u(!1);let t;async function r(){clearTimeout(t);const a=await fetch(`${b}/_app/version.json`,{headers:{pragma:"no-cache","cache-control":"no-cache"}});if(a.ok){const{version:o}=await a.json(),s=o!=="1666722090902";return s&&(n(!0),clearTimeout(t)),s}else throw new Error(`Version check failed: ${a.status}`)}return{subscribe:e,check:r}}function v(n){n.client}const w={url:d({}),page:d({}),navigating:u(null),updated:p()};export{_ as a,g as b,k as f,m as g,v as i,w as s};

static/_app/immutable/components/error.svelte-c31c95c4.js

@@ -0,0 +1 @@
+import{S as A,i as C,s as F,k as v,q as k,a as h,e as q,l as g,m as E,r as $,h as p,c as R,b as u,F as P,u as S,A as w,G}from"../chunks/index-5559954d.js";import{s as H}from"../chunks/singletons-e4c31a41.js";const O=()=>{const t=H,s={page:{subscribe:t.page.subscribe},navigating:{subscribe:t.navigating.subscribe},updated:t.updated};return Object.defineProperties(s,{preloading:{get(){return console.error("stores.preloading is deprecated; use stores.navigating instead"),{subscribe:t.navigating.subscribe}},enumerable:!1},session:{get(){return B(),{}},enumerable:!1}}),s},z={subscribe(t){return O().page.subscribe(t)}};function B(){throw new Error("stores.session is no longer available. See https://github.com/sveltejs/kit/discussions/5883")}function N(t){let s,i=t[0].error.frame+"",o;return{c(){s=v("pre"),o=k(i)},l(r){s=g(r,"PRE",{});var a=E(s);o=$(a,i),a.forEach(p)},m(r,a){u(r,s,a),P(s,o)},p(r,a){a&1&&i!==(i=r[0].error.frame+"")&&S(o,i)},d(r){r&&p(s)}}}function y(t){let s,i=t[0].error.stack+"",o;return{c(){s=v("pre"),o=k(i)},l(r){s=g(r,"PRE",{});var a=E(s);o=$(a,i),a.forEach(p)},m(r,a){u(r,s,a),P(s,o)},p(r,a){a&1&&i!==(i=r[0].error.stack+"")&&S(o,i)},d(r){r&&p(s)}}}function D(t){let s,i=t[0].status+"",o,r,a,b=t[0].error.message+"",_,d,c,m,l=t[0].error.frame&&N(t),n=t[0].error.stack&&y(t);return{c(){s=v("h1"),o=k(i),r=h(),a=v("pre"),_=k(b),d=h(),l&&l.c(),c=h(),n&&n.c(),m=q()},l(e){s=g(e,"H1",{});var f=E(s);o=$(f,i),f.forEach(p),r=R(e),a=g(e,"PRE",{});var j=E(a);_=$(j,b),j.forEach(p),d=R(e),l&&l.l(e),c=R(e),n&&n.l(e),m=q()},m(e,f){u(e,s,f),P(s,o),u(e,r,f),u(e,a,f),P(a,_),u(e,d,f),l&&l.m(e,f),u(e,c,f),n&&n.m(e,f),u(e,m,f)},p(e,[f]){f&1&&i!==(i=e[0].status+"")&&S(o,i),f&1&&b!==(b=e[0].error.message+"")&&S(_,b),e[0].error.frame?l?l.p(e,f):(l=N(e),l.c(),l.m(c.parentNode,c)):l&&(l.d(1),l=null),e[0].error.stack?n?n.p(e,f):(n=y(e),n.c(),n.m(m.parentNode,m)):n&&(n.d(1),n=null)},i:w,o:w,d(e){e&&p(s),e&&p(r),e&&p(a),e&&p(d),l&&l.d(e),e&&p(c),n&&n.d(e),e&&p(m)}}}function I(t,s,i){let o;return G(t,z,r=>i(0,o=r)),[o]}class L extends A{constructor(s){super(),C(this,s,I,D,F,{})}}export{L as default};