Rewrite serve task to remove dependencies

Rewrites the serve task to use browser-sync like the start task, removing the need for the `connect` and `serve-static` dependencies

Author: querkmachine

package-lock.json

@@ -56,7 +56,6 @@
     "@rollup/plugin-terser": "^0.4.4",
     "autoprefixer": "^10.4.21",
     "browser-sync": "3.0.3",
-    "connect": "^3.7.0",
     "cross-env": "^7.0.3",
     "editorconfig-checker": "^6.0.1",
     "eslint": "^8.57.0",
@@ -96,7 +95,6 @@
     "puppeteer": "^24.6.0",
     "rollup": "^4.38.0",
     "sass-export": "^2.1.2",
-    "serve-static": "^1.16.2",
     "sitemap": "^8.0.0",
     "slash": "^3.0.0",
     "slug": "^9.1.0",

package.json

@@ -1,14 +1,27 @@
-const { createServer } = require('http')
+const { paths, ports } = require('../config')
 
-const connect = require('connect')
-const serveStatic = require('serve-static')
+const browserSync = require('browser-sync').create()
 
-const { paths, ports } = require('../config')
+browserSync.init({
+  // Prevent browser mirroring
+  ghostMode: false,
+
+  // Prevent browser opening
+  open: false,
+
+  // Disable BrowserStack UI
+  ui: false,
 
-// Create a simple server for serving static files
-const app = connect().use(serveStatic(paths.public))
-const server = createServer(app)
+  // Configure port
+  port: ports.preview,
 
-server.listen(ports.preview, () => {
-  console.log(`Server started at http://localhost:${ports.preview}`)
+  // Serve files from directory
+  server: paths.public
+}, (err, bs) => {
+  if(err) {
+    console.error('Encountered an error starting the local server:', err);
+  }
+  else {
+    console.log(`Server started at http://localhost:${bs.options.get('port')}`)
+  }
 })