Operator Overloading + Implicit this TypeScript Fork

Installation

npm install -D typescript@npm:@operated/typescript

And for VS Code:

• Ctrl/⌘+Shift+P
• Open Settings
• Type in Search "tsdk"
• Put path ./node_modules/typescript/lib/
• Restart VS Code

Usage

When operators are run on objects, TypeScript checks whether there is a method to call, instead of an operator. In final JS, it would look like an object method was called. (a + b => a.plus(b))

Along with a compiler, "Go To Definition" feature was supported for IDE: click on an operator between the objects to jump to method, that will be invoked.

| Operator | Method Name | |----|----| | +, += | plus | | -, -= | minus | | *, = | times | | /, /= | div, invDiv | | %, %= | rem | | ^. ^= | pow | | ==, != | equals | | ===, !== | exactEquals | | a() | run |

* — invDiv is inverted division, needed when divided type is not an object. For example, 2 / vec2(1, 0) will result in vec2(1, 0).invDiv(2)

Implicit this.

As another feature, this fork supports referencing properties/methods inside class, which is a usual feature in Java/C#/C++/etc. For example:

class Class {
  property1 = 123
  method() {
    property1++
    console.log(property1)
  }
}

Additionally, you can also add these settings to VS Code to highlight references with implicit this:

"editor.semanticTokenColorCustomizations": {
  "enabled": true,
  "rules": {
    "property.local:typescript": { "foreground": "#9cdcfe" },
    "member.local:typescript":   { "foreground": "#dcdcaa" }
  }
}