jakewtaylor

Increases indentation on the file tree and adds some lines to each directory/file.

Works 15 levels deep, but you can expand it by just adding more of each line thats repeating, i.e.:

• add another box shadow
  • (n*-20px) 0 0 0 rgba(255, 255, 255, 0.4)
• add another padding-left
  • .monaco-tree-row[aria-level="n"] { padding-left: ((n-1)*20)px; }
• add another :before & :after with left positioning
  • .monaco-tree-row[aria-level="n"]:before { left: (((n-1)*20)-9)px; }
• .monaco-tree-row[aria-level="n"]:after { left: (((n-1)*20)-9)px; }

jakewtaylor

{
    "name": "African Elephant",
    "latinName": "Loxodonta Africana",
    "facts": [
        {
            "key": "Class",
            "value": "Mammal"
        },
        {
            "key": "Countries Found",

jakewtaylor

<?php

$sql = "SELECT id, forename, surname
        FROM character_information
        WHERE project_name='$project_name'
        AND username='$usernamevariable'";

$characters = $conn->query($sql);

while ($character = $characters->fetch_assoc()) {

jakewtaylor

Composer.json

You'll need to add the following to composer.json (some of it is already in there, you need to add the files key and contents.

The app/Support/helpers.php is just an example, and where I would typically put helper functions, but you can put them wherever you like. If you do change it, just change all occurences of app/Support/helpers.php to the path you chose.

jakewtaylor

Extensions

• Atom One Dark Theme

Other

• Fira Code

jakewtaylor

const Tooltip = (props) => {
    const [x, y] = useMouseCoordinates();
  
    return (
        <p>Mouse is at x: {x}, y: {y}.</p>
    );
}

jakewtaylor

Folders

There is a table that contains data about a set of folders. Each folder can be a child of another. If folder_id is null, then it's a root level folder. If folder_id is a number, it is a child of the folder with that number.

id	name	folder_id
1	images	null
2	css	null
3	home	1

jakewtaylor

import React from 'react';

class GoogleFontLoader extends React.PureComponent {
    link = null;

    createLink = () => {
        const { fonts } = this.props;

        const families = fonts.reduce((acc, font) => {
            const family = font.font.replace(/ +/g, '+');

jakewtaylor

const maybe = (item, fallback = null) => item ? item : new Proxy({}, {
    get () {
        return fallback;
    }
});

// Usage:
const items = [{ id: 1, value: 'a' }, { id: 2, value: 'b' }];

maybe(items.find(itm => itm.id === 1)).value; // 'a'

jakewtaylor

export const arrayEqual = (arr1, arr2) => {
    // If either item is falsey we can short circuit and warn
    if (!arr1 || !arr2) {
        console.warn('arrayEqual(): One of the supplied arrays is falsey.');
        return false;
    }

    // If they're equal we can short circuit
    if (arr1 === arr2) return true;