can now use custom path

public/index.html

@@ -16,6 +16,10 @@
                 <label for="longUrl">Long Url</label>
                 <input class="bg-coolgray-700 text-emerald-400 focus:border-coolgray-50 rounded-lg" type="text" id="longUrl" placeholder="www.example.com/very-long-url/and/totally/hard-to-remember" name="longUrl">
             </div>
+            <div id="customPathDiv">
+                <label for="customPath">custom Path</label>
+                <input class="bg-coolgray-700 text-emerald-400 focus:border-coolgray-50 rounded-lg" type="text" id="customPath" placeholder="cool_path" name="customPath">
+            </div>
             <div class="form-button">
                 <button type="submit" class="btn-submit hover:bg-red-700 focus:bg-red-700" id="btnSubmit">
                 Submit
@@ -28,6 +32,14 @@
         <p id="longUrl"></p>
         <a id="shortUrl" class="text-emerald-500" href=""></a>
     </div>
+    <div id="edit">
+        <br>
+        <br>
+        <p class="text-emerald-500">New Url for the site </p>
+        <a class="text-emerald-500" href="" id="oldLongUrl"></a>
+        <br>
+        <a class="text-emerald-500" href="" id="oldShortUrl"></a>
+    </div>
     <script type="module" src="public/js/app.js"></script>
 </body>
 </html>

public/js/app.js

@@ -24,6 +24,16 @@ async function submitForm(e, form) {
         document.getElementById("shortUrl").innerHTML = response.shortUrl
         document.getElementById("shortUrl").href = response.shortUrl
         document.getElementById("longUrl").innerHTML = "Long Url: " + response.longUrl
+        if (response.edit) {
+            console.log("Already have this path, editing.")
+        }
+        if (response.old) {
+            document.getElementById("edit").style.visibility = "visible"
+            document.getElementById("oldLongUrl").innerHTML = response.old.longUrl
+            document.getElementById("oldLongUrl").href = response.old.longUrl
+            document.getElementById("oldShortUrl").innerHTML = response.old.shortUrl
+            document.getElementById("oldShortUrl").href = response.old.shortUrl
+        }
     }    
     else
         alert(`An error occured.`);
@@ -44,8 +54,11 @@ function buildJsonFormData(form) {
     }
     return jsonFormData;
 }
+
 /*--/Functions--*/
 
+document.getElementById("edit").style.visibility = 'hidden'
+
 /*--Event Listeners--*/
 const sampleForm = document.querySelector("#form");
 if(sampleForm) {

src/service/url.js

@@ -37,10 +37,11 @@ function validUrl(url) {
 
 router.post('/shorten', async (req, res) => {
     const {
-        longUrl
+        longUrl, customPath
     } = req.body // destructure the longUrl from req.body.longUrl
 
-    // check base url if valid using the validUrl.isUri method
+    console.log(longUrl, customPath)
+    // check base url if valid using the validUrl method
     
     if (!validUrl(baseUrl)) {
         console.log("Invalid url " + baseUrl)
@@ -50,7 +51,7 @@ router.post('/shorten', async (req, res) => {
     // if valid, we create the url code
     const urlCode = shortid.generate()
 
-    // check long url if valid using the validUrl.isUri method
+    // check long url if valid using the validUrl method
     if (validUrl(longUrl)) {
         try {
             /* The findOne() provides a match to only the subset of the documents 
@@ -63,23 +64,58 @@ router.post('/shorten', async (req, res) => {
 
             // url exist and return the response
             if (url) {
-                console.log("Return " + url)
-                res.json(url)
+                let json = url.toJSON()
+                console.log("Return " + JSON.stringify(json))
+                res.json(json)
             } else {
+                try {
+                    let doc = await Url.findOne({
+                        'urlCode': customPath
+                    })
+                    if (doc) {
+                        let json
+                        //json["edit"] = true
+                        console.log("Found custom path")
+
+                        const shortUrl = baseUrl + '/' + customPath
+
+                        url = new Url({
+                            longUrl,
+                            shortUrl,
+                            urlCode: customPath,
+                            date: new Date()
+                        })
+                        json = url.toJSON()
+                        await url.save()
+
+                        let old = await Url.findOneAndUpdate({ urlCode: customPath }, 
+                        { urlCode: urlCode, shortUrl:  baseUrl + '/' + urlCode }, 
+                        { returnDocument: 'after' })
+                        
+                        json["old"] = old.toJSON()
+
+                        res.json(json)
+                    } else {
+                        console.log("Not found custom path")
                         // join the generated short code the the base url
-                const shortUrl = baseUrl + '/' + urlCode
+                        const shortUrl = baseUrl + '/' + customPath
 
                         // invoking the Url model and saving to the DB
                         url = new Url({
                             longUrl,
                             shortUrl,
-                    urlCode,
+                            urlCode: customPath,
                             date: new Date()
                         })
                         await url.save()
                         console.log("Return " + url)
                         res.json(url)
                     }
+                } catch (err) {
+                    console.log(err)
+                    res.status(500).json('Server Error')
+                }
+            }
         }
         // exception handler
         catch (err) {