Skip to content

Commit 5cc7bed

Browse files
author
nvisionative
authored
Merge pull request #128 from nvisionative/issue-127
Update documentation for 2.0.0 release
2 parents 0ead72e + eb9bf35 commit 5cc7bed

File tree

5 files changed

+51
-36
lines changed

5 files changed

+51
-36
lines changed

docs/Commands.md

+41-20
Original file line numberDiff line numberDiff line change
@@ -1,50 +1,71 @@
11
Make sure you have navigated to your project root within your node command line. From this point you can use several commands. There are a few main dev commands, and then several smaller commands for more granular control.
22
## Main Dev Commands
33

4-
### gulp manifest
5-
You should recognize this command from setting up your project. This command will update your manifest with the information provided in `gulpfile.js`. Anytime you need to update this information, for example, when changing the version number, you will need to run this command.
4+
### gulp init
5+
This command initializes all third-party dependencies utilized within **nvQuickTheme**. More specifically, it executes the following SubTask Commands in series (completes each task before the next):
6+
* **gulp fontsInit**
7+
* **gulp faFontsInit**
8+
* **gulp faCssInit**
9+
* **gulp slimMenuInit**
10+
* **gulp normalizeInit**
11+
* **gulp bsCssInit**
12+
* **gulp bsJsInit**
613

714
### gulp build
8-
This command error checks, concatenates, compiles and minifies all your js and scss into the `dist/` folder, as well as copies your containers to the correct folder.
15+
This command error checks, concatenates, compiles and minifies all your JS and SCSS into the `./dist/` folder, as well as copies your containers to the correct folder. More specifically, it executes the following commands in series (completes each task before the next):
16+
* **gulp init**
17+
* **gulp styles**
18+
* **gulp scripts**
19+
* **gulp images**
20+
* **gulp containers**
21+
* **gulp manifest**
922

1023
### gulp watch
11-
This sets your node instance to watch all the js and scss in the src folder for any changes, as well as your containers. Upon changes it will automatically run the build command. Note: This command will take over your node instance, you may need to start a new instance if you want to run other commands.
24+
This sets your node instance to watch all changes of images, JS and SCSS in the `./src/` folder, as well as containers in the `./containers/` folder. Upon changes it will automatically run the **gulp build** command.
25+
26+
**Note:** _This command will take over your node instance (in Command Prompt, PowerShell, Git Bash, VS Code Terminal, etc.). Therefore, you may want to start a new instance if you need to run other commands at the same time._
1227

1328
### gulp package
14-
A bit confusing with all the package talk earlier, but here we're not talking about dev packages anymore. This command builds and packages up what you've created into a DNN theme installation package (zip file). It will deposit the zip file under the `[root]/build/` folder using the information provided in `gulpfile.js`: `[project]_[version]_install.zip`.
29+
This command builds and packages your custom theme into a DNN theme installation package (ZIP file). It will place the ZIP file in the `./build/` folder using the following naming convention: `[project]_[version]_install.zip`
1530

1631

1732
***
1833

1934
## SubTask Commands
20-
These commands are mostly used within the 3 over arching commands, but can be used individually if desired.
35+
These commands are mostly used within the four Main Dev Commands, but can be used individually if desired.
2136

22-
### gulp js
23-
Error checks, concatenates, compiles, and minifies all js in the `src/js/` folder and outputs into the `dist/js/` folder.
37+
### gulp manifest
38+
You should recognize this command from setting up your project. This command will update your manifest with the information provided in `project-details.json`. Anytime you need to update this information, like when changing the version number, you will need to run this command. This command is also executed as a part of the **gulp build** and **gulp package** commands.
2439

25-
### gulp scss
26-
Error checks, concatenates, compiles, and minifies all scss in the `src/scss/` folder and outputs into the `dist/css/` folder.
40+
### gulp scripts
41+
Error checks, concatenates, compiles, and minifies all JS in the `./src/js/` folder and distributes to the `./dist/js/` folder.
42+
43+
### gulp styles
44+
Error checks, concatenates, compiles, and minifies all SCSS in the `./src/scss/` folder and distributes to the `./dist/css/` folder.
2745

2846
### gulp images
29-
Compresses images in the `src/images/` folder and output into the `dist/images/` folder.
47+
Compresses images in the `./src/images/` folder and distributes to the `./dist/images/` folder.
3048

3149
### gulp containers
32-
Copies the containers to the correct folder for DNN.
50+
Copies containers to the correct folder within your DNN instance (assuming you are developing within a DNN instance). This translates to `../../Containers/[your theme project name]/`.
3351

3452

3553
***
3654

3755
## Process Commands
38-
These commands are used within other commands, or for special cases. We recommend use of these only for advanced users.
56+
These commands are used within other commands and for other special situations. _We recommend use of these only for advanced users._
57+
58+
### gulp zipdist
59+
ZIPs contents of `./dist/` folder. Used to prepare for theme packaging.
3960

