feat: setup drizzle (#594)

* chore: migration to SvelteKit 2 * stage 1: migrate to svelte 5 and fix rerendering issues * stage 2: fix more $: reactivity across dashboard * fix merge conflicts * chore: migrate code in main to svelte 5 * chore: update preventDefault * chore: simplify tsconfig and remove unused mobileMenuRef in MobileMenu.svelte * chore: enforce .ts across dashboard * rename from classroomio-com to website * stage-3: Replace carbon icon svelte with lucide icon * update lock file * chore: finish icon replacement * fix: settings and setup page multiple rerender * stage 3: More icon and rerendering fixes * feat: setup drizzle and better auth * fix: onboarding validation error showing translation key #586 (#593) * fix: onboarding validation error showing translation key #586 * fix: remove debug log for profile update errors * chore: add a clean command * fix: remove message from email verification response
2025-11-01 15:49:29 +01:00
parent 97fb446df5
commit b96d91cd7c
801 changed files with 22279 additions and 10834 deletions
@@ -0,0 +1,52 @@
+<script lang="ts">
+  import { toPng } from 'html-to-image';
+  import { nodeStore, htmlBody, openModal } from './store';
+
+  export let isDisabled: boolean;
+  export let isDownloading: boolean;
+  export let text: string = 'Generate Progress Report';
+
+  function convertToPng() {
+    isDownloading = true;
+    $openModal.showFullscreenButton = false;
+
+    const fileName = `${$htmlBody.name} - ${$htmlBody.mood.text} (ClassroomIO_com)`;
+
+    if ($nodeStore) {
+      setTimeout(() => {
+        toPng($nodeStore, {
+          width: 500,
+          height: 500,
+          quality: 1
+        })
+          .then((dataUrl) => {
+            const link = document.createElement('a');
+            link.download = fileName;
+            link.href = dataUrl;
+            link.click();
+          })
+          .catch((error) => {
+            console.error('Oops, something went wrong!', error);
+          })
+          .finally(() => {
+            isDownloading = false;
+            $openModal.showFullscreenButton = false;
+          });
+      }, 300);
+    } else {
+      console.error('Node is not defined');
+    }
+  }
+</script>
+
+<button
+  type="button"
+  disabled={isDownloading || !isDisabled ? true : false}
+  on:click={convertToPng}
+  class="{isDownloading || !isDisabled
+    ? 'bg-gray-200 cursor-not-allowed text-gray-600'
+    : 'bg-[#0233BD] text-white'} {text === 'Generate Progress Report'
+    ? 'block md:hidden'
+    : ''} mt-5 transition-all delay-100 text-white text-xs font-semibold w-full py-3 rounded-md"
+  >{isDownloading ? 'Loading...' : text}</button
+>