Set up JSR entrypoint support

Author: danopia

feat/dependencies-of/public.html

@@ -71,7 +71,7 @@ <h3>
   <span style="grid-area: label">Module URL:</span>
   <input type="url" name="url" class="url" style="grid-area: url"
       required value="{{ module_url }}"
-      placeholder="https://deno.land/x/..." pattern="https://.+" />
+      placeholder="https://deno.land/x/..." pattern="https://.+|jsr:.+" />
   <div class="options" style="grid-area: options;">
     <select name="rankdir">
       <option value="TB">Top-down</option>

lib/module-registries.ts

@@ -17,6 +17,8 @@ export function determineModuleBase(fullUrl: string, opts: RegistryOpts): string
     case 'cdn.deno.land':
       if (parts[3] === 'std' && opts.isolateStd) return parts.slice(0, 8).join('/');
       return parts.slice(0, 6).join('/');
+    case 'jsr.io':
+      return `${parts.slice(0, 5).join('/')}@${parts[5]}`;
     case 'crux.land':
       if (parts.length == 4) return `${url.origin}/${parts[3]}`;
       return `${url.origin}/${parts[5].split('.')[0]}`;
@@ -107,6 +109,8 @@ export function determineModuleLabel(module: CodeModule, opts: RegistryOpts): st
       if (parts[3] !== 'std') modName = `/x${modName}`;
       return [[modName, ...parts.slice(7)].join('/'), `from ${parts[2]}`, ...extra];
     }
+    case 'jsr.io':
+      return [`jsr:${parts[3]}/${parts[4]}`];
     case 'crux.land':
       return [module.base.split('//')[1]];
     case 'esm.sh':
@@ -169,6 +173,7 @@ export function determineModuleLabel(module: CodeModule, opts: RegistryOpts): st
 export const ModuleColors = {
   "deno.land/std": "lightgreen",
   "deno.land/x": "lightskyblue",
+  "jsr.io": "gold",
   "crux.land": "greenyellow",
   "cdn.esm.sh": "blanchedalmond",
   "esm.sh": "burlywood",
@@ -202,6 +207,8 @@ export function determineModuleAttrs(module: CodeModule): Record<string,string>
         return { fillcolor: ModuleColors["deno.land/std"], href: module.base };
       }
       return { fillcolor: ModuleColors["deno.land/x"], href: module.base };
+    case 'jsr.io':
+      return { fillcolor: ModuleColors["jsr.io"], href: module.base };
     case 'crux.land':
       return { fillcolor: ModuleColors["crux.land"], href: module.base };
     case 'aws-api.deno.dev':

lib/resolve.ts

@@ -1,5 +1,8 @@
 // URL -> slug
 export async function findModuleSlug(modUrl: string) {
+  if (modUrl.startsWith('jsr:')) {
+    return 'jsr/'+modUrl.slice(4);
+  }
   if (!modUrl.includes('://')) throw new Error(`That doesn't look like an absolute URL!`);
   const url = new URL(modUrl);
   if (url.protocol !== 'https:') throw new Error(`Only https:// URLs are supported at this time`);
@@ -26,6 +29,9 @@ export async function resolveModuleUrl(modSlug: string) {
   } else if (modSlug.startsWith('x/')) {
     return `https://deno.land/x/${modSlug.slice(2)}`;
 
+  } else if (modSlug.startsWith('jsr/')) {
+    return `jsr:${modSlug.slice(4)}`;
+
   } else if (modSlug.startsWith('https/')) {
     return `https://${modSlug.slice(6)}`;
 

public/index.html

@@ -9,15 +9,19 @@ <h1>Deno Module Visualizer</h1>
 <section>
   <h2>Changelog</h2>
   <p>
-    <strong>18 May 2024</strong>:
-    Upgraded service to Deno 1.43, improving support for `jsr:*` and `node:*` imports.
+    <strong>17 April 2025</strong>:
+    Upgraded service to Deno 2.2. Accept <code>jsr:@...</code> imports in 'Module URL' textbox.
   </p>
   <p>
-    <strong>15 March 2023</strong>:
-    Upgraded service to Deno 1.31. Updated homepage examples.
+    <strong>18 May 2024</strong>:
+    Upgraded service to Deno 1.43, improving support for `jsr:*` and `node:*` imports.
   </p>
   <details>
     <summary>Older releases</summary>
+    <p>
+      <strong>15 March 2023</strong>:
+      Upgraded service to Deno 1.31. Updated homepage examples.
+    </p>
     <p>
       <strong>12 Febuary 2023</strong>:
       Upgraded service to Deno 1.30.
@@ -70,6 +74,7 @@ <h2>
 
   <p>Just browsing? Here's a few interesting modules:</p>
   <ul>
+    <li><a href="/dependencies-of/jsr:@astral/astral">jsr:@astral/astral</a> (a JSR package)</li>
     <li><a href="/dependencies-of/https/raw.githubusercontent.com/cloudydeno/module-visualizer/main/server.ts?rankdir=LR">raw.githubusercontent.com/cloudydeno/module-visualizer/main/server.ts</a> (this website!)</li>
     <li><a href="/dependencies-of/x/[email protected]/mod.ts?rankdir=LR">deno.land/x/[email protected]/mod.ts</a> (minimal)</li>
     <li><a href="/dependencies-of/x/[email protected]/mod.ts">deno.land/x/[email protected]/mod.ts</a> (uses NPM packages via esm.sh)</li>