sifting to version 1.1.2 is cool.

OurCodeBase · OurCodeBase · commit c73772a88505 · 2024-10-01T13:55:11.000+05:30
- `style.css` file is shifted to `public/style.css`
- `nets` file is shifted to `netface`
- github `readme` file is shifted to `docs` folder.
- `.gitignore` has been added.
diff --git a/docs/changelogs.md b/docs/changelogs.md
@@ -1,6 +1,13 @@
 # Changelogs
 You can check most latest changlogs at [commits](https://github.com/OurCodeBase/gen3-express/commits/main/) or [versions](https://github.com/OurCodeBase/gen3-express/releases) sections in github.
 
+## Changelogs 1.1.2
+boilerplate has been optimised, enhanced and documented.
+- `style.css` file is shifted to `public/style.css`
+- `nets` file is shifted to `netface`
+- github `readme` file is shifted to `docs` folder.
+- `.gitignore` has been added.
+
 ## Changelogs 1.1.1
 generator published at npmjs.
 - docs updated
diff --git a/docs/documentation.md b/docs/documentation.md
diff --git a/docs/index.md b/docs/index.md
@@ -11,7 +11,7 @@ hero:
     actions:
     - theme: brand
       text: Get Started
-      link: /documentation
+      link: /readme
     - theme: alt
       text: View on GitHub
       link: https://github.com/OurCodeBase/gen3-express
@@ -29,7 +29,4 @@ features:
     - icon: ⚔
       title: Cross Platform
       details: You can use this tool on any platform like Linux, MacOS, Windows (WSL) and also on Android (Termux).
-    - icon: 🥙
-      title: NPX Usable
-      details: You don't neet to install a separate tool to generate express apps. You can just simply use npx to fetch files and dependencies temporarily.
 ---
diff --git a/docs/readme.md b/docs/readme.md
@@ -1,6 +1,15 @@
 # Gen3 Express
 A gen3 tool to generate express app boilerplate.
 
+> [!IMPORTANT]
+> ### 1.1.2 is released
+> boilerplate has been optimised, enhanced and documented.
+> - `style.css` file is shifted to `public/style.css`
+> - `nets` file is shifted to `netface`
+> - github `readme` file is shifted to `docs` folder.
+> - `.gitignore` has been added.
+
+
 ## Acknowledgements
 You need to know atleast basics about these things.
  - [NodeJS](https://nodejs.org/docs/latest/api/)
@@ -52,17 +61,18 @@ To know about the product or project structure read about files included in this
 
 ```bash
 .
-├── app.js # this core file handles express functions and server.
-├── package.json # package file handles dependencies, and details about the product.
-├── public # this folder contains public data like fonts, css and multimedia.
-│   ├── fonts
-│   │   └── sans.woff
-│   └── style.css
-├── sync.js # this file is needed to configure hot reloadings in ejs and static files.
+├── app.js
+├── package.json
+├── public
+│   ├── css
+│   │   └── style.css
+│   └── fonts
+│       └── sans.woff
+├── sync.js # configuration for hot reloadings in ejs and static files.
 ├── utils
-│   └── nets.js # this file provides functions to display available ip addresses on your network.
-└── views # this folder contains ejs or html files to render contents.
-    └── home.ejs # this file is the landing page of the product.
+│   └── netface.js # contains functions to show available ipv4 addresses.
+└── views
+    └── home.ejs
 ```
 
 ## Roadmap
diff --git a/package-lock.json b/package-lock.json
diff --git a/template/.gitignore b/template/.gitignore
@@ -0,0 +1,15 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+
+# env variables
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# error and debug files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
diff --git a/template/app.js b/template/app.js
@@ -2,7 +2,7 @@ const path = require('path')
 const express = require('express')
 
 const app = express()
-const PORT = 3000
+const port = 3000
 
 app.set('view engine', 'ejs')
 app.use(express.static('public'))
@@ -17,8 +17,14 @@ app.use('/colors', express.static(
 
 app.get('/', (req, res) => res.render('home'))
 
-app.listen(PORT, () => {
-  const nets = require('./utils/nets')
-  console.log('Server has been started on...');
-  nets.showAvailableNetworks(PORT)
+app.listen(port, () => {
+  /**
+   * The above code is exclusivly for dev purpose.
+   * You can replace this function.
+   */
+  const netface = require('./utils/netface')
+  const linkfaces = netface.ipv4s()
+  linkfaces.forEach((face) => {
+    console.info(`http://${face}:${port}`)
+  })
 })
diff --git a/template/package.json b/template/package.json
@@ -8,7 +8,7 @@
   },
   "dependencies": {
     "ejs": "^3.1.10",
-    "express": "^4.19.2",
+    "express": "^4.20.0",
     "material-dynamic-colors": "^1.1.2"
   },
   "devDependencies": {
diff --git a/template/public/css/style.css b/template/public/css/style.css
diff --git a/template/utils/netface.js b/template/utils/netface.js
@@ -0,0 +1,20 @@
+const os = require('os')
+
+/**
+ * This contains all available ipv4 ip address.
+ * @returns {Object[]} netfaces - All ipv4 ip address.
+ * */
+const ipv4s = () => {
+  const netfaces = [] 
+  const interfaces = os.networkInterfaces()
+  for (const key of Object.keys(interfaces)) {
+    for (const interface of interfaces[key]) {
+      if (interface.family == 'IPv4'){
+        netfaces.push(interface.address)
+      }
+    }
+  }
+  return netfaces
+}
+
+module.exports = { ipv4s }
diff --git a/template/utils/nets.js b/template/utils/nets.js
diff --git a/template/views/home.ejs b/template/views/home.ejs
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title></title>
-    <link href="/style.css" rel="stylesheet">
+    <link href="css/style.css" rel="stylesheet">
   </head>
   <body>
     <h1>Hello World!</h1>  
