jwrigh26

{
	// Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and
	// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
	// same ids are connected.
	// Example:
	"Log value to console": {
	  "prefix": "lg-var",
	  "body": ["console.log($1);", "$2"],
	  "description": "Log value and string output to console"

jwrigh26

{
  "workbench.iconTheme": "material-icon-theme",
  // "workbench.editor.showTabs": false,
  "[javascript]": {
    "editor.formatOnSave": false,
    "editor.insertSpaces": true,
    "editor.tabSize": 2,
    "editor.detectIndentation": false,
  },
  "[json]": {

jwrigh26

// Matches
// values: be90d703-4671-4024-9a20-bf4c42d5 from
// URL: .../accruals.html#/accruals-wizard/be90d703-4671-4024-9a20-bf4c42d5/create

const foo = {
  fooIdFromPathname: pathname => {
    const regex = new RegExp(
      `^(?:.*)(?:(?:herp-dirp\/)|(?:foo\/))([a-zA-z0-9-]*)(?:\/)(?:(?:.*))?`
    );
    const results = regex.exec(pathname) ?? [];

jwrigh26

Node.js Deployment

Steps to deploy a Node.js app to DigitalOcean using PM2, NGINX as a reverse proxy and an SSL from LetsEncrypt

1. Sign up for Digital Ocean

If you use the referal link below, you get $10 free (1 or 2 months) https://m.do.co/c/5424d440c63a

2. Create a droplet and log in via ssh

I will be using the root user, but would suggest creating a new user

jwrigh26

useEffect(() => {
    const pathname = location?.pathname;
    
    const pathNameChanged = hasValue(pathname) && pathname !== prevPathname;
    
    const managedPaths = {
      // regex looks for the id and value of foo
      create: () => {
        const regex = new RegExp(`^(?:.*)(${id})(?:(?:.*)(${foo}))?`);
        const results = regex.exec(pathname) ?? [];

jwrigh26

// Helper method to delete without mutating
// Why not use delete? It's a mutable operation (side-effects).
// By using object destructuring, we have a one-liner approach.
// Inspired by: https://ultimatecourses.com/blog/remove-object-properties-destructuring
const removeItem = (key, { [key]: _, ...obj }) => obj;


// How does this work?
// We pass in the name of the key we wish to remove from the object.
// For the second param, we pass in the object

jwrigh26

export default function storage(isSession = false) {
  const manager = isSession ? sessionStorage : localStorage;
  const hasManager = isSession ? window.sessionStorage : window.localStorage;

  function getItem(id, json = true) {
    if (hasManager) {
      return json ? JSON.parse(manager.getItem(id)) : manager.getItem(id);
    }
    return undefined;
  }

jwrigh26

{
  "breadcrumbs.enabled": true,
  "editor.tabSize": 2,
  "eslint.packageManager": "yarn",
  "files.autoSave": "onFocusChange",
  "javascript.format.enable": false,
  // "editor.lineNumbers": "relative",
  "editor.formatOnSave": false,
  "eslint.autoFixOnSave": true,
  // Set the default

jwrigh26

{
	"Print to console": {
		"prefix": "lgvar",
		"body": [
			"console.log('$1', $1);$0"
		],
		"description": "Log output to console"
	},
	"Print String to console": {
		"prefix": "lg",

jwrigh26

function getScrollbarWidth() {
    // Creating invisible container
    const outer = document.createElement('div');
    outer.style.visibility = 'hidden';
    outer.style.overflow = 'scroll'; // forcing scrollbar to appear
    outer.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps
    document.body.appendChild(outer);

    // Creating inner element and placing it in the container
    const inner = document.createElement('div');