33 lines
838 B
JavaScript
33 lines
838 B
JavaScript
|
import React from 'react'
|
||
|
|
import PropTypes from 'prop-types'
|
||
|
|
import { prefixUrl } from '../../utils/url'
|
||
|
|
|
||
|
|
const DEFAULT_URL = ''
|
||
|
|
|
||
|
|
const { Provider, Consumer: PublicUrl } = React.createContext(DEFAULT_URL)
|
||
|
|
|
||
|
|
const PublicUrlProvider = ({ url, children }) => {
|
||
|
|
return <Provider value={url}>{children}</Provider>
|
||
|
|
}
|
||
|
|
PublicUrlProvider.propTypes = {
|
||
|
|
url: PropTypes.string,
|
||
|
|
children: PropTypes.node,
|
||
|
|
}
|
||
|
|
|
||
|
|
// HOC wrapper
|
||
|
|
const hocWrap = Component => props => (
|
||
|
|
<PublicUrl>
|
||
|
|
{publicUrl => <Component {...props} publicUrl={publicUrl} />}
|
||
|
|
</PublicUrl>
|
||
|
|
)
|
||
|
|
|
||
|
|
// styled-components utility for URLs
|
||
|
|
const styledUrl = url => ({ publicUrl }) => prefixUrl(url, publicUrl)
|
||
|
|
|
||
|
|
PublicUrl.Provider = PublicUrlProvider
|
||
|
|
PublicUrl.hocWrap = hocWrap
|
||
|
|
PublicUrl.styledUrl = styledUrl
|
||
|
|
|
||
|
|
export { PublicUrl, Provider, hocWrap, styledUrl }
|
||
|
|
export default PublicUrl
|