wtho

/**
 * Definition of arg fields for typesafe event handling.
 * 
 * @example
 * {
 *   parameters: 'param1' | 'param2'
 *   arguments: 'arg1' | 'arg2'
 * }
 */
interface ParameterArgDefinition {

wtho

dialog,
dialog[open]::backdrop {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.5s, opacity 0.5s linear;
}

dialog[open].fade-in,
dialog[open].fade-in::backdrop {
  transition-delay: 0s;

wtho

const range = (length: number) => Array.from({ length }, (_, i) => i)

// JS version
const rangeJs = length => Array.from({ length }, (_, i) => i)

wtho

wtho

import { Options, Vue, createDecorator } from "vue-class-component";
import { ComponentPropsOptions } from "vue";
import 'reflect-metadata';

type PropOptions = ComponentPropsOptions;

type Constructor = {
  new(...args: any[]): any
}

wtho

const ts = require('typescript')

const toCompile = `
import { SomeDecorator } from 'fictional-decorators';
class Compilee {
  constructor(@SomeDecorator() param) { }
}
`

const compiled = ts.transpileModule(toCompile, {

wtho

type Status = 'valid' | 'invalid';

@Component({
  selector: 'app-component',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  profileForm = this.fb.group({
    f1: [''],

wtho

Quick Install

• npm install --save-dev --save-exact pretty-format@24.0.0
• copy DOMElementNoClassIdSnapshotSerializer.js to your project folder
• add './DOMElementNoClassIdSnapshotSerializer.js' to snapshotSerializers in your jest config

Problem

Angular does create HTML for components like this:

<h1 class="ng-tns-c1-0">
 app works! 

wtho

let blacklists = ["http://localhost*","http://192.168.2.131/*","https://localhost*","https://pvmonitor.ml/*","https://stackblitz.com/*","https://*.stackblitz.io/*","https://emulatoronline.com/*"]

let defaultengine = 'duckduckgo'

wtho

blog:how-to-become-stronger-everyday,ts:2017-12-14