Initial commit

+page.server.ts

@@ -0,0 +1,65 @@
+import type { Actions, Load } from '@sveltejs/kit';
+import { Recipe } from '../../../models/Recipe';
+import { dbConnect, dbDisconnect } from '../../../utils/db';
+import { redirect } from '@sveltejs/kit';
+
+export const load: Load = async () => {
+  await dbConnect();
+  let todos = await Recipe.find().lean();
+  await dbDisconnect();
+  todos = JSON.parse(JSON.stringify(todos));
+  todos = todos.reverse();
+  return {
+    todos,
+  };
+};
+
+export const actions: Actions = {
+  create: async ({ request }) => {
+    const formData = await request.formData();
+    const todoName = formData.get('todoName');
+
+    const newTodo = {
+      title: todoName,
+      isDone: false,
+    };
+
+    await dbConnect();
+    await Recipe.create(newTodo);
+    await dbDisconnect();
+
+    console.log('New todo added: ', newTodo);
+    return {
+      success: true,
+    };
+  },
+  update: async ({ request }) => {
+    const formData = await request.formData();
+    const todoId = formData.get('todoId');
+    const todoName = formData.get('todoName');
+    await dbConnect();
+    await Recipe.findByIdAndUpdate(todoId, {
+      title: todoName,
+    }).lean();
+    await dbDisconnect();
+
+    console.log('Todo updated: ', todoId);
+
+    return {
+      success: true,
+    };
+  },
+
+  delete: async ({ request }) => {
+    const formData = await request.formData();
+    const todoId = formData.get('todoId');
+    await dbConnect();
+    await Recipe.findByIdAndDelete(todoId);
+    await dbDisconnect();
+
+    console.log('Todo deleted: ', todoId);
+    return {
+      success: true,
+    };
+  },
+};

.gitignore

@@ -0,0 +1,10 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*

.npmrc

@@ -0,0 +1,2 @@
+engine-strict=true
+resolution-mode=highest

README.md

@@ -0,0 +1,38 @@
+# create-svelte
+
+Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```bash
+# create a new project in the current directory
+npm create svelte@latest
+
+# create a new project in my-app
+npm create svelte@latest my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```bash
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+## Building
+
+To create a production version of your app:
+
+```bash
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.

lib/images/load_html.js

@@ -0,0 +1,12 @@
+document.querySelectorAll('.url_insert').forEach(url_insert);
+function url_insert(el) {
+  var url = el.dataset.url;
+  var xhttp = new XMLHttpRequest();
+  xhttp.onreadystatechange = function() {
+    if (this.readyState == 4 && this.status == 200) {
+    	el.innerHTML = this.response;
+    }
+  };
+  xhttp.open("GET", url, true);
+  xhttp.send();
+}