npm - clarity-theme - Versions diffs - 0.1.0 - Mend

clarity-theme 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (151) hide show

package/LICENSE +21 -0
package/README.md +276 -0
package/README.zh-CN.md +297 -0
package/app/app.config.ts +110 -0
package/app/app.vue +5 -0
package/app/assets/css/_variable.scss +8 -0
package/app/assets/css/animation.scss +50 -0
package/app/assets/css/article.scss +152 -0
package/app/assets/css/color.scss +58 -0
package/app/assets/css/font.scss +35 -0
package/app/assets/css/main.scss +230 -0
package/app/assets/css/reusable.scss +186 -0
package/app/assets/icons/solar-rewind-back-bold-duotone.svg +1 -0
package/app/assets/icons/solar-rewind-forward-bold-duotone.svg +1 -0
package/app/components/blog/BlogAside.vue +63 -0
package/app/components/blog/BlogFooter.vue +61 -0
package/app/components/blog/BlogHeader.global.vue +146 -0
package/app/components/blog/BlogPanel.vue +79 -0
package/app/components/blog/BlogSidebar.vue +160 -0
package/app/components/blog/BlogWidget.vue +134 -0
package/app/components/blog/Mask.vue +42 -0
package/app/components/blog/SkipToContent.vue +22 -0
package/app/components/blog/ThemeToggle.vue +50 -0
package/app/components/content/Alert.vue +96 -0
package/app/components/content/Badge.vue +90 -0
package/app/components/content/Blur.vue +22 -0
package/app/components/content/CardList.vue +32 -0
package/app/components/content/Chat.vue +79 -0
package/app/components/content/Copy.vue +134 -0
package/app/components/content/EmojiClock.vue +53 -0
package/app/components/content/FeedCard.vue +212 -0
package/app/components/content/FeedGroup.vue +130 -0
package/app/components/content/Folding.vue +69 -0
package/app/components/content/Key.vue +164 -0
package/app/components/content/LinkBanner.vue +59 -0
package/app/components/content/LinkCard.vue +74 -0
package/app/components/content/MdTitle.vue +26 -0
package/app/components/content/Mermaid.vue +133 -0
package/app/components/content/MusicScore.vue +178 -0
package/app/components/content/Pic.vue +55 -0
package/app/components/content/Poetry.vue +41 -0
package/app/components/content/ProseA.vue +40 -0
package/app/components/content/ProseCode.vue +95 -0
package/app/components/content/ProsePre.vue +291 -0
package/app/components/content/ProseTable.vue +70 -0
package/app/components/content/Quote.vue +51 -0
package/app/components/content/Tab.vue +100 -0
package/app/components/content/Timeline.vue +73 -0
package/app/components/content/Tip.vue +52 -0
package/app/components/content/VideoEmbed.vue +127 -0
package/app/components/partial/Button.vue +98 -0
package/app/components/partial/DlGroup.vue +69 -0
package/app/components/partial/Dropdown.vue +54 -0
package/app/components/partial/Error.vue +70 -0
package/app/components/partial/Expand.vue +51 -0
package/app/components/partial/IconNavList.vue +42 -0
package/app/components/partial/Pagination.vue +113 -0
package/app/components/partial/RadioGroup.vue +77 -0
package/app/components/partial/Secret.vue +23 -0
package/app/components/partial/Slider.vue +96 -0
package/app/components/partial/Toggle.vue +70 -0
package/app/components/popover/Lightbox.vue +77 -0
package/app/components/popover/Search.vue +214 -0
package/app/components/popover/SearchItem.vue +64 -0
package/app/components/post/Archive.vue +104 -0
package/app/components/post/Article.vue +138 -0
package/app/components/post/Comment.vue +275 -0
package/app/components/post/Excerpt.vue +66 -0
package/app/components/post/OrderToggle.vue +101 -0
package/app/components/post/PostFooter.vue +80 -0
package/app/components/post/PostHeader.vue +147 -0
package/app/components/post/PostSurround.vue +111 -0
package/app/components/post/Slide.vue +215 -0
package/app/components/util/Date.vue +62 -0
package/app/components/util/HydrateSafe.vue +10 -0
package/app/components/util/Img.vue +38 -0
package/app/components/util/Link.vue +11 -0
package/app/components/widget/BlogLog.vue +27 -0
package/app/components/widget/BlogStats.vue +39 -0
package/app/components/widget/BlogTech.vue +65 -0
package/app/components/widget/Empty.vue +3 -0
package/app/components/widget/Toc.vue +129 -0
package/app/composables/useArticle.ts +118 -0
package/app/composables/useAvoid.ts +87 -0
package/app/composables/useCopy.ts +21 -0
package/app/composables/usePagination.ts +70 -0
package/app/composables/useShiki.ts +129 -0
package/app/composables/useToc.ts +57 -0
package/app/composables/useWidgets.ts +56 -0
package/app/error.vue +34 -0
package/app/layouts/default.vue +66 -0
package/app/pages/[...slug].vue +59 -0
package/app/pages/archive.vue +207 -0
package/app/pages/index.vue +83 -0
package/app/pages/link.vue +65 -0
package/app/pages/preview.vue +59 -0
package/app/plugins/easter-egg.ts +23 -0
package/app/plugins/init.ts +6 -0
package/app/plugins/tippy.ts +22 -0
package/app/shiki.config.ts +8 -0
package/app/stores/layout.ts +34 -0
package/app/stores/search.ts +37 -0
package/app/types/article.ts +16 -0
package/app/types/feed.ts +1 -0
package/app/types/index.ts +14 -0
package/app/types/modal.ts +16 -0
package/app/types/nav.ts +11 -0
package/app/utils/anim.ts +37 -0
package/app/utils/img.ts +83 -0
package/config/app.ts +88 -0
package/config/content.d.mts +1 -0
package/config/content.mjs +69 -0
package/config/content.ts +91 -0
package/config/define.mjs +21 -0
package/config/define.ts +23 -0
package/config/feed.ts +42 -0
package/config/feeds.empty.ts +4 -0
package/config/index.d.mts +1 -0
package/config/index.mjs +6 -0
package/config/index.ts +6 -0
package/config/public.ts +71 -0
package/config/schema.d.mts +1 -0
package/config/schema.mjs +103 -0
package/config/schema.ts +129 -0
package/config/server.ts +35 -0
package/img/index.d.mts +1 -0
package/img/index.mjs +78 -0
package/img/index.ts +8 -0
package/modules/clarity-config/anti-mirror-client.ts +11 -0
package/modules/clarity-config/index.ts +324 -0
package/nuxt.config.ts +225 -0
package/package.json +148 -0
package/public/assets/atom.css +274 -0
package/public/assets/atom.xsl +110 -0
package/public/fonts/AlimamaFangYuanTi.woff2 +0 -0
package/remark-plugins/rehype-meta-slots.d.mts +1 -0
package/remark-plugins/rehype-meta-slots.mjs +49 -0
package/remark-plugins/rehype-meta-slots.ts +58 -0
package/remark-plugins/remark-code-component.d.mts +1 -0
package/remark-plugins/remark-code-component.mjs +25 -0
package/remark-plugins/remark-code-component.ts +41 -0
package/server/api/stats.get.ts +109 -0
package/server/routes/atom.xml.get.ts +101 -0
package/server/routes/subscriptions.opml.get.ts +70 -0
package/server/utils/clarity.ts +11 -0
package/shared/types/content.ts +30 -0
package/shared/utils/clarity.ts +34 -0
package/shared/utils/icon.ts +218 -0
package/shared/utils/link.ts +52 -0
package/shared/utils/str.ts +88 -0
package/shared/utils/time.ts +116 -0

