Leonardo Ascione leonardfactory

Connection monitor

Note: if you need a simple connection icon, check out BitBar and its internet checker plugin.

This program notifies you when Internet goes down and when it comes back up.

It pings Google's DNS every 4 seconds; when a ping fails it quickly tries a few more times and switches to downtime mode. When Internet is available again, the cycle restarts.

Tools used

GPG signing –

Here is a short guide that will help you setup your environment to create signed commits or signed tags with Git locally. This has been extensively tested on Windows with Git and the Github Desktop application: I use it every day for my professional development projects.

I you face any issue, feel free to leave a comment below.

Using TypeScript Node.js with native ESM

This reference guide shows how to configure a TypeScript Node.js project to work and compile to to native ESM.

Rationale

CommonJS module system was introduced by the Node.js developers due to the lack of the notion of "modules" in the original JavaScript (ECMAScript) language specification at that time. However, nowadays, ECMAScript has a standard module system called ESM — ECMAScript Modules, which is a part of the accepted standard. This way CommonJS could be considered vendor-specific and obsolete/legacy. Hopefully, TypeScript ecosystem now supports the "new" standard.

So the key benefits are:

	# The $provide service is used to override an injected dependency

	# Bad - results in Error: [ng:areq] Argument 'fn' is not a function, got Object
	module 'someModule', ($provide) ->
	$provide.value "SomeService", SomeMock

	# Good
	module 'someModule', ($provide) ->
	$provide.value "SomeService", SomeMock
	null

	/**
	* VH and VW units can cause issues on iOS devices: http://caniuse.com/#feat=viewport-units
	*
	* To overcome this, create media queries that target the width, height, and orientation of iOS devices.
	* It isn't optimal, but there is really no other way to solve the problem. In this example, I am fixing
	* the height of element `.foo` —which is a full width and height cover image.
	*
	* iOS Resolution Quick Reference: http://www.iosres.com/
	*/

	var wordIsFlamingo = function (word) {
	var isFlamingo = false;

	switch (word) {
	case "flamingo":
	isFlamingo = true;
	break;
	default:
	isFlamingo = false;
	break;

	/*
	* common react, redux staff here
	*/
	import {Router, createRoutes} from 'react-router';
	import createBrowserHistory from 'history/lib/createBrowserHistory';
	import rawRoutes from './routes';
	import store from './store';

	function mixStoreToRoutes(routes) {
	return routes && routes.map(route => ({