Merge branch 'main' into main

Author: Mr-Sunglasses

.github/workflows/ci.yml

@@ -0,0 +1,22 @@
+name: CI Pipeline
+
+on:
+  release:
+    branches: ["main"]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v3
+      - name: Login Dockerhub
+        env:
+          DOCKER_USERNAME: ${{secrets.DOCKER_USERNAME}}
+          DOCKER_PASSWORD: ${{secrets.DOCKER_PASSWORD}}
+        run: docker login -u $DOCKER_USERNAME -p $DOCKER_PASSWORD
+
+      - name: Build the Docker image
+        run: docker build -t mrsunglasses/linkliberate .
+      - name: Push to Dockerhub
+        run: docker push mrsunglasses/linkliberate:latest

src/link_liberate/templates/base.html

@@ -23,7 +23,7 @@
         }
 
         a {
-          text-decoration: none !important;
+            text-decoration: none !important;
         }
 
         h1 {
@@ -59,44 +59,59 @@
         }
 
         .tooltip {
-          position: relative;
-          display: inline-block;
-          border-bottom: 1px dotted black;
+            position: relative;
+            display: inline-block;
+            border-bottom: 1px dotted black;
         }
 
         .tooltip .tooltiptext {
-          visibility: hidden;
-          width: 120px;
-          background-color: #555;
-          color: #fff;
-          text-align: center;
-          padding: 5px 0;
-          border-radius: 6px;
-
-          position: absolute;
-          z-index: 1;
-          bottom: 125%;
-          left: 50%;
-          margin-left: -60px;
-
-          opacity: 0;
-          transition: opacity 0.3s;
+            visibility: hidden;
+            width: 120px;
+            background-color: #555;
+            color: #fff;
+            text-align: center;
+            padding: 5px 0;
+            border-radius: 6px;
+
+            position: absolute;
+            z-index: 1;
+            bottom: 125%;
+            left: 50%;
+            margin-left: -60px;
+
+            opacity: 0;
+            transition: opacity 0.3s;
         }
 
         .tooltip .tooltiptext::after {
-          content: "";
-          position: absolute;
-          top: 100%;
-          left: 50%;
-          margin-left: -5px;
-          border-width: 5px;
-          border-style: solid;
-          border-color: #555 transparent transparent transparent;
+            content: "";
+            position: absolute;
+            top: 100%;
+            left: 50%;
+            margin-left: -5px;
+            border-width: 5px;
+            border-style: solid;
+            border-color: #555 transparent transparent transparent;
         }
 
         .tooltip:hover .tooltiptext {
-          visibility: visible;
-          opacity: 1;
+            visibility: visible;
+            opacity: 1;
+        }
+
+        .copy-button {
+            background-color: #4CAF50;
+            color: #fff;
+            padding: 12px 20px;
+            border: none;
+            border-radius: 4px;
+            cursor: pointer;
+            font-size: 16px;
+            margin-left: 10px;
+        }
+
+        .copy-button:hover {
+            background-color: #45a049;
         }
     </style>
     <title>
@@ -112,4 +127,4 @@
     {% endblock %}
 </body>
 
-</html>
+</html>

src/link_liberate/templates/showlibrate.html

@@ -19,7 +19,22 @@
     <a href="/"><h1>🔗LinkLiberate🪽</h1></a>
     <div class="form-container">
         <p>Link: </p><a href="{{ link }}">{{ link }}</a>
-        <p>Short: </p><a href="{{ short }}">{{ short }}</a>
+        <p>Short: </p><a id="shortLink" href="{{ short }}">{{ short }}</a>
+        <button class="copy-button" onclick="copyTextToClipboard('shortLink')">Copy</button>
+
     </div>
 </div>
+<script>
+// Javascript to simply copy text in elementID to user's clipboard
+    function copyTextToClipboard(elementId) {
+        var text = document.getElementById(elementId).textContent || document.getElementById(elementId).innerText;
+        navigator.clipboard.writeText(text).then(function() {
+            console.log("Text copied to clipboard");
+        })
+        .catch(function(err) {
+            console.error('Error in copying text: ', err);
+        });
+    }
+</script>
+
 {% endblock %}

src/link_liberate/utils.py

@@ -14,12 +14,8 @@ def generate_uuid() -> str:
 
     return random_code
 
-
 def make_proper_url(url: str) -> str:
-    if url.startswith("http://") or url.startswith("https://"):
-        return url
-    else:
-        return f"https://{url}"
+    return f"https://{url}" if not url.startswith(("http://", "https://")) else url
 
 
 def check_link(link: str) -> bool: