clarity-theme 0.1.0 → 0.1.2

package/{shared → src/shared}/utils/str.ts

@@ -1,88 +1,88 @@
-import { toArray } from '@vueuse/core'
-import { escape, escapeRegExp } from 'es-toolkit/string'
-
-// @keep-sorted
-const promptLanguageMap: Record<string, string> = {
-	'#': 'sh',
-	'$': 'sh',
-	'CMD': 'bat',
-	'PS': 'powershell',
-}
-
-export function formatNumber(num?: number) {
-	if (typeof num !== 'number')
-		return ''
-	const intervals = [
-		{ label: '万亿', threshold: 1e12 },
-		{ label: '亿', threshold: 1e8 },
-		{ label: '万', threshold: 1e4 },
-	]
-	for (const interval of intervals) {
-		if (num >= interval.threshold)
-			return `${(num / interval.threshold).toFixed(2)}${interval.label}`
-	}
-	return num.toString()
-}
-
-interface FormatBytesOptions {
-	decimals?: number
-	binary?: boolean
-	unitSeparator?: string
-}
-
-export function formatBytes(bytes: number, options: FormatBytesOptions = {}) {
-	const {
-		decimals = 2,
-		binary = true,
-		unitSeparator = ' ',
-	} = options
-
-	if (bytes === 0)
-		return `0${unitSeparator}Bytes`
-
-	const base = binary ? 1024 : 1000
-	const units = binary
-		? ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']
-		: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
-
-	const i = Math.floor(Math.log(bytes) / Math.log(base))
-	const value = Number.parseFloat((bytes / base ** i).toFixed(decimals))
-
-	return `${value}${unitSeparator}${units[i]}`
-}
-
-export function getPromptLanguage(prompt: string | boolean) {
-	if (typeof prompt === 'boolean')
-		return 'text'
-	for (const promptPrefix in promptLanguageMap) {
-		if (prompt.startsWith(promptPrefix))
-			return promptLanguageMap[promptPrefix] ?? 'text'
-	}
-	return 'text'
-}
-
-export function joinWith(strings: (string | undefined)[], separator = '\n') {
-	return strings.filter(Boolean).join(separator)
-}
-
-export function highlightHtml(text: string, words: string | string[] | undefined, className?: string) {
-	const validTerms = toArray(words)
-		.filter((t): t is string => !!t?.trim())
-		.map(t => t.toLowerCase())
-
-	const highlightRegex = new RegExp(`(${Array.from(validTerms, escapeRegExp).join('|')})`, 'gi')
-
-	return text
-		.split(highlightRegex)
-		.map(part => part && validTerms.includes(part.toLowerCase())
-			? `<mark${className ? ` class="${className}"` : ''}>${escape(part)}</mark>`
-			: escape(part))
-		.join('')
-		.replace(/\n+/g, '<br>')
-}
-
-export function removeHtmlTags(str?: string) {
-	if (typeof str !== 'string')
-		return ''
-	return str.replace(/<[^>]+(>|$)/g, '')
-}
+import { toArray } from '@vueuse/core'
+import { escape, escapeRegExp } from 'es-toolkit/string'
+
+// @keep-sorted
+const promptLanguageMap: Record<string, string> = {
+	'#': 'sh',
+	'$': 'sh',
+	'CMD': 'bat',
+	'PS': 'powershell',
+}
+
+export function formatNumber(num?: number) {
+	if (typeof num !== 'number')
+		return ''
+	const intervals = [
+		{ label: '万亿', threshold: 1e12 },
+		{ label: '亿', threshold: 1e8 },
+		{ label: '万', threshold: 1e4 },
+	]
+	for (const interval of intervals) {
+		if (num >= interval.threshold)
+			return `${(num / interval.threshold).toFixed(2)}${interval.label}`
+	}
+	return num.toString()
+}
+
+interface FormatBytesOptions {
+	decimals?: number
+	binary?: boolean
+	unitSeparator?: string
+}
+
+export function formatBytes(bytes: number, options: FormatBytesOptions = {}) {
+	const {
+		decimals = 2,
+		binary = true,
+		unitSeparator = ' ',
+	} = options
+
+	if (bytes === 0)
+		return `0${unitSeparator}Bytes`
+
+	const base = binary ? 1024 : 1000
+	const units = binary
+		? ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']
+		: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
+
+	const i = Math.floor(Math.log(bytes) / Math.log(base))
+	const value = Number.parseFloat((bytes / base ** i).toFixed(decimals))
+
+	return `${value}${unitSeparator}${units[i]}`
+}
+
+export function getPromptLanguage(prompt: string | boolean) {
+	if (typeof prompt === 'boolean')
+		return 'text'
+	for (const promptPrefix in promptLanguageMap) {
+		if (prompt.startsWith(promptPrefix))
+			return promptLanguageMap[promptPrefix] ?? 'text'
+	}
+	return 'text'
+}
+
+export function joinWith(strings: (string | undefined)[], separator = '\n') {
+	return strings.filter(Boolean).join(separator)
+}
+
+export function highlightHtml(text: string, words: string | string[] | undefined, className?: string) {
+	const validTerms = toArray(words)
+		.filter((t): t is string => !!t?.trim())
+		.map(t => t.toLowerCase())
+
+	const highlightRegex = new RegExp(`(${Array.from(validTerms, escapeRegExp).join('|')})`, 'gi')
+
+	return text
+		.split(highlightRegex)
+		.map(part => part && validTerms.includes(part.toLowerCase())
+			? `<mark${className ? ` class="${className}"` : ''}>${escape(part)}</mark>`
+			: escape(part))
+		.join('')
+		.replace(/\n+/g, '<br>')
+}
+
+export function removeHtmlTags(str?: string) {
+	if (typeof str !== 'string')
+		return ''
+	return str.replace(/<[^>]+(>|$)/g, '')
+}

package/{shared → src/shared}/utils/time.ts

@@ -1,116 +1,116 @@
-import { Temporal } from 'temporal-polyfill'
-
+import { Temporal } from 'temporal-polyfill'
+
 export function isSameUnit(date1: string, date2: string, unit: 'year' | 'month' | 'week' | 'day' | 'hour' | 'minute' | 'second', timeZone = 'UTC') {
-	try {
-		const p1 = toZonedTemporal(date1, timeZone).toPlainDateTime()
-		const p2 = toZonedTemporal(date2, timeZone).toPlainDateTime()
-		return p1.until(p2, {
-			largestUnit: unit,
-			smallestUnit: unit,
-			roundingMode: 'trunc',
-		}).blank
-	}
-	catch {
-		return false
-	}
-}
-
-/** 检查两个时间相对现在是否相差显著 */
-export function isTimeDiffSignificant(
-	date1?: string,
-	date2?: string,
-	timeZone = 'UTC',
-	/** 对于时间差的敏感程度，0~1 之间，1:不同则认为显著，>1:始终认为显著 */
-	threshold = 0.6,
-) {
-	if (!date1 || !date2 || threshold <= 0)
-		return false
-	if (threshold > 1)
-		return true
-	try {
-		const now = Temporal.Now.instant().epochMilliseconds
-		const diff1 = now - toZonedTemporal(date1, timeZone).epochMilliseconds
-		const diff2 = now - toZonedTemporal(date2, timeZone).epochMilliseconds
-		return diff1 / diff2 < threshold || diff2 / diff1 < threshold
-	}
-	catch {
-		return true
-	}
-}
-
-const timeIntervals = [
-	{ label: '世纪', threshold: 60 * 60 * 24 * 365.2422 * 100 },
-	{ label: '年', threshold: 60 * 60 * 24 * 365.2422 },
-	{ label: '个月', threshold: 60 * 60 * 24 * 30.44 },
-	{ label: '天', threshold: 60 * 60 * 24 },
-	{ label: '小时', threshold: 60 * 60 },
-	{ label: '分', threshold: 60 },
-	{ label: '秒', threshold: 1 },
-]
-
-export function timeElapse(date: string | Temporal.PlainDateTime, maxDepth = 2) {
-	let timeString = ''
-	let secRemained = Temporal.Now.plainDateTimeISO().since(date, { largestUnit: 'second' }).seconds
-	for (const interval of timeIntervals) {
-		const count = Math.floor(secRemained / interval.threshold)
-		if (count <= 0)
-			continue
-		timeString += `${count}${interval.label}`
-		secRemained -= count * interval.threshold
-		if (--maxDepth <= 0)
-			break
-	}
-	return timeString || '刚刚'
-}
-
-export function toInstantString(date: string | Temporal.ZonedDateTime, timeZone = 'UTC') {
-	return (typeof date === 'string' ? toZonedTemporal(date, timeZone) : date).toInstant().toString()
-}
-
-/**
- * 将日期字符串解析为带时区的 Temporal 对象
- * @param date 日期字符串
- * @param timeZone 无时区信息时使用的默认时区（来自站点配置）
- */
-export function toZonedTemporal(date: string, timeZone = 'UTC') {
-	try {
-		return Temporal.ZonedDateTime.from(date)
-	}
-	catch {
-		try {
-			return Temporal.Instant.from(date).toZonedDateTimeISO(timeZone)
-		}
-		catch {
-			return Temporal.PlainDateTime.from(date).toZonedDateTime(timeZone)
-		}
-	}
-}
-
-export const dateTimeFormat = {
-	date: {
-		year: 'numeric',
-		month: '2-digit',
-		day: '2-digit',
-	},
-	monthDay: {
-		month: '2-digit',
-		day: '2-digit',
-	},
-	full: {
-		year: 'numeric',
-		month: '2-digit',
-		day: '2-digit',
-		weekday: 'long',
-		hour: '2-digit',
-		minute: '2-digit',
-		second: '2-digit',
-		timeZoneName: 'long',
-	},
-} satisfies Record<string, Intl.DateTimeFormatOptions>
-
-export type dateTimeFormatOptions = keyof typeof dateTimeFormat | Intl.DateTimeFormatOptions
-
-export function toZdtLocaleString(date: string | Temporal.ZonedDateTime, format: dateTimeFormatOptions = 'full', timeZone = 'UTC') {
-	return (typeof date === 'string' ? toZonedTemporal(date, timeZone) : date)
-		.toLocaleString(undefined, typeof format === 'string' ? dateTimeFormat[format] : format)
-}
+	try {
+		const p1 = toZonedTemporal(date1, timeZone).toPlainDateTime()
+		const p2 = toZonedTemporal(date2, timeZone).toPlainDateTime()
+		return p1.until(p2, {
+			largestUnit: unit,
+			smallestUnit: unit,
+			roundingMode: 'trunc',
+		}).blank
+	}
+	catch {
+		return false
+	}
+}
+
+/** 检查两个时间相对现在是否相差显著 */
+export function isTimeDiffSignificant(
+	date1?: string,
+	date2?: string,
+	timeZone = 'UTC',
+	/** 对于时间差的敏感程度，0~1 之间，1:不同则认为显著，>1:始终认为显著 */
+	threshold = 0.6,
+) {
+	if (!date1 || !date2 || threshold <= 0)
+		return false
+	if (threshold > 1)
+		return true
+	try {
+		const now = Temporal.Now.instant().epochMilliseconds
+		const diff1 = now - toZonedTemporal(date1, timeZone).epochMilliseconds
+		const diff2 = now - toZonedTemporal(date2, timeZone).epochMilliseconds
+		return diff1 / diff2 < threshold || diff2 / diff1 < threshold
+	}
+	catch {
+		return true
+	}
+}
+
+const timeIntervals = [
+	{ label: '世纪', threshold: 60 * 60 * 24 * 365.2422 * 100 },
+	{ label: '年', threshold: 60 * 60 * 24 * 365.2422 },
+	{ label: '个月', threshold: 60 * 60 * 24 * 30.44 },
+	{ label: '天', threshold: 60 * 60 * 24 },
+	{ label: '小时', threshold: 60 * 60 },
+	{ label: '分', threshold: 60 },
+	{ label: '秒', threshold: 1 },
+]
+
+export function timeElapse(date: string | Temporal.PlainDateTime, maxDepth = 2) {
+	let timeString = ''
+	let secRemained = Temporal.Now.plainDateTimeISO().since(date, { largestUnit: 'second' }).seconds
+	for (const interval of timeIntervals) {
+		const count = Math.floor(secRemained / interval.threshold)
+		if (count <= 0)
+			continue
+		timeString += `${count}${interval.label}`
+		secRemained -= count * interval.threshold
+		if (--maxDepth <= 0)
+			break
+	}
+	return timeString || '刚刚'
+}
+
+export function toInstantString(date: string | Temporal.ZonedDateTime, timeZone = 'UTC') {
+	return (typeof date === 'string' ? toZonedTemporal(date, timeZone) : date).toInstant().toString()
+}
+
+/**
+ * 将日期字符串解析为带时区的 Temporal 对象
+ * @param date 日期字符串
+ * @param timeZone 无时区信息时使用的默认时区（来自站点配置）
+ */
+export function toZonedTemporal(date: string, timeZone = 'UTC') {
+	try {
+		return Temporal.ZonedDateTime.from(date)
+	}
+	catch {
+		try {
+			return Temporal.Instant.from(date).toZonedDateTimeISO(timeZone)
+		}
+		catch {
+			return Temporal.PlainDateTime.from(date).toZonedDateTime(timeZone)
+		}
+	}
+}
+
+export const dateTimeFormat = {
+	date: {
+		year: 'numeric',
+		month: '2-digit',
+		day: '2-digit',
+	},
+	monthDay: {
+		month: '2-digit',
+		day: '2-digit',
+	},
+	full: {
+		year: 'numeric',
+		month: '2-digit',
+		day: '2-digit',
+		weekday: 'long',
+		hour: '2-digit',
+		minute: '2-digit',
+		second: '2-digit',
+		timeZoneName: 'long',
+	},
+} satisfies Record<string, Intl.DateTimeFormatOptions>
+
+export type dateTimeFormatOptions = keyof typeof dateTimeFormat | Intl.DateTimeFormatOptions
+
+export function toZdtLocaleString(date: string | Temporal.ZonedDateTime, format: dateTimeFormatOptions = 'full', timeZone = 'UTC') {
+	return (typeof date === 'string' ? toZonedTemporal(date, timeZone) : date)
+		.toLocaleString(undefined, typeof format === 'string' ? dateTimeFormat[format] : format)
+}

package/{app → src}/shiki.config.ts

@@ -1,8 +1,8 @@
-import { defineConfig } from '#shiki/config'
-
-export default defineConfig({
-	themes: {
-		light: () => import('shiki/themes/catppuccin-latte.mjs'),
-		dark: () => import('shiki/themes/one-dark-pro.mjs'),
-	},
-})
+import { defineConfig } from '#shiki/config'
+
+export default defineConfig({
+	themes: {
+		light: () => import('shiki/themes/catppuccin-latte.mjs'),
+		dark: () => import('shiki/themes/one-dark-pro.mjs'),
+	},
+})

package/{app → src}/stores/layout.ts

@@ -1,34 +1,34 @@
-export type LayoutState = 'none' | 'sidebar' | 'aside' | 'search' | 'lightbox'
-
-export const useLayoutStore = defineStore('layout', () => {
-	const router = useRouter()
-
-	const state = ref<LayoutState>('none')
-	const avoidTargets = ref<AvoidTarget[]>([])
-
-	const close = () => state.value = 'none'
-
-	const toggle = (key: LayoutState) => {
-		if (state.value === key)
-			return close()
-		state.value = key
-	}
-
-	useEventListener('keydown', (e) => {
-		if (state.value !== 'none' && e.key === 'Escape') {
-			e.preventDefault()
-			close()
-		}
-	})
-
-	router.beforeEach(() => {
-		close()
-	})
-
-	return {
-		state,
-		avoidTargets,
-		close,
-		toggle,
-	}
-})
+export type LayoutState = 'none' | 'sidebar' | 'aside' | 'search' | 'lightbox'
+
+export const useLayoutStore = defineStore('layout', () => {
+	const router = useRouter()
+
+	const state = ref<LayoutState>('none')
+	const avoidTargets = ref<AvoidTarget[]>([])
+
+	const close = () => state.value = 'none'
+
+	const toggle = (key: LayoutState) => {
+		if (state.value === key)
+			return close()
+		state.value = key
+	}
+
+	useEventListener('keydown', (e) => {
+		if (state.value !== 'none' && e.key === 'Escape') {
+			e.preventDefault()
+			close()
+		}
+	})
+
+	router.beforeEach(() => {
+		close()
+	})
+
+	return {
+		state,
+		avoidTargets,
+		close,
+		toggle,
+	}
+})

