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.1
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

8 Commits
0.1.2 ... 0.3.1

Author SHA1 Message Date
Nicolai Ort
a4071c5380 🚀RELEASE 0.3.1 2021-09-27 16:03:54 +02:00
Nicolai Ort
371e74ebb4 Smol js fix (fuck html attribute names) 2021-09-27 16:03:27 +02:00
Nicolai Ort
318ebc7125 Readme update 4 roadmap 2021-09-25 18:51:23 +02:00
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 75 additions and 5 deletions
Expand all files Collapse all files

23
CHANGELOG.md
View File

@@ -2,9 +2,32 @@
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.1](https://git.odit.services/kauft.es/linkylinky-chrome/compare/0.3.0...0.3.1)
- Smol js fix (fuck html attribute names) [`371e74e`](https://git.odit.services/kauft.es/linkylinky-chrome/commit/371e74ebb40ce07b41efebbcf3bdd6f5f507368a)
- Readme update 4 roadmap [`318ebc7`](https://git.odit.services/kauft.es/linkylinky-chrome/commit/318ebc7125f738f02d3a799d472ef2a652c629d1)
#### [0.3.0](https://git.odit.services/kauft.es/linkylinky-chrome/compare/0.2.0...0.3.0)
> 25 September 2021
- Now w/ clientside switch [`00da368`](https://git.odit.services/kauft.es/linkylinky-chrome/commit/00da368436bb03de628c002d473a220d95e4c984)
- 🚀RELEASE 0.3.0 [`ccb22ba`](https://git.odit.services/kauft.es/linkylinky-chrome/commit/ccb22bad6a5d79ead28620ebac7303896bb08b54)
#### [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)

12
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)
@@ -56,8 +60,10 @@ npm run build:package
- [x] Copy shorturl to deskop - [x] Copy shorturl to deskop
- [x] Notify on copy - [x] Notify on copy
- [x] Generate another url - [x] Generate another url
- [x] Disable bot crawling/chat preview on demand
- [x] Use clientside redirect w/ animation
- [x] Provide different url - [x] Provide different url
- [ ] Project Logo™ - [x] Project Logo™
- [x] Basic error handling - [x] Basic error handling
- [x] Finalize styling - [x] Finalize styling
- [x] Advanced project stuff - [x] Advanced project stuff

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.1",
"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}

12
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").checked,
clientside: document.getElementById("clientside_toggle").checked
}; };
if (shorturl.shortcode == "" | !shorturl.shortcode) { if (shorturl.shortcode == "" | !shorturl.shortcode) {
@@ -49,8 +51,12 @@ 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");
document.getElementById("bot_toggle").checked = false;
document.getElementById("clientside_toggle").checked = false;
}); });
} }
}); });
@@ -94,6 +100,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");
}); });
} }