package/config/public.ts ADDED Viewed

@@ -0,0 +1,71 @@
+import type {
+	ClarityAuthor,
+	ClarityArticleConfig,
+	ClarityChangelogEntry,
+	ClarityConfig,
+	ClarityIntegrationsConfig,
+	ClaritySiteConfig,
+} from './schema'
+/**
+ * 由 clarity.config.ts 注入 appConfig 的客户端可见配置。
+ *
+ * 可见性约定（详见 docs/config-api-audit.md）：
+ * - 只有客户端渲染确实需要的字段进入 appConfig；
+ * - feed、完整 stats、features 与 site.author.email 等服务端/构建期字段
+ *   改由 Nitro 私有 runtimeConfig 提供（config/server.ts），不进入客户端 bundle；
+ * - 仅构建期使用的字段（integrations.scripts、article.hidePostPrefix、
+ *   article.robotsNotIndex）由模块直接消费，同样不进入 appConfig。
+ * 这些配置允许进入客户端 bundle，不包含任何密钥（secret 只允许 runtimeConfig）。
+ */
+/** appConfig 中暴露的 integrations 子集：scripts 仅构建期注入 <head> */
+export type ClarityPublicIntegrationsConfig = Omit<ClarityIntegrationsConfig, 'scripts'>
+/** appConfig 中暴露的 site 子集：author.email 仅用于服务端 feed/meta 输出 */
+export type ClarityPublicSiteConfig = Omit<ClaritySiteConfig, 'author'> & {
+	author: Omit<ClarityAuthor, 'email'>
+}
+/** appConfig 中暴露的 article 子集：其余字段仅构建期使用 */
+export type ClarityPublicArticleConfig = Pick<ClarityArticleConfig, 'categories' | 'order'>
+/**
+ * appConfig 中暴露的 stats 子集：由 includePaths 派生的展示事实，
+ * 决定 BlogStats 标签使用「文章字数」还是「总字数」，不透出完整匹配规则。
+ */
+export interface ClarityPublicStatsConfig {
+	postsOnly: boolean
+}
+export interface ClarityPublicConfig {
+	site: ClarityPublicSiteConfig
+	article: ClarityPublicArticleConfig
+	stats: ClarityPublicStatsConfig
+	integrations: ClarityPublicIntegrationsConfig
+	changelog: ClarityChangelogEntry[]
+}
+export function toPublicClarityConfig(config: ClarityConfig): ClarityPublicConfig {
+	return {
+		site: {
+			...config.site,
+			author: {
+				name: config.site.author.name,
+				avatar: config.site.author.avatar,
+				homepage: config.site.author.homepage,
+			},
+		},
+		article: {
+			categories: config.article.categories,
+			order: config.article.order,
+		},
+		stats: {
+			postsOnly: config.stats.includePaths.length > 0,
+		},
+		integrations: config.integrations.twikoo
+			? { twikoo: config.integrations.twikoo }
+			: {},
+		changelog: config.changelog,
+	}
+}

