DEV Community: Nikolas Evers

WeeklyRandom #2: lukeed/kleur

Nikolas Evers — Wed, 21 Nov 2018 00:20:00 +0000

Welcome to WeeklyRandom, a blog series in which I challenge myself to explore a random GitHub repository starred by me (almost) every week.

Let's find out which repo I can explore this time.

🥁

node index.js vintagesucks
https://github.com/lukeed/kleur

kleur by Luke Edwards. The description of the repo is as follows:

The fastest Node.js library for formatting terminal text with ANSI colors~!

Nice. Let's try to add some color to random-starred-repository, my Node.js script that powers the repository selection for WeeklyRandom. This should be done rather quickly, but could improve readability a lot.

This is how my output line looks right now:

// index.js
console.log("https://github.com/" + result[randomEntry].owner + "/" + result[randomEntry].repo)

This is how it looks:

Let's try kleur.

npm install --save kleur

// index.js
+ const { green } = require('kleur');

-  console.log("https://github.com/" + result[randomEntry].owner + "/" + result[randomEntry].repo)
+  console.log(green().bold(
+    "https://github.com/" + result[randomEntry].owner + "/" + result[randomEntry].repo
+  ))

This is how it looks now:

🎉

You can find the complete code on GitHub at vintagesucks/random-starred-repository. Pull requests with improvements are very welcome!

Until next time, when I'll check out my next WeeklyRandom repository.

#codevember - 6 - Web (Browser)

Nikolas Evers — Tue, 06 Nov 2018 17:43:00 +0000

Sky scene in embedded pen by Klara Miffili.

#codevember - 5 - Music

Nikolas Evers — Mon, 05 Nov 2018 22:12:00 +0000

#codevember - 4 - Sky

Nikolas Evers — Sun, 04 Nov 2018 21:20:00 +0000

A night sky is the first thing that occurred to me for the term sky. I also always wanted to try particles.js.

#codevember - 3 - Carrot

Nikolas Evers — Sat, 03 Nov 2018 15:45:00 +0000

WeeklyRandom #1: sindresorhus/ua-string

Nikolas Evers — Sat, 03 Nov 2018 13:20:00 +0000

Welcome to WeeklyRandom, a blog series in which I challenge myself to explore a random GitHub repository starred by me every week.

The entry for week 1 should have been published last week, but ~~life~~ Red Dead Redemption 2 thwarted my plans. 🤠

Never mind! Let's find out which repo I can explore this week.

🥁

node index.js vintagesucks
https://github.com/sindresorhus/ua-string

ua-string by Sindre Sorhus. This shouldn't take long. The description of the repo is as follows:

Get the user agent of a recent Chrome version to pretend to be a browser in network requests

Okay. Let's try a request to whatismybrowser.com without ua-string:

// index.js
const got = require('got');
const HTMLParser = require('fast-html-parser');

(async () => {
    try {
        got('https://developers.whatismybrowser.com/useragents/parse/?analyse-my-user-agent=yes')
        .then((res) =>
            HTMLParser.parse(res.body).querySelector('.useragent')
        )
        .then((result) =>
            console.log(result.childNodes[0].rawText)
        );
    } catch (error) {
        console.log(error.response.body);
    }
})();

Let's run it:

