chore: refactor out and export endsWith

This commit is contained in:
Jacky Zhao 2024-02-11 10:57:24 -08:00
parent af5f5abad4
commit ab0e20b4d0
5 changed files with 34 additions and 33 deletions

View file

@ -1,5 +1,5 @@
import { i18n } from "../i18n" import { i18n } from "../i18n"
import { FullSlug, _stripSlashes, joinSegments, pathToRoot } from "../util/path" import { FullSlug, joinSegments, pathToRoot } from "../util/path"
import { JSResourceToScriptElement } from "../util/resources" import { JSResourceToScriptElement } from "../util/resources"
import { QuartzComponentConstructor, QuartzComponentProps } from "./types" import { QuartzComponentConstructor, QuartzComponentProps } from "./types"

View file

@ -3,7 +3,7 @@ import path from "path"
import style from "../styles/listPage.scss" import style from "../styles/listPage.scss"
import { PageList } from "../PageList" import { PageList } from "../PageList"
import { _stripSlashes, simplifySlug } from "../../util/path" import { stripSlashes, simplifySlug } from "../../util/path"
import { Root } from "hast" import { Root } from "hast"
import { htmlToJsx } from "../../util/jsx" import { htmlToJsx } from "../../util/jsx"
import { i18n } from "../../i18n" import { i18n } from "../../i18n"
@ -24,9 +24,9 @@ export default ((opts?: Partial<FolderContentOptions>) => {
function FolderContent(props: QuartzComponentProps) { function FolderContent(props: QuartzComponentProps) {
const { tree, fileData, allFiles, cfg } = props const { tree, fileData, allFiles, cfg } = props
const folderSlug = _stripSlashes(simplifySlug(fileData.slug!)) const folderSlug = stripSlashes(simplifySlug(fileData.slug!))
const allPagesInFolder = allFiles.filter((file) => { const allPagesInFolder = allFiles.filter((file) => {
const fileSlug = _stripSlashes(simplifySlug(file.slug!)) const fileSlug = stripSlashes(simplifySlug(file.slug!))
const prefixed = fileSlug.startsWith(folderSlug) && fileSlug !== folderSlug const prefixed = fileSlug.startsWith(folderSlug) && fileSlug !== folderSlug
const folderParts = folderSlug.split(path.posix.sep) const folderParts = folderSlug.split(path.posix.sep)
const fileParts = fileSlug.split(path.posix.sep) const fileParts = fileSlug.split(path.posix.sep)

View file

@ -10,7 +10,7 @@ import {
FilePath, FilePath,
FullSlug, FullSlug,
SimpleSlug, SimpleSlug,
_stripSlashes, stripSlashes,
joinSegments, joinSegments,
pathToRoot, pathToRoot,
simplifySlug, simplifySlug,
@ -38,7 +38,7 @@ export const FolderPage: QuartzEmitterPlugin<Partial<FullPageLayout>> = (userOpt
getQuartzComponents() { getQuartzComponents() {
return [Head, Header, Body, ...header, ...beforeBody, pageBody, ...left, ...right, Footer] return [Head, Header, Body, ...header, ...beforeBody, pageBody, ...left, ...right, Footer]
}, },
async getDependencyGraph(ctx, content, _resources) { async getDependencyGraph(_ctx, _content, _resources) {
// Example graph: // Example graph:
// nested/file.md --> nested/file.html // nested/file.md --> nested/file.html
// \-------> nested/index.html // \-------> nested/index.html
@ -75,7 +75,7 @@ export const FolderPage: QuartzEmitterPlugin<Partial<FullPageLayout>> = (userOpt
) )
for (const [tree, file] of content) { for (const [tree, file] of content) {
const slug = _stripSlashes(simplifySlug(file.data.slug!)) as SimpleSlug const slug = stripSlashes(simplifySlug(file.data.slug!)) as SimpleSlug
if (folders.has(slug)) { if (folders.has(slug)) {
folderDescriptions[slug] = [tree, file] folderDescriptions[slug] = [tree, file]
} }

View file

@ -4,7 +4,7 @@ import {
RelativeURL, RelativeURL,
SimpleSlug, SimpleSlug,
TransformOptions, TransformOptions,
_stripSlashes, stripSlashes,
simplifySlug, simplifySlug,
splitAnchor, splitAnchor,
transformLink, transformLink,
@ -115,7 +115,7 @@ export const CrawlLinks: QuartzTransformerPlugin<Partial<Options> | undefined> =
} }
// need to decodeURIComponent here as WHATWG URL percent-encodes everything // need to decodeURIComponent here as WHATWG URL percent-encodes everything
const full = decodeURIComponent(_stripSlashes(destCanonical, true)) as FullSlug const full = decodeURIComponent(stripSlashes(destCanonical, true)) as FullSlug
const simple = simplifySlug(full) const simple = simplifySlug(full)
outgoing.add(simple) outgoing.add(simple)
node.properties["data-slug"] = full node.properties["data-slug"] = full

View file

@ -23,22 +23,22 @@ export type FullSlug = SlugLike<"full">
export function isFullSlug(s: string): s is FullSlug { export function isFullSlug(s: string): s is FullSlug {
const validStart = !(s.startsWith(".") || s.startsWith("/")) const validStart = !(s.startsWith(".") || s.startsWith("/"))
const validEnding = !s.endsWith("/") const validEnding = !s.endsWith("/")
return validStart && validEnding && !_containsForbiddenCharacters(s) return validStart && validEnding && !containsForbiddenCharacters(s)
} }
/** Shouldn't be a relative path and shouldn't have `/index` as an ending or a file extension. It _can_ however have a trailing slash to indicate a folder path. */ /** Shouldn't be a relative path and shouldn't have `/index` as an ending or a file extension. It _can_ however have a trailing slash to indicate a folder path. */
export type SimpleSlug = SlugLike<"simple"> export type SimpleSlug = SlugLike<"simple">
export function isSimpleSlug(s: string): s is SimpleSlug { export function isSimpleSlug(s: string): s is SimpleSlug {
const validStart = !(s.startsWith(".") || (s.length > 1 && s.startsWith("/"))) const validStart = !(s.startsWith(".") || (s.length > 1 && s.startsWith("/")))
const validEnding = !(s.endsWith("/index") || s === "index") const validEnding = !endsWith(s, "index")
return validStart && !_containsForbiddenCharacters(s) && validEnding && !_hasFileExtension(s) return validStart && !containsForbiddenCharacters(s) && validEnding && !_hasFileExtension(s)
} }
/** Can be found on `href`s but can also be constructed for client-side navigation (e.g. search and graph) */ /** Can be found on `href`s but can also be constructed for client-side navigation (e.g. search and graph) */
export type RelativeURL = SlugLike<"relative"> export type RelativeURL = SlugLike<"relative">
export function isRelativeURL(s: string): s is RelativeURL { export function isRelativeURL(s: string): s is RelativeURL {
const validStart = /^\.{1,2}/.test(s) const validStart = /^\.{1,2}/.test(s)
const validEnding = !(s.endsWith("/index") || s === "index") const validEnding = !endsWith(s, "index")
return validStart && validEnding && ![".md", ".html"].includes(_getFileExtension(s) ?? "") return validStart && validEnding && ![".md", ".html"].includes(_getFileExtension(s) ?? "")
} }
@ -63,7 +63,7 @@ function sluggify(s: string): string {
} }
export function slugifyFilePath(fp: FilePath, excludeExt?: boolean): FullSlug { export function slugifyFilePath(fp: FilePath, excludeExt?: boolean): FullSlug {
fp = _stripSlashes(fp) as FilePath fp = stripSlashes(fp) as FilePath
let ext = _getFileExtension(fp) let ext = _getFileExtension(fp)
const withoutFileExt = fp.replace(new RegExp(ext + "$"), "") const withoutFileExt = fp.replace(new RegExp(ext + "$"), "")
if (excludeExt || [".md", ".html", undefined].includes(ext)) { if (excludeExt || [".md", ".html", undefined].includes(ext)) {
@ -73,7 +73,7 @@ export function slugifyFilePath(fp: FilePath, excludeExt?: boolean): FullSlug {
let slug = sluggify(withoutFileExt) let slug = sluggify(withoutFileExt)
// treat _index as index // treat _index as index
if (_endsWith(slug, "_index")) { if (endsWith(slug, "_index")) {
slug = slug.replace(/_index$/, "index") slug = slug.replace(/_index$/, "index")
} }
@ -81,21 +81,21 @@ export function slugifyFilePath(fp: FilePath, excludeExt?: boolean): FullSlug {
} }
export function simplifySlug(fp: FullSlug): SimpleSlug { export function simplifySlug(fp: FullSlug): SimpleSlug {
const res = _stripSlashes(_trimSuffix(fp, "index"), true) const res = stripSlashes(trimSuffix(fp, "index"), true)
return (res.length === 0 ? "/" : res) as SimpleSlug return (res.length === 0 ? "/" : res) as SimpleSlug
} }
export function transformInternalLink(link: string): RelativeURL { export function transformInternalLink(link: string): RelativeURL {
let [fplike, anchor] = splitAnchor(decodeURI(link)) let [fplike, anchor] = splitAnchor(decodeURI(link))
const folderPath = _isFolderPath(fplike) const folderPath = isFolderPath(fplike)
let segments = fplike.split("/").filter((x) => x.length > 0) let segments = fplike.split("/").filter((x) => x.length > 0)
let prefix = segments.filter(_isRelativeSegment).join("/") let prefix = segments.filter(isRelativeSegment).join("/")
let fp = segments.filter((seg) => !_isRelativeSegment(seg) && seg !== "").join("/") let fp = segments.filter((seg) => !isRelativeSegment(seg) && seg !== "").join("/")
// manually add ext here as we want to not strip 'index' if it has an extension // manually add ext here as we want to not strip 'index' if it has an extension
const simpleSlug = simplifySlug(slugifyFilePath(fp as FilePath)) const simpleSlug = simplifySlug(slugifyFilePath(fp as FilePath))
const joined = joinSegments(_stripSlashes(prefix), _stripSlashes(simpleSlug)) const joined = joinSegments(stripSlashes(prefix), stripSlashes(simpleSlug))
const trail = folderPath ? "/" : "" const trail = folderPath ? "/" : ""
const res = (_addRelativeToStart(joined) + trail + anchor) as RelativeURL const res = (_addRelativeToStart(joined) + trail + anchor) as RelativeURL
return res return res
@ -206,8 +206,8 @@ export function transformLink(src: FullSlug, target: string, opts: TransformOpti
if (opts.strategy === "relative") { if (opts.strategy === "relative") {
return targetSlug as RelativeURL return targetSlug as RelativeURL
} else { } else {
const folderTail = _isFolderPath(targetSlug) ? "/" : "" const folderTail = isFolderPath(targetSlug) ? "/" : ""
const canonicalSlug = _stripSlashes(targetSlug.slice(".".length)) const canonicalSlug = stripSlashes(targetSlug.slice(".".length))
let [targetCanonical, targetAnchor] = splitAnchor(canonicalSlug) let [targetCanonical, targetAnchor] = splitAnchor(canonicalSlug)
if (opts.strategy === "shortest") { if (opts.strategy === "shortest") {
@ -230,28 +230,29 @@ export function transformLink(src: FullSlug, target: string, opts: TransformOpti
} }
} }
function _isFolderPath(fplike: string): boolean { // path helpers
function isFolderPath(fplike: string): boolean {
return ( return (
fplike.endsWith("/") || fplike.endsWith("/") ||
_endsWith(fplike, "index") || endsWith(fplike, "index") ||
_endsWith(fplike, "index.md") || endsWith(fplike, "index.md") ||
_endsWith(fplike, "index.html") endsWith(fplike, "index.html")
) )
} }
function _endsWith(s: string, suffix: string): boolean { export function endsWith(s: string, suffix: string): boolean {
return s === suffix || s.endsWith("/" + suffix) return s === suffix || s.endsWith("/" + suffix)
} }
function _trimSuffix(s: string, suffix: string): string { function trimSuffix(s: string, suffix: string): string {
if (_endsWith(s, suffix)) { if (endsWith(s, suffix)) {
s = s.slice(0, -suffix.length) s = s.slice(0, -suffix.length)
} }
return s return s
} }
function _containsForbiddenCharacters(s: string): boolean { function containsForbiddenCharacters(s: string): boolean {
return s.includes(" ") || s.includes("#") || s.includes("?") return s.includes(" ") || s.includes("#") || s.includes("?") || s.includes("&")
} }
function _hasFileExtension(s: string): boolean { function _hasFileExtension(s: string): boolean {
@ -262,11 +263,11 @@ function _getFileExtension(s: string): string | undefined {
return s.match(/\.[A-Za-z0-9]+$/)?.[0] return s.match(/\.[A-Za-z0-9]+$/)?.[0]
} }
function _isRelativeSegment(s: string): boolean { function isRelativeSegment(s: string): boolean {
return /^\.{0,2}$/.test(s) return /^\.{0,2}$/.test(s)
} }
export function _stripSlashes(s: string, onlyStripPrefix?: boolean): string { export function stripSlashes(s: string, onlyStripPrefix?: boolean): string {
if (s.startsWith("/")) { if (s.startsWith("/")) {
s = s.substring(1) s = s.substring(1)
} }