methanol 0.0.6 → 0.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "methanol",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Static site generator powered by rEFui and MDX",
   "main": "./index.js",
   "type": "module",

package/src/pages.js

@@ -273,7 +273,10 @@ const buildPagesTree = (pages, options = {}) => {
 			const shouldExposeHidden =
 				!isHidden404 &&
 				page.hiddenByFrontmatter === true &&
-				(page.routePath === currentRoutePath || isUnderExposedHiddenDir(page.dir))
+				(
+					page.routePath === currentRoutePath ||
+					(page.isIndex && page.dir && isUnderExposedHiddenDir(page.dir))
+				)
 			if (!shouldExposeHidden) {
 				continue
 			}

package/src/public-assets.js

@@ -48,7 +48,7 @@ const linkOrCopyFile = async (src, dest) => {
 
 	try {
 		await ensureDir(dirname(dest))
-		
+
 		if (isWindows) {
 			// Windows: Check for different drives first
 			if (parse(src).root.toLowerCase() !== parse(dest).root.toLowerCase()) {
@@ -85,7 +85,7 @@ const processDir = async (sourceDir, targetDir, accumulated = new Set()) => {
 		const sourcePath = resolve(sourceDir, entry)
 		const targetPath = resolve(targetDir, entry)
 		const stats = await stat(sourcePath)
-		
+
 		if (stats.isDirectory()) {
 			await processDir(sourcePath, targetPath, accumulated)
 		} else {
@@ -104,7 +104,7 @@ export const preparePublicAssets = async ({ themeDir, userDir, targetDir }) => {
 	if (themeDir) {
 		await processDir(themeDir, targetDir)
 	}
-	
+
 	if (userDir) {
 		await processDir(userDir, targetDir)
 	}
@@ -112,7 +112,7 @@ export const preparePublicAssets = async ({ themeDir, userDir, targetDir }) => {
 
 export const updateAsset = async ({ type, filePath, themeDir, userDir, targetDir, relPath }) => {
 	const targetPath = resolve(targetDir, relPath)
-	
+
 	if (type === 'unlink') {
 		try {
 			try {
@@ -122,7 +122,7 @@ export const updateAsset = async ({ type, filePath, themeDir, userDir, targetDir
 					await rm(targetPath, { recursive: true, force: true })
 				}
 			}
-			
+
 			if (themeDir) {
 				const themePath = resolve(themeDir, relPath)
 				if (existsSync(themePath)) {
@@ -141,4 +141,4 @@ export const updateAsset = async ({ type, filePath, themeDir, userDir, targetDir
 			return 'updated'
 		}
 	}
-}
+}

package/themes/default/components/ButtonGroup.jsx

@@ -0,0 +1,38 @@
+/* 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 ButtonGroup({
+	children,
+	className = '',
+	align = 'left', // left, center, right
+	...props
+}) {
+	const classes = [
+		'button-group',
+		`button-group--${align}`,
+		className
+	].filter(Boolean).join(' ')
+
+	return (
+		<div class={classes} {...props}>
+			{children}
+		</div>
+	)
+}

package/themes/default/components/LinkButton.jsx

@@ -0,0 +1,37 @@
+/* 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 LinkButton({
+	children,
+	variant = 'primary', // primary, secondary, outline, ghost
+	size = 'md', // sm, md, lg
+	class: className = '',
+	...props
+}) {
+	const classes = ['link-button', `link-button--${variant}`, `link-button--${size}`, className]
+		.filter(Boolean)
+		.join(' ')
+
+	return (
+		<a class={classes} {...props}>
+			{children}
+		</a>
+	)
+}

package/themes/default/page.jsx

@@ -89,8 +89,9 @@ const PAGE_TEMPLATE = ({ Page, ExtraHead, components, ctx }) => {
 	const logo = pageFrontmatter.logo ?? rootFrontmatter.logo ?? ctx.site?.logo ?? themeLogo
 	const favicon = pageFrontmatter.favicon ?? rootFrontmatter.favicon ?? ctx.site?.favicon ?? themeFavIcon
 	const excerpt = pageFrontmatter.excerpt ?? `${title} | ${siteName} - Powered by Methanol`
-	const ogTitle = pageFrontmatter.ogTitle ?? null
-	const ogDescription = pageFrontmatter.ogDescription ?? null
+	const _ogTitle = pageFrontmatter.ogTitle ?? title ?? null
+	const ogTitle = _ogTitle ? `${_ogTitle} | ${siteName}` : null
+	const ogDescription = pageFrontmatter.ogDescription ?? excerpt ?? null
 	const ogImage = pageFrontmatter.ogImage ?? null
 	const ogUrl = pageFrontmatter.ogUrl ?? null
 	const twitterTitle = pageFrontmatter.twitterTitle ?? ogTitle

package/themes/default/sources/style.css

@@ -1627,6 +1627,110 @@ a {
 	}
 }
 
+/* --- Components --- */
+
+.link-button {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	font-weight: 600;
+	border-radius: 999px;
+	text-decoration: none !important;
+	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+	cursor: pointer;
+	line-height: 1;
+	gap: 0.5rem;
+	white-space: nowrap;
+}
+
+.link-button:active {
+	transform: scale(0.96);
+}
+
+/* Variants */
+.link-button--primary {
+	background-color: var(--accent);
+	color: var(--accent-foreground);
+	border: 1px solid transparent;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+
+	&:hover {
+		opacity: 0.9;
+		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+		transform: translateY(-1px);
+	}
+}
+
+.link-button--secondary {
+	background-color: var(--surface-elevated);
+	color: var(--text);
+	border: 1px solid var(--border);
+
+	&:hover {
+		background-color: var(--surface-muted);
+		border-color: var(--muted);
+	}
+}
+
+.link-button--outline {
+	background-color: transparent;
+	color: var(--text);
+	border: 1px solid var(--border);
+
+	&:hover {
+		border-color: var(--accent);
+		color: var(--accent);
+		background-color: var(--accent-soft);
+	}
+}
+
+.link-button--ghost {
+	background-color: transparent;
+	color: var(--muted);
+	border: 1px solid transparent;
+
+	&:hover {
+		color: var(--accent);
+		background-color: var(--accent-soft);
+	}
+}
+
+/* Sizes */
+.link-button--sm {
+	padding: 0.375rem 0.75rem;
+	font-size: 0.85rem;
+}
+
+.link-button--md {
+	padding: 0.625rem 1.25rem;
+	font-size: 0.95rem;
+}
+
+.link-button--lg {
+	padding: 0.875rem 1.75rem;
+	font-size: 1.1rem;
+}
+
+.button-group {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 1rem;
+	margin: 1.5rem 0;
+	align-items: center;
+}
+
+.button-group--left {
+	justify-content: flex-start;
+}
+
+.button-group--center {
+	justify-content: center;
+}
+
+.button-group--right {
+	justify-content: flex-end;
+}
+
 /* --- View Transitions --- */
 
 @view-transition {