Webpack plugin

Nice work @fabiandev; I’m really excited to test this out at some point!

Anyway, just throwing this idea out there in case you or anyone else have time for it at some point: a webpack plugin to automatically handle inserting the import into each source file and building with tsr.

In addition to making it a lot simpler to get started by piggybacking on existing tooling, this would abstract away most of the work required for integrations like https://github.com/angular/angular-cli/issues/6763 (at least for non-prod builds; some extra work might be needed to integrate tsr into Angular’s AOT compiler).

[fabiandev]

Okay, great!

Just to make it clearer, when transforming a file with the following code:

let a: string;

this is what you get by default:

import './tsr-declarations';
import _t from 'ts-runtime/lib';

let _aType = _t.string(), a;

What I’ll have to change is, that tsr-declarations.js should not be imported/emitted if it is empty. However, it may be turned off in any case with --excludeDeclarationFile via the CLI. Also it should be possible to opt out of the ts-runtime/lib import, I think.

Just noticed, that I will also have to align the CLI options with the API options. The project is still work in progress, but I’m glad for any feedback or issues spotted 😃

[Venryx]

I’m considering working on this some myself, though am not sure yet whether the complexity level makes it feasible for me to complete with the motivation level I have.

In any case, I thought I’d join the conversation, and try to get a picture on what challenges are left to solve for a proper webpack loader to be created.

Regarding:

The second issue being I dont know if I can properly escape all valid javascript into a query parameter.

Couldn’t you simply encode each character in the Javascript code into its number/character-code, separated by some known-safe character?

For example:

function EncodeAsQuerySafeString(code) {
    const codeAsNumbers = code.split("").map(ch=>ch.charCodeAt(0));
    return codeAsNumbers.join(",");
}
EncodeAsQuerySafeString("alert('test1');");
// result: "97,108,101,114,116,40,39,116,101,115,116,49,39,41,59"

And to decode:

function DecodeQuerySafeString(str) {
    return str.split(",").map(charCode=>String.fromCharCode(charCode)).join("");
}
DecodeQuerySafeString("97,108,101,114,116,40,39,116,101,115,116,49,39,41,59");
// result: "alert('test1');"

EDIT: You should also be able to use base64 encoding, which is more compact: https://stackoverflow.com/a/2820329/2441655