MariusBongarts

NEON COLORS:

• Neon Orange: #ffad2a (RGB: 255, 173, 42)
• Neon Red: #f887f (RGB: 248, 135, 127)
• Neon Yellow: #f8fc46 (RGB: 248, 252, 70)
• Neon Green: #77e68a (RGB: 119, 230, 138)
• Olive Green: #00c87a (RGB: 0, 200, 122)
• Neon Blue: #3cbefc (RGB: 60, 190, 252)
• Neon Violet: #9d64e2 (RGB: 157, 100, 226)
• Neon Pink: #fb83b3 (RGB: 251, 131, 179)
• Lilac: #f447d1 (RGB: 244, 71, 209)

MariusBongarts

class MediumHighlighter extends HTMLElement {
  get markerPosition() {
    return JSON.parse(this.getAttribute("markerPosition") || "{}");
  }

  get styleElement() {
    return this.shadowRoot.querySelector("style");
  }

  get highlightTemplate() {

MariusBongarts

class MyWebComponent extends HTMLElement {...}
window.customElements.define('my-web-component', MyWebComponent);

MariusBongarts

Hey there, I'm Marius 👋

• 💼 Frontend Engineer @ Accenture Song

MariusBongarts

<h1 align="center">Hey there, I'm Marius 👋</h1>

<p align="center">
<img src="https://komarev.com/ghpvc/?username=MariusBongarts&label=Profile+Views" />
</p>

<img align='right' src="https://media.giphy.com/media/M9gbBd9nbDrOTu1Mqx/giphy.gif" width="230">

- 💼 Frontend Engineer @ Accenture Song

MariusBongarts

{
    "compilerOptions": {
        "target": "es2022",
        "lib": ["es2022", "esnext.decorators", "dom"]
    }
}

MariusBongarts

Symbol.metadata ??= Symbol("Symbol.metadata");

MariusBongarts

interface Context {
    name: string;
    metadata: Record<PropertyKey, unknown>;
}

function setMetadata(_target: any, context: Context) {
    context.metadata[context.name] = true;
}

class SomeClass {

MariusBongarts

declare let array: string[] | number[];

array.filter(x => !!x);
//    ~~~~~~ error!

MariusBongarts

// ❌ error before Typescript 5.2
type MixedTupleRest = [first: string, ...string[]];

// ✅ fixed with label
type MixedTupleRestFixed = [first: string, ...rest: string[]];