Andy Merskin andymerskin

AngularJS Directive Attribute Binding Explanation

When using directives, you often need to pass parameters to the directive. This can be done in several ways. The first 3 can be used whether scope is true or false. This is still a WIP, so validate for yourself.

Raw Attribute Strings

<div my-directive="some string" another-param="another string"></div>

OS X Screencast to animated GIF

This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.

Instructions

To capture the video (filesize: 19MB), using the free "QuickTime Player" application:

	// all code in cypress/support/commands.ts

	// Convert this file to a module for global namespace declaration
	export {};
	declare global {
	namespace Cypress {
	interface Chainable {
	/**
	* Custom command to set launchdarkly feature flag values.
	* @example cy.updateFeatureFlags({ 'flag-name': false})

	import {forwardRef, useImperativeHandle, ForwardRefExoticComponent, RefAttributes, Ref} from "react";

	export type Handle<T> = T extends ForwardRefExoticComponent<RefAttributes<infer T2>> ? T2 : never;

	export const Parent = (props: {})=> {
	let childHandle: Handle<typeof Child>;
	return (
	<div onClick={()=>childHandle.SayHi()}>
	<Child name="Bob" ref={c=>childHandle = c}/>
	</div>

	# Installing ffmpeg with H265 support
	brew tap varenc/ffmpeg
	brew install varenc/ffmpeg/ffmpeg --with-fdk-aac --HEAD

	# Installing mp4edit tool
	brew install bento4

	// Use the following to load all vue components in a directory. They will be loaded by the `name` attribute.

	components: {
	...(() => {
	const context = require.context("./components", false, /.*.vue/);
	return Object.fromEntries(
	context
	.keys()
	.map(k => context(k).default)
	.filter(c => c.name != undefined)