Geoff Goodman ggoodman

Check out Velcro for more information.

// Load the runtime
var V={},velcro=(()=>{V.V='Velcro' in window?Promise.resolve(Velcro):new Promise(resolve=>{V.S=document.createElement('script');V.S.src='https://unpkg.com/@velcro/[email protected]';V.S.onload=()=>resolve(Velcro);document.head.appendChild(V.S);});V.R=V.V.then(v=>v.createRuntime());return s=>V.R.then(r=>r.import(s))})();

// Render a simple React element to document.body
var React = await velcro('react'), ReactDOM = await velcro('react-dom'); ReactDOM.render(React.createElement('h1', null, 'Hello Velcro'), document.body);

Comparison of using Bluebird promises instead of Angular's native $q implementation

DEMO and 'benchmark': http://embed.plnkr.co/ZJFVCVeCRLaADEfQcG7D/preview

The build system and directory structure for Plunker.NEXT

Tools used:

Angular.js
ui-router
Webpack
Less
Bower
npm

Stop event propagation in Angular.js

This directive allows you to stop propagation for any event supplied.

Lets say you have an ng-click handler on a button that is overlayed on top of an <a href></a> link. You cant your click handler to fire, but not the anchor tag's default action. What you need is to stop the propagation of the click event up to the anchor tag.

	'use strict';

	const Assert = require('assert');

	Assert.ok(module.webtask.secrets['jwt-scope'], 'The jwt-scope secret is required for the jwt-authz');

	module.exports = () => {
	const requiredScopes = module.webtask.secrets['jwt-scope'].split(/\s+/);

	return function middleware(req, res, next) {

	var _ = require("lodash");

	module.exports =
	angular.module("plunker.service.commander", [])

	.factory("commander", [ "$q", "$injector", function ($q, $injector) {
	var commands = {};

	var service = {
	addCommand: addCommand,

	{
	source: "http://whatever",
	description: "Blah blah",
	tags: [],
	files: {
	"index.html": {
	filename: "index.html",
	content: "<html>..."
	},
	...

	var app = angular.module('plunker', []);

	app.controller('MainCtrl', function($scope) {
	$scope.name = 'World';
	});

	<!doctype html>

	<html>
	<head>
	<meta charset="utf-8">
	<title>Plunker</title>
	<link rel="stylesheet" href="style.css">
	<script src="script.js"></script>
	</head>

	App = Ember.Application.create({});

	App.IndexRoute = Ember.Route.extend({
	setupController: function(controller) {
	controller.set('content', ['a', 'b', 'c']);
	}
	});

Geoff Goodman ggoodman

Comparison of using Bluebird promises instead of Angular's native $q implementation

The build system and directory structure for Plunker.NEXT

Stop event propagation in Angular.js

Usage