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,31 @@
-const { createServer } = require('http')
-
-const connect = require('connect')
-const serveStatic = require('serve-static')
+const browserSync = require('browser-sync').create()
 
 const { paths, ports } = require('../config')
 
-// Create a simple server for serving static files
-const app = connect().use(serveStatic(paths.public))
-const server = createServer(app)
+browserSync.init(
+  {
+    // Prevent browser mirroring
+    ghostMode: false,
+
+    // Prevent browser opening
+    open: false,
+
+    // Disable BrowserStack UI
+    ui: false,
+
+    // 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')}`
+      )
+    }
+  }
+)