Listing page categories are not working properly if spaces or non ascii chracters

[mcanouil]

Bug description

With a category such as "news with code" or "🎬", the link to filter on category works as expected inside the blog post but does not on the main listing page in the post description (the "category side bar" filters properly).

Screen.Recording.2024-12-29.at.20.52.08.mov

Short version:

Screen.Recording.2024-12-29.at.20.53.19.mov

Steps to reproduce

quarto create project website issueXXXXX issueXXXXX
sed -i '' 's/news/"new with code"/' posts/post-with-code/index.qmd 

Expected behavior

The category link on the listing main page description should filter properly as the link on the "category side bar" and in the document itself.

Actual behavior

Category link in description does lead to match.

Your environment

MacOS latest

Quarto check output

Quarto 99.9.9
[✓] Checking environment information...
      Quarto cache location: /Users/mcanouil/Library/Caches/quarto
[✓] Checking versions of quarto binary dependencies...
      Pandoc version 3.4.0: OK
      Dart Sass version 1.70.0: OK
      Deno version 1.46.3: OK
      Typst version 0.11.0: OK
[✓] Checking versions of quarto dependencies......OK
[✓] Checking Quarto installation......OK
      Version: 99.9.9
      commit: 91030114b721b67f49dc59284688c262efd8ee83
      Path: /Users/mcanouil/Projects/quarto/quarto-cli/package/dist/bin

[✓] Checking tools....................OK
      TinyTeX: v2024.11
      Chromium: (not installed)

[✓] Checking LaTeX....................OK
      Using: TinyTex
      Path: /Users/mcanouil/Library/TinyTeX/bin/universal-darwin
      Version: 2024

[✓] Checking basic markdown render....OK

[✓] Checking Python 3 installation....OK
      Version: 3.13.1
      Path: /Users/mcanouil/Projects/quarto/quarto-playground/.venv/bin/python3
      Jupyter: 5.7.2
      Kernels: julia-1.11, python3

[✓] Checking Jupyter engine render....OK

(|) Checking R installation...........ℹ R version 4.4.2 (2024-10-31)
! Config '~/.Rprofile' was loaded!
[✓] Checking R installation...........OK
      Version: 4.4.2
      Path: /Library/Frameworks/R.framework/Resources
      LibPaths:
        - /Library/Frameworks/R.framework/Versions/4.4-arm64/Resources/library
      knitr: 1.46
      rmarkdown: 2.26

[✓] Checking Knitr engine render......OK

[cderv]

this looks similar to what I tried to fix in

• listing - Correctly handle non ASCII category and special characters #11397

So maybe this will be fixed when #11760 solves the HTML raw block problem or I missed something in #11397 🤔

[cderv]

Yes I missed a decoding in one place

quarto-cli/src/resources/projects/website/listing/quarto-listing.js

Lines 4 to 11 in 247513c

	window.quartoListingCategory = (category) => {
	category = atob(category);
	if (categoriesLoaded) {
	activateCategory(category);
	setCategoryHash(category);
	}
	};

This is why it is not working when clicking. I'll fix this and add a test.