package/{app → src}/stores/search.ts

@@ -1,37 +1,37 @@
-import { LazyPopoverSearch } from '#components'
-
-export const useSearchStore = defineStore('search', () => {
-	// 搜索框应和侧边栏状态联动
-	const layoutStore = useLayoutStore()
-	const modalStore = useModalStore()
-
-	const word = ref('')
-	const debouncedWord = refDebounced(word)
-
-	const {
-		open: _open,
-		close: _close,
-	} = modalStore.use(() => h(LazyPopoverSearch, {
-		onClose: () => {
-			_close()
-			layoutStore.close()
-		},
-	}), {
-		unique: true,
-		duration: 200,
-	})
-
-	// 从外部调用时应该操作 layoutStore
-	watch(() => layoutStore.state, (state) => {
-		if (state !== 'search')
-			return _close()
-
-		word.value = window.getSelection()?.toString().trim() || word.value
-		_open()
-	})
-
-	return {
-		word,
-		debouncedWord,
-	}
-})
+import { LazyPopoverSearch } from '#components'
+
+export const useSearchStore = defineStore('search', () => {
+	// 搜索框应和侧边栏状态联动
+	const layoutStore = useLayoutStore()
+	const modalStore = useModalStore()
+
+	const word = ref('')
+	const debouncedWord = refDebounced(word)
+
+	const {
+		open: _open,
+		close: _close,
+	} = modalStore.use(() => h(LazyPopoverSearch, {
+		onClose: () => {
+			_close()
+			layoutStore.close()
+		},
+	}), {
+		unique: true,
+		duration: 200,
+	})
+
+	// 从外部调用时应该操作 layoutStore
+	watch(() => layoutStore.state, (state) => {
+		if (state !== 'search')
+			return _close()
+
+		word.value = window.getSelection()?.toString().trim() || word.value
+		_open()
+	})
+
+	return {
+		word,
+		debouncedWord,
+	}
+})

