:pencil: tweaking directions for better backups and push deploy description

README.md

@@ -14,14 +14,16 @@ Vue.js for sanity
 #### Uploads Directories
 1. On your development machine: `rsync -av <user>@<host>:/opt/vue-wp/uploads/ <local directory>`
 
-#### MariaDb Container
-1. On the production machine: `docker commit -p d3346eb32de0 <snapshot_name>`
-2. On the production machine: `docker save -o ~/<snapshot_name>.tar <snapshot_name>`
-3. On your development machine: `rsync -av <user>@<host>:/home/<user>/<snapshot_name> <local directory>`
+#### mysql Dump
+1. On the production machine:
+```
+docker-compose exec -T craft-db mysqldump -u root -p current_cia | gzip > /home/<user_name>/backups/"`date +"%Y-%m-%d"`"-craftdb-backup.sql.gz
+```
+2. On your development machine: `rsync -av <user>@<host>:/home/<user>/<date>-craftdb-backup.sql.gz <local directory>`
 
 -------------------------------
 
-### Node.js 10+
+### Node.js 12+
 
  * OSX: `brew install node` using [Homebrew](http://brew.sh/)
  * Linux: `apt install nodejs` ([see Ubuntu/Debian specific instructions](https://nodejs.org/en/download/package-manager/#debian-and-ubuntu-based-linux-distributions)) or `pacman -S nodejs` (Arch Linux)
@@ -31,9 +33,9 @@ Vue.js for sanity
 -------------------
 
 1. Clone repo: `git clone ssh://git@gitea.yvvas.com:4022/craft-in-america/vue-wp.git`
-2. Get into the directory with `cd craft-vue`
+2. Get into the directory with `cd vue-wp`
 3. Spin up those containers with `docker-compose up -d`
-4. Navigate to the theme directory with `cd cia-vue-theme`
+4. Navigate to the theme directory with `cd vue-theme`
 5. Install dependencies: `npm install`
 6. Verify it runs: `npm run dev`, then check [http://localhost:8081](http://localhost:8081)
 
@@ -56,35 +58,27 @@ Activate Wordpress API
 5. Verify the API by [visiting the API endpoint](http://localhost:8080/wp-json/wp/v2/)
 
 
-:construction_site: Where from here?
+:construction_site: Development
 ------------------------------------
 
-Now that your pipeline is in place, you can start writing your application. Start by modifying the entry point `main.js` and creating new `.js` files to store your other modules (which you'll import from `main.js`).
-
-A really great library to quickly prototype is [Vue.js](https://github.com/vuejs/vue).
-
-### Directory Structure
-
-In the `src` folder there will already be a base HTML page. Any other assets can be put in `src` or just create subfolders where you will import from (E.G. `styles`, `scripts`, `assets`, `fonts`, `images`, etc.). The structure is up to you.
+Setup a staging server and initialize a bare git repo in the `/opt` directoru
 
-### Installing Dependencies
-
-Search for packages:
-`npm search <query>`
+```
+git init --bare /opt/vue-wp.git
+```
 
-Install packages (for production dependencies like d3, three.js, etc.):
-`npm install <package> --save`
+Copy over the `post-receive` script from `./deployment` to `/opt/vue-wp.git/hooks` and make it executable with the command `chmod ug+x /opt/vue-wp.git/hooks/post-receive`
 
-Install packages(for dev dependencies like Jasmin, Protractor, etc.)
-`npm install <package> --save-dev`
+On your development machine, add the staging server as a remote...
 
-Uninstall packages:
-`npm uninstall <package>`
+```
+git remote add staging <user>@<server_ip>:/opt/staging/vue-wp.git 
+```
 
 :electric_plug: Deployment
 --------------------------
 
-When you get ready to deploy your app to an actual server, run `npm run build` and things get compressed and tidied up into a `public` directory. Sweet!
+When you get ready to deploy your app to an actual server, run `git push && git push staging` and things will get pulled and built on the staging server. Sweet!
 
 Currently the API uses localhost. This should be changed in production. 
 Set your passwords in the `.env` file like so..

deployment/post-receive

@@ -0,0 +1,32 @@
+#!/bin/sh
+
+printf "\n\nStarting post-receive…\n"
+printf "===============================\n"
+
+cd /opt/staging/vue-wp.git
+
+printf "\n*------------------------------\n"
+printf "* POST-RECEIVE: git checkout… -\n"
+printf "*------------------------------\n"
+printf "Step 1 of 3\n\n"
+
+git --git-dir=/opt/staging/vue-wp.git --work-tree=/opt/staging/vue-wp.git checkout master -f
+
+printf "\n*------------------------------\n"
+printf "* POST-RECEIVE: npm install… --\n"
+printf "*------------------------------\n"
+printf "Step 2 of 3\n\n"
+
+cd /opt/staging/vue-wp.git/vue-theme && npm install
+
+printf "\n*------------------------------\n"
+printf "* POST-RECEIVE: building… -----\n"
+printf "*------------------------------\n"
+printf "Step 3 of 3\n\n"
+
+npm run build
+
+printf "\n*-----------------------------\n"
+printf "* POST-RECEIVE: → SUCCESS ----\n"
+printf "*-----------------------------\n"
+printf "==============================\n\n"