From de4b638d3946aa0d7925152c5cff2208bc7a4e3f Mon Sep 17 00:00:00 2001
From: Bart van der Braak <bartvdbraak@gmail.com>
Date: Sat, 29 Jul 2023 17:42:10 +0200
Subject: [PATCH] feat: added comments for debugging

---
 src/lib/components/gltf/Github3d.svelte | 32 ++++++++++++-------------
 src/routes/tools/+page.svelte           |  1 +
 src/routes/tools/Scene.svelte           |  1 +
 3 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/src/lib/components/gltf/Github3d.svelte b/src/lib/components/gltf/Github3d.svelte
index 5e2c117..f0e1d97 100644
--- a/src/lib/components/gltf/Github3d.svelte
+++ b/src/lib/components/gltf/Github3d.svelte
@@ -1,29 +1,29 @@
+<!-- src/lib/components/gltf/Github3d.svelte -->
+
 <!--
 Auto-generated by: https://github.com/threlte/threlte/tree/main/packages/gltf
 Command: npx @threlte/gltf@1.0.0-next.13 ./src/lib/assets/vectors/github.glb --transform
 -->
 
 <script>
-	import { Group } from 'three';
-	import { T, forwardEventHandlers } from '@threlte/core';
-	import { useGltf } from '@threlte/extras';
-	export const ref = new Group();
+  import { Group } from 'three'
+  import { T, forwardEventHandlers } from '@threlte/core'
+  import { useGltf } from '@threlte/extras'
+  export const ref = new Group()
 
-	const gltf = useGltf('./github-transformed.glb', { useDraco: true });
+  const gltf = useGltf('./github-transformed.glb', { useDraco: true })
 
-	const component = forwardEventHandlers();
+  const component = forwardEventHandlers()
 </script>
 
 <T is={ref} dispose={false} {...$$restProps} bind:this={$component}>
-	{#await gltf}
-		<slot name="fallback" />
-	{:then gltf}
-		<T.Mesh geometry={gltf.nodes.Github_Mesh.geometry}
-			><T.MeshPhysicalMaterial color={[0,0,0]} /></T.Mesh
-		>
-	{:catch error}
-		<slot name="error" {error} />
-	{/await}
+  {#await gltf}
+    <slot name="fallback" />
+  {:then gltf}
+    <T.Mesh geometry={gltf.nodes.Github_Mesh.geometry} material={gltf.materials['SVGMat.001']} />
+  {:catch error}
+    <slot name="error" {error} />
+  {/await}
 
-	<slot {ref} />
+  <slot {ref} />
 </T>
diff --git a/src/routes/tools/+page.svelte b/src/routes/tools/+page.svelte
index da3e9b0..d8bc7f4 100644
--- a/src/routes/tools/+page.svelte
+++ b/src/routes/tools/+page.svelte
@@ -1,3 +1,4 @@
+<!-- src/routes/tools/+page.svelte -->
 <script lang="ts">
 	import { Canvas } from '@threlte/core';
 	import Scene from './Scene.svelte';
diff --git a/src/routes/tools/Scene.svelte b/src/routes/tools/Scene.svelte
index bb197c7..1fd418d 100644
--- a/src/routes/tools/Scene.svelte
+++ b/src/routes/tools/Scene.svelte
@@ -1,3 +1,4 @@
+<!-- src/routes/tools/Scene.svelte -->
 <script>
 	import Github3d from '$lib/components/gltf/Github3d.svelte';
 	import { T, useFrame } from '@threlte/core';