fix: replace slugify function with library

Author: roedoejet

package-lock.json

@@ -25,7 +25,6 @@
     "@types/jasmine": "^5.1.4",
     "@types/node": "^20.12.7",
     "@types/wavesurfer.js": "^6.0.3",
-    "@types/unidecode": "^0.1.3",
     "@typescript-eslint/eslint-plugin": "^7.6.0",
     "@typescript-eslint/parser": "^7.6.0",
     "find-cache-dir": "^5.0.0",
@@ -55,6 +54,7 @@
     "@angular/material": "^17",
     "@angular/platform-browser": "^17",
     "@angular/router": "^17",
+    "@sindresorhus/slugify": "^2.2.1",
     "bootstrap": "^5.3.3",
     "file-saver": "^2.0.5",
     "image-conversion": "^2.1.1",
@@ -64,7 +64,6 @@
     "shepherd.js": "^11.2.0",
     "soundswallower": "^0.6.3",
     "standardized-audio-context": "^25.3.70",
-    "unidecode": "^1.0.1",
     "wavesurfer.js": "^6.6.2"
   },
   "scripts": {

package.json

@@ -1,7 +1,7 @@
 import { Injectable } from "@angular/core";
 import { HttpErrorResponse } from "@angular/common/http";
-import { Observable, Subject, takeUntil } from "rxjs";
-import { slugify } from "../../utils/utils";
+import { Subject, takeUntil } from "rxjs";
+import slugify from "@sindresorhus/slugify";
 import { UploadService } from "../../upload.service";
 import { ToastrService } from "ngx-toastr";
 
@@ -215,7 +215,7 @@ Please host all assets on your server, include the font and package imports defi
           .replace(/[^0-9]/g, "")
           .slice(0, -3);
         const basename =
-          (slots.title ? slugify(slots.title, 15) : "readalong") +
+          (slots.title ? slugify(slots.title).substring(0, 15) : "readalong") +
           `-${timestamp}`;
         element.href = window.URL.createObjectURL(blob);
         element.download = `${basename}.html`;
@@ -253,7 +253,7 @@ Please host all assets on your server, include the font and package imports defi
         .replace(/[^0-9]/g, "")
         .slice(0, -3);
       const basename =
-        (slots.title ? slugify(slots.title, 15) : "readalong") +
+        (slots.title ? slugify(slots.title).substring(0, 15) : "readalong") +
         `-${timestamp}`;
       // - add audio file
       if (b64Audio) {

packages/studio-web/src/app/shared/download/download.service.ts

@@ -1,17 +0,0 @@
-import unidecode from "unidecode";
-
-export const slugify = (str: string, character_limit: number = 0) => {
-  // Adapted from https://byby.dev/js-slugify-string
-  // Character limit of 0 (default) means there is no limit
-  const slug = String(unidecode(str))
-    .normalize("NFC") // split accented characters into their base characters and diacritical marks
-    .trim() // trim leading or trailing whitespace
-    .toLowerCase() // convert to lowercase
-    .replace(/\s+/g, "-") // replace spaces with hyphens
-    .replace(/-+/g, "-"); // remove consecutive hyphens
-
-  if (character_limit) {
-    return slug.substring(0, character_limit);
-  }
-  return slug;
-};