Max Lynch mlynch

How to build a framework independent component library with StencilJS

This is a proposal for a lightning talk at Reactive Conf. Please 🌟 this gist to push the proposal! If you're on your phone, please request the 🖥 desktop site to star this gist 😇 #ReactiveConf

Cordova Plugin Development Guide (iOS and Android)

Version: 0.0.1 updated 7/1/2016

Cordova Plugins are the magic that enable our mobile web app content to access the full power of Native SDKs underneath, but through clean JavaScript APIs that work the same across all platforms we target.

Building Cordova plugins is scary for many Cordova and Ionic developers, but it doesn't have to be. This simple guide walks through the what, when, why, and how of Cordova plugin development for iOS and Android.

Introduction

Undo/Redo

Undo/Redo is one of those features of an application that you almost always need to have if you are building serious GUI tools for people to do work.

The best way to look at undo/redo is two stacks of operations the user has performed:

The Undo stack is the "history" of what they've done
The redo stack is the breadcrumbs back to the initial state before they started undoing

	import android.graphics.Canvas;
	import android.graphics.ColorFilter;
	import android.graphics.Matrix;
	import android.graphics.Rect;
	import android.graphics.RectF;
	import android.graphics.drawable.Drawable;
	import android.support.annotation.IntRange;
	import android.support.annotation.NonNull;
	import android.support.annotation.Nullable;

	/*
	* Copyright 2013 The Android Open Source Project
	*
	* Licensed under the Apache License, Version 2.0 (the "License");
	* you may not use this file except in compliance with the License.
	* You may obtain a copy of the License at
	*
	* http://www.apache.org/licenses/LICENSE-2.0
	*
	* Unless required by applicable law or agreed to in writing, software

	.ansi-black-fg { color: rgb(0,0,0); }
	.ansi-red-fg { color: rgb(205,0,0); }
	.ansi-green-fg { color: rgb(0,205,0); }
	.ansi-yellow-fg { color: rgb(205,205,0); }
	.ansi-blue-fg { color: rgb(0,0,238); }
	.ansi-magenta-fg { color: rgb(205,0,205); }
	.ansi-cyan-fg { color: rgb(0,205,205); }
	.ansi-white-fg { color: rgb(229,229,229); }

	.ansi-bright-black-fg { color: rgb(127,127,127); }

	angular.module('maxlynch')

	/**
	* A simple ace-editor widget for adding a rich code editor
	* in place of a textarea with full ngModel support.
	*
	* Usage:
	*
	* <ace-editor language="javascript" theme="monokai"></ace-editor>
	*

	<!DOCTYPE html>

	<html>
	<head>
	<meta charset="utf-8">
	<link rel="dns-prefetch" href="//code.jquery.com">

	<!-- Ensure we set a viewport so everything scales appropriately on mobile devices. -->
	<meta name="viewport" content="width=device-width, initial-scale=1">

	Add the script include-version-info.sh into a new run script build phase of your application target. The build phase
	should be located after the build phase "Copy Bundle Resources".