From c6a1c8f07a0f48421b0af52cb2e4288fa1476fb0 Mon Sep 17 00:00:00 2001
From: Elijah Cohen <eli@eli173.com>
Date: Wed, 1 Jan 2025 12:39:02 -0600
Subject: [PATCH 1/1] minimal functional example

---
 .gitignore    |   1 +
 Makefile      |   8 +++++++
 icon.png      | Bin 0 -> 3675 bytes
 main.c        |  33 ++++++++++++++++++++++++++++
 manifest.json |  16 ++++++++++++++
 shell.html    |  59 ++++++++++++++++++++++++++++++++++++++++++++++++++
 sw.js         |  17 +++++++++++++++
 7 files changed, 134 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 Makefile
 create mode 100644 icon.png
 create mode 100644 main.c
 create mode 100644 manifest.json
 create mode 100644 shell.html
 create mode 100644 sw.js

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..bdb90ee
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+/outdir/
diff --git a/Makefile b/Makefile
new file mode 100644
index 0000000..1b460f3
--- /dev/null
+++ b/Makefile
@@ -0,0 +1,8 @@
+
+
+all: main.c shell.html
+	mkdir -p outdir
+	emcc main.c --shell-file shell.html -o outdir/index.html -s NO_EXIT_RUNTIME=1 -s "EXPORTED_RUNTIME_METHODS=['ccall']"
+	cp manifest.json outdir
+	cp sw.js outdir
+	cp icon.png outdir
diff --git a/icon.png b/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..6dfd1bd942270b1e334b152595581e5581a3e72d
GIT binary patch
literal 3675
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

literal 0
HcmV?d00001

diff --git a/main.c b/main.c
new file mode 100644
index 0000000..f6a6a50
--- /dev/null
+++ b/main.c
@@ -0,0 +1,33 @@
+#ifdef __EMSCRIPTEN__
+
+#include <stdio.h>
+#include <string.h>
+#include <stdlib.h>
+#include <emscripten/emscripten.h>
+
+int main() {
+	printf("hello, world!\ntell me something\n");
+	return 0;
+}
+
+void reverse(char* s) {
+	char* start = s;
+	char* end = s - 1+ strlen(s);
+	char tmp;
+	while(start < end) {
+		tmp = *start;
+		*start = *end;
+		*end = tmp;
+		start++;
+		end--;
+	}
+}
+
+EMSCRIPTEN_KEEPALIVE char* do_this(char* in) {
+	char* out = strdup(in);
+	reverse(out);
+	return out;
+}
+
+
+#endif
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..f84a778
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,16 @@
+{
+  "background_color": "#8E5DCE",
+  "description": "minimal example",
+  "display": "fullscreen",
+  "icons": [
+    {
+      "src": "icon.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "name": "min-ex",
+  "short_name": "min-ex",
+  "start_url": "."
+}
+
diff --git a/shell.html b/shell.html
new file mode 100644
index 0000000..39613a7
--- /dev/null
+++ b/shell.html
@@ -0,0 +1,59 @@
+<!doctype html>
+<html lang="en-us">
+  <head>
+    <meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<link rel="manifest" href="manifest.json" />
+		<link rel="shortcut icon" type="image/jpg" href="icon.png"/>
+    <title>minmal example</title>
+  </head>
+  <body>
+			<div id="outzone"></div>
+			<form id="inform">
+				<input id="in" type="text" autocorrect="off" autocapitalize="off"></input>
+			</form>
+		<script type='text/javascript'>
+			var Module = {
+					print: (function() {
+							var element = document.getElementById('outzone');
+							if (element) element.textContent = '';
+							return (...args) => {
+									var text = args.join(' ');
+									console.log(text);
+									if (element) {
+											let printelt = document.createElement('div');
+											printelt.textContent += text + "\n";
+											element.appendChild(printelt);
+									}
+							};
+					})(),
+			};
+			document.getElementById("inform").addEventListener("submit", e => {
+					e.preventDefault();
+					let outzone = document.getElementById("outzone");
+					let inelt = document.createElement('div');
+					let input = e.target[0].value
+					inelt.textContent += "<- " + input + "\n"
+					outzone.appendChild(inelt);
+					let outelt = document.createElement('div');
+					let output = Module.ccall("do_this", 'string', ['string'], [input])
+					outelt.textContent += " -> " + output + "\n"
+					outzone.appendChild(outelt);
+					let prompt = document.createElement('div');
+					prompt.textContent = "tell me something else: ";
+					outzone.appendChild(prompt);
+					document.getElementById("in").value = "";
+			});
+
+			if('serviceWorker' in navigator) {
+					console.log('registering');
+					navigator.serviceWorker.register('./sw.js')
+							.then(() => { console.log('sw reg'); });
+			}
+			else {
+					console.log('no sw in nav');
+			}
+			</script>
+		{{{ SCRIPT }}}
+	</body>
+</html>
diff --git a/sw.js b/sw.js
new file mode 100644
index 0000000..b00b84b
--- /dev/null
+++ b/sw.js
@@ -0,0 +1,17 @@
+self.addEventListener('install', (event) => {
+		event.waitUntil(
+				caches.open('minex').then((cache) => cache.addAll([
+						'./',
+						'./index.html',
+						'./icon.png',
+						'./index.js',
+						'./index.wasm',
+				]))
+		)});
+
+self.addEventListener('fetch', (event) => {
+		event.respondWith(
+				caches.match(event.request).then((response) => response || fetch(event.request))
+		);
+});
+
-- 
2.39.2