Skip to content

Deployment Script for Create React App, Display Revisions and Activate Revisions Features

License

Notifications You must be signed in to change notification settings

sumn2u/react-deploy

Repository files navigation

react-deploy

GitHub issues GitHub forks GitHub stars GitHub license Build Status Twitter

Create React App deployment to S3 bucket along with app versioning and activation features.

upload revisions

Activate any revisions

show revisions

This package doesn't build the app,use webpack or create-react-app to build the application.

Table of Contents

Install

npm i react-deploy -S

# or

yarn add react-deploy

Usage

task.js

/*
 * Minimalistic script runner. Usage example:
 *
 *     node tools/deploy.js
 *     Starting 'deploy'...
 *     Starting 'build'...
 *     Finished 'build' in 3212ms
 *     Finished 'deploy' in 582ms
 */

 function run (task, action, ...args) {
   const command = process.argv[2]
   const taskName = command && !command.startsWith('-') ? `${task}:${command}` : task
   const start = new Date()
   process.stdout.write(`Starting '${taskName}'...\n`)
   return Promise.resolve().then(() => action(...args)).then(() => {
     process.stdout.write(`Finished '${taskName}' after ${new Date().getTime() - start.getTime()}ms\n`)
   }, err => process.stderr.write(`${err.stack}\n`))
 }

 process.nextTick(() => require.main.exports())
 module.exports = (task, action) => run.bind(undefined, task, action)

deploy.js

const s3 = require('react-deploy')
const task = require('./task')

module.exports = task('upload', () => Promise.resolve()
  .then(() => {
    Uploader
  })
)
const Uploader = new Promise((resolve, reject) => {
  const client = s3.createClient({
  s3Options: {
      accessKeyId: 'AWS_KEY',
      secretAccessKey: 'AWS_SECRET_ACCESSKEY',
      region: 'REGION',
      sslEnabled: true,
      Bucket:'BUCKETNAME'
    },
  })
  const uploader = client.uploadDir({
    localDir: 'DISTRIBUTIONFOLDER', //dist
    deleteRemoved: false,
    s3Params: {
      Bucket: 'BUCKETNAME'
    },
  })

  // on deploy  create a finger print
    client.createRevision()

  // display revisions
   client.displayRevisions()

  // activate the new value
   client.activateRevisions('index:a00a13d')

   uploader.on('error', reject)
   uploader.on('end', resolve)
})

Contribute

Contributors are welcome.

Small note: If editing the README, please conform to the standard-readme specification.

License

MIT © sumn2u

About

Deployment Script for Create React App, Display Revisions and Activate Revisions Features

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published