Code Monkey home page Code Monkey logo

deploy-to-git's Introduction

deploy-to-git npm version Build Status

Automatically or manually deploy build artifacts to a Git repository. The tool works awesome with semantic-release and any CI service.

npm install --save-dev deploy-to-git

Configuring

Configuration for the tool needs to be placed at config.deployToGit object inside package.json.

  • repository - a repository
  • branch - a branch of the repository where you want to push the artifacts
  • folder - a folder where artifacts are generated by the build and where the repository is cloned
  • script - a script which runs the build
  • commit - commit text
  • user - commitee information for Git - an object with keys name and email
  • beforePushScript (optional) - a command that should be run after a commit (e. g. add needed git tags).

Substrings started with $ are replaced by corresponding environment variables.

Getting started

Let's say you want to deploy artifacts to branch called artifacts. Let's say used build tool compiles the artifacts to build folder via NPM script called build-my-app. You'll need:

  1. Create artifacts branch manually and remove all files from it (because you probably create the branch copying main branch contents). Push it to remote repository.
  2. Add README or whatever you want to have at this branch.
  3. Add build folder to .gitignore of your main branch.
  4. Configure deploy-to-git
"scripts": {
  "deploy": "deploy-to-git",
  "build-my-app": "a-build-script"
}
"config": {
  "deployToGit": {
      "repository": "[email protected]:owner/your-repo.git",
      "branch": "artifacts",
      "folder": "build",
      "script": "npm run build-my-app",
      "commit": "Automatic commit text",
      "user": {
          "email": "[email protected]",
          "name": "Your name"
      }
  }
}

That's it. When you run npm run deploy the tool does the following:

  1. Clone the repository to build folder.
  2. Run script npm run build-my-app which creates/replaces files at build folder.
  3. Commit and push changes.

Tip: remove build folder before deploy-to-git run.

For more info check out index.js.

Travis CI

To run it on Travis CI use the following format of repository field: https://[email protected]/owner/your-repo.git. You can generate GH_TOKEN at Github settings and add it to Travis CI manually. For more info just google it ("generate github token", "add environment variable to Travis") :)

It is generated automatically if you use semantic-release-cli.

semantic-release

Just add deploy-to-github to semantic-release script.

"deploy": "deploy-to-git",
"semantic-release": "semantic-release pre && npm run deploy && npm publish && semantic-release post",

Tip: You can use a release version in a commit message:

"commit": "Publising $npm_package_version",

Real example

Real example can be found there. The application is compiled via webpack to bundle folder and pushed to gh-pages branch.

deploy-to-git's People

Contributors

finom avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

deploy-to-git's Issues

error message could be improved?

After reading the example, I added the required fields but forgot to nest the deployToGit object inside config object (should have been config.deployToGit in package.json).

The error didn't make sense, since it said I was missing "repository", yet I already had two "repository"s in the config - one for the npm general config and one I just added inside deployToGit.

Error I got:

$ deploy-to-git
<pkg>/node_modules/deploy-to-git/index.js:23
        throw Error(`deployToGit requires "${field}" field in package config`);
        ^

Error: deployToGit requires "repository" field in package config
    at Object.<anonymous> (<pkg>/node_modules/deploy-to-git/index.js:23:15)
    at Module._compile (module.js:660:30)
    ...

A simple fix might be this:

diff --git a/index.js b/index.js
index 37c923d..71aefcc 100755
--- a/index.js
+++ b/index.js
@@ -20,7 +20,7 @@ for (const [field, isRequired] of entries(fields)) {
     const configVar = process.env[`${variablePrefix}${field}`];
 
     if (!configVar && isRequired) {
-        throw Error(`deployToGit requires "${field}" field in package config`);
+        throw Error(`Package config is missing required field: "config.deployToGit.${field}"`);
     }

Then, error message is a bit more clear:

Error: Package config is missing required field: "config.deployToGit.repository"
    at Object.<anonymous> ...

(Or, to keep closer to original message, just change "${field}" to "config.deployOnGit.${field}")

use env variable for git auth

You don't want your git token checked into your code... this will allow others to publish to your project.

You should allow for a DEPLOYTOGIT_REPOSITORY environment variable, that way it can be encrypted in yoru travis.yml, or outside your codebase.

Syntax problem

Hello,

I'm trying to use your module on
npm 3.10.10
visual studio code : powershell terminal
Windows 10

I have use the script normally, it clone and build perfectly.
But it doesn't execute any "execSync" starting with blank line.

The only way for me to make it work perfectly is to put everything on the same line.

Exemple if I want "push" to work I must change :

execSync(`
    cd ${config.folder} &&
    git push --tags ${config.repository} ${config.branch}
`, { cwd });

to :

execSync('cd ${config.folder} && git push --tags ${config.repository} ${config.branch}', { cwd });

anyway, thanks you for you job ;)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.