Initial Push

kioydiolabs · Jan 1, 2024 · ec4a108 · ec4a108
1 parent ca9e3ff
commit ec4a108
Show file tree

Hide file tree

Showing 27 changed files with 487 additions and 0 deletions.
diff --git a/chrome-exten/icons/128.png b/chrome-exten/icons/128.png
diff --git a/chrome-exten/icons/16.png b/chrome-exten/icons/16.png
diff --git a/chrome-exten/icons/32.png b/chrome-exten/icons/32.png
diff --git a/chrome-exten/icons/48.png b/chrome-exten/icons/48.png
diff --git a/chrome-exten/icons/FullSize.png b/chrome-exten/icons/FullSize.png
diff --git a/chrome-exten/icons/background.png b/chrome-exten/icons/background.png
diff --git a/chrome-exten/index-old.html b/chrome-exten/index-old.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>shortener</title>
+    <link rel="stylesheet" href="./style.css">
+</head>
+<body>
+
+    <input id="url" placeholder="https://google.com"><br>
+    <button id="submit">Submit</button><br><Br>
+    <div>
+        <p>Shortened URL :</p><a id="link"><p id="output"></p></a>
+    </div>
+    <button id="copy">Copy</button>
+
+</body>
+<script src="index.js"></script>
+</html>
diff --git a/chrome-exten/index-old.js b/chrome-exten/index-old.js
@@ -0,0 +1,39 @@
+document.getElementById("submit").onclick = function(){
+    original_url = document.getElementById("url").value;
+    endpoint = "https://shortapi.kioydio.org/create/?url="+original_url
+
+
+    const Http = new XMLHttpRequest();
+    Http.open("GET", endpoint);
+    Http.send();
+
+    Http.onreadystatechange=(e)=>{
+        document.getElementById("output").innerHTML = Http.responseText;
+        document.getElementById("link").href = Http.responseText;
+        console.log(Http.response);
+    }
+
+}
+
+
+document.getElementById("copy").onclick = function(){
+    console.log("copy clicked")
+    var copyText = document.getElementById("output");
+
+    /* Create a temporary textarea element to copy the text */
+    var tempTextarea = document.createElement("textarea");
+    tempTextarea.value = copyText.textContent;
+
+    /* Append the textarea to the document */
+    document.body.appendChild(tempTextarea);
+
+    /* Select and copy the text */
+    tempTextarea.select();
+    document.execCommand("copy");
+
+    /* Remove the temporary textarea */
+    document.body.removeChild(tempTextarea);
+
+    /* Provide some visual feedback (optional) */
+    alert("Shortened URL copied to clipboard!");
+}
diff --git a/chrome-exten/index.html b/chrome-exten/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>shortener</title>
+    <link rel="stylesheet" href="./style.css">
+</head>
+<body>
+
+    <input id="url" pattern="^(?:http|https)://(?:[\w\-.\?]+)(?::\d+)?(?:[/\?]|$)" placeholder="https://google.com"><br>
+    <button id="submit">Submit</button><br><Br>
+    <div id="maindiv">
+        <p>Shortened URL :</p><a id="link"><p id="output"></p></a>
+    </div>
+    <button id="copy">Copy</button>
+    <div id="confirmouter">
+        <div id="confirm">
+            <p style="margin: 0px;">✔ Copied</p>
+        </div>
+    </div>
+
+
+</body>
+<script src="index.js"></script>
+</html>
diff --git a/chrome-exten/index.js b/chrome-exten/index.js
@@ -0,0 +1,42 @@
+document.getElementById("submit").onclick = function(){
+    original_url = document.getElementById("url").value;
+    endpoint = "https://shortapi.kioydio.org/create/?url="+original_url
+
+
+    const Http = new XMLHttpRequest();
+    Http.open("GET", endpoint);
+    Http.send();
+
+    Http.onreadystatechange=(e)=>{
+        document.getElementById("output").innerHTML = Http.responseText;
+        document.getElementById("link").href = Http.responseText;
+        console.log(Http.response);
+    }
+
+}
+
+
+document.getElementById("copy").onclick = function(){
+    console.log("copy clicked")
+    var copyText = document.getElementById("output");
+
+    /* Create a temporary textarea element to copy the text */
+    var tempTextarea = document.createElement("textarea");
+    tempTextarea.value = copyText.textContent;
+
+    /* Append the textarea to the document */
+    document.body.appendChild(tempTextarea);
+
+    /* Select and copy the text */
+    tempTextarea.select();
+    document.execCommand("copy");
+
+    /* Remove the temporary textarea */
+    document.body.removeChild(tempTextarea);
+
+    /* Provide some visual feedback (optional) */
+    document.getElementById("confirm").style.opacity = "1";
+    setTimeout(function(){
+        document.getElementById("confirm").style.opacity = "0";
+    },2000);
+}
diff --git a/chrome-exten/manifest.json b/chrome-exten/manifest.json
@@ -0,0 +1,15 @@
+{
+    "manifest_version": 3,
+    "name": "Kioydioshort",
+    "version": "31.12.2023",
+    "description": "Extension endpoint for shortening URLs with Kioydioshort",
+    "icons": {
+        "16": "icons/16.png",
+        "32": "icons/32.png",
+        "48": "icons/48.png",
+        "128": "icons/128.png"
+    },
+    "action": {
+        "default_popup": "index.html"
+      }
+  }
diff --git a/chrome-exten/style-old.css b/chrome-exten/style-old.css
@@ -0,0 +1,36 @@
+body{
+    background-color: #1e1e1e;
+    text-align: center;
+    color: white;
+    font-family: Arial;
+    background-image: url(./icons/background.png);
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+a{
+    color: #2828fd;
+    margin-left: 5px;
+}
+
+div{
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 0px;
+}
+
+#copy{
+    font-size: 10px;
+    margin-top: 0px;
+}
+
+#submit{
+    margin-top: 5px;
+}
+
+button{
+    border-radius: 5px;
+    border: 1px solid rgb(88, 86, 86);
+}
diff --git a/chrome-exten/style.css b/chrome-exten/style.css
@@ -0,0 +1,62 @@
+body{
+    background-color: #1e1e1e;
+    text-align: center;
+    color: white;
+    font-family: Arial;
+    background-image: url(./icons/background.png);
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+a{
+    color: #2828fd;
+    margin-left: 5px;
+}
+
+#maindiv{
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 0px;
+}
+
+#copy{
+    font-size: 10px;
+    margin-top: 0px;
+}
+
+#submit{
+    margin-top: 5px;
+}
+
+button{
+    border-radius: 5px;
+    border: 1px solid rgb(88, 86, 86);
+}
+
+#confirm{
+    display: block;
+    color: white;
+    border-radius: 5px;
+    background-color: #00d26a;
+    margin: 5px;
+    padding: 2px;
+    padding-right: 4px;
+    padding-left: 4.5px;
+    width: max-content;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    transition: opacity 0.5s ease;
+    opacity: 0;
+}
+
+#confirmouter{
+    display: block;
+    text-align: center;
+    align-items: center;
+    justify-content: center;
+    display: flex;
+    flex-direction: column;
+}
diff --git a/firefox-exten/icons/128.png b/firefox-exten/icons/128.png
diff --git a/firefox-exten/icons/16.png b/firefox-exten/icons/16.png
diff --git a/firefox-exten/icons/32.png b/firefox-exten/icons/32.png
diff --git a/firefox-exten/icons/48.png b/firefox-exten/icons/48.png
diff --git a/firefox-exten/icons/FullSize.png b/firefox-exten/icons/FullSize.png
diff --git a/firefox-exten/icons/background.png b/firefox-exten/icons/background.png
diff --git a/firefox-exten/index.html b/firefox-exten/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>shortener</title>
+    <link rel="stylesheet" href="./style.css">
+</head>
+<body>
+
+    <input id="url" placeholder="https://google.com"><br>
+    <button id="submit">Submit</button><br><Br>
+    <div id="maindiv">
+        <p>Shortened URL :</p><a id="link"><p id="output"></p></a>
+    </div>
+    <button id="copy">Copy</button>
+    <div id="confirmouter">
+        <div id="confirm">
+            <p style="margin: 0px;">✔ Copied</p>
+        </div>
+    </div>
+
+
+</body>
+<script src="index.js"></script>
+</html>
diff --git a/firefox-exten/index.js b/firefox-exten/index.js
@@ -0,0 +1,42 @@
+document.getElementById("submit").onclick = function(){
+    original_url = document.getElementById("url").value;
+    endpoint = "https://shortapi.kioydio.org/create/?url="+original_url
+
+
+    const Http = new XMLHttpRequest();
+    Http.open("GET", endpoint);
+    Http.send();
+
+    Http.onreadystatechange=(e)=>{
+        document.getElementById("output").innerHTML = Http.responseText;
+        document.getElementById("link").href = Http.responseText;
+        console.log(Http.response);
+    }
+
+}
+
+
+document.getElementById("copy").onclick = function(){
+    console.log("copy clicked")
+    var copyText = document.getElementById("output");
+
+    /* Create a temporary textarea element to copy the text */
+    var tempTextarea = document.createElement("textarea");
+    tempTextarea.value = copyText.textContent;
+
+    /* Append the textarea to the document */
+    document.body.appendChild(tempTextarea);
+
+    /* Select and copy the text */
+    tempTextarea.select();
+    document.execCommand("copy");
+
+    /* Remove the temporary textarea */
+    document.body.removeChild(tempTextarea);
+
+    /* Provide some visual feedback (optional) */
+    document.getElementById("confirm").style.opacity = "1";
+    setTimeout(function(){
+        document.getElementById("confirm").style.opacity = "0";
+    },2000);
+}
diff --git a/firefox-exten/manifest.json b/firefox-exten/manifest.json
@@ -0,0 +1,20 @@
+{
+    "manifest_version": 2,
+    "name": "Kioydioshort",
+    "version": "31.12.2023",
+
+    "description": "Enables users to quickly create shortened URLs via Kioydioshort",
+    "homepage_url": "https://shorten.kioydio.org",
+    "icons": {
+      "48": "icons/48.png"
+    },
+
+    "permissions": ["activeTab"],
+
+    "browser_action": {
+      "default_icon": "icons/32.png",
+      "default_title": "Beastify",
+      "default_popup": "index.html"
+    }
+  }
+