methanol 0.0.0 → 0.0.1

package/src/virtual-module/loader.js

@@ -0,0 +1,116 @@
+/* Copyright Yukino Song, SudoMaker Ltd.
+ *
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ * 	http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+export function init(registry, R) {
+	if (!registry) return
+
+	async function $$rwnd(key, id, props, target = document.currentScript) {
+		const loader = registry[key]
+
+		if (!loader) {
+			target.remove()
+			return
+		}
+
+		const renderer = (await loader()).default
+
+		if (!renderer) {
+			if (process.env.NODE_ENV !== 'production') {
+				throw new Error(`[REWiND] Hydration failed! Component '${key}' does not export \`default\`!`)
+			}
+
+			return
+		}
+
+		const findRewindAnchor = (node, token) => {
+			const marker = `{${token}}`
+			let current = node
+			while (current) {
+				let cursor = current.previousSibling
+				while (cursor) {
+					if (cursor.nodeType === 8 && cursor.nodeValue === marker) {
+						return cursor
+					}
+					cursor = cursor.previousSibling
+				}
+				current = current.parentNode
+			}
+			return null
+		}
+
+		const collectChildren = (fragment, token) => {
+			const startMarker = `[${token}[`
+			const endMarker = `]${token}]`
+			const walker = document.createTreeWalker(
+				fragment,
+				NodeFilter.SHOW_COMMENT,
+				null,
+			)
+			let start = null
+			let end = null
+			while (walker.nextNode()) {
+				const value = walker.currentNode.nodeValue
+				if (!start && value === startMarker) {
+					start = walker.currentNode
+					continue
+				}
+				if (start && value === endMarker) {
+					end = walker.currentNode
+					break
+				}
+			}
+			if (!start || !end) return []
+			const range = document.createRange()
+			range.setStartAfter(start)
+			range.setEndBefore(end)
+			const childrenFragment = range.extractContents()
+			return Array.from(childrenFragment.childNodes)
+		}
+
+		const idStr = id.toString(16)
+
+		const anchor = findRewindAnchor(target, idStr)
+		if (!anchor || !anchor.parentNode) {
+			target.replaceWith(R.c(renderer, props))
+			return
+		}
+
+		const range = document.createRange()
+		range.setStartAfter(anchor)
+		range.setEndBefore(target)
+		const between = range.extractContents()
+		const children = collectChildren(between, idStr)
+		const rendered = R.c(renderer, props, ...children)
+		target.replaceWith(rendered)
+		anchor.remove()
+	}
+
+	let loaded = []
+	if (window.$$rwnd) {
+		loaded = window.$$rwnd.$$loaded
+	}
+	window.$$rwnd = $$rwnd
+
+	if (loaded) {
+		for (let i = 0; i < loaded.length; i++) {
+			$$rwnd.apply(null, loaded[i])
+		}
+	}
+}

package/src/virtual-module/pagefind.js

@@ -0,0 +1,108 @@
+/* Copyright Yukino Song, SudoMaker Ltd.
+ *
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ * 	http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+let pagefindInit = null
+let pagefindUiInit = null
+let pagefindUiReady = false
+
+const dynamicImport = (path) => {
+	try {
+		const importer = new Function('p', 'return import(p)')
+		return importer(path)
+	} catch {
+		return import(/* @vite-ignore */path)
+	}
+}
+
+export const loadPagefind = async () => {
+	if (pagefindInit) return pagefindInit
+	pagefindInit = new Promise((resolve) => {
+		if (typeof window === 'undefined') {
+			resolve(null)
+			return
+		}
+		dynamicImport('/pagefind/pagefind.js')
+			.then((mod) => {
+				if (!mod) return resolve(null)
+				if (mod.search) return resolve(mod)
+				if (mod.default?.search) return resolve(mod.default)
+				return resolve(mod.default || mod)
+			})
+			.catch(() => resolve(null))
+	})
+	return pagefindInit
+}
+
+const defaultUiOptions = {
+	element: '#pagefind-ui',
+	showImages: false,
+	resetStyles: false
+}
+
+const resolveTarget = (element) => {
+	if (!element) return null
+	if (typeof element === 'string') {
+		return document.querySelector(element)
+	}
+	return element
+}
+
+const initPagefindUI = (options) => {
+	const PagefindUI = window.PagefindUI
+	if (!PagefindUI) return false
+	const merged = { ...defaultUiOptions, ...(options || {}) }
+	const target = resolveTarget(merged.element)
+	if (!target) return false
+	new PagefindUI(merged)
+	pagefindUiReady = true
+	return true
+}
+
+export const loadPagefindUI = async (options = {}) => {
+	if (pagefindUiReady) return true
+	if (pagefindUiInit) return pagefindUiInit
+	pagefindUiInit = new Promise((resolve) => {
+		if (typeof window === 'undefined') {
+			resolve(false)
+			return
+		}
+		const done = (value) => resolve(Boolean(value))
+		if (window.PagefindUI) {
+			done(initPagefindUI(options))
+			return
+		}
+		const script = document.createElement('script')
+		script.src = '/pagefind/pagefind-ui.js'
+		script.async = true
+		script.onload = () => done(initPagefindUI(options))
+		script.onerror = () => done(false)
+		document.head.appendChild(script)
+	})
+	return pagefindUiInit
+}
+
+export const focusPagefindInput = () => {
+	if (typeof document === 'undefined') return
+	const input =
+		document.querySelector('#pagefind-ui input[type="search"]') || document.querySelector('#pagefind-ui input')
+	if (input) {
+		input.focus()
+	}
+}

