Normalize styling: Part 2: Run formatter

.prettierignore

@@ -0,0 +1 @@
+*.json

lib/command.ts

@@ -5,7 +5,7 @@ import {
  ListValueFlag,
  NoParams,
  OutputInterface,
- ValueFlag
+ ValueFlag,
 } from "@2fd/command";
 import Bluebird from "bluebird";
 import fs from "fs";
@@ -17,15 +17,15 @@ import {
  httpSchemaLoader,
  idlSchemaLoader,
  jsonSchemaLoader,
- jsSchemaLoader
+ jsSchemaLoader,
 } from "./schema-loader";
 import { createData, getFilenameOf, Output, Plugin } from "./utility";
 import {
  createBuildDirectory,
  readFile,
  removeBuildDirectory,
  resolve,
- writeFile
+ writeFile,
 } from "./utility/fs";
 
 // tslint:disable-next-line:no-var-requires
@@ -116,7 +116,7 @@ export class GraphQLDocumentGenerator extends Command<IFlags, {}> {
  "Delete outputDirectory if exists."
  ),
  new BooleanFlag("verbose", ["-v", "--verbose"], "Output more information."),
- new BooleanFlag("version", ["-V", "--version"], "Show graphdoc version.")
+ new BooleanFlag("version", ["-V", "--version"], "Show graphdoc version."),
  ];
 
  public async action(input: Input, out: OutputInterface) {
@@ -143,13 +143,13 @@ export class GraphQLDocumentGenerator extends Command<IFlags, {}> {
  graphdocPackageJSON
  );
 
- projectPackageJSON.graphdoc.plugins.forEach(plugin =>
+ projectPackageJSON.graphdoc.plugins.forEach((plugin) =>
  output.info("use plugin", plugin)
  );
 
  // Collect assets
  const assets: string[] = await Plugin.collectAssets(plugins);
- assets.forEach(asset =>
+ assets.forEach((asset) =>
  output.info("use asset", path.relative(process.cwd(), asset))
  );
 
@@ -261,7 +261,7 @@ export class GraphQLDocumentGenerator extends Command<IFlags, {}> {
  projectPackageJSON: object,
  pluginGraphdocPackageJSON: object
  ): PluginInterface[] {
- return paths.map(p => {
+ return paths.map((p) => {
  const absolutePaths = resolve(p);
  const plugin = require(absolutePaths).default;
 
@@ -284,10 +284,10 @@ export class GraphQLDocumentGenerator extends Command<IFlags, {}> {
  )("**/*.mustache", { cwd: templateDir });
 
  await Promise.all(
- files.map(file => {
+ files.map((file) => {
  const name = path.basename(file, ".mustache");
  return readFile(path.resolve(templateDir, file), "utf8").then(
- content => (partials[name] = content)
+ (content) => (partials[name] = content)
  );
  })
  );

lib/schema-loader/http.ts

@@ -5,7 +5,7 @@ import {
  GraphQLIntrospection,
  Introspection,
  Schema,
- SchemaLoader
+ SchemaLoader,
 } from "../interface";
 import { query as introspectionQuery } from "../utility";
 
@@ -62,7 +62,7 @@ export const httpSchemaLoader: SchemaLoader = async (
  url: options.endpoint,
  method: "POST",
  body: { query: introspectionQuery },
- json: true
+ json: true,
  };
 
  requestOptions.headers = options.headers.reduce(

lib/schema-loader/idl.ts

@@ -4,7 +4,7 @@ import {
  ApolloIntrospection,
  GraphQLIntrospection,
  Introspection,
- SchemaLoader
+ SchemaLoader,
 } from "../interface";
 import { query as introspectionQuery } from "../utility";
 import { readFile } from "../utility/fs";

lib/schema-loader/index.ts

@@ -2,9 +2,9 @@ export { IHttpSchemaLoaderOptions, httpSchemaLoader } from "./http";
 export { IIdlSchemaLoaderOptions, idlSchemaLoader } from "./idl";
 export {
  IJsSchemaLoaderOptions as TJsSchemaLoaderOptions,
- jsSchemaLoader
+ jsSchemaLoader,
 } from "./js";
 export {
  IJsonSchemaLoaderOptions as TJsonSchemaLoaderOptions,
- jsonSchemaLoader
+ jsonSchemaLoader,
 } from "./json";

lib/schema-loader/js.ts

@@ -4,7 +4,7 @@ import {
  ApolloIntrospection,
  GraphQLIntrospection,
  Introspection,
- SchemaLoader
+ SchemaLoader,
 } from "../interface";
 import { query as introspectionQuery } from "../utility";
 

lib/schema-loader/json.ts

@@ -4,7 +4,7 @@ import {
  GraphQLIntrospection,
  Introspection,
  Schema,
- SchemaLoader
+ SchemaLoader,
 } from "../interface";
 
 export interface IJsonSchemaLoaderOptions {

lib/utility/fs.ts

@@ -56,10 +56,10 @@ export async function createBuildDirectory(
  files
 
  // ignore *.mustache templates
- .filter(file => path.extname(file) !== ".mustache")
+ .filter((file) => path.extname(file) !== ".mustache")
 
  // copy recursive
- .map(file =>
+ .map((file) =>
  copyAll(
  path.resolve(templateDirectory, file),
  path.resolve(buildDirectory, file)
@@ -71,7 +71,7 @@ export async function createBuildDirectory(
  await mkDir(path.resolve(buildDirectory, "assets"));
 
  await Bluebird.all(
- assets.map(asset =>
+ assets.map((asset) =>
  copyAll(
  asset,
  path.resolve(buildDirectory, "assets", path.basename(asset))

lib/utility/html.test.ts

@@ -1,11 +1,11 @@
-import { Description, Field, InputValue, SchemaType } from '../interface'
-import { split, HTML } from './html'
-import { data } from '../../test/empty.schema.json'
-
-test('utility/html.split', () => {
- const LOREM_IPSU = `Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.`
- expect(split('', 0)).toEqual([''])
- expect(split(LOREM_IPSU, 1)).toEqual(LOREM_IPSU.split(' '))
+import { Description, Field, InputValue, SchemaType } from "../interface";
+import { split, HTML } from "./html";
+import { data } from "../../test/empty.schema.json";
+
+test("utility/html.split", () => {
+ const LOREM_IPSU = `Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.`;
+ expect(split("", 0)).toEqual([""]);
+ expect(split(LOREM_IPSU, 1)).toEqual(LOREM_IPSU.split(" "));
  expect(split(LOREM_IPSU, 10)).toEqual([
  "Lorem Ipsum",
  "is simply dummy",
@@ -25,89 +25,116 @@ test('utility/html.split', () => {
  "it to make",
  "a type specimen",
  "book.",
- ])
+ ]);
  expect(split(LOREM_IPSU, 100)).toEqual([
  "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's",
  "standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled",
  "it to make a type specimen book.",
- ])
-})
-
-
-describe('lib/utility/html#HTML', () => {
- test('.code', () => {
- const html = new HTML
- expect(html.code('CODE')).toBe('<code class="highlight"><table class="code"><tbody>CODE</tbody></table></code>')
- })
-
- test('.highlight', () => {
- const html = new HTML
- expect(html.highlight('CODE')).toBe('<strong>CODE</strong>')
- })
-
- test('.sup', () => {
- const html = new HTML
- expect(html.sup('CODE')).toBe(' <sup>CODE</sup>')
- })
-
- test('.line', () => {
- const html = new HTML
- expect(html.index).toBe(1)
- expect(html.line('CODE')).toBe('<tr class="row"><td id="L1" class="td-index">1</td><td id="LC1" class="td-code">CODE</td></tr>')
- expect(html.index).toBe(2)
- })
-
- test('.tab', () => {
- const html = new HTML
- expect(html.tab('CODE')).toBe('<span class="tab">CODE</span>')
- })
-
- test('.keyword', () => {
- const html = new HTML
- expect(html.keyword('CODE')).toBe('<span class="keyword operator ts">CODE</span>')
- })
-
- test('.comment', () => {
- const html = new HTML
- expect(html.comment('CODE')).toBe('<span class="comment line"># CODE</span>')
- })
-
- test('.identifier', () => {
- const html = new HTML
- const type = data.__schema.types.find(t => t.name === 'Query')
- expect(html.identifier(type as Description)).toBe('<span class="identifier">Query</span>')
- })
-
- test('.parameter', () => {
- const html = new HTML
- const input: InputValue = data.__schema.types.find(t => t.name === 'AddCommentInput') as any
- expect(html.parameter(input)).toBe('<span class="variable parameter">AddCommentInput</span>')
- })
-
- test('.property', () => {
- const html = new HTML
- expect(html.property('PROPERTY')).toBe('<span class="meta">PROPERTY</span>')
- })
-
- test('.useIdentifier', () => {
- const html = new HTML
- const schema: SchemaType = data.__schema.types.find(t => t.name === '__Schema') as any
- const field: Field = (schema.fields || []).find(f => f.name === 'types') as any
-
- expect(html.useIdentifier(field.type, 'HREF')).toBe('[<a class="support type" href="HREF">__Type</a>!]!')
- })
-
- test('.useIdentifierLength', () => {
- const html = new HTML
- const schema: SchemaType = data.__schema.types.find(t => t.name === '__Schema') as any
- const field: Field = (schema.fields || []).find(f => f.name === 'types') as any
-
- expect(html.useIdentifierLength(field.type)).toBe(10)
- })
-
- test('.value', () => {
- const html = new HTML
- expect(html.value('"STRING"')).toBe('<span class="string">"STRING"</span>')
- expect(html.value('NUMBER')).toBe('<span class="constant numeric">NUMBER</span>')
- })
-})
+ ]);
+});
+
+describe("lib/utility/html#HTML", () => {
+ test(".code", () => {
+ const html = new HTML();
+ expect(html.code("CODE")).toBe(
+ '<code class="highlight"><table class="code"><tbody>CODE</tbody></table></code>'
+ );
+ });
+
+ test(".highlight", () => {
+ const html = new HTML();
+ expect(html.highlight("CODE")).toBe("<strong>CODE</strong>");
+ });
+
+ test(".sup", () => {
+ const html = new HTML();
+ expect(html.sup("CODE")).toBe(" <sup>CODE</sup>");
+ });
+
+ test(".line", () => {
+ const html = new HTML();
+ expect(html.index).toBe(1);
+ expect(html.line("CODE")).toBe(
+ '<tr class="row"><td id="L1" class="td-index">1</td><td id="LC1" class="td-code">CODE</td></tr>'
+ );
+ expect(html.index).toBe(2);
+ });
+
+ test(".tab", () => {
+ const html = new HTML();
+ expect(html.tab("CODE")).toBe('<span class="tab">CODE</span>');
+ });
+
+ test(".keyword", () => {
+ const html = new HTML();
+ expect(html.keyword("CODE")).toBe(
+ '<span class="keyword operator ts">CODE</span>'
+ );
+ });
+
+ test(".comment", () => {
+ const html = new HTML();
+ expect(html.comment("CODE")).toBe(
+ '<span class="comment line"># CODE</span>'
+ );
+ });
+
+ test(".identifier", () => {
+ const html = new HTML();
+ const type = data.__schema.types.find((t) => t.name === "Query");
+ expect(html.identifier(type as Description)).toBe(
+ '<span class="identifier">Query</span>'
+ );
+ });
+
+ test(".parameter", () => {
+ const html = new HTML();
+ const input: InputValue = data.__schema.types.find(
+ (t) => t.name === "AddCommentInput"
+ ) as any;
+ expect(html.parameter(input)).toBe(
+ '<span class="variable parameter">AddCommentInput</span>'
+ );
+ });
+
+ test(".property", () => {
+ const html = new HTML();
+ expect(html.property("PROPERTY")).toBe(
+ '<span class="meta">PROPERTY</span>'
+ );
+ });
+
+ test(".useIdentifier", () => {
+ const html = new HTML();
+ const schema: SchemaType = data.__schema.types.find(
+ (t) => t.name === "__Schema"
+ ) as any;
+ const field: Field = (schema.fields || []).find(
+ (f) => f.name === "types"
+ ) as any;
+
+ expect(html.useIdentifier(field.type, "HREF")).toBe(
+ '[<a class="support type" href="HREF">__Type</a>!]!'
+ );
+ });
+
+ test(".useIdentifierLength", () => {
+ const html = new HTML();
+ const schema: SchemaType = data.__schema.types.find(
+ (t) => t.name === "__Schema"
+ ) as any;
+ const field: Field = (schema.fields || []).find(
+ (f) => f.name === "types"
+ ) as any;
+
+ expect(html.useIdentifierLength(field.type)).toBe(10);
+ });
+
+ test(".value", () => {
+ const html = new HTML();
+ expect(html.value('"STRING"')).toBe('<span class="string">"STRING"</span>');
+ expect(html.value("NUMBER")).toBe(
+ '<span class="constant numeric">NUMBER</span>'
+ );
+ });
+});

lib/utility/html.ts

@@ -18,8 +18,9 @@ export class HTML {
 
  line(code?: string): string {
  const row = this.index++;
- return `<tr class="row"><td id="L${row}" class="td-index">${row}</td><td id="LC${row}" class="td-code">${code ||
- ""}</td></tr>`;
+ return `<tr class="row"><td id="L${row}" class="td-index">${row}</td><td id="LC${row}" class="td-code">${
+ code || ""
+ }</td></tr>`;
  }
 
  tab(code: string): string {