sirtimbly

curl -i -n -X GET https://api.heroku.com/apps/$STAGING_APP_NAME/releases \                          system
-H "Accept: application/vnd.heroku+json; version=3;" -H "Range: version ..; order=desc"

# EXTRACT THE SLUG ID OUT OF THAT JSON OBJECT

# RELEASE THAT SLUG
curl -X POST -H "Accept: application/vnd.heroku+json; version=3" -n \                             system
-H "Content-Type: application/json" \
-d '{"slug": "$SLUG_ID"}' \
https://api.heroku.com/apps/$PROD_APP_NAME/releases

sirtimbly

.src/
├── assets
│   ├── images
│   │   └── structure
│   └── multimedia
├── docs
├── patterns
│   ├── 01-objects
│   │   ├── amount
│   │   ├── button

sirtimbly

components
│   ├── atoms
│   │   ├── button
│   │   ├── card
│   │   ├── form
│   │   │   └── select
│   │   ├── icon-field
│   │   ├── icons
│   │   ├── input
│   │   ├── text

sirtimbly

{
  "npm.enableScriptExplorer": true,
  "npm.scriptExplorerAction": "run"
}

sirtimbly

import typescript from 'rollup-plugin-typescript2';
import { terser } from "rollup-plugin-terser";
import { sizeSnapshot } from "rollup-plugin-size-snapshot";
import resolve from 'rollup-plugin-node-resolve';
import commonjs from 'rollup-plugin-commonjs';

import * as globby from "globby";

const globbedConfigs = globby.sync('src/patterns/**/*.ts').map(inputFile => {
  const filename = inputFile.split("/")[inputFile.split("/").length-1];

sirtimbly

export default () => {
  
  $(document).on("click", ".c-accordion__title", function(event) {
    event.preventDefault();
    // ... the rest of the old jquery code here
  });
}

sirtimbly

/// <reference path="../../../../node_modules/@types/jqueryui/index.d.ts" />
import "jquery-ui/ui/core";
import "jquery-ui/ui/keycode";
import "jquery-ui/ui/widgets/datepicker";

$("#my-datepicker").datepicker({
    showButtonPanel: true,
    changeMonth: true,
    changeYear: true,
    buttonImage: "/images/structure/calendar-ico.png",

sirtimbly

import InitAccordion from "../patterns/02-components/accordion/accordion";
$(() => {
  /**
   * If it needs to be run when the document is first loaded, then execute it in this function. This might be a useful
   * place to return promises or use async if the order or execution is important.
   */
  InitAccordion(); 
});

sirtimbly

import PromisePolyfill from "es6-promise";
PromisePolyfill.polyfill();

sirtimbly

{
  "compilerOptions": {
    "target": "es5",
    "module": "esnext",
    "strict": true,
    "jsx": "preserve",
    "importHelpers": true,
    "moduleResolution": "node",
    "experimentalDecorators": true,
    "esModuleInterop": true,