svelte-link-interceptor 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 babu-ch
+
+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/dist/index.cjs

@@ -0,0 +1,60 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region ../core/dist/index.mjs
+/**
+* Intercept all `<a>` tag clicks on the document.
+* Returns a cleanup function that removes the listener.
+*/
+function interceptLinks(options) {
+	const handler = createClickHandler(options);
+	document.addEventListener("click", handler, true);
+	return () => document.removeEventListener("click", handler, true);
+}
+function findAnchorFromEvent(event) {
+	for (const el of event.composedPath()) if (el instanceof HTMLAnchorElement) return el;
+	return null;
+}
+function createClickHandler(options) {
+	return (event) => {
+		if (event.button !== 0) return;
+		const isModifierClick = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
+		const anchor = findAnchorFromEvent(event);
+		if (!anchor) return;
+		const href = anchor.href;
+		if (!href) return;
+		let url;
+		try {
+			url = new URL(href);
+		} catch {
+			return;
+		}
+		if (url.protocol !== "http:" && url.protocol !== "https:") return;
+		const isExternal = url.origin !== window.location.origin;
+		const ctx = {
+			url,
+			anchor,
+			event,
+			get path() {
+				return this.url.pathname + this.url.search + this.url.hash;
+			},
+			isExternal,
+			isModifierClick,
+			preventDefault() {
+				event.preventDefault();
+			}
+		};
+		if (isExternal) options.onExternalLink?.(ctx);
+		else options.onInternalLink?.(ctx);
+		if (anchor.href !== url.toString()) anchor.href = url.toString();
+	};
+}
+//#endregion
+//#region src/action.ts
+/**
+* Svelte action that intercepts all `<a>` tag clicks.
+* Usage: `<div use:linkInterceptor={options}>`
+*/
+function linkInterceptor(_node, options) {
+	return { destroy: interceptLinks(options) };
+}
+//#endregion
+exports.linkInterceptor = linkInterceptor;

package/dist/index.d.cts

@@ -0,0 +1,40 @@
+//#region ../core/dist/index.d.mts
+//#region src/types.d.ts
+interface LinkContext {
+  /** Parsed URL (mutable — changes are reflected on `anchor.href`) */
+  url: URL;
+  /** The clicked `<a>` element */
+  anchor: HTMLAnchorElement;
+  /** The original click event */
+  event: MouseEvent;
+  /** `url.pathname + url.search + url.hash` */
+  path: string;
+  /** Whether the link is external (different origin) */
+  isExternal: boolean;
+  /** Whether a modifier key (Ctrl/Meta/Shift/Alt) was held during the click */
+  isModifierClick: boolean;
+  /** Cancel the default navigation */
+  preventDefault(): void;
+}
+interface LinkInterceptorOptions {
+  /** Called when an internal (same-origin) link is clicked */
+  onInternalLink?: (ctx: LinkContext) => void;
+  /** Called when an external (different-origin) link is clicked */
+  onExternalLink?: (ctx: LinkContext) => void;
+} //#endregion
+//#region src/interceptor.d.ts
+/**
+ * Intercept all `<a>` tag clicks on the document.
+ * Returns a cleanup function that removes the listener.
+ */
+//#endregion
+//#region src/action.d.ts
+/**
+ * Svelte action that intercepts all `<a>` tag clicks.
+ * Usage: `<div use:linkInterceptor={options}>`
+ */
+declare function linkInterceptor(_node: HTMLElement, options: LinkInterceptorOptions): {
+  destroy: () => void;
+};
+//#endregion
+export { type LinkContext, type LinkInterceptorOptions, linkInterceptor };

package/dist/index.d.mts

