chore: migrate to npm and improve the setup around front-end dependencies (#3)

- Migrate to npm for front-end dependencies.
- Remove `Scripts/` folder.
- Update `engines` fields in `package.json` (Node.js v16, npm v8) and generate lockfile with new versions.
- Add `switch-to-lts-packages` npm script to easily switch to LTS packages.
- Update `README.md`.

Author: Jarosław Żołnowski

.npmrc

@@ -0,0 +1,2 @@
+@xlts.dev:registry=https://registry.xlts.dev/
+//registry.xlts.dev/:always-auth=true

.nvmrc

@@ -0,0 +1 @@
+16

App_Start/BundleConfig.cs

@@ -10,8 +10,8 @@ public static void RegisterBundles(BundleCollection bundles)
   {
     // Bundle JavaScript files.
     bundles.Add(new ScriptBundle("~/bundles/scripts")
-      .Include("~/Scripts/jquery-{version}.js")
-      .Include("~/Scripts/angular.min.js")
+      .Include("~/node_modules/jquery/dist/jquery.min.js")
+      .Include("~/node_modules/angular/angular.min.js")
       .IncludeDirectory("~/WebApp", "*.js", false)
       .IncludeDirectory("~/WebApp/Components", "*.js", true)
       .IncludeDirectory("~/WebApp/Directives", "*.js", true));

Properties/AssemblyInfo.cs

@@ -2,7 +2,7 @@
 using System.Runtime.CompilerServices;
 using System.Runtime.InteropServices;
 
-// General Information about an assembly is controlled through the following 
+// General Information about an assembly is controlled through the following
 // set of attributes. Change these attribute values to modify the information
 // associated with an assembly.
 [assembly: AssemblyTitle("asp_net_angularjs")]
@@ -14,22 +14,19 @@
 [assembly: AssemblyTrademark("")]
 [assembly: AssemblyCulture("")]
 
-// Setting ComVisible to false makes the types in this assembly not visible 
-// to COM components.  If you need to access a type in this assembly from 
+// Setting ComVisible to false makes the types in this assembly not visible
+// to COM components.  If you need to access a type in this assembly from
 // COM, set the ComVisible attribute to true on that type.
 [assembly: ComVisible(false)]
 
 // The following GUID is for the ID of the typelib if this project is exposed to COM
 [assembly: Guid("43046e18-f0d2-4443-98d5-4650bdcb3a8b")]
 
 // Version information for an assembly consists of the following four values:
-//
-//      Major Version
-//      Minor Version 
-//      Build Number
-//      Revision
-//
-// You can specify all the values or you can default the Revision and Build Numbers 
-// by using the '*' as shown below:
+// Major Version
+// Minor Version
+// Build Number
+// Revision
+
 [assembly: AssemblyVersion("1.0.0.0")]
 [assembly: AssemblyFileVersion("1.0.0.0")]

README.md

@@ -1,10 +1,10 @@
 # AngularJS with .NET Framework
-A project using AngularJS, .NET Framework 4.8, and ASP.NET MVC 5.
+A demo project using AngularJS, .NET Framework 4.8, and ASP.NET MVC 5.
 
 ## Features
 
-- AngularJS 1.8.2 LTS - installed using NuGet
-- jQuery 3.6.0 - installed using NuGet
+- XLTS for AngularJS - installed using npm
+- jQuery 3.6.3 - installed using npm
 - .NET Framework 4.8
 - ASP.NET MVC 5
 - Bundling using [Microsoft.AspNet.Web.Optimization](https://docs.microsoft.com/en-us/aspnet/mvc/overview/performance/bundling-and-minification)
@@ -18,8 +18,17 @@ Older versions of Visual Studio may work but have not been tested.
 as part of the Visual Studio 2022 installation as well.
 
 ## Getting Started
+- Make sure you have configured your authentication with the XLTS.dev registry by supplying your token in the `.npmrc` file in your user home directory.
 
-- Clone this repository: `git clone https://github.com/xlts-dev/angularjs-asp-net48-mvc5.git`.
-- Ensure packages are up to date by running `Update-Package -reinstall` from the *Package Manager Console*.
+  > **Note**
+  > If you don't have a token for the XLTS.dev registry, you can use the LTS AngularJS packages - see the next section.
+
+- Clone repository: `git clone https://github.com/xlts-dev/angularjs-asp-net48-mvc5.git`.
+- Switch to the project's directory: `cd angularjs-asp-net48-mvc5`.
+- Install npm packages: `npm install`.
+- Open the project in Visual Studio.
 - Run the project by pressing the `F5` key or using the green start button in the toolbar. This will launch your web
-browser and display the web application.
+  browser and display the web application.
+
+## AngularJS LTS packages
+If you want to use the LTS packages, you have to run `npm run switch-to-lts-packages` script instead of `npm install`.