finish url changes + fix npm vulnerability

Author: Sayeem2004

package-lock.json

@@ -163,8 +163,8 @@ function normalizeDefinedBy(value: unknown, fallback: string): string {
 // Convert an extension name into a URL-friendly slug
 function slugifyExtension(ext: string): string {
     return (
-        ext.toString().trim().toLowerCase()
-            .replace(/[^a-z0-9]+/g, "-")
+        ext.toString().trim()
+            .replace(/[^A-Za-z0-9]+/g, "-")
             .replace(/^-+|-+$/g, "") || "unknown"
     );
 }

src/lib/loadInstructions.ts

@@ -3,7 +3,7 @@ pagination:
     data: extensions
     size: 1
     alias: extension
-permalink: extensions/{{ extension.slug }}/index.html
+permalink: "{{ extension.slug }}/index.html"
 eleventyComputed:
     title: "{{ extension.name }} Extension"
 layout: layout.njk
@@ -15,7 +15,7 @@ layout: layout.njk
 <ul class="instruction-list">
 {% for inst in extension.instructions %}
     <li data-name="{{ inst.name | lower }}">
-        <a href="/instructions/{{ inst.name }}/">{{ inst.name }}</a>
+        <a href="/{{ inst.extensionSlug }}/{{ inst.name }}/">{{ inst.name }}</a>
         — {{ inst.longName }}
         {% if inst.base != 32 %}
             <span class="base-width" title="This instruction is only present in the {{inst.base}}-bit version of the ISA.">{{ inst.base }}</span>

src/pages/extension.njk

@@ -16,7 +16,7 @@ The base integer <strong>I</strong> extension is the most widely implemented set
 <ul id="extensions">
 {% for ext in extensions %}
     <li data-name="{{ ext.name | lower }}">
-        <a href="/extensions/{{ ext.slug }}/">{{ ext.name }}</a>
+        <a href="/{{ ext.slug }}/">{{ ext.name }}</a>
         <p class="extension-description">
             {% if ext.description %}
                 {{ ext.description }}

src/pages/index.njk

@@ -3,7 +3,7 @@ pagination:
     data: instructions
     size: 1
     alias: inst
-permalink: instructions/{{ inst.name }}/index.html
+permalink: "{{ inst.extensionSlug }}/{{ inst.name }}/index.html"
 eleventyComputed:
     title: "{{ inst.name }}"
 layout: layout.njk

src/pages/instruction.njk

@@ -25,7 +25,7 @@ extra_css:
         data-extension="{{ inst.extension }}"
         data-extension-slug="{{ inst.extensionSlug }}"
     >
-        <a href="/instructions/{{ inst.name }}/">{{ inst.name }}</a>
+        <a href="/{{ inst.extensionSlug }}/{{ inst.name }}/">{{ inst.name }}</a>
         <span class="ext-name" data-extension-slug="{{ inst.extensionSlug }}" title="Extension">
             - {{ inst.extension }}
         </span>