base code added

Base Code for URL Shortener

Author: MBSA-INFINITY

FLASK PROJECTS/Url Shortening App in Flask/.gitignore

@@ -0,0 +1,5 @@
+*.pyc
+/__pycache__
+.env
+client_secret.json
+do_not_commit

FLASK PROJECTS/Url Shortening App in Flask/README.md

@@ -0,0 +1 @@
+# mbsa.in

FLASK PROJECTS/Url Shortening App in Flask/app.py

@@ -0,0 +1,65 @@
+from flask import Flask, request, render_template, redirect, flash
+from helpers import random_string_generator, random_string_generator_only_alpha, is_valid_url
+from db import url_data_collection
+import os
+from datetime import datetime
+
+
+app = Flask(__name__)
+app.secret_key = os.environ['APP_SECRET']
+
+url_ = os.environ['APP_URL']
+
+reserved_keywords = ['login', 'logout', 'shorten-url']
+
+
+@app.route("/", methods = ['GET'])
+def start():
+    return render_template("index.html")
+
+@app.route("/shorten-url", methods=['POST'])
+def shorten_url():
+    data = request.form
+    url_input = data.get("url_input")
+    data_id = random_string_generator_only_alpha(10)
+    if not is_valid_url(str(url_input)):
+        flash({'type':'error', 'data':"Inavlid URL"})
+        return redirect("/")
+    random_slug = random_string_generator(7)
+    shortened_url = f"{url_}/{random_slug}"
+    shortened_url_ = shortened_url[len(url_)+1:]
+    if shortened_url == url_input:
+        flash({'type':'error', 'data':"Infinite Redirect Error!"})
+        return redirect("/")
+    first_keyword = shortened_url_.split("/")[0]
+    if first_keyword in reserved_keywords:
+        flash({'type':'error', 'data':f"{first_keyword} is a reserved keyword! Please use any other word!"})
+        return redirect("/")
+    incoming_data = {
+        "no_of_/": shortened_url_.count("/"),
+        "order": shortened_url_.split("/"),
+        "redirect_url": url_input,
+        "shortened_url": shortened_url,
+        "data_id": data_id,
+        "created_at": datetime.now()
+    }
+    if url_details := url_data_collection.find_one({"no_of_/": incoming_data['no_of_/'], "order":incoming_data['order']}):
+        flash({'type':'error', 'data':"This Domain is Already Taken!"})
+        return redirect("/")
+    url_data_collection.insert_one(incoming_data)
+    flash({'type':'data', 'data':shortened_url})
+    return redirect("/")
+
+
+@app.before_request
+def before_request_func():
+    host_url = request.host_url
+    url = request.url
+    url = url[len(host_url):]
+    incoming_data = {
+        "no_of_/":url.count("/"),
+        "order":url.split("/")
+    }
+    if url_details := url_data_collection.find_one({"no_of_/": incoming_data['no_of_/'], "order":incoming_data['order']}):
+        redirect_url = url_details.get("redirect_url")
+        return redirect(redirect_url)

FLASK PROJECTS/Url Shortening App in Flask/db.py

@@ -0,0 +1,20 @@
+import os
+import pymongo
+
+ENVIRONMENT = os.environ["ENVIRONMENT"]
+if ENVIRONMENT == "local":
+    connection_string = "mongodb://localhost:27017"
+    DB_NAME = "url_shortener"
+else:    
+    MONGO_CLUSTER = os.environ["MONGO_URI"]
+    MONGO_USERNAME = os.environ["MONGO_USERNAME"]
+    MONGO_PASSWORD = os.environ["MONGO_PASSWORD"]
+    DB_NAME = os.environ["DB_NAME"]
+    connection_string = f"mongodb+srv://{MONGO_USERNAME}:{MONGO_PASSWORD}@{MONGO_CLUSTER}/?retryWrites=true&ssl=true&ssl_cert_reqs=CERT_NONE&w=majority"
+
+
+db_client = pymongo.MongoClient(connection_string)
+db_client = db_client.get_database(DB_NAME)
+
+url_data_collection = db_client['url_data']
+

