Version bump v0.1.2

.woodpecker.yml

@@ -3,6 +3,7 @@ pipeline:
     image: node:18
     commands:
       - npm install
+      - npm run grunt
 
   lint:
     image: node:18

Gruntfile.js

@@ -4,6 +4,51 @@ module.exports = function(grunt) {
   grunt.initConfig({
     pkg: grunt.file.readJSON('package.json'),
 
+    sass: {
+      dist: {
+        options: {
+          style: 'compressed'
+        },
+        files: [{
+          expand: true,
+          cwd: 'assets/styles',
+          src: ['**/*.scss'],
+          dest: 'public/css',
+          ext: '.css'
+        }]
+      }
+    },
+
+    uglify: {
+      options: {
+        mangle: false
+      },
+      compile: {
+        files: {
+          'public/js/nechryael.min.js': ['assets/js/**/*.js']
+        }
+      }
+    },
+
+    watch: {
+      css: {
+        files: ['assets/styles/**/*.scss'],
+        tasks: ['sass'],
+        options: {
+          atBegin: true,
+          spawn: false
+        }
+      },
+      js: {
+        files: ['assets/js/**/*.js'],
+        tasks: ['uglify'],
+        options: {
+          atBegin: true,
+          spawn: false
+        }
+      }
+    },
+
     deb_package: {
       options: {
         maintainer: 'Gregory Ballantine <gballantine@bitgoblin.tech>',
@@ -75,10 +120,14 @@ module.exports = function(grunt) {
     }
   });
 
-  // Load the plugin that provides the "uglify" task.
+  // Load plugins.
+  grunt.loadNpmTasks('grunt-contrib-watch');
+  grunt.loadNpmTasks('grunt-contrib-sass');
+  grunt.loadNpmTasks('grunt-contrib-uglify');
   grunt.loadNpmTasks('grunt-deb');
 
-  // Default task(s).
+  // CLI tasks.
+  grunt.registerTask('default', ['sass', 'uglify']);
   grunt.registerTask('package', ['deb_package']);
 
 };

assets/js/nechryael.js

@@ -0,0 +1,3 @@
+$(document).ready(function() {
+  console.log('Document is ready!');
+});

gulpfile.js

@@ -1,17 +0,0 @@
-const gulp = require('gulp');
-const { watch } = require('gulp');
-const sass = require('gulp-sass')(require('sass'));
-
-// compile 
-function styles(cb) {
-  return gulp.src('./assets/styles/**/*.scss')
-    .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
-    .pipe(gulp.dest('./public/css'));
-  cb();
-}
-
-// by default, watch files
-exports.default = function() {
-  // compile sass stylesheets
-  watch('assets/styles/**/*.scss', styles);
-};

index.js

@@ -1,4 +1,6 @@
 const express = require('express');
+const session = require('express-session');
+// const flash = require('express-flasher');
 
 // instantiate new express.js app
 const app = express();
@@ -12,6 +14,17 @@ const port = 3000;
   });
 })();
 
+// initialize express.js session
+app.use(session({
+  resave: false, // don't save session if unmodified
+  saveUninitialized: false, // don't create session until something stored
+  secret: 'lord of the rings',
+}));
+
+// setup flash messaging
+// app.use(flash.flash());
+// app.use(flash.flashRead());
+
 // set up body POST parameters
 app.use(express.json());
 app.use(express.urlencoded({

package.json

@@ -1,12 +1,11 @@
 {
   "name": "overseer",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Self-hosted inventory tracker",
   "main": "index.js",
   "scripts": {
     "start": "node index.js",
     "grunt": "grunt",
-    "gulp": "gulp",
     "nodemon": "nodemon index.js",
     "lint": "eslint index.js src/**/*.js",
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -21,7 +20,10 @@
   ],
   "author": "Gregory Ballanine <gballantine@bitgoblin.tech>",
   "uploaders": [
-    { "name": "Gregory Ballantine", "email": "gballantine@bitgoblin.tech" }
+    {
+      "name": "Gregory Ballantine",
+      "email": "gballantine@bitgoblin.tech"
+    }
   ],
   "license": "BSD-2-Clause",
   "devDependencies": {
@@ -29,15 +31,17 @@
     "eslint-config-google": "^0.14.0",
     "grunt": "^1.5.3",
     "grunt-cli": "^1.4.3",
+    "grunt-contrib-sass": "^2.0.0",
+    "grunt-contrib-uglify": "^5.2.2",
+    "grunt-contrib-watch": "^1.1.0",
     "grunt-deb": "^0.2.5",
-    "gulp": "^4.0.2",
-    "gulp-sass": "^5.1.0",
     "nodemon": "^2.0.20",
     "sass": "^1.55.0"
   },
   "dependencies": {
     "config": "^3.3.8",
     "express": "^4.18.2",
+    "express-session": "^1.17.3",
     "sequelize": "^6.25.3",
     "sqlite3": "^5.1.2",
     "twig": "^1.15.4"

src/routes/home.js

@@ -10,6 +10,8 @@ exports.getIndex = async function(req, res) {
     ],
   });
 
+  // req.flash('info', 'This is a test flash message.');
+
   res.render('index.twig', {
     inventory: items,
   });

views/layout.twig

@@ -9,7 +9,7 @@
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
   <link rel="stylesheet" href="/css/gargoyle.css">
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
-  <script src="/js/drake.js"></script>
+  <script src="/js/nechryael.min.js"></script>
 </head>
 <body>
   <!-- global navigation -->
@@ -24,6 +24,12 @@
     </div>
   </nav>
 
+  {% if flash != null %}
+    <div class="flash-message {{ flash.type }}">
+      <p>{{ flash.msg }}</p>
+    </div>
+  {% endif %}
+
   <!-- main content -->
   <div id="main-content" class="container fluid">
     {% block content %}{% endblock %}