40-
### gulp update
41-
Pulls Bootstrap, Font-Awesome, and Normalize assets from the node_modules. So if you update your dependencies, you'll want to run this. Note that this will overwrite any changes you've done to the _normalize.scss file.
61+
### gulp zipcontainers
62+
ZIPs contents of `./containers/` folder. Used to prepare for theme packaging.
4263

43-
### gulp buildzips
44-
Zips each dist folder. Used to prep theme packaging.
64+
### gulp zipelse
65+
ZIPs contents of `./menus/` folder, `./partials/` folder, and all ASCX, XML, HTML and HTML files withinthe root folder (`./`). Used to prepare for theme packaging.
4566

46-
### gulp zipfiles
47-
Collects all the zip files and project root files needed into the main theme zip file.
67+
### gulp zippackage
68+
ZIPs all subset ZIP files and other pertinent project files into theme package installation file using the following naming convention: `[project]_[version]_install.zip`
4869

4970
### gulp cleanup
50-
Deletes all the zip files under the project root. Used to cleanup the individual zip files created in the theme packaging task.
71+
Deletes all temporary ZIP and project files used in package tasks.

docs/Dependencies.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
### Bootstrap 4
2-
By far the largest dependency, Bootstrap 4, is the framework we chose to use. We encourage anyone unfamiliar with Bootstrap 4 to bookmark and reference their extensive documentation [here](https://v4-alpha.getbootstrap.com/layout/overview/).
1+
### Bootstrap
2+
By far the largest dependency, Bootstrap, is the framework we chose to use. We encourage anyone unfamiliar with Bootstrap 4 to bookmark and reference their extensive documentation [here](https://getbootstrap.com/).
33

4-
Our default.ascx, header and footer partials show proper use of bootstrap and its layout classes. Bootstrap 4 is robust, powerful, and has all the bells and whistles that most websites need.
4+
Our **default.ascx**, **_header.ascx** and **_footer.ascx** partials show proper use of bootstrap and its layout classes. Bootstrap is robust, powerful, and has all the bells and whistles that most websites need.
55

66

77
***

docs/DevDependencies.md

+6-9
Original file line numberDiff line numberDiff line change
@@ -19,30 +19,27 @@ Forget about making sure you add the -webkit- prefix. This plugin automatically
1919
### gulp-clean
2020
Allows for easy deletion of files. We use it to get rid of temporary files created when building packages.
2121

22+
### gulp-clean-css
23+
Allows for simple minification of CSS.
24+
2225
### gulp-imagemin
2326
Nicely compresses images as small as possible while maintaining quality. We don't use this in our main tasks, but is still available because we believe it is a necessary tool for a lot of theme creation.
2427

2528
### gulp-jshint
2629
Checks javascript for errors and lets you know what's wrong.
2730

28-
### gulp-replace
29-
Replaces string values within files. Not currently used, but will possibly be used in future releases of nvQuickTheme.
30-
3131
### gulp-notify
3232
Helps show messages in the node command line console.
3333

3434
### gulp-rename
3535
Used to rename files.
3636

37+
### gulp-replace
38+
Replaces string values within files. Not currently used, but will possibly be used in future releases of nvQuickTheme.
39+
3740
### gulp-sass
3841
This powerful plugin error checks, concatenates, and minifies scss. We use it for all the things.
3942

40-
### gulp-sequence
41-
Gulp does tasks asynchronously, which can cause issues when you're looking to do tasks sequentially. This plugin allows us to do just that--sequence tasks.
42-
43-
### gulp-sourcemaps
44-
When scss compresses everything into css and is minified, it's almost impossible to tell exactly where the original scss was at unless you remember where you put it. Our current methodology combats most of that confusion because you know what element is being dealt with, and what file it SHOULD be in. Sourcemaps create roadmaps for scss and allows someone debugging to see exactly where the css originated. We don't currently have this implemented.
45-
4643
### gulp-uglify
4744
A plugin that helps minify all the things. Since our sass plugin already does that for us, we use this to minify our javascript.
4845

docs/SCSS.md

-3
Original file line numberDiff line numberDiff line change
@@ -26,9 +26,6 @@ It's important to keep in mind that order matters when compiling because that's
2626
// mixins will take variables but then needs to be before any mixin calls
2727
@import 'mixins/mixins';
2828

29-
// normalize.scss is done first to establish it as the baseline but is still easily overwritten
30-
@import 'components/normalize';
31-
3229
// our baseline file
3330
@import 'base';
3431

package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"name": "nvQuickTheme",
2+
"name": "nvquicktheme",
33
"version": "2.0.0",
44
"description": "Barebones Bootstrap 4 DNN Theme",
55
"main": "gulpfile.js",

0 commit comments

Comments
 (0)