import type { RegisteredCache, EmotionCache, SerializedStyles } from './types'
const isBrowser = typeof document !== 'undefined'
export function getRegisteredStyles(
registered: RegisteredCache,
registeredStyles: string[],
classNames: string
) {
let rawClassName = ''
classNames.split(' ').forEach(className => {
if (registered[className] !== undefined) {
registeredStyles.push(`${registered[className]};`)
} else {
rawClassName += `${className} `
}
})
return rawClassName
}
export const registerStyles = (
cache: EmotionCache,
serialized: SerializedStyles,
isStringTag: boolean
) => {
let className = `${cache.key}-${serialized.name}`
if (
(isStringTag === false ||
(isBrowser === false && cache.compat !== undefined)) &&
cache.registered[className] === undefined
) {
cache.registered[className] = serialized.styles
}
}
export const insertStyles = (
cache: EmotionCache,
serialized: SerializedStyles,
isStringTag: boolean
) => {
registerStyles(cache, serialized, isStringTag)
let className = `${cache.key}-${serialized.name}`
if (cache.inserted[serialized.name] === undefined) {
let stylesForSSR = ''
let current = serialized
do {
let maybeStyles = cache.insert(
serialized === current ? `.${className}` : '',
current,
cache.sheet,
true
)
if (!isBrowser && maybeStyles !== undefined) {
stylesForSSR += maybeStyles
}
current = current.next
} while (current !== undefined)
if (!isBrowser && stylesForSSR.length !== 0) {
return stylesForSSR
}
}
}
export * from './types'