50 lines
1.1 KiB
TypeScript
50 lines
1.1 KiB
TypeScript
/* eslint-disable camelcase */
|
|
|
|
import { THEME } from './global'
|
|
|
|
export type Theme = 'light' | 'dark'
|
|
|
|
export interface CommentsConfig {
|
|
host: string
|
|
site_id: string
|
|
url?: string
|
|
max_shown_comments?: number
|
|
theme?: Theme
|
|
page_title?: string
|
|
node?: string | HTMLElement
|
|
locale?: string
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
__colors__?: any
|
|
}
|
|
|
|
type Remark42Instance = {
|
|
changeTheme(theme: Theme): void
|
|
destroy(): void
|
|
}
|
|
|
|
declare global {
|
|
export interface Window {
|
|
remark_config: CommentsConfig
|
|
remark42Instance?: Remark42Instance
|
|
REMARK42: {
|
|
changeTheme(theme: Theme): void
|
|
destroy?: () => void
|
|
createInstance: (
|
|
remark_config: CommentsConfig
|
|
) => Remark42Instance | undefined
|
|
}
|
|
}
|
|
}
|
|
|
|
if (process.browser && THEME?.comment?.remark42) {
|
|
;(function (c) {
|
|
for (let i = 0; i < c.length; i++) {
|
|
const d = document
|
|
const s = d.createElement('script')
|
|
s.src = THEME.comment.remark42.host + '/web/' + c[i] + '.js'
|
|
s.defer = true
|
|
;(d.head || d.body).appendChild(s)
|
|
}
|
|
})(['embed'])
|
|
}
|