mercuryworkshop-mirror/scramjet
1
0
Fork 0
mirror of https://github.com/MercuryWorkshop/scramjet.git synced 2025-05-13 06:20:02 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

update dev server

Browse source
This commit is contained in:
Percs 2024-05-07 14:57:12 -05:00
parent fda3669ce9
commit 1fd954d49a
2 changed files with 97 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

38
static/index.html
View file

@ -6,39 +6,23 @@
<title>Document</title>
<link rel="prefetch" href="./scramjet.worker.js">
<link rel="prefetch" href="./scramjet.bundle.js">
<style>
body, html, #app {
width:100vw;
height:100vh;
margin: 0;
padding: 0;
background-color:#191724;
overflow: hidden;
}
</style>
<script src="./bare-mux.js" defer></script>
<script src="./bare-client.js" defer></script>
</head>
<body>
<script src="https://unpkg.com/dreamland"></script>
<script src="./ui.js" defer></script>
<script src="./scramjet.codecs.js"></script>
<script src="./scramjet.config.js"></script>
<script>
function App() {
return html`
<input placeholder="Enter URL Here" on:keydown=${async (e) => {
if (e.key === "Enter") {
const url = __scramjet$config.codec.encode(e.target.value);
try {
await registerSw();
} catch (e) {
console.error(e)
}
location = __scramjet$config.prefix + url;
}
}} />
`
}
async function registerSw() {
await navigator.serviceWorker.register("./sw.js", {
scope: __scramjet$config.prefix
})
let bareUrl = (location.protocol === "https:" ? "https" : "http") + "://" + location.host + "/bare/";
await BareMux.SetTransport("BareMod.BareClient", bareUrl);
}
document.body.appendChild(h(App));
</script>
</body>
</html>

86
static/ui.js Normal file
View file

@ -0,0 +1,86 @@
navigator.serviceWorker.register("./sw.js", {
scope: __scramjet$config.prefix
})
BareMux.SetTransport("BareMod.BareClient", (location.protocol === "https:" ? "https" : "http") + "://" + location.host + "/bare/")
const flex = css`display: flex;`;
const col = css`flex-direction: column;`;
const store = $store({
url: "https://google.com",
wispurl: "wss://wisp.mercurywork.shop/",
bareurl: (location.protocol === "https:" ? "https" : "http") + "://" + location.host + "/bare/",
}, { ident: "settings", backing: "localstorage", autosave: "auto" });
BareMux.SetTransport("BareMod.BareClient", (location.protocol === "https:" ? "https" : "http") + "://" + location.host + "/bare/")
function App() {
this.urlencoded = "";
this.css = `
width: 100%;
height:100%;
color: #e0def4;
display: flex;
align-items: center;
justify-content: center;
flex-direction:column;
h1 {
font-family: "Inter";
text-align: center;
}
iframe {
border: 8px solid #11528f;
background-color: #11528f;
border-radius: 25px;
margin: 2em;
width: calc(100% - 4em);
height: calc(100% - 8em);
}
input.bar {
border: none;
outline: none;
color: #191724;
height:2em;
width:60%;
text-align:center;
border-radius: 5px;
background-color: #eb6f92;
}
.cfg * {
margin: 2px;
}
.buttons button {
border: 4px solid #11528f;
background-color: #eb6f92;
color: #191724;
}
.cfg input {
border: 3px solid #3d84a8;
background-color: #eb6f92;
outline: none;
}
`;
return html`
<div>
<h1>Percury Unblocker</h1>
surf the unblocked and mostly buggy web
<div class=${[flex, col, "cfg"]}>
<input bind:value=${use(store.wispurl)}></input>
<input bind:value=${use(store.bareurl)}></input>
<div class=${[flex, "buttons"]}>
<button on:click=${() => BareMux.SetTransport("BareMod.BareClient", store.bareurl)}>use bare server 3</button>
<button on:click=${() => BareMux.SetTransport("CurlMod.LibcurlClient", { wisp: store.wispurl })}>use libcurl.js</button>
<button on:click=${() => BareMux.SetTransport("EpxMod.EpoxyClient", { wisp: store.wispurl })}>use epoxy</button>
<button on:click=${() => BareMux.SetSingletonTransport(new BareMod.BareClient(store.bareurl))}>use bare server 3 (remote)</button>
</div>
</div>
<input class="bar" bind:value=${use(store.url)} on:input=${(e) => (store.url = e.target.value)} on:keyup=${(e) => e.keyCode == 13 && console.log(this.urlencoded = __scramjet$config.prefix + __scramjet$config.codec.encode(e.target.value))} />
<iframe src=${use(this.urlencoded)}></iframe>
</div>
`
}
window.addEventListener("load", () => {
document.body.appendChild(h(App))
})