adding back removing non bracking spaces, :emoji: support now also added to changelog markdown rendering

added scroll margin to the changes page

Author: WilcoSp

app/pages/package-changes/[...path].vue

@@ -3,6 +3,7 @@ definePageMeta({
   name: 'changes',
   path: '/package-changes/:path+',
   alias: ['/package/changes/:path+', '/changes/:path+'],
+  scrollMargin: 130,
 })
 
 /// routing

server/utils/changelog/markdown.ts

@@ -1,5 +1,12 @@
 import { marked, type Tokens } from 'marked'
-import { ALLOWED_ATTR, ALLOWED_TAGS, calculateSemanticDepth, prefixId, slugify } from '../readme'
+import {
+  ALLOWED_ATTR,
+  ALLOWED_TAGS,
+  calculateSemanticDepth,
+  prefixId,
+  slugify,
+  stripHtmlTags,
+} from '../readme'
 import sanitizeHtml from 'sanitize-html'
 
 export async function changelogRenderer() {
@@ -86,11 +93,9 @@ export async function changelogRenderer() {
         ? `user-content-${releaseId}-${uniqueSlug}`
         : `user-content-${uniqueSlug}`
 
-      // Collect TOC item with plain text (HTML stripped)
-      const plainText = text
-        .replace(/<[^>]*>/g, '')
-        // remove non breaking spaces
-        .replace(/&nbsp;?/g, '')
+      // Collect TOC item with plain text (HTML stripped & emoji's added)
+      const plainText = convertToEmoji(stripHtmlTags(text))
+        .replace(/&nbsp;?/g, '') // remove non breaking spaces
         .trim()
       if (plainText) {
         toc.push({ text: plainText, id, depth })
@@ -100,9 +105,11 @@ export async function changelogRenderer() {
     }
 
     return {
-      html: marked.parse(markdown, {
-        renderer,
-      }) as string,
+      html: convertToEmoji(
+        marked.parse(markdown, {
+          renderer,
+        }) as string,
+      ),
       toc,
     }
   }

server/utils/readme.ts

@@ -179,7 +179,7 @@ export const ALLOWED_ATTR: Record<string, string[]> = {
  * incomplete sanitization from nested/interleaved tags
  * (e.g. `<scr<script>ipt>` → `<script>` after one pass).
  */
-function stripHtmlTags(text: string): string {
+export function stripHtmlTags(text: string): string {
   const tagPattern = /<[^>]*>/g
   let result = text
   let previous: string
@@ -200,7 +200,7 @@ function stripHtmlTags(text: string): string {
  */
 export function slugify(text: string): string {
   return stripHtmlTags(text)
-    .toLowerCase()
+    .replace(/&nbsp;?/g, '') // remove non breaking spaces
     .trim()
     .replace(/\s+/g, '-') // Spaces to hyphens
     .replace(/[^\w\u4e00-\u9fff\u3040-\u309f\u30a0-\u30ff-]/g, '') // Keep alphanumeric, CJK, hyphens