vegarringdal

What / Why

Deploy key is a SSH key set in your repo to grant client read-only (as well as r/w, if you want) access to your repo.

As the name says, its primary function is to be used in the deploy process in replace of username/password, where only read access is needed. Therefore keep the repo safe from the attack, in case the server side is fallen.

How to

1. Generate a ssh key

vegarringdal

How to create an HTTPS certificate for localhost domains

This focuses on generating the certificates for loading local virtual hosts hosted on your computer, for development only.

Do not use self-signed certificates in production ! For online certificates, use Let's Encrypt instead (tutorial).

vegarringdal

Generic web component HMR

I'm messing around with a generic way to do hot-module-replacement with generic web components whether they be vanilla, or done in a framework like Polymer or Skate.

The idea is that you call hmr(customElementConstructor) in your module files and it will set up the proper hooks.

The const filename should be inserted at build time so that it can remember the original localName of the component for the module.

WTF is "x-layout", "Layout" and "filename"

vegarringdal

<template>
  <div repeat.for="x of messages">
    <div column=${$index} >${$index}</div>
  </div>
  
</template>

vegarringdal

<template>
  <div>
      <div>
        <p><a md-button href="#modal1">show modal (href with ID)</a></p>
      </div>
      <div id="modal1" md-modal md-modal.ref="modal" style="overflow:visible">
        <div class="modal-content">
          <h4>Modal Header</h4>
          <p>A bunch of text</p>
          <p>A bunch of text</p>

vegarringdal

<template>
  <require from="./my-element"></require>
  <require from="./my-template"></require>
  <h1>Aurelia has been loaded</h1>
  <my-element>
    <my-template model.bind="appModel">
      element property: ${elementProperty}<br/>
      model title: ${title}
    </my-template>
  </my-element>

vegarringdal

<template>
  <div class="row">
   
   
   
    
    <v-grid
      class="col-md-6"
      style="height:350px"
      v-row-height="25"

vegarringdal

import {inject, customAttribute} from 'aurelia-framework';
import pikaday from 'pikaday';

@customAttribute('datepicker')
@inject(Element)
export class DatePicker {
  constructor(element) {
    this.element = element;
  }