FLASK PROJECTS/Url Shortening App in Flask/helpers.py

@@ -0,0 +1,26 @@
+import string
+import random
+import re
+
+def random_string_generator(N):
+    res = ''.join(random.choices(string.ascii_lowercase +
+                             string.digits, k=N))
+    return str(res)
+
+def random_string_generator_only_alpha(N):
+    res = ''.join(random.choices(string.ascii_lowercase +
+                             string.ascii_uppercase, k=N))
+    return str(res)
+
+
+def is_valid_url(url):
+    # Define a regular expression pattern to match URLs
+    url_pattern = re.compile(
+        r'^(https?|ftp)://'  # Match the scheme (http, https, or ftp)
+        r'(?:(?:[A-Z0-9](?:[A-Z0-9-]{0,61}[A-Z0-9])?\.)+[A-Z]{2,6}\.?|'  # Match domain
+        r'localhost|'  # Match "localhost"
+        r'\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3})'  # Match IP address
+        r'(?::\d+)?'  # Match optional port number
+        r'(?:/?|[/?]\S+)$', re.IGNORECASE)
+
+    return bool(url_pattern.match(url))

FLASK PROJECTS/Url Shortening App in Flask/requirements.txt

@@ -0,0 +1,2 @@
+Flask==2.0.1
+pymongo[srv]==4.3.3

FLASK PROJECTS/Url Shortening App in Flask/run.py

@@ -0,0 +1,3 @@
+from app import app
+if __name__ == '__main__':
+    app.run(debug=True)

FLASK PROJECTS/Url Shortening App in Flask/start_server.sh

@@ -0,0 +1,2 @@
+source .env
+python run.py

FLASK PROJECTS/Url Shortening App in Flask/templates/index.html

