Initial commit - cloned the Svelte todo's app with google login enabled as a starting point. This system will initially be used to let the chrome extension for students report which computers are used by which students and when.

imports/ui/App.svelte

@@ -0,0 +1,100 @@
+<script>
+    import {Meteor} from "meteor/meteor";
+    import {onMount} from 'svelte';
+    import {useTracker} from 'meteor/rdb:svelte-meteor-data';
+    import {BlazeTemplate} from 'meteor/svelte:blaze-integration';
+    import Task from './Task.svelte';
+    import {Tasks} from '../api/tasks.js'
+
+    let newTask = "";
+    let hideCompleted = false;
+    let tasks;
+    let currentUser;
+
+    onMount(async () => {
+        Meteor.subscribe('tasks');
+    });
+
+    $: incompleteCount = useTracker(() => Tasks.find({checked: {$ne: true}}).count());
+
+    $: currentUser = useTracker(() => Meteor.user());
+
+    const taskStore = Tasks.find({}, {sort: {createdAt: -1}});
+    $: {
+        tasks = $taskStore;
+        if (hideCompleted) {
+            tasks = tasks.filter(task => !task.checked);
+        }
+    }
+
+    function handleSubmit(event) {
+        Meteor.call("tasks.insert", newTask);
+        // Clear form
+        newTask = "";
+    }
+
+    function performLogin() {
+        //console.log("In Perform Login");
+        //Meteor.call("users.login");
+	    let config = ServiceConfiguration.configurations.findOne({service: 'google'});
+
+	    console.log(config);
+	    let scope = config.scope;
+	    let loginStyle = "popup";
+
+	    Meteor.loginWithGoogle({requestPermissions: scope, loginStyle, requestOfflineToken: true}, (err) => {
+	        if(err) {
+	            console.log(err);
+	        }
+	        else {
+	            console.log("Logged in");
+	        }
+	    })
+    }
+
+    function performLogout() {
+    	Meteor.logout();
+    }
+</script>
+
+<div class="container">
+	<header>
+		<h1>Todo List ({ $incompleteCount })</h1>
+		<label className="hide-completed">
+			<input
+				type="checkbox"
+				bind:checked={hideCompleted}
+			/>
+			Hide Completed Tasks
+		</label>
+
+		<BlazeTemplate template="loginButtons"/>
+		{#if !$currentUser}
+			<button type="button" on:click={performLogin}>Login</button>
+		{:else}
+			<button type="button" on:click={performLogout}>Logout</button>
+		{/if}
+
+		{#if $currentUser}
+			<form class="new-task" on:submit|preventDefault={handleSubmit}>
+				<input
+					type="text"
+					placeholder="Type to add new tasks"
+					bind:value={newTask}
+				/>
+			</form>
+		{/if}
+	</header>
+	<ul>
+		{#each tasks as task}
+			<Task
+				key={task._id}
+				task={task}
+			/>
+		{/each}
+	</ul>
+	<div id="game" style="height: 400px; width: 400px">
+
+	</div>
+</div>
+

imports/ui/Task.svelte

@@ -0,0 +1,56 @@
+<script>
+  import { useTracker } from 'meteor/rdb:svelte-meteor-data';  
+  import { Tasks } from "../api/tasks.js";
+
+  export let key;
+  export let task;
+  let showPrivateButton;
+
+  $: currentUser = useTracker(() => Meteor.user());
+
+  $: {
+    showPrivateButton = false;
+    if($currentUser){
+      showPrivateButton = task.owner === $currentUser._id;
+    }
+  }
+
+  function toggleChecked() {
+      // Set the checked property to the opposite of its current value
+      Meteor.call("tasks.setChecked", task._id, !task.checked);
+  }
+
+  function deleteThisTask() {
+      Meteor.call("tasks.remove", task._id);
+  }
+
+  function togglePrivate() {
+    Meteor.call("tasks.setPrivate", task._id, !task.private);
+  }
+  
+</script>
+
+<li class:checked="{task.checked}"
+    class:private="{task.private}" >
+  <button class="delete" on:click={deleteThisTask}>
+    &times;
+  </button>
+
+  <input
+    type="checkbox"
+    readonly
+    checked={!!task.checked}    
+    on:click={toggleChecked}
+  />
+
+  {#if showPrivateButton}
+    <button className="toggle-private" on:click="{togglePrivate}">
+      { task.private ? "Private" : "Public" }
+    </button>
+  {/if}
+
+  <span class="text">
+    <strong>{ task.username }</strong>
+    : { task.text }
+  </span>
+</li>