@@ -0,0 +1,40 @@
+//#region ../core/dist/index.d.mts
+//#region src/types.d.ts
+interface LinkContext {
+  /** Parsed URL (mutable — changes are reflected on `anchor.href`) */
+  url: URL;
+  /** The clicked `<a>` element */
+  anchor: HTMLAnchorElement;
+  /** The original click event */
+  event: MouseEvent;
+  /** `url.pathname + url.search + url.hash` */
+  path: string;
+  /** Whether the link is external (different origin) */
+  isExternal: boolean;
+  /** Whether a modifier key (Ctrl/Meta/Shift/Alt) was held during the click */
+  isModifierClick: boolean;
+  /** Cancel the default navigation */
+  preventDefault(): void;
+}
+interface LinkInterceptorOptions {
+  /** Called when an internal (same-origin) link is clicked */
+  onInternalLink?: (ctx: LinkContext) => void;
+  /** Called when an external (different-origin) link is clicked */
+  onExternalLink?: (ctx: LinkContext) => void;
+} //#endregion
+//#region src/interceptor.d.ts
+/**
+ * Intercept all `<a>` tag clicks on the document.
+ * Returns a cleanup function that removes the listener.
+ */
+//#endregion
+//#region src/action.d.ts
+/**
+ * Svelte action that intercepts all `<a>` tag clicks.
+ * Usage: `<div use:linkInterceptor={options}>`
+ */
+declare function linkInterceptor(_node: HTMLElement, options: LinkInterceptorOptions): {
+  destroy: () => void;
+};
+//#endregion
+export { type LinkContext, type LinkInterceptorOptions, linkInterceptor };

package/dist/index.mjs

@@ -0,0 +1,59 @@
+//#region ../core/dist/index.mjs
+/**
+* Intercept all `<a>` tag clicks on the document.
+* Returns a cleanup function that removes the listener.
+*/
+function interceptLinks(options) {
+	const handler = createClickHandler(options);
+	document.addEventListener("click", handler, true);
+	return () => document.removeEventListener("click", handler, true);
+}
+function findAnchorFromEvent(event) {
+	for (const el of event.composedPath()) if (el instanceof HTMLAnchorElement) return el;
+	return null;
+}
+function createClickHandler(options) {
+	return (event) => {
+		if (event.button !== 0) return;
+		const isModifierClick = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
+		const anchor = findAnchorFromEvent(event);
+		if (!anchor) return;
+		const href = anchor.href;
+		if (!href) return;
+		let url;
+		try {
+			url = new URL(href);
+		} catch {
+			return;
+		}
+		if (url.protocol !== "http:" && url.protocol !== "https:") return;
+		const isExternal = url.origin !== window.location.origin;
+		const ctx = {
+			url,
+			anchor,
+			event,
+			get path() {
+				return this.url.pathname + this.url.search + this.url.hash;
+			},
+			isExternal,
+			isModifierClick,
+			preventDefault() {
+				event.preventDefault();
+			}
+		};
+		if (isExternal) options.onExternalLink?.(ctx);
+		else options.onInternalLink?.(ctx);
+		if (anchor.href !== url.toString()) anchor.href = url.toString();
+	};
+}
+//#endregion
+//#region src/action.ts
+/**
+* Svelte action that intercepts all `<a>` tag clicks.
+* Usage: `<div use:linkInterceptor={options}>`
+*/
+function linkInterceptor(_node, options) {
+	return { destroy: interceptLinks(options) };
+}
+//#endregion
+export { linkInterceptor };

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "svelte-link-interceptor",
+  "version": "0.1.0",
+  "description": "Svelte action to intercept all <a> tag clicks in your SPA — handle internal routing and external link modifications with ease.",
+  "keywords": [
+    "anchor",
+    "interceptor",
+    "link",
+    "action",
+    "router",
+    "spa",
+    "svelte"
+  ],
+  "author": "babu-ch",
+  "license": "MIT",
+  "homepage": "https://github.com/babu-ch/link-interceptor/tree/main/packages/svelte",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/babu-ch/link-interceptor.git",
+    "directory": "packages/svelte"
+  },
+  "bugs": {
+    "url": "https://github.com/babu-ch/link-interceptor/issues"
+  },
+  "sideEffects": false,
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "peerDependencies": {
+    "svelte": "^4.0.0 || ^5.0.0"
+  },
+  "devDependencies": {
+    "jsdom": "^29.0.1",
+    "svelte": "^5.0.0",
+    "typescript": "^5.8.2",
+    "vite-plus": "^0.1.14",
+    "link-interceptor": "0.1.0"
+  },
+  "scripts": {
+    "build": "vp pack",
+    "test": "vp test run",
+    "lint": "vp lint"
+  }
+}