package/{app → src}/types/article.ts

@@ -1,16 +1,16 @@
-import type { ClarityAppConfig } from '../../config/app'
-import type { ArticleSchema } from '../../config/content'
-import type { MetaSlotsTree } from '../../remark-plugins/rehype-meta-slots'
-
-export type ArticleOrderType = keyof ClarityAppConfig['article']['order']
-
-export interface ArticleProps extends ArticleSchema {
-	path: string
-
-	meta?: {
-		coverDim?: boolean
-		coverFilter?: string
-		hideInfo?: boolean
-		slots?: Record<string, MetaSlotsTree>
-	}
-}
+import type { ClarityAppConfig } from '../config/app'
+import type { ArticleSchema } from '../config/content'
+import type { MetaSlotsTree } from '../remark-plugins/rehype-meta-slots'
+
+export type ArticleOrderType = keyof ClarityAppConfig['article']['order']
+
+export interface ArticleProps extends ArticleSchema {
+	path: string
+
+	meta?: {
+		coverDim?: boolean
+		coverFilter?: string
+		hideInfo?: boolean
+		slots?: Record<string, MetaSlotsTree>
+	}
+}

package/src/types/feed.ts

@@ -0,0 +1 @@
+export type { FeedEntry, FeedGroup } from '../config/feed'

package/{app → src}/types/index.ts

@@ -1,14 +1,14 @@
-declare global {
-	interface Window {
-		twikoo?: {
-			init: (options: {
-				envId: string
-				el: string
-				region?: string
-				path?: string
-				lang?: string
-			}) => void
-			version: string
-		}
-	}
-}
+declare global {
+	interface Window {
+		twikoo?: {
+			init: (options: {
+				envId: string
+				el: string
+				region?: string
+				path?: string
+				lang?: string
+			}) => void
+			version: string
+		}
+	}
+}

package/{app → src}/types/nav.ts

@@ -1,11 +1,11 @@
-export interface NavItem {
-	icon: string
-	text: string
-	url: string
-	external?: boolean
-}
-
-export type Nav = {
-	title: string
-	items: NavItem[]
-}[]
+export interface NavItem {
+	icon: string
+	text: string
+	url: string
+	external?: boolean
+}
+
+export type Nav = {
+	title: string
+	items: NavItem[]
+}[]