vanilla-intlayer 9.0.0-canary.2 → 9.0.0-canary.4

package/dist/cjs/client/index.cjs

@@ -5,6 +5,7 @@ const require_client_useDictionaryDynamic = require('./useDictionaryDynamic.cjs'
 const require_client_useIntlayer = require('./useIntlayer.cjs');
 const require_client_useLocaleStorage = require('./useLocaleStorage.cjs');
 const require_client_useLocale = require('./useLocale.cjs');
+const require_client_usePathname = require('./usePathname.cjs');
 const require_client_useRewriteURL = require('./useRewriteURL.cjs');
 
 exports.IntlayerClient = require_client_installIntlayer.IntlayerClient;
@@ -21,4 +22,5 @@ exports.useIntlayer = require_client_useIntlayer.useIntlayer;
 exports.useLocale = require_client_useLocale.useLocale;
 exports.useLocaleCookie = require_client_useLocaleStorage.useLocaleCookie;
 exports.useLocaleStorage = require_client_useLocaleStorage.useLocaleStorage;
+exports.usePathname = require_client_usePathname.usePathname;
 exports.useRewriteURL = require_client_useRewriteURL.useRewriteURL;

package/dist/cjs/client/usePathname.cjs

@@ -0,0 +1,41 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let _intlayer_core_localization = require("@intlayer/core/localization");
+
+//#region src/client/usePathname.ts
+/**
+* Returns the current pathname with the locale segment removed, plus a
+* `subscribe` function to react to browser navigation changes.
+*
+* Falls back to an empty string during server-side rendering.
+*
+* @returns An object with the current pathname and a subscribe function.
+*
+* @example
+* ```ts
+* import { usePathname } from 'vanilla-intlayer';
+*
+* const { pathname, subscribe } = usePathname();
+*
+* const unsubscribe = subscribe((newPathname) => {
+*   document.querySelector('.active')?.classList.remove('active');
+*   document.querySelector(`[href="${newPathname}"]`)?.classList.add('active');
+* });
+* ```
+*/
+const usePathname = () => {
+	const getPathname = () => typeof window !== "undefined" ? (0, _intlayer_core_localization.getPathWithoutLocale)(window.location.pathname) : "";
+	const subscribe = (callback) => {
+		const handleLocationChange = () => callback(getPathname());
+		window.addEventListener("popstate", handleLocationChange);
+		return () => window.removeEventListener("popstate", handleLocationChange);
+	};
+	return {
+		pathname: getPathname(),
+		subscribe
+	};
+};
+
+//#endregion
+exports.usePathname = usePathname;
+//# sourceMappingURL=usePathname.cjs.map

package/dist/cjs/client/usePathname.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePathname.cjs","names":[],"sources":["../../../src/client/usePathname.ts"],"sourcesContent":["import { getPathWithoutLocale } from '@intlayer/core/localization';\n\nexport type UsePathnameResult = {\n  /** Current pathname without the locale prefix. */\n  pathname: string;\n  /**\n   * Subscribe to pathname changes triggered by browser navigation.\n   *\n   * @param callback - Called with the new pathname on every `popstate` event.\n   * @returns A cleanup function that removes the event listener.\n   */\n  subscribe: (callback: (pathname: string) => void) => () => void;\n};\n\n/**\n * Returns the current pathname with the locale segment removed, plus a\n * `subscribe` function to react to browser navigation changes.\n *\n * Falls back to an empty string during server-side rendering.\n *\n * @returns An object with the current pathname and a subscribe function.\n *\n * @example\n * ```ts\n * import { usePathname } from 'vanilla-intlayer';\n *\n * const { pathname, subscribe } = usePathname();\n *\n * const unsubscribe = subscribe((newPathname) => {\n *   document.querySelector('.active')?.classList.remove('active');\n *   document.querySelector(`[href=\"${newPathname}\"]`)?.classList.add('active');\n * });\n * ```\n */\nexport const usePathname = (): UsePathnameResult => {\n  const getPathname = (): string =>\n    typeof window !== 'undefined'\n      ? getPathWithoutLocale(window.location.pathname)\n      : '';\n\n  const subscribe = (callback: (pathname: string) => void): (() => void) => {\n    const handleLocationChange = (): void => callback(getPathname());\n    window.addEventListener('popstate', handleLocationChange);\n    return () => window.removeEventListener('popstate', handleLocationChange);\n  };\n\n  return {\n    pathname: getPathname(),\n    subscribe,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAa,oBAAuC;CAClD,MAAM,oBACJ,OAAO,WAAW,oEACO,OAAO,SAAS,SAAS,GAC9C;CAEN,MAAM,aAAa,aAAuD;EACxE,MAAM,6BAAmC,SAAS,aAAa,CAAC;AAChE,SAAO,iBAAiB,YAAY,qBAAqB;AACzD,eAAa,OAAO,oBAAoB,YAAY,qBAAqB;;AAG3E,QAAO;EACL,UAAU,aAAa;EACvB;EACD"}

package/dist/cjs/index.cjs

@@ -9,6 +9,7 @@ const require_client_useDictionaryDynamic = require('./client/useDictionaryDynam
 const require_client_useIntlayer = require('./client/useIntlayer.cjs');
 const require_client_useLocaleStorage = require('./client/useLocaleStorage.cjs');
 const require_client_useLocale = require('./client/useLocale.cjs');
+const require_client_usePathname = require('./client/usePathname.cjs');
 const require_client_useRewriteURL = require('./client/useRewriteURL.cjs');
 
 exports.IntlayerClient = require_client_installIntlayer.IntlayerClient;
@@ -34,4 +35,5 @@ exports.useIntlayer = require_client_useIntlayer.useIntlayer;
 exports.useLocale = require_client_useLocale.useLocale;
 exports.useLocaleCookie = require_client_useLocaleStorage.useLocaleCookie;
 exports.useLocaleStorage = require_client_useLocaleStorage.useLocaleStorage;
+exports.usePathname = require_client_usePathname.usePathname;
 exports.useRewriteURL = require_client_useRewriteURL.useRewriteURL;

package/dist/esm/client/index.mjs

@@ -4,6 +4,7 @@ import { useDictionaryDynamic } from "./useDictionaryDynamic.mjs";
 import { useIntlayer } from "./useIntlayer.mjs";
 import { localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, useLocaleCookie, useLocaleStorage } from "./useLocaleStorage.mjs";
 import { useLocale } from "./useLocale.mjs";
+import { usePathname } from "./usePathname.mjs";
 import { useRewriteURL } from "./useRewriteURL.mjs";
 
-export { IntlayerClient, createIntlayerClient, getIntlayerClient, installIntlayer, localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, useDictionary, useDictionaryDynamic, useIntlayer, useLocale, useLocaleCookie, useLocaleStorage, useRewriteURL };
+export { IntlayerClient, createIntlayerClient, getIntlayerClient, installIntlayer, localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, useDictionary, useDictionaryDynamic, useIntlayer, useLocale, useLocaleCookie, useLocaleStorage, usePathname, useRewriteURL };

package/dist/esm/client/usePathname.mjs

@@ -0,0 +1,39 @@
+import { getPathWithoutLocale } from "@intlayer/core/localization";
+
+//#region src/client/usePathname.ts
+/**
+* Returns the current pathname with the locale segment removed, plus a
+* `subscribe` function to react to browser navigation changes.
+*
+* Falls back to an empty string during server-side rendering.
+*
+* @returns An object with the current pathname and a subscribe function.
+*
+* @example
+* ```ts
+* import { usePathname } from 'vanilla-intlayer';
+*
+* const { pathname, subscribe } = usePathname();
+*
+* const unsubscribe = subscribe((newPathname) => {
+*   document.querySelector('.active')?.classList.remove('active');
+*   document.querySelector(`[href="${newPathname}"]`)?.classList.add('active');
+* });
+* ```
+*/
+const usePathname = () => {
+	const getPathname = () => typeof window !== "undefined" ? getPathWithoutLocale(window.location.pathname) : "";
+	const subscribe = (callback) => {
+		const handleLocationChange = () => callback(getPathname());
+		window.addEventListener("popstate", handleLocationChange);
+		return () => window.removeEventListener("popstate", handleLocationChange);
+	};
+	return {
+		pathname: getPathname(),
+		subscribe
+	};
+};
+
+//#endregion
+export { usePathname };
+//# sourceMappingURL=usePathname.mjs.map

package/dist/esm/client/usePathname.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePathname.mjs","names":[],"sources":["../../../src/client/usePathname.ts"],"sourcesContent":["import { getPathWithoutLocale } from '@intlayer/core/localization';\n\nexport type UsePathnameResult = {\n  /** Current pathname without the locale prefix. */\n  pathname: string;\n  /**\n   * Subscribe to pathname changes triggered by browser navigation.\n   *\n   * @param callback - Called with the new pathname on every `popstate` event.\n   * @returns A cleanup function that removes the event listener.\n   */\n  subscribe: (callback: (pathname: string) => void) => () => void;\n};\n\n/**\n * Returns the current pathname with the locale segment removed, plus a\n * `subscribe` function to react to browser navigation changes.\n *\n * Falls back to an empty string during server-side rendering.\n *\n * @returns An object with the current pathname and a subscribe function.\n *\n * @example\n * ```ts\n * import { usePathname } from 'vanilla-intlayer';\n *\n * const { pathname, subscribe } = usePathname();\n *\n * const unsubscribe = subscribe((newPathname) => {\n *   document.querySelector('.active')?.classList.remove('active');\n *   document.querySelector(`[href=\"${newPathname}\"]`)?.classList.add('active');\n * });\n * ```\n */\nexport const usePathname = (): UsePathnameResult => {\n  const getPathname = (): string =>\n    typeof window !== 'undefined'\n      ? getPathWithoutLocale(window.location.pathname)\n      : '';\n\n  const subscribe = (callback: (pathname: string) => void): (() => void) => {\n    const handleLocationChange = (): void => callback(getPathname());\n    window.addEventListener('popstate', handleLocationChange);\n    return () => window.removeEventListener('popstate', handleLocationChange);\n  };\n\n  return {\n    pathname: getPathname(),\n    subscribe,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAa,oBAAuC;CAClD,MAAM,oBACJ,OAAO,WAAW,cACd,qBAAqB,OAAO,SAAS,SAAS,GAC9C;CAEN,MAAM,aAAa,aAAuD;EACxE,MAAM,6BAAmC,SAAS,aAAa,CAAC;AAChE,SAAO,iBAAiB,YAAY,qBAAqB;AACzD,eAAa,OAAO,oBAAoB,YAAY,qBAAqB;;AAG3E,QAAO;EACL,UAAU,aAAa;EACvB;EACD"}

package/dist/esm/index.mjs

@@ -8,6 +8,7 @@ import { useDictionaryDynamic } from "./client/useDictionaryDynamic.mjs";
 import { useIntlayer } from "./client/useIntlayer.mjs";
 import { localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, useLocaleCookie, useLocaleStorage } from "./client/useLocaleStorage.mjs";
 import { useLocale } from "./client/useLocale.mjs";
+import { usePathname } from "./client/usePathname.mjs";
 import { useRewriteURL } from "./client/useRewriteURL.mjs";
 
-export { IntlayerClient, createIntlayerClient, getDictionary, getIntlayer, getIntlayerClient, getPlugins, htmlPlugin, insertionPlugin, installIntlayer, intlayerNodePlugins, localeCookie, localeInStorage, markdownPlugin, markdownStringPlugin, setLocaleCookie, setLocaleInStorage, useDictionary, useDictionaryDynamic, useEditor, useIntlayer, useLocale, useLocaleCookie, useLocaleStorage, useRewriteURL };
+export { IntlayerClient, createIntlayerClient, getDictionary, getIntlayer, getIntlayerClient, getPlugins, htmlPlugin, insertionPlugin, installIntlayer, intlayerNodePlugins, localeCookie, localeInStorage, markdownPlugin, markdownStringPlugin, setLocaleCookie, setLocaleInStorage, useDictionary, useDictionaryDynamic, useEditor, useIntlayer, useLocale, useLocaleCookie, useLocaleStorage, usePathname, useRewriteURL };

package/dist/types/client/index.d.ts

@@ -4,5 +4,6 @@ import { useDictionaryDynamic } from "./useDictionaryDynamic.js";
 import { useIntlayer } from "./useIntlayer.js";
 import { UseLocaleProps, UseLocaleResult, useLocale } from "./useLocale.js";
 import { localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, useLocaleCookie, useLocaleStorage } from "./useLocaleStorage.js";
+import { UsePathnameResult, usePathname } from "./usePathname.js";
 import { useRewriteURL } from "./useRewriteURL.js";
-export { IntlayerClient, UseLocaleProps, UseLocaleResult, WithOnChange, createIntlayerClient, getIntlayerClient, installIntlayer, localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, useDictionary, useDictionaryDynamic, useIntlayer, useLocale, useLocaleCookie, useLocaleStorage, useRewriteURL };
+export { IntlayerClient, UseLocaleProps, UseLocaleResult, UsePathnameResult, WithOnChange, createIntlayerClient, getIntlayerClient, installIntlayer, localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, useDictionary, useDictionaryDynamic, useIntlayer, useLocale, useLocaleCookie, useLocaleStorage, usePathname, useRewriteURL };

package/dist/types/client/useLocaleStorage.d.ts

@@ -1,15 +1,15 @@
 import { LocalesValues } from "@intlayer/types/module_augmentation";
-import * as _$intlayer from "intlayer";
+import * as _$_intlayer_types0 from "@intlayer/types";
 
 //#region src/client/useLocaleStorage.d.ts
 /**
  * Get the current locale from storage (cookie or localStorage).
  */
-declare const localeInStorage: _$intlayer.Locale;
+declare const localeInStorage: _$_intlayer_types0.Locale;
 /**
  * @deprecated Use localeInStorage instead.
  */
-declare const localeCookie: _$intlayer.Locale;
+declare const localeCookie: _$_intlayer_types0.Locale;
 /**
  * Persist the locale to storage (cookie and/or localStorage).
  */
@@ -22,14 +22,14 @@ declare const setLocaleCookie: (locale: LocalesValues, isCookieEnabled: boolean)
  * Returns the current locale from storage and a setter.
  */
 declare const useLocaleStorage: (isCookieEnabled?: boolean) => {
-  localeStorage: _$intlayer.Locale;
+  localeStorage: _$_intlayer_types0.Locale;
   setLocaleStorage: (locale: LocalesValues) => void;
 };
 /**
  * @deprecated Use useLocaleStorage instead.
  */
 declare const useLocaleCookie: (isCookieEnabled?: boolean) => {
-  localeStorage: _$intlayer.Locale;
+  localeStorage: _$_intlayer_types0.Locale;
   setLocaleStorage: (locale: LocalesValues) => void;
 };
 //#endregion

package/dist/types/client/useLocaleStorage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLocaleStorage.d.ts","names":[],"sources":["../../../src/client/useLocaleStorage.ts"],"mappings":";;;;;;;cAWa,eAAA,EAAkE,UAAA,CAAnD,MAAA;;;;cAKf,YAAA,EAA8B,UAAA,CAAlB,MAAA;AAAzB;;;AAAA,cAKa,kBAAA,GACX,MAAA,EAAQ,aAAA,EACR,eAAA;;AAFF;;cAYa,eAAA,GAAe,MAAA,EAXlB,aAAA,EAAa,eAAA;;;;cAgBV,gBAAA,GAAoB,eAAA;iBAUhC,UAAA,CAAA,MAAA;6BAAA,aAAA;AAAA;;;;cAKY,eAAA,GAAe,eAAA;iBAAmB,UAAA,CAAA,MAAA;6BAAA,aAAA;AAAA"}
+{"version":3,"file":"useLocaleStorage.d.ts","names":[],"sources":["../../../src/client/useLocaleStorage.ts"],"mappings":";;;;;;;cAWa,eAAA,EAAkE,kBAAA,CAAnD,MAAA;;;;cAKf,YAAA,EAA8B,kBAAA,CAAlB,MAAA;AAAzB;;;AAAA,cAKa,kBAAA,GACX,MAAA,EAAQ,aAAA,EACR,eAAA;;AAFF;;cAYa,eAAA,GAAe,MAAA,EAXlB,aAAA,EAAa,eAAA;;;;cAgBV,gBAAA,GAAoB,eAAA;iBAUhC,kBAAA,CAAA,MAAA;6BAAA,aAAA;AAAA;;;;cAKY,eAAA,GAAe,eAAA;iBAAmB,kBAAA,CAAA,MAAA;6BAAA,aAAA;AAAA"}

package/dist/types/client/usePathname.d.ts

@@ -0,0 +1,35 @@
+//#region src/client/usePathname.d.ts
+type UsePathnameResult = {
+  /** Current pathname without the locale prefix. */pathname: string;
+  /**
+   * Subscribe to pathname changes triggered by browser navigation.
+   *
+   * @param callback - Called with the new pathname on every `popstate` event.
+   * @returns A cleanup function that removes the event listener.
+   */
+  subscribe: (callback: (pathname: string) => void) => () => void;
+};
+/**
+ * Returns the current pathname with the locale segment removed, plus a
+ * `subscribe` function to react to browser navigation changes.
+ *
+ * Falls back to an empty string during server-side rendering.
+ *
+ * @returns An object with the current pathname and a subscribe function.
+ *
+ * @example
+ * ```ts
+ * import { usePathname } from 'vanilla-intlayer';
+ *
+ * const { pathname, subscribe } = usePathname();
+ *
+ * const unsubscribe = subscribe((newPathname) => {
+ *   document.querySelector('.active')?.classList.remove('active');
+ *   document.querySelector(`[href="${newPathname}"]`)?.classList.add('active');
+ * });
+ * ```
+ */
+declare const usePathname: () => UsePathnameResult;
+//#endregion
+export { UsePathnameResult, usePathname };
+//# sourceMappingURL=usePathname.d.ts.map

package/dist/types/client/usePathname.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePathname.d.ts","names":[],"sources":["../../../src/client/usePathname.ts"],"mappings":";KAEY,iBAAA;EAAA,kDAEV,QAAA;;;;;;;EAOA,SAAA,GAAY,QAAA,GAAW,QAAA;AAAA;AAuBzB;;;;;;;;;;;;;;;;;;;;AAAA,cAAa,WAAA,QAAkB,iBAAA"}

package/dist/types/index.d.ts

@@ -5,6 +5,7 @@ import { useDictionaryDynamic } from "./client/useDictionaryDynamic.js";
 import { useIntlayer } from "./client/useIntlayer.js";
 import { UseLocaleProps, UseLocaleResult, useLocale } from "./client/useLocale.js";
 import { localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, useLocaleCookie, useLocaleStorage } from "./client/useLocaleStorage.js";
+import { UsePathnameResult, usePathname } from "./client/usePathname.js";
 import { useRewriteURL } from "./client/useRewriteURL.js";
 import { useEditor } from "./editor/useEditor.js";
 import { getDictionary } from "./getDictionary.js";
@@ -16,5 +17,5 @@ declare module '@intlayer/core/interpreter' {
   interface IInterpreterPlugin<T, S, L extends LocalesValues> extends IInterpreterPluginVanilla<T, S, L> {}
 }
 //#endregion
-export { DeepTransformContent, HTMLPluginCond, IInterpreterPluginState, IInterpreterPluginVanilla, InsertionCond, IntlayerClient, IntlayerNode, IntlayerNodeCond, MarkdownCond, MarkdownStringCond, UseLocaleProps, UseLocaleResult, WithOnChange, createIntlayerClient, getDictionary, getIntlayer, getIntlayerClient, getPlugins, htmlPlugin, insertionPlugin, installIntlayer, intlayerNodePlugins, localeCookie, localeInStorage, markdownPlugin, markdownStringPlugin, setLocaleCookie, setLocaleInStorage, useDictionary, useDictionaryDynamic, useEditor, useIntlayer, useLocale, useLocaleCookie, useLocaleStorage, useRewriteURL };
+export { DeepTransformContent, HTMLPluginCond, IInterpreterPluginState, IInterpreterPluginVanilla, InsertionCond, IntlayerClient, IntlayerNode, IntlayerNodeCond, MarkdownCond, MarkdownStringCond, UseLocaleProps, UseLocaleResult, UsePathnameResult, WithOnChange, createIntlayerClient, getDictionary, getIntlayer, getIntlayerClient, getPlugins, htmlPlugin, insertionPlugin, installIntlayer, intlayerNodePlugins, localeCookie, localeInStorage, markdownPlugin, markdownStringPlugin, setLocaleCookie, setLocaleInStorage, useDictionary, useDictionaryDynamic, useEditor, useIntlayer, useLocale, useLocaleCookie, useLocaleStorage, usePathname, useRewriteURL };
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/index.ts"],"mappings":";;;;;;;;;;;;;;;YAIY,kBAAA,iBAAmC,aAAA,UACnC,yBAAA,CAA0B,CAAA,EAAG,CAAA,EAAG,CAAA;AAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/index.ts"],"mappings":";;;;;;;;;;;;;;;;YAIY,kBAAA,iBAAmC,aAAA,UACnC,yBAAA,CAA0B,CAAA,EAAG,CAAA,EAAG,CAAA;AAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vanilla-intlayer",
-  "version": "9.0.0-canary.2",
+  "version": "9.0.0-canary.4",
   "private": false,
   "description": "Easily internationalize i18n your Vanilla JS, HTML, and PHP applications with type-safe multilingual content management.",
   "keywords": [
@@ -101,14 +101,14 @@
     "typecheck": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@intlayer/api": "9.0.0-canary.2",
-    "@intlayer/config": "9.0.0-canary.2",
-    "@intlayer/core": "9.0.0-canary.2",
-    "@intlayer/editor": "9.0.0-canary.2",
-    "@intlayer/types": "9.0.0-canary.2"
+    "@intlayer/api": "9.0.0-canary.4",
+    "@intlayer/config": "9.0.0-canary.4",
+    "@intlayer/core": "9.0.0-canary.4",
+    "@intlayer/editor": "9.0.0-canary.4",
+    "@intlayer/types": "9.0.0-canary.4"
   },
   "devDependencies": {
-    "@types/node": "25.9.3",
+    "@types/node": "25.9.4",
     "@utils/ts-config": "1.0.4",
     "@utils/ts-config-types": "1.0.4",
     "@utils/tsdown-config": "1.0.4",
@@ -118,7 +118,7 @@
     "vitest": "4.1.9"
   },
   "peerDependencies": {
-    "intlayer": "9.0.0-canary.2"
+    "intlayer": "9.0.0-canary.4"
   },
   "peerDependenciesMeta": {
     "intlayer": {