12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
import React, { useContext, useEffect, useState } from 'https://esm.sh/react'import { RouterContext } from './context.ts'import { AsyncUseDenoError } from './error.ts'import events from './events.ts'import type { RouterURL } from './types.ts'
export function useRouter(): RouterURL {    return useContext(RouterContext)}
export function useDeno<T = any>(callback: () => (T | Promise<T>), browser?: boolean, deps?: ReadonlyArray<any>): T {    const id = arguments[3] // generated by compiler    const { pathname, query } = useRouter()    const [data, setData] = useState(() => {        const global = window as any        const useDenoUrl = `useDeno://${pathname}?${query.toString()}`        const { [`__asyncData_${useDenoUrl}`]: asyncData } = global        const key = `${useDenoUrl}#${id}`        if (asyncData && key in asyncData) {            return asyncData[key]        } else if (typeof Deno !== 'undefined' && Deno.version.deno) {            const ret = callback()            if (ret instanceof Promise) {                events.emit(useDenoUrl, id, ret.then(data => {                    if (asyncData) {                        asyncData[key] = data                    }                    events.emit(useDenoUrl, id, data)                }), true)                throw new AsyncUseDenoError('async useDeno')            } else {                if (asyncData) {                    asyncData[key] = ret                }                events.emit(useDenoUrl, id, ret)                return ret            }        }        return global[key] || null    })
    useEffect(() => {        if (browser) {            const ret = callback()            if (ret instanceof Promise) {                ret.then(setData)            } else {                setData(ret)            }        }    }, deps)
    return data}
/** * `withDeno` allows you to use `useDeno` hook with class component. * * ```javascript *   class MyComponent extends React.Component { *     render() { *       return <p>{this.props.version.deno}</p> *     } *   } *   export default withDeno(() => Deno.version)(MyComponent) * ``` */export function withDeno<T>(callback: () => (T | Promise<T>), browser?: boolean, deps?: ReadonlyArray<any>) {    return function <P extends T>(Component: React.ComponentType<P>): React.ComponentType<Exclude<P, keyof T>> {        return function WithDeno(props: Exclude<P, keyof T>) {            const denoProps = useDeno(callback, browser, deps)            if (typeof denoProps === 'object') {                return React.createElement(Component, { ...props, ...denoProps })            }            return React.createElement(Component, props)        }    }}