Skip to content

Instantly share code, notes, and snippets.

// config.js
angular.module("ngApp.config", [])
.constant("config", {
"version": "1.4.1",
"commitLink": "https://github.com/NCI-GDC/portal-ui/commit/1416c89",
"commitHash": "1416c89",
"api": "https://gdc-api.nci.nih.gov/v0",
"auth":"https://gdc-portal.nci.nih.gov/auth",
"auth_api": "https://gdc-portal.nci.nih.gov/auth/api",
"supportedAPI": "1",
window.gql = (function() {
"use strict";
/*
* Generated by PEG.js 0.9.0.
*
* http://pegjs.org/
*/
function peg$subclass(child, parent) {
/**
* @license AngularJS v1.4.14
* (c) 2010-2015 Google, Inc. http://angularjs.org
* License: MIT
*/
(function(window, angular, undefined) {'use strict';
/* jshint ignore:start */
var noop = angular.noop;
var copy = angular.copy;
(function(){
appConfig.$inject = ["$urlRouterProvider", "$locationProvider", "RestangularProvider", "config", "$compileProvider", "$httpProvider"];
appRun.$inject = ["gettextCatalog", "Restangular", "$state", "CoreService", "$rootScope", "config", "notify", "$cookies", "UserService", "ProjectsService", "$window", "$uibModalStack", "LocalStorageService"];
exceptionDecorator.$inject = ["$provide"];var ngApp;
(function (ngApp) {
var notFound;
(function (notFound) {
"use strict";
/* @ngInject */
notFoundConfig.$inject = ["$stateProvider"];
@cheapsteak
cheapsteak / box.jsx
Created January 24, 2017 02:47 — forked from anonymous/box.jsx
class Box extends React.Component {
componentWillEnter (callback) {
const el = this.container;
TweenMax.fromTo(el, 0.3, {y: 100, opacity: 0}, {y: 0, opacity: 1, onComplete: callback});
}
componentWillLeave (callback) {
const el = this.container;
TweenMax.fromTo(el, 0.3, {y: 0, opacity: 1}, {y: -100, opacity: 0, onComplete: callback});
}
import React from 'react';
import { render } from 'react-dom';
class Page extends React.Component {
state = {
shouldShowBox: true
};
toggleBox = () => {
@cheapsteak
cheapsteak / canvas drawimage hijack.js
Last active December 26, 2016 23:38
canvas drawimage hijack
// https://stuk.github.io/jszip/documentation/howto/write_zip.html
// https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.3/FileSaver.min.js
window.getCanvasContext = HTMLCanvasElement.prototype.getContext;
window.imageStacks = []
let canvasContexts = []
function registerCanvas(canvas, context) {
cavnasContexts.push({canvas, context})
}

Migrating legacy frontend build system to Webpack

Our legacy build stack

  • Grunt with usemin to concat our .js and .css files

Our current build stack

  • Webpack with Babel

Motivations:

[
["Lines of Code", "Path"],
[
"404/js/404.js",
47
],
[
"advanced/js/advanced.js",
1128
],
[
{
"loc": 8,
"path": "./app/develop/scripts/config.js",
"exclude": false
},
{
"loc": 47,
"path": "./app/scripts/404/js/404.js",
"exclude": false