chore: ⚡ Refactor script imports to local files and update package dependencies to resolve #37

README.md

@@ -70,19 +70,19 @@ Compile from source:
 
 ```shell
 # Clone the repository
-> git clone https://github.com/ckabalan/visualsubnetcalc
+git clone https://github.com/ckabalan/visualsubnetcalc
 # Change to the repository directory
-> cd visualsubnetcalc
+cd visualsubnetcalc
 # Use recommended NVM version
-> nvm use
+nvm use
 # Change to the sources directory
-> cd src
+cd src
 # Install Bootstrap
-> npm install
+npm install
 # Compile Bootstrap (Also install sass command line globally)
-> npm run build
+npm run build
 # Run the local webserver
-> npm start
+npm start
 ```
 
 The full application should then be available within `./dist/`, open `./dist/index.html` in a browser.
@@ -94,15 +94,15 @@ The full application should then be available within `./dist/`, open `./dist/ind
 ```shell
 
 #Install mkcert
-> brew install mkcert
+brew install mkcert
 # generate CA Certs to be trusted by local browsers
-> mkcert install
+mkcert install
 # generate certs for local development
-> cd visualsubnetcalc/src
+cd visualsubnetcalc/src
 # generate certs for local development
-> npm run setup:certs
+npm run setup:certs
 # run the local webserver with https
-> npm run local-secure-start
+npm run local-secure-start
 ```
 
 ## Running in a container

dist/404.html

@@ -33,18 +33,10 @@ <h1>Visual Subnet Calculator | 404 - Page Not Found</h1>
     <p class="text-muted">
         If you believe this is an error, please <a href="https://github.com/ckabalan/visualsubnetcalc/issues" target="_blank" rel="noopener noreferrer">open an issue</a> on GitHub.
     </p>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
-            integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
-            crossorigin="anonymous"></script>
-    <script src="https://code.jquery.com/jquery-3.7.0.min.js"
-            integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g="
-            crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.20.1/dist/jquery.validate.min.js"
-            integrity="sha256-0xVRcEF27BnewkTwGDpseENfeitZEOsQAVSlDc7PgG0="
-            crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.20.1/dist/additional-methods.min.js"
-            integrity="sha384-Wxa7enUK34eRCZgjQIh81NeuzGHX2YaEkcLPCBIvASsdqlXBtAvVUiM7Tb56UvtC"
-            crossorigin="anonymous"></script>
+    <script src="js/bootstrap.bundle.min.js"></script>
+    <script src="js/jquery.min.js"></script>
+    <script src="js/jquery.validate.min.js"></script>
+    <script src="js/additional-methods.min.js"></script>
     <script src="js/lz-string.min.js"></script>
     <script src="js/main.js"></script>
 </div>

dist/index.html

@@ -271,18 +271,10 @@ <h4 class="mt-4">Credits</h4>
             </div>
         </div>
     </div>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"
-            integrity="sha384-j1CDi7MgGQ12Z7Qab0qlWQ/Qqz24Gc6BM0thvEMVjHnfYGF0rmFCozFSxQBxwHKO"
-            crossorigin="anonymous"></script>
-    <script src="https://code.jquery.com/jquery-3.7.1.min.js"
-            integrity="sha384-1H217gwSVyLSIfaLxHbE7dRb3v4mYCKbpQvzx0cegeju1MVsGrX5xXxAvs/HgeFs"
-            crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.21.0/dist/jquery.validate.min.js"
-            integrity="sha384-INLNT6YPpjCRFM2xpOexEE3T4i2mIigf+Kr19b7a59RFtrVBZQzZWXkGuiMA/q1r"
-            crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.21.0/dist/additional-methods.min.js"
-            integrity="sha384-YJxXUyJ0BogsbWMDJj4h3uJVyImZsAI6qh7MG2LGgxMstOXB8G1mNwaRuL4A6VYb"
-            crossorigin="anonymous"></script>
+    <script src="js/bootstrap.bundle.min.js"></script>
+    <script src="js/jquery.min.js"></script>
+    <script src="js/jquery.validate.min.js"></script>
+    <script src="js/additional-methods.min.js"></script>
     <script src="js/lz-string.min.js"></script>
     <script src="js/main.js"></script>
 </div>

src/package.json

@@ -2,11 +2,13 @@
   "dependencies": {
     "bootstrap": "^5.3.6",
     "http-server": "^14.1.1",
+    "jquery": "^3.7.1",
+    "jquery-validation": "^1.21.0",
     "lz-string": "^1.5.0"
   },
   "scripts": {
     "postinstall": "npm install -g sass@1.77.6",
-    "build": "sass --style compressed scss/custom.scss:../dist/css/bootstrap.min.css && cp node_modules/lz-string/libs/lz-string.min.js ../dist/js/lz-string.min.js",
+    "build": "sass --style compressed scss/custom.scss:../dist/css/bootstrap.min.css && cp node_modules/lz-string/libs/lz-string.min.js ../dist/js/lz-string.min.js && cp node_modules/bootstrap/dist/js/bootstrap.bundle.min.js ../dist/js/bootstrap.bundle.min.js && cp node_modules/jquery/dist/jquery.min.js ../dist/js/jquery.min.js && cp node_modules/jquery-validation/dist/jquery.validate.min.js ../dist/js/jquery.validate.min.js && cp node_modules/jquery-validation/dist/additional-methods.min.js ../dist/js/additional-methods.min.js",
     "test": "npx playwright test",
     "setup:certs": "mkdir -p certs; mkcert -cert-file certs/cert.pem -key-file certs/cert.key localhost 127.0.0.1",
     "start": "node node_modules/http-server/bin/http-server ../dist -c-1",