Fix URL across both ends #16
7 changed files with 63 additions and 19 deletions
|
@ -1,13 +1,10 @@
|
||||||
Server:
|
Server:
|
||||||
host: 127.0.0.1
|
host: 127.0.0.1
|
||||||
port: 8000
|
port: 8000
|
||||||
|
scheme: http
|
||||||
cors: False
|
cors: False
|
||||||
static_folder: frontend/build
|
static_folder: frontend/build
|
||||||
|
|
||||||
Web:
|
|
||||||
host: 127.0.0.1
|
|
||||||
port: 8000
|
|
||||||
|
|
||||||
Database:
|
Database:
|
||||||
username: foo
|
username: foo
|
||||||
password: bar
|
password: bar
|
||||||
|
|
|
@ -3,8 +3,9 @@ import "./URLShortener.css";
|
||||||
import axios from "axios";
|
import axios from "axios";
|
||||||
import { ToastContainer, toast } from "react-toastify";
|
import { ToastContainer, toast } from "react-toastify";
|
||||||
import "react-toastify/dist/ReactToastify.css";
|
import "react-toastify/dist/ReactToastify.css";
|
||||||
|
import Config from "../../config"
|
||||||
|
|
||||||
export default function () {
|
export default function URLShortener() {
|
||||||
const [url, setUrl] = useState<string>("");
|
const [url, setUrl] = useState<string>("");
|
||||||
const [shortenedUrl, setShortenedUrl] = useState<string>("");
|
const [shortenedUrl, setShortenedUrl] = useState<string>("");
|
||||||
const [showInput, setShowInput] = useState<boolean>(false);
|
const [showInput, setShowInput] = useState<boolean>(false);
|
||||||
|
@ -28,19 +29,20 @@ export default function () {
|
||||||
}
|
}
|
||||||
|
|
||||||
try {
|
try {
|
||||||
const timestamp = Math.floor(Date.now() / 1000);
|
const config = Config()
|
||||||
|
const api_endpoint = "/api/v1/shorten";
|
||||||
|
|
||||||
|
const api_url = `${config.url}${api_endpoint}`;
|
||||||
|
|
||||||
// Send the POST request to the backend
|
// Send the POST request to the backend
|
||||||
await axios
|
await axios
|
||||||
.post("http://127.0.0.1:8000/api/v1/shorten", {
|
.post(api_url , {
|
||||||
url: url,
|
url: url
|
||||||
timestamp: timestamp,
|
|
||||||
})
|
})
|
||||||
.then((response) => {
|
.then((response) => {
|
||||||
if (response) {
|
if (response) {
|
||||||
const code: string = response.data.url;
|
const shortUrl: string = response.data.url;
|
||||||
const fullShortenedUrl: string = `http://127.0.0.1:8000/r/${code}`;
|
setShortenedUrl(shortUrl);
|
||||||
setShortenedUrl(fullShortenedUrl);
|
|
||||||
setShowInput(true);
|
setShowInput(true);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
12
frontend/src/config.json
Normal file
12
frontend/src/config.json
Normal file
|
@ -0,0 +1,12 @@
|
||||||
|
{
|
||||||
|
"frontend": {
|
||||||
|
"scheme": "http",
|
||||||
|
"host": "127.0.0.1",
|
||||||
|
"port": "8000"
|
||||||
|
},
|
||||||
|
"api": {
|
||||||
|
"scheme": "http",
|
||||||
|
"host": "127.0.0.1",
|
||||||
|
"port": "8000"
|
||||||
|
}
|
||||||
|
}
|
24
frontend/src/config.tsx
Normal file
24
frontend/src/config.tsx
Normal file
|
@ -0,0 +1,24 @@
|
||||||
|
import configuration from './config.json';
|
||||||
|
|
||||||
|
class APIConfig {
|
||||||
|
scheme: string;
|
||||||
|
host: string;
|
||||||
|
port: string;
|
||||||
|
url: string;
|
||||||
|
|
||||||
|
constructor(scheme: string, host: string, port: string) {
|
||||||
|
this.scheme = scheme;
|
||||||
|
this.host = host;
|
||||||
|
this.port = port;
|
||||||
|
this.url = `${scheme}://${host}:${port}`
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function Config() {
|
||||||
|
const scheme = configuration.api.scheme;
|
||||||
|
const host = configuration.api.host;
|
||||||
|
const port = configuration.api.port;
|
||||||
|
|
||||||
|
const apiConfig = new APIConfig(scheme, host, port);
|
||||||
|
return apiConfig
|
||||||
|
}
|
|
@ -1,10 +1,8 @@
|
||||||
#!/usr/bin/env python3
|
#!/usr/bin/env python3
|
||||||
import argparse
|
import argparse
|
||||||
import asyncio
|
|
||||||
import logging
|
import logging
|
||||||
import pathlib
|
import pathlib
|
||||||
import sys
|
import sys
|
||||||
import time
|
|
||||||
import typing
|
import typing
|
||||||
|
|
||||||
from sqlalchemy import create_engine, exc
|
from sqlalchemy import create_engine, exc
|
||||||
|
@ -53,7 +51,7 @@ def main() -> typing.NoReturn:
|
||||||
sys.exit(0)
|
sys.exit(0)
|
||||||
|
|
||||||
|
|
||||||
def shorten_it(config: dict, session: Session, data: str, ttl: int):
|
def shorten_it(config: dict, session: Session, data: str, ttl: int = 0):
|
||||||
shortener = Shortener(session, config)
|
shortener = Shortener(session, config)
|
||||||
identifier = shortener.generate_uuid()
|
identifier = shortener.generate_uuid()
|
||||||
if identifier:
|
if identifier:
|
||||||
|
|
|
@ -21,7 +21,7 @@ class Pointer(base.Base):
|
||||||
__tablename__ = "pointers"
|
__tablename__ = "pointers"
|
||||||
id: Mapped[int] = mapped_column(primary_key=True, index=True, init=False)
|
id: Mapped[int] = mapped_column(primary_key=True, index=True, init=False)
|
||||||
data: Mapped[str] = mapped_column(index=True)
|
data: Mapped[str] = mapped_column(index=True)
|
||||||
ttl: Mapped[str]
|
ttl: Mapped[int]
|
||||||
link_id: Mapped[int] = mapped_column(ForeignKey("links.id"))
|
link_id: Mapped[int] = mapped_column(ForeignKey("links.id"))
|
||||||
link: Mapped["Link"] = relationship(back_populates="pointers")
|
link: Mapped["Link"] = relationship(back_populates="pointers")
|
||||||
timestamp: Mapped[datetime] = mapped_column(default=func.now())
|
timestamp: Mapped[datetime] = mapped_column(default=func.now())
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
import logging
|
import logging
|
||||||
from pathlib import Path
|
from pathlib import Path
|
||||||
|
from urllib.parse import urlunparse
|
||||||
|
|
||||||
import trafaret
|
import trafaret
|
||||||
from flask import Flask, abort, redirect, request, send_from_directory
|
from flask import Flask, abort, redirect, request, send_from_directory
|
||||||
|
@ -56,12 +57,22 @@ class SiteHandler:
|
||||||
self.shorten_url = shorten_url
|
self.shorten_url = shorten_url
|
||||||
self.lenghten_url = lenghten_url
|
self.lenghten_url = lenghten_url
|
||||||
self.shortenit_load_format = trafaret.Dict(
|
self.shortenit_load_format = trafaret.Dict(
|
||||||
{trafaret.Key("url"): trafaret.URL, trafaret.Key("timestamp"): trafaret.Int}
|
{trafaret.Key("url"): trafaret.URL}
|
||||||
)
|
)
|
||||||
|
|
||||||
def _get_server_config(self):
|
def _get_server_config(self):
|
||||||
return self.configuration.get("Server", None)
|
return self.configuration.get("Server", None)
|
||||||
|
|
||||||
|
def _get_host(self):
|
||||||
|
host = self._get_server_config()["host"]
|
||||||
|
port = self._get_server_config()["port"]
|
||||||
|
scheme = self._get_server_config()["scheme"]
|
||||||
|
return scheme, host, port
|
||||||
|
|
||||||
|
def _get_url(self, stub):
|
||||||
|
scheme, host, port = self._get_host()
|
||||||
|
return urlunparse((scheme, f"{host}:{port}", f"/r/{stub}", "", "", ""))
|
||||||
|
|
||||||
def shortenit(self):
|
def shortenit(self):
|
||||||
data = request.get_json()
|
data = request.get_json()
|
||||||
try:
|
try:
|
||||||
|
@ -72,12 +83,12 @@ class SiteHandler:
|
||||||
self.logger.error(e)
|
self.logger.error(e)
|
||||||
abort(400)
|
abort(400)
|
||||||
try:
|
try:
|
||||||
short_url = self.shorten_url(
|
stub = self.shorten_url(
|
||||||
self.configuration.get("Shortener", None),
|
self.configuration.get("Shortener", None),
|
||||||
self.database,
|
self.database,
|
||||||
data["url"],
|
data["url"],
|
||||||
data["timestamp"],
|
|
||||||
)
|
)
|
||||||
|
short_url = self._get_url(stub)
|
||||||
except KeyError as e:
|
except KeyError as e:
|
||||||
self.logger.error(e)
|
self.logger.error(e)
|
||||||
abort(400)
|
abort(400)
|
||||||
|
|
Loading…
Reference in a new issue