jhnns

Bash script to set up an SSH tunnel

Starts an SSH tunnel in the background and checks if it is usable. Can be used in a Github action e.g. in order to connect to a Postgres instance that is only reachable via SSH.

You need to set the following env variables

Variable	Description
SSH_TUNNEL_HOST	The hostname of the machine, e.g. example.com
SSH_TUNNEL_PORT	The SSH port you want to connect to (e.g. 22 )

jhnns

import person form "./person.css";

element.innerHTML = `<h1 class="${person.name}">Name</h1>`;

jhnns

.name {
    background: hotpink;
}

jhnns

return tsResult.js
  .pipe(
    sourcemaps.mapSources(function(sourcePath, file) {
      return "../../" + sourcePath; // rewrite sourcePath to point to the correct TypeScript file paths
    })
  )
  .pipe(sourcemaps.write("./"))
  .pipe(gulp.dest("./dist/src"));

jhnns

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "attach",
      "name": "Attach to Server in Docker",
      "port": 9222,
      "timeout": 10000,
      "stopOnEntry": true,

jhnns

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "attach",
      "name": "Docker: Attach to Node",
      "port": 9229,
      "address": "localhost",
      "localRoot": "${workspaceFolder}",

jhnns

FROM node:10.8.0-alpine
WORKDIR /server
COPY package.json package-lock.json ./
RUN npm ci
COPY . /server
CMD [ "npm", "run", "start" ]

jhnns

customElements.define("my-bubble", class extends HTMLElement {
    constructor() {
        super();
        const template = document.getElementById("my-element-template").content;
        const shadowRoot = this.attachShadow({mode: "open"});

        shadowRoot.appendChild(template.cloneNode(true));
    }
});

jhnns

customElements.define("my-bubble", class extends HTMLElement {
    constructor() {
        super();
        const template = document.getElementById("my-element-template").content;
        const color = this.getAttribute("background") || "white";
        
        template.querySelector(".bubble").style.background = color;
    }
});

jhnns

...
<template id="my-element-template">
    <style>
        .bubble {
            border: .4rem solid black;
            border-radius: 2rem;
            margin: 1rem;
            padding: 1rem .5rem;
            cursor: pointer;
            font-size: 20px;