Prettier in your browser!

prettier-brower.js

import prettier from "prettier/standalone";
import path from "path";

const plugins = [
  require("prettier/parser-graphql"),
  require("prettier/parser-babylon")
];

const EXTENSION_TO_PARSER = {
  ts: "typescript",
  tsx: "typescript",
  js: "babylon",
  jsx: "babylon",
  "js.flow": "flow",
  flow: "flow",
  gql: "graphql",
  graphql: "graphql",
  css: "postcss",
  scss: "postcss",
  less: "postcss",
  stylus: "postcss",
  markdown: "markdown",
  md: "markdown",
  json: "json"
};

export async function prettify(filePath, content) {
  const fileExtension = path.extname(filePath).slice(1);
  const parser = EXTENSION_TO_PARSER[fileExtension];

  return prettier.format(content, {
    parser,
    plugins,
    config,
  });
}