RomkeVdMeulen

{
    "openapi": "3.0.2",
    "info": {
        "title": "Ferry - waterfront-backend",
        "version": "1.0.0"
    },
    "servers": [
        {
            "url": "https:\/\/waterfront.sandwaveio.dev"
        }

RomkeVdMeulen

interface OperationQueue {
	queue: Promise<void>;
}

export function makeOperationQueue(): OperationQueue {
	return {queue: Promise.resolve()};
}

export function queuedOperation(operationQueue: OperationQueue) {
	return function(_target: any, _key: string, descriptor: TypedPropertyDescriptor<(...args: any[]) => any>) {

RomkeVdMeulen

Install scripts

This is a list of scripts for installing applications that require a little extra effort.

Individual raw scripts are also available at tny.im. E.g.: http://tny.im/flexget

See shortcuts.list for the full list of tny.im adresses. The raw shortcuts list is available at http://tny.im/installscripts

To automatically install a script using the shortcut:

RomkeVdMeulen

export const enum KeyCode {
	ENTER = 13,
	SPACE = 32
}

export function keyListener(keyCodes: KeyCode | KeyCode[]) {
	if (!(keyCodes instanceof Array)) {
		keyCodes = [keyCodes];
	}

RomkeVdMeulen

Webdesign links

Forms

• https://adamsilver.io/blog/form-design-from-zero-to-hero-all-in-one-blog-post/
• https://adamsilver.io/blog/live-validation-is-problematic/
• https://adamsilver.io/blog/where-to-put-buttons-on-forms/

Links

• https://www.a11y-collective.com/blog/the-perfect-link/

RomkeVdMeulen

function makePropertyMapper<T>(prototype: any, key: string, mapper: (value: any) => T) {
	const values = new Map<any, T>();
	Object.defineProperty(prototype, key, {
		set(firstValue: any) {
			Object.defineProperty(this, key, {
				get() {
					return values.get(this);
				},
				set(value: any) {
					values.set(this, mapper(value));

RomkeVdMeulen

import {HtmlBehaviorResource} from "aurelia-framework";

const orig: (...args: any[]) => any = HtmlBehaviorResource.convention;
HtmlBehaviorResource.convention = function(name: string, ...args: any[]) {
	if (name.endsWith("Component")) {
		name = name.replace(/Component$/, "CustomElement");
	}
	if (name.endsWith("Route")) {
		name = name.replace(/Route$/, "CustomElement");
	}

RomkeVdMeulen

<template>
  <h1>${message}</h1>
</template>

RomkeVdMeulen

#!/bin/bash

if [ $# -lt 2 ]; then
        echo "Usage: $0 [domain to connect] [password]"
        exit 1
fi

set -e

red='\033[0;31m'

RomkeVdMeulen

import {decorateMethod} from "util/objects";

export interface ConfirmUnloadConfig {
	hasUnsavedChanges(): boolean;
	getUnloadConfirmMessage(): string;
}

export function confirmUnload(viewModel: any): any {
	decorateMethod(viewModel, "attached", function attached() {
		const self: ConfirmUnloadConfig = this;