package/src/vite-plugins.js

@@ -0,0 +1,173 @@
+/* Copyright Yukino Song, SudoMaker Ltd.
+ *
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ * 	http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { createRequire } from 'node:module'
+import { readFile } from 'node:fs/promises'
+import { existsSync } from 'node:fs'
+import { resolve } from 'node:path'
+import { normalizePath } from 'vite'
+import { state } from './state.js'
+import { genRegistryScript } from './components.js'
+import { INJECT_SCRIPT, LOADER_SCRIPT, PAGEFIND_SCRIPT } from './assets.js'
+import { projectRequire } from './node-loader.js'
+
+const require = createRequire(import.meta.url)
+
+export const methanolVirtualHtmlPlugin = (htmlCache) => {
+	const prefix = normalizePath(state.VIRTUAL_HTML_OUTPUT_ROOT + '/')
+	return {
+		name: 'methanol-virtual-html',
+		resolveId(id) {
+			const normalized = normalizePath(id)
+			if (normalized.startsWith(prefix) && htmlCache.has(normalized)) {
+				return normalized
+			}
+		},
+		load(id) {
+			const normalized = normalizePath(id)
+			if (normalized.startsWith(prefix) && htmlCache.has(normalized)) {
+				return htmlCache.get(normalized) ?? null
+			}
+		}
+	}
+}
+
+export const methanolPreviewRoutingPlugin = (distDir, notFoundPath) => ({
+	name: 'methanol-preview-routing',
+	configurePreviewServer(server) {
+		return () => {
+			let cachedHtml = null
+			const loadNotFoundHtml = async () => {
+				if (!existsSync(notFoundPath)) return null
+				if (cachedHtml != null) return cachedHtml
+				cachedHtml = await readFile(notFoundPath, 'utf-8')
+				return cachedHtml
+			}
+			const handler = async (req, res, next) => {
+				if (!req.url || req.method !== 'GET') {
+					return next()
+				}
+				const accept = req.headers.accept || ''
+				let pathname = req.url
+				try {
+					pathname = new URL(req.url, 'http://methanol').pathname
+					pathname = decodeURIComponent(pathname)
+				} catch {}
+				const hasTrailingSlash = pathname.endsWith('/') && pathname !== '/'
+				if (pathname.includes('.') && !pathname.endsWith('.html')) {
+					return next()
+				}
+				if (!pathname.endsWith('.html') && !accept.includes('text/html')) {
+					return next()
+				}
+				const resolveHtmlPath = (value) => resolve(distDir, value.replace(/^\//, ''))
+				const candidates = []
+				if (pathname === '/' || pathname === '') {
+					candidates.push(resolveHtmlPath('/index.html'))
+				} else if (pathname.endsWith('.html')) {
+					candidates.push(resolveHtmlPath(pathname))
+				} else {
+					candidates.push(resolveHtmlPath(`${pathname}.html`))
+					candidates.push(resolveHtmlPath(`${pathname}/index.html`))
+				}
+				if (candidates.some((candidate) => existsSync(candidate))) {
+					return next()
+				}
+				const html = await loadNotFoundHtml()
+				if (!html) {
+					return next()
+				}
+				res.statusCode = 404
+				res.setHeader('Content-Type', 'text/html')
+				res.end(html)
+			}
+			if (Array.isArray(server.middlewares.stack)) {
+				server.middlewares.stack.unshift({ route: '', handle: handler })
+			} else {
+				server.middlewares.use(handler)
+			}
+		}
+	}
+})
+
+const virtualModulePrefix = '/.methanol_virtual_module/'
+const resolvedVirtualModulePrefix = '\0' + virtualModulePrefix
+
+const virtualModuleMap = {
+	get 'registry.js'() {
+		return `export const registry = ${genRegistryScript()}`
+	},
+	'loader.js': LOADER_SCRIPT,
+	'inject.js': INJECT_SCRIPT,
+	'pagefind.js': PAGEFIND_SCRIPT
+}
+
+const getModuleIdSegment = (id, start) => {
+	return new URL(id.slice(start), 'http://methanol').pathname.slice(1)
+}
+
+export const methanolResolverPlugin = () => {
+	return {
+		name: 'methanol-resolver',
+		resolveId(id) {
+			if (id === 'refui' || id.startsWith('refui/')) {
+				try {
+					return projectRequire.resolve(id)
+				} catch {
+					return require.resolve(id)
+				}
+			}
+
+			if (id === 'methanol' || id.startsWith('methanol/')) {
+				return require.resolve(id)
+			}
+
+			if (id.startsWith(virtualModulePrefix)) {
+				const _moduleId = getModuleIdSegment(id, virtualModulePrefix.length)
+				if (Object.prototype.hasOwnProperty.call(virtualModuleMap, _moduleId)) {
+					return '\0' + id
+				}
+			}
+
+			if (state.RESOURCES.length) {
+				const { pathname, search } = new URL(id, 'http://methanol')
+				for (const entry of state.RESOURCES) {
+					const { find, replacement } = entry
+					if (!find || !replacement) continue
+					if (typeof find === 'string') {
+						if (pathname === find || pathname.startsWith(`${find}/`)) {
+							return `${replacement}${pathname.slice(find.length)}${search}`
+						}
+						continue
+					}
+					if (find instanceof RegExp && find.test(pathname)) {
+						return `${pathname.replace(find, replacement)}${search}`
+					}
+				}
+			}
+		},
+		load(id) {
+			if (id.startsWith(resolvedVirtualModulePrefix)) {
+				const _moduleId = getModuleIdSegment(id, resolvedVirtualModulePrefix.length)
+				return virtualModuleMap[_moduleId]
+			}
+		}
+	}
+}

package/themes/default/components/ThemeColorSwitch.client.jsx

@@ -0,0 +1,95 @@
+/* Copyright Yukino Song, SudoMaker Ltd.
+ *
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ * 	http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { signal, $ } from 'refui'
+
+const LightIcon = () => (
+	<svg
+		attr:width="18"
+		attr:height="18"
+		attr:viewBox="0 0 24 24"
+		attr:fill="none"
+		attr:stroke="currentColor"
+		attr:stroke-width="2"
+		attr:stroke-linecap="round"
+		attr:stroke-linejoin="round"
+	>
+		<circle attr:cx="12" attr:cy="12" attr:r="5"></circle>
+		<line attr:x1="12" attr:y1="1" attr:x2="12" attr:y2="3"></line>
+		<line attr:x1="12" attr:y1="21" attr:x2="12" attr:y2="23"></line>
+		<line attr:x1="4.22" attr:y1="4.22" attr:x2="5.64" attr:y2="5.64"></line>
+		<line attr:x1="18.36" attr:y1="18.36" attr:x2="19.78" attr:y2="19.78"></line>
+		<line attr:x1="1" attr:y1="12" attr:x2="3" attr:y2="12"></line>
+		<line attr:x1="21" attr:y1="12" attr:x2="23" attr:y2="12"></line>
+		<line attr:x1="4.22" attr:y1="19.78" attr:x2="5.64" attr:y2="18.36"></line>
+		<line attr:x1="18.36" attr:y1="5.64" attr:x2="19.78" attr:y2="4.22"></line>
+	</svg>
+)
+
+const DarkIcon = () => (
+	<svg
+		attr:width="18"
+		attr:height="18"
+		attr:viewBox="0 0 24 24"
+		attr:fill="none"
+		attr:stroke="currentColor"
+		attr:stroke-width="2"
+		attr:stroke-linecap="round"
+		attr:stroke-linejoin="round"
+	>
+		<path attr:d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
+	</svg>
+)
+
+export default function () {
+	const theme = signal('dark')
+
+	// Initialize theme from localStorage or system preference
+	if (typeof window !== 'undefined') {
+		const savedTheme = localStorage.getItem('methanol-theme')
+		const systemTheme = window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark'
+		theme.value = savedTheme || systemTheme
+		document.documentElement.classList.toggle('light', theme.value === 'light')
+		document.documentElement.classList.toggle('dark', theme.value === 'dark')
+	}
+
+	const toggle = () => {
+		theme.value = theme.value === 'light' ? 'dark' : 'light'
+		localStorage.setItem('methanol-theme', theme.value)
+		document.documentElement.classList.toggle('light', theme.value === 'light')
+		document.documentElement.classList.toggle('dark', theme.value === 'dark')
+	}
+
+	const CurrentIcon = $(() => {
+		if (theme.value === 'light') {
+			return LightIcon
+		} else {
+			return DarkIcon
+		}
+	})
+
+	return (
+		<div class="theme-switch-container">
+			<button class="theme-switch-btn" on:click={toggle} aria-label="Toggle theme">
+				<CurrentIcon />
+			</button>
+		</div>
+	)
+}

package/themes/default/components/ThemeColorSwitch.static.jsx

@@ -0,0 +1,23 @@
+/* Copyright Yukino Song, SudoMaker Ltd.
+ *
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ * 	http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+export default function () {
+	// render nothing on server side
+}