node index.js
got/9.2.2 (https://github.com/sindresorhus/got)

Since I used got (created by Sindre, too 👋) to make the request, the reported user agent is got.

Let's try ua-string now.

npm install ua-string

The script, now using ua-string:

const got = require('got');
const uaString = require('ua-string');
const HTMLParser = require('fast-html-parser');

(async () => {
    try {
        got('https://developers.whatismybrowser.com/useragents/parse/?analyse-my-user-agent=yes', {
            headers: {
                'user-agent': uaString
            }
        })
        .then((res) =>
            HTMLParser.parse(res.body).querySelector('.useragent')
        )
        .then((result) =>
            console.log(result.childNodes[0].rawText)
        );
    } catch (error) {
        console.log(error.response.body);
    }
})();

Here we go:

node index.js
Mozilla/5.0 (Macintosh; Intel Mac OS X 10\_13\_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.75 Safari/537.36

Perfect. 🎉

You can find the complete code on GitHub at vintagesucks/weeklyrandom. Pull requests with improvements are very welcome!

Until next week, when I'll check out my next WeeklyRandom repository.

#codevember - 2 - Time

Nikolas Evers — Sat, 03 Nov 2018 11:10:00 +0000

#codevember - 1 - Infinity

Nikolas Evers — Sat, 03 Nov 2018 11:00:00 +0000

Something simple, since I didn't start this until November 2nd.

How to setup HTTPS with Laravel Homestead on a Windows host

Nikolas Evers — Tue, 16 Oct 2018 20:00:00 +0000

This guide assumes prior experience with Vagrant and Laravel Homestead.

Laravel Homestead is an easy-to-use Vagrant box for local Laravel development, but getting SSL to work on a Windows host can be tricky if you've never done it before. This guide will show you how to enable SSL and how to trust the certificate in Firefox.

Prerequisites:

Let's create a new Laravel project for demonstration purposes:

composer create-project --prefer-dist laravel/laravel ssl-example

Now we need to configure a Homestead instance for our project:

cd ssl-example
composer require laravel/homestead --dev
vendor\\bin\\homestead make

You should see the following output in your console:

Homestead Installed!

Edit Homestead.yaml and make the following changes:

-       map: homestead.test
+       map: laravel.localhost
        to: /home/vagrant/code/public
+ ssl: true

Note: Feel free to change laravel.localhost throughout the guide to a local domain of your choice.

Your Homestead.yaml should now look similar to this:

ip: 192.168.10.10
memory: 2048
cpus: 1
provider: virtualbox
authorize: ~/.ssh/id_rsa.pub
keys:
    - ~/.ssh/id_rsa
folders:
    -
        map: 'D:\Documents\GitHub\ssl-example'
        to: /home/vagrant/code
sites:
    -
        map: laravel.localhost
        to: /home/vagrant/code/public
databases:
    - homestead
name: ssl-example
hostname: ssl-example
ssl: true

Add the following line to C:\Windows\System32\drivers\etc\hosts:

Note: The IP address should match Homestead.yaml

192.168.10.10 laravel.localhost

Install the Homestead Vagrant Box:

vagrant box add laravel/homestead

Let's start our Vagrant box:

vagrant up

If you are using this guide to add SSL to an existing VM, use this command instead:

vagrant reload --provision

Wait until the provisioning process has been completed.

You should now be able to visit http://laravel.localhost in your browser:

Now we need to get the CA certificate from the VM:

vagrant ssh -c 'cat /etc/nginx/ssl/ca.homestead.ssl-example.crt' > ca.homestead.ssl-example.crt

Note: Change ssl-example to match your Homestead.yaml.

You should now have ca.homestead.ssl-example.crt inside your ssl-example folder.

In Powershell, as admin, run the following command to add the certificate to the certificate store:

certutil -addstore -enterprise -f "Root" ca.homestead.ssl-example.crt

Note: You can now remove ca.homestead.ssl-example.crt from the ssl-example folder.

Last but not least, we need to get Firefox to trust the certificate.

In Firefox, navigate to about:config. Read this introduction if your unfamiliar with the Configuration Editor for Firefox.

Set security.enterprise_roots.enabled to true and restart Firefox.

You should now be able to visit https://laravel.localhost in your browser.

Congratulations! 🎉

WeeklyRandom #0

Nikolas Evers — Mon, 15 Oct 2018 20:00:00 +0000

Welcome to WeeklyRandom, a blog series in which I challenge myself to explore a random GitHub repository starred by me every week.

Let's get started. I'll need a way to retrieve a random GitHub repository starred by me. I found this Gist that shows how one can retrieve the starred repositories of a user.

// https://gist.github.com/derhuerst/19e0844796fa3b62e1e9567a1dc0b5a3
const stars = (user) =>
    got(`https://api.github.com/users/${user}/starred`)
    .then((res) => JSON.parse(res.body))
    .then((starred) => starred.map((s) => ({
          owner:       s.owner.login
        , repo:        s.name
        , description: s.description
        , language:    s.language
        , isFork:      false
        , stargazers:  s.stargazers_count
        , watchers:    s.watchers_count
})))

I am no JavaScript wizard 🧙 and do not know if the got dependency is really necessary here. Let's keep it for now.

Problem: This only returns 30 repositories. Since the GitHub API is paginated, I'll need to figure out a way to get the total number of pages before trying to get a random page and entry. I solved this by parsing the response headers which contained the following Link:

<https://api.github.com/user/13335308/starred?page=2>; rel="next", <https://api.github.com/user/13335308/starred?page=93>; rel="last"

Perfect. I can use rel="last" to generate a random page number between 1 and - in this case - 93. If I send a request for that page, the only thing left to do is to pick a random repository out of the returned 30.

This is the current script:

Note: Updated on Oct 16, 2018 to reflect changes suggested by u/ChucklefuckBitch and u/dulac91. Thanks!

// index.js

"use strict";

const got = require("got");

let user = process.argv.slice(2)[0];
let randomEntry = Math.floor(Math.random() * 30);
let lastPage = new RegExp(/(.*)page=(.*)>; rel=\"last\"/);

if (!user) {
  console.log("Usage: `node index.js username`");
  process.exit(1);
}

const getStars = (user, page) =>
  got(`https://api.github.com/users/${user}/starred?page=${page}`)
    .then((res) => JSON.parse(res.body))
    .then((starred) =>
      starred.map((s) => ({
        owner: s.owner.login,
        repo: s.name
      }))
    );

const getRandomPage = (user) =>
  got(`https://api.github.com/users/${user}/starred`)
    .then((res) =>
      res.headers.link
        .replace(lastPage, "$2")
    )
    .then((pages) => Math.floor(Math.random() * pages) + 1);

getRandomPage(user, randomEntry)
  .then((page) => getStars(user, page))
  .then((result) =>
    console.log("https://github.com/" + result[randomEntry].owner + "/" + result[randomEntry].repo)
  );

I'm pretty sure that this is a very inefficient way to do this, but it should get the job done. The whole purpose of this series is to learn something and to improve myself. And I definitely learned something about consuming the GitHub API and about arrow functions in JavaScript.

Let's try it:

node index.js vintagesucks
https://github.com/lgkonline/mavo-snippets

node index.js vintagesucks
https://github.com/simonepri/geo-maps

node index.js vintagesucks
https://github.com/genuinetools/apk-file

It works! 🎉

You can find the complete code on GitHub at vintagesucks/random-starred-repository. Pull requests with improvements are very welcome!

Until next week, when I'll check out my first WeeklyRandom repository.