send notification when change occurs [test]

Author: ahmadhabibi14

_layout.html

@@ -29,6 +29,6 @@
 		font-family: sans-serif;
 	}
 </style>
-<h1>layout for everything else</h1>
+<h1>Svelte MPA</h1>
 </body>
 </html>

build.js

@@ -7,6 +7,7 @@ const {join, basename, resolve, dirname, relative} = require( 'path' );
 const sveltePlugin = require( 'esbuild-svelte' );
 const {sum} = require( 'lodash' );
 const parse5 = require( 'parse5' );
+const notifier = require('node-notifier');
 
 const [watch, serve, minify, debug, logVars] = ['--watch', '--serve', '--minify', '--debug', '--log-vars'].map( s =>
   process.argv.includes( s )
@@ -314,6 +315,11 @@ function layoutFor( path, content = {} ) {
     let timeRef = null;
 
     function changeListener( path, stats, type, watcher ) {
+      notifier.notify({
+        title: 'Change occurs',
+        message: `Change occurs in ${path}`
+      });
+
       if( compiledFiles.has( resolve( path ) ) ) return;
       console.log( type + ':', path.replace( __dirname, '' ) );
 

package-lock.json

@@ -15,6 +15,7 @@
     "esbuild-svelte": "^0.7.3",
     "five-server": "^0.1.9",
     "lodash": "^4.17.21",
+    "node-notifier": "^10.0.1",
     "parse5": "^7.1.2",
     "prettier": "^2.8.8",
     "svelte": "^4.0.0",