Moved from CJS to ESM + small improvements like logging

package.json

@@ -31,8 +31,12 @@
     "build": "tsc",
     "republish": "yarn build && cp package.json dist/package.json && cd dist && npm unpublish --registry https://npm.pkg.bridgemanaccessible.ca --force @BridgemanAccessible/ba-web-framework@1.0.0 && npm publish --registry https://npm.pkg.bridgemanaccessible.ca && cd ../"
   },
+  "bin": {
+    "create-ba-web-app": "node ./bin/create-project.js"
+  },
   "dependencies": {
-    "@BridgemanAccessible/ba-auth": "^1.0.0",
+    "@BridgemanAccessible/ba-auth": "^1.0.10",
+    "@BridgemanAccessible/ba-logging": "^1.0.1",
     "express": "^4.19.2",
     "fs-extra": "^11.2.0",
     "jsdom": "^24.1.0",

src/App.ts

@@ -1,7 +1,9 @@
 import 'reflect-metadata';
 import { Application } from 'express';
 
-import { Initializer } from './Initializer';
+import { logMessage, LogLevel } from '@BridgemanAccessible/ba-logging';
+
+import { Initializer } from './Initializer.js';
 
 /**
  * The top level container for running the web app
@@ -42,7 +44,7 @@ export class App {
         // Start the server
         const port = process.env.PORT || this.DEFAULT_PORT;
         this.getExpressApp().listen(port, async () => { 
-            console.log(`Server is running on port ${port}`);
+            logMessage(`Server is running on port ${port}`, LogLevel.DEBUG);
             
             // Run the callback if one is provided
             if(typeof callback !== 'undefined') {
@@ -50,7 +52,7 @@ export class App {
             }
         })
             .on('error', async (error) => {
-                console.error('Error starting server:', error);
+                logMessage(`Error starting server: ${error}`, LogLevel.ERROR);
 
                 if(typeof onErrorCallback !== 'undefined') {
                     await onErrorCallback(error);

src/Initializer.ts

@@ -1,8 +1,8 @@
 import express, { Application, RequestHandler } from 'express';
 
-import { Router } from './Router';
-import { StaticFileResolver } from './StaticFileResolver';
-import { Renderer } from './Renderer';
+import { Router } from './Router.js';
+import { StaticFileResolver } from './StaticFileResolver.js';
+import { Renderer } from './Renderer.js';
 
 /**
  * Object to encapsulate the setup of the app

src/OAuthApp.ts

@@ -1,11 +1,12 @@
 import { Application } from 'express';
 import { Scopes } from '@BridgemanAccessible/ba-auth';
 import Client, { OnAuthCallback } from '@BridgemanAccessible/ba-auth/client';
+import { logMessage, LogLevel } from '@BridgemanAccessible/ba-logging';
 
-import { App } from './App';
-import { Initializer } from './Initializer';
+import { App } from './App.js';
+import { Initializer } from './Initializer.js';
 
-import { getValueFromEnvironmentVariable } from './utils/env-vars';
+import { getValueFromEnvironmentVariable } from './utils/env-vars.js';
 
 type OAuthAppOptions = {
     /** The base URL of the app */
@@ -140,12 +141,22 @@ export class OAuthApp extends App {
             appAbbrv = getValueFromEnvironmentVariable('APP_ABBRV', { description: 'app abbreviation', blank_allowed: false });
         }
 
-        console.log(`Attempting to create/register the app:\n\tApp Base URL: ${baseAppUrl}\n\tApp Abbreviation: ${appAbbrv}\n\tApp Name: ${typeof this.appName === 'undefined' ? 'uses APP_NAME environment variable (' + process.env.APP_NAME + ')' : this.appName}\n\tScopes: ${typeof this.scopes === 'undefined' ? 'uses SCOPES environment variable (' + process.env.SCOPES + ')' : this.scopes.join(', ')}`);
+        logMessage(`Attempting to create/register the app:\n\tApp Base URL: ${baseAppUrl}\n\tApp Abbreviation: ${appAbbrv}\n\tApp Name: ${typeof this.appName === 'undefined' ? 'uses APP_NAME environment variable (' + process.env.APP_NAME + ')' : this.appName}\n\tScopes: ${typeof this.scopes === 'undefined' ? 'uses SCOPES environment variable (' + process.env.SCOPES + ')' : this.scopes.join(', ')}`, LogLevel.DEBUG);
 
         // Because we need this for registration to work properly. It make sense to put it here
-        app.getInitializer().getRouter().addOutsideFrameworkRoute('/.well-known/jwks.json');
+        app.getInitializer()
+            .getRouter()
+            .addOutsideFrameworkRoute('/.well-known/jwks.json');
 
-        const client = await Client.setup(app.getExpressApp(), baseAppUrl, this.onAuth, this.saveSecret, appAbbrv, this.appName, this.scopes, {
+        const client = await Client.setup(
+            app.getExpressApp(), 
+            baseAppUrl, 
+            this.onAuth, 
+            this.saveSecret, 
+            appAbbrv, 
+            this.appName, 
+            this.scopes, 
+            {
                 contacts: this.contacts,
                 logo_url: this.logo_url,
                 tos_url: this.tos_url,
@@ -155,10 +166,11 @@ export class OAuthApp extends App {
                 auth_default_use_JWT: this.auth_default_use_JWT,
                 auth_default_response_mode: this.auth_default_response_mode,
                 client_secret: this.client_secret
-        });
+            }
+        );
 
         client.getSetupRoutes().forEach((route) => {
-            console.log(`Adding outside framework route: ${route}`);
+            logMessage(`Adding outside framework route: ${route}`, LogLevel.DEBUG);
             app.getInitializer().getRouter().addOutsideFrameworkRoute(route);
         });
     }
@@ -184,9 +196,9 @@ export class OAuthApp extends App {
             }
         }
         catch(err) {
-            console.error('Error setting up the BA User Auth');
-            console.error('---------------------------------');
-            console.error(err);
+            logMessage('Error setting up the BA User Auth', LogLevel.ERROR);
+            logMessage('---------------------------------', LogLevel.ERROR);
+            logMessage(JSON.stringify(err), LogLevel.ERROR);
         }
     }
 

