From a53772bbd1dd2804872ae0e519bedeb2a2fd4287 Mon Sep 17 00:00:00 2001
From: Osman Tunahan ARIKAN <154083945+OsmanTunahan@users.noreply.github.com>
Date: Wed, 30 Oct 2024 22:33:22 +0000
Subject: [PATCH] feat(i18n): add turkish language (#1554)
---
quartz/components/pages/FolderContent.tsx | 68 ++++++++++++++++++++++++++--------
1 files changed, 52 insertions(+), 16 deletions(-)
diff --git a/quartz/components/pages/FolderContent.tsx b/quartz/components/pages/FolderContent.tsx
index 02938e3..7a49d49 100644
--- a/quartz/components/pages/FolderContent.tsx
+++ b/quartz/components/pages/FolderContent.tsx
@@ -1,43 +1,80 @@
-import { QuartzComponentConstructor, QuartzComponentProps } from "../types"
+import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "../types"
import path from "path"
import style from "../styles/listPage.scss"
-import { PageList } from "../PageList"
-import { _stripSlashes, simplifySlug } from "../../util/path"
+import { byDateAndAlphabetical, PageList, SortFn } from "../PageList"
+import { stripSlashes, simplifySlug, joinSegments, FullSlug } from "../../util/path"
import { Root } from "hast"
-import { pluralize } from "../../util/lang"
import { htmlToJsx } from "../../util/jsx"
-import { i18n } from "../../i18n/i18next"
+import { i18n } from "../../i18n"
+import { QuartzPluginData } from "../../plugins/vfile"
interface FolderContentOptions {
/**
* Whether to display number of folders
*/
showFolderCount: boolean
+ showSubfolders: boolean
+ sort?: SortFn
}
const defaultOptions: FolderContentOptions = {
showFolderCount: true,
+ showSubfolders: true,
}
export default ((opts?: Partial<FolderContentOptions>) => {
const options: FolderContentOptions = { ...defaultOptions, ...opts }
- function FolderContent(props: QuartzComponentProps) {
+ const FolderContent: QuartzComponent = (props: QuartzComponentProps) => {
const { tree, fileData, allFiles, cfg } = props
- const folderSlug = _stripSlashes(simplifySlug(fileData.slug!))
- const allPagesInFolder = allFiles.filter((file) => {
- const fileSlug = _stripSlashes(simplifySlug(file.slug!))
+ const folderSlug = stripSlashes(simplifySlug(fileData.slug!))
+ const folderParts = folderSlug.split(path.posix.sep)
+
+ const allPagesInFolder: QuartzPluginData[] = []
+ const allPagesInSubfolders: Map<FullSlug, QuartzPluginData[]> = new Map()
+
+ allFiles.forEach((file) => {
+ const fileSlug = stripSlashes(simplifySlug(file.slug!))
const prefixed = fileSlug.startsWith(folderSlug) && fileSlug !== folderSlug
- const folderParts = folderSlug.split(path.posix.sep)
const fileParts = fileSlug.split(path.posix.sep)
const isDirectChild = fileParts.length === folderParts.length + 1
- return prefixed && isDirectChild
+
+ if (!prefixed) {
+ return
+ }
+
+ if (isDirectChild) {
+ allPagesInFolder.push(file)
+ } else if (options.showSubfolders) {
+ const subfolderSlug = joinSegments(
+ ...fileParts.slice(0, folderParts.length + 1),
+ ) as FullSlug
+ const pagesInFolder = allPagesInSubfolders.get(subfolderSlug) || []
+ allPagesInSubfolders.set(subfolderSlug, [...pagesInFolder, file])
+ }
})
+
+ allPagesInSubfolders.forEach((files, subfolderSlug) => {
+ const hasIndex = allPagesInFolder.some(
+ (file) => subfolderSlug === stripSlashes(simplifySlug(file.slug!)),
+ )
+ if (!hasIndex) {
+ const subfolderDates = files.sort(byDateAndAlphabetical(cfg))[0].dates
+ const subfolderTitle = subfolderSlug.split(path.posix.sep).at(-1)!
+ allPagesInFolder.push({
+ slug: subfolderSlug,
+ dates: subfolderDates,
+ frontmatter: { title: subfolderTitle, tags: ["folder"] },
+ })
+ }
+ })
+
const cssClasses: string[] = fileData.frontmatter?.cssclasses ?? []
const classes = ["popover-hint", ...cssClasses].join(" ")
const listProps = {
...props,
+ sort: options.sort,
allFiles: allPagesInFolder,
}
@@ -48,14 +85,13 @@
return (
<div class={classes}>
- <article>
- <p>{content}</p>
- </article>
+ <article>{content}</article>
<div class="page-listing">
{options.showFolderCount && (
<p>
- {pluralize(allPagesInFolder.length, i18n(cfg.locale, "common.item"))}{" "}
- {i18n(cfg.locale, "folderContent.underThisFolder")}.
+ {i18n(cfg.locale).pages.folderContent.itemsUnderFolder({
+ count: allPagesInFolder.length,
+ })}
</p>
)}
<div>
--
Gitblit v1.10.0