import type { MaybeRef } from '@vueuse/core' import { computed, unref, useRoute } from '#imports' export interface CellUrlOptions { behavior?: string overlay?: string } type ParsedRules = [RegExp, CellUrlOptions] const parseUrlRules = (serialized?: string): ParsedRules[] | undefined => { if (!serialized) return undefined try { return Object.entries(JSON.parse(serialized)).map(([key, value]) => [new RegExp(key), value] as ParsedRules) } catch (err) { console.error(err) return undefined } } export function useCellUrlConfig(url?: MaybeRef<string>) { const route = useRoute() const config = $computed(() => ({ behavior: route.query.url_behavior as string | undefined, overlay: route.query.url_overlay as string | undefined, rules: parseUrlRules(route.query.url_rules as string), })) const options = computed(() => { const options = { behavior: config.behavior, overlay: config.overlay } if (config.rules && (!config.behavior || !config.overlay)) { for (const [regex, value] of config.rules) { if (unref(url)?.match(regex)) return Object.assign(options, value) } } return options }) return { cellUrlConfig: config, cellUrlOptions: options, } }