@sigil-dev/runtime 0.9.3 → 0.9.5

package/transition.ts

@@ -0,0 +1,69 @@
+/**
+ * transition:/in:/out: directive support.
+ *
+ * The compiler lowers `<div transition:fade={fade}>` to
+ * `mountTransition(el, fade, "transition")` (bare expression or
+ * `[fn, params]` tuple), and swaps anchor-mount cleanup's `node.remove()`
+ * for `removeAnimated(node)` so out-directions can play before unmount.
+ */
+
+export type TransitionFn = (
+	el: Element,
+	params: unknown,
+	direction: "in" | "out",
+) => Animation | undefined | void;
+
+const outRegistry = new WeakMap<
+	Element,
+	{ fn: TransitionFn; params: unknown }
+>();
+
+/**
+ * Play an in-animation immediately (when kind includes it) and register the
+ * element for an out-animation on removal (when kind includes that).
+ * Returns a cleanup that unregisters the element.
+ */
+export function mountTransition(
+	el: Element,
+	spec: TransitionFn | [TransitionFn, unknown],
+	kind: "in" | "out" | "transition",
+): () => void {
+	const [fn, params] = Array.isArray(spec) ? spec : [spec, undefined];
+	if (kind === "in" || kind === "transition") {
+		fn(el, params, "in");
+	}
+	if (kind === "out" || kind === "transition") {
+		outRegistry.set(el, { fn, params });
+	}
+	return () => {
+		outRegistry.delete(el);
+	};
+}
+
+/**
+ * Remove a node, playing its registered out-animation first when one exists.
+ * No registration → immediate removal (plain remove() semantics).
+ */
+export function removeAnimated(node: Node): void {
+	if (!(node instanceof Element)) {
+		node.remove();
+		return;
+	}
+	const entry = outRegistry.get(node);
+	if (!entry) {
+		node.remove();
+		return;
+	}
+	const animation = entry.fn(node, entry.params, "out");
+	if (animation?.finished && typeof animation.finished.finally === "function") {
+		animation.finished
+			.finally(() => {
+				node.remove();
+			})
+			.catch(() => {
+				node.remove();
+			});
+	} else {
+		node.remove();
+	}
+}

package/tsconfig.json

@@ -1,30 +1,30 @@
-{
-	"compilerOptions": {
-		// Environment setup & latest features
-		"lib": ["ESNext", "DOM"],
-		"target": "ESNext",
-		"module": "Preserve",
-		"moduleDetection": "force",
-		"jsx": "react-jsx",
-		"allowJs": true,
-		"types": ["bun"],
-
-		// Bundler mode
-		"moduleResolution": "bundler",
-		"allowImportingTsExtensions": true,
-		"verbatimModuleSyntax": true,
-		"noEmit": true,
-
-		// Best practices
-		"strict": true,
-		"skipLibCheck": true,
-		"noFallthroughCasesInSwitch": true,
-		"noUncheckedIndexedAccess": true,
-		"noImplicitOverride": true,
-
-		// Some stricter flags (disabled by default)
-		"noUnusedLocals": false,
-		"noUnusedParameters": false,
-		"noPropertyAccessFromIndexSignature": false
-	}
-}
+{
+	"compilerOptions": {
+		// Environment setup & latest features
+		"lib": ["ESNext", "DOM"],
+		"target": "ESNext",
+		"module": "Preserve",
+		"moduleDetection": "force",
+		"jsx": "react-jsx",
+		"allowJs": true,
+		"types": ["bun"],
+
+		// Bundler mode
+		"moduleResolution": "bundler",
+		"allowImportingTsExtensions": true,
+		"verbatimModuleSyntax": true,
+		"noEmit": true,
+
+		// Best practices
+		"strict": true,
+		"skipLibCheck": true,
+		"noFallthroughCasesInSwitch": true,
+		"noUncheckedIndexedAccess": true,
+		"noImplicitOverride": true,
+
+		// Some stricter flags (disabled by default)
+		"noUnusedLocals": false,
+		"noUnusedParameters": false,
+		"noPropertyAccessFromIndexSignature": false
+	}
+}