Forem: Christoffer Lybekk

How to: Get Netlify Bandwith Usage Programatically For Free

Christoffer Lybekk — Thu, 30 Jul 2020 13:51:28 +0000

Using Python

Explanation

In the script below, replace the following variable's values

Setting	Explanation
ACCOUNT_NAME	The account name associated with the account.
SITE_NAME	The site name can be found in 'Site information' in the project's settings, or at the top in the overview.
EMAIL	The email used during account registration.
PERSONAL_ACCESS_TOKEN	Created at https://app.netlify.com/user/applications

Full Python script

import requests

# Edit these
ACCOUNT_NAME = 'youraccountname'
SITE_NAME = 'projectsitename'
EMAIL = 'name@example.com'
PERSONAL_ACCESS_TOKEN = "longlonglongstringgeneratedbynetlify"

# Leave the rest
bandwidth_api_url = 'https://api.netlify.com/api/v1/accounts/{}/bandwidth'.format(ACCOUNT_NAME)

auth_string = "Bearer " + PERSONAL_ACCESS_TOKEN

response = requests.get(bandwidth_api_url, headers = {
    'User-Agent': '{0} ({1})'.format(SITE_NAME, EMAIL),
    "Authorization": auth_string
})
response = response.json()

# Optional printing to console. Can be removed
print('Raw response: ', response)

def calculate(key):
    return int(response[key]) / 1000000

print_list = {
    "Included in plan": calculate("included"),
    "Used": calculate("used"),
    "Remaining":  calculate("included") - calculate("used"),
}
print('Human readable:')
for item in print_list.items():
    print(item[0], ': ', round(item[1], 2), ' MB')

Note: The returned usage will be a bit higher than how Netlify calculates it.

Using Javascript

Netlify Bandwidth Checker Tool

If you are comfortable pasting your Personal Access Token in a web form, try this tool, which does the same as the Python script, only in JavaScript.
One way to mitigate risk is to create a token, and revoke it just after using this tool.

Source code

How To: Use Fluent UI Icons in Gatsby

Christoffer Lybekk — Sun, 26 Jul 2020 11:27:33 +0000

Prerequisites

A running Gatsby development environment with Fluent UI

First - Initialize icons

Fluent UI React's official documentation instructs you to include the below lines in the root entry file.

import { initializeIcons } from '@uifabric/icons';
initializeIcons();

In Gatsby, an easier and more straightforward way is to include these lines in index.js or a layout component (I.E. Layout.js).

Another possible solution may be to put them in one of Gatsby's API files.

By default, when a user visits the deployed Gatsby app, all icons will be downloaded from one of Microsoft servers.

To avoid this behaviour, do a couple of small adjustments.

Copy the icons from your_project\node_modules\@uifabric\icons\fonts to a subdirectory in your projects 'static' folder.
Modify the lines from earlier slightly, as below, where the parameter for initializeIcons() is the path to where the icons are.

import { initializeIcons } from '@uifabric/icons';
initializeIcons('https://lybekk.tech/fluenticons/');

The slash '/' at the end is important

Now Gatsby will load the icons with the same performance and guarantees as the other files, ensuring correct rendering.

See an example of Fluent UI running on Gatsby here:
Lybekk Tech - UUID Generator

Further documentation on using
icons with Microsoft's Fluent UI

As an added bonus, a way to use Font Awesome instead of Fluent UI icons.

import { registerIcons } from '@uifabric/styling';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCode } from '@fortawesome/free-solid-svg-icons';

registerIcons({
  icons: {
    Filter: <FontAwesomeIcon icon={faCode} />
  }
});

Running PouchDB Server on Android

Christoffer Lybekk — Mon, 13 Jul 2020 01:07:39 +0000

PouchDB Server is a drop-in replacement for CouchDB, using PouchDB and Node.js. Termux is an Android terminal emulator and Linux environment app that works directly with no rooting or setup required.
With the ability to run a linux terminal on Android, we can get a running instance of PouchDB Server on it.

Goal

Having a PouchDB Server running on your Android phone.

What you will need

An Android phone with Termux installed

Instructions

At the command line in Termux, run the commands below in the following order:

pkg install python
pkg install nodejs
npm -g install node-gyp
npm install -g pouchdb-server

A ton of warnings and errors may pop up. These can be ignored as long as we get it up and running successfully.

Finally, run:

pouchdb-server --sqlite

If it didn't work, install SQLite:

pkg install sqlite

If all goes well, the PouchDB Server admin interface should be available at http://localhost:5984/_utils, in any browser on your phone:

Some finishing notes

At first, PouchDB Server will only be available locally. To enable access from other devices connected to the same network access point, change configuration setting httpd bind_address to 0.0.0.0
It starts in admin party-mode (no authentication = open to any one editing.). Be sure to create an admin user if the server is made available on the network to prevent unintended access.

Source article