Skip to content

Instantly share code, notes, and snippets.

@waptik

waptik/webapp.html

Created June 14, 2023 03:58
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save waptik/46d934e6e1bfe308bffe7241de2edcad to your computer and use it in GitHub Desktop.
Save waptik/46d934e6e1bfe308bffe7241de2edcad to your computer and use it in GitHub Desktop.
Download ZIP
rendered webapp page in deno fresh
Raw
webapp.html
<html
lang="en"
style="--tg-viewport-height: 100vh; --tg-viewport-stable-height: 100vh"
>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script
src="/_frsh/refresh.js"
nonce="1734e1df1f3e44caaee66e087bc657e6"
type="module"
></script>
<script
src="/_frsh/js/71bfe5db7eccd769403ed1ed70af3cc6d33468bf/plugin-twind-main.js"
nonce="e0e6e4cf52614eadb0dd9929a2c3ece8"
type="module"
></script>
<script
src="/_frsh/js/71bfe5db7eccd769403ed1ed70af3cc6d33468bf/main.js"
nonce="1c6618ae4bc34f91ad39c291f7209865"
type="module"
></script>
<script
src="/_frsh/js/71bfe5db7eccd769403ed1ed70af3cc6d33468bf/island-trywebapp.js"
nonce="7d591538e7ff4f21a91f5197b0d0cfb1"
type="module"
></script>
<style id="__FRSH_TWIND">
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
padding: 0;
line-height: inherit;
color: inherit;
} /*42*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
} /*4y*/
html {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
"Noto Color Emoji";
} /*5e*/
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
} /*5e*/
hr {
height: 0;
color: inherit;
border-top-width: 1px;
} /*5g*/
input::placeholder,
textarea::placeholder {
opacity: 1;
color: #9ca3af;
} /*5t*/
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
} /*5t*/
button {
background-color: transparent;
background-image: none;
} /*5u*/
body {
font-family: inherit;
line-height: inherit;
} /*5u*/
*,
::before,
::after {
box-sizing: border-box;
border: 0 solid #e5e7eb;
} /*5u*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
} /*5u*/
a {
color: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
} /*5u*/
::-moz-focus-inner {
border-style: none;
padding: 0;
} /*5u*/
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} /*5u*/
pre,
code,
kbd,
samp {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
"Liberation Mono", "Courier New", monospace;
font-size: 1em;
} /*5u*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
vertical-align: middle;
} /*5u*/
img,
video {
max-width: 100%;
height: auto;
} /*5u*/
body,
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre,
fieldset,
ol,
ul {
margin: 0;
} /*69*/
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
} /*69*/
fieldset,
ol,
ul,
legend {
padding: 0;
} /*69*/
textarea {
resize: vertical;
} /*69*/
button,
[role="button"] {
cursor: pointer;
} /*69*/
:-moz-focusring {
outline: 1px dotted ButtonText;
} /*69*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
} /*69*/
summary {
display: list-item;
} /*69*/
:root {
-moz-tab-size: 4;
tab-size: 4;
} /*6a*/
ol,
ul {
list-style: none;
} /*6a*/
img {
border-style: solid;
} /*6a*/
button,
select {
text-transform: none;
} /*6a*/
:-moz-ui-invalid {
box-shadow: none;
} /*6a*/
progress {
vertical-align: baseline;
} /*6a*/
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} /*6a*/
b,
strong {
font-weight: bolder;
} /*6a*/
sub {
bottom: -0.25em;
} /*6a*/
sup {
top: -0.5em;
} /*6a*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} /*6n*/
::-webkit-search-decoration {
-webkit-appearance: none;
} /*6n*/
.my-6 {
margin-bottom: 1.5rem;
margin-top: 1.5rem;
} /*1r4zlrde*/
.mx-auto {
margin-left: auto;
margin-right: auto;
} /*1r4zlrde*/
.w-32 {
width: 8rem;
} /*1r4zlrdt*/
.h-32 {
height: 8rem;
} /*1r4zlrdt*/
.p-4 {
padding: 1rem;
} /*1r4zlrdt*/
.max-w-screen-md {
max-width: 768px;
} /*1r4zlrdu*/
</style>
<script src="https://telegram.org/js/telegram-web-app.js"></script>
<style type="text/css">
@font-face {
font-weight: 400;
font-style: normal;
font-family: circular;
src: url("chrome-extension://liecbddmkiiihnedobmlmillhodjkdmb/fonts/CircularXXWeb-Book.woff2")
format("woff2");
}
@font-face {
font-weight: 700;
font-style: normal;
font-family: circular;
src: url("chrome-extension://liecbddmkiiihnedobmlmillhodjkdmb/fonts/CircularXXWeb-Bold.woff2")
format("woff2");
}
</style>
</head>
<body>
<div class="wrapper">
<div class="p-4 mx-auto max-w-screen-md">
<img
src="/logo.svg?__frsh_c=71bfe5db7eccd769403ed1ed70af3cc6d33468bf"
class="w-32 h-32"
alt="the fresh logo: a sliced lemon dripping with juice"
/>
<p class="my-6">
Welcome to `fresh`. Try updating this message in the
./routes/index.tsx file, and refresh.
</p>
<div>TryWebApp</div>
</div>
</div>
<script id="__FRSH_STATE" type="application/json">
[
[{}],
[
[
"wrapper",
"w-32",
"h-32",
"my-6",
"p-4",
"mx-auto",
"max-w-screen-md"
]
]
]
</script>
<script type="module" nonce="89a95616eef84dcf8a4de72a201b4f88">
const STATE_COMPONENT = document.getElementById("__FRSH_STATE");
const STATE = JSON.parse(STATE_COMPONENT?.textContent ?? "[[],[]]");
import p0 from "/_frsh/js/71bfe5db7eccd769403ed1ed70af3cc6d33468bf/plugin-twind-main.js";
p0(STATE[1][0]);
import { revive } from "/_frsh/js/71bfe5db7eccd769403ed1ed70af3cc6d33468bf/main.js";
import TryWebApp from "/_frsh/js/71bfe5db7eccd769403ed1ed70af3cc6d33468bf/island-trywebapp.js";
revive({ trywebapp: TryWebApp }, STATE[0]);
</script>
<div id="loom-companion-mv3" ext-id="liecbddmkiiihnedobmlmillhodjkdmb">
<section id="shadow-host-companion"></section>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment