@tellegen/svelte 0.1.0

package/LICENSE

@@ -0,0 +1,19 @@
+Copyright (c) 2026 Samuel Talkington and contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,70 @@
+# @tellegen/svelte
+
+Svelte components for tellegen maps, case panels, local case files, and browser solves.
+
+```sh
+npm install @tellegen/svelte
+```
+
+Import the component and stylesheet in your app:
+
+```svelte
+<script lang="ts">
+  import { TellegenViewer } from "@tellegen/svelte";
+  import "@tellegen/svelte/styles.css";
+</script>
+
+<TellegenViewer />
+```
+
+Use local files only by disabling bundled case loading:
+
+```svelte
+<script lang="ts">
+  import { TellegenViewer } from "@tellegen/svelte";
+  import "@tellegen/svelte/styles.css";
+</script>
+
+<TellegenViewer loadDefaultCases={false} showFooter={false} />
+```
+
+`TellegenViewer` accepts:
+
+- `apiBase`, default `/api`
+- `loadDefaultCases`, default `true`
+- `docsHref`
+- `orgHref`
+- `orgLabel`
+- `showFooter`, default `true`
+
+Use `TellegenProvider` and `TellegenShell` when state should survive route changes:
+
+```svelte
+<script lang="ts">
+  import { TellegenProvider, TellegenShell } from "@tellegen/svelte";
+  import "@tellegen/svelte/styles.css";
+</script>
+
+<TellegenProvider>
+  <TellegenShell />
+</TellegenProvider>
+```
+
+## Release
+
+Build and inspect the package from the repository root:
+
+```sh
+npm ci
+npm run wasm
+npm run build:engine
+npm run build:svelte
+npm run pack:svelte
+npm run test:svelte-packed
+```
+
+`@tellegen/svelte` is published with `@tellegen/engine` in the first framework
+release. The package ships only `dist`, the README, the MIT license text, and
+package metadata. The packed smoke test installs the generated tarballs into a
+temporary Svelte consumer and builds it so missing exports, styles, or wasm
+assets fail before publish.

package/dist/Sparkline.svelte

@@ -0,0 +1,100 @@
+<script lang="ts">
+	import type { SolveIteration } from './api.js';
+
+	let { iterations }: { iterations: SolveIteration[] } = $props();
+
+	const W = 300;
+	const H = 86;
+	const T = 6;
+	const R = 4;
+	const B = 22;
+	const L = 38;
+	const PLOT_W = W - L - R;
+	const PLOT_H = H - T - B;
+	const Y_TOP = 0; // log10(1e0)
+	const Y_BOT = -9; // log10(tol_feas)
+
+	const points = $derived.by(() => {
+		if (iterations.length < 2) return '';
+		const span = Y_TOP - Y_BOT;
+		return iterations
+			.map((it, k) => {
+				const v = Number(it.inf_pr);
+				const logv = Number.isFinite(v) && v > 0 ? Math.log10(v) : Y_BOT;
+				const clamped = Math.min(Y_TOP, Math.max(Y_BOT, logv));
+				const x = (L + (k / (iterations.length - 1)) * PLOT_W).toFixed(1);
+				const y = (T + ((Y_TOP - clamped) / span) * PLOT_H).toFixed(1);
+				return `${x},${y}`;
+			})
+			.join(' ');
+	});
+</script>
+
+{#if points}
+	<svg
+		viewBox="0 0 {W} {H}"
+		preserveAspectRatio="none"
+		role="img"
+		aria-label="residual by solver iteration"
+	>
+		<line class="axis" x1={L} y1={T} x2={L} y2={H - B} />
+		<line class="axis" x1={L} y1={H - B} x2={W - R} y2={H - B} />
+		<text
+			class="axis-label y-label"
+			x={-(T + PLOT_H / 2)}
+			y="8"
+			text-anchor="middle"
+			transform="rotate(-90)"
+		>
+			residual
+		</text>
+		<text class="axis-label x-label" x={W - R} y={H - 4} text-anchor="end">iterations</text>
+		<polyline {points} pathLength="1" />
+	</svg>
+{/if}
+
+<style>
+	svg {
+		display: block;
+		width: 100%;
+		height: 86px;
+		overflow: visible;
+	}
+
+	.axis {
+		stroke: var(--line);
+		stroke-width: 1;
+		vector-effect: non-scaling-stroke;
+	}
+
+	.axis-label {
+		fill: var(--text-tertiary);
+		font-family: var(--font-mono);
+		font-size: 9px;
+		letter-spacing: 0;
+	}
+
+	polyline {
+		fill: none;
+		stroke: var(--accent);
+		stroke-width: 1.8;
+		stroke-linejoin: round;
+		vector-effect: non-scaling-stroke;
+		stroke-dasharray: 1;
+		stroke-dashoffset: 1;
+		animation: sparkline-draw var(--dur-slow) var(--ease-out) forwards;
+	}
+
+	@keyframes sparkline-draw {
+		to {
+			stroke-dashoffset: 0;
+		}
+	}
+
+	@media (prefers-reduced-motion: reduce) {
+		polyline {
+			animation: none;
+			stroke-dashoffset: 0;
+		}
+	}
+</style>

package/dist/Sparkline.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { SolveIteration } from './api.js';
+type $$ComponentProps = {
+    iterations: SolveIteration[];
+};
+declare const Sparkline: import("svelte").Component<$$ComponentProps, {}, "">;
+type Sparkline = ReturnType<typeof Sparkline>;
+export default Sparkline;
+//# sourceMappingURL=Sparkline.svelte.d.ts.map

package/dist/Sparkline.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Sparkline.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE9C,KAAK,gBAAgB,GAAI;IAAE,UAAU,EAAE,cAAc,EAAE,CAAA;CAAE,CAAC;AAiD3D,QAAA,MAAM,SAAS,sDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}