tanepiper

// More information on enum objects as an alternative to enums:
// https://2ality.com/2025/01/typescript-enum-patterns.html#alternative-to-enum%3A-object-literal-1

/**
 * Returns an enum object. Adds the following improvements:
 * - Sets the prototype to `null`.
 * - Freezes the object.
 * - The result has the same type as if `as const` had been applied.
 */
function createEnum<

tanepiper

// I'm tired of extensions that automatically:
// - show welcome pages / walkthroughs
// - show release notes
// - send telemetry
// - recommend things
//
// This disables all of that stuff.
// If you have more config, leave a comment so I can add it!!

{

tanepiper

Following the news about Facebook buying Instagram I decided to delete my Instagram account before Facebook claims ownership of my pictures.
Since the Instagram-recommended (in their FAQ): http://instaport.me/export doesn't work for me (probably they can't cope with the high demand), 
here is a quick and dirty way to download all my Instagram pictures in their highest resolution in a few easy steps.

You will need: Firefox, Firebug, some text editor, wget

1. Go to http://statigr.am/yourlogin using Firefox with Firebug extension active
2. Scroll down as many times as it is needed to have all yor pictures thumbnails displayed (I had some 3 hundred pictures so it was not that much scrolling, YMMV)
3. In the Firebug JS console run this JS code:    $(".lienPhotoGrid a img").each(function(index) { console.log($(this).attr('src')) })
4. JS console will contain urls to all the thumbnails images, like this: http://distilleryimage1.s3.amazonaws.com/4ed46cf2801511e1b9f1123138140926_5.jpg

tanepiper

javascript:(function(){
    const MY_MASTO_HOST = 'tane.codes';

    if (window.location.host === MY_MASTO_HOST) return;

    const user = document.querySelector('meta[property="profile:username"]')?.getAttribute('content');
    if (!user) return;

    window.location.href = `https://${MY_MASTO_HOST}/@${user}`;
})();

tanepiper

/**
 * Arbitrary-length tuples
 * =======================
 * 
 * Working with tuples of unknown length in TypeScript is a pain. Most library authors fall back on enumerating all possible
 * tuple lengths up to a threshold (see an example here https://github.com/pelotom/runtypes/blob/fe19290d375c8818d2c52243ddc2911c8369db37/src/types/tuple.ts )
 * 
 * In this gist, I'm attempting to leverage recursion to provide support for arbitrary length tuples. This has the potential
 * to make some kinds of declarative APIs nicer and enhance type inference in some cases.
 * This example shows how to take a variable-length tuple as an input, transform each of its types and use the resulting

tanepiper

import { HttpClientTestingModule } from '@angular/common/http/testing';
import { Component, Injectable, Input, OnDestroy } from '@angular/core';
import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
import { By } from '@angular/platform-browser';
import { ActivatedRouteSnapshot, NavigationEnd, Route, Router } from '@angular/router';
import { RouterTestingModule } from '@angular/router/testing';
import { Subject } from 'rxjs';
import { filter, map, takeUntil, tap } from 'rxjs/operators';

interface Breadcrumb {

tanepiper

export class ReplayControlValueChanges<T> extends Observable<T> {
    constructor(control: AbstractControl | AbstractControlDirective) {
        super(subscriber => {
            if (!control.valueChanges) {
                throw new Error('Control does not have valueChanges');
            }

            control.valueChanges.pipe(startWith(control.value)).subscribe(subscriber);
        });
    }

tanepiper

type ValidationResult<T, U> = Partial<{ [Key in keyof T]: U }>;
type Validation<T, U> = (fields: T) => ValidationResult<T, U>;

const validate = <T, U = boolean | string>(
  validations: Validation<T, U>[],
  fields: T
): ValidationResult<T, U> =>
  validations
    .map(validation => validation(fields))
    .reduce((acc, a) => Object.assign(acc, a), {});

tanepiper

export namespace TupleUtils {
  /**
   * Get type of first element
   * @example `First<[0, 1, 2]>` → `0`
   */
  export type First<Tuple extends [any, ...any[]]> = Tuple[0]

  /**
   * Get type of last element

tanepiper

Setup

Angular app talking to multiple microservices using Cookie authentication on ajax requests. Cookies are not passed over cross domain ajax requests, so we need to be able to have the Angular app and microservices running on same-domain in local dev as well as in production.

We have a Docker nginx proxy running on localhost:8000:

• proxying to multiple microservices on localhost:8000/api/<microservice>
• proxying other requests to Angular CLI (ng serve) on en0 inet (192.168.1.5 for instance) port 4200
• using a python script to get the correct en0 IP and write it to the nginx config at proxy startup