Compare commits

..

No commits in common. "main" and "main" have entirely different histories.
main ... main

20 changed files with 68 additions and 263 deletions

View file

@ -1,7 +1,3 @@
NAME=Krll
HOST=https://krll.me
CONTACT=mailto:example@gmail.com
POSTGRES_HOST=db:5432
POSTGRES_DATABASE=postgres
POSTGRES_USER=postgres

4
.gitignore vendored
View file

@ -6,6 +6,4 @@ __pycache__/
docker-compose.yml
postgres/
rule.html
postgres/

View file

@ -1,9 +0,0 @@
The MIT License (MIT)
Copyright (c) <year> <copyright holders>
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

View file

@ -1,24 +0,0 @@
# Krll
Krll, a privacy-friendly open source URL shortener
https://krll.me
## Run
1. Copy `.env.example` to `.env` and edit it
- NAME: Krll server's name(ex: Krll)
- HOST: Krll server's host(ex: https://krll.me)
- CONTACT: Server operator's contact info
- POSTGRES_...: PostgreSQL setting(If you'll run postgresql with docker compose, you should edit just 'POSTGRES_PASSWORD', if not, you should edit 'POSTGRES_HOST' to your postgresql's host.)
2. RUN
```bash
# with docker compose
cp docker-compose.example.yml docker-compose.yml
docker compose up -d
# without docker compose
python -m venv venv
source ./venv/bin/activate/
pip install -r requirements.txt
uvicorn main:app --reload
```

32
main.py
View file

@ -7,17 +7,6 @@ from fastapi.templating import Jinja2Templates
from src.database import engine
from src import models
from src.routes.url import url_route
from src.env import NAME, HOST, CONTACT
import os
# server's settings
DEFAULT_CONTEXT = { "name": NAME, "host": HOST, "contact": CONTACT }
# server's rule page
rule_f = open(os.path.join(os.path.dirname(os.path.abspath(__file__)), "rule.html"))
RULE = "\n".join(rule_f.readlines())
models.Base.metadata.create_all(bind=engine)
@ -43,29 +32,12 @@ app.mount("/static", StaticFiles(directory="./static"), name="static")
@app.get("/", response_class=HTMLResponse)
def index(request: Request):
return templates.TemplateResponse(
request=request,
name="index.html",
context=DEFAULT_CONTEXT
)
@app.get("/rule", response_class=HTMLResponse)
def rule(request: Request):
return templates.TemplateResponse(
request=request,
name="rule_frame.html",
context=DEFAULT_CONTEXT | { "rule": RULE }
)
return templates.TemplateResponse(request=request, name="index.html")
@app.get("/about", response_class=HTMLResponse)
def about(request: Request):
return templates.TemplateResponse(
request=request,
name="about.html",
context=DEFAULT_CONTEXT
)
return templates.TemplateResponse(request=request, name="about.html")
app.include_router(url_route.routes)

View file

@ -1,5 +0,0 @@
<h1>Rule</h1>
<ul>
<li>Do not use Krll for spam.</li>
<li>Be legal.</li>
</ul>

View file

@ -4,10 +4,6 @@ import os
load_dotenv()
NAME = os.environ.get("NAME")
HOST = os.environ.get("HOST")
CONTACT = os.environ.get("CONTACT")
POSTGRES_DATABASE = os.environ.get("POSTGRES_DATABASE")
POSTGRES_USER = os.environ.get("POSTGRES_USER")
POSTGRES_PASSWORD = os.environ.get("POSTGRES_PASSWORD")

View file

@ -1,7 +1,5 @@
main {
align-items: center;
display: flex;
flex-direction:column;
}
section {
@ -11,5 +9,4 @@ section {
a {
text-decoration: none;
color: var(--link-color);
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8 KiB

View file

@ -1,26 +0,0 @@
// yeah it's a fucking easter egg :P
export const dQw4w9WgXcQ = {
check: (url) => {
try {
const urlObj = new URL(url);
let videoId = "";
if (urlObj.host.split(".").slice(-2)[0] === "youtube") {
if (urlObj.pathname.split("/")[1] === "watch") {
videoId = urlObj.searchParams.get("v");
} else {
return false;
}
} else if (urlObj.host === "youtu.be") {
videoId = urlObj.pathname.slice(1);
} else {
return false;
}
if (videoId ==="dQw4w9WgXcQ") return true;
return false;
} catch {
return false
}
}
};

View file

@ -1,14 +0,0 @@
const menu_btn = document.getElementById("menu-btn");
const menu = document.getElementById("menu");
menu_btn.onclick = () => {
menu.classList.toggle("show");
}
window.onclick = e => {
if (!e.target.matches(".menu-btn")) {
if (menu.classList.contains("show")) {
menu.classList.remove("show");
}
}
}

View file

@ -2,7 +2,6 @@
* {
font-family: 'Poppins', sans-serif;
box-sizing: border-box;
}
:root {
@ -14,7 +13,7 @@
--text-color: light-dark(black, white);
--footer-text-color: light-dark(rgb(90, 90, 90), rgb(173, 173, 173));
--button-text-color: white;
--link-color: light-dark(#797979, #9e9e9e);
--link-color: light-dark(#2e2e2e, #7a7a7a);
--border-color: light-dark(lightgray, gray);
--border-highlight-color: darkgray;
@ -29,68 +28,14 @@ body {
flex-direction: column;
margin: 0;
background-color: var(--background-color);
padding-top: 100px;
box-sizing: border-box;
}
header ul {
padding: 10px;
margin: 0;
display: flex;
align-items: center;
}
header ul * {
margin: 0 5px;
}
header img {
width: 40px;
height: 40px;
margin-top: 5px;
}
header button {
background: none;
border: none;
cursor: pointer;
}
.menu {
display: none;
flex-direction: column;
font-size: 17px;
background-color: var(--input-background-color);
position: absolute;
margin-top: 5px;
margin-left: 5px;
border-radius: 5px;
width: 200px;
}
.show {
display: flex;
}
.menu a {
text-decoration: none;
color: var(--text-color);
width: 100%;
padding: 20px;
}
.menu a:hover {
background-color: rgba(0, 0, 0, 0.3);
}
/* @media screen and (max-width: 1000px) {
.menu {
width: 100vw;
height: 100%;
}
} */
main {
height: 100%;
display: flex;
flex-direction:column;
flex: 1 0 auto;
}
footer {

View file

@ -1,15 +0,0 @@
main {
align-items: center;
display: flex;
flex-direction: column;
}
section {
width: 90%;
max-width: 600px;
}
a {
text-decoration: none;
color: var(--link-color);
}

View file

@ -1,22 +1,21 @@
const url_input = document.getElementById("url");
const to_shorten_btn = document.getElementById("to-shorten-btn");
const result_container = document.getElementById("result-container");
const short_url = document.getElementById("short-url");
const qr_code = document.getElementById("qr-code");
const error_message = document.getElementById("error");
const copy_message = document.getElementById("copied");
const shorten = async () => {
const original_url = url_input.value;
to_shorten_btn.addEventListener("click", async () => {
const original_url = url_input.value
// check if the url input is empty
if (original_url.length === 0) {
return;
}
const { dQw4w9WgXcQ } = await import("./dQw4w9WgXcQ.js");
if (dQw4w9WgXcQ.check(original_url)) {
location.href = "https://youtu.be/dQw4w9WgXcQ";
return;
// Easter egg: rick roll
if (rickroll.check(original_url)){
window.location.replace("https://youtu.be/dQw4w9WgXcQ");
}
// shorten the long url
@ -37,7 +36,7 @@ const shorten = async () => {
error_message.style.display = "block";
setTimeout(() => error_message.style.display = "none", 5000);
} else {
// some error is occured in the server!
// there is some problems in the server!
alert("Sorry, an error has occured in the server...");
}
@ -45,7 +44,7 @@ const shorten = async () => {
}
const data = await response.json();
const result = `${host}/${data.key}`;
const result = `https://krll.me/${data.key}`
// show the short url
short_url.innerText = result;
@ -53,10 +52,7 @@ const shorten = async () => {
// get the qr code of the short url and show it
qr_code.src = `https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=${result}`;
qr_code.alt = result;
}
to_shorten_btn.addEventListener("click", shorten);
addEventListener("keydown", (event) => { if (event.key === "Enter") shorten() });
});
short_url.addEventListener("click", event => {
// copy the short url to clipboard
@ -70,3 +66,32 @@ short_url.addEventListener("click", event => {
alert("An error has occurred...\n" + error);
});
});
const rickroll = {
check: (url)=>{
try {
const urlObj = new URL(url);
let videoId = "";
if (urlObj.host.split(".").slice(-2)[0] === "youtube") {
if (urlObj.pathname.split("/")[1] === "watch") {
videoId = urlObj.searchParams.get("v");
}
else {
return false;
}
}
else if (urlObj.host === "youtu.be") {
videoId = urlObj.pathname.slice(1);
}
else {
return false
}
if (videoId ==="dQw4w9WgXcQ") return true
return false
}
catch {
return false
}
}
}

View file

@ -1,8 +1,5 @@
main {
align-items: center;
padding-top: 100px;
display: flex;
flex-direction:column;
}
.input-container {

View file

@ -1,5 +1,5 @@
{% extends "layout.html" %}
{% block title %}About Krll{% endblock %}
{% block title %}Krll - URL Shortener{% endblock %}
{% block head %}
{{ super() }}
@ -10,16 +10,25 @@
<main>
<section>
<h2>About Krll</h2>
<p>Krll은 개인정보 수집이 없는 오픈 소스 링크 단축 서비스입니다.</p>
<p>Krll은 개인정보 수집 없이 URL을 단축하는 서비스입니다. 방해꾼 없이 빠르게 URL을 단축하고 공유하세요.</p>
<h3>기여하기</h3>
<p>Krll은 MIT 라이센스가 적용되어 누구나 코드를 사용하고 이 프로젝트에 기여할 수 있습니다. 하지만 한 가지 부탁 드릴 것이 있습니다. <a href="https://nogithub.codeberg.page/">GitHub에 Krll의 코드를 업로드하지 말아주세요.</a></p>
<p><a href="https://git.worldc.one/sunwoo1524/krll">자체 호스팅 중인 Forgejo</a>에서 기여할 수 있습니다.</p>
<h2>특징</h2>
<ul>
<li>개인정보 수집과 광고가 없습니다.</li>
<li>단축 시 QR 코드가 함께 생성되어 다른 디바이스로 빠르게 공유할 수 있습니다.</li>
<li>크롬, 파이어폭스 확장을 설치하여 웹사이트 내의 하이퍼링크를 우클릭 후 메뉴 선택 만으로 빠르게 단축할 수 있습니다.</li>
</ul>
<h3>브라우저 확장</h3>
<p>크롬, 파이어폭스 확장을 설치하여 웹사이트 내의 하이퍼링크를 우클릭 후 메뉴 선택 만으로 빠르게 단축할 수 있습니다.</p>
<h2>브라우저 확장</h2>
<p><a href="https://github.com/sunwoo1524/krll-chrome-extension">Chrome(스토어에 올라와있지 않아 직접 압축 파일로 다운로드하고 설치해야합니다.)</a></p>
<p><a href="https://addons.mozilla.org/ko/firefox/addon/krll-url-shortener/">Firefox</a></p>
<h2>규칙</h2>
<p>이것들을 막을 방법은 없지만 안정적인 서비스 운영을 위해서 따라주세요.</p>
<ul>
<li>대한민국 법에 저촉되는 링크를 단축하지 마세요.</li>
<li>스팸을 위해서 사용하지 마세요.</li>
</ul>
</section>
</main>
{% endblock %}

View file

@ -1,9 +1,9 @@
{% extends "layout.html" %}
{% block title %}Krll URL Shortener{% endblock %}
{% block title %}Krll - URL Shortener{% endblock %}
{% block head %}
{{ super() }}
<link rel="stylesheet" href="{{ url_for('static', path='/index/style.css') }}">
<link rel="stylesheet" href="{{ url_for('static', path='/style.css') }}">
{% endblock %}
{% block content %}
@ -21,9 +21,5 @@
</div>
</main>
<script>
const host = "{{ host }}";
</script>
<script src="{{ url_for('static', path='/index/script.js') }}"></script>
<script src="{{ url_for('static', path='/script.js') }}"></script>
{% endblock %}

View file

@ -5,34 +5,16 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}{% endblock %}</title>
<link rel="icon" href="{{ url_for('static', path='/favicon.ico') }}">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="{{ url_for('static', path='/root.css') }}">
<!-- Import Google Fonts Icons -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,1,0" />
{% endblock %}
</head>
<body>
<header>
<ul>
<button class="menu-btn" id="menu-btn"><span class="menu-btn material-symbols-outlined">menu</span></button>
<a href="/"><img src="{{ url_for('static', path='/images/logo.png') }}" alt="Krll Logo"></a>
</ul>
<div class="menu" id="menu">
<a href="/">Home</a>
<a href="/about">About</a>
<a href="https://git.worldc.one/sunwoo1524/krll">Git Repository</a>
</div>
</header>
{% block content %}{% endblock %}
<footer>
<p><a href="/rule">Rule</a> · <a href="/about">About Krll</a> · <a href="{{ contact }}">Contact</a> · <a href="https://git.worldc.one/sunwoo1524/krll">Git Repository</a></p>
<p>스팸이나 불법적인 용도로 사용하지 말아주세요.</p>
<p><a href="/about">About Krll</a> · <a href="mailto:maengkkong1524@naver.com">Contact</a></p>
</footer>
<script src="{{ url_for('static', path='/menu.js') }}"></script>
</body>
</html>

View file

@ -1,15 +0,0 @@
{% extends "layout.html" %}
{% block title %}About Krll{% endblock %}
{% block head %}
{{ super() }}
<link rel="stylesheet" href="{{ url_for('static', path='/rule/style.css') }}">
{% endblock %}
{% block content %}
<main>
<section>
{{ rule|safe }}
</section>
</main>
{% endblock %}