joshuacerbito

const cacheName = 'mycache';

self.onFetch = event => {
  const request = event.request;
  
  const networkResponsePromise = fetch(request).catch(_ => {});
  const cachedResponsePromise = caches.match(request);
  
  event.respondWith(async function () {
    const cacheResponse = await cachedResponsePromise;

joshuacerbito

.markdown-body .octicon {
  display: inline-block;
  fill: currentColor;
  vertical-align: text-bottom;
}

.markdown-body .anchor {
  float: left;
  line-height: 1;
  margin-left: -20px;

joshuacerbito

root = true

[*]
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

[**.{css,scss}]
indent_style = tab

joshuacerbito

Custom Title Bar Colors for VS Code

A simple tool that changes your VS Code's Title Bar Colors depending on the type of workspace that you're currently in. Useful for Full-Stack developers who like to jump from workspace to workspace.

Setup Instructions

1. Open your terminal and cd into your root directory (e.g. cd ~, or cd /Users/YOURNAME/)
2. Create a new folder named bin if you don't have one yet
3. Export your bin directory to the PATH (e.g. for bash: export PATH=$PATH:/Users/YOURNAME/bin, for ZSH: export PATH=$HOME/bin:/usr/local/bin:$PATH)
4. Copy the two files vs-fe and vs-be into your bin directory

joshuacerbito

<?php

/**
 * Sets the extension and mime type for .webp files.
 *
 * @param array  $wp_check_filetype_and_ext File data array containing 'ext', 'type', and
 *                                          'proper_filename' keys.
 * @param string $file                      Full path to the file.
 * @param string $filename                  The name of the file (may differ from $file due to
 *                                          $file being in a tmp directory).

joshuacerbito

<?php
  add_filter('use_block_editor_for_post_type', '__return_false');

joshuacerbito

IMPORTANT NOTE: This only works for MacOS!

The speedwatch shell script requires Homebrew. If you don't have it yet, speedwatch will install it for you. It might take a while, but once installed, using speedwatch should be instant.

Installation Instruction

1. Open your terminal and paste the following lines:

curl https://gist.githubusercontent.com/joshuacerbito/afdb962d32fc8c1b6e62c7a4ea60528e/raw/speedwatch -o speedwatch

joshuacerbito

<?php

  add_filter( 'block_categories', function( $categories, $post ) {
      return array_merge(
          $categories,
          [
              [
                  'slug' => 'my-category',
                  'title' => __( 'My Custom Category', 'my-namespace' ),
              ],

joshuacerbito

import React from 'react';

export function Blog(props) {
  // const [posts] = useState(props.posts);
  return (
    props.posts.map(({ id, title, body }) => {
      return (
        <article key={id}>
          <h3>{title}</h3>
          <div>{body}</div>

joshuacerbito

import { useState } from 'react';

export default function useSessionStorage(key, initialValue) {
  const [item, setInnerValue] = useState(() => {
    try {
      return window.sessionStorage.getItem(key)
        ? JSON.parse(window.sessionStorage.getItem(key))
        : initialValue;
    } catch (error) {
      return initialValue;