src/Renderer.ts

@@ -2,7 +2,7 @@ import { existsSync, statSync } from 'fs';
 import path from 'path';
 import { Application } from 'express';
 
-import { BaseTemplateInputs, BaseTemplateCreator } from './BaseTemplateCreator';
+import { BaseTemplateInputs, BaseTemplateCreator } from './BaseTemplateCreator.js';
 
 export class Renderer {
     /** The default folder name for the views */

src/Router.ts

@@ -2,8 +2,10 @@ import path from 'path';
 import { Application } from 'express';
 import fse from 'fs-extra';
 
-import { BaseController } from './controllers/BaseController';
-import { ErrorController } from './controllers/ErrorController';
+import { logMessage, LogLevel } from '@BridgemanAccessible/ba-logging';
+
+import { BaseController } from './controllers/BaseController.js';
+import { ErrorController } from './controllers/ErrorController.js';
 
 /**
  * The Router sets up the routes/endpoints for the App.
@@ -87,7 +89,7 @@ export class Router {
         // Load the file as a module
         const controllerModule = require(controllerPath);
 
-        console.log(`${controllerPath} loaded successfully: ${JSON.stringify(Object.keys(controllerModule))} exports found.`)
+        logMessage(`${controllerPath} loaded successfully: ${JSON.stringify(Object.keys(controllerModule))} exports found.`, LogLevel.DEBUG);
 
         // Get all the classes in the module
         const classes = Object.keys(controllerModule)
@@ -152,7 +154,7 @@ export class Router {
      */
     private getRoutesInController(controller: any) {
         if (typeof controller === 'undefined') {
-            console.error(`Something went wrong while processing ${JSON.stringify(controller)}`);
+            logMessage(`Something went wrong while processing ${JSON.stringify(controller)}`, LogLevel.ERROR);
             throw new Error('The controller must be a class');
         }
         
@@ -239,7 +241,7 @@ export class Router {
                 routes = this.getRoutesInController(controller);
             }
             catch (e) {
-                console.error(`Something went wrong while processing ${JSON.stringify(controller)} (${JSON.stringify(decoratedController)})`);
+                logMessage(`Something went wrong while processing ${JSON.stringify(controller)} (${JSON.stringify(decoratedController)})`, LogLevel.ERROR);
             }
             
             routes.GET.forEach((path) => {
@@ -315,8 +317,8 @@ export class Router {
         // Add the routes for the top level controllers to the list of added routes and call the setup method
         addedRoutes = addedRoutes.concat((await Promise.all(topLevelControllers.map(async (decoratedController) => await this.processControllerRoutes(app, decoratedController)))).flat());
         
-        console.log('Routes added:');
-        addedRoutes.forEach(route => console.log('\t' + route));
+        logMessage('Routes added:', LogLevel.DEBUG);
+        addedRoutes.forEach(route => logMessage('\t' + route, LogLevel.DEBUG));
         
         // Adding a GET handler/middleware to handle 404 errors
         // This is done by adding this as the last path (after all other routes)
@@ -340,7 +342,7 @@ export class Router {
         let handledErrors: string[] = [];
         loadedErrorControllers.forEach(errorController => {
             if (typeof errorController.handle === 'undefined') {
-                console.error(`Something went wrong while processing ${JSON.stringify(Object.entries(errorController))}`);
+                logMessage(`Something went wrong while processing ${JSON.stringify(Object.entries(errorController))}`, LogLevel.ERROR);
                 return;
             }
 
@@ -348,8 +350,8 @@ export class Router {
             handledErrors.push(errorController.handlesError ?? '');
         });
 
-        console.log('Error controllers added:');
-        handledErrors.forEach(error => console.log('\t' + error));
+        logMessage('Error controllers added:', LogLevel.DEBUG);
+        handledErrors.forEach(errorControllers => logMessage('\t' + errorControllers, LogLevel.DEBUG));
     }
 
     /**
@@ -358,7 +360,7 @@ export class Router {
      * @param app The Express app to add the routes to
      */
     async setup(app: Application) {
-        console.log('Setting up routes...')
+        logMessage('Setting up routes...', LogLevel.DEBUG);
 
         await this.setupControllers(app);
     }

src/controllers/ErrorController.ts

@@ -4,6 +4,5 @@ export abstract class ErrorController {
     /** A human readable string to describe the error this controller handles. */
     public handlesError?: string;
     
-    
     abstract handle(error: unknown, req: Request, res: Response, next: NextFunction): any | Promise<any>;
 }

src/controllers/index.ts

@@ -1,4 +1,4 @@
-import { BaseController } from './BaseController';
-import { ErrorController } from './ErrorController';
+import { BaseController } from './BaseController.js';
+import { ErrorController } from './ErrorController.js';
 
 export { BaseController, ErrorController };

src/decorators/ChildController.ts

@@ -1,4 +1,4 @@
-import { BaseController } from '../controllers/BaseController';
+import { BaseController } from '../controllers/BaseController.js';
 
 export const CHILD_CONTROLLER_METADATA_KEY = 'ChildController';
 

src/decorators/Controller.ts

@@ -1,12 +1,12 @@
 import { Application, Request, Response, NextFunction } from 'express';
 
-import { BaseController } from '../controllers/BaseController';
+import { BaseController } from '../controllers/BaseController.js';
 
-import { CHILD_CONTROLLER_METADATA_KEY } from './ChildController';
-import { GET_METADATA_KEY } from './GET';
-import { POST_METADATA_KEY } from './POST';
-import { PUT_METADATA_KEY } from './PUT';
-import { DELETE_METADATA_KEY } from './DELETE';
+import { CHILD_CONTROLLER_METADATA_KEY } from './ChildController.js';
+import { GET_METADATA_KEY } from './GET.js';
+import { POST_METADATA_KEY } from './POST.js';
+import { PUT_METADATA_KEY } from './PUT.js';
+import { DELETE_METADATA_KEY } from './DELETE.js';
 
 /**
  * Class decorator to "fill in" the setup method which is called on server startup and connects the methods/functions and their desired paths in the express app.

src/decorators/ErrorHandler.ts

@@ -1,6 +1,6 @@
 import { Request, Response, NextFunction } from 'express';
 
-import { ErrorController } from '../controllers/ErrorController';
+import { ErrorController } from '../controllers/ErrorController.js';
 
 /**
  * Class decorator to create custom error handling for the app.

src/decorators/index.ts

@@ -1,11 +1,11 @@
-import { Controller } from './Controller';
-import { ChildController } from './ChildController';
-import { Page } from './Page';
-import { GET } from './GET';
-import { POST } from './POST';
-import { PUT } from './PUT';
-import { DELETE } from './DELETE';
-import { ErrorHandler } from './ErrorHandler';
+import { Controller } from './Controller.js';
+import { ChildController } from './ChildController.js';
+import { Page } from './Page.js';
+import { GET } from './GET.js';
+import { POST } from './POST.js';
+import { PUT } from './PUT.js';
+import { DELETE } from './DELETE.js';
+import { ErrorHandler } from './ErrorHandler.js';
 
 export { 
     Controller, 

src/index.ts

@@ -1,9 +1,9 @@
-import { App } from './App';
-import { Initializer } from './Initializer';
-import { Router } from './Router';
-import { Renderer } from './Renderer';
-import { StaticFileResolver } from './StaticFileResolver';
-import { OAuthApp } from './OAuthApp';
+import { App } from './App.js';
+import { Initializer } from './Initializer.js';
+import { Router } from './Router.js';
+import { Renderer } from './Renderer.js';
+import { StaticFileResolver } from './StaticFileResolver.js';
+import { OAuthApp } from './OAuthApp.js';
 
 export {
     App,

src/middlewares/index.ts

@@ -1,5 +1,5 @@
-import { globalTemplateValues } from './GlobalTemplateValuesMiddleware';
-import { HealthCheckStatus, HealthCheckMiddleware, healthCheckMiddleware } from './HealthCheckMiddleware';
+import { globalTemplateValues } from './GlobalTemplateValuesMiddleware.js';
+import { HealthCheckStatus, HealthCheckMiddleware, healthCheckMiddleware } from './HealthCheckMiddleware.js';
 
 export { 
     globalTemplateValues, 

tsconfig.json

@@ -25,10 +25,10 @@
     // "moduleDetection": "auto",                        /* Control what method is used to detect module-format JS files. */
 
     /* Modules */
-    "module": "CommonJS",                                /* Specify what module code is generated. */
+    "module": "nodenext",                                /* Specify what module code is generated. */
     "rootDir": "src",                                    /* Specify the root folder within your source files. */
-    "moduleResolution": "node",                          /* Specify how TypeScript looks up a file from a given module specifier. */
-    "baseUrl": ".",                                      /* Specify the base directory to resolve non-relative module names. */
+    "moduleResolution": "nodenext",                          /* Specify how TypeScript looks up a file from a given module specifier. */
+    // "baseUrl": "",                                      /* Specify the base directory to resolve non-relative module names. */
     // "paths": {},                                      /* Specify a set of entries that re-map imports to additional lookup locations. */
     // "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
     // "typeRoots": [],                                  /* Specify multiple folders that act like './node_modules/@types'. */