![Create React App Officially Deprecated Amid React 19 Compatibility Issues](https://cdn.sanity.io/images/cgdhsj6q/production/04fa08cf844d798abc0e1a6391c129363cc7e2ab-1024x1024.webp?w=400&fit=max&auto=format)
Security News
Create React App Officially Deprecated Amid React 19 Compatibility Issues
Create React App is officially deprecated due to React 19 issues and lack of maintenance—developers should switch to Vite or other modern alternatives.
grunt-git-readme
Advanced tools
Create a README file, track changed files, and package for delivery.
This plugin requires Grunt.
If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
NOTE: this is a temporary url. This will change once it is a public module
npm install git+ssh://git@git.mcdpartners.com:<username>/grunt-git-readme.git --save-dev
Once the plugin has been installed, it can be enabled inside your Gruntfile with this line of JavaScript:
grunt.loadNpmTasks('grunt-git-readme');
This plugin works by passing in a git commit hash (EX: 36f4ddfa643feb92c55463094e3544258040aa60) and comparing the difference between this commit and the HEAD of your branch. You are able to pass in the commit as a parameter in the grunt call like so:
grunt package:HASH
Then, inside the "initConfig" method object, add the following code:
// package
readme: {
options: {
readmeTitle: 'Title of Project', // Default 'Title'
src: ['<%= config.dev %>/'], // Default ['www/']
dest: '<%= config.dev %>/packages/', // Default 'www/packages'
author: 'dhayes@mcdpartners.com', // Default 'author@email.com'
projectCode: 'Project Name', // Default 'README'
gitDiffFile: true, // Default true
showSnippets: true // Default true
}
}
From here, you can register a specific task to call when you are ready to deploy. At the bottom of the file, after you have loaded the module add this:
grunt.registerTask('package', 'Creates a directory based on commit diffs.', function (commit) {
// this commit is set in the command line as a property. Example: 'grunt package:COMMIT HASH'
grunt.task.run('readme:' + commit);
});
'use strict';
module.exports = function (grunt) {
// load all npm grunt tasks
require('load-grunt-tasks')(grunt);
// Project configuration.
grunt.initConfig({
readme: {
options: {
readmeTitle: 'Title of Project', // Default 'Title'
src: ['<%= config.dev %>/'], // Default ['www/']
dest: '<%= config.dev %>/packages/', // Default 'www/packages/'
author: 'dhayes@mcdpartners.com', // Default 'author@email.com'
projectCode: 'Project Name', // Default 'README'
gitDiffFile: true, // Default true
showSnippets: true // Default true
}
},
});
// Actually load this plugin's task(s).
grunt.loadTasks('tasks');
grunt.registerTask('package', 'Creates a directory based on commit diffs.', function (commit) {
// this commit is set in the command line as a property. Example: 'grunt package:COMMIT HASH'
grunt.task.run('clean', 'readme:' + commit);
});
// By default, lint and run all tests.
grunt.registerTask('default', ['jshint']);
};
Type: String
Default value: 'Title'
A string value that sets the title inside of your newly created README file.
Type: Array
Default value: ['www/']
An array that determines which files should be added to the diff. EX: If you have a development directory (app/) and a production directory (www/) and only want to check against the production directory, set the value to ['www/']
.
If you want to use include both the development directory and the production directory, set the value to ['www/', 'app/']
. But feel free to add as many values as you would like.
EX: ['www/', 'www/assets/', 'www/tools/']
Type: String
Default value: 'www/packages/'
A string value that sets the destination of your newly created package.
Type: String
Default value: 'author@email.com'
A string value that sets the name of the author deploying the code changes. This appears in the README file.
Type: String
Default value: 'README'
A string value that sets the name of the newly created directory. The output will be something like README yyyy-mm-dd
. NOTE: You only have to set the title, the date is automatically added.
Type: Boolean
Default value: true
If set to true
, this will add a file to the directory that contains a full diff of all the file changes between the two commits.
Type: Boolean
Default value: true
If set to true
, this include code snippets for all modified files in the README.
Add the ability to compare two branches.
(Nothing yet)
Copyright (c) 2016 MCD Partners. Licensed under the MIT license.
FAQs
Create a README file and use git diff to package files for delivery.
The npm package grunt-git-readme receives a total of 1 weekly downloads. As such, grunt-git-readme popularity was classified as not popular.
We found that grunt-git-readme demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer 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
Create React App is officially deprecated due to React 19 issues and lack of maintenance—developers should switch to Vite or other modern alternatives.
Security News
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
Security News
The Linux Foundation is warning open source developers that compliance with global sanctions is mandatory, highlighting legal risks and restrictions on contributions.