@e280/sly 0.0.0-4 → 0.0.0-6

package/x/demo/demo.css

@@ -5,6 +5,7 @@
 	:root {
 		--prime: #1eff00;
 		--accent: #387d42;
+		--pill: #1276391a;
 		--bg: #0e2316;
 		--link: cyan;
 	}
@@ -51,15 +52,13 @@
 
 @layer page {
 	:root {
-		color-scheme: dark;
-
-		padding: 5vw 0.5em;
-		min-height: 100%;
-		scrollbar-gutter: stable;
-
+		height: 100%;
 		font-size: 21px;
 		font-family: sans-serif;
 
+		color-scheme: dark;
+		scrollbar-gutter: stable;
+
 		color: color-mix(in lch, var(--prime), #fff8 50%);
 		background: radial-gradient(
 			circle,
@@ -69,6 +68,13 @@
 	}
 
 	body {
+		width: 100%;
+		min-height: 100%;
+		max-width: 32em;
+		margin: auto;
+		padding: 1em;
+		padding-bottom: 6em;
+
 		display: flex;
 		flex-direction: column;
 		align-items: center;
@@ -88,6 +94,10 @@
 		font-size: 0.8em;
 	}
 
+	.demo {
+		width: 100%;
+	}
+
 	:not(:defined) {
 		display: none;
 	}

package/x/demo/views/counter.d.ts

@@ -0,0 +1 @@
+export declare const CounterView: import("../../index.js").View<[]>;

package/x/demo/views/counter.js

@@ -0,0 +1,34 @@
+import { css, html } from "lit";
+import { repeat } from "@e280/stz";
+import { view } from "../../features/views/view.js";
+import { cssReset } from "../../features/views/css-reset.js";
+export const CounterView = view(use => () => {
+    use.name("counter");
+    use.styles(cssReset, styles);
+    const start = use.once(() => Date.now());
+    const seconds = use.signal(0);
+    use.mount(() => repeat(async () => {
+        const since = Date.now() - start;
+        seconds(Math.floor(since / 1000));
+    }));
+    const count = use.signal(0);
+    const increment = () => count(count() + 1);
+    return html `
+		<div>
+			<span>${seconds()}</span>
+		</div>
+		<div>
+			<span>${count()}</span>
+			<button @click="${increment}">+</button>
+		</div>
+	`;
+});
+const styles = css `
+:host {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	text-align: center;
+}
+`;
+//# sourceMappingURL=counter.js.map

package/x/demo/views/counter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"counter.js","sourceRoot":"","sources":["../../../s/demo/views/counter.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAA;AAEhC,OAAO,EAAC,IAAI,EAAC,MAAM,8BAA8B,CAAA;AACjD,OAAO,EAAC,QAAQ,EAAC,MAAM,mCAAmC,CAAA;AAE1D,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE;IAC3C,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IACnB,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IAE5B,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAA;IACxC,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;IAE7B,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,IAAG,EAAE;QAChC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK,CAAA;QAChC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAA;IAClC,CAAC,CAAC,CAAC,CAAA;IAEH,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;IAC3B,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAA;IAE1C,OAAO,IAAI,CAAA;;WAED,OAAO,EAAE;;;WAGT,KAAK,EAAE;qBACG,SAAS;;EAE5B,CAAA;AACF,CAAC,CAAC,CAAA;AAEF,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;CAOjB,CAAA"}

package/x/demo/views/demo.d.ts

@@ -0,0 +1 @@
+export declare const DemoView: import("../../index.js").View<[]>;

package/x/demo/views/demo.js

@@ -0,0 +1,21 @@
+import { css, html } from "lit";
+import { CounterView } from "./counter.js";
+import { LoadersView } from "./loaders.js";
+import { view } from "../../features/views/view.js";
+import { cssReset } from "../../features/views/css-reset.js";
+export const DemoView = view(use => () => {
+    use.name("demo");
+    use.styles(cssReset, styles);
+    return html `
+		${CounterView()}
+		${LoadersView()}
+	`;
+});
+const styles = css `
+:host {
+	display: flex;
+	flex-direction: column;
+	gap: 1em;
+}
+`;
+//# sourceMappingURL=demo.js.map

package/x/demo/views/demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"demo.js","sourceRoot":"","sources":["../../../s/demo/views/demo.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAA;AACxC,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAA;AACxC,OAAO,EAAC,IAAI,EAAC,MAAM,8BAA8B,CAAA;AACjD,OAAO,EAAC,QAAQ,EAAC,MAAM,mCAAmC,CAAA;AAE1D,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE;IACxC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IAChB,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IAE5B,OAAO,IAAI,CAAA;IACR,WAAW,EAAE;IACb,WAAW,EAAE;EACf,CAAA;AACF,CAAC,CAAC,CAAA;AAEF,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;CAMjB,CAAA"}

package/x/demo/views/loaders.d.ts

@@ -0,0 +1 @@
+export declare const LoadersView: import("../../index.js").View<[]>;

package/x/demo/views/loaders.js

@@ -0,0 +1,63 @@
+import { css, html } from "lit";
+import { Op } from "../../features/op/op.js";
+import { view } from "../../features/views/view.js";
+import { cssReset } from "../../features/views/css-reset.js";
+import { anims, makeLoader } from "../../features/op/loaders/make-loader.js";
+export const LoadersView = view(use => () => {
+    use.name("loaders");
+    use.styles(cssReset, styles);
+    const op = use.once(() => Op.loading());
+    const loaders = use.once(() => Object.entries(anims).map(([key, anim]) => ({
+        key,
+        loader: makeLoader(anim)
+    })));
+    return loaders.map(({ key, loader }) => html `
+		<div data-anim="${key}">
+			<span>${key}</span>
+			<span>${loader(op, () => null)}</span>
+		</div>
+	`);
+});
+const styles = css `
+:host {
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	flex-wrap: wrap;
+
+	gap: 0.2em;
+	padding: 1em;
+
+	width: 100%;
+}
+
+div {
+	font-family: monospace;
+
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	text-align: center;
+
+	gap: 0.4em;
+	padding: 0.2em 0.5em;
+	background: var(--pill);
+	border-radius: 0.5em;
+
+	span:nth-child(1) {
+		font-size: 0.6em;
+	}
+
+	span:nth-child(2) {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+
+		font-size: 1.2em;
+		min-width: 7em;
+		min-height: 2.5em;
+	}
+}
+`;
+//# sourceMappingURL=loaders.js.map

package/x/demo/views/loaders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loaders.js","sourceRoot":"","sources":["../../../s/demo/views/loaders.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,EAAC,EAAE,EAAC,MAAM,yBAAyB,CAAA;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,8BAA8B,CAAA;AACjD,OAAO,EAAC,QAAQ,EAAC,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAC,KAAK,EAAE,UAAU,EAAC,MAAM,0CAA0C,CAAA;AAE1E,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE;IAC3C,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IACnB,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IAE5B,MAAM,EAAE,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,CAAA;IAEvC,MAAM,OAAO,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAC7B,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;QAC3C,GAAG;QACH,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC;KACxB,CAAC,CAAC,CACH,CAAA;IAED,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,EAAC,GAAG,EAAE,MAAM,EAAC,EAAE,EAAE,CAAC,IAAI,CAAA;oBACvB,GAAG;WACZ,GAAG;WACH,MAAM,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC;;EAE/B,CAAC,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCjB,CAAA"}

package/x/features/op/loaders/make-loader.d.ts

@@ -0,0 +1,5 @@
+import { Op } from "../op.js";
+import { Content } from "../../views/types.js";
+export * as anims from "./parts/anims.js";
+export type Loader = <V>(op: Op<V>, ready: (value: V) => Content) => Content;
+export declare function makeLoader(loading?: () => Content, error?: (error: any) => Content): Loader;

package/x/features/op/loaders/make-loader.js

@@ -0,0 +1,7 @@
+import { braille } from "./parts/anims.js";
+import { ErrorDisplay } from "./parts/error-display.js";
+export * as anims from "./parts/anims.js";
+export function makeLoader(loading = braille, error = (error) => ErrorDisplay(error)) {
+    return (op, ready) => op.select({ loading, ready, error });
+}
+//# sourceMappingURL=make-loader.js.map

package/x/features/op/loaders/make-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-loader.js","sourceRoot":"","sources":["../../../../s/features/op/loaders/make-loader.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,EAAC,MAAM,kBAAkB,CAAA;AAExC,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAA;AAErD,OAAO,KAAK,KAAK,MAAM,kBAAkB,CAAA;AAIzC,MAAM,UAAU,UAAU,CACxB,UAAyB,OAAO,EAChC,QAAiC,CAAC,KAAU,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC;IAGrE,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,EAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAC,CAAC,CAAA;AACzD,CAAC"}

package/x/features/op/loaders/parts/anims.d.ts

@@ -0,0 +1,34 @@
+import { Content } from "../../../views/types.js";
+export declare const spinner: () => Content;
+export declare const braille: () => Content;
+export declare const arrow: () => Content;
+export declare const bar: () => Content;
+export declare const bar2: () => Content;
+export declare const bar3: () => Content;
+export declare const bar4: () => Content;
+export declare const block: () => Content;
+export declare const block2: () => Content;
+export declare const runner: () => Content;
+export declare const pie: () => Content;
+export declare const cylon: () => Content;
+export declare const slider: () => Content;
+export declare const brackets: () => Content;
+export declare const brackets2: () => Content;
+export declare const dots: () => Content;
+export declare const dots2: () => Content;
+export declare const wave: () => Content;
+export declare const wavescrub: () => Content;
+export declare const wavepulse: () => Content;
+export declare const wavepulse2: () => Content;
+export declare const bin: () => Content;
+export declare const binary: () => Content;
+export declare const binary2: () => Content;
+export declare const pulseblue: () => Content;
+export declare const kiss: () => Content;
+export declare const clock: () => Content;
+export declare const fistbump: () => Content;
+export declare const earth: () => Content;
+export declare const lock: () => Content;
+export declare const bright: () => Content;
+export declare const speaker: () => Content;
+export declare const moon: () => Content;

package/x/features/op/loaders/parts/anims.js

@@ -0,0 +1,377 @@
+import { makeAsciiAnim } from "./ascii-anim.js";
+const fast = 20;
+const mid = 10;
+const slow = 4;
+export const spinner = makeAsciiAnim(fast, [
+    "|",
+    "/",
+    "-",
+    "\\",
+]);
+export const braille = makeAsciiAnim(fast, [
+    "⠈",
+    "⠐",
+    "⠠",
+    "⢀",
+    "⡀",
+    "⠄",
+    "⠂",
+    "⠁",
+]);
+export const arrow = makeAsciiAnim(fast, [
+    "⬆️",
+    "↗️",
+    "➡️",
+    "↘️",
+    "⬇️",
+    "↙️",
+    "⬅️",
+    "↖️",
+]);
+export const bar = makeAsciiAnim(fast, [
+    "▰▱▱▱▱",
+    "▰▱▱▱▱",
+    "▱▰▱▱▱",
+    "▱▱▰▱▱",
+    "▱▱▱▰▱",
+    "▱▱▱▱▰",
+    "▱▱▱▱▰",
+    "▱▱▱▰▱",
+    "▱▱▰▱▱",
+    "▱▰▱▱▱",
+]);
+export const bar2 = makeAsciiAnim(fast, [
+    "▱▱▰▱▱",
+    "▱▱▱▰▱",
+    "▱▱▱▰▰",
+    "▱▱▱▰▰",
+    "▱▱▱▱▰",
+    "▱▱▱▱▰",
+    "▱▱▱▱▰",
+    "▱▱▱▰▰",
+    "▱▱▱▰▰",
+    "▱▱▱▰▱",
+    "▱▱▰▱▱",
+    "▱▰▱▱▱",
+    "▰▰▱▱▱",
+    "▰▰▱▱▱",
+    "▰▱▱▱▱",
+    "▰▱▱▱▱",
+    "▰▱▱▱▱",
+    "▰▰▱▱▱",
+    "▰▰▱▱▱",
+    "▱▰▱▱▱",
+]);
+export const bar3 = makeAsciiAnim(fast, [
+    "▰▱▱▱▱",
+    "▰▱▱▱▱",
+    "▰▰▱▱▱",
+    "▰▰▰▱▱",
+    "▱▰▰▰▱",
+    "▱▱▰▰▰",
+    "▱▱▱▰▰",
+    "▱▱▱▱▰",
+    "▱▱▱▱▰",
+    "▱▱▱▰▰",
+    "▱▱▰▰▰",
+    "▱▰▰▰▱",
+    "▰▰▰▱▱",
+    "▰▰▱▱▱",
+]);
+export const bar4 = makeAsciiAnim(fast, [
+    "▱▱▱▱▱",
+    "▱▱▱▱▱",
+    "▰▱▱▱▱",
+    "▰▰▱▱▱",
+    "▰▰▰▱▱",
+    "▰▰▰▰▱",
+    "▰▰▰▰▰",
+    "▰▰▰▰▰",
+    "▱▰▰▰▰",
+    "▱▱▰▰▰",
+    "▱▱▱▰▰",
+    "▱▱▱▱▰",
+]);
+export const block = makeAsciiAnim(fast, [
+    "▁▁▁▁▁",
+    "▁▁▁▁▁",
+    "█▁▁▁▁",
+    "██▁▁▁",
+    "███▁▁",
+    "████▁",
+    "█████",
+    "█████",
+    "▁████",
+    "▁▁███",
+    "▁▁▁██",
+    "▁▁▁▁█",
+]);
+export const block2 = makeAsciiAnim(fast, [
+    "█▁▁▁▁",
+    "█▁▁▁▁",
+    "██▁▁▁",
+    "███▁▁",
+    "████▁",
+    "█████",
+    "█████",
+    "▁████",
+    "▁▁███",
+    "▁▁▁██",
+    "▁▁▁▁█",
+    "▁▁▁▁█",
+    "▁▁▁██",
+    "▁▁███",
+    "▁████",
+    "█████",
+    "█████",
+    "████▁",
+    "███▁▁",
+    "██▁▁▁",
+]);
+export const runner = makeAsciiAnim(slow, [
+    "🚶",
+    "🏃",
+]);
+export const pie = makeAsciiAnim(mid, [
+    "◷",
+    "◶",
+    "◵",
+    "◴",
+]);
+export const cylon = makeAsciiAnim(fast, [
+    "=----",
+    "-=---",
+    "--=--",
+    "---=-",
+    "----=",
+    "----=",
+    "---=-",
+    "--=--",
+    "-=---",
+    "=----",
+]);
+export const slider = makeAsciiAnim(fast, [
+    "o----",
+    "-o---",
+    "--o--",
+    "---o-",
+    "----o",
+    "----o",
+    "---o-",
+    "--o--",
+    "-o---",
+    "o----",
+]);
+export const brackets = makeAsciiAnim(mid, [
+    "[   ]",
+    "[   ]",
+    "[=  ]",
+    "[== ]",
+    "[===]",
+    "[ ==]",
+    "[  =]",
+]);
+export const brackets2 = makeAsciiAnim(mid, [
+    "[   ]",
+    "[   ]",
+    "[=  ]",
+    "[== ]",
+    "[===]",
+    "[ ==]",
+    "[  =]",
+    "[   ]",
+    "[   ]",
+    "[  =]",
+    "[ ==]",
+    "[===]",
+    "[== ]",
+    "[=  ]",
+]);
+export const dots = makeAsciiAnim(mid, [
+    "   ",
+    "   ",
+    ".  ",
+    ".. ",
+    "...",
+    " ..",
+    "  .",
+]);
+export const dots2 = makeAsciiAnim(fast, [
+    ".  ",
+    ".  ",
+    ".. ",
+    "...",
+    " ..",
+    "  .",
+    "  .",
+    " ..",
+    "...",
+    ".. ",
+]);
+export const wave = makeAsciiAnim(fast, [
+    ".....",
+    ".....",
+    ":....",
+    "::...",
+    ":::..",
+    "::::.",
+    ":::::",
+    ":::::",
+    ".::::",
+    "..:::",
+    "...::",
+    "....:",
+]);
+export const wavescrub = makeAsciiAnim(fast, [
+    ":....",
+    ":....",
+    "::...",
+    ".::..",
+    "..::.",
+    "...::",
+    "....:",
+    "....:",
+    "...::",
+    "..::.",
+    ".::..",
+    "::...",
+]);
+export const wavepulse = makeAsciiAnim(fast, [
+    ".....",
+    ".....",
+    "..:..",
+    ".:::.",
+    ".:::.",
+    ":::::",
+    ":::::",
+    "::.::",
+    ":...:",
+]);
+export const wavepulse2 = makeAsciiAnim(fast, [
+    ".....",
+    ".....",
+    "..:..",
+    ".:::.",
+    ".:::.",
+    ":::::",
+    ":::::",
+    "::.::",
+    ":...:",
+    ".....",
+    ".....",
+    ":...:",
+    "::.::",
+    ":::::",
+    ":::::",
+    ".:::.",
+    ".:::.",
+    "..:..",
+]);
+export const bin = makeAsciiAnim(fast, [
+    "000",
+    "100",
+    "110",
+    "111",
+    "011",
+    "001",
+]);
+export const binary = makeAsciiAnim(fast, [
+    "11111",
+    "01111",
+    "00111",
+    "10011",
+    "11001",
+    "01100",
+    "00110",
+    "10011",
+    "11001",
+    "11100",
+    "11110",
+]);
+export const binary2 = makeAsciiAnim(fast, [
+    "11111",
+    "01111",
+    "10111",
+    "11011",
+    "11101",
+    "11110",
+    "11111",
+    "11110",
+    "11101",
+    "11011",
+    "10111",
+    "01111",
+]);
+export const pulseblue = makeAsciiAnim(slow, [
+    "🔹",
+    "🔵",
+]);
+export const kiss = makeAsciiAnim(mid, [
+    "🙂",
+    "🙂",
+    "😗",
+    "😙",
+    "😘",
+    "😘",
+    "😙",
+]);
+export const clock = makeAsciiAnim(fast, [
+    "🕐",
+    "🕑",
+    "🕒",
+    "🕓",
+    "🕔",
+    "🕕",
+    "🕖",
+    "🕗",
+    "🕘",
+    "🕙",
+    "🕚",
+    "🕛",
+]);
+export const fistbump = makeAsciiAnim(fast, [
+    "🤜    🤛",
+    "🤜    🤛",
+    "🤜    🤛",
+    " 🤜  🤛 ",
+    "  🤜🤛  ",
+    "  🤜🤛  ",
+    " 🤜💥🤛 ",
+    "🤜 💥 🤛",
+    "🤜 ✨ 🤛",
+    "🤜 ✨ 🤛",
+]);
+export const earth = makeAsciiAnim(slow, [
+    "🌎",
+    "🌏",
+    "🌍",
+]);
+export const lock = makeAsciiAnim(slow, [
+    "🔓",
+    "🔒",
+]);
+export const bright = makeAsciiAnim(slow, [
+    "🔅",
+    "🔆",
+]);
+export const speaker = makeAsciiAnim(slow, [
+    "🔈",
+    "🔈",
+    "🔉",
+    "🔊",
+    "🔊",
+    "🔉",
+]);
+export const moon = makeAsciiAnim(mid, [
+    "🌑",
+    "🌑",
+    "🌑",
+    "🌘",
+    "🌗",
+    "🌖",
+    "🌕",
+    "🌔",
+    "🌓",
+    "🌒",
+]);
+//# sourceMappingURL=anims.js.map

package/x/features/op/loaders/parts/anims.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"anims.js","sourceRoot":"","sources":["../../../../../s/features/op/loaders/parts/anims.ts"],"names":[],"mappings":"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"}

package/x/features/op/loaders/parts/ascii-anim.d.ts

@@ -0,0 +1,6 @@
+import { Content } from "../../../views/types.js";
+export declare function makeAsciiAnim(hz: number, frames: string[]): () => Content;
+export declare const AsciiAnim: import("../../../views/types.js").View<[{
+    hz: number;
+    frames: string[];
+}]>;

package/x/features/op/loaders/parts/ascii-anim.js

@@ -0,0 +1,26 @@
+import { css } from "lit";
+import { nap, repeat } from "@e280/stz";
+import { view } from "../../../views/view.js";
+import { cssReset } from "../../../views/css-reset.js";
+export function makeAsciiAnim(hz, frames) {
+    return () => AsciiAnim({ hz, frames });
+}
+export const AsciiAnim = view(use => ({ hz, frames }) => {
+    use.name("loading");
+    use.styles(cssReset, style);
+    const frame = use.signal(0);
+    use.mount(() => repeat(async () => {
+        await nap(1000 / hz);
+        const next = frame() + 1;
+        frame(next >= frames.length ? 0 : next);
+    }));
+    return frames.at(frame());
+});
+const style = css `
+:host {
+	font-family: monospace;
+	white-space: pre;
+	user-select: none;
+}
+`;
+//# sourceMappingURL=ascii-anim.js.map

package/x/features/op/loaders/parts/ascii-anim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ascii-anim.js","sourceRoot":"","sources":["../../../../../s/features/op/loaders/parts/ascii-anim.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,OAAO,EAAC,GAAG,EAAE,MAAM,EAAC,MAAM,WAAW,CAAA;AAErC,OAAO,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAE3C,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAA;AAEpD,MAAM,UAAU,aAAa,CAAC,EAAU,EAAE,MAAgB;IACzD,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,EAAC,EAAE,EAAE,MAAM,EAAC,CAAC,CAAA;AACrC,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAC,EAAE,EAAE,MAAM,EAG/C,EAAE,EAAE;IAEL,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IACnB,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IAC3B,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;IAE3B,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,IAAG,EAAE;QAChC,MAAM,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,CAAA;QACpB,MAAM,IAAI,GAAG,KAAK,EAAE,GAAG,CAAC,CAAA;QACxB,KAAK,CAAC,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IACxC,CAAC,CAAC,CAAC,CAAA;IAEH,OAAO,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAA;AAC1B,CAAC,CAAC,CAAA;AAEF,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;CAMhB,CAAA"}

package/x/features/op/loaders/parts/error-display.d.ts

@@ -0,0 +1 @@
+export declare const ErrorDisplay: import("../../../views/types.js").View<[error: any]>;