AnalyzePlatypus

Rails ViewComponent: Component Stimulus.js controllers

ViewComponent is a Rails library for building reusable front-end components.

I prefer organizing a component's files like this:

app/
├─ components/
 ├─ table/

AnalyzePlatypus

ViewComponents: Individual component CSS files

ViewComponent is a Rails library for building reusable front-end components.

I prefer to colocate my component-specific CSS within the component's directory.

For example, table is stored like this:

app/

AnalyzePlatypus

Detect Israeli Kosher Phone Numbers

Based on a code sample provided to me by Avi Marcus.

// Valid as of 2018-10-19
// https://en.wikipedia.org/wiki/Telephone_numbers_in_Israel#Kosher_numbers

const KOSHER_PHONE_MOBILE_REGEX = /^0(5041|5271|5276|5331|5341|5484|5485|5567|5571|5598|5832)\d{5}$/;
const KOSHER_PHONE_FIXED_REGEX = /^0([23489]80\d{5}|7229\d{5}|73724\d{4})$/;

AnalyzePlatypus

Tailwind Icon Height sizes

These CSS classes will size any square SVG to match the default TailwindCSS font sizes. Great for mixing icons with text on buttons and headings.

The icon sizes were manually picked, so they match my taste. Your mileage may vary! I've also added sizes that are larger than Tailwind's max font size for really big icons in hero sections and the like

Enjoy!

AnalyzePlatypus

Using (and debugging) Pre-signed S3 URLS

Architecture - A Brief Overview

A Pre-signed URL is used to allow untrusted users to temporary access to private S3 resources. (Example: upload an image to a private S3 bucket).

The URL is a string consists of:

1. AWS URL of the object to be accessed, and
2. A signed base64 string describing the HTTP request:

AnalyzePlatypus

.env file

LAMBDA_FUNCTION_NAME=MyFunction
AWS_UPLOAD_CODE_PROFILE=MY_CLI_PROFILE
SLACK_DEV_NOTIFICATIONS_WEBHOOK_URL=https://hooks.slack.com/services/****/****/****

deploy.sh file

# Read the .env file

AnalyzePlatypus

Amazon.com Referral Fees

Amazon's referral fees, in JSON format.

Does not contain "Categories Requiring Approval"

Last updated April 19, 2021

AnalyzePlatypus

Compression Test

A quick script for testing how well a JSON file compresses

// Imports

const fs = require('fs');
const { promisify } = require('util');
const { deflate } = require('zlib');

AnalyzePlatypus

Amazon.com Root Categories

These are the 35 root categories on Amazon.com.

Retrieved via Keepa API on April 12, 2021.

API call:

https://api.keepa.com/category?key=<REDACTED>&domain=1&category=0&parents=1

AnalyzePlatypus

/*
  By default, service workers cannot access our Vue environment variables.

  To allow this, this script collects the variables we want at build time
  and places them in a JS file that the service worker can access.

  To prevent the leak of sensitive credentials (the SW file is public), 
  only whitelisted environment variables are built into this file.
  
  Deploy this file alongside your service worker, and import th efile in your service worker (`importScripts('swenv.js');` in Workbox)