deebloo

export interface CustomElementConfig {
  tagName: string;
  options?: {
    extends: string;
  };
}

/**
 * @CustomElement({
 *   tagName: 'my-element'

deebloo

var fallback = require('express-history-api-fallback');
var express = require('express');
var compress = require('compression');

var app = express();
var root = __dirname + '/dist';

app.use(compress());
app.use(express.static(root));
app.use(fallback('index.html', { root: root }));

deebloo

var myWorker = $worker().create(function () {
    self.postMessage('Hello World');
});

myWorker.run().then(function (e) {
    console.log(e.data); // 'Hello World'
});

deebloo

// Standard Service Class
export class MyService {
  constructor(private config) { }
}

// factory for creating new instances of the service
function createMyService(config = {}) {
  return new MyService(config);
}

deebloo

'use strict';

class NameCard extends HTMLElement {
    set name(val) {
        this._name = val;
        
        this.render();
    }
    get name() {
        return this._name;

deebloo

function createWorker(fn) {
  var blob = new Blob(['self.onmessage = ', fn.toString()], { type: 'text/javascript' });
  var url = URL.createObjectURL(blob);
  
  return new Worker(url);
}

deebloo

import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core';

@Component({
  selector: 'my-app',
  template: `
    <div class="map-container" #mapContainer><div>
  `,
  styles: [`
    .map-container {
      height: 300px;

deebloo

// src/app.components.ts

import {AppComponent} from './app.component';
import {Injector} from '@angular/core';
import {expect, it, describe, beforeEach, beforeEachProviders, inject} from '@angular/core/testing';

describe('Component: AppComponent should be created', function () {
    let fooComponent: FooComponent;
    
    beforeEachProviders(() => [

deebloo

import { BehaviorSubject, of } from 'rxjs';
import { distinctUntilChanged, concatMap, map, take } from 'rxjs/operators';

export class StateDef<T> extends BehaviorSubject<T> {
  setState(setter: (state: T) => T) {
    this.pipe(take(1)).subscribe(state => {
      super.next(setter(state));
    });
  }

deebloo

// import core testing libs
import {
  beforeEach,
  addProviders,
  it,
  describe,
  expect,
  inject
} from '@angular/core/testing';