@@ -0,0 +1,210 @@
+
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="">
+    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
+    <meta name="generator" content="Hugo 0.104.2">
+    <title>URL Shortener</title>
+    <link rel="canonical" href="https://getbootstrap.com/docs/5.2/examples/checkout/">
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<meta name="theme-color" content="#712cf9">
+
+
+    <style>
+      div.container{
+        overflow-x: hidden;
+      }
+      .bd-placeholder-img {
+        font-size: 1.125rem;
+        text-anchor: middle;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        user-select: none;
+      }
+
+      @media (min-width: 768px) {
+        .bd-placeholder-img-lg {
+          font-size: 3.5rem;
+        }
+      }
+
+      .b-example-divider {
+        height: 3rem;
+        background-color: rgba(0, 0, 0, .1);
+        border: solid rgba(0, 0, 0, .15);
+        border-width: 1px 0;
+        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
+      }
+
+      .b-example-vr {
+        flex-shrink: 0;
+        width: 1.5rem;
+        height: 100vh;
+      }
+
+      .bi {
+        vertical-align: -.125em;
+        fill: currentColor;
+      }
+
+      .nav-scroller {
+        position: relative;
+        z-index: 2;
+        height: 2.75rem;
+        overflow-y: hidden;
+      }
+
+      .nav-scroller .nav {
+        display: flex;
+        flex-wrap: nowrap;
+        padding-bottom: 1rem;
+        margin-top: -1px;
+        overflow-x: auto;
+        text-align: center;
+        white-space: nowrap;
+        -webkit-overflow-scrolling: touch;
+      }
+      .container {
+  max-width: 960px;
+}
+
+
+    </style>
+
+    
+    <!-- Custom styles for this template -->
+    <link href="form-validation.css" rel="stylesheet">
+  </head>
+
+  <body class="bg-light">
+    
+<div class="container">
+  
+
+       
+ {% with messages = get_flashed_messages() %}
+{% if messages %}
+{% for message in messages %}
+{% if message['type'] == 'data' %}
+<div class="card bg-success" style="width: 100%;">
+  <ul class="list-group list-group-flush">
+    <li class="list-group-item text-center"><b id="message">{{message['data']}}</b><br><button class="btn btn-sm btn-primary my-1" onclick="copyToClipboard('message')">Copy To Clipboard</button>
+    </li>
+  </ul>
+</div>
+{% elif message['type'] == 'error' %}
+<div class="card bg-danger" style="width: 100%;">
+  <ul class="list-group list-group-flush">
+    <li class="list-group-item text-center">{{message['data']}}</li>
+  </ul>
+</div>
+{% endif %}
+{% endfor %}
+{% endif %}
+{% endwith %}
+  <main>
+    <div class="py-5 text-center">
+
+      <h2><b>URL Shortening using Flask</b></h2>
+    </div>
+
+    <div class="row g-5">
+  
+      <div class="col-md-12 col-lg-12">
+        <h4 class="mb-3">Paste the URL to be Shortened</h4>
+        <form class="needs-validation" action="/shorten-url" method="post" id="urlForm" onsubmit="return Validate()">
+          <div class="row g-3">
+            <div class="col-sm-12">
+              <label for="firstName" class="form-label">URL</label>
+              <input type="text" class="form-control" id="url" name="url_input" placeholder="Paste the Long URL" required>
+            </div>
+          </div>
+          <hr class="my-4">
+          <button class="w-100 btn btn-primary btn-lg" type="submit">Shorten</button>
+        </form>
+      </div>
+    </div>
+  </main>
+
+  <footer class="my-5 pt-5 text-muted text-center text-small">
+    <p class="mb-1" style="font-size: 14px;">Do give your valuable feedback at <a href="mailto:[email protected]">[email protected]</a>!</p>
+    <p class="mb-1">Made with ♥ by <a href="https://github.com/MBSA-INFINITY" target="_blank">MBSA</a></p>
+  </footer>
+</div>
+
+
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+      <script>
+        // Example starter JavaScript for disabling form submissions if there are invalid fields
+(() => {
+  'use strict'
+
+  // Fetch all the forms we want to apply custom Bootstrap validation styles to
+  const forms = document.querySelectorAll('.needs-validation')
+
+  // Loop over them and prevent submission
+  Array.from(forms).forEach(form => {
+    form.addEventListener('submit', event => {
+      if (!form.checkValidity()) {
+        event.preventDefault()
+        event.stopPropagation()
+      }
+
+      form.classList.add('was-validated')
+    }, false)
+  })
+})()
+      </script>
+
+<script>
+  function Validate(){
+    const urlInput = document.getElementById('urlInput').value;
+          const validationResult = document.getElementById('validationResult');
+          if (isValidURL(urlInput)) {
+              return true
+          } else {
+            alert("Invalid URL")
+            return false
+          }
+  }
+  
+      function isValidURL(url) {
+          const pattern = new RegExp('^(https?:\\/\\/)?'+ // Protocol
+              '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|'+ // Domain name
+              '((\\d{1,3}\\.){3}\\d{1,3}))'+ // OR IPv4
+              '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*'+ // Port and path
+              '(\\?[;&a-z\\d%_.~+=-]*)?'+ // Query string
+              '(\\#[-a-z\\d_]*)?$','i'); // Fragment locator
+          return pattern.test(url);
+      }
+      function copyToClipboard(id) {
+        const text = document.getElementById(id).textContent;
+
+          // Create a temporary input element to copy the text
+          const input = document.createElement('input');
+          input.value = text;
+
+          // Append the input element to the document
+          document.body.appendChild(input);
+
+          // Select the text inside the input element
+          input.select();
+
+          // Copy the selected text to the clipboard
+          document.execCommand('copy');
+
+          // Remove the temporary input element
+          document.body.removeChild(input);
+
+          // Alert the copied text
+         alert("Copied the Clipboard");
+}
+
+  </script>
+
+  </body>
+</html>