Compare commits
3 Commits
3803ac9197
...
eb96408d33
Author | SHA1 | Date | |
---|---|---|---|
eb96408d33 | |||
11bd1b4f1f | |||
e3214084f6 |
9
migrations/20210925182457_clientside_redirect.js
Normal file
9
migrations/20210925182457_clientside_redirect.js
Normal file
@ -0,0 +1,9 @@
|
||||
exports.up = function(knex) {
|
||||
return knex.schema.table('urls', function (table) {
|
||||
table.boolean('clientside').defaultTo(false);
|
||||
});
|
||||
};
|
||||
|
||||
exports.down = function(knex) {
|
||||
|
||||
};
|
331
src/server.js
331
src/server.js
@ -104,7 +104,7 @@ fastify.get('/:shortcode', async (req, res) => {
|
||||
if (!shortcode) {
|
||||
return 404;
|
||||
}
|
||||
const target = await knex.select('target', 'no_preview')
|
||||
const target = await knex.select('target', 'no_preview', 'clientside')
|
||||
.from('urls')
|
||||
.where('shortcode', '=', shortcode)
|
||||
.limit(1);
|
||||
@ -113,33 +113,13 @@ fastify.get('/:shortcode', async (req, res) => {
|
||||
}
|
||||
|
||||
if (isBot(req.headers['user-agent']) && target[0].no_preview) {
|
||||
return `
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta property="og:title" content="LinkyLinky">
|
||||
<meta property="og:site_name" content="LinkyLinky by Kauft.es">
|
||||
<meta property="og:url" content="https://kauft.es/">
|
||||
<meta property="og:description" content="LinkyLinky by Kauft.es is a custom url shortener. You're reading this, b/c someone doesn't want their shorturl to be indexed by bots/crawlers/spiders.">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="og:image" content="https://kauft.es/dashboard/icon_128.png">
|
||||
res.type("text/html");
|
||||
return bot_html;
|
||||
}
|
||||
|
||||
<title>LinkyLinky</title>
|
||||
</head>
|
||||
<body>
|
||||
<p align="center">
|
||||
<img height="150" src="https://kauft.es/dashboard/icon_128.png">
|
||||
<h1 align="center">LinkyLinky 🔗</h1>
|
||||
<h3 align="center">A small url shortener, originaly developed for kauft.es</h3>
|
||||
<p>LinkyLinky by Kauft.es is a custom url shortener.<br>
|
||||
You're reading this, b/c someone doesn't want their shorturl to be indexed by bots/crawlers/spiders.</p>
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
`;
|
||||
if (target[0].clientside) {
|
||||
res.type("text/html");
|
||||
return clientside_html.replace("{{targeturl}}", target[0].target)
|
||||
}
|
||||
|
||||
res.redirect(302, target[0].target);
|
||||
@ -154,6 +134,7 @@ const newUrlSchema = {
|
||||
target: { type: 'string' },
|
||||
shortcode: { type: 'string' },
|
||||
no_preview: { type: 'boolean' },
|
||||
clientside: { type: 'boolean' }
|
||||
}
|
||||
}
|
||||
};
|
||||
@ -163,6 +144,7 @@ fastify.post('/api', { newUrlSchema }, async (req, res) => {
|
||||
const target = req.body?.target;
|
||||
let shortcode = req.body?.shortcode;
|
||||
let no_preview = req.body?.no_preview || false;
|
||||
let clientside = req.body?.clientside || false;
|
||||
|
||||
//Check if the user provided a target
|
||||
if (!target) {
|
||||
@ -182,7 +164,7 @@ fastify.post('/api', { newUrlSchema }, async (req, res) => {
|
||||
return response;
|
||||
}
|
||||
}
|
||||
const exists = await knex.select('shortcode', 'no_preview')
|
||||
const exists = await knex.select('shortcode', 'no_preview', 'clientside')
|
||||
.from('urls')
|
||||
.where('target', '=', target)
|
||||
.limit(1);
|
||||
@ -192,7 +174,8 @@ fastify.post('/api', { newUrlSchema }, async (req, res) => {
|
||||
url: `${config.getBaseUrl()}/${shortcode}`,
|
||||
shortcode,
|
||||
target,
|
||||
no_preview: exists[0].no_preview
|
||||
no_preview: exists[0].no_preview,
|
||||
clientside: exists[0].clientside
|
||||
}
|
||||
}
|
||||
shortcode = uniqid();
|
||||
@ -214,13 +197,14 @@ fastify.post('/api', { newUrlSchema }, async (req, res) => {
|
||||
}
|
||||
|
||||
//Create a new db entry
|
||||
await knex('urls').insert({ target, shortcode, no_preview });
|
||||
await knex('urls').insert({ target, shortcode, no_preview, clientside });
|
||||
|
||||
return {
|
||||
url: `${config.getBaseUrl()}/${shortcode}`,
|
||||
shortcode,
|
||||
target,
|
||||
no_preview
|
||||
no_preview,
|
||||
clientside
|
||||
}
|
||||
});
|
||||
|
||||
@ -247,7 +231,7 @@ fastify.get('/api/:shortcode', async (req, res) => {
|
||||
return 404;
|
||||
}
|
||||
|
||||
const exists = await knex.select('shortcode', 'target', 'no_preview')
|
||||
const exists = await knex.select('shortcode', 'target', 'no_preview', 'clientside')
|
||||
.from('urls')
|
||||
.where('shortcode', '=', shortcode)
|
||||
.limit(1);
|
||||
@ -264,6 +248,7 @@ fastify.get('/api/:shortcode', async (req, res) => {
|
||||
shortcode: exists[0].shortcode,
|
||||
target: exists[0].target,
|
||||
no_preview: exists[0].no_preview,
|
||||
clientside: exists[0].clientside,
|
||||
visits: visits.length
|
||||
}
|
||||
});
|
||||
@ -350,7 +335,7 @@ fastify.after(() => {
|
||||
|
||||
//Get all urls api route
|
||||
fastify.get('/api', { onRequest: fastify.auth([fastify.basicAuth, fastify.verifyJWT]) }, async (req, res) => {
|
||||
urls = await knex.select('target', 'shortcode', 'no_preview')
|
||||
urls = await knex.select('target', 'shortcode', 'no_preview', 'clientside')
|
||||
.from('urls');
|
||||
|
||||
for (let url of urls) {
|
||||
@ -474,6 +459,286 @@ async function validate(username, password, req, reply) {
|
||||
req.user = username;
|
||||
}
|
||||
|
||||
const bot_html = `<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta property="og:title" content="LinkyLinky">
|
||||
<meta property="og:site_name" content="LinkyLinky by Kauft.es">
|
||||
<meta property="og:url" content="https://kauft.es/">
|
||||
<meta property="og:description" content="LinkyLinky by Kauft.es is a custom url shortener. You're reading this, b/c someone doesn't want their shorturl to be indexed by bots/crawlers/spiders.">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="og:image" content="https://kauft.es/dashboard/icon_128.png">
|
||||
|
||||
<title>LinkyLinky</title>
|
||||
</head>
|
||||
<body>
|
||||
<p align="center">
|
||||
<img height="150" src="https://kauft.es/dashboard/icon_128.png">
|
||||
<h1 align="center">LinkyLinky 🔗</h1>
|
||||
<h3 align="center">A small url shortener, originaly developed for kauft.es</h3>
|
||||
<p>LinkyLinky by Kauft.es is a custom url shortener.<br>
|
||||
You're reading this, b/c someone doesn't want their shorturl to be indexed by bots/crawlers/spiders.</p>
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
`;
|
||||
|
||||
const clientside_html = `<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="robot" content="no-index">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<style>
|
||||
body {
|
||||
background: black;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.containCube {
|
||||
position: relative;
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
perspective: 800px;
|
||||
}
|
||||
|
||||
.containCube .cube {
|
||||
position: absolute;
|
||||
height: 300px;
|
||||
width: 300px;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
margin: auto;
|
||||
box-sizing: border-box;
|
||||
transform-style: preserve-3d;
|
||||
transform-origin: 50% 50%;
|
||||
-webkit-animation: rotate 20s ease-in-out infinite alternate;
|
||||
animation: rotate 20s ease-in-out infinite alternate;
|
||||
}
|
||||
|
||||
.containCube .cubeGroup {
|
||||
position: absolute;
|
||||
display: grid;
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
color: white;
|
||||
text-shadow: 0 0 1px black;
|
||||
border: 3px dashed white;
|
||||
}
|
||||
|
||||
.containCube .cubeGroup h1 {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.containCube .cube-front {
|
||||
transform: translatez(150px);
|
||||
}
|
||||
|
||||
.containCube .cube-rear {
|
||||
transform: translatez(-150px) rotatey(180deg);
|
||||
}
|
||||
|
||||
.containCube .cube-right {
|
||||
transform-origin: 100%;
|
||||
transform: rotatey(90deg) translatex(150px);
|
||||
}
|
||||
|
||||
.containCube .cube-left {
|
||||
transform-origin: 0%;
|
||||
transform: rotatey(-90deg) translatex(-150px);
|
||||
}
|
||||
|
||||
.containCube .cube-bottom {
|
||||
transform-origin: 50% 100%;
|
||||
transform: rotatex(-90deg) translatey(150px);
|
||||
}
|
||||
|
||||
.containCube .cube-top {
|
||||
transform-origin: 50% 0%;
|
||||
transform: rotatex(90deg) translatey(-150px);
|
||||
}
|
||||
|
||||
.containCube .cube-1 {
|
||||
background: red;
|
||||
}
|
||||
|
||||
.containCube .cube-2 {
|
||||
background: red;
|
||||
}
|
||||
|
||||
.containCube .cube-3 {
|
||||
background: red;
|
||||
}
|
||||
|
||||
.containCube .cube-4 {
|
||||
background: red;
|
||||
}
|
||||
|
||||
.containCube .cube-5 {
|
||||
background: red;
|
||||
}
|
||||
|
||||
.containCube .cube-6 {
|
||||
background: red;
|
||||
}
|
||||
|
||||
@-webkit-keyframes rotate {
|
||||
10% {
|
||||
transform: rotate3d(1, 1, 0, 320deg);
|
||||
}
|
||||
|
||||
20% {
|
||||
transform: rotate3d(1, 0, 0, -90deg);
|
||||
}
|
||||
|
||||
30% {
|
||||
transform: rotate3d(1, 1, 0, 440deg);
|
||||
}
|
||||
|
||||
40% {
|
||||
transform: rotate3d(1, 0, 0, -180deg);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: rotate3d(1, 1, 0, 460deg);
|
||||
}
|
||||
|
||||
60% {
|
||||
transform: rotate3d(0, 1, 0, -195deg);
|
||||
}
|
||||
|
||||
70% {
|
||||
transform: rotate3d(1, 1, 0, 172deg);
|
||||
}
|
||||
|
||||
80% {
|
||||
transform: rotate3d(0, 1, 0, -360deg);
|
||||
}
|
||||
|
||||
90% {
|
||||
transform: rotate3d(1, 1, 0, 280deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rotate {
|
||||
10% {
|
||||
transform: rotate3d(1, 1, 0, 320deg);
|
||||
}
|
||||
|
||||
20% {
|
||||
transform: rotate3d(1, 0, 0, -90deg);
|
||||
}
|
||||
|
||||
30% {
|
||||
transform: rotate3d(1, 1, 0, 440deg);
|
||||
}
|
||||
|
||||
40% {
|
||||
transform: rotate3d(1, 0, 0, -180deg);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: rotate3d(1, 1, 0, 460deg);
|
||||
}
|
||||
|
||||
60% {
|
||||
transform: rotate3d(0, 1, 0, -195deg);
|
||||
}
|
||||
|
||||
70% {
|
||||
transform: rotate3d(1, 1, 0, 172deg);
|
||||
}
|
||||
|
||||
80% {
|
||||
transform: rotate3d(0, 1, 0, -360deg);
|
||||
}
|
||||
|
||||
90% {
|
||||
transform: rotate3d(1, 1, 0, 280deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes rotateZed {
|
||||
20% {
|
||||
transform: translatez(100px);
|
||||
}
|
||||
|
||||
40% {
|
||||
transform: translatez(-100px);
|
||||
}
|
||||
|
||||
60% {
|
||||
transform: translatez(100px);
|
||||
}
|
||||
|
||||
80% {
|
||||
transform: translatez(-100px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rotateZed {
|
||||
20% {
|
||||
transform: translatez(100px);
|
||||
}
|
||||
|
||||
40% {
|
||||
transform: translatez(-100px);
|
||||
}
|
||||
|
||||
60% {
|
||||
transform: translatez(100px);
|
||||
}
|
||||
|
||||
80% {
|
||||
transform: translatez(-100px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="containCube">
|
||||
<div class="cube">
|
||||
<div class="cubeGroup cube-front cube-1">
|
||||
<h1>kauft.es</h1>
|
||||
</div>
|
||||
<div class="cubeGroup cube-top cube-2">
|
||||
<h1>kauft.es</h1>
|
||||
</div>
|
||||
<div class="cubeGroup cube-left cube-3">
|
||||
<h1>kauft.es</h1>
|
||||
</div>
|
||||
<div class="cubeGroup cube-right cube-4">
|
||||
<h1>kauft.es</h1>
|
||||
</div>
|
||||
<div class="cubeGroup cube-rear cube-5">
|
||||
<h1>kauft.es</h1>
|
||||
</div>
|
||||
<div class="cubeGroup cube-bottom cube-6">
|
||||
<h1>kauft.es</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
setTimeout(function () {
|
||||
location.replace("{{targeturl}}");
|
||||
}, 3000);//Delay 3 seconds
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
`;
|
||||
|
||||
// Run the server!
|
||||
const start = async () => {
|
||||
try {
|
||||
|
Loading…
x
Reference in New Issue
Block a user