Ville Vainio vivainio

How to clean up a branch

Current branch is features/unclean
git checkout dev
git checkout -b features/cleaned-up
git merge --squash features/unclean
Go to Git Extensions / git gui, and edit the staging (unstage whitespace differences and accidental changes etc)
git push

I hereby claim:

To claim this, I am signing this object:

	angular.module('app').directive('props', function() {
	return {
	link: function(scope, element, attrs) {
	scope.$watchCollection(attrs.props, function(newValues) {
	for (const key in newValues) {
	if (newValues.hasOwnProperty(key)) {
	element[0][key] = newValues[key];
	}
	}
	});

	// don't like patching your components with custom hacks? use this!
	class MobWrap {
	unsubs: (() => void)[] = [];
	constructor() {}

	autorun(view: (r: IReactionPublic) => any, scope?: any) {
	this.unsubs.push(realAutorun(view));
	// "fluent" api for chaining stuff
	return this;
	}

	import { autorun } from "mobx";

	export function startObserving(component: any, expression: () => void) {
	const disposer = autorun(expression);
	if (!component.__mobx_unsubs) {
	component.__mobx_unsubs = [disposer];
	} else {
	component.__mobx_unsubs.push(disposer);
	}
	}

	modifyComplex() {
	this.complex = this.complex.concat("newline");
	const el = document.querySelector("#mycomplex") as any;
	el.strings = this.complex;
	}


	$postLink() {
	// this is the place to hook up event listeners for stencil (dom) events
	this.$element.on('onListClick', ev => {
	console.log('Event cauch in angular', ev);
	});
	}

	<div>
	<h2>Home</h2>
	<p>{{home.message}}</p>
	<h3>Without anything</h3>
	<my-name></my-name>

	<h3>With simple string</h3>
	<my-name simplestring="simple static from angular"></my-name>

	<h3>With dynamic string</h3>

	import { Component, Prop, EventEmitter, Event } from "@stencil/core";


	@Component({
	tag: 'my-name',
	styleUrl: 'my-name.scss'
	})
	export class MyName {

	@Prop() simplestring: string;

	// linked data (HateOAS) with types

	interface HData<T> {
	rel: string;
	href: string;
	data?: T;
	}

	interface HAction<T, U> {
	rel: string;