A lot of cosmetic clean up and some code clean up. Also new util functions from old Svelte NPM library.

src/lib/ae_utils.ts

@@ -1,5 +1,9 @@
 import dayjs from 'dayjs';
 
+type key_str = {
+    [key: string]: string;
+};
+
 type key_val = {
     [key: string]: any;
 };
@@ -610,9 +614,6 @@ function count_words(text: string) {
 }
 
 
-
-
-
 /* Adapted from: To Title Case © 2018 David Gouch | https://github.com/gouch/to-title-case */
 
 // eslint-disable-next-line no-extend-native
@@ -660,6 +661,158 @@ function to_title_case (text_string) {
 }
 
 
+// Updated 2024-06-19
+export let shorten_string = function shorten_string(
+        {
+            string,
+            max_length=45,
+            begin_length=15,
+            end_length=5,
+            wildcard_length=3
+        } : {
+            string: string,
+            max_length?: number,
+            begin_length?: number,
+            end_length?: number,
+            wildcard_length?: number
+        }
+        ) {
+    // console.log('*** shorten_filename() ***');
+
+    if (!string || typeof string != 'string') {
+        console.log('Invalid string value passed');
+        return false;
+    }
+
+    // NOTE: max_length is not the actual end result length. The actual max will be 45 characters.
+    // 20 part 1 characters, 5 part 2 characters, 20 part 3 characters
+
+    // let length = string.length;
+    let char_over = string.length-max_length;
+    let new_string = null;
+    let wildcards = char_over;
+    if (char_over > 0) {
+        let part1 = string.slice(0, begin_length);
+
+        let part2 = '';
+        if (char_over > 5) {
+            wildcards = 5;
+        } else {
+        }
+
+        if (wildcard_length) {
+            part2 = '.'.repeat(wildcard_length);
+        } else {
+            part2 = '.'.repeat(wildcards);
+        }
+
+        let part3 = string.slice(end_length*-1);
+
+        new_string = part1+part2+part3;
+    } else {
+        new_string = string;
+    }
+    return new_string;
+}
+
+
+// Updated 2024-06-19
+// This function should return a shorted version of a filename if over the max length. It should always contain at least the first character of the original filename and the complete extension.
+// Example 1: The Original Long File Name.pdf -> The Orig....pdf
+// Example 2: The Original Long File Name.html -> The Ori....html
+function shorten_filename(
+        {
+            filename,
+            max_length=20,
+            slice_end_at=15,
+            max_end_length=5
+        } : {
+            filename: string,
+            max_length?: number,
+            slice_end_at?: number,
+            max_end_length?: number
+        }
+        ) {
+    // console.log('*** shorten_filename() ***');
+
+    if (typeof filename !== 'string' || filename.length <= max_length) {
+        return filename;
+    }
+
+    let new_filename = null;
+    let char_over = filename.length - max_length;
+    let wildcards = char_over - 4; // The number of characters over the max length
+    if (wildcards < 1) {
+        return filename; // No point in changing the filename?
+    }
+
+    let part_1 = filename.slice(0, slice_end_at);
+    if (wildcards > 3) {
+        wildcards = 3;
+    } else {
+    }
+    let part_2 = '.'.repeat(wildcards);
+    let part_3 = filename.slice(max_end_length*-1);
+
+    new_filename = part_1+part_2+part_3;
+
+    return new_filename;
+}
+
+
+// Updated 2024-6-19
+function file_extension_icon(
+        extension: string
+        ) {
+    // console.log('*** file_extension_icon() ***');
+
+    let file_icons: key_str = {
+        'file': 'file',
+        '3gp': 'file-video',
+        '7z': 'file-archive',
+        'aac': 'file-audio',
+        'ac3': 'file-audio',
+        'aif': 'file-audio',
+        'aiff': 'file-audio',
+        'avi': 'file-video',
+        'bmp': 'file-image',
+        'csv': 'file-csv',
+        'doc': 'file-word',
+        'docx': 'file-word',
+        'eps': 'file-image',
+        'flac': 'file-audio',
+        'gif': 'file-image',
+        'htm': 'file-code',
+        'html': 'file-code',
+        'jpeg': 'file-image',
+        'jpg': 'file-image',
+        'key': 'file-powerpoint',
+        'mkv': 'file-video',
+        'mov': 'file-video',
+        'mp3': 'file-audio',
+        'mp4': 'file-video',
+        'odp': 'file-powerpoint',
+        'pdf': 'file-pdf',
+        'png': 'file-image',
+        'ppt': 'file-powerpoint',
+        'pptx': 'file-powerpoint',
+        'txt': 'file-alt',
+        'wav': 'file-audio',
+        'webp': 'file-image',
+        'xls': 'file-excel',
+        'xlsx': 'file-excel',
+        'zip': 'file-archive'
+    };
+
+    if (file_icons[extension]) {
+        return file_icons[extension];
+    } else {
+        // return null;
+        return file_icons['file'];
+    }
+}
+
+
 // Updated 2023-08-18
 function set_obj_prop_display_name({prop_name, obj_type=null, prefix_w_obj_type=true, prefix_all_w_obj_type=false, replace_underscores=true, title_case=true, override=null}) {
     console.log('*** set_obj_prop_display_name() ***');
@@ -850,6 +1003,9 @@ export let ae_util = {
     create_video_element: create_video_element,
     count_words: count_words,
     to_title_case: to_title_case,
+    shorten_string: shorten_string,
+    shorten_filename: shorten_filename,
+    file_extension_icon: file_extension_icon,
     set_obj_prop_display_name: set_obj_prop_display_name,
     return_obj_type_path: return_obj_type_path,
 };