package/config/schema.d.mts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './schema.ts'

package/config/schema.mjs ADDED Viewed

@@ -0,0 +1,103 @@
+import { z } from 'zod'
+/**
+ * clarity.config 运行时 Schema（JS 实现）。
+ *
+ * 类型真源在同目录 schema.ts（含完整 JSDoc），
+ * 本文件供 Node 原生 TS 剥离受限场景（node_modules 内）
+ * 与运行时链使用；修改 schema.ts 后需同步本文件。
+ *
+ * Schema 一律使用 strictObject：未知字段直接报错而非静默丢弃。
+ */
+export const clarityHeadScriptSchema = z.record(z.string(), z.union([
+	z.string(),
+	z.number(),
+	z.boolean(),
+]))
+export const clarityAuthorSchema = z.strictObject({
+	name: z.string().min(1),
+	avatar: z.string().optional(),
+	email: z.string().optional(),
+	homepage: z.string().optional(),
+})
+export const claritySiteSchema = z.strictObject({
+	title: z.string().min(1),
+	subtitle: z.string().optional(),
+	description: z.string().min(1),
+	/** 站点规范 URL（以 / 结尾，用于 new URL() 相对路径解析） */
+	url: z.string().url().refine(
+		value => value.endsWith('/'),
+		'站点 URL 必须以 / 结尾（例如 https://example.com/）',
+	),
+	language: z.string().default('zh-CN'),
+	timezone: z.string().default('Asia/Shanghai'),
+	established: z.string().optional(),
+	favicon: z.string().default('/favicon.svg'),
+	author: clarityAuthorSchema,
+	copyright: z.strictObject({
+		abbr: z.string().optional(),
+		name: z.string().optional(),
+		url: z.string().optional(),
+	}).optional(),
+})
+export const clarityArticleSchema = z.strictObject({
+	defaultCategory: z.string().default('未分类'),
+	categories: z.record(z.string(), z.strictObject({
+		icon: z.string().optional(),
+		color: z.string().optional(),
+	})).default({}),
+	types: z.record(z.string(), z.looseObject({})).default({ tech: {} }),
+	order: z.record(z.string(), z.string()).default({ date: '创建日期', updated: '更新日期' }),
+	hidePostPrefix: z.boolean().default(true),
+	robotsNotIndex: z.array(z.string()).default([]),
+})
+export const clarityFeedSchema = z.strictObject({
+	limit: z.number().int().positive().default(50),
+	enableStyle: z.boolean().default(true),
+})
+export const clarityStatsSchema = z.strictObject({
+	includePaths: z.array(z.string()).default([]),
+})
+export const clarityIntegrationsSchema = z.strictObject({
+	twikoo: z.strictObject({
+		envId: z.string(),
+		preload: z.string().optional(),
+	}).optional(),
+	scripts: z.array(clarityHeadScriptSchema).default([]),
+})
+export const clarityAntiMirrorSchema = z.union([
+	z.boolean(),
+	z.strictObject({
+		blacklist: z.array(z.string()).default([]),
+	}),
+])
+export const clarityFeaturesSchema = z.strictObject({
+	atom: z.boolean().default(true),
+	opml: z.boolean().default(true),
+	stats: z.boolean().default(true),
+	antiMirror: clarityAntiMirrorSchema.default(false),
+})
+export const clarityChangelogEntrySchema = z.strictObject({
+	date: z.string(),
+	text: z.string(),
+})
+export const clarityConfigSchema = z.strictObject({
+	site: claritySiteSchema,
+	article: clarityArticleSchema.prefault({}),
+	feed: clarityFeedSchema.prefault({}),
+	stats: clarityStatsSchema.prefault({}),
+	integrations: clarityIntegrationsSchema.prefault({}),
+	features: clarityFeaturesSchema.prefault({}),
+	changelog: z.array(clarityChangelogEntrySchema).default([]),
+})

