makeSnippets.js

const fs = require('fs');
const readline = require('readline');

const PATH_SRC = './src';
const OUTPUT_PATH = './;
const OUTPUT_FILE_NAME = 'snippets.json';
const CONTROL_LINE_PREFIX = '// #';

function processFile(fileName, resolve, reject) {
  const reader = readline.createInterface({
    input: fs.createReadStream(`${PATH_SRC}/${fileName}`),
  });

  const controlLines = [];

  const body = [];

  reader.on('line', (line) => {
    if (line.startsWith(CONTROL_LINE_PREFIX)) {
      const clearedLine = line.replace(CONTROL_LINE_PREFIX, '').replace(/^\s\s*/, '').replace(/\s\s*$/, '');
      controlLines.push(clearedLine);
    } else {
      body.push(line);
    }
  });

  reader.on('close', () => {
    const [name, prefix, description] = controlLines;
    resolve({ [name]: { prefix, body, description } });
  });

  reader.on('error', e => reject(e));
}

function promisedFileProcess(fileName) {
  return new Promise((resolve, reject) => processFile(fileName, resolve, reject));
}

function processFiles(fileNames) {
  return Promise.all(fileNames.map(promisedFileProcess));
}

function prepareResult(arr) {
  return arr.reduce(
    (res, curr) => {
      const key = Object.keys(curr)[0];
      return { ...res, [key]: curr[key] };
    },
    {
      scope: 'javascript, typescript',
    },
  );
}

function storeResult(result) {
  fs.writeFile(
    `${OUTPUT_PATH}/${OUTPUT_FILE_NAME}`,
    JSON.stringify(result, null, 2),
    (err) => {
      if (err) {
        return err;
      }
      console.log('all done');
    },
  );
}

function processError(e) {
  console.error('Something goes wrong', e);
}

(function main() {
  fs.readdir(PATH_SRC, (err, fileNames) => {
    processFiles(fileNames)
      .then(prepareResult)
      .then(storeResult)
      .catch(processError);
  });
}());

Snippet creator

Что делает

Создает сниппеты для VSCode из обычных файлов.

Зачем

• лень самому писать json для сниппета
• хочется упаковать сниппеты и поделиться/использовать на другой машине

Как сделать исходник

• создаем файл
• в начало пишем три строчки, которые начинаются с последовательности // # , это будут название, шорткат и описание сниппета соответственно. Например:

// # Jest screenshot test with context

// # autoru-jest-screenshot-context

// # Скриншотный тест компонента с контекстом

• Пишем тело сниппета как обычно, используя, при необходимости, специальный синтаксис для плейсхолдеров и переменных

Пример исходного файла:

// # Jest snapshot test
// # autoru-jest-unit
// # Простой юнит тест

const ${TM_FILENAME_BASE/\.test//} = require('./${TM_FILENAME_BASE/\.test//}');

it('должен $1', () => {
    expect(${TM_FILENAME_BASE/\.test//}($2)).toBe($3);
});

Как превратить это все в сниппеты

• Помещаем исходник в папку, указанную в PATH_SRC
• Запускаем скрипт
• Результаты будут в папке, указанной в OUTPUT_PATH