various path fixes for links to extensions, fix relative paths in links
This commit is contained in:
		
							parent
							
								
									2dc0ae279c
								
							
						
					
					
						commit
						0c199975f2
					
				
					 16 changed files with 77 additions and 52 deletions
				
			
		| 
						 | 
				
			
			@ -49,6 +49,7 @@ describe("typeguards", () => {
 | 
			
		|||
    assert(path.isRelativeURL("./abc/def#an-anchor"))
 | 
			
		||||
    assert(path.isRelativeURL("./abc/def?query=1#an-anchor"))
 | 
			
		||||
    assert(path.isRelativeURL("../abc/def"))
 | 
			
		||||
    assert(path.isRelativeURL("./abc/def.pdf"))
 | 
			
		||||
 | 
			
		||||
    assert(!path.isRelativeURL("abc"))
 | 
			
		||||
    assert(!path.isRelativeURL("/abc/def"))
 | 
			
		||||
| 
						 | 
				
			
			@ -60,12 +61,12 @@ describe("typeguards", () => {
 | 
			
		|||
  test("isServerSlug", () => {
 | 
			
		||||
    assert(path.isServerSlug("index"))
 | 
			
		||||
    assert(path.isServerSlug("abc/def"))
 | 
			
		||||
    assert(path.isServerSlug("html.energy"))
 | 
			
		||||
    assert(path.isServerSlug("test.pdf"))
 | 
			
		||||
 | 
			
		||||
    assert(!path.isServerSlug("."))
 | 
			
		||||
    assert(!path.isServerSlug("./abc/def"))
 | 
			
		||||
    assert(!path.isServerSlug("../abc/def"))
 | 
			
		||||
    assert(!path.isServerSlug("index.html"))
 | 
			
		||||
    assert(!path.isServerSlug("abc/def.html"))
 | 
			
		||||
    assert(!path.isServerSlug("abc/def#anchor"))
 | 
			
		||||
    assert(!path.isServerSlug("abc/def?query=1"))
 | 
			
		||||
    assert(!path.isServerSlug("note with spaces"))
 | 
			
		||||
| 
						 | 
				
			
			@ -140,11 +141,12 @@ describe("transforms", () => {
 | 
			
		|||
    asserts(
 | 
			
		||||
      [
 | 
			
		||||
        ["content/index.md", "content/index"],
 | 
			
		||||
        ["content/index.html", "content/index"],
 | 
			
		||||
        ["content/_index.md", "content/index"],
 | 
			
		||||
        ["/content/index.md", "content/index"],
 | 
			
		||||
        ["content/cool.png", "content/cool"],
 | 
			
		||||
        ["content/cool.png", "content/cool.png"],
 | 
			
		||||
        ["index.md", "index"],
 | 
			
		||||
        ["test.mp4", "test"],
 | 
			
		||||
        ["test.mp4", "test.mp4"],
 | 
			
		||||
        ["note with spaces.md", "note-with-spaces"],
 | 
			
		||||
      ],
 | 
			
		||||
      path.slugifyFilePath,
 | 
			
		||||
| 
						 | 
				
			
			@ -160,10 +162,13 @@ describe("transforms", () => {
 | 
			
		|||
        [".", "."],
 | 
			
		||||
        ["./", "./"],
 | 
			
		||||
        ["./index", "./"],
 | 
			
		||||
        ["./index#abc", "./#abc"],
 | 
			
		||||
        ["./index.html", "./"],
 | 
			
		||||
        ["./index.md", "./"],
 | 
			
		||||
        ["./index.css", "./index.css"],
 | 
			
		||||
        ["content", "./content"],
 | 
			
		||||
        ["content/test.md", "./content/test"],
 | 
			
		||||
        ["content/test.pdf", "./content/test.pdf"],
 | 
			
		||||
        ["./content/test.md", "./content/test"],
 | 
			
		||||
        ["../content/test.md", "../content/test"],
 | 
			
		||||
        ["tags/", "./tags/"],
 | 
			
		||||
| 
						 | 
				
			
			@ -193,7 +198,7 @@ describe("transforms", () => {
 | 
			
		|||
})
 | 
			
		||||
 | 
			
		||||
describe("link strategies", () => {
 | 
			
		||||
  const allSlugs = ["a/b/c", "a/b/d", "a/b/index", "e/f", "e/g/h", "index"] as ServerSlug[]
 | 
			
		||||
  const allSlugs = ["a/b/c", "a/b/d", "a/b/index", "e/f", "e/g/h", "index", "a/test.png"] as ServerSlug[]
 | 
			
		||||
 | 
			
		||||
  describe("absolute", () => {
 | 
			
		||||
    const opts: TransformOptions = {
 | 
			
		||||
| 
						 | 
				
			
			@ -204,27 +209,29 @@ describe("link strategies", () => {
 | 
			
		|||
    test("from a/b/c", () => {
 | 
			
		||||
      const cur = "a/b/c" as CanonicalSlug
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "a/b/d", opts), "../../../a/b/d")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "a/b/index", opts), "../../../a/b")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "a/b/index", opts), "../../../a/b/")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "e/f", opts), "../../../e/f")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "e/g/h", opts), "../../../e/g/h")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "index", opts), "../../..")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "index", opts), "../../../")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "index.png", opts), "../../../index.png")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "index#abc", opts), "../../../#abc")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "tag/test", opts), "../../../tag/test")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "a/b/c#test", opts), "../../../a/b/c#test")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "a/test.png", opts), "../../../a/test.png")
 | 
			
		||||
    })
 | 
			
		||||
 | 
			
		||||
    test("from a/b/index", () => {
 | 
			
		||||
      const cur = "a/b" as CanonicalSlug
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "a/b/d", opts), "../../a/b/d")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "a/b", opts), "../../a/b")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "index", opts), "../..")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "index", opts), "../../")
 | 
			
		||||
    })
 | 
			
		||||
 | 
			
		||||
    test("from index", () => {
 | 
			
		||||
      const cur = "" as CanonicalSlug
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "index", opts), ".")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "index", opts), "./")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "a/b/c", opts), "./a/b/c")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "a/b/index", opts), "./a/b")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "a/b/index", opts), "./a/b/")
 | 
			
		||||
    })
 | 
			
		||||
  })
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -238,24 +245,29 @@ describe("link strategies", () => {
 | 
			
		|||
      const cur = "a/b/c" as CanonicalSlug
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "d", opts), "../../../a/b/d")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "h", opts), "../../../e/g/h")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "a/b/index", opts), "../../../a/b")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "index", opts), "../../..")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "a/b/index", opts), "../../../a/b/")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "a/b/index.png", opts), "../../../a/b/index.png")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "a/b/index#abc", opts), "../../../a/b/#abc")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "index", opts), "../../../")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "index.png", opts), "../../../index.png")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "test.png", opts), "../../../a/test.png")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "index#abc", opts), "../../../#abc")
 | 
			
		||||
    })
 | 
			
		||||
 | 
			
		||||
    test("from a/b/index", () => {
 | 
			
		||||
      const cur = "a/b" as CanonicalSlug
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "d", opts), "../../a/b/d")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "h", opts), "../../e/g/h")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "a/b/index", opts), "../../a/b")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "index", opts), "../..")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "a/b/index", opts), "../../a/b/")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "index", opts), "../../")
 | 
			
		||||
    })
 | 
			
		||||
 | 
			
		||||
    test("from index", () => {
 | 
			
		||||
      const cur = "" as CanonicalSlug
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "d", opts), "./a/b/d")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "h", opts), "./e/g/h")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "a/b/index", opts), "./a/b")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "index", opts), ".")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "a/b/index", opts), "./a/b/")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "index", opts), "./")
 | 
			
		||||
    })
 | 
			
		||||
  })
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -269,9 +281,14 @@ describe("link strategies", () => {
 | 
			
		|||
      const cur = "a/b/c" as CanonicalSlug
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "d", opts), "./d")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "index", opts), "./")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "../../index", opts), "../../")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "../../", opts), "../../")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "../../e/g/h", opts), "../../e/g/h")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "../../../index", opts), "../../../")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "../../../index.png", opts), "../../../index.png")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "../../../index#abc", opts), "../../../#abc")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "../../../", opts), "../../../")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "../../../a/test.png", opts), "../../../a/test.png")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "../../../e/g/h", opts), "../../../e/g/h")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "../../../e/g/h", opts), "../../../e/g/h")
 | 
			
		||||
      assert.strictEqual(path.transformLink(cur, "../../../e/g/h#abc", opts), "../../../e/g/h#abc")
 | 
			
		||||
    })
 | 
			
		||||
 | 
			
		||||
    test("from a/b/index", () => {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -72,7 +72,7 @@ export type RelativeURL = SlugLike<"relative">
 | 
			
		|||
export function isRelativeURL(s: string): s is RelativeURL {
 | 
			
		||||
  const validStart = /^\.{1,2}/.test(s)
 | 
			
		||||
  const validEnding = !(s.endsWith("/index") || s === "index")
 | 
			
		||||
  return validStart && validEnding && !_hasFileExtension(s)
 | 
			
		||||
  return validStart && validEnding && ![".md", ".html"].includes(_getFileExtension(s) ?? "") 
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/** A server side slug. This is what Quartz uses to emit files so uses index suffixes */
 | 
			
		||||
| 
						 | 
				
			
			@ -80,7 +80,7 @@ export type ServerSlug = SlugLike<"server">
 | 
			
		|||
export function isServerSlug(s: string): s is ServerSlug {
 | 
			
		||||
  const validStart = !(s.startsWith(".") || s.startsWith("/"))
 | 
			
		||||
  const validEnding = !s.endsWith("/")
 | 
			
		||||
  return validStart && validEnding && !_containsForbiddenCharacters(s) && !_hasFileExtension(s)
 | 
			
		||||
  return validStart && validEnding && !_containsForbiddenCharacters(s)
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/** The real file path to a file on disk */
 | 
			
		||||
| 
						 | 
				
			
			@ -114,9 +114,14 @@ export function canonicalizeServer(slug: ServerSlug): CanonicalSlug {
 | 
			
		|||
  return res
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
export function slugifyFilePath(fp: FilePath): ServerSlug {
 | 
			
		||||
export function slugifyFilePath(fp: FilePath, excludeExt?: boolean): ServerSlug {
 | 
			
		||||
  fp = _stripSlashes(fp) as FilePath
 | 
			
		||||
  const withoutFileExt = fp.replace(new RegExp(_getFileExtension(fp) + "$"), "")
 | 
			
		||||
  let ext = _getFileExtension(fp)
 | 
			
		||||
  const withoutFileExt = fp.replace(new RegExp(ext + "$"), "")
 | 
			
		||||
  if (excludeExt || [".md", ".html", undefined].includes(ext)) {
 | 
			
		||||
    ext = ""
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  let slug = withoutFileExt
 | 
			
		||||
    .split("/")
 | 
			
		||||
    .map((segment) => segment.replace(/\s/g, "-")) // slugify all segments
 | 
			
		||||
| 
						 | 
				
			
			@ -128,7 +133,7 @@ export function slugifyFilePath(fp: FilePath): ServerSlug {
 | 
			
		|||
    slug = slug.replace(/_index$/, "index")
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  return slug as ServerSlug
 | 
			
		||||
  return slug + ext as ServerSlug
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
export function transformInternalLink(link: string): RelativeURL {
 | 
			
		||||
| 
						 | 
				
			
			@ -139,19 +144,16 @@ export function transformInternalLink(link: string): RelativeURL {
 | 
			
		|||
    fplike.endsWith("index.md") ||
 | 
			
		||||
    fplike.endsWith("index.html") ||
 | 
			
		||||
    fplike.endsWith("/")
 | 
			
		||||
 | 
			
		||||
  let segments = fplike.split("/").filter((x) => x.length > 0)
 | 
			
		||||
  let prefix = segments.filter(_isRelativeSegment).join("/")
 | 
			
		||||
  let fp = segments.filter((seg) => !_isRelativeSegment(seg)).join("/")
 | 
			
		||||
 | 
			
		||||
  // implicit markdown
 | 
			
		||||
  if (!_hasFileExtension(fp)) {
 | 
			
		||||
    fp += ".md"
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  fp = canonicalizeServer(slugifyFilePath(fp as FilePath))
 | 
			
		||||
  // manually add ext here as we want to not strip 'index' if it has an extension
 | 
			
		||||
  fp = canonicalizeServer(slugifyFilePath(fp as FilePath) as ServerSlug)
 | 
			
		||||
  const joined = joinSegments(_stripSlashes(prefix), _stripSlashes(fp))
 | 
			
		||||
  const trail = folderPath ? "/" : ""
 | 
			
		||||
  const res = (_addRelativeToStart(joined) + anchor + trail) as RelativeURL
 | 
			
		||||
  const res = (_addRelativeToStart(joined) + trail + anchor) as RelativeURL
 | 
			
		||||
  return res
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -217,8 +219,9 @@ export function transformLink(
 | 
			
		|||
  if (opts.strategy === "relative") {
 | 
			
		||||
    return _addRelativeToStart(targetSlug) as RelativeURL
 | 
			
		||||
  } else {
 | 
			
		||||
    targetSlug = _stripSlashes(targetSlug.slice(".".length))
 | 
			
		||||
    let [targetCanonical, targetAnchor] = splitAnchor(targetSlug)
 | 
			
		||||
    const folderTail = targetSlug.endsWith("/") ? "/" : ""
 | 
			
		||||
    const canonicalSlug = _stripSlashes(targetSlug.slice(".".length))
 | 
			
		||||
    let [targetCanonical, targetAnchor] = splitAnchor(canonicalSlug)
 | 
			
		||||
 | 
			
		||||
    if (opts.strategy === "shortest") {
 | 
			
		||||
      // if the file name is unique, then it's just the filename
 | 
			
		||||
| 
						 | 
				
			
			@ -236,7 +239,7 @@ export function transformLink(
 | 
			
		|||
    }
 | 
			
		||||
 | 
			
		||||
    // if it's not unique, then it's the absolute path from the vault root
 | 
			
		||||
    return joinSegments(pathToRoot(src), targetSlug) as RelativeURL
 | 
			
		||||
    return joinSegments(pathToRoot(src), canonicalSlug) + folderTail as RelativeURL
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue