How do I use a Javascript library locally without a server?

Question

I am trying to use the following library, which extracts names from colors:

The problem is that they have a Javascript CDN, but they don't tell you how to use it unless you're using Node.

import namedColors from 'color-name-list';

let someColor = namedColors.find(color => color.hex === '#ffffff');
console.log(someColor.name); // => white

let someNamedColor = namedColors.find(color => color.name === 'Eigengrau')
console.log(someColor.hex); // => #16161d

I don't use node or a server so import doesn't work, how do I run this locally?

Answer 1

One place it's hosted is on unpkg, which doesn't have cross-origin restrictions, so you may fetch from the endpoint listed in the docs:

fetch('https://unpkg.com/[email protected]/dist/colornames.json')
  .then(r => r.json())
  .then((result) => {
    console.log(result[0].name);
    // put code here that depends on the library
  })
  // .catch(handleErrors);

The library also has its own API, which can be used:

fetch('https://api.color.pizza/v1/')
  .then(r => r.json())
  .then((result) => {
    console.log(result.colors[0].name);
    // put code here that depends on the library
  })
  // .catch(handleErrors);