Spaces:

Dhurgh
/

omnicore

Running

App Files Files Community

omnicore / index.html

Dhurgh

Deploying latest successful pygbag build

1f8029e about 2 months ago

Raw

History Blame Contribute Delete

12.1 kB

	<html lang="en-us"><script src="https://pygame-web.github.io/cdn/0.9.3/pythons.js" type=module id="site" data-python="python3.12" data-LINES=42 data-COLUMNS=132 data-os="vtx,snd,gui" async defer>#<!--

	print("""
	Loading engineroot from engineroot.apk
	Pygbag Version : 0.9.3
	Template Version : 0.9.3
	Python : 3.12
	CDN URL : https://pygame-web.github.io/cdn/0.9.3/
	Screen : 1280x720
	Title : engineroot
	Folder : engineroot
	Authors : pgw
	SPDX-License-Identifier: cookiecutter.spdx

	""")

	import sys
	import asyncio
	import platform
	import json
	from pathlib import Path

	# do not rename
	async def custom_site():
	import embed
	platform.document.body.style.background = "#7f7f7f"

	platform.window.transfer.hidden = true
	platform.window.canvas.style.visibility = "visible"


	bundle = "engineroot"

	# the C or js loader could do that but be explicit.
	appdir = Path(f"/data/data/{bundle}") # /data/data/engineroot
	appdir.mkdir()


	# unpack filesystem from compressed archive into work dir
	if platform.window.location.host.find('.itch.zone')>0:
	import zipfile
	async with platform.fopen("engineroot.apk", "rb") as archive:
	with zipfile.ZipFile(archive) as zip_ref:
	zip_ref.extractall(appdir.as_posix())
	else:
	import tarfile
	async with platform.fopen("engineroot.tar.gz", "rb") as archive:
	tar = tarfile.open(fileobj=archive, mode="r:gz")
	tar.extractall(path=appdir.as_posix(), filter='tar')
	tar.close()

	# preloader will change to work dir and prepend it to sys.path
	platform.run_main(PyConfig, loaderhome= appdir / "assets", loadermain=None)


	# wait preloading complete : that includes images and wasm compilation of bundled modules
	while embed.counter()<0:
	await asyncio.sleep(.1)

	main = appdir / "assets" / "main.py"

	# TODO: test for window.webkitAudioContext and block aio loop until gesture if accessing media manager play
	# before a gesture is recorded ( touch or click )

	# test/wait user media interaction
	if not platform.window.MM.UME:

	# now that apk is mounted we have access to font cache
	# but we need to fill __file__ that is not yet set
	__import__(__name__).__file__ = main

	# now make a prompt
	msg = "Ready to start ! Please click/touch page"
	platform.window.infobox.innerText = msg
	print("\n"4, f" Waiting for media user engagement. {msg} " , "\n"4)

	while not platform.window.MM.UME:
	await asyncio.sleep(.1)

	# start async top level machinery if not started and add a console in any case if requested.
	await TopLevel_async_handler.start_toplevel(platform.shell, console=window.python.config.debug)

	# now that apk is mounted we have access to font cache
	# but we need to fill __file__/__name__ that are not yet set
	__import__(__name__).__file__ = main


	def ui_callback(pkg):
	platform.window.infobox.innerText = f"installing {pkg}"

	await shell.source(main, callback=ui_callback)

	# if you don't reach that step
	# your main.py has an infinite sync loop somewhere !

	platform.window.infobox.style.display = "none"
	platform.window.config.gui_divider = 1
	platform.window.window_resize()
	print("default.tmpl: done")

	shell.interactive()

	asyncio.run( custom_site() )












	# BEGIN BLOCK
	#
	# now this is the html part you can (and should) customize
	# It is not mandatory : pygame-script when it reads the first line (also called
	# shebang ) of above code create absolute minimal widget set
	# required for running with default rules
	#
	# do not alter that comment block it is separating python code from html code
	# =============================================================================
	# --></script><head><!--
	//=============================================================================
	//
	//
	//
	//
	//
	//
	//

	{%- if cookiecutter.comment != "" -%}
	{{cookiecutter.comment}}
	{% endif %}

	--><script type="application/javascript">
	// END BLOCK



	// this dict is available under PyConfig.config from __main__

	config = {
	xtermjs : "1" ,
	_sdl2 : "canvas",
	user_canvas : 0,
	user_canvas_managed : 0,
	gui_divider : 2,
	ume_block : 1,
	can_close : 0,
	archive : "engineroot",
	gui_debug : 2,
	cdn : "https://pygame-web.github.io/cdn/0.9.3/",
	autorun : 0,
	PYBUILD : "3.12",
	fb_ar : 1.77,
	fb_width : "1280",
	fb_height : "720"
	}

	function show_infobox() {
	infobox.style.display = "block";

	// Measure box
	const w = infobox.offsetWidth;
	const h = infobox.offsetHeight;

	// Center in viewport
	const left = (window.innerWidth - w) / 2;
	const top = (window.innerHeight - h) / 2;

	infobox.style.left = left + "px";
	infobox.style.top = top + "px";
	}

	</script>

	<title>engineroot</title>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="viewport" content="height=device-height, initial-scale=1.0">
	<meta name="mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-capable" content="yes"/>


	<link rel="icon" type="image/png" href="favicon.png" sizes="16x16">

	<style>
	#status {
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
	margin-left: 30px;
	font-weight: bold;
	color: rgb(120, 120, 120);
	}

	#progress {
	height: 20px;
	width: 300px;
	}

	#infobox {
	position: fixed; /* center relative to viewport */
	background: green;
	color: blue;
	font-weight: bold;
	padding: 12px 24px;
	/* display: none; */
	z-index: 999999;
	}
	div.emscripten { text-align: center; }
	div.emscripten_border { border: 1px solid black; }
	div.thick_border { border: 4px solid black; }

	/* the canvas must not have any border or padding, or mouse coords will be wrong */
	/* average size of droid screen 470dp x 320dp */
	canvas.emscripten {
	border: 0px none;
	background-color: transparent;
	width: 100%;
	height: 100%;
	z-index: 5;

	padding: 0;
	margin: 0 auto;

	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	}

	body {
	font-family: arial;
	margin: 0;
	padding: none;
	background-color:powderblue;
	}

	.topright{
	position:absolute;
	top:0px;
	right:0px;
	}

	.bottomright {
	position:absolute;
	top: 40%;
	right: 0px;
	}

	.center {
	display: flex;
	align-items: center;
	justify-content: center;
	}

	.trinfo{
	position: relative;
	right: 0px;
	border: 1px solid black;
	}

	.framed{
	position: relative;
	top: 150px;
	right: 10px;
	border: 1px solid black;
	}
	</style>

	<script>
	/*
	if (navigator.serviceWorker)
	navigator.serviceWorker.register("https://pygame-web.github.io/cdn/0.9.3/pygbag0.9.3.js")
	else
	console.warn("Service workers not supported")
	*/
	</script>

	<script src="https://pygame-web.github.io/cdn/0.9.3//browserfs.min.js"></script>

	</head>

	<body>

	<div id="transfer" align=center>
	<!-- <div class="spinner" id='spinner'></div> -->
	<div class="emscripten" id="status">Downloading...</div>
	<div class="emscripten">
	<progress value="0" max="100" id="progress"></progress>
	</div>
	</div>



	<canvas class="emscripten" id="canvas"
	width="1px"
	height="1px"
	oncontextmenu="event.preventDefault()" tabindex=1>
	</canvas>

	<canvas class="emscripten" id="canvas3d"
	width="1280px"
	height="720px"
	oncontextmenu="event.preventDefault()" tabindex=1 hidden>
	</canvas>

	<div id="infobox">Loading, please wait ...</div>

	<div id=html></div>

	<div id=crt class=bottomright >

	<div id="system" hidden>
	<div class="button-container">
	<button id="aiostop" disabled>AIO ⏏︎</button>
	<button id="aiopaused_true" disabled>AIO ■</button>
	<button id="aiopaused_false" disabled>AIO ▶</button>
	<button id="pygame_mixer_music_pause" disabled>Music ■</button>
	</div>

	<div class="button-container">
	<div id=load_min>min</div>
	<div id=load_avg>avg</div>
	<div id=load_max>max</div>
	<button id="load_rst" disabled>RESET</button>
	</div>

	<div id="level">(battery level unknown)</div>
	<div id="stateBattery">(charging state unknown)</div>

	</div>

	<div id=box class="emscripten_border" hidden=true>

	<div id="info" class="trinfo"></div>

	<iframe id="iframe" class="framed" name="iframe"
	width="470px" height="90%"
	allowtransparency="true"
	style="z-index: 10;"
	style="background: #FFFFFF;"
	frameborder="1"
	allowfullscreen="true"
	webkitallowfullscreen="true"
	msallowfullscreen="true"
	mozallowfullscreen="true"
	sandbox="allow-same-origin allow-top-navigation allow-scripts allow-pointer-lock"
	allow="autoplay; fullscreen *; geolocation; microphone; camera; midi; monetization; xr-spatial-tracking; gamepad; gyroscope; accelerometer; xr; cross-origin-isolated"
	src="https://pygame-web.github.io/cdn/0.9.3/empty.html"
	scrolling="yes">
	</iframe>
	</div>

	</div>


	<div id="dlg" hidden>
	<input type="file" id="dlg_multifile" multiple accept="image/*">
	<label for="dlg_multifile">Select files</label>
	</div>

	<div id="pyconsole">
	<div id="terminal" tabIndex=1 align="left"></div>
	</div>

	<script type="application/javascript">

	globalThis.__canvas_resized = (self, ecw, ech) => {
	console.warn("TODO: panda3d canvas monitor", self, ecw, ech)
	}

	async function custom_onload(debug_hidden) {
	// this is called before anything python is loaded
	// make your js customization here
	console.log(__FILE__, "custom_onload")

	pyconsole.hidden = debug_hidden
	system.hidden = debug_hidden
	transfer.hidden = debug_hidden
	info.hidden = debug_hidden
	box.hidden = debug_hidden

	show_infobox()
	}

	function custom_prerun(){
	// no python main and no (MEMFS + VFS) yet.
	console.log(__FILE__, "custom_prerun")

	}

	function custom_postrun(){
	// python main and no VFS filesystem yet.
	console.log(__FILE__, "custom_postrun")

	}

	function debug() {
	// allow to gain access to dev tools from js console
	// but only on desktop. difficult to reach when in iframe
	python.config.debug = true
	custom_onload(false)
	Module.PyRun_SimpleString("shell.uptime()")
	window_resize()
	}

	function info_inline(data){
	document.getElementById("info").innerHTML = data
	}

	function info_online(url) {
	// display info about current APK
	fetch( url /, options /)
	.then((response) => response.text())
	.then((html) => {
	info_inline(html);
	})
	.catch((error) => {
	console.warn(error);
	});
	}

	function frame_online(url) {
	window.frames["iframe"].location = url;
	}

	</script>

	</body>
	</html>