Quramy

#!/bin/sh

APP_NAME=$1

[ -z "$APP_NAME" ] && echo "1 args required" && exit 1
[ -d "$APP_NAME" ] && echo "$APP_NAME exists" && exit 1

which tsc           || npm install -g typescript
which browser-sync  || npm install -g browser-sync
which watchify      || npm install -g watchify

Quramy

import * as ts from 'typescript/lib/tsserverlibrary';

const { buildClientSchema } = require('graphql');
const { getAutocompleteSuggestions } = require('graphql-language-service-interface');

// TODO replace the result by introspection query
const introspectionJson = require('../schema.json');
const schema = buildClientSchema(introspectionJson.data);

function findNode(sourceFile: ts.SourceFile, position: number): ts.Node | undefined {

Quramy

{
  "owner": "Quramy",
  "repository": "tsuquyomi",
  "tag": "v0.8.0"
}

Quramy

import { SchemaClassFactory } from '@ngtools/json-schema';

// Input JSON schema json file
const factory = SchemaClassFactory<any>(require('@angular/cli/lib/config/schema.json'));

const schemaClass = new factory(null);

// Output .d.ts
console.log(schemaClass.$$serialize('text/x.dts')); 

Quramy

type RT<F> = F extends (...args: any[]) => infer R ? R : never;

interface Proxy<T, K extends keyof T> {
  returnValue(value: RT<T[K]>): this;
}
declare function spyOn<T, K extends keyof T>(obj: T, methodName: K): {
  and: Proxy<T, K>;
};

const serviceToTest = {

Quramy

interface Observable<T> {
  subscribe(cb: (v: T) => void): void;
}

type StreamValue<S> = S extends Observable<infer T> ? T : never;

type Unwrap<S> = { [P in keyof S]: StreamValue<S[P]> };

declare function combineLatest<U extends Observable<any>[]>(...streams: U): Observable<Unwrap<U>>;

Quramy

I want a tsssercmd to extract a selected identifier (function, const, class, type, etc...) to other new file.

{
  command: "extractAndCreateFile",
  file: "./main.js",
  location: {
    line: 2, col: 10
  },
 toFile: "./sum.js"

Quramy

require('babel-polyfill');
const { createStore, applyMiddleware, bindActionCreators, compose } = require('redux');
const { enableBatching, batchActions, batchDispatchMiddleware, BATCH } = require('redux-batched-actions');
const thunk = require('redux-thunk').default;
const { fork, createMiddleware } = require('redux-spork');

function main() {

  // reducer
  const count = (prev = 0, action) => {

Quramy

実際にBFFの開発向けUIは、開発者以外に使ってもらってどのようなコメントがありましたか？

「便利」と言ってもらえたのがやはり一番うれしかったですね。 別の事例だと、社外のシステムへの外接部分について、必ずしもテスト環境から接続可能とは限らないケースで、API呼び出しをフックできる機能としても使えた、というのが好評でした。

フロントエンドが使いやすいように API を定義することで、バックエンド側の実装に影響を与えてしまうことはありましたか？

BFFの存在意義の１つに「マイクロサービスを開発しやすく」がある以上、なるべくそういうケースとならないように注意はしていますが、満足にできているかはわからないですね。。。 もしかしたら、より良いAPI粒度が存在するのに、バックエンドがある程度我慢してくれている部分もあるかもしれませんね。。。

Quramy

import * as ts from "typescript";
import { SourceCode, Linter, AST } from "eslint";
import { Extra } from "@typescript-eslint/typescript-estree/dist/parser-options";
import convert from "@typescript-eslint/typescript-estree/dist/ast-converter";

function initExtra() {
  return {
    tokens: null,
    range: false,
    loc: false,