Restructure Typescript project

Configure TS compile options
Update dependencies
Update Blazor to 0.5.1
Move JS initialization from global to extension specific namespace

Author: attilah

.gitignore

@@ -24,6 +24,7 @@ bld/
 [Bb]in/
 [Oo]bj/
 [Ll]og/
+dist/
 
 # Visual Studio 2015 cache/options directory
 .vs/

src/Blazor.Extensions.Logging.JS/Blazor.Extensions.Logging.JS.csproj

@@ -17,7 +17,7 @@
 
   <ItemGroup>
     <PackageReference Include="Microsoft.Extensions.FileProviders.Embedded" Version="2.1.1" />
-    <PackageReference Include="Microsoft.AspNetCore.Blazor.Build" Version="0.5.0" />
+    <PackageReference Include="Microsoft.AspNetCore.Blazor.Build" Version="0.5.1" />
     <WebpackInputs Include="**\*.ts" Exclude="dist\**;node_modules\**" />
   </ItemGroup>
 

src/Blazor.Extensions.Logging.JS/package-lock.json

@@ -9,9 +9,9 @@
   },
   "devDependencies": {
     "@types/emscripten": "0.0.31",
-    "webpack": "^4.16.0",
-    "webpack-cli": "^3.0.8",
+    "ts-loader": "^4.4.2",
     "typescript": "^2.9.2",
-    "ts-loader": "^4.4.2"
+    "webpack": "^4.16.3",
+    "webpack-cli": "^3.1.0"
   }
 }

src/Blazor.Extensions.Logging.JS/package.json

@@ -0,0 +1,39 @@
+import { LogObject, LogObjectType, LogLevel } from './LogObject';
+
+interface IBrowserConsoleLogger {
+  Log(logObjectValue: string): void;
+}
+
+export class BrowserConsoleLogger implements IBrowserConsoleLogger {
+  Log(logObjectValue: string): void {
+    const logObject: LogObject = JSON.parse(logObjectValue);
+    let logMethod: Function = console.log;
+
+    // if we've a table, we'll print it as a table anyway, it is unlikely that the developer want to log errornous data as a table.
+    if (logObject.type === LogObjectType.Table) {
+      logMethod = console.table;
+    } else {
+      switch (logObject.logLevel) {
+        case LogLevel.Trace:
+          logMethod = console.trace;
+          break;
+        case LogLevel.Debug:
+          logMethod = console.debug;
+          break;
+        case LogLevel.Warning:
+          logMethod = console.warn;
+          break;
+        case LogLevel.Error:
+        case LogLevel.Critical:
+          logMethod = console.error;
+          break;
+      }
+    }
+
+    logMethod(logObject.payload);
+
+    if (logObject.exception) {
+      logMethod("Exception: ", logObject.exception);
+    }
+  }
+}

src/Blazor.Extensions.Logging.JS/src/BrowserConsoleLogger.ts

@@ -0,0 +1,28 @@
+import { BrowserConsoleLogger } from './BrowserConsoleLogger';
+
+namespace Logging {
+  const blazorExtensions: string = 'BlazorExtensions';
+  // define what this extension adds to the window object inside BlazorExtensions
+  const extensionObject = {
+    Logging: {
+      BrowserConsoleLogger: new BrowserConsoleLogger()
+    }
+  };
+
+  export function initialize(): void {
+    if (typeof window !== 'undefined' && !window[blazorExtensions]) {
+      // when the library is loaded in a browser via a <script> element, make the
+      // following APIs available in global scope for invocation from JS
+      window[blazorExtensions] = {
+        ...extensionObject
+      };
+    } else {
+      window[blazorExtensions] = {
+        ...window[blazorExtensions],
+        ...extensionObject
+      };
+    }
+  }
+}
+
+Logging.initialize();

src/Blazor.Extensions.Logging.JS/src/Initialize.ts

@@ -5,7 +5,7 @@ export type LogObject = {
   exception: string;
 }
 
-// Enum coming from Microsoft.Extensions.Logging
+// enum coming from Microsoft.Extensions.Logging
 export enum LogLevel {
   Trace = 0,
   Debug = 1,

src/Blazor.Extensions.Logging.JS/src/InitializeLogging.ts

@@ -2,11 +2,14 @@
   "compilerOptions": {
     "noImplicitAny": false,
     "noEmitOnError": true,
-    "removeComments": false,
+    "removeComments": true,
     "sourceMap": true,
-    "target": "es5",
-    "lib": ["es2015", "dom"],
-    "strict": true
+    "target": "es6",
+    "module": "commonjs",
+    "lib": ["es2016", "dom"],
+    "strict": true,
+    "alwaysStrict": true,
+    "preserveConstEnums": true
   },
   "exclude": [
     "node_modules"

src/Blazor.Extensions.Logging.JS/src/LogObject.ts

@@ -0,0 +1,16 @@
+{
+  "tabSize": 2,
+  "indentSize": 2,
+  "convertTabsToSpaces": true,
+  "insertSpaceAfterCommaDelimiter": true,
+  "insertSpaceAfterSemicolonInForStatements": true,
+  "insertSpaceBeforeAndAfterBinaryOperators": true,
+  "insertSpaceAfterKeywordsInControlFlowStatements": true,
+  "insertSpaceAfterFunctionKeywordForAnonymousFunctions": true,
+  "insertSpaceAfterOpeningAndBeforeClosingNonemptyParenthesis": false,
+  "insertSpaceAfterOpeningAndBeforeClosingNonemptyBrackets": false,
+  "insertSpaceAfterOpeningAndBeforeClosingTemplateStringBraces": false,
+  "insertSpaceBeforeFunctionParenthesis": false,
+  "placeOpenBraceOnNewLineForFunctions": false,
+  "placeOpenBraceOnNewLineForControlBlocks": false
+}