🚀RELEASE 0.3.0

CHANGELOG.md

@@ -2,9 +2,16 @@
 
 All notable changes to this project will be documented in this file. Dates are displayed in UTC.
 
+#### [0.3.0](https://git.odit.services/kauft.es/linkylinky-chrome/compare/0.2.0...0.3.0)
+
+- Now w/ clientside switch [`00da368`](https://git.odit.services/kauft.es/linkylinky-chrome/commit/00da368436bb03de628c002d473a220d95e4c984)
+
 #### [0.2.0](https://git.odit.services/kauft.es/linkylinky-chrome/compare/0.1.2...0.2.0)
 
+> 25 September 2021
+
 - Extension users can now disable bot preview [`f389f88`](https://git.odit.services/kauft.es/linkylinky-chrome/commit/f389f88825958beb3d74cb0d50a118435b40652e)
+- 🚀RELEASE 0.2.0 [`7cd4771`](https://git.odit.services/kauft.es/linkylinky-chrome/commit/7cd4771fbc358ca4048cda2d1f09ffaf6d200ad3)
 - Added "docs" images [`595695f`](https://git.odit.services/kauft.es/linkylinky-chrome/commit/595695fe4f4cb696a47d0e8177b51f4ded15ed5b)
 
 #### [0.1.2](https://git.odit.services/kauft.es/linkylinky-chrome/compare/0.1.1...0.1.2)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odit/linkylinky-chrome",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "license": "MIT",
   "private": false,
   "author": {

src/index.html

@@ -91,6 +91,15 @@
 					</div>
 				</div>
 			</div>
+			<div id="clientside_container">
+				<div class="mt-1 flex rounded-md shadow-sm">
+					<label for="toggle" class="text-base text-gray-700 pr-2">Clientside Redirect:</label>
+					<div class="relative inline-block w-10 mr-2 align-middle select-none transition duration-200 ease-in">
+						<input type="checkbox" name="toggle" id="clientside_toggle" class="toggle-checkbox absolute block w-6 h-6 rounded-full bg-white border-4 appearance-none cursor-pointer"/>
+						<label for="toggle" class="toggle-label block overflow-hidden h-6 rounded-full bg-gray-300 cursor-pointer"></label>
+					</div>
+				</div>
+			</div>
 			<div class="hidden" name="shorturl_container" id="shorturl_container">
 				<div class="inline-flex w-full" id="shorturl_copy" data-clipboard-target="#shorturl">
 					<p name="shorturl" id="shorturl" class:bg-green-200={copied}

src/main.js

@@ -26,7 +26,8 @@ function createUrl() {
     let shorturl = {
         target: document.getElementById("target").value,
         shortcode: document.getElementById("shortcode").value,
-        no_preview: document.getElementById("bot_toggle").value
+        no_preview: document.getElementById("bot_toggle").value,
+        clientside: document.getElementById("clientside_toggle").value
     };
 
     if (shorturl.shortcode == "" | !shorturl.shortcode) {
@@ -51,6 +52,7 @@ function createUrl() {
                     document.getElementById("target_container").className = "hidden";
                     document.getElementById("shortcode_container").className = "hidden";
                     document.getElementById("bot_container").classList.add("hidden");
+                    document.getElementById("clientside_container").classList.add("hidden");
                     document.getElementById("create").classList.add("hidden");
                     document.getElementById("reset").classList.remove("hidden");
                 });
@@ -96,6 +98,10 @@ function reset() {
         document.getElementById("target").value = tabs[0].url;
         document.getElementById("target_container").className = "";
         document.getElementById("shortcode_container").className = "";
+        document.getElementById("bot_container").classList.remove("hidden");
+        document.getElementById("bot_container").value=false;
+        document.getElementById("clientside_container").classList.remove("hidden");
+        document.getElementById("clientside_container").value=false;
         document.getElementById("create").classList.remove("hidden");
     });
 }