{"id":295583,"date":"2019-12-17T16:20:24","date_gmt":"2019-12-17T16:20:24","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=295583"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=295583","title":{"rendered":"\u0412\u044b\u0432\u043e\u0434 \u0442\u0438\u043f\u043e\u0432 \u0432 jscodeshift \u0438 TypeScript"},"content":{"rendered":"\n
\n

\u0412\u044b\u0432\u043e\u0434 \u0442\u0438\u043f\u043e\u0432 \u0432 jscodeshift \u0438 TypeScript<\/h1>\n

<\/p>\n

\u041d\u0430\u0447\u0438\u043d\u0430\u044f \u0441 \u0432\u0435\u0440\u0441\u0438\u0438 6.0 jscodeshift<\/a> \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 TypeScript (\u0434\u0430\u043b\u0435\u0435 TS). \u0412 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f codemode-\u043e\u0432 (\u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0439), \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0443\u0437\u043d\u0430\u0442\u044c \u0442\u0438\u043f \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043d\u0435 \u0438\u043c\u0435\u0435\u0442 \u044f\u0432\u043d\u043e\u0439 \u0430\u043d\u043d\u043e\u0442\u0430\u0446\u0438\u0438. \u041a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, jscodeshift \u043d\u0435 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u0440\u0435\u0434\u0441\u0442\u0432 \u0434\u043b\u044f \u0432\u044b\u0432\u043e\u0434\u0430 \u0442\u0438\u043f\u043e\u0432 \u00ab\u0438\u0437 \u043a\u043e\u0440\u043e\u0431\u043a\u0438\u00bb.<\/p>\n

<\/a> <\/p>\n

\u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043f\u0440\u0438\u043c\u0435\u0440. \u0414\u043e\u043f\u0443\u0441\u0442\u0438\u043c, \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u044f\u0432\u043d\u044b\u0439 \u0442\u0438\u043f \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c\u043e\u0433\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u0432 \u043a\u043b\u0430\u0441\u0441\u043e\u0432. \u0422.\u0435. \u0438\u043c\u0435\u044f \u043d\u0430 \u0432\u0445\u043e\u0434\u0435:<\/p>\n

<\/p>\n

function foo(x: number) {     return x; }<\/code><\/pre>\n
  <\/p>\n
\u041c\u044b \u0445\u043e\u0442\u0438\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043d\u0430 \u0432\u044b\u0445\u043e\u0434\u0435:<\/p>\n
  <\/p>\n
function foo(x: number): number {     return x; }<\/code><\/pre>\n
  <\/p>\n
\u041a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u0432 \u043e\u0431\u0449\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0442\u0430\u043a\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0438 \u043e\u0447\u0435\u043d\u044c \u043d\u0435\u0442\u0440\u0438\u0432\u0438\u0430\u043b\u044c\u043d\u043e. \u0412\u043e\u0442 \u043b\u0438\u0448\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432:<\/p>\n
  <\/p>\n
function toString(x: number) {     return '' + x; }  function toInt(str: string) {     return parseInt(str); }  function toIntArray(strings: string[]) {     return strings.map(Number.parseInt); }  class Foo1 {     constructor(public x = 0) { }      getX() {         return this.x;     } }  class Foo2 {     x: number;      constructor(x = 0) {         this.x = x;     }      getX() {         return this.x;     } }  function foo1(foo: Foo1) {     return foo.getX(); }  function foo2(foo: Foo2) {     return foo.getX(); }<\/code><\/pre>\n
  <\/p>\n
\u041a \u0441\u0447\u0430\u0441\u0442\u044c\u044e, \u0437\u0430\u0434\u0430\u0447\u0430 \u0432\u044b\u0432\u043e\u0434\u0430 \u0442\u0438\u043f\u043e\u0432 \u0443\u0436\u0435 \u0440\u0435\u0448\u0435\u043d\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440\u0430 TS. API \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440\u0430<\/a> \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430 \u0434\u043b\u044f \u0432\u044b\u0432\u043e\u0434\u0430 \u0442\u0438\u043f\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u043b\u044f \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f.<\/p>\n
  <\/p>\n
\u041e\u0434\u043d\u0430\u043a\u043e, \u043f\u0440\u043e\u0441\u0442\u043e \u0432\u0437\u044f\u0442\u044c \u0438 \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440\u043e\u043c TS, \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0432 \u043f\u0430\u0440\u0441\u0435\u0440 jscodeshift, \u043d\u0435\u043b\u044c\u0437\u044f. \u0414\u0435\u043b\u043e \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e jscodeshift \u043e\u0436\u0438\u0434\u0430\u0435\u0442 \u043e\u0442 \u0432\u043d\u0435\u0448\u043d\u0438\u0445 \u043f\u0430\u0440\u0441\u0435\u0440\u043e\u0432 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u043e\u0435 \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0434\u0435\u0440\u0435\u0432\u043e (AST) \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 ESTree<\/a>. \u0410 AST \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440\u0430 TS \u0442\u0430\u043a\u043e\u0432\u044b\u043c \u043d\u0435 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f.<\/p>\n
  <\/p>\n
\u041a\u043e\u043d\u0435\u0447\u043d\u043e, \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0431\u044b \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440\u043e\u043c TS \u0438 \u0431\u0435\u0437 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f jscodeshift, \u043d\u0430\u043f\u0438\u0441\u0430\u0432 \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u00ab\u0441 \u043d\u0443\u043b\u044f\u00bb. \u041b\u0438\u0431\u043e \u0436\u0435 \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043e\u0434\u043d\u0438\u043c \u0438\u0437 \u0441\u0440\u0435\u0434\u0441\u0442\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0442 \u0432 \u043a\u043e\u043c\u044c\u044e\u043d\u0438\u0442\u0438 TS, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ts-morph<\/a>. \u041d\u043e \u0434\u043b\u044f \u043c\u043d\u043e\u0433\u0438\u0445 jscodeshift \u0431\u0443\u0434\u0435\u0442 \u0431\u043e\u043b\u0435\u0435 \u043f\u0440\u0438\u0432\u044b\u0447\u043d\u044b\u043c \u0438 \u0432\u044b\u0440\u0430\u0437\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u0435\u043c. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0434\u0430\u043b\u0435\u0435 \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u043e, \u043a\u0430\u043a \u043e\u0431\u043e\u0439\u0442\u0438 \u044d\u0442\u043e \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0435.<\/p>\n
  <\/p>\n
\u0418\u0434\u0435\u044f \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0438\u0437 AST \u043f\u0430\u0440\u0441\u0435\u0440\u0430 jscodeshift (\u0434\u0430\u043b\u0435\u0435 ESTree) \u0432 AST \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440\u0430 TS (\u0434\u0430\u043b\u0435\u0435 TSTree), \u0438 \u0437\u0430\u0442\u0435\u043c \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 \u0432\u044b\u0432\u043e\u0434\u0430 \u0442\u0438\u043f\u043e\u0432 \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440\u0430 TS. \u0414\u0430\u043b\u0435\u0435 \u0431\u0443\u0434\u0443\u0442 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u044b \u0434\u0432\u0430 \u0441\u043f\u043e\u0441\u043e\u0431\u0430 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u044d\u0442\u043e\u0439 \u0438\u0434\u0435\u0438.<\/p>\n
  <\/p>\n
\u041e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u043d\u043e\u043c\u0435\u0440\u043e\u0432 \u0441\u0442\u0440\u043e\u043a \u0438 \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432<\/h2>\n
  <\/p>\n
\u041f\u0435\u0440\u0432\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u043d\u043e\u043c\u0435\u0440\u0430 \u0441\u0442\u0440\u043e\u043a \u0438 \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432 (\u043f\u043e\u0437\u0438\u0446\u0438\u0438) \u0443\u0437\u043b\u043e\u0432, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0439\u0442\u0438 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0438\u0437 TSTree \u0432 ESTree. \u041d\u0435\u0441\u043c\u043e\u0442\u0440\u044f \u043d\u0430 \u0442\u043e, \u0447\u0442\u043e \u0432 \u043e\u0431\u0449\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u0443\u0437\u043b\u043e\u0432 \u043c\u043e\u0433\u0443\u0442 \u043d\u0435 \u0441\u043e\u0432\u043f\u0430\u0434\u0430\u0442\u044c, \u043f\u043e\u0447\u0442\u0438 \u0432\u0441\u0435\u0433\u0434\u0430 \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u043d\u0443\u0436\u043d\u043e\u0435 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0432 \u043a\u0430\u0436\u0434\u043e\u043c \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435.<\/p>\n
  <\/p>\n
\u0418\u0442\u0430\u043a, \u043d\u0430\u043f\u0438\u0448\u0435\u043c \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442 \u0437\u0430\u0434\u0430\u0447\u0443 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u044f\u0432\u043d\u044b\u0445 \u0430\u043d\u043d\u043e\u0442\u0430\u0446\u0438\u0439. \u041d\u0430\u043f\u043e\u043c\u043d\u044e, \u043d\u0430 \u0432\u044b\u0445\u043e\u0434\u0435 \u043c\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435:<\/p>\n
  <\/p>\n
function toString(x: number): number {     return '' + x; }  function toInt(str: string): number {     return parseInt(str); }  function toIntArray(strings: string[]): number[] {     return strings.map(Number.parseInt); }  class Foo1 {     constructor(public x = 0) { }      getX(): number {         return this.x;     } }  class Foo2 {     x: number;      constructor(x = 0) {         this.x = x;     }      getX(): number {         return this.x;     } }  function foo1(foo: Foo1): number {     return foo.getX(); }  function foo2(foo: Foo2): number {     return foo.getX(); }<\/code><\/pre>\n
  <\/p>\n
\u0421\u043d\u0430\u0447\u0430\u043b\u0430, \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u0441\u0442\u0440\u043e\u0438\u0442\u044c TSTree \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c typeChecker<\/code> \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440\u0430 TS:<\/p>\n
  <\/p>\n
const compilerOptions = {     target: ts.ScriptTarget.Latest };  const program = ts.createProgram([path], compilerOptions); const sourceFile = program.getSourceFile(path); const typeChecker = program.getTypeChecker();<\/code><\/pre>\n
  <\/p>\n
\u0414\u0430\u043b\u0435\u0435, \u043f\u043e\u0441\u0442\u0440\u043e\u0438\u043c \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0438\u0437 ESTree \u0432 TSTree \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u043e\u0439 \u043f\u043e\u0437\u0438\u0446\u0438\u0438. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u0432\u0443\u0445\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u044b\u0439 Map<\/code> (\u043f\u0435\u0440\u0432\u044b\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u2013 \u0434\u043b\u044f \u0441\u0442\u0440\u043e\u043a, \u0432\u0442\u043e\u0440\u043e\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u2013 \u0434\u043b\u044f \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432, \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u2013 \u0443\u0437\u0435\u043b TSTree):<\/p>\n
  <\/p>\n
const locToTSNodeMap = new Map();  const esTreeNodeToTSNode = ({ loc: { start: { line, column } } }) => locToTSNodeMap.has(line) ? locToTSNodeMap.get(line).get(column) : undefined;  (function buildLocToTSNodeMap(node) {     const { line, character } = sourceFile.getLineAndCharacterOfPosition(node.getStart(sourceFile));     const nextLine = line + 1;     if (!locToTSNodeMap.has(nextLine))         locToTSNodeMap.set(nextLine, new Map());     locToTSNodeMap.get(nextLine).set(character, node);     ts.forEachChild(node, buildLocToTSNodeMap); }(sourceFile));<\/code><\/pre>\n
  <\/p>\n
\u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0441\u043a\u043e\u0440\u0440\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u043e\u043c\u0435\u0440 \u0441\u0442\u0440\u043e\u043a\u0438, \u0442.\u043a. \u0432 TSTree \u043d\u043e\u043c\u0435\u0440\u0430 \u0441\u0442\u0440\u043e\u043a \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0442\u0441\u044f \u0441 \u043d\u0443\u043b\u044f, \u0430 \u0432 ESTree \u2013 \u0441 \u0435\u0434\u0438\u043d\u0438\u0446\u044b.<\/p>\n
  <\/p>\n
\u0414\u0430\u043b\u0435\u0435 \u043d\u0430\u043c \u043d\u0430\u0434\u043e \u043e\u0431\u043e\u0439\u0442\u0438 \u0432\u0441\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0438 \u043c\u0435\u0442\u043e\u0434\u044b \u043a\u043b\u0430\u0441\u0441\u043e\u0432, \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c\u044b\u0439 \u0442\u0438\u043f \u0438 \u0435\u0441\u043b\u0438 \u043e\u043d \u0440\u0430\u0432\u0435\u043d null<\/code>, \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0430\u043d\u043d\u043e\u0442\u0430\u0446\u0438\u044e \u0442\u0438\u043f\u0430:<\/p>\n
  <\/p>\n
const ast = j(source); ast     .find(j.FunctionDeclaration)     .forEach(({ value }) => {         if (value.returnType === null)             value.returnType = getReturnType(esTreeNodeToTSNode(value));     }); ast     .find(j.ClassMethod, { kind: 'method' })     .forEach(({ value }) => {         if (value.returnType === null)             value.returnType = getReturnType(esTreeNodeToTSNode(value).parent);     }); return ast.toSource();<\/code><\/pre>\n
  <\/p>\n
\u041f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u0441\u043a\u043e\u0440\u0440\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u0434 \u0434\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0443\u0437\u043b\u0430 \u043c\u0435\u0442\u043e\u0434\u0430 \u043a\u043b\u0430\u0441\u0441\u0430, \u0442.\u043a. \u043f\u043e \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u043e\u0439 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u0443\u0437\u043b\u0430 \u043c\u0435\u0442\u043e\u0434\u0430 \u0432 ESTree \u0432 TSTree \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0443\u0437\u0435\u043b \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440\u0430 \u043c\u0435\u0442\u043e\u0434\u0430 (\u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c parent<\/code>-\u0430).<\/p>\n
  <\/p>\n
\u041d\u0430\u043a\u043e\u043d\u0435\u0446, \u043d\u0430\u043f\u0438\u0448\u0435\u043c \u043a\u043e\u0434 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0430\u043d\u043d\u043e\u0442\u0430\u0446\u0438\u0438 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c\u043e\u0433\u043e \u0442\u0438\u043f\u0430:<\/p>\n
  <\/p>\n
function getReturnTypeFromString(typeString) {     let ret;     j(`function foo(): ${typeString} { }`)         .find(j.FunctionDeclaration)         .some(({ value: { returnType } }) => ret = returnType);     return ret; }  function getReturnType(node) {     return getReturnTypeFromString(         typeChecker.typeToString(             typeChecker.getReturnTypeOfSignature(                 typeChecker.getSignatureFromDeclaration(node)             )         )     ); }<\/code><\/pre>\n
  <\/p>\n
\u041f\u043e\u043b\u043d\u044b\u0439 \u043b\u0438\u0441\u0442\u0438\u043d\u0433:<\/p>\n
  <\/p>\n
import * as ts from 'typescript';  export default function transform({ source, path }, { j }) {     const compilerOptions = {         target: ts.ScriptTarget.Latest     };      const program = ts.createProgram([path], compilerOptions);     const sourceFile = program.getSourceFile(path);     const typeChecker = program.getTypeChecker();      const locToTSNodeMap = new Map();      const esTreeNodeToTSNode = ({ loc: { start: { line, column } } }) => locToTSNodeMap.has(line) ? locToTSNodeMap.get(line).get(column) : undefined;      (function buildLocToTSNodeMap(node) {         const { line, character } = sourceFile.getLineAndCharacterOfPosition(node.getStart(sourceFile));         const nextLine = line + 1;         if (!locToTSNodeMap.has(nextLine))             locToTSNodeMap.set(nextLine, new Map());         locToTSNodeMap.get(nextLine).set(character, node);         ts.forEachChild(node, buildLocToTSNodeMap);     }(sourceFile));      function getReturnTypeFromString(typeString) {         let ret;         j(`function foo(): ${typeString} { }`)             .find(j.FunctionDeclaration)             .some(({ value: { returnType } }) => ret = returnType);         return ret;     }      function getReturnType(node) {         return getReturnTypeFromString(             typeChecker.typeToString(                 typeChecker.getReturnTypeOfSignature(                     typeChecker.getSignatureFromDeclaration(node)                 )             )         );     }      const ast = j(source);     ast         .find(j.FunctionDeclaration)         .forEach(({ value }) => {             if (value.returnType === null)                 value.returnType = getReturnType(esTreeNodeToTSNode(value));         });     ast         .find(j.ClassMethod, { kind: 'method' })         .forEach(({ value }) => {             if (value.returnType === null)                 value.returnType = getReturnType(esTreeNodeToTSNode(value).parent);         });     return ast.toSource(); }  export const parser = 'ts';<\/code><\/pre>\n
  <\/p>\n
\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u0430\u0440\u0441\u0435\u0440\u0430 typescript-eslint<\/h2>\n
  <\/p>\n
\u041a\u0430\u043a \u0431\u044b\u043b\u043e \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u0432\u044b\u0448\u0435, \u0445\u043e\u0442\u044c \u0438 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u043f\u043e\u0437\u0438\u0446\u0438\u0439 \u0443\u0437\u043b\u043e\u0432 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u043e\u043d\u043e \u043d\u0435 \u0434\u0430\u0435\u0442 \u0442\u043e\u0447\u043d\u043e\u0433\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430 \u0438 \u0438\u043d\u043e\u0433\u0434\u0430 \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u00ab\u0440\u0443\u0447\u043d\u043e\u0439 \u0434\u043e\u0432\u043e\u0434\u043a\u0438\u00bb. \u0411\u043e\u043b\u0435\u0435 \u043e\u0431\u0449\u0438\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u0435\u043c \u0431\u044b\u043b\u043e \u0431\u044b \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u044f\u0432\u043d\u043e\u0435 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0443\u0437\u043b\u043e\u0432 ESTree \u0432 TSTree. \u0418\u043c\u0435\u043d\u043d\u043e \u0442\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043f\u0430\u0440\u0441\u0435\u0440 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 typescript-eslint<\/a>. \u0412\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u0441\u044f \u0438\u043c.<\/p>\n
  <\/p>\n
\u0414\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430, \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0439 \u043f\u0430\u0440\u0441\u0435\u0440 jscodeshift<\/a> \u043d\u0430 \u043f\u0430\u0440\u0441\u0435\u0440 typescript-eslint<\/a>. \u0412 \u043f\u0440\u043e\u0441\u0442\u0435\u0439\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043a\u043e\u0434 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0442\u0430\u043a:<\/p>\n
  <\/p>\n
export const parser = {     parse(source) {         return typescriptEstree.parse(source);     } };<\/code><\/pre>\n
  <\/p>\n
\u041e\u0434\u043d\u0430\u043a\u043e, \u043d\u0430\u043c \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0443\u0441\u043b\u043e\u0436\u043d\u0438\u0442\u044c \u043a\u043e\u0434, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0443\u0437\u043b\u043e\u0432 ESTree \u0432 TSTree \u0438 typeChecker<\/code>. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0432 typescript-eslint \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f parseAndGenerateServices<\/code>. \u0427\u0442\u043e\u0431\u044b \u0432\u0441\u0435 \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u0430\u043b\u043e, \u043c\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u043f\u0435\u0440\u0435\u0434\u0430\u0442\u044c \u0432 \u043d\u0435\u0435 \u043f\u0443\u0442\u044c \u043a .ts<\/code> \u0444\u0430\u0439\u043b\u0443 \u0438 \u043f\u0443\u0442\u044c \u043a \u0444\u0430\u0439\u043b\u0443 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 tsconfig.json<\/code>. \u0422\u0430\u043a \u043a\u0430\u043a \u043f\u0440\u044f\u043c\u043e\u0433\u043e \u0441\u043f\u043e\u0441\u043e\u0431\u0430 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u044d\u0442\u043e\u0433\u043e \u043d\u0435\u0442, \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0439 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 (\u043e\u0445!):<\/p>\n
  <\/p>\n
const parserState = {};  function parseWithServices(j, source, path, projectPath) {     parserState.options = { filePath: path, project: projectPath };     return {         ast: j(source),         services: parserState.services     }; }  export const parser = {     parse(source) {         if (parserState.options !== undefined) {             const options = parserState.options;             delete parserState.options;             const { ast, services } = typescriptEstree.parseAndGenerateServices(source, options);             parserState.services = services;             return ast;         }         return typescriptEstree.parse(source);     } };<\/code><\/pre>\n
  <\/p>\n
\u041a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437, \u043a\u043e\u0433\u0434\u0430 \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u043d\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 \u0441\u0440\u0435\u0434\u0441\u0442\u0432 \u043f\u0430\u0440\u0441\u0435\u0440\u0430 typescript-eslint, \u043c\u044b \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u044e parseWithServices<\/code>, \u0432 \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b (\u0432 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445 \u043c\u044b \u043f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u044e j<\/code>):<\/p>\n
  <\/p>\n
const { ast, services: { program, esTreeNodeToTSNodeMap } } = parseWithServices(j, source, path, tsConfigPath);  const typeChecker = program.getTypeChecker(); const esTreeNodeToTSNode = ({ original }) => esTreeNodeToTSNodeMap.get(original);<\/code><\/pre>\n
  <\/p>\n
\u041e\u0441\u0442\u0430\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043a\u043e\u0434 \u043e\u0431\u0445\u043e\u0434\u0430 \u0438 \u043c\u043e\u0434\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u0432 \u043a\u043b\u0430\u0441\u0441\u043e\u0432:<\/p>\n
  <\/p>\n
ast     .find(j.FunctionDeclaration)     .forEach(({ value }) => {         if (value.returnType === null)             value.returnType = getReturnType(esTreeNodeToTSNode(value));     }); ast     .find(j.MethodDefinition, { kind: 'method' })     .forEach(({ value }) => {         if (value.value.returnType === null)             value.value.returnType = getReturnType(esTreeNodeToTSNode(value));     }); return ast.toSource();<\/code><\/pre>\n
  <\/p>\n
\u041d\u0430\u0434\u043e \u043e\u0442\u043c\u0435\u0442\u0438\u0442\u044c, \u0447\u0442\u043e \u043d\u0430\u043c \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440 ClassMethod<\/code> \u043d\u0430 MethodDefinition<\/code>, \u0447\u0442\u043e\u0431\u044b \u043e\u0431\u043e\u0439\u0442\u0438 \u043c\u0435\u0442\u043e\u0434\u044b \u043a\u043b\u0430\u0441\u0441\u043e\u0432 (\u0442\u0430\u043a\u0436\u0435 \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u043b\u0441\u044f \u043a\u043e\u0434 \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u043a \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c\u043e\u043c\u0443 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e \u043c\u0435\u0442\u043e\u0434\u0430). \u042d\u0442\u043e \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430 \u043f\u0430\u0440\u0441\u0435\u0440\u0430 typescript-eslint. \u041a\u043e\u0434 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 getReturnType<\/code> \u0438\u0434\u0435\u043d\u0442\u0438\u0447\u0435\u043d \u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0441\u044f \u0440\u0430\u043d\u0435\u0435.<\/p>\n
  <\/p>\n
\u041f\u043e\u043b\u043d\u044b\u0439 \u043b\u0438\u0441\u0442\u0438\u043d\u0433:<\/p>\n
  <\/p>\n
import * as typescriptEstree from '@typescript-eslint\/typescript-estree';  export default function transform({ source, path }, { j }, { tsConfigPath }) {     const { ast, services: { program, esTreeNodeToTSNodeMap } } = parseWithServices(j, source, path, tsConfigPath);      const typeChecker = program.getTypeChecker();     const esTreeNodeToTSNode = ({ original }) => esTreeNodeToTSNodeMap.get(original);      function getReturnTypeFromString(typeString) {         let ret;         j(`function foo(): ${typeString} { }`)             .find(j.FunctionDeclaration)             .some(({ value: { returnType } }) => ret = returnType);         return ret;     }      function getReturnType(node) {         return getReturnTypeFromString(             typeChecker.typeToString(                 typeChecker.getReturnTypeOfSignature(                     typeChecker.getSignatureFromDeclaration(node)                 )             )         );     }      ast         .find(j.FunctionDeclaration)         .forEach(({ value }) => {             if (value.returnType === null)                 value.returnType = getReturnType(esTreeNodeToTSNode(value));         });     ast         .find(j.MethodDefinition, { kind: 'method' })         .forEach(({ value }) => {             if (value.value.returnType === null)                 value.value.returnType = getReturnType(esTreeNodeToTSNode(value));         });     return ast.toSource(); }  const parserState = {};  function parseWithServices(j, source, path, projectPath) {     parserState.options = { filePath: path, project: projectPath };     return {         ast: j(source),         services: parserState.services     }; }  export const parser = {     parse(source) {         if (parserState.options !== undefined) {             const options = parserState.options;             delete parserState.options;             const { ast, services } = typescriptEstree.parseAndGenerateServices(source, options);             parserState.services = services;             return ast;         }         return typescriptEstree.parse(source);     } };<\/code><\/pre>\n
  <\/p>\n
\u041f\u043b\u044e\u0441\u044b \u0438 \u043c\u0438\u043d\u0443\u0441\u044b \u043f\u043e\u0434\u0445\u043e\u0434\u043e\u0432<\/h2>\n
  <\/p>\n
\u041f\u043e\u0434\u0445\u043e\u0434 \u0441 \u043d\u043e\u043c\u0435\u0440\u0430\u043c\u0438 \u0441\u0442\u0440\u043e\u043a \u0438 \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432<\/h3>\n
  <\/p>\n
\u041f\u043b\u044e\u0441\u044b:<\/p>\n
  <\/p>\n