import configuration from '@intlayer/config/built';
import { getRewritePath } from '@intlayer/core';
import type { Locale } from '@intlayer/types';
import { useLocale } from './useLocale';
/**
* Client-side hook to manage URL rewrites in Svelte without triggering a router navigation.
* It uses `window.history.replaceState` to update the URL in the address bar.
*/
export const useRewriteURL = (): void => {
const { locale } = useLocale();
const rewrite = configuration?.routing?.rewrite;
if (typeof window !== 'undefined') {
// We observe locale changes
locale.subscribe(($locale) => {
if (!rewrite) return;
const pathname = window.location.pathname;
const targetPath = getRewritePath(pathname, $locale as Locale, rewrite);
if (targetPath && targetPath !== pathname) {
window.history.replaceState(
window.history.state,
'',
targetPath + window.location.search + window.location.hash
);
}
});
}
};
