aortbals

import { animate, stop, Promise } from "liquid-fire";
import didAnimateIn from './helpers/did-animate-in';

/**
 * Liquid Fire's cross fade animation with the `didAnimateIn` hook added.
 */
export default function crossFade(opts={}) {
  stop(this.oldElement);
  let promise = Promise.all([
    animate(this.oldElement, {opacity: 0}, opts),

aortbals

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Ember Twiddle',
  
  items: [
    { name: 'Fuu' },
    { name: 'Bar' },
    { name: 'Baz' },
    { name: 'Qix' }

aortbals

require 'find'
require 'zip'

module Zippable
  def to_zip
    return zipped_file_path if File.exists? zipped_file_path
    validate_file_exists

    ::Zip::File.open(zipped_file_path, ::Zip::File::CREATE) do |zipfile|
      if File.directory? file_path

aortbals

<snippet>
  <content><![CDATA[
import React, { Component } from 'react';

export default class ${TM_FILENAME/(.?\w*)(?:\.\w+)*$/$1/g} extends Component {
  static propTypes = {
  };

  render() {
    return (

aortbals

Basic Format API

Since the usage of format is so common, there is an easy API:

<Moment date={publishedAt} format="MMMM D, YYYY" />

Advanced API

aortbals

/**
 * Check the status of a fetch response.
 */
export default function checkStatus(response) {
  if (response.ok) {
    return response;
  }

  const error = new Error(response.statusText);
  error.response = response;

aortbals

/*
  This file contains non-global CSS modules
*/

@import "css/variables";
@import "css/utilities";

:global html {
  color: var(--black);
}

aortbals

#!/usr/bin/env node

const crypto = require('crypto');

if (!process.argv[2]) {
  console.log('Usage: csp-sha <string>');
  process.exit();
}

console.log(crypto.createHash('sha256').update(process.argv[2]).digest('base64'));

aortbals

With the introduction of GitHub's Squash and Merge feature, this has become less prevelant, however it's still useful in scenarios where GitHub's interface is unavailable.

Let's talk through two ways to do a squash and merge on the command line.

Take 1: Interactive Rebase

When to use it

• When you have not merged main into your feature branch
• There are no merge conflicts

aortbals

{
  "compilerOptions": {
    "target": "esnext",
    "allowJs": true,
    "skipLibCheck": false,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "esnext",