NUE Server loop

[Axellarator]

None of my node server were running, An ES module error came in the way. Simple solution: rename your JS scripts. The new ending is .cjs as in CommonJS. Start a terminal in your create-nue directory, start node nue-server.cjs

• Static file server running at
• => http://localhost:8080
• CTRL + C to shutdown

Modify your package.json and add

  "scripts": {
    "nueserve": "npm run minify && npm run render && npm run compile",

The continuous loop as of today

#!/usr/bin/bash

# include the node start or keep it seperate
node nue-server.cjs & 

while true; do inotifywait -e modify ./src/ ./www/css/ ./www/img/ && npm run nueserve; done

Still required <meta http-equiv="refresh" content="5"> in layout.nue. Go down to 1 second if you like it faster.

// nue-server.cjs
// Node server mostly based on https://wiki.selfhtml.org/wiki/Node.js/Webserver
// Require some of the native stuff that comes with Node

var http = require('http');
var url = require('url');
var path = require('path');
var fs = require('fs');

var port = 8080;							// Port number to use

// var WHITE = '\033[39m';						// Colors for CLI output as in debug
// var RED = '\033[91m';
// var GREEN = '\033[32m';

http.createServer(function (request, response) {	// Create the server
  var uri = url.parse(request.url).pathname;		// The requested URL, like http://localhost:8080/www/index.html => /www/index.html
  var filename = path.join(process.cwd() + '/www/', uri);		//  + '/index.html' get the /www/index.html from above and then find it from the current folder
  var contentTypesByExtension = {				// Setting up MIME-Type (YOU MAY NEED TO ADD MORE HERE) <--------
      '.html': 'text/html',
      '.css':  'text/css',
      '.js':   'text/javascript',
      '.cjs':   'text/javascript',
      '.json': 'text/json',
      '.svg':  'image/svg+xml'
  };
  
  fs.exists(filename, function (exists) {				// Check if the requested file exists
      if (!exists) {	
// console.log(RED + 'FAIL: ' + filename);			// If it doesn't output a red error pointing to failed request
	filename = path.join(process.cwd(), '/404.html');	// Redirect the browser to the 404 page
      } else if (fs.statSync(filename).isDirectory()) {		//  If the requested URL is a folder, like http://localhost:8080/www
// console.log(GREEN + 'FLDR: ' + WHITE + filename);// Output a green line to the console explaining what folder was requested
	  filename += '/index.html';					// redirect the user to the index.html in the requested folder
      }
    fs.readFile(filename, 'binary', function (err, file) {	// Assuming the file exists, read it
//      console.log(GREEN + 'FILE: ' + WHITE + filename);	// Output a green line to console explaining the file that will be loaded in the browser
      if (err) {							// If there was an error trying to read the file
	  response.writeHead(500, {'Content-Type': 'text/plain'});// Put the error in the browser
	  response.write(err + '\n');
	  response.end();
	  return;
      }
      var headers = {};							// Otherwise, declare a headers object and a var for the MIME-Type
      var contentType = contentTypesByExtension[path.extname(filename)];
      if (contentType) {	   					// If the requested file has a matching MIME-Type
	  headers['Content-Type'] = contentType;	// Set it in the headers
      }
      response.writeHead(200, headers);	   		// Output the read file to the browser for it to load
      response.write(file, 'binary');
      response.end();
  });
  });
  }).listen(parseInt(port, 10));

// Terminal messages
console.log(WHITE + 'Static file server running at\n  => http://localhost:' + port + '/\nCTRL + C to shutdown');

[tipiirai]

Do you have "type": "module" set on your package.json file? After that plain .js files should work.

[Axellarator]

Yes, module is included, see below. But the tiny server does not need package.json. Problem is, that Node is now more or less ES6 compliant. The workaround is to rename a script with .cjs. /script/server.js is ES6 compliant and you use i.e.: import http from 'node:http' and not var http = require('http'). My solution is quick and dirty and works the next days. I am looking for solutions, that JS checks changes in files and directories and acts appropriate, to integrate it in /scripts/server.js.

{
  "name": "nue-server",
  "type": "module",
  "version": "0.0.0",
  "homepage": "https://github.com/nuejs/create-nue",
  "description": "A recommended way to start a Nue project",
  "repository": {
    "url": "git+https://github.com/nuejs/create-nue.git",
    "type": "git"
  },
  "bin": {
    "create-nue": "scripts/init.js"
  },
  "scripts": {
    "nueserve": "npm run minify && npm run render && npm run compile",
    "apache": "npm run minify && npm run render && npm run compile && ./cp-www.sh",
    "start": "npm run minify && npm run render && npm run compile && ./cp-www.sh && npm run serve",
    "serve": "cd www && ../scripts/server.js",
    "compile": "./scripts/compile.js",
    "minify": "./scripts/minify.js",
    "render": "./scripts/render.js"
  },
  "dependencies": {
    "type": "module",
    "bun": "^1.0.2",
    "bun-types": "latest",
    "chokidar": "^3.5.3",
    "express": "^4.18.2",
    "js-yaml": "^4.1.0",
    "minify": "^10.5.2",
    "nuejs-core": "^0.1.0"
  },
  "peerDependencies": {
    "typescript": "^5.0.0"
  },
  "bugs": {
    "url": "https://github.com/nuejs/create-nue/issues"
  },
  "main": "nue-server.js",
  "devDependencies": {},
  "author": "",
  "license": "ISC"
}

[tipiirai]

Relates to the old version. Closing.