@snowbeam/prettier v0.0.1

@snowbeam/prettier

📦 This is a prettier package for snowbeam. It includes import sorting plugin for prettier @ianvs/prettier-plugin-sort-imports

The default config is my own styling format for the TypeScript, JavaScript codebase

/** @type {import("@ianvs/prettier-plugin-sort-imports").PrettierConfig} */
module.exports = {
  singleQuote: true,
  bracketSameLine: true,
  bracketSpacing: true,
  endOfLine: "lf",
  jsxSingleQuote: true,
  useTabs: false,
  semi: true,
  tabWidth: 2,
  trailingComma: "none",
  arrowParens: "avoid",
  embeddedLanguageFormatting: "auto",
  plugins: ["@ianvs/prettier-plugin-sort-imports"],
};

Installation

• npm

npm install @snowbeam/prettier

• yarn

yarn add @snowbeam/prettier

• pnpm

pnpm add @snowbeam/prettier

How to setup

Crete a .prettierrc.js or .prettierrc.cjs when using type module then add the extension on the file as .cjs and for type common .js and define the importOrder with the regular expression now the prettier format will take care

/** @type {import("@ianvs/prettier-plugin-sort-imports").PrettierConfig} */
const prettierConfig = {
  ...require('@snowbeam/prettier'),
  importOrderParserPlugins: ['typescript', 'decorators'],
  importOrder: [
    '<TYPES>',
    '<TYPES>^[./]',
    '',
    '<THIRD_PARTY_MODULES>',
    '',
    '<THIRD_PARTY_MODULES>(/.*)?$',
    '',
    '^src(/.*)$',
    '',
    '^[./]'
  ]
};

module.exports = prettierConfig;

/** @type {import("@ianvs/prettier-plugin-sort-imports").PrettierConfig} */
const prettierConfig = {
  ...require('@snowbeam/prettier'),
  importOrderParserPlugins: ['typescript', 'jsx', 'decorators'],
  importOrder: [
    '<TYPES>',
    '<TYPES>^[./]',
    '',
    '<THIRD_PARTY_MODULES>',
    '',
    '<THIRD_PARTY_MODULES>(/.*)?$',
    '',
    '^src(/.*)$',
    '',
    '^[./]'
  ]
};

module.exports = prettierConfig;