package/config/schema.ts ADDED Viewed

@@ -0,0 +1,129 @@
+import { z } from 'zod'
+/**
+ * Schema 一律使用 strictObject：
+ * 未知字段直接报错，而不是被静默丢弃（防止拼写错误悄悄失效）。
+ * 唯一例外：article.types 的值使用 looseObject，作为版式扩展位。
+ */
+/** 注入到 <head> 的脚本（统计、评论等第三方脚本） */
+export const clarityHeadScriptSchema = z.record(z.string(), z.union([
+	z.string(),
+	z.number(),
+	z.boolean(),
+]))
+export const clarityAuthorSchema = z.strictObject({
+	name: z.string().min(1),
+	avatar: z.string().optional(),
+	email: z.string().optional(),
+	homepage: z.string().optional(),
+})
+export const claritySiteSchema = z.strictObject({
+	title: z.string().min(1),
+	subtitle: z.string().optional(),
+	description: z.string().min(1),
+	/** 站点规范 URL（以 / 结尾，用于 new URL() 相对路径解析） */
+	url: z.string().url().refine(
+		value => value.endsWith('/'),
+		'站点 URL 必须以 / 结尾（例如 https://example.com/）',
+	),
+	language: z.string().default('zh-CN'),
+	timezone: z.string().default('Asia/Shanghai'),
+	/** 建站日期 */
+	established: z.string().optional(),
+	favicon: z.string().default('/favicon.svg'),
+	author: clarityAuthorSchema,
+	copyright: z.strictObject({
+		abbr: z.string().optional(),
+		name: z.string().optional(),
+		url: z.string().optional(),
+	}).optional(),
+})
+export const clarityArticleSchema = z.strictObject({
+	defaultCategory: z.string().default('未分类'),
+	categories: z.record(z.string(), z.strictObject({
+		icon: z.string().optional(),
+		color: z.string().optional(),
+	})).default({}),
+	/** 文章版式，首个为默认版式 */
+	types: z.record(z.string(), z.looseObject({})).default({ tech: {} }),
+	/** 分类排序方式，键为排序字段，值为显示名称 */
+	order: z.record(z.string(), z.string()).default({ date: '创建日期', updated: '更新日期' }),
+	/** 隐藏基于文件路由（非自定义链接）URL 中的 /post 路径前缀，仅模块构建期使用 */
+	hidePostPrefix: z.boolean().default(true),
+	/** 禁止搜索引擎收录的路径，仅模块构建期使用 */
+	robotsNotIndex: z.array(z.string()).default([]),
+})
+export const clarityFeedSchema = z.strictObject({
+	/** 订阅源最大文章数量 */
+	limit: z.number().int().positive().default(50),
+	/** 订阅源是否启用 XSLT 样式 */
+	enableStyle: z.boolean().default(true),
+})
+export const clarityStatsSchema = z.strictObject({
+	/**
+	 * 统计范围，匹配 content 下不含扩展名的路径（stem）；空数组统计全部内容
+	 * 使用 SQL LIKE 语法： % 匹配任意长度字符， _ 匹配单个字符
+	 */
+	includePaths: z.array(z.string()).default([]),
+})
+export const clarityIntegrationsSchema = z.strictObject({
+	/** Twikoo 评论系统，未配置时不渲染评论区 */
+	twikoo: z.strictObject({
+		envId: z.string(),
+		/** 预连接地址，默认使用 envId */
+		preload: z.string().optional(),
+	}).optional(),
+	/** 向 <head> 中添加的脚本，仅模块构建期注入，不进入 appConfig */
+	scripts: z.array(clarityHeadScriptSchema).default([]),
+})
+export const clarityAntiMirrorSchema = z.union([
+	z.boolean(),
+	z.strictObject({
+		/** 需要跳转回源站的镜像站域名后缀 */
+		blacklist: z.array(z.string()).default([]),
+	}),
+])
+export const clarityFeaturesSchema = z.strictObject({
+	atom: z.boolean().default(true),
+	opml: z.boolean().default(true),
+	stats: z.boolean().default(true),
+	antiMirror: clarityAntiMirrorSchema.default(false),
+})
+export const clarityChangelogEntrySchema = z.strictObject({
+	date: z.string(),
+	text: z.string(),
+})
+export const clarityConfigSchema = z.strictObject({
+	site: claritySiteSchema,
+	article: clarityArticleSchema.prefault({}),
+	feed: clarityFeedSchema.prefault({}),
+	stats: clarityStatsSchema.prefault({}),
+	integrations: clarityIntegrationsSchema.prefault({}),
+	features: clarityFeaturesSchema.prefault({}),
+	/** 更新日志组件数据，按时间倒序展示 */
+	changelog: z.array(clarityChangelogEntrySchema).default([]),
+})
+export type ClarityHeadScript = z.output<typeof clarityHeadScriptSchema>
+export type ClarityAuthor = z.output<typeof clarityAuthorSchema>
+export type ClaritySiteConfig = z.output<typeof claritySiteSchema>
+export type ClarityArticleConfig = z.output<typeof clarityArticleSchema>
+export type ClarityFeedConfig = z.output<typeof clarityFeedSchema>
+export type ClarityStatsConfig = z.output<typeof clarityStatsSchema>
+export type ClarityIntegrationsConfig = z.output<typeof clarityIntegrationsSchema>
+export type ClarityAntiMirrorConfig = z.output<typeof clarityAntiMirrorSchema>
+export type ClarityFeaturesConfig = z.output<typeof clarityFeaturesSchema>
+export type ClarityChangelogEntry = z.output<typeof clarityChangelogEntrySchema>
+export type ClarityConfig = z.output<typeof clarityConfigSchema>
+export type ClarityConfigInput = z.input<typeof clarityConfigSchema>

