How to fetch data from API using JS

[i386net]

Hi! 

I want to test requests to remote API using JS and then get the result to clipboard.

run = (input) => {
  const hex = input[0];
  fetch(`http://thecolorapi.com/id?hex=${hex}`)
  .then(res => {
    if(res.ok) {
      return res.json();
    }
    return new Error('error')
  })
  .then(data => JSON.stringify(data.rgb.value))
  .catch(err => console.log(err));
}

But when I use the standard fetch() method, I immediately get the the following error: execution error: Error: ReferenceError: Can't find variable: fetch (-2700).

What am I doing wrong?

[deanishe]

1 hour ago, i386net said:

But when I use the standard fetch() method

 

A lot of common JS APIs are part of the browser, not JavaScript itself. fetch is one of them.

 

The JS interpreter used by JXA doesn’t really have any IO APIs of its own. If you want to read/write files or retrieve URLs, you need to import Objective-C libraries (or use doShellScript()).

[i386net]

1 hour ago, deanishe said:

The JS interpreter used by JXA doesn’t really have any IO APIs of its own. If you want to read/write files or retrieve URLs, you need to import Objective-C libraries (or use doShellScript()).

Thank you for the answer. 
Unfortunately, I don't know Objective-C or AppleScript.
But, Is it possible to use an external script and run it through NodeJS in this case? 
For example: /usr/local/bin/node main.js args

And is it possible to use external packages in the main.js file, e.g. axios for data acquisition?

If so, how can I get the data back to Alfred? 

[deanishe]

6 minutes ago, i386net said:

I don't know Objective-C

 

You use its libraries, not the language itself.

 

7 minutes ago, i386net said:

But, Is it possible to use an external script and run it through NodeJS in this case?

 

You can run anything you want. Alfred doesn't care. Just put the appropriate command in the Script box or give your script an appropriate shebang.

 

9 minutes ago, i386net said:

And is it possible to use external packages in the main.js file

 

You can import JXA libraries, but not regular JS ones. You'd need to use a bundler like browserify for that.

 

11 minutes ago, i386net said:

axios for data acquisition?

 

Won’t work. Like I said, there are no IO APIs in JXA, and Axios needs XMLHttpRequest.

 

[i386net]

1 minute ago, deanishe said:

Won’t work. Like I said, there are no IO APIs in JXA, and Axios needs XMLHttpRequest.

 

Thanks !!