text-query.ts

class Text {
  
  static f(str: TemplateStringsArray, ...args: Array<any>) {
    return <A>(...props: Array<A>): string => {
      const parsed = args.map((x, index) => (typeof x === 'function' ? x(props[index]) : x))
      if (parsed.some(x => x === undefined)) {
        return ''
      }
      return str.reduce((acc, substr, index) => acc + this.text(parsed[index - 1]) + substr)
    }
  }

  static text(x: any): string {
    if (Array.isArray(x)) {
      return `(${x.map(this.text)})`
    }
    return this.stringify(x)
  }

  static stringify(x: any): string {
    return String(x)
  }
}

class Json extends Text {
  static stringify(x: any): string {
    return JSON.stringify(x)
  }
}

const text = Text.f`foo ${x => x}`
const json = Json.f`foo ${x => x}`