poops 1.0.10 → 1.0.12

package/example/dist/css/styles.css

@@ -1,4 +1,4 @@
-/* poops v1.0.10 | https://github.com/stamat/poops | MIT License */
+/* poops v1.0.12 | https://github.com/stamat/poops | MIT License */
 @charset "UTF-8";
 /*! Sulphuris 🜍 1.0.4 */
 .border, .border-y, .border-x, .border-r, .border-l, .border-b, .border-t {

package/example/dist/css/styles.min.css

@@ -1,4 +1,4 @@
-/* poops v1.0.10 | https://github.com/stamat/poops | MIT License */
+/* poops v1.0.12 | https://github.com/stamat/poops | MIT License */
 @charset "UTF-8";
 /*! Sulphuris 🜍 1.0.4 */.border,.border-b,.border-l,.border-r,.border-t,.border-x,.border-y{border:1px solid}.border-t{border-bottom:none}.border-b,.border-t{border-left:none;border-right:none}.border-b{border-top:none}.border-l{border-right:none}.border-l,.border-r{border-bottom:none;border-top:none}.border-r{border-left:none}.border-x{border-bottom:none;border-top:none}.border-y{border-left:none;border-right:none}.border-2{border-width:2px}.border-3{border-width:3px}.border-4{border-width:4px}.border-6{border-width:6px}.border-8{border-width:8px}@media only screen and (min-width:421px){.border-sm-2{border-width:2px}.border-sm-3{border-width:3px}.border-sm-4{border-width:4px}.border-sm-6{border-width:6px}.border-sm-8{border-width:8px}}@media only screen and (min-width:768px){.border-md-2{border-width:2px}.border-md-3{border-width:3px}.border-md-4{border-width:4px}.border-md-6{border-width:6px}.border-md-8{border-width:8px}}@media only screen and (min-width:1024px){.border-lg-2{border-width:2px}.border-lg-3{border-width:3px}.border-lg-4{border-width:4px}.border-lg-6{border-width:6px}.border-lg-8{border-width:8px}}@media only screen and (min-width:1366px){.border-xl-2{border-width:2px}.border-xl-3{border-width:3px}.border-xl-4{border-width:4px}.border-xl-6{border-width:6px}.border-xl-8{border-width:8px}}@media only screen and (min-width:1680px){.border-xxl-2{border-width:2px}.border-xxl-3{border-width:3px}.border-xxl-4{border-width:4px}.border-xxl-6{border-width:6px}.border-xxl-8{border-width:8px}}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-0{border:0}.border-t-0{border-top:0}.border-r-0{border-right:0}.border-b-0{border-bottom:0}.border-l-0,.border-x-0{border-left:0}.border-x-0{border-right:0}.border-y-0{border-bottom:0;border-top:0}@media only screen and (min-width:421px){.border-sm-0{border:0}.border-t-sm-0{border-top:0}.border-r-sm-0{border-right:0}.border-b-sm-0{border-bottom:0}.border-l-sm-0{border-left:0}.border-x-sm-0{border-left:0;border-right:0}.border-y-sm-0{border-bottom:0;border-top:0}}@media only screen and (min-width:768px){.border-md-0{border:0}.border-t-md-0{border-top:0}.border-r-md-0{border-right:0}.border-b-md-0{border-bottom:0}.border-l-md-0{border-left:0}.border-x-md-0{border-left:0;border-right:0}.border-y-md-0{border-bottom:0;border-top:0}}@media only screen and (min-width:1024px){.border-lg-0{border:0}.border-t-lg-0{border-top:0}.border-r-lg-0{border-right:0}.border-b-lg-0{border-bottom:0}.border-l-lg-0{border-left:0}.border-x-lg-0{border-left:0;border-right:0}.border-y-lg-0{border-bottom:0;border-top:0}}@media only screen and (min-width:1366px){.border-xl-0{border:0}.border-t-xl-0{border-top:0}.border-r-xl-0{border-right:0}.border-b-xl-0{border-bottom:0}.border-l-xl-0{border-left:0}.border-x-xl-0{border-left:0;border-right:0}.border-y-xl-0{border-bottom:0;border-top:0}}@media only screen and (min-width:1680px){.border-xxl-0{border:0}.border-t-xxl-0{border-top:0}.border-r-xxl-0{border-right:0}.border-b-xxl-0{border-bottom:0}.border-l-xxl-0{border-left:0}.border-x-xxl-0{border-left:0;border-right:0}.border-y-xxl-0{border-bottom:0;border-top:0}}.round{border-radius:50%}.round,[class*=rounded-]{overflow:hidden}.rounded-fix{-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.rounded-0{border-radius:0}.rounded-4{border-radius:4px}.rounded-6{border-radius:6px}.rounded-8{border-radius:8px}.rounded-16{border-radius:16px}.rounded-24{border-radius:24px}.rounded-32{border-radius:32px}.rounded-tl-0{border-top-left-radius:0}.rounded-t-0,.rounded-tr-0{border-top-right-radius:0}.rounded-t-0{border-top-left-radius:0}.rounded-r-0{border-bottom-right-radius:0;border-top-right-radius:0}.rounded-bl-0{border-bottom-left-radius:0}.rounded-b-0,.rounded-br-0{border-bottom-right-radius:0}.rounded-b-0,.rounded-l-0{border-bottom-left-radius:0}.rounded-l-0{border-top-left-radius:0}.btn,button.reset{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:inherit;margin:0;padding:0;text-decoration:none}.btn{background-color:#f6c026;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;min-height:56px;padding:16px 32px;transition:color .25s cubic-bezier(.86,0,.07,1),background .25s cubic-bezier(.86,0,.07,1)}@media only screen and (min-width:1024px){.btn:hover{background-color:#1a1a1d}}.btn-inverted{background-color:#1a1a1d}@media only screen and (min-width:1024px){.btn-inverted:hover{background-color:#f6c026}}.btn-outline{background:transparent;border:2px solid #1a1a1d;color:#1a1a1d}@media only screen and (min-width:1024px){.btn-outline:hover{background-color:#1a1a1d;color:#fff}}.btn-outline.btn-inverted{border-color:#fff;color:#fff}@media only screen and (min-width:1024px){.btn-outline.btn-inverted:hover{background-color:#fff;color:#1a1a1d}}.text-black{color:#1a1a1d}.text-white{color:#fff}.text-primary{color:#f6c026}.text-gray-900{color:#323237}.text-gray-800{color:#494952}.text-gray-700{color:#61616c}.text-gray-600{color:#797986}.text-gray-500{color:#93939e}.text-gray-400{color:#adadb6}.text-gray-300{color:#c8c8cd}.text-gray-200{color:#e2e2e5}.text-gray-100{color:#fcfcfd}.text-transparent{color:transparent}.bg-black{background-color:#1a1a1d}.bg-white{background-color:#fff}.bg-primary{background-color:#f6c026}.bg-gray-900{background-color:#323237}.bg-gray-800{background-color:#494952}.bg-gray-700{background-color:#61616c}.bg-gray-600{background-color:#797986}.bg-gray-500{background-color:#93939e}.bg-gray-400{background-color:#adadb6}.bg-gray-300{background-color:#c8c8cd}.bg-gray-200{background-color:#e2e2e5}.bg-gray-100{background-color:#fcfcfd}.border-black{border-color:#1a1a1d}.border-white{border-color:#fff}.border-primary{border-color:#f6c026}.border-gray-900{border-color:#323237}.border-gray-800{border-color:#494952}.border-gray-700{border-color:#61616c}.border-gray-600{border-color:#797986}.border-gray-500{border-color:#93939e}.border-gray-400{border-color:#adadb6}.border-gray-300{border-color:#c8c8cd}.border-gray-200{border-color:#e2e2e5}.border-gray-100{border-color:#fcfcfd}ol.reset,ul.reset{list-style:none;margin:0;padding:0;text-indent:0}html{font-size:16px;line-height:1.2}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1a1d;font-family:Nunito,sans-serif}.h1,h1{font-size:4rem;font-weight:700;letter-spacing:-.03125rem;line-height:1}@media only screen and (min-width:1024px){.h1,h1{font-size:6rem;font-weight:700;letter-spacing:-.09375rem;line-height:1}}.h2,h2{font-size:3rem;font-weight:700;letter-spacing:0;line-height:1}@media only screen and (min-width:1024px){.h2,h2{font-size:4rem;font-weight:700;letter-spacing:-.03125rem;line-height:1}}.h3,h3{font-size:2rem;font-weight:700;letter-spacing:.015625rem;line-height:1}@media only screen and (min-width:1024px){.h3,h3{font-size:3rem;font-weight:700;letter-spacing:0;line-height:1}}.h4,h4{font-size:1.5rem;font-weight:700;letter-spacing:0;line-height:1}@media only screen and (min-width:1024px){.h4,h4{font-size:2rem;font-weight:700;letter-spacing:.015625rem;line-height:1}}.h5,h5{font-size:1.25rem;font-weight:700;letter-spacing:.009375rem;line-height:1}@media only screen and (min-width:1024px){.h5,h5{font-size:1.5rem;font-weight:700;letter-spacing:0;line-height:1}}.h6,h6{font-size:1rem;font-weight:700;letter-spacing:.009375rem;line-height:1}@media only screen and (min-width:1024px){.h6,h6{font-size:1.25rem;font-weight:700;letter-spacing:.009375rem;line-height:1}}.p1{font-size:1.5rem;letter-spacing:.01875rem;line-height:1.5}.p2{font-size:1.25rem}.p2,p{letter-spacing:.0125rem;line-height:1.5}p{font-size:1rem}.p3,figcaption{font-size:.875rem;letter-spacing:.025rem;line-height:1.5}.p4,small{font-size:.75rem;letter-spacing:.0375rem;line-height:1.5}.supertitle{font-size:.875rem;font-weight:500;letter-spacing:.125rem;line-height:1.5;text-transform:uppercase}h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif}.font-paragraph{font-family:Nunito,sans-serif!important}.font-heading{font-family:Roboto,sans-serif!important}.font-mono{font-family:monospace!important}.text-thin{font-weight:100!important}.text-ultra-light{font-weight:200!important}.text-light{font-weight:300!important}.text-normal{font-weight:400!important}.text-bold{font-weight:700!important}.text-bolder{font-weight:bolder!important}.text-lighter{font-weight:lighter!important}.text-medium{font-weight:500!important}.text-semi-bold{font-weight:600!important}.text-ultra-bold{font-weight:800!important}.text-heavy{font-weight:900!important}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}@media only screen and (min-width:421px){.text-sm-left{text-align:left}.text-sm-right{text-align:right}.text-sm-center{text-align:center}}@media only screen and (min-width:768px){.text-md-left{text-align:left}.text-md-right{text-align:right}.text-md-center{text-align:center}}@media only screen and (min-width:1024px){.text-lg-left{text-align:left}.text-lg-right{text-align:right}.text-lg-center{text-align:center}}@media only screen and (min-width:1366px){.text-xl-left{text-align:left}.text-xl-right{text-align:right}.text-xl-center{text-align:center}}@media only screen and (min-width:1680px){.text-xxl-left{text-align:left}.text-xxl-right{text-align:right}.text-xxl-center{text-align:center}}.text-italic{font-style:italic}.text-underline{text-decoration:underline}.text-overline{text-decoration:overline}.text-line-through{text-decoration:line-through}.text-none{text-decoration:none}@media only screen and (min-width:421px){.text-sm-underline{text-decoration:underline}.text-sm-overline{text-decoration:overline}.text-sm-line-through{text-decoration:line-through}.text-sm-none{text-decoration:none}}@media only screen and (min-width:768px){.text-md-underline{text-decoration:underline}.text-md-overline{text-decoration:overline}.text-md-line-through{text-decoration:line-through}.text-md-none{text-decoration:none}}@media only screen and (min-width:1024px){.text-lg-underline{text-decoration:underline}.text-lg-overline{text-decoration:overline}.text-lg-line-through{text-decoration:line-through}.text-lg-none{text-decoration:none}}@media only screen and (min-width:1366px){.text-xl-underline{text-decoration:underline}.text-xl-overline{text-decoration:overline}.text-xl-line-through{text-decoration:line-through}.text-xl-none{text-decoration:none}}@media only screen and (min-width:1680px){.text-xxl-underline{text-decoration:underline}.text-xxl-overline{text-decoration:overline}.text-xxl-line-through{text-decoration:line-through}.text-xxl-none{text-decoration:none}}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-full-width{text-transform:full-width}@media only screen and (min-width:421px){.text-sm-uppercase{text-transform:uppercase}.text-sm-lowercase{text-transform:lowercase}.text-sm-capitalize{text-transform:capitalize}.text-sm-full-width{text-transform:full-width}}@media only screen and (min-width:768px){.text-md-uppercase{text-transform:uppercase}.text-md-lowercase{text-transform:lowercase}.text-md-capitalize{text-transform:capitalize}.text-md-full-width{text-transform:full-width}}@media only screen and (min-width:1024px){.text-lg-uppercase{text-transform:uppercase}.text-lg-lowercase{text-transform:lowercase}.text-lg-capitalize{text-transform:capitalize}.text-lg-full-width{text-transform:full-width}}@media only screen and (min-width:1366px){.text-xl-uppercase{text-transform:uppercase}.text-xl-lowercase{text-transform:lowercase}.text-xl-capitalize{text-transform:capitalize}.text-xl-full-width{text-transform:full-width}}@media only screen and (min-width:1680px){.text-xxl-uppercase{text-transform:uppercase}.text-xxl-lowercase{text-transform:lowercase}.text-xxl-capitalize{text-transform:capitalize}.text-xxl-full-width{text-transform:full-width}}h1{margin-bottom:.33em}h2{margin-bottom:.42em}h3{margin-bottom:.5em}h4{margin-bottom:.65em}h5{margin-bottom:.8em}h6{margin-bottom:1em}.text-nowrap{white-space:nowrap}*{box-sizing:border-box}.content-box{box-sizing:content-box}@media screen and (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}[hidden]{display:none!important}.smooth-touch{-webkit-overflow-scrolling:touch}.cover{height:100%;left:0;top:0;width:100%}.absolute-center,.self-center{transform:translate3d(-50%,-50%,0)}.self-center-vertical{transform:translateY(-50%)}.self-center-horizontal{transform:translateX(-50%)}.absolute-center{left:50%;position:absolute;top:50%}.bg-cover{background-size:cover}.bg-contain,.bg-cover{background-position:50%;background-repeat:no-repeat}.bg-contain{background-size:contain}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.hide-native-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-native-scrollbar::-webkit-scrollbar{display:none}.spacer{display:block;height:auto!important;visibility:hidden;width:100%!important}.events-none,.spacer{pointer-events:none}
 

package/example/dist/js/scripts.js

@@ -1,4 +1,4 @@
-/* poops v1.0.10 | https://github.com/stamat/poops | MIT License */
+/* poops v1.0.12 | https://github.com/stamat/poops | MIT License */
 "use strict";
 (() => {
   // example/src/js/scripts/utils.ts

package/example/dist/js/scripts.min.js

@@ -1,2 +1,2 @@
-/* poops v1.0.10 | https://github.com/stamat/poops | MIT License */
+/* poops v1.0.12 | https://github.com/stamat/poops | MIT License */
 "use strict";(()=>{var e;new class{constructor(e,t){this.name=e,this.age=t}greet(){console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`)}}("Stamat",(new Date).getFullYear()-1988).greet(),console.log((e="hello").charAt(0).toUpperCase()+e.slice(1)),console.log([1,2,3,4,5].reduce(((e,t)=>e+t),0));var t,a=new Date;console.log(`${(t=a).getFullYear()}-${`${t.getMonth()+1}`.padStart(2,"0")}-${`${t.getDate()}`.padStart(2,"0")}`)})();

package/example/src/markup/_layouts/layout.html

@@ -17,10 +17,12 @@
 <body>
   {% block content %} {% endblock %}
 
+  {% if livereload_port %}
   <script>document.write('<script src="http://'
     + (location.host || 'localhost').split(':')[0]
-    + ':35729/livereload.js?snipver=1"></'
+    + ':{{livereload_port}}/livereload.js?snipver=1"></'
     + 'script>')</script>
+  {% endif %}
 
   <script type="text/javascript">
     var poop = document.getElementById('poop');

package/index.html

@@ -17,7 +17,7 @@
 <body>
   
   <header class="mt-32 container text-center">
-  <h1><span id="poop"><img src="poop.png" alt="💩" width="160" height="160" class="d-block"></span><br>POOPS v1.0.10</h1>
+  <h1><span id="poop"><img src="poop.png" alt="💩" width="160" height="160" class="d-block"></span><br>POOPS v1.0.12</h1>
   <a href="https://www.npmjs.com/package/poops"><img src="https://img.shields.io/badge/npm-CB3837.svg?style=for-the-badge&logo=npm&logoColor=white" alt="npm"></a> <a href="https://github.com/stamat/poops"><img src="https://img.shields.io/badge/GitHub-181717.svg?style=for-the-badge&logo=GitHub&logoColor=white" alt="github"></a>
   <p class="p2">Straightforward, no-bullshit bundler for the web.</p>
 
@@ -71,10 +71,12 @@
   </div>
 
 
+  
   <script>document.write('<script src="http://'
     + (location.host || 'localhost').split(':')[0]
-    + ':35729/livereload.js?snipver=1"></'
+    + ':35730/livereload.js?snipver=1"></'
     + 'script>')</script>
+  
 
   <script type="text/javascript">
     var poop = document.getElementById('poop');

package/lib/markups.js

@@ -76,6 +76,10 @@ module.exports = class Markups {
       this.nunjucksEnv.addGlobal('site', this.config.markup.site)
     }
 
+    if (this.config.livereload_port) {
+      this.nunjucksEnv.addGlobal('livereload_port', this.config.livereload_port)
+    }
+
     this.loadDataFiles(this.config.markup.data)
 
     this.payload = {} // TODO: still not used. This is where we can store data from data files. Can be used to pass front matter data or even a way to pass data from files to templates

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "poops",
   "description": "Straightforward, no-bullshit bundler for the web.",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "license": "MIT",
   "main": "poops.js",
   "repository": "https://github.com/stamat/poops.git",
@@ -35,6 +35,7 @@
     "glob": "^10.3.1",
     "livereload": "^0.9.3",
     "nunjucks": "^3.2.4",
+    "portscanner": "^2.2.0",
     "postcss": "^8.4.24",
     "sass": "^1.63.4",
     "serve-static": "^1.15.0",
@@ -49,4 +50,4 @@
     "eslint-plugin-promise": "^6.1.1",
     "sulphuris": "^1.0.5"
   }
-}
+}

package/poops.js

@@ -11,6 +11,7 @@ const serveStatic = require('serve-static')
 const Scripts = require('./lib/scripts.js')
 const PrintStyle = require('./lib/utils/print-style.js')
 const Styles = require('./lib/styles.js')
+const portscanner = require('portscanner')
 
 const { pathExists } = helpers
 
@@ -19,17 +20,94 @@ const pkg = require('./package.json')
 const args = process.argv.slice(2)
 const pstyle = new PrintStyle()
 
+let build = false
 let defaultConfigPath = 'poops.json'
-if (args.length) defaultConfigPath = args[0]
+let overridePort = null
+let overrideLivereloadPort = null
+
+for (let i = 0; i < args.length; i++) {
+  const arg = args[i]
+  switch (arg) {
+    case '-b':
+    case '--build':
+      build = true
+      break
+    case '-c':
+    case '--config':
+      if (args.length === i + 1 || args[i + 1].startsWith('-')) {
+        console.log(`${pstyle.redBright + pstyle.bold}[error]${pstyle.reset} Missing config file path`)
+        process.exit(1)
+      }
+      defaultConfigPath = args[i + 1]
+      i++
+      break
+    case '-p':
+    case '--port':
+      if (args.length === i + 1 || args[i + 1].startsWith('-') || isNaN(args[i + 1])) {
+        console.log(`${pstyle.redBright + pstyle.bold}[error]${pstyle.reset} Missing port number`)
+        process.exit(1)
+      }
+      overridePort = args[i + 1]
+      i++
+      break
+    case '-l':
+    case '--livereload':
+      if (args.length === i + 1 || args[i + 1].startsWith('-') || isNaN(args[i + 1])) {
+        console.log(`${pstyle.redBright + pstyle.bold}[error]${pstyle.reset} Missing livereload port number`)
+        process.exit(1)
+      }
+      overrideLivereloadPort = args[i + 1]
+      i++
+      break
+    case '-v':
+    case '--version':
+      console.log(pkg.version)
+      process.exit(0)
+      break
+    case '-h':
+    case '--help':
+      console.log(`Usage: ${pkg.name} [config-file] [options]
+      -b, --build\t\tBuild the project and exit
+      -c, --config\t\tSpecify the config file
+      -h, --help\t\tShow this help message
+      -l, --livereload\t\tSpecify the port to use for the livereload server, overrides the config file
+      -p, --port\t\tSpecify the port to use for the server, overrides the config file
+      -v, --version\t\tShow version number`)
+      process.exit(0)
+      break
+    default:
+      if (arg.startsWith('-')) {
+        console.log(`Unknown option: ${arg}`)
+        process.exit(1)
+      } else {
+        defaultConfigPath = arg
+      }
+  }
+}
+
 let configPath = path.join(cwd, defaultConfigPath)
 if (!args.length && !pathExists(configPath)) configPath = path.join(cwd, '💩.json')
 
 // Main function 💩
 async function poops() {
+  let lport
+  if (config.livereload) {
+    lport = overrideLivereloadPort || config.livereload.port || 35729
+    if (!overrideLivereloadPort) lport = await getAvailablePort(lport, lport + 10)
+    config.livereload_port = lport
+  }
+
   const styles = new Styles(config)
   const scripts = new Scripts(config)
   const markups = new Markups(config)
 
+  if (build || (!config.watch && !config.livereload && !config.serve)) {
+    await styles.compile()
+    await scripts.compile()
+    await markups.compile()
+    process.exit(0)
+  }
+
   if (config.livereload) {
     const lrExcludes = ['.git', '.svn', '.hg']
 
@@ -47,7 +125,7 @@ async function poops() {
 
     const lrserver = livereload.createServer({
       exclusions: [...new Set(lrExcludes)],
-      port: config.livereload.port || 35729
+      port: lport
     })
     console.log(`${pstyle.blue + pstyle.bold}[info]${pstyle.reset} ${pstyle.dim}🔃 LiveReload server:${pstyle.reset} ${pstyle.italic + pstyle.underline}http://localhost:${lrserver.config.port}${pstyle.reset}`)
     lrserver.watch(cwd)
@@ -73,15 +151,12 @@ async function poops() {
       }
     })
   }
-
-  if (!config.watch && !config.livereload && !config.serve) {
-    process.exit(1)
-  }
 }
 
 // CLI Header
-console.log(`\n${pstyle.color('#8b4513')}💩 Poops — v${pkg.version}
-----------------${pstyle.reset + pstyle.bell}\n`)
+const title = `💩 Poops — v${pkg.version}`
+console.log(`\n${pstyle.color('#8b4513')}${title}
+${title.replace(/./g, '-')}${pstyle.reset + pstyle.bell}\n`)
 
 // Check if poops.json exists
 if (!pathExists(configPath)) {
@@ -105,8 +180,19 @@ if (config.includePaths) {
   config.includePaths = ['node_modules']
 }
 
-// Start the webserver
-if (config.serve) {
+async function getAvailablePort(port, max) {
+  while (port < max) {
+    const status = await portscanner.checkPortStatus(port, 'localhost')
+    if (status === 'closed') {
+      return port
+    } else {
+      port++
+    }
+  }
+  return port
+}
+
+async function startServer() {
   const app = connect()
 
   if (config.serve.base && pathExists(cwd, config.serve.base)) {
@@ -115,11 +201,18 @@ if (config.serve) {
     app.use(serveStatic(cwd))
   }
 
-  const port = config.serve.port ? parseInt(config.serve.port, 10) : 4040
-  http.createServer(app).listen(port, () => {
+  let port = overridePort || config.serve.port || 4040
+  if (!overridePort) port = await getAvailablePort(port, port + 10)
+
+  http.createServer(app).listen(parseInt(port), () => {
     console.log(`${pstyle.blue + pstyle.bold}[info]${pstyle.reset} ${pstyle.dim}🌍 Local server:${pstyle.reset} ${pstyle.italic + pstyle.underline}http://localhost:${port}${pstyle.reset}`)
     poops()
   })
+}
+
+// Start the webserver
+if (!build && config.serve) {
+  startServer()
 } else {
   poops()
 }

package/script/build

@@ -0,0 +1,3 @@
+#!/bin/bash
+
+./poops.js -b

package/script/publish

@@ -0,0 +1,111 @@
+#!/usr/bin/env node
+
+/**
+ * This script is used to publish a new version of the package.
+ * It can automatically increment the patch version if no version is specified in the package.json and commit the changes.
+ * It can also automatically tag and push the tags.
+ * Using GH CLI, it can also create a release.
+ *
+ * Fucking awesome, right?
+ *
+ * With love, @stamat
+ */
+const readline = require('readline')
+const { execSync } = require('child_process')
+const fs = require('fs')
+const path = require('path')
+let version = process.argv[2]
+
+const packageJson = require(path.join(process.cwd(), './package.json'))
+
+if (!packageJson.version) {
+  console.log('No version found in package.json')
+  process.exit(1)
+}
+
+const rl = readline.createInterface({
+  input: process.stdin,
+  output: process.stdout
+})
+
+if (version && !isValidVersion(version)) {
+  console.log('Invalid version: ', version)
+  console.log('Current version: ', packageJson.version)
+  process.exit(1)
+}
+
+if (version && packageJson.version === version) {
+  console.log('Version is already ', version)
+  process.exit(1)
+}
+
+if (!version) {
+  console.log('Current version: ', packageJson.version)
+  version = incrementPatchVersion(packageJson.version)
+  rl.question(`Do you want to increment the version to ${version}? (y/n) `, (answer) => {
+    if (answer === 'y') {
+      publish(version)
+    } else {
+      console.log('Aborted')
+      process.exit(0)
+    }
+    rl.close()
+  })
+} else {
+  publish(version)
+}
+
+function isValidVersion(version) {
+  return /^(\d+)\.(\d+)\.(\d+)(?:-([\w-]+(?:\.[\w-]+)*))?(?:\+([\w-]+(?:\.[\w-]+)*))?$/.test(version)
+}
+
+function incrementPatchVersion(version) {
+  const parts = version.split('.')
+  const patch = parseInt(parts[2]) + 1
+  return `${parts[0]}.${parts[1]}.${patch}`
+}
+
+function run(cmd, exitOnError = true) {
+  console.log(cmd)
+  try {
+    const out = execSync(cmd)
+    console.log(out.toString())
+  } catch (e) {
+    if (exitOnError) process.exit(1)
+  }
+}
+
+function publish(version) {
+  packageJson.version = version
+  fs.writeFileSync('package.json', JSON.stringify(packageJson, null, 2))
+
+  run('git add package.json')
+  run(`git commit -m "Bump version to ${version}"`)
+
+  if (fs.existsSync(path.join(process.cwd(), 'script/build'))) {
+    run('script/build')
+    execSync('git add .')
+    execSync(`git commit -m "Build version ${version}"`)
+  }
+
+  run(`git tag v${version}`)
+  run('git push')
+  run('git push --tags')
+
+  rl.question('Do you want to create a release on GitHub? (y/n) ', (answer) => {
+    if (answer === 'y') {
+      let notesArg = '--generate-notes'
+      rl.question('Enter notes for the release (optional): ', (notes) => {
+        if (notes.trim() !== '') {
+          notesArg = `--notes "${notes}"`
+        }
+        run(`gh release create v${version} --title "v${version}" ${notesArg} --latest`)
+        run('npm publish', true)
+        rl.close()
+      })
+    } else {
+      run('npm publish')
+      rl.close()
+    }
+  })
+}

package/script/server

@@ -0,0 +1,3 @@
+#!/bin/bash
+
+./poops.js "$@"