cupcakearmy/blaze
1
0
Fork 0
mirror of https://github.com/cupcakearmy/blaze.git synced 2024-12-22 08:16:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make things pretty

Browse Source
This commit is contained in:
Danny Spina 2023-06-19 00:44:17 +02:00
parent 0fc6d475dd
commit c54ef6d4a3
2 changed files with 15 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
dist/index.html vendored
View File

@ -1,24 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<h1>Welcome to Blaze this PAge</h1>
<p>Paste here the URL you want to wisit</p>
<label for="url">URL to blaze</label>
<input name="" utl id="typ" type="text" placeholder="Write an URL..." />
<button>BLAZE IT!</button>
<script>
const button = document.querySelector("button");
const input = document.querySelector("input");
button.addEventListener("click", function () {
const blazeUrl = "https://ill-red-skunk-wig.cyclic.app";
location.href = `${blazeUrl}?at=${input.value}`;
});
</script>
</body>
</html>
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Blaze This Page</title></head><body><h1>Welcome to Blaze this Page</h1><label for="u">URL to blaze</label><input name="u" id="u" type="text" placeholder="Write an URL..."><button>BLAZE IT!</button><hr><h2>What?</h2><p>What is "Blaze this page"? It is a small service that provides a minimal version of a web page. Simply paste a URL and click the button to obtain an extremely lightweight version of the page, concentrating solely on the content.</p><h2>Why?</h2><p>One day, I exceeded my monthly data limit for high-speed browsing. Consequently, my internet speed was reduced significantly. As a result, web pages took an extremely long time to load, and I encountered timeout errors 90% of the time. It was at that moment I contemplated a solution to this issue and conceived the idea of Blaze this page.</p><h3>How?</h3><p>It's actually very straightforward. When you click on "BLAZE IT!", the URL changes to https://ill-red-skunk-wig.cyclic.app?at= followed by the URL you pasted. This address is where the backend is hosted. When the site is accessed with the "at" parameter, a simple Node.js application retrieves the content and generates an extremely lightweight version of the page, retaining only the essential elements: the content. This minimal page is the result of the request and will be displayed in your browser.</p><h3>Does it work?</h3><p>Yes. The purpose of keeping this page as minimal as possible is to make it significantly lighter than a typical webpage. As a result, even with a poor internet connection, you can load this page relatively quickly. When you click on "BLAZE IT!", you receive a webpage that is only a few kilobytes in size instead of several megabytes. This makes it feasible to load the page even under challenging connection conditions, preventing timeout errors from occurring.</p><script>const b = document.querySelector("button"),
i = document.querySelector("input");
b.addEventListener("click", () => {
location.href = `https://ill-red-skunk-wig.cyclic.app?at=${i.value}`;
});</script></body></html>

16
index.ts
View File

@ -2,15 +2,23 @@ import express from "express";
import { Readability } from "@mozilla/readability";
import { JSDOM } from "jsdom";
import got from "got";
import path from "path";
import { fileURLToPath } from "url";
const app = express();
const port = 5763;
const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);
let url: string
app.get("/", (req, res) => {
const url = req.query.at as string;
url = req.query.at as string;
if (!url) {
res.send("URL not valid");
res.sendFile(path.join(__dirname + "/dist/index.html"));
}
got(url)
@ -30,7 +38,3 @@ app.get("/", (req, res) => {
console.log(err);
});
});
app.listen(port, () => {
console.log(`Example app listening on port ${port}`);
});