kauft.es/linkylinky-chrome
4
0
Fork 0
Code Issues 2 Pull Requests 1 Projects Releases 6 Wiki Activity

Compare commits

base: kauft.es:0.1.2
Branches Tags
kauft.es:main kauft.es:renovate/tailwindcss-3.x-lockfile
kauft.es:0.3.1 kauft.es:0.3.0 kauft.es:0.2.0 kauft.es:0.1.2 kauft.es:0.1.1 kauft.es:0.1.0
..
compare: kauft.es:0.3.0
Branches Tags
kauft.es:renovate/tailwindcss-3.x-lockfile kauft.es:main
kauft.es:0.3.1 kauft.es:0.3.0 kauft.es:0.2.0 kauft.es:0.1.2 kauft.es:0.1.1 kauft.es:0.1.0

5 Commits
0.1.2 ... 0.3.0

Author SHA1 Message Date
Nicolai Ort
ccb22bad6a 🚀RELEASE 0.3.0 2021-09-25 18:50:16 +02:00
Nicolai Ort
00da368436 Now w/ clientside switch 2021-09-25 18:50:00 +02:00
Nicolai Ort
7cd4771fbc 🚀RELEASE 0.2.0 2021-09-25 18:02:22 +02:00
Nicolai Ort
f389f88825 Extension users can now disable bot preview 2021-09-25 18:01:30 +02:00
Nicolai Ort
595695fe4f Added "docs" images 2021-08-21 20:59:48 +02:00
11 changed files with 62 additions and 4 deletions
Expand all files Collapse all files

15
CHANGELOG.md
View File

@@ -2,9 +2,24 @@
All notable changes to this project will be documented in this file. Dates are displayed in UTC. 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) #### [0.1.2](https://git.odit.services/kauft.es/linkylinky-chrome/compare/0.1.1...0.1.2)
> 21 August 2021
- Better then resolution [`32196bb`](https://git.odit.services/kauft.es/linkylinky-chrome/commit/32196bb8f2f64dc83ef4aeeb211c26a917b7bee2) - Better then resolution [`32196bb`](https://git.odit.services/kauft.es/linkylinky-chrome/commit/32196bb8f2f64dc83ef4aeeb211c26a917b7bee2)
- 🚀RELEASE 0.1.2 [`bada398`](https://git.odit.services/kauft.es/linkylinky-chrome/commit/bada398877d99d380394eac4da8ee0b30c609022)
#### [0.1.1](https://git.odit.services/kauft.es/linkylinky-chrome/compare/0.1.0...0.1.1) #### [0.1.1](https://git.odit.services/kauft.es/linkylinky-chrome/compare/0.1.0...0.1.1)

8
README.md
View File

@@ -4,8 +4,12 @@
<h3 align="center">A simple, privacy focused urls shortner</h3> <h3 align="center">A simple, privacy focused urls shortner</h3>
</p> </p>
<!-- ## 👀 Preview ## 👀 Preview
TODO: --> <img height="300" src="./docs/fullpage_opened.webp">
<img height="300" src="./docs/fullpage_created.webp">
<img height="150" src="./docs/extension_opened.webp">
<img height="150" src="./docs/extension_created.webp">
<img height="400" src="./docs/fullpage_copy.webp">
## ⚡ Installation ## ⚡ Installation
- Download the `linkylinky-chrome.zip` from [the lastest release](https://git.odit.services/kauft.es/linkylinky-chrome/releases) - Download the `linkylinky-chrome.zip` from [the lastest release](https://git.odit.services/kauft.es/linkylinky-chrome/releases)

BIN
docs/extension_created.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
docs/extension_opened.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
docs/fullpage_closed.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
docs/fullpage_copy.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 54 KiB

BIN
docs/fullpage_created.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

BIN
docs/fullpage_opened.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

2
package.json
View File

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

31
src/index.html
View File

@@ -13,6 +13,19 @@
} }
</style> </style>
</head> </head>
<style>
/* CHECKBOX TOGGLE SWITCH */
/* @apply rules for documentation, these do not work as inline style */
.toggle-checkbox:checked {
@apply: right-0 border-green-400;
right: 0;
border-color: #68D391;
}
.toggle-checkbox:checked + .toggle-label {
@apply: bg-green-400;
background-color: #68D391;
}
</style>
<body> <body>
<div class="p-4 flex items-center justify-center bg-white"> <div class="p-4 flex items-center justify-center bg-white">
@@ -69,6 +82,24 @@
placeholder="custom url" /> placeholder="custom url" />
</div> </div>
</div> </div>
<div id="bot_container">
<div class="mt-1 flex rounded-md shadow-sm">
<label for="toggle" class="text-base text-gray-700 pr-2">Disable Preview:</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="bot_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 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="hidden" name="shorturl_container" id="shorturl_container">
<div class="inline-flex w-full" id="shorturl_copy" data-clipboard-target="#shorturl"> <div class="inline-flex w-full" id="shorturl_copy" data-clipboard-target="#shorturl">
<p name="shorturl" id="shorturl" class:bg-green-200={copied} <p name="shorturl" id="shorturl" class:bg-green-200={copied}

10
src/main.js
View File

@@ -25,7 +25,9 @@ document.getElementById("create").onclick = createUrl;
function createUrl() { function createUrl() {
let shorturl = { let shorturl = {
target: document.getElementById("target").value, target: document.getElementById("target").value,
shortcode: document.getElementById("shortcode").value shortcode: document.getElementById("shortcode").value,
no_preview: document.getElementById("bot_toggle").value,
clientside: document.getElementById("clientside_toggle").value
}; };
if (shorturl.shortcode == "" | !shorturl.shortcode) { if (shorturl.shortcode == "" | !shorturl.shortcode) {
@@ -49,6 +51,8 @@ function createUrl() {
document.getElementById("shorturl_container").className = ""; document.getElementById("shorturl_container").className = "";
document.getElementById("target_container").className = "hidden"; document.getElementById("target_container").className = "hidden";
document.getElementById("shortcode_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("create").classList.add("hidden");
document.getElementById("reset").classList.remove("hidden"); document.getElementById("reset").classList.remove("hidden");
}); });
@@ -94,6 +98,10 @@ function reset() {
document.getElementById("target").value = tabs[0].url; document.getElementById("target").value = tabs[0].url;
document.getElementById("target_container").className = ""; document.getElementById("target_container").className = "";
document.getElementById("shortcode_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"); document.getElementById("create").classList.remove("hidden");
}); });
} }