liamross

package util

// ResolverType is one of "Query", "Mutation", or "Subscription".
type ResolverType string

const (
	// QueryResolver is the resolver type for query operations.
	QueryResolver ResolverType = "Query"
	// MutationResolver is the resolver type for mutation operations.
	MutationResolver ResolverType = "Mutation"

liamross

Edit: You should be able to just use Google Takout to export your song data: https://takeout.google.com

With the recent moves towards YouTube Music which is pretty terrible, I figured it was time to embrace Spotify, so I wrote a script to get all of my Google Play Music songs as a CSV so I can add them to Spotify.

1. Paste in the function below (getAllSongs) into the console when you are in https://play.google.com/music/listen#/all and scrolled all the way to the top
2. Type await getAllSongs() and wait for the script to scroll all the way down
3. Confirm that your LENGTH: output matches the total songs on the top of the page
4. Copy the output string, it's valid CSV for importing into Google Sheets, Excel, etc.

liamross

export type Subscriber = (event: YourEvent) => void;

/**
 * When you have specific events and want to use a subscriber pattern.
 */
class WithEventSubscribers {
  private _subscribers: Partial<{ [type in YourEventTypes]: Subscriber[] }>;
    
  constructor() {
    this._subscribers = {};  

liamross

const POSSIBLE_LETTERS = 'bcdghjklmnpqrstvwxyz'; // No vowels: attempting to avoid "bad words".
const POSSIBLE_NUMBERS = '0123456789';
const ONLY_UPPERCASE = POSSIBLE_LETTERS.toUpperCase() + POSSIBLE_NUMBERS;
const UPPER_AND_LOWERCASE = ONLY_UPPERCASE + POSSIBLE_LETTERS;

/**
 * Generates a random string to use as a unique identifier. This should be used
 * over `getId` if you need to use it as a DOM id, or a React key.
 *
 * @param prefix Optional. Prefix for the string id.

liamross

// https://github.com/facebook/react/blob/master/packages/use-subscription/src/useSubscription.js

type Subscription<Value> = () => {
  getValue: () => Value;
  subscribe: (callback: Function) => () => void;
};

const subscription: Subscription<string> = () => ({
  getValue: () => something.value,
  subscribe: callback => {

liamross

/* eslint-disable @typescript-eslint/no-explicit-any */

/**
 * Remove the specified Keys of T. Like Omit, but with autocompletion.
 *
 * @example
 * type SomeProps = {field1: string; field2: string};
 * const x: Remove<SomeProps, 'field2'> = {field1: 'Hello, World!'};
 */
export type Remove<T, Keys extends keyof T> = Pick<T, Exclude<keyof T, Keys>>;

liamross

// Breakpoints - NOTE: use the provided mixins for breakpoint media queries.
$phone-upper-boundary: 768px; // > "phone"
$tablet-upper-boundary: 1200px;
$small-desktop-upper-boundary: 1920px;
$large-desktop-upper-boundary: 2200px; // < "huge desktop"

/**
 * Mixin for adding size media queries. Size should be:
 * - phone-only       - < 768px   (rare use case, use mobile first instead)
 * - tablet-up        - >= 768px

liamross

/*
Browsers like firefox ignore the bottom padding in scrolling containers. The
fix, other than inserting padding on the last child (which can cause visual
issues if the last child has a border or background color) is to add the
padding height `::after` the last child.

> Note: if you are using grids, the gap will be placed between `::after`
> pseudo-element and the target element. Therefore you must subtract the
> `$grid-row-gap` from the `$paddingBottom`.

liamross

# Ignore any files you wish to preserve format in (scss files?).
# somefile.scss

# Ignore build folders
dist
lib
storybook-build

# Ignore node modules folder
node_modules

liamross

env:
  browser: true
  es6: true
  commonjs: true
  node: true
  jest: true
settings:
  react:
    version: 'detect'
parser: '@typescript-eslint/parser'