Release v1.0.14

.gitignore

@@ -14,3 +14,4 @@ env
 
 #.env
 node_modules
+yarn.lock

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## [1.0.14] 2024-03-31
+### Changes
+
+- Added Local Statics 
+- Added Gulp for SCSS Compilation 
+
 ## [1.0.13] 2024-03-05
 ### Changes
 

README.md

@@ -166,6 +166,31 @@ In a similar way, all other files and components can be customized easily.
 
 <br />
 
+## Recompile SCSS  
+
+The SCSS/CSS files used to style the Ui are saved in the `static/assets` directory. 
+In order to update the Ui colors (primary, secondary) this procedure needs to be followed. 
+
+```bash
+$ yarn # install modules
+$ # # edit variables 
+$ vi static/assets/scss/argon-dashboard/custom/_variables.scss 
+$ gulp # SCSS to CSS translation
+```
+
+The `_variables.scss` content defines the `primary` and `secondary` colors: 
+
+```scss
+$primary:       #5e72e4 !default; // EDIT for customization
+$secondary:     #8392ab !default; // EDIT for customization
+$info:          #11cdef !default; // EDIT for customization
+$success:       #2dce89 !default; // EDIT for customization
+$warning:       #fb6340 !default; // EDIT for customization
+$danger:        #f5365c !default; // EDIT for customization
+```
+
+<br />
+
 ## Deploy on [Render](https://render.com/)
 
 - Create a Blueprint instance

gulpfile.js

@@ -0,0 +1,72 @@
+/*
+
+=========================================================
+* AppSeed - Simple SCSS compiler via Gulp
+=========================================================
+
+*/
+
+var autoprefixer = require('gulp-autoprefixer');
+var browserSync = require('browser-sync').create();
+var cleanCss = require('gulp-clean-css');
+var gulp = require('gulp');
+const npmDist = require('gulp-npm-dist');
+var sass = require('gulp-sass')(require('node-sass'));
+var wait = require('gulp-wait');
+var sourcemaps = require('gulp-sourcemaps');
+var rename = require("gulp-rename");
+
+// Define COMMON paths
+
+const paths = {
+    src: {
+        base: './static',
+        css: './static/css',
+        scss: './static/scss',
+        node_modules: './node_modules/',
+        vendor: './vendor'
+    }
+};
+
+// Compile SCSS
+gulp.task('scss', function() {
+    return gulp.src([paths.src.scss + '/argon-dashboard.scss'])
+        .pipe(wait(500))
+        .pipe(sourcemaps.init())
+        .pipe(sass().on('error', sass.logError))
+        .pipe(autoprefixer({
+            overrideBrowserslist: ['> 1%']
+        }))
+        .pipe(sourcemaps.write('.'))
+        .pipe(gulp.dest(paths.src.css))
+        .pipe(browserSync.stream());
+});
+
+// CSS
+gulp.task('css', function() {
+    return gulp.src([
+            paths.src.css + '/argon-dashboard.css'
+        ])
+        .pipe(cleanCss())
+        .pipe(rename(function(path) {
+            // Updates the object in-place
+            path.extname = ".min.css";
+        }))
+        .pipe(gulp.dest(paths.src.css))
+});
+
+// Minify CSS
+gulp.task('minify:css', function() {
+    return gulp.src([
+            paths.src.css + '/argon-dashboard.css'
+        ])
+        .pipe(cleanCss())
+        .pipe(rename(function(path) {
+            // Updates the object in-place
+            path.extname = ".min.css";
+        }))
+        .pipe(gulp.dest(paths.src.css))
+});
+
+// Default Task: Compile SCSS and minify the result
+gulp.task('default', gulp.series('scss', 'minify:css'));

package.json

@@ -0,0 +1,38 @@
+{
+  "name": "appseed-generic",
+  "version": "1.0.0",
+  "description": "Generic tooling by AppSeed",
+  "main": "gulpfile.js",
+  "author": "AppSeed",
+  "keywords": [
+      "css",
+      "sass",
+      "gulp",
+      "web"
+  ],
+  "homepage": "https://appseed.us",
+  "bugs": {
+      "email": "[email protected]"
+  },
+  "license": "MIT License",
+  "devDependencies": {
+      "browser-sync": "^2.27.4",
+      "del": "^6.0.0",
+      "gulp": "^4.0.2",
+      "gulp-autoprefixer": "^8.0.0",
+      "gulp-clean-css": "^4.3.0",
+      "gulp-cssbeautify": "^3.0.0",
+      "node-sass": "^6.0.1",
+      "gulp-file-include": "^2.3.0",
+      "gulp-header": "^2.0.9",
+      "gulp-htmlmin": "^5.0.1",
+      "gulp-npm-dist": "^1.0.3",
+      "gulp-plumber": "^1.2.1",
+      "gulp-rename": "^2.0.0",
+      "gulp-sass": "^5.0.0",
+      "gulp-sourcemaps": "^3.0.0",
+      "gulp-uglify": "^3.0.2",
+      "gulp-wait": "^0.0.2",
+      "merge-stream": "^2.0.0"
+  }
+}