Update eslint and add padding lines

Author: kaisermann

src/modules/globalifySelector.ts

@@ -17,6 +17,7 @@ export function globalifySelector(selector: string) {
       if (selectorPart.startsWith(':local')) {
         return selectorPart.replace(/:local\((.+?)\)/g, '$1');
       }
+
       if (selectorPart.startsWith(':global')) {
         return selectorPart;
       }

src/modules/language.ts

@@ -26,18 +26,21 @@ export const getLanguage = (
     if (typeof attributes.lang !== 'string') {
       throw new Error('lang attribute must be string');
     }
+
     lang = attributes.lang;
   } else if (attributes.type) {
     // istanbul ignore if
     if (typeof attributes.type !== 'string') {
       throw new Error('type attribute must be string');
     }
+
     lang = attributes.type.replace(/^(text|application)\/(.*)$/, '$2');
   } else if (attributes.src) {
     // istanbul ignore if
     if (typeof attributes.src !== 'string') {
       throw new Error('src attribute must be string');
     }
+
     const parts = basename(attributes.src).split('.');
 
     lang = parts.length > 1 ? parts.pop() : defaultLang;

src/modules/parseFile.ts

@@ -33,6 +33,7 @@ export const parseFile = async (
     if (typeof attributes.src !== 'string') {
       throw new Error('src attribute must be string');
     }
+
     let path = attributes.src;
 
     /** Only try to get local files (path starts with ./ or ../) */

src/transformers/typescript.ts

@@ -165,6 +165,7 @@ function createImportTransformerFromProgram(program: ts.Program) {
                 continue;
               }
             }
+
             newElements.push(spec);
           }
 
@@ -302,6 +303,7 @@ const transformer: Transformer<Options.Typescript> = ({
   if (options.tsconfigFile !== false || options.tsconfigDirectory) {
     const fileDirectory = (options.tsconfigDirectory ||
       dirname(filename)) as string;
+
     const tsconfigFile =
       options.tsconfigFile ||
       ts.findConfigFile(fileDirectory, ts.sys.fileExists);
@@ -373,6 +375,7 @@ const transformer: Transformer<Options.Typescript> = ({
     const hasError = diagnostics.some(
       (d) => d.category === ts.DiagnosticCategory.Error,
     );
+
     const formattedDiagnostics = formatDiagnostics(diagnostics, basePath);
 
     console.log(formattedDiagnostics);

test/autoProcess/autoProcess.test.ts

@@ -37,13 +37,15 @@ describe('options', () => {
     const input = `<template lang="customTransformer">${getFixtureContent(
       'template.custom',
     )}</template>`;
+
     const opts = getAutoPreprocess({
       customTransformer({ content }) {
         content = content.replace('foo', 'bar').toString().trim();
 
         return { code: content, map: null };
       },
     });
+
     const preprocessed = await preprocess(input, opts);
 
     expect(preprocessed.toString()).toBe('bar');
@@ -71,6 +73,7 @@ describe('options', () => {
         return content.toLowerCase();
       },
     });
+
     const preprocessed = await preprocess(input, opts);
 
     expect(preprocessed.toString()).toBe(input.toLowerCase());
@@ -126,6 +129,7 @@ describe('options', () => {
         return { code: '', map: '' };
       },
     });
+
     const preprocessed = await preprocess(input, opts);
 
     expect(preprocessed.toString()).toContain(
@@ -154,6 +158,7 @@ describe('options', () => {
         mock: () => ({ code: 'mock' }),
       },
     });
+
     const preprocessed = await preprocess(input, opts);
 
     expect(preprocessed.toString()).toBe(`<script lang="mock">mock</script>`);

test/autoProcess/script.test.ts

@@ -9,6 +9,7 @@ const SCRIPT_LANGS: Array<[string, string, object?]> = [
     { tsconfigFile: false, compilerOptions: { module: 'es2015' } },
   ],
 ];
+
 const EXPECTED_SCRIPT = getFixtureContent('script.js');
 
 SCRIPT_LANGS.forEach(([lang, ext, langOptions]) => {
@@ -22,6 +23,7 @@ SCRIPT_LANGS.forEach(([lang, ext, langOptions]) => {
         <div></div>
         <script src="./fixtures/script.${ext}"></script>
       `;
+
       const opts = getAutoPreprocess({
         [lang]: false,
       });
@@ -33,6 +35,7 @@ SCRIPT_LANGS.forEach(([lang, ext, langOptions]) => {
       const opts = getAutoPreprocess({
         [lang]: langOptions,
       });
+
       const preprocessed = await preprocess(template, opts);
 
       expect(preprocessed.toString()).toContain(EXPECTED_SCRIPT);

test/autoProcess/style.test.ts

@@ -57,8 +57,13 @@ STYLE_LANGS.forEach(([lang, ext]) => {
     it(`should return empty if content is empty`, async () => {
       const templateExternal = `<div></div><style src="./potato/style.${ext}"></style>`;
       const opts = getAutoPreprocess({
-        [lang]: { sourceMap: false, sourcemap: false, map: false },
+        [lang]: {
+          sourceMap: false,
+          sourcemap: false,
+          map: false,
+        },
       });
+
       const preprocessed = await preprocess(templateExternal, opts);
 
       expect(preprocessed.toString()).toMatch(templateExternal);

test/transformers/babel.test.ts

@@ -22,9 +22,11 @@ describe('transformer - babel', () => {
     let foo = {}
     $: bar = foo?.b ?? 120
     </script>`;
+
     const opts = getAutoPreprocess({
       babel: BABEL_CONFIG,
     });
+
     const preprocessed = await preprocess(template, opts);
 
     expect(preprocessed.code).toMatchInlineSnapshot(`

test/transformers/globalStyle.test.ts

@@ -11,6 +11,7 @@ describe('transformer - globalStyle', () => {
           sourceMap: true,
         },
       });
+
       const preprocessed = await preprocess(template, opts);
 
       expect(preprocessed.toString()).toContain(`sourceMappingURL`);
@@ -40,6 +41,7 @@ describe('transformer - globalStyle', () => {
       const template = `<style global>
 @keyframes a {from{} to{}}@keyframes -global-b {from{} to{}}
 </style>`;
+
       const opts = autoProcess();
       const preprocessed = await preprocess(template, opts);
 
@@ -84,6 +86,7 @@ describe('transformer - globalStyle', () => {
             sourceMap: true,
           },
         });
+
         const preprocessed = await preprocess(template, opts);
 
         expect(preprocessed.toString()).toContain(`sourceMappingURL`);
@@ -176,6 +179,7 @@ describe('transformer - globalStyle', () => {
       it('removes rules with only :global as its selector', async () => {
         const template =
           '<style>:global{/*comment*/}:global,div{/*comment*/}</style>';
+
         const opts = autoProcess();
         const preprocessed = await preprocess(template, opts);
 

test/transformers/postcss.test.ts

@@ -37,6 +37,7 @@ describe('transformer - postcss', () => {
         ],
       },
     });
+
     const preprocessed = await preprocess(template, optsWithoutConfigFile);
 
     expect(preprocessed.toString()).toMatch(/-webkit-/);
@@ -53,6 +54,7 @@ describe('transformer - postcss', () => {
         ],
       },
     });
+
     const preprocessed = await preprocess(templateSass, optsWithoutConfigFile);
 
     expect(preprocessed.toString()).toMatch(/-webkit-/);
@@ -79,6 +81,7 @@ describe('transformer - postcss', () => {
         plugins: [require('postcss-easy-import')],
       },
     });
+
     const preprocessed = await preprocess(template, opts);
 
     expect(preprocessed.dependencies).toContain(
@@ -91,12 +94,14 @@ describe('transformer - postcss', () => {
 div
   color: red
 </style>`;
+
     const opts = getAutoPreprocess({
       postcss: {
         parser: require('sugarss'),
         plugins: [require('postcss-easy-import')],
       },
     });
+
     const preprocessed = await preprocess(template, opts);
 
     expect(preprocessed.toString()).toContain(`div {

test/transformers/pug.test.ts

@@ -9,6 +9,7 @@ describe('transformer - pug', () => {
 main
   header
     h1</template>`;
+
     const opts = getAutoPreprocess();
     const preprocessed = await preprocess(template, opts);
 
@@ -20,6 +21,7 @@ main
 main
 \theader
 \t\th1</template>`;
+
     const opts = getAutoPreprocess();
     const preprocessed = await preprocess(template, opts);
 

test/transformers/replace.test.ts

@@ -49,6 +49,7 @@ describe('transformer - regex', () => {
 @endawait`
       .trim()
       .repeat(2);
+
     const opts = autoProcess({ replace: options });
     const preprocessed = await preprocess(template, opts);
 

test/transformers/scss.test.ts

@@ -37,6 +37,7 @@ describe('transformer - scss', () => {
         data: '$color:red;div{color:$color}',
       },
     });
+
     const preprocessed = await preprocess(template, opts);
 
     expect(preprocessed.toString()).toContain('red');
@@ -59,6 +60,7 @@ describe('transformer - scss', () => {
         implementation,
       },
     });
+
     const preprocessed = await preprocess(template, opts);
 
     expect(preprocessed.toString()).toContain('div#red{color:red}');
@@ -72,6 +74,7 @@ describe('transformer - scss', () => {
         renderSync: true,
       },
     });
+
     const preprocessed = await preprocess(template, opts);
 
     expect(preprocessed.toString()).toContain('blue');
@@ -84,6 +87,7 @@ describe('transformer - scss', () => {
         renderSync: true,
       },
     });
+
     const preprocessed = await preprocess(template, opts);
 
     expect(preprocessed.dependencies).toContain(
@@ -99,6 +103,7 @@ describe('transformer - scss', () => {
         renderSync: true,
       },
     });
+
     const preprocessed = await preprocess(template, opts);
 
     expect(preprocessed.toString()).toContain('div#green{color:green}');

test/transformers/typescript.test.ts

@@ -78,6 +78,7 @@ describe('transformer - typescript', () => {
           tsconfigDirectory: './test/fixtures',
         },
       });
+
       const preprocessed = await preprocess(template, opts);
 
       expect(preprocessed.toString()).toContain(EXPECTED_SCRIPT);
@@ -89,6 +90,7 @@ describe('transformer - typescript', () => {
           tsconfigFile: './test/fixtures/tsconfig.json',
         },
       });
+
       const preprocessed = await preprocess(template, opts);
 
       expect(preprocessed.toString()).toContain(EXPECTED_SCRIPT);
@@ -124,6 +126,7 @@ describe('transformer - typescript', () => {
           },
         },
       });
+
       const { code } = await preprocess(template, opts);
 
       return expect(code).toContain(getFixtureContent('script.js'));