From f9ae640a1b99f5176b9b10bf3cedc80d7007ded4 Mon Sep 17 00:00:00 2001
From: Ben Keating <ben.keating@kraken.tech>
Date: Fri, 6 Sep 2024 16:44:25 -0500
Subject: [PATCH] Remove Canvas App (will come later)

---
 README.md                 |  1 -
 src/lib/Canvas.svelte     | 89 ---------------------------------------
 src/lib/CanvasApp.svelte  | 53 -----------------------
 src/lib/NoteDetail.svelte |  3 --
 4 files changed, 146 deletions(-)
 delete mode 100644 src/lib/Canvas.svelte
 delete mode 100644 src/lib/CanvasApp.svelte

diff --git a/README.md b/README.md
index 4303a8e..dc28305 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,5 @@
 # nvAux
 
-
 Capture and retrieve ideas at the speed of thought with nvAux, the in-the-zone, aint-nobody-stopping-me note-taking app for creative professionals.
 
 
diff --git a/src/lib/Canvas.svelte b/src/lib/Canvas.svelte
deleted file mode 100644
index 2b9b668..0000000
--- a/src/lib/Canvas.svelte
+++ /dev/null
@@ -1,89 +0,0 @@
-<script>
-	import { onMount } from 'svelte'
-
-	// export let width = 300
-	// export let height = 300
-	export let color = '#333'
-	export let background = '#fff'
-  export let wrapperWidth;
-  export let wrapperHeight;
-
-  $: width = wrapperWidth;
-  $: height = wrapperHeight - 55;
-
-
-	let canvas
-	let context
-	let isDrawing
-	let start
-
-	let t, l
-
-	onMount(() => {
-		context = canvas.getContext('2d')
-		context.lineWidth = 3
-
-		handleSize()
-	})
-
-	$: if(context) {
-			context.strokeStyle = color
-	}
-
-	const handleStart = (({ offsetX: x, offsetY: y }) => {
-		if(color === background) {
-			context.clearRect(0, 0, width, height)
-		} else {
-			isDrawing = true
-			start = { x, y }
-		}
-	})
-
-	const handleEnd = () => { isDrawing = false }
-	const handleMove = (({ offsetX: x1, offsetY: y1 }) => {
-		if(!isDrawing) return
-
-		const { x, y } = start
-		context.beginPath()
-		context.moveTo(x, y)
-		context.lineTo(x1, y1)
-		context.closePath()
-		context.stroke()
-
-		start = { x: x1, y: y1 }
-	})
-
-	const handleSize = () => {
-		const { top, left } = canvas.getBoundingClientRect()
-		t = top
-		l = left
-	}
-</script>
-
-<svelte:window on:resize={handleSize} />
-
-<canvas
-				{width}
-				{height}
-				style:background
-				bind:this={canvas}
-				on:mousedown={handleStart}
-				on:touchstart={e => {
-					const { clientX, clientY } = e.touches[0]
-					handleStart({
-						offsetX: clientX - l,
-						offsetY: clientY - t
-					})
-				}}
-				on:mouseup={handleEnd}
-				on:touchend={handleEnd}
-				on:mouseleave={handleEnd}
-				on:mousemove={handleMove}
-				on:touchmove={e => {
-					const { clientX, clientY } = e.touches[0]
-					handleMove({
-						offsetX: clientX - l,
-						offsetY: clientY - t
-					})
-				}}
-				/>
diff --git a/src/lib/CanvasApp.svelte b/src/lib/CanvasApp.svelte
deleted file mode 100644
index d5c8129..0000000
--- a/src/lib/CanvasApp.svelte
+++ /dev/null
@@ -1,53 +0,0 @@
-<script>
-  export let wrapperWidth;
-  export let wrapperHeight;
-
-	import Canvas from './Canvas.svelte'
-	import Palette from './Palette.svelte'
-
-	const colors = [
-		'#334169',
-		'#72354d',
-		'#4fa9cc',
-		'#3f8d27',
-	]
-	const background = '#1d1f21';
-
-	let color = colors[0]
-	const paletteColor = color;
-
-  $: console.log('wrapperHeight @@@@@@@@@@@@@ ', wrapperHeight);
-</script>
-
-<main>
-	<Canvas {color} {background} {wrapperWidth} {wrapperHeight} />
-	<Palette
-    {paletteColor}
-    {colors}
-    {background}
-    on:color="{({ detail }) => {
-      color = detail.color
-    }}"
-  />
-</main>
-
-<style>
-	:global(.visually-hidden:not(:focus):not(:active)) {
-		clip: rect(0 0 0 0);
-		clip-path: inset(50%);
-		height: 1px;
-		width: 1px;
-		overflow: hidden;
-		position: absolute;
-		white-space: nowrap;
-	}
-	main {
-		width: 100%;
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem 0;
-	}
-	main :global(canvas) {
-		align-self: center;
-	}
-</style>
diff --git a/src/lib/NoteDetail.svelte b/src/lib/NoteDetail.svelte
index 33da197..4f8f1b5 100644
--- a/src/lib/NoteDetail.svelte
+++ b/src/lib/NoteDetail.svelte
@@ -11,7 +11,6 @@
   import { isEmptyObject } from '../utils/isEmptyObject';
 
   import Settings from './Settings.svelte';
-  import CanvasApp from './CanvasApp.svelte';
 
   // let innerHeight;
 
@@ -47,8 +46,6 @@
     </div>
   {:else if $selectedNote.guid === '00000000-0000-0000-0000-000000000000'}
     <Settings />
-  {:else if $selectedNote.guid === '00000000-0000-0000-0000-111111111111'}
-    <CanvasApp wrapperWidth={innerWidth} wrapperHeight={innerHeight} />
   {:else}
     <textarea
       id="body-editor"