| 68 | |
| 69 | export const hydrateOnMediaQuery: HydrationStrategyFactory<string> = |
| 70 | query => hydrate => { |
| 71 | if (query) { |
| 72 | const mql = matchMedia(query) |
| 73 | if (mql.matches) { |
| 74 | hydrate() |
| 75 | } else { |
| 76 | mql.addEventListener('change', hydrate, { once: true }) |
| 77 | return () => mql.removeEventListener('change', hydrate) |
| 78 | } |
| 79 | } |
| 80 | } |
| 81 | |
| 82 | export const hydrateOnInteraction: HydrationStrategyFactory< |
| 83 | keyof HTMLElementEventMap | Array<keyof HTMLElementEventMap> |