fix(explorer): allow setting displayName (closes #1824)

Jacky Zhao

2025-03-12 bfa938cc62113391e4022c5a22390d3096770ded

fix(explorer): allow setting displayName (closes #1824)

 quartz/util/fileTrie.test.ts

@@ -31,6 +31,17 @@
      trie.add(data)
      assert.strictEqual(trie.children[0].displayName, "Test Title")
    })

    test("should be able to set displayName", () => {
      const data = {
        title: "Test Title",
        slug: "test",
      }

      trie.add(data)
      trie.children[0].displayName = "Modified"
      assert.strictEqual(trie.children[0].displayName, "Modified")
    })
  })

  describe("add", () => {
@@ -121,6 +132,27 @@
      assert.strictEqual(trie.children[0].displayName, "Modified")
      assert.strictEqual(trie.children[1].displayName, "Modified")
    })

    test("map over folders should work", () => {
      const data1 = { title: "Test1", slug: "test1" }
      const data2 = { title: "Test2", slug: "a/b/test2" }

      trie.add(data1)
      trie.add(data2)

      trie.map((node) => {
        if (node.isFolder) {
          node.displayName = `Folder: ${node.displayName}`
        } else {
          node.displayName = `File: ${node.displayName}`
        }
      })

      assert.strictEqual(trie.children[0].displayName, "File: Test1")
      assert.strictEqual(trie.children[1].displayName, "Folder: a")
      assert.strictEqual(trie.children[1].children[0].displayName, "Folder: b")
      assert.strictEqual(trie.children[1].children[0].children[0].displayName, "File: Test2")
    })
  })

  describe("entries", () => {

 quartz/util/fileTrie.ts

@@ -11,6 +11,7 @@
  children: Array<FileTrieNode<T>>

  private slugSegments: string[]
  private displayNameOverride?: string
  data: T | null

  constructor(segments: string[], data?: T) {
@@ -18,10 +19,15 @@
    this.slugSegments = segments
    this.data = data ?? null
    this.isFolder = false
    this.displayNameOverride = undefined
  }

  get displayName(): string {
    return this.data?.title ?? this.slugSegment ?? ""
    return this.displayNameOverride ?? this.data?.title ?? this.slugSegment ?? ""
  }

  set displayName(name: string) {
    this.displayNameOverride = name
  }

  get slug(): FullSlug {