package/config/server.ts ADDED Viewed

@@ -0,0 +1,35 @@
+import type {
+	ClarityConfig,
+	ClarityFeedConfig,
+	ClarityFeaturesConfig,
+	ClaritySiteConfig,
+	ClarityStatsConfig,
+} from './schema'
+/**
+ * 注入 Nitro 私有 runtimeConfig（非 public）的服务端配置形状。
+ *
+ * 这些字段只允许在 server/ 侧通过 useClarityServerConfig() 读取：
+ * - site 完整形状（含 author.email，用于 Atom/OPML 等公开元数据输出）；
+ * - feed / stats 完整配置；
+ * - features 中需要运行时路由守卫的开关（antiMirror 仅构建期注入脚本，不需要运行时值）。
+ */
+export interface ClarityServerConfig {
+	site: ClaritySiteConfig
+	feed: ClarityFeedConfig
+	stats: ClarityStatsConfig
+	features: Pick<ClarityFeaturesConfig, 'atom' | 'opml' | 'stats'>
+}
+export function toServerClarityConfig(config: ClarityConfig): ClarityServerConfig {
+	return {
+		site: config.site,
+		feed: config.feed,
+		stats: config.stats,
+		features: {
+			atom: config.features.atom,
+			opml: config.features.opml,
+			stats: config.features.stats,
+		},
+	}
+}

package/img/index.d.mts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './index.ts'

package/img/index.mjs ADDED Viewed

@@ -0,0 +1,78 @@
+/**
+ * img 工具运行时实现（JS）。
+ * 类型真源在同目录 img.ts（enum 已转为 const 数值对象）。
+ * 消费项目通过 `clarity-theme/img` 使用；Node 原生 TS 剥离
+ * 不允许 node_modules 内的 TS 文件，因此运行时必须是 .mjs。
+ */
+// @keep-sorted
+const services = {
+	baidu: 'https://image.baidu.com/search/down?url=',
+	/** https://webp.se/fly/ */
+	fly: 'https://fly.webp.se/?url=',
+	/** https://wsrv.nl/docs/ */
+	weserv: 'https://wsrv.nl/?url=',
+}
+// https://wsrv.nl/docs/quick-reference.html
+export function getWsrvGhAvatar(name = '', options = { size: 92 }) {
+	const srcUrl = `github.com/${name}.png?size=${options.size}`
+	delete options.size
+	const params = new URLSearchParams(srcUrl)
+	Object.entries(options).forEach(([key, value]) => params.set(key, value))
+	return services.weserv + params.toString()
+}
+// https://docs.webp.se/public-services/github-avatar/
+export function getGithubAvatar(name = '', options = { size: 120 }) {
+	return `https://avatars-githubusercontent-webp.webp.se/${name}?s=${options.size}`
+}
+export const getGithubIcon = (name = '') => getWsrvGhAvatar(name, { size: 32, mask: 'circle' })
+export const OicqAvatarSize = {
+	Size1080: 0,
+	Size40: 1,
+	Size40_: 2,
+	Size100: 3,
+	Size140: 4,
+	Size640: 5,
+	Size40__: 40,
+	Size100_: 100,
+	Size640_: 640,
+}
+// https://users.qzone.qq.com/fcg-bin/cgi_get_portrait.fcg?uins=
+export function getOicqAvatar(qq = '', size = OicqAvatarSize.Size140) {
+	return `https://q1.qlogo.cn/g?b=qq&nk=${qq}&s=${size}`
+}
+export const QgroupAvatarSize = {
+	Size640: 0,
+	Size100: 100,
+	Size640_: 640,
+}
+export function getOciqGroupAvatar(group = '', size = QgroupAvatarSize.Size100) {
+	return `https://p.qlogo.cn/gh/${group}/${group}/${size}/`
+}
+// https://github.com/microlinkhq/unavatar
+// https://docs.webp.se/public-services/unavatar/
+export function getFavicon(domain, options) {
+	const { provider = 'gstatic', size = 32 } = options || {}
+	if (provider === 'gstatic')
+		return `https://t0.gstatic.cn/faviconV2?client=SOCIAL&fallback_opts=SIZE&url=http://${domain}&size=${size}`
+	return `https://unavatar.webp.se/${provider}/${domain}?w=${size}`
+}
+export function getImgUrl(src, service) {
+	if (!service)
+		return src
+	if (service === true)
+		service = 'fly'
+	if (service in services)
+		return services[service] + src
+	return src
+}

package/img/index.ts ADDED Viewed

@@ -0,0 +1,8 @@
+/**
+ * `clarity-theme/img` 类型真源。
+ *
+ * 类型实现复用 `app/utils/img.ts`（Layer 内部与包导出共享同一份签名），
+ * 运行时实现在同目录 index.mjs：Node 原生 TS 剥离不允许
+ * node_modules 内的 TS 文件，因此包入口运行时必须是 .mjs。
+ */
+export * from '../app/utils/img'

package/modules/clarity-config/anti-mirror-client.ts ADDED Viewed

@@ -0,0 +1,11 @@
+export default (sourcesEncoded: string[], targetEncoded: string) => {
+	const sources = sourcesEncoded.map(atob)
+	const canonicalHost = new URL(atob(targetEncoded)).host
+	const canonical = document.querySelector<HTMLLinkElement>('link[rel="canonical"]')
+	const isBadMirror = sources.some(domain => location.hostname.endsWith(domain))
+	if (isBadMirror) {
+		if (canonical)
+			canonical.href = canonical.href.replace(location.host, canonicalHost)
+		location.host = canonicalHost
+	}
+}