npm

qsrv

0.2.8 • Public • Published

qsrv

Quick web development server with live reloading and zero runtime dependencies.

Please note that the qsrv web server is intended for rapid and iterative development -- not for deployment! Deploy using your favorite static web server and good DevSecOps practices.

See SPMDA for specific use of qsrv with web components and rapid idea sketching on the web.

Quick start

> ls
index.html
docs/

> npx qsrv

Quick Dev Server

  root: .
  fallback: index.html

  http://127.0.0.1:8080/
  http://10.0.0.5:8080/

[QSRV change detected]
[QSRV change detected]

Web API

Use live reloading on non-fallback pages by referencing the livereload script

<!DOCTYPE html>
...
<script src='/livereload.js'></script>
  • /livereload -- Server Sent Event endpoint for live reload change notifications
  • /livereload.js -- qsrv page reload script; this code is injected dynamically into fallback html.
window.addEventListener('qsrv', evt => {
  console.log('qsrv', evt.detail)
})

window.addEventListener('qsrv-lsdir', evt => {
  console.log('qsrv-lsdir', evt.detail)

  // prevent page reloading default action
  evt.preventDefault()
})

window.addEventListener('qsrv-watch', evt => {
  console.log('qsrv-watch', evt.detail)
})

Node API

See API example

import qsrv_sevrer from 'qsrv'

qsrv_sevrer({
    root: '.',
    fallback: 'index.html',
    port: 0,
    listen_addr: '0.0.0.0',
    reload: true || [/*paths to watch*/],
    lsdir: lsdir_examples(),

    credentials: { key: TLS_KEY, cert: TLS_CERT },
  })
.then(qsrv => {
  qsrv.log_changed()
  console.log()
  console.log(`Quick Dev Server`)
  console.log( qsrv.banner() )
})


function lsdir_examples() {
  return [
    // simple path watch
    './docs',

    // or detailed
    {
      // root: directory to watch for changes
      root: './other-docs',

      // file: output json file path to write to
      file: './list-other.json',

      // accept: filter function based on file name
      accept: fname => fname.endsWith('.md'),

      // on_refresh: change refresh; results are written as JSON to 'file'
      on_refresh(ls_entries) {
        console.log('Other Docs Update:', ls_entries)
        return ls_entries
      },
    },
  ]
}

Dependencies (0)

    Dev Dependencies (7)

    Package Sidebar

    Install

    npm i qsrv

    Weekly Downloads

    2

    Version

    0.2.8

    License

    BSD-2-Clause

    Unpacked Size

    340 kB

    Total Files

    32

    Last publish

    Collaborators

    • shanewholloway