blitzwing/cobalt-7
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

just a clean up

Browse source 
- moved pattern testers out of match module (thanks you @radkii)
- button borders are now easier to see

the reason this commit exists is because i tried to implement a language picker and failed to do it properly so here we are
This commit is contained in:
wukko 2022-08-04 17:22:40 +06:00
parent aa9bb7d5d5
commit 2212ea7dc8
10 changed files with 139 additions and 125 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/cobalt.js
View file

@ -12,7 +12,7 @@ import renderPage from "./modules/pageRender.js";
import { apiJSON, languageCode } from "./modules/sub/utils.js";
import { Bright, Cyan } from "./modules/sub/consoleText.js";
import stream from "./modules/stream/stream.js";
import loc from "./localization/manager.js";
import loc, { loadLoc } from "./localization/manager.js";
import { buildFront } from "./modules/build.js";
const commitHash = shortCommit();

23
src/front/cobalt.css
View file

@ -2,6 +2,7 @@
--transparent: rgba(0, 0, 0, 0);
--without-padding: calc(100% - 4rem);
--border-15: 0.15rem solid var(--accent);
--font-mono: 'Noto Sans Mono', 'Consolas', 'SF Mono', monospace;
}
@media (prefers-color-scheme: dark) {
:root {
@ -44,7 +45,7 @@ body {
margin: 0;
background: var(--background);
color: var(--accent);
font-family: 'Noto Sans Mono', 'Consolas', 'SF Mono', monospace;
font-family: var(--font-mono);
user-select: none;
-webkit-tap-highlight-color: var(--transparent);
overflow: hidden;
@ -89,7 +90,7 @@ a {
button {
background: none;
border: none;
font-family: 'Noto Sans Mono', 'Consolas', 'SF Mono', monospace;
font-family: var(--font-mono);
color: var(--accent);
font-size: 0.9rem;
}
@ -130,7 +131,7 @@ input[type="checkbox"] {
font-size: 1rem;
}
.mono {
font-family: 'Noto Sans Mono', 'Consolas', 'SF Mono', monospace;
font-family: var(--font-mono);
}
.center {
top: 50%;
@ -169,13 +170,13 @@ input[type="checkbox"] {
color: var(--accent);
border: 0;
float: right;
border-bottom: 0.1rem solid var(--accent-unhover);
border-bottom: 0.15rem solid var(--accent-unhover);
transition: border-bottom 0.2s;
outline: none;
}
#url-input-area:focus {
outline: none;
border-bottom: 0.1rem solid var(--accent);
border-bottom: var(--border-15);
}
#download-button {
height: 2.5rem;
@ -334,7 +335,7 @@ input[type="checkbox"] {
align-content: center;
padding: 0.6rem;
padding-right: 1rem;
border: 0.1rem solid;
border: var(--border-15);
width: auto;
margin: 0 0.5rem 0.5rem 0;
}
@ -364,8 +365,8 @@ input[type="checkbox"] {
color: var(--accent-unhover-2);
}
.switch {
border-top: solid 0.1rem var(--accent);
border-bottom: solid 0.1rem var(--accent);
border-top: var(--border-15);
border-bottom: var(--border-15);
padding: 0.8rem;
width: 100%;
text-align: center;
@ -376,13 +377,13 @@ input[type="checkbox"] {
cursor: pointer;
}
.switch.full {
border: solid 0.1rem var(--accent);
border: var(--border-15);
}
.switch.left {
border-left: solid 0.1rem var(--accent);
border-left: var(--border-15);
}
.switch.right {
border-right: solid 0.1rem var(--accent);
border-right: var(--border-15);
}
.switch.space-right {
margin-right: 1rem

4
src/front/cobalt.js
View file

@ -41,7 +41,7 @@ function changeDownloadButton(action, text) {
break;
}
}
document.addEventListener("keydown", function(event) {
document.addEventListener("keydown", function (event) {
if (event.key == "Tab") {
eid("download-button").value = '>>'
eid("download-button").style.padding = '0 1rem'
@ -81,7 +81,7 @@ function popup(type, action, text) {
case "download":
if (action == 1) {
eid("pd-download").href = text;
eid("pd-copy").setAttribute("onClick", `copy('pd-copy', '${text}')` );
eid("pd-copy").setAttribute("onClick", `copy('pd-copy', '${text}')`);
}
eid("popup-download").style.visibility = vis(action);
break;

2
src/localization/languages/id.json
View file

@ -1,5 +1,5 @@
{
"name": "bahasa indonesia",
"name": "indonesia",
"code": "id",
"substrings": {
"ContactLink": "<a class=\"text-backdrop\" href=\"{repo}\">beri tau saya</a>"

1
src/localization/manager.js
View file

@ -3,6 +3,7 @@ import { appName, repo } from "../modules/config.js";
import loadJson from "../modules/sub/loadJSON.js";
const locPath = './src/localization/languages'
let loc = {}
export async function loadLoc() {

2
src/modules/config.js
View file

@ -3,7 +3,7 @@ const config = loadJson("./src/config.json");
const packageJson = loadJson("./package.json");
export const
services = loadJson("./src/modules/services/_config.json"),
services = loadJson("./src/modules/servicesConfig.json"),
appName = packageJson.name,
version = packageJson.version,
streamLifespan = config.streamLifespan,

62
src/modules/match.js
View file

@ -1,6 +1,8 @@
import { apiJSON } from "./sub/utils.js";
import { errorUnsupported, genericError } from "./sub/errors.js";
import { testers } from "./servicesPatternTesters.js";
import bilibili from "./services/bilibili.js";
import reddit from "./services/reddit.js";
import twitter from "./services/twitter.js";
@ -12,30 +14,29 @@ import tumblr from "./services/tumblr.js";
export default async function (host, patternMatch, url, ip, lang, format, quality) {
try {
if (!testers[host]) return apiJSON(0, { t: errorUnsupported(lang) });
if (!(testers[host](patternMatch))) throw Error();
let r;
switch (host) {
case "twitter":
if (patternMatch["id"] && patternMatch["id"].length < 20) {
let r = await twitter({
r = await twitter({
id: patternMatch["id"],
lang: lang
});
return (!r.error) ? apiJSON(1, { u: r.split('?')[0] }) : apiJSON(0, { t: r.error })
} else throw Error()
return (!r.error) ? apiJSON(1, { u: r.split('?')[0] }) : apiJSON(0, { t: r.error });
case "vk":
if (patternMatch["userId"] && patternMatch["videoId"] &&
patternMatch["userId"].length <= 10 && patternMatch["videoId"].length == 9) {
let r = await vk({
r = await vk({
userId: patternMatch["userId"],
videoId: patternMatch["videoId"],
lang: lang, quality: quality
});
return (!r.error) ? apiJSON(2,
{ type: "bridge", lang: lang, u: r.url, filename:
r.filename, service: host, ip: ip, salt: process.env.streamSalt }) : apiJSON(0, { t: r.error });
} else throw Error()
return (!r.error) ? apiJSON(2, { type: "bridge", lang: lang, u: r.url, filename: r.filename,
service: host, ip: ip, salt: process.env.streamSalt }) : apiJSON(0, { t: r.error });
case "bilibili":
if (patternMatch["id"] && patternMatch["id"].length >= 12) {
let r = await bilibili({
r = await bilibili({
id: patternMatch["id"].slice(0, 12),
lang: lang
});
@ -45,9 +46,8 @@ export default async function (host, patternMatch, url, ip, lang, format, qualit
filename: r.filename,
salt: process.env.streamSalt, time: r.time
}) : apiJSON(0, { t: r.error });
} else throw Error()
case "youtube":
if (patternMatch["id"] && patternMatch["id"].length >= 11) {
let fetchInfo = {
id: patternMatch["id"].slice(0,11),
lang: lang, quality: quality,
@ -66,18 +66,16 @@ export default async function (host, patternMatch, url, ip, lang, format, qualit
fetchInfo["quality"] = "max";
break;
}
let r = await youtube(fetchInfo);
r = await youtube(fetchInfo);
return (!r.error) ? apiJSON(2, {
type: r.type, u: r.urls, lang: lang, service: host, ip: ip,
filename: r.filename, salt: process.env.streamSalt,
isAudioOnly: fetchInfo["isAudioOnly"] ? fetchInfo["isAudioOnly"] : false,
time: r.time,
}) : apiJSON(0, { t: r.error });
} else throw Error()
case "reddit":
if (patternMatch["sub"] && patternMatch["id"] && patternMatch["title"] &&
patternMatch["sub"].length <= 22 && patternMatch["id"].length <= 10 && patternMatch["title"].length <= 96) {
let r = await reddit({
r = await reddit({
sub: patternMatch["sub"],
id: patternMatch["id"],
title: patternMatch["title"], lang: lang,
@ -87,11 +85,9 @@ export default async function (host, patternMatch, url, ip, lang, format, qualit
service: host, ip: ip,
filename: r.filename, salt: process.env.streamSalt
}) : apiJSON(0, { t: r.error });
} else throw Error()
case "tiktok":
if ((patternMatch["user"] && patternMatch["postId"] && patternMatch["postId"].length <= 21) ||
(patternMatch["id"] && patternMatch["id"].length <= 13)) {
let r = await tiktok({
r = await tiktok({
postId: patternMatch["postId"],
id: patternMatch["id"], lang: lang,
});
@ -100,11 +96,9 @@ export default async function (host, patternMatch, url, ip, lang, format, qualit
service: host, ip: ip,
filename: r.filename, salt: process.env.streamSalt
}) : apiJSON(0, { t: r.error });
} else throw Error()
case "douyin":
if ((patternMatch["postId"] && patternMatch["postId"].length <= 21) ||
(patternMatch["id"] && patternMatch["id"].length <= 13)) {
let r = await douyin({
r = await douyin({
postId: patternMatch["postId"],
id: patternMatch["id"], lang: lang,
});
@ -113,19 +107,15 @@ export default async function (host, patternMatch, url, ip, lang, format, qualit
service: host, ip: ip,
filename: r.filename, salt: process.env.streamSalt
}) : apiJSON(0, { t: r.error });
} else throw Error()
case "tumblr":
if ((patternMatch["id"] && patternMatch["id"].length < 21) ||
(patternMatch["id"] && patternMatch["id"].length < 21 &&
patternMatch["user"] && patternMatch["user"].length <= 32)) {
let r = await tumblr({
r = await tumblr({
id: patternMatch["id"], url: url, user: patternMatch["user"] ? patternMatch["user"] : false,
lang: lang
});
return (!r.error) ? apiJSON(1, { u: r.split('?')[0] }) : apiJSON(0, { t: r.error })
} else throw Error()
return (!r.error) ? apiJSON(1, { u: r.split('?')[0] }) : apiJSON(0, { t: r.error });
default:
return apiJSON(0, { t: errorUnsupported(lang) })
return apiJSON(0, { t: errorUnsupported(lang) });
}
} catch (e) {
return apiJSON(0, { t: genericError(lang, host) })

8
src/modules/pageRender.js
View file

@ -2,7 +2,9 @@ import { services, appName, authorInfo, version, quality, repo, donations } from
import { getCommitInfo } from "./sub/currentCommit.js";
import loc from "../localization/manager.js";
let s = services
let s = services;
let com = getCommitInfo();
let enabledServices = Object.keys(s).filter((p) => {
if (s[p].enabled) {
return true
@ -19,8 +21,6 @@ let donate = ``
for (let i in donations) {
donate += `<div class="subtitle">${i} (REPLACEME)</div><div id="don-${i}" class="text-to-copy" onClick="copy('don-${i}')">${donations[i]}</div>`
}
let com = getCommitInfo();
export default function(obj) {
let isIOS = obj.useragent.toLowerCase().match("iphone os")
try {
@ -196,7 +196,7 @@ export default function(obj) {
</div>
</footer>
</body>
<script type="text/javascript">const loc = {noInternet:"${loc(obj.lang, 'ErrorNoInternet')}", noURLReturned: "${loc(obj.lang, 'ErrorBadFetch')}"}</script>
<script type="text/javascript">const loc = {noInternet:"${loc(obj.lang, 'ErrorNoInternet')}", noURLReturned: "${loc(obj.lang, 'ErrorBadFetch')}"};</script>
<script type="text/javascript" src="cobalt.js"></script>
</html>`;
} catch (err) {

0
src/modules/services/_config.json → src/modules/servicesConfig.json
View file

22
src/modules/servicesPatternTesters.js Normal file
View file

@ -0,0 +1,22 @@
export let testers = {
"twitter": (patternMatch) => (patternMatch["id"] && patternMatch["id"].length < 20),
"vk": (patternMatch) => (patternMatch["userId"] && patternMatch["videoId"] &&
patternMatch["userId"].length <= 10 && patternMatch["videoId"].length == 9),
"bilibili": (patternMatch) => (patternMatch["id"] && patternMatch["id"].length >= 12),
"youtube": (patternMatch) => (patternMatch["id"] && patternMatch["id"].length >= 11),
"reddit": (patternMatch) => (patternMatch["sub"] && patternMatch["id"] && patternMatch["title"] &&
patternMatch["sub"].length <= 22 && patternMatch["id"].length <= 10 && patternMatch["title"].length <= 96),
"tiktok": (patternMatch) => ((patternMatch["user"] && patternMatch["postId"] && patternMatch["postId"].length <= 21) ||
(patternMatch["id"] && patternMatch["id"].length <= 13)),
"douyin": (patternMatch) => ((patternMatch["postId"] && patternMatch["postId"].length <= 21) ||
(patternMatch["id"] && patternMatch["id"].length <= 13)),
"tumblr": (patternMatch) => ((patternMatch["id"] && patternMatch["id"].length < 21) ||
(patternMatch["id"] && patternMatch["id"].length < 21 && patternMatch["user"] && patternMatch["user"].length <= 32)),
};