Vlad

{
  let a = 0;
  document.querySelector('button').onclick = function(){
    a = a +1;
    console.log(a);
  };
}

fetch работает на клиенте. Для работы в nodejs нужно использовать пакеты или библиотеки
вот например

В зависимости от скорости меняй прозрачность/ширину текстурки с длинным выхлопом.

Нет, не стоит.
Вы тупо будете слушать, как картавый мычащий Васян пересказывает какой-нибудь learnjavascript, пропуская половину тем, которые сам не понимает.
И таких видео - 90%.

Если Вам для отладочных (собственных) целей - в Google Chrome (я думаю и в его производных тоже) есть настройки скорости загрузку/отдачи, можете там выставить любые параметры и тестировать.

Если "глобально" - я думаю это можно попробовать реализовать, например, на уровне Nginx'а.

Если и этого мало - можете попробовать ограничить скорость на уровне сервера, на эту тему так же масса информации, например тут обсуждалось.

Так как порядок в юнион не определен, можно получить лишь юнион всех возможных вариантов:

type Char = "A" | "B" | "C" | "D";
type ConcatMap<T> = T extends unknown
    ? {} extends T[keyof T]
        ? `${string & keyof T}`
        : `${string & keyof T}${ConcatMap<T[keyof T]>}`
    : never;
type MapChars<C extends Char> = {
    [K in C]: MapChars<Exclude<C, K>>
};
type Split<S extends string> = S extends `${infer H}${infer Tail}`
    ? [H, ...Split<Tail>]
    : [];
type T1 = Split<T2>;
type T2 = ConcatMap<MapChars<Char>>;

https://www.typescriptlang.org/play?#code/C4TwDgpg...

type ValueOf<T> = T[keyof T];

const enum BlockType {
  Paragpraph = 'PARAGRAPH',
  Image = 'IMAGE',
  List = 'LIST',
}

interface BodyTypes {
  [BlockType.Paragpraph]: string;
  [BlockType.Image]: File;
  [BlockType.List]: string[];
}

interface IBlock<T extends BlockType> {
  type: T; 
  body: BodyTypes[T];
}

type TBlock = ValueOf<{ [P in BlockType]: IBlock<P> }>;
// type TBlock = IBlock<BlockType.Paragpraph> | IBlock<BlockType.Image> | IBlock<BlockType.List>;


function x(b: TBlock) {
  if (b.type === BlockType.Paragpraph) {
    // b.body is string
  } else if (b.type === BlockType.Image) {
    // b.body is File 
  }
}

TypeScript лимитирует вложенность рекурсии, дабы тайпчекер работал быстро и не зависал.
Можно уменьшить вложенность, если обрабатывать за раз сразу по несколько частей:

type Split<S extends string, D extends string = ''> = S extends ''
    ? []
    : S extends `${infer H0}${D}${infer H1}${D}${infer H2}${D}${infer H3}${D}${infer H4}${D}${infer H5}${D}${infer Tail}`
        ? [H0, H1, H2, H3, H4, H5, ...Split<Tail, D>]
        : S extends `${infer H0}${D}${infer H1}${D}${infer H2}${D}${infer H3}${D}${infer Tail}`
            ? [H0, H1, H2, H3, ...Split<Tail, D>]
            : S extends `${infer H0}${D}${infer Tail}`
                ? [H0, ...Split<Tail, D>]
                : never;

https://www.typescriptlang.org/play?#code/C4TwDgpg...

Можно, если им явно не указать тип Args, но тогда вы теряете предварительную проверку, увы:

let a1 = {
    channelID: {
        RegExp: ["\\d+", true],
        description: "d1"
    },
    content: {
        RegExp: [".+", true],
        description: "d2"
    }
};
type T1 = {[K in keyof typeof a1]: string}

Чтобы сохранить проверку - придётся воспользоваться дополнительной бессмысленной функцией для уточнения типа:

type Args = {
    [key: string]: {
        RegExp: [string, boolean],
        description: string
    }
}
function createArgs<T extends Args>(args: T): T {
    return args;
}

type TStringKeys<T extends Args> = {[K in keyof T]: string};


let a1 = createArgs({
    channelID: {
        RegExp: ["\\d+", true],
        description: "d1"
    },
    content: {
        RegExp: [".+", true],
        description: "d2"
    }
});

type T1 = TStringKeys<typeof a1>

К сожалению на текущий момент(ts4.2.3) избавиться от функции-обёртки не получится.

с помощью этой штуки https://www.electronjs.org/docs/tutorial/quick-start
можно поискать видосы на ютубе по ней

let str = "This more <i id='q+' class='a_hu18' disabled>tag</i>";

let res = str.replace(/(<\w+)\s(?:'[^']*'|"[^"]*"|[^"'>])*(?=>)/g, "$1");
console.log(res) // This more <i>tag</i>

На JavaScript никак. Если у вас локальный сервер, то с файлами работает ваш php. Хотя по приколу можно апплет написать. Для его работы с файлами и компонентом input[type=file] существует директория для временных файлов. В зависимости от вашего сервера nginx/express/etc. найдите эту директорию в корневом каталоге сервера или загуглите где она. Там сохраняются ваши временные файлы. Как работать с временными файлами тоже почитайте. Однако, так как вам надо обрабатывать onchange, то и об AJAX почитайте. Все это у вас займет 1-2 дня разобраться если вы новичок. а потом можно смело пытаться плодить костыли и уже с ними идти сюда.

Работа с файлами и офф документация
Работа с AJAX. Так же учебник в зубы и конечно же офф док.
Два дня даже долго будет. Все равно удачи :D

import можно использовать только там где он поддерживается, к примеру код до бабеля
если такой возможности нет, require
пример