
Security News
Deno 2.2 Improves Dependency Management and Expands Node.js Compatibility
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
@makers99/npm-scripts
Advanced tools
npm-scripts
This package contains basic npm
scripts configs.
pnpm i -D @makers99/npm-scripts
# or with NPM
npm i --save-dev @makers99/npm-scripts
# or with Yarn
pnpm i -D @makers99/npm-scripts
You will need to install all the required dependencies for each configuration. If you are intended to use all configurations, you can run the following code. Otherwise, we recommend you installing only those required for each configuration:
pnpm i -D @babel/preset-env @testing-library/jest-dom @typescript-eslint/eslint-plugin @typescript-eslint/parser autoprefixer babel-jest cssnano eslint eslint-config-prettier eslint-config-standard eslint-plugin-cypress eslint-plugin-jest eslint-plugin-prettier eslint-plugin-testing-library husky jest jest-transform-stub jest-watch-typeahead identity-obj-proxy lint-staged postcss postcss-at-rules-variables postcss-functions postcss-import postcss-mixins postcss-nested postcss-simple-vars postcss-sort-media-queries postcss-space prettier stylelint stylelint-config-prettier stylelint-prettier typescript
...and then import/extend each config file with the ones from this library:
// babel.config.js
const babelConfig = require('@makers99/npm-scripts').babel;
module.exports = babelConfig;
Required dependencies:
pnpm i -D @babel/preset-env
Eslint configuration is different because is a function where you are able to remove the configuration for jest
and cypress
, as they are true
by default.
To remove this configuration you need to pass an object:
const eslintConfig = require('@makers99/npm-scripts').eslint({ jest: false, cypress: false });
// ESLint + Cypress + Jest configurations
// .eslintrc.js
const eslintConfig = require('@makers99/npm-scripts').eslint();
module.exports = eslintConfig;
Required dependencies:
# With Jest and Cypress
pnpm i -D @testing-library/jest-dom @typescript-eslint/eslint-plugin @typescript-eslint/parser babel-jest eslint eslint-config-prettier eslint-config-standard eslint-plugin-cypress eslint-plugin-jest eslint-plugin-prettier eslint-plugin-testing-library jest jest-transform-stub jest-watch-typeahead prettier typescript ts-loader identity-obj-proxy
# Without Jest and Cypress
pnpm i -D @testing-library/jest-dom @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint eslint-config-prettier eslint-config-standard eslint-plugin-prettier eslint-plugin-testing-library prettier typescript ts-loader
// prettier.config.js
const prettierConfig = require('@makers99/npm-scripts').prettier;
module.exports = prettierConfig;
Required dependencies:
pnpm i -D prettier
Style Dictionary, as Eslint configuration, is also a function where you are able to pass the destination folder where the files are going to be save and you can also pass extra platforms or override the default one.
To use the default configuration:
// style-dictionary.config.js
const styleDictionaryConfig = require('@makers99/npm-scripts').styleDictionary();
module.exports = styleDictionaryConfig;
To change the destination path:
// style-dictionary.config.js
const styleDictionaryConfig = require('@makers99/npm-scripts').styleDictionary({ dest: 'new/location/path' });
module.exports = styleDictionaryConfig;
To override the default platforms:
// style-dictionary.config.js
const styleDictionaryConfig = require('@makers99/npm-scripts').styleDictionary({ platforms: {
js: {
transformGroup: 'js',
files: [...],
}
} });
module.exports = styleDictionaryConfig();
Required dependencies:
pnpm i -D style-dictionary
// stylelint.config.js
const stylelintConfig = require('@makers99/npm-scripts').stylelint;
module.exports = stylelintConfig;
Required dependencies:
pnpm i -D stylelint stylelint-order stylelint-config-prettier stylelint-prettier prettier
// postcss.config.js
const postcssConfig = require('@makers99/npm-scripts').postcss;
module.exports = postcssConfig;
Required dependencies:
pnpm i -D autoprefixer cssnano postcss postcss-at-rules-variables postcss-functions postcss-import postcss-mixins postcss-nested postcss-simple-vars postcss-sort-media-queries postcss-space
🟠 Important: This configuration requires the use of PostCSS
// tailwind.config.js
const tailwindConfig = require('@makers99/npm-scripts').tailwind;
module.exports = tailwindConfig;
Required dependencies:
pnpm i -D tailwindcss
// lint-staged.config.js
const lintStagedConfig = require('@makers99/npm-scripts').lintStaged;
module.exports = lintStagedConfig;
// package.json
{
"husky": {
"hooks": {
"pre-commit": "lint-staged"
}
}
}
Required dependencies:
pnpm i -D husky lint-staged
First of all, ask yourself: Does this rule really need to be local to your project? Or should I create a PR to this repo, so that it becomes available to everyone?
If the answer is "yes, it needs to be local to my project", then you can extend any config by overriding or merging the exported object with your custom config:
const eslintConfig = require('@makers99/npm-scripts').eslint
// Merging
module.exports = {
...eslintConfig,
rules: {
...eslintConfig.rules,
'your-game': 'your-rules'
}
}
// Overriding
module.exports = {
...eslintConfig,
rules: {
'your-game': 'your-rules'
}
}
Open your settings.json
file in your IDE, and add the following config for autoformatting on save for .js
, .ts
, .css
and .scss
files.
{
"[javascript]": {
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
},
"[typescript]": {
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
},
"[css]": {
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
}
FAQs
This package contains basic `npm` scripts configs.
The npm package @makers99/npm-scripts receives a total of 18 weekly downloads. As such, @makers99/npm-scripts popularity was classified as not popular.
We found that @makers99/npm-scripts demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 7 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
Security News
React's CRA deprecation announcement sparked community criticism over framework recommendations, leading to quick updates acknowledging build tools like Vite as valid alternatives.
Security News
Ransomware payment rates hit an all-time low in 2024 as law enforcement crackdowns, stronger defenses, and shifting policies make attacks riskier and less profitable.