tags: TypeScript, type erasure, type stripping
As part of my work on the JavaScript Tooling team at Bloomberg I have implemented an experimental (not yet used in production) package to transform TypeScript into JavaScript using a somewhat novel approach.
This is a description of what I learned from implementing the idea. The source code will be open sourced soon - it just needs some regular IP approval.
| fbr() { | |
| local branches branch | |
| branches=$(git reflog show --pretty=format:'%gs ~ %gd' --date=relative \ | |
| | grep 'checkout:' \ | |
| | grep -oE '[^ ]+ ~ .*' \ | |
| | awk -F~ '!seen[$1]++' \ | |
| | head -n 20 \ | |
| | awk -F' ~ HEAD@{' '{printf(" \033[33m%s: \033[37m %s\033[0m\n", substr($2, 1, length($2)-1), $1)}' \ | |
| | nl \ | |
| | sort -nr \ |
| customElements.define( | |
| "i-frame", | |
| class extends HTMLElement { | |
| #shadow = this.attachShadow({ mode: "closed" }); | |
| constructor() { | |
| super(); | |
| this.#shadow.innerHTML = ` | |
| <slot></slot> | |
| <iframe part="frame" srcdoc=""></iframe> |
| function check_package_manager() { | |
| current_dir=$(pwd) | |
| while [ "$(pwd)" != "/" ]; do | |
| if [ -f "pnpm-lock.yaml" ]; then | |
| if [ "${1}" != "pnpm" ]; then | |
| echo "Looks like you're using the wrong package manager, partner!" | |
| echo "It's pnpm time, cowboy." | |
| cd "${current_dir}" | |
| return 1 |
| val InputRegex = "(\\d+)-(\\d+),(\\d+)-(\\d+)".r | |
| def matchFullContain(str: String): Boolean = str match { | |
| case InputRegex(t1, t2, e1, e2) => | |
| (t1.toInt <= e1.toInt && e2.toInt <= t2.toInt) || | |
| (e1.toInt <= t1.toInt && t2.toInt <= e2.toInt) | |
| case _ => false | |
| } | |
| def matchOverlap(str: String): Boolean = str match { |
| // `CallSite` is the class representing a stack frame in the V8 spec | |
| // (see https://v8.dev/docs/stack-trace-api#customizing-stack-traces) | |
| // hat tip to the callsites package, where I'm importing the `CallSite` type from: https://github.com/sindresorhus/callsites | |
| import { CallSite } from "https://raw.githubusercontent.com/sindresorhus/callsites/7fb22a67645ea741cc016937e8f3662eb533eb6e/index.d.ts"; | |
| // there is a default implementation for preparing stack traces on the Error object, but TypeScript doesn't recognise | |
| // this. (maybe because it's not present in all runtimes? or maybe the default is initialised in some other way?) | |
| type ErrorWithPrepFn = ErrorConstructor & { prepareStackTrace?: (error: Error, stack: CallSite[]) => unknown} |
A zsh function which searches through the contributors to the repo in the current working directory, and generates 'co-authored by' messages for them, that can then be copied into your commit messages.
Searches through names and email addresses that have been used in commit messages in the current repo. The -S flag means that searches are 'smart case' by default: case insensitive, unless upper case letters are included in the search string, in which instance it will switch to case sensitive search. Other options can be found in the ripgrep user guide.
| const isUseEffect = (node) => node.callee.name === 'useEffect'; | |
| const argumentIsArrowFunction = (node) => node.arguments[0].type === 'ArrowFunctionExpression'; | |
| const effectBodyIsSingleFunction = (node) => { | |
| const { body } = node.arguments[0]; | |
| // It's a single unwrapped function call: | |
| // `useEffect(() => theNameOfAFunction(), []);` | |
| if (body.type === 'CallExpression') { |
| var Ta = ["cigar", "rebut", "sissy", "humph", "awake", "blush", "focal", "evade", "naval", "serve", "heath", "dwarf", "model", "karma", "stink", "grade", "quiet", "bench", "abate", "feign", "major", "death", "fresh", "crust", "stool", "colon", "abase", "marry", "react", "batty", "pride", "floss", "helix", "croak", "staff", "paper", "unfed", "whelp", "trawl", "outdo", "adobe", "crazy", "sower", "repay", "digit", "crate", "cluck", "spike", "mimic", "pound", "maxim", "linen", "unmet", "flesh", "booby", "forth", "first", "stand", "belly", "ivory", "seedy", "print", "yearn", "drain", "bribe", "stout", "panel", "crass", "flume", "offal", "agree", "error", "swirl", "argue", "bleed", "delta", "flick", "totem", "wooer", "front", "shrub", "parry", "biome", "lapel", "start", "greet", "goner", "golem", "lusty", "loopy", "round", "audit", "lying", "gamma", "labor", "islet", "civic", "forge", "corny", "moult", "basic", "salad", "agate", "spicy", "spray", "essay", "fjord", "spend", "kebab", "guild", "aback", "motor", "alone |
| { | |
| "version": "0.2.0", | |
| "configurations": [ | |
| { | |
| "type": "node", | |
| "request": "launch", | |
| "name": "Jest watch current file", | |
| "program": "${workspaceFolder}/node_modules/jest/bin/jest", | |
| "args": [ | |
| "${fileBasename}", |