From 219dba82c0c13d5120e4001d1627d5ea95b2f960 Mon Sep 17 00:00:00 2001
From: Graham Barber <green.cheese8030@fastmail.com>
Date: Fri, 8 Aug 2025 20:26:47 +0000
Subject: [PATCH] refactor(templates): remove web components

---
 templates/components/presentation.eta | 65 ---------------------------
 templates/components/slide.eta        | 44 ------------------
 2 files changed, 109 deletions(-)
 delete mode 100644 templates/components/presentation.eta
 delete mode 100644 templates/components/slide.eta

diff --git a/templates/components/presentation.eta b/templates/components/presentation.eta
deleted file mode 100644
index 61c0092..0000000
--- a/templates/components/presentation.eta
+++ /dev/null
@@ -1,65 +0,0 @@
-<script type="module">
-	import { LitElement, html, css } from 'lit';
-
-	class Presentation extends LitElement {
-		static properties = {
-			uuid: { type: String }
-		}
-	
-		static styles = css`
-			:host {
-				display: block;
-		    width: 100vw;
-		    height: 100vh;
-		    overflow-y: scroll;
-		    scroll-behavior: smooth;
-		    scroll-snap-type: y mandatory;
-			}
-		`
-
-		constructor() {
-			super()
-
-			this.observer = new IntersectionObserver(this.updateUrl, {
-				root: this,
-				threshold: 1
-			})
-		}
-
-		connectedCallback() {
-			super.connectedCallback()
-			document.addEventListener("readystatechange", e => {
-				if (event.target.readyState === "complete") {
-					const url = new URL(document.URL)
-
-					if (url.hash) {
-						document.querySelector(url.hash).scrollIntoView({ behavior: "instant"})
-					}
-
-					document.querySelectorAll("morkdeck-slide").forEach(e => this.observer.observe(e))
-				}
-			})
-		}
-
-		updateUrl(entries) {
-			for (const entry of entries) {
-				if (entry.isIntersecting) {
-					const url = new URL(document.URL)
-					const id = entry.target.getAttribute("id")
-
-					url.hash = `#${id}`
-				
-					location.replace(url.toString())
-
-					break;
-				}
-			}
-		}
-
-		render () {
-			return html`<slot></slot>`
-		}
-	}
-
-	customElements.define("morkdeck-presentation", Presentation)
-</script>
diff --git a/templates/components/slide.eta b/templates/components/slide.eta
deleted file mode 100644
index ec5a91f..0000000
--- a/templates/components/slide.eta
+++ /dev/null
@@ -1,44 +0,0 @@
-<script type="module">
-  import { LitElement, html, css } from 'lit';
-
-  class Slide extends LitElement {
-    static styles = css`
-      :host {
-        display: block;
-        width: 100%;
-        height: 100%;
-        scroll-snap-align: center;
-        position: relative;
-      }
-
-      :host > section {
-        container: slide / inline-size;
-        box-sizing: border-box;
-        position: absolute;
-        inset: 0;
-        margin: auto;
-        aspect-ratio: 16 / 9;
-        max-width: 100%;
-        max-height: 100%;
-
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-
-        padding: 6cqmin;
-        background: #1f1d2e;
-      }
-    `
-
-    render() {
-      return html`
-        <section>
-          <slot></slot>
-        </section>
-      `
-    }
-  }
-
-  customElements.define("morkdeck-slide", Slide)
-</script>
-- 
2.51.2