JSPM

A CDN to serve NPM packages as standard ECMA Script & Importmaps.

Liberate your modules with JSPM CDN.

<!-- Generated by @jspm/generator - https://github.com/jspm/generator -->
<script async src="https://ga.jspm.io/npm:es-module-shims@1.7.2/dist/es-module-shims.js" crossorigin="anonymous" integrity="sha384-4eD0BePusfjomUj9onr+qOPmgeh2++uK3zs0KCwJPFtrnmKLJ6C+nzcuN+dSoH/S"></script>
<script type="importmap">
{
  "imports": {
    "uhtml/async": "https://ga.jspm.io/npm:uhtml@3.1.0/esm/async.js"
  },
  "scopes": {
    "https://ga.jspm.io/": {
      "@webreflection/mapset": "https://ga.jspm.io/npm:@webreflection/mapset@1.0.1/esm/index.js",
      "@webreflection/uparser": "https://ga.jspm.io/npm:@webreflection/uparser@0.2.4/esm/index.js",
      "@webreflection/uwire": "https://ga.jspm.io/npm:@webreflection/uwire@1.2.1/esm/index.js",
      "async-tag": "https://ga.jspm.io/npm:async-tag@0.2.0/esm/index.js",
      "uarray": "https://ga.jspm.io/npm:uarray@1.0.0/cjs/index.js",
      "udomdiff": "https://ga.jspm.io/npm:udomdiff@1.1.0/cjs/index.js",
      "uhandlers": "https://ga.jspm.io/npm:uhandlers@0.7.0/esm/index.js"
    }
  }
}
</script>
<link rel="modulepreload" href="https://ga.jspm.io/npm:@webreflection/mapset@1.0.1/esm/index.js" integrity="sha384-qzq0B+ZXZ531QzVooQp5QwYydILxfZ7BYAT0wec14SmLCTn/aGex1ISnNDJQCFCy" />
<link rel="modulepreload" href="https://ga.jspm.io/npm:@webreflection/uparser@0.2.4/esm/index.js" integrity="sha384-J5WZfF0gindsJw1aijkzhQN0hFfTOc/UmIBxjplLJxZHXACkCgylMfEr+J+KnJ/o" />
<link rel="modulepreload" href="https://ga.jspm.io/npm:@webreflection/uwire@1.2.1/esm/index.js" integrity="sha384-rb+OmAgMztTE944oFHIH7vm5E9jZcKDMWdgAEqvtDoRZef0s8f1966yg3XXj0b5I" />
<link rel="modulepreload" href="https://ga.jspm.io/npm:async-tag@0.2.0/esm/index.js" integrity="sha384-hSQgteiy6QYLGhXqxJOdpCqnZGEzMHON8Gf8fU0eX3utAgrlyn0b1Ffh+kU6RZXn" />
<link rel="modulepreload" href="https://ga.jspm.io/npm:uarray@1.0.0/cjs/index.js" integrity="sha384-WgvTMzpF2z511fXv4waiSQufd8eKmA7pNEm/OYpgsZbUba2jXAvHk8LJ7VzVuMbB" />
<link rel="modulepreload" href="https://ga.jspm.io/npm:udomdiff@1.1.0/cjs/index.js" integrity="sha384-sbJKM9kWETuFps/j96ZnPzuVklasDdwWimwKcClRQN2Fb+HtO5dkEJj9k2io0cLN" />
<link rel="modulepreload" href="https://ga.jspm.io/npm:uhandlers@0.7.0/esm/index.js" integrity="sha384-7WLSBA3b8dIe6435+t51h0lWXhEuTG2mJYftQPXWZ+iDTt1VgQCEkuwtjvgy3RzJ" />
<link rel="modulepreload" href="https://ga.jspm.io/npm:uhtml@3.1.0/esm/async.js" integrity="sha384-90HnxqSCUPJs/YtZFlZHE4ZnIWz1fvlyeqBN2YZMmiG/TsGQ3LODPzj8GK/U+sdZ" />
<link rel="modulepreload" href="https://ga.jspm.io/npm:uhtml@3.1.0/esm/index.js" integrity="sha384-7LSTn9oHidNJ2Xr+qf1yQtiX99vjk7Rx+1/3iyzGVYf41Fk0i3ss11ffpCe5DCE6" />
<script type="module">
  import { render, html, svg } from "uhtml/async";
  // import jspm from 'https://api.github.com/orgs/jspm' assert { type: "json" };

  // render(document.body, html`<img src=${jspm.avatar_url} alt=${jspm.description}>`);
</script>
<script type="module">
  import { render, html, svg } from "uhtml/async";
  // import jspm from 'https://api.github.com/orgs/jspm' assert { type: "json" };

  // render(document.body, html`<img src=${jspm.avatar_url} alt=${jspm.description}>`);
</script>

Importmap

  1. Find NPM package
  2. Add package exports to Importmap
  3. Download and use the Importmap

Pre-transpiled

Common JS pre-transpiled to ESM

Edge caching

Production ready, extreamly performant edge caching to serve request closer to user.

Module water-fall optimization

Dependencies are deduped and statically analysed to avoid delayed discovery and roundtrips to server.