?HAMA

Edit File Size: 3.94 KB

/home/nshryvcy/radiantskinclinics.org/wp-content/plugins/extendify_old/src/Assist/hooks/useRouter.js

Text Base64

import { Dashboard } from '@assist/pages/Dashboard';
import { homeIcon } from '@assist/svg';
import { safeParseJson } from '@shared/lib/parsing';
import { useActivityStore } from '@shared/state/activity';
import apiFetch from '@wordpress/api-fetch';
import { useCallback, useEffect, useLayoutEffect } from '@wordpress/element';
import { __ } from '@wordpress/i18n';
import { create } from 'zustand';
import { createJSONStorage, devtools, persist } from 'zustand/middleware';

const pages = [
	{
		slug: 'dashboard',
		name: __('Dashboard', 'extendify-local'),
		icon: homeIcon,
		component: Dashboard,
	},
];

const path = '/extendify/v1/assist/router-data';
const storage = {
	getItem: async () => await apiFetch({ path }),
	setItem: async (_name, state) =>
		await apiFetch({ path, method: 'POST', data: { state } }),
};

let once = false;
export const useRouter = () => {
	const { current, setCurrent, history } = useRouterState();
	const Component = current?.component ?? (() => null);

useEffect(() => {
		if (once) return;
		once = true;
		// watch url changes for #dashboard, etc
		const handle = () => {
			const hash = window.location.hash.replace('#', '');
			const page = pages.find((page) => page.slug === hash);
			if (!page) {
				navigateTo(current?.slug ?? 'dashboard');
				return;
			}
			setCurrent(page);
			// Update title to match the page
			document.title = page.name;
		};
		window.addEventListener('hashchange', handle);
		if (!current) handle();
		return () => {
			once = false;
			window.removeEventListener('hashchange', handle);
		};
	}, [current, setCurrent]);

return {
		current,
		CurrentPage: useCallback(
			() => (
				<section aria-live="polite">
					{/* Announce to SR on change */}
					<h1 className="sr-only">{current?.name}</h1>
					<Component />
				</section>
			),
			[current],
		),
		pages,
		navigateTo,
		history,
	};
};

Exit & Reset Text mode: syntax highlighting auto-detects file type.

Name	Size	Perms	Modified	Actions
useRouter.js	3.94 KB	lrw-r--r--	2026-02-19 03:27:14	Edit Download recursive recursive
useTasks.js	3.81 KB	lrw-r--r--	2026-02-27 04:48:52	Edit Download recursive recursive
useTours.js	778 B	lrw-r--r--	2026-02-19 03:27:14	Edit Download recursive recursive

Directory Contents