From 5fed89d96485aa3cf231548ce819e8d30bd9bed2 Mon Sep 17 00:00:00 2001 From: Eamonn de Leastar Date: Fri, 22 Nov 2024 18:32:25 +0000 Subject: [PATCH 01/61] first skeleton 3 attempt --- package-lock.json | 627 +++++++++++++++++- package.json | 5 +- src/app.css | 3 - src/app.postcss | 9 + src/lib/ui/app-shells/CourseShell.svelte | 35 +- src/lib/ui/app-shells/TutorsShell.svelte | 17 +- .../ui/learning-objects/content/Talk.svelte | 6 +- .../layout/LoContextPanel.svelte | 15 +- .../structure/LoContext.svelte | 29 +- .../structure/LoReference.svelte | 20 + src/lib/ui/navigators/HomeNavigator.svelte | 5 +- src/lib/ui/navigators/MainNavigator.svelte | 27 +- .../ui/navigators/SecondaryNavigator.svelte | 8 +- .../tutors-connect/AnonProfile.svelte | 20 +- .../tutors-connect/ConnectedProfile.svelte | 50 +- src/lib/ui/themes/Image.svelte | 8 +- src/lib/ui/themes/icons/Breadcrumbs.svelte | 1 + src/lib/ui/themes/icons/fluent-icons.ts | 12 +- src/lib/ui/themes/menu/DarkModeToggle.svelte | 17 +- src/lib/ui/themes/menu/LayoutMenu.svelte | 100 ++- src/lib/ui/themes/styles/icon-lib.svelte.ts | 40 +- src/lib/ui/themes/styles/tutors.ts | 318 ++++++--- src/routes/(course-reader)/+layout.svelte | 1 - src/routes/(home)/+layout.svelte | 1 - src/routes/+layout.svelte | 7 +- tailwind.config.ts | 37 +- 26 files changed, 1055 insertions(+), 363 deletions(-) delete mode 100644 src/app.css create mode 100644 src/app.postcss create mode 100644 src/lib/ui/learning-objects/structure/LoReference.svelte diff --git a/package-lock.json b/package-lock.json index ea0b97f46..9ceb89db0 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,11 +10,10 @@ "devDependencies": { "@auth/core": "^0.37.3", "@auth/sveltekit": "^1.7.3", - "@floating-ui/dom": "^1.6.12", "@iconify/svelte": "^4.0.2", "@iktakahiro/markdown-it-katex": "^4.0.1", - "@skeletonlabs/skeleton": "^2.10.3", - "@skeletonlabs/tw-plugin": "^0.4.0", + "@skeletonlabs/skeleton": "^3.0.0-next.9", + "@skeletonlabs/skeleton-svelte": "^1.0.0-next.13", "@supabase/supabase-js": "^2.46.1", "@sveltejs/adapter-auto": "^3.0.0", "@sveltejs/adapter-netlify": "^4.3.6", @@ -689,17 +688,6 @@ "@floating-ui/utils": "^0.2.8" } }, - "node_modules/@floating-ui/dom": { - "version": "1.6.12", - "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.12.tgz", - "integrity": "sha512-NP83c0HjokcGVEMeoStg317VD9W7eDlGK7457dMBANbKA6GJZdc7rjujdgqzTaz93jkGgc5P/jeWbaCHnMNc+w==", - "dev": true, - "license": "MIT", - "dependencies": { - "@floating-ui/core": "^1.6.0", - "@floating-ui/utils": "^0.2.8" - } - }, "node_modules/@floating-ui/utils": { "version": "0.2.8", "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.8.tgz", @@ -1203,33 +1191,58 @@ ] }, "node_modules/@skeletonlabs/skeleton": { - "version": "2.10.3", - "resolved": "https://registry.npmjs.org/@skeletonlabs/skeleton/-/skeleton-2.10.3.tgz", - "integrity": "sha512-O1RecF68zEVvZl3GgRS4emqWMUIQLHvTOFoqGOw/2OXCPE06IxUQrHQf2hnxCPxtGZNXY2YX8UNV38l+eH8GNQ==", + "version": "3.0.0-next.9", + "resolved": "https://registry.npmjs.org/@skeletonlabs/skeleton/-/skeleton-3.0.0-next.9.tgz", + "integrity": "sha512-xZxXkKgdTGeWPVLH7oQEYd7T9yLJ4p9gm8JS7egJzTzR/iC+n52Pez4LzWVYtPo+cUz4HUDEFREuLEeNfzypcg==", "dev": true, "license": "MIT", "dependencies": { - "esm-env": "1.0.0" + "postcss-js": "4.0.1", + "postcss-selector-parser": "^7.0.0" }, "peerDependencies": { - "svelte": "^3.56.0 || ^4.0.0 || ^5.0.0" + "tailwindcss": ">=3.0.0" } }, - "node_modules/@skeletonlabs/skeleton/node_modules/esm-env": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/esm-env/-/esm-env-1.0.0.tgz", - "integrity": "sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==", - "dev": true, - "license": "MIT" + "node_modules/@skeletonlabs/skeleton-svelte": { + "version": "1.0.0-next.14", + "resolved": "https://registry.npmjs.org/@skeletonlabs/skeleton-svelte/-/skeleton-svelte-1.0.0-next.14.tgz", + "integrity": "sha512-sGVzDdhFCdf1u911DDbu2eex+L1bczMGSSWdvy4LbxtPjrFnQUFsN2+6CUteK7PuFuOyIERnS4BWqwSDxk2FNg==", + "dev": true, + "dependencies": { + "@zag-js/accordion": "^0.75.0", + "@zag-js/avatar": "^0.75.0", + "@zag-js/combobox": "^0.75.0", + "@zag-js/dialog": "^0.75.0", + "@zag-js/file-upload": "^0.75.0", + "@zag-js/pagination": "^0.75.0", + "@zag-js/popover": "^0.75.0", + "@zag-js/progress": "^0.75.0", + "@zag-js/radio-group": "^0.75.0", + "@zag-js/rating-group": "^0.75.0", + "@zag-js/slider": "^0.75.0", + "@zag-js/svelte": "^0.75.0", + "@zag-js/switch": "^0.75.0", + "@zag-js/tabs": "^0.75.0", + "@zag-js/tags-input": "^0.75.0", + "@zag-js/tooltip": "^0.75.0" + }, + "peerDependencies": { + "svelte": "^5.0.0" + } }, - "node_modules/@skeletonlabs/tw-plugin": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/@skeletonlabs/tw-plugin/-/tw-plugin-0.4.0.tgz", - "integrity": "sha512-v6Y4deBq9ByRx3kTRGgekhhYkWEYgNNNu8UXOwJngCStB7w8SwmbNFSeHkluxMbgCgMnJyp220EMpw9nj/rEsQ==", + "node_modules/@skeletonlabs/skeleton/node_modules/postcss-selector-parser": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-7.0.0.tgz", + "integrity": "sha512-9RbEr1Y7FFfptd/1eEdntyjMwLeghW1bHX9GWjXo19vx4ytPQhANltvVxDggzJl7mnWM+dX28kb6cyS/4iQjlQ==", "dev": true, "license": "MIT", - "peerDependencies": { - "tailwindcss": ">=3.0.0" + "dependencies": { + "cssesc": "^3.0.0", + "util-deprecate": "^1.0.2" + }, + "engines": { + "node": ">=4" } }, "node_modules/@supabase/auth-js": { @@ -1759,6 +1772,497 @@ "url": "https://opencollective.com/eslint" } }, + "node_modules/@zag-js/accordion": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/accordion/-/accordion-0.75.0.tgz", + "integrity": "sha512-ZqwI4/EO6lA8fRSce7MvATDVniea6TruA3XsBeb/KyDVea360laIJYKeo5giZJR5MEsNqOmmDIK2Uzkcq1uUnA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/anatomy": "0.75.0", + "@zag-js/core": "0.75.0", + "@zag-js/dom-event": "0.75.0", + "@zag-js/dom-query": "0.75.0", + "@zag-js/types": "0.75.0", + "@zag-js/utils": "0.75.0" + } + }, + "node_modules/@zag-js/anatomy": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/anatomy/-/anatomy-0.75.0.tgz", + "integrity": "sha512-YtVz2387Xy3cXeL86/jWtZ+NT9wojFsXZbOnRoXG5P5QaiD7tKeWYWJZBzxNBPYfWhSy1N93cAxhL65xJah1Qw==", + "dev": true, + "license": "MIT" + }, + "node_modules/@zag-js/aria-hidden": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/aria-hidden/-/aria-hidden-0.75.0.tgz", + "integrity": "sha512-CjZGQycYVNFSYffI7IsBvTd2rLGPTLpJvP9gDAPCR9pQpyTauI2teDi7TZry12Cybmtimj3emq2L23hPcfnm3Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "aria-hidden": "1.2.4" + } + }, + "node_modules/@zag-js/auto-resize": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/auto-resize/-/auto-resize-0.75.0.tgz", + "integrity": "sha512-nCP6jIkROG1qW8juBgQZ4WuFhP80ZHq4Vl4h5nTzxvHtePJ6+JG9YyjZWg3CTBaasiLXkcKH33L8Hf2ZQiNuqg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/dom-query": "0.75.0" + } + }, + "node_modules/@zag-js/avatar": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/avatar/-/avatar-0.75.0.tgz", + "integrity": "sha512-20LKdAFi/Nozb526gutfH9nGMk0GEkbCYe0zcBchVm/IC69V3VBttJthc2nVxjaEEdkZ14b2ZTeEtWbRSDbJzg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/anatomy": "0.75.0", + "@zag-js/core": "0.75.0", + "@zag-js/dom-query": "0.75.0", + "@zag-js/types": "0.75.0", + "@zag-js/utils": "0.75.0" + } + }, + "node_modules/@zag-js/collection": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/collection/-/collection-0.75.0.tgz", + "integrity": "sha512-XcUzc7Dqy32CibI1T9Fwfcf3aJuvyD5eMIAnBMCY9ktgImCjbG3q9pvG+2G9wTmiPow+dJWbb0ZTTaevhY3asw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/utils": "0.75.0" + } + }, + "node_modules/@zag-js/combobox": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/combobox/-/combobox-0.75.0.tgz", + "integrity": "sha512-5rxQGmMTJXg4WRQ1BIAXYGT7lZ1H3Sbh7UO/p999hC9oVMUrYU5sH9jfJPKhJvfOQTSHQdARBdz7V96IPjr3BA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/anatomy": "0.75.0", + "@zag-js/aria-hidden": "0.75.0", + "@zag-js/collection": "0.75.0", + "@zag-js/core": "0.75.0", + "@zag-js/dismissable": "0.75.0", + "@zag-js/dom-event": "0.75.0", + "@zag-js/dom-query": "0.75.0", + "@zag-js/popper": "0.75.0", + "@zag-js/types": "0.75.0", + "@zag-js/utils": "0.75.0" + } + }, + "node_modules/@zag-js/core": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/core/-/core-0.75.0.tgz", + "integrity": "sha512-nkfHHWLTHiHW/hvk/O4y9sbtxE5Bxbj1vetElAlXqCDrQMgqNGOBEtxcjQVX65CJMjx1wHHcjG7lV0JOY6cpCw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/store": "0.75.0", + "@zag-js/utils": "0.75.0", + "klona": "2.0.6" + } + }, + "node_modules/@zag-js/dialog": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/dialog/-/dialog-0.75.0.tgz", + "integrity": "sha512-wYtedDPT8y3fHT5lO4BAOxjtrePowFsB3nCNpupxxsMlozjAbDNI+DHp/CvFLcCAYbPvce8DSnT/y/1fy0LYIw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/anatomy": "0.75.0", + "@zag-js/aria-hidden": "0.75.0", + "@zag-js/core": "0.75.0", + "@zag-js/dismissable": "0.75.0", + "@zag-js/dom-query": "0.75.0", + "@zag-js/remove-scroll": "0.75.0", + "@zag-js/types": "0.75.0", + "@zag-js/utils": "0.75.0", + "focus-trap": "7.6.0" + } + }, + "node_modules/@zag-js/dismissable": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/dismissable/-/dismissable-0.75.0.tgz", + "integrity": "sha512-s+VK/9xtx7md7iKy/StrYCUUKegFwkecWIO/K/U52gQN3UdCQRX9bjvENI3LVzzme6XEBz91b3O8K83bfG4Ojw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/dom-event": "0.75.0", + "@zag-js/dom-query": "0.75.0", + "@zag-js/interact-outside": "0.75.0", + "@zag-js/utils": "0.75.0" + } + }, + "node_modules/@zag-js/dom-event": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/dom-event/-/dom-event-0.75.0.tgz", + "integrity": "sha512-xPgalQ6fvVH9JKaCEdNCWJGp+0+AHM7DvTXe1PVgvuBb7//QBGzYaEUhhmdt3LXyG79o7RaIEVEgGTjwH2vDTg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/dom-query": "0.75.0", + "@zag-js/text-selection": "0.75.0", + "@zag-js/types": "0.75.0" + } + }, + "node_modules/@zag-js/dom-query": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/dom-query/-/dom-query-0.75.0.tgz", + "integrity": "sha512-PrCX29VbxKW4YQCAo6juttlwW563Os03dId/0V7WCN4daj+ocpI169mMm/XxgXfI9kgebZuYvY9ngIJeHdJHSA==", + "dev": true, + "license": "MIT" + }, + "node_modules/@zag-js/element-rect": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/element-rect/-/element-rect-0.75.0.tgz", + "integrity": "sha512-r9BTJL2kVPcyIxY7ZWewaCbfMSWhMYoSjK6ImgAZYpjApdk9cNspMkQl3m/felbBSsFDRp+DcLmadLlhqY6m7Q==", + "dev": true, + "license": "MIT" + }, + "node_modules/@zag-js/element-size": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/element-size/-/element-size-0.75.0.tgz", + "integrity": "sha512-N1t36zdLvL5B+6aFU95cIlyw2HqxgP8Wq5dWAPZDn3ATH3r6/Yv8kYZFvf0ACfORDv/uInByEPXta1+QE418yg==", + "dev": true, + "license": "MIT" + }, + "node_modules/@zag-js/file-upload": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/file-upload/-/file-upload-0.75.0.tgz", + "integrity": "sha512-Xn14aOZ2u5UuJjrOtZpxV9Lqcqv6bOjlcu/iU6PI76JpPdI0/AaVXU7CYItLrPBbUsctBsjYW79/HOcHqZwhLQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/anatomy": "0.75.0", + "@zag-js/core": "0.75.0", + "@zag-js/dom-query": "0.75.0", + "@zag-js/file-utils": "0.75.0", + "@zag-js/i18n-utils": "0.75.0", + "@zag-js/types": "0.75.0", + "@zag-js/utils": "0.75.0" + } + }, + "node_modules/@zag-js/file-utils": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/file-utils/-/file-utils-0.75.0.tgz", + "integrity": "sha512-ORCEM0LN516luYmF4PYegieksNWolDlcZ1jiiLSXr6ylTyUNYFmPDs/UFByZx4FsXgRTu2FJMAaG6jBRpp50dQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/i18n-utils": "0.75.0" + } + }, + "node_modules/@zag-js/focus-visible": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/focus-visible/-/focus-visible-0.75.0.tgz", + "integrity": "sha512-2Uin+VcveAT+dwD02Krn1L+cCA6U/YHGQeu8SJ9H06hnqjzVqE2maeHc6tyTqH0K1wQKvWHZFcWIpfF64QviMg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/dom-query": "0.75.0" + } + }, + "node_modules/@zag-js/form-utils": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/form-utils/-/form-utils-0.75.0.tgz", + "integrity": "sha512-IXyUzpY/e+80e6UWmBmtIS5wJ3elxWR6smO6Ot0FLcN5HWabfxdY7op1OLrd6czj/VVC0zD+UGwCG6yasUYTyw==", + "dev": true, + "license": "MIT" + }, + "node_modules/@zag-js/i18n-utils": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/i18n-utils/-/i18n-utils-0.75.0.tgz", + "integrity": "sha512-5mIVuSmEfK/9Pk66R5Njbxu9l+PqUfRYrtr9HJItW8ijjmIrISfW9D0xRazKcVExVarYuHEk6Fzk1nsJnzqZmg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/dom-query": "0.75.0" + } + }, + "node_modules/@zag-js/interact-outside": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/interact-outside/-/interact-outside-0.75.0.tgz", + "integrity": "sha512-F3+BMMx57EaY1CPW7007MEJCBe3hgR1NJuDzvDmqPyjy+M0BwNzd7Tqg5YxaDSuvAA4r71AlxqRpBU5RNh44lA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/dom-event": "0.75.0", + "@zag-js/dom-query": "0.75.0", + "@zag-js/utils": "0.75.0" + } + }, + "node_modules/@zag-js/live-region": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/live-region/-/live-region-0.75.0.tgz", + "integrity": "sha512-x5C3us0UyjGAzg0QV6EvwSuAuO0RxWevlSvEFRzFCi3VVG35FyqF4eryN8iP6kfRdeZrJFJnjzX5p0Gj1C6Mkw==", + "dev": true, + "license": "MIT" + }, + "node_modules/@zag-js/numeric-range": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/numeric-range/-/numeric-range-0.75.0.tgz", + "integrity": "sha512-8xbFhC1RIj5AwoZ2hr+E5H+/Jx9AoDAU8rPm1slD8eV+21ACqMqRCWtKwk+9lsueT4ZksBjnkTL+ou/ru5J0qQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/@zag-js/pagination": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/pagination/-/pagination-0.75.0.tgz", + "integrity": "sha512-oW3Y0y+lchNU1JVBfF7gsU2G+3B4hkNnOa8rjNY3ONgVM95EauAaAdsv2eopfPykFyVUntGi7xYvQqtUYCrKRg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/anatomy": "0.75.0", + "@zag-js/core": "0.75.0", + "@zag-js/dom-query": "0.75.0", + "@zag-js/types": "0.75.0", + "@zag-js/utils": "0.75.0" + } + }, + "node_modules/@zag-js/popover": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/popover/-/popover-0.75.0.tgz", + "integrity": "sha512-wQLHfVGBFq34clGFI9+duGkMKwhtrrHlOjBnFLZIIPMUWiBY1WaU2XKycPKEW1bYK65u8e0yRv9dH+Z4oOYCVw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/anatomy": "0.75.0", + "@zag-js/aria-hidden": "0.75.0", + "@zag-js/core": "0.75.0", + "@zag-js/dismissable": "0.75.0", + "@zag-js/dom-query": "0.75.0", + "@zag-js/popper": "0.75.0", + "@zag-js/remove-scroll": "0.75.0", + "@zag-js/types": "0.75.0", + "@zag-js/utils": "0.75.0", + "focus-trap": "7.6.0" + } + }, + "node_modules/@zag-js/popper": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/popper/-/popper-0.75.0.tgz", + "integrity": "sha512-B3Xlb+iH+Xux086XmWkpxG/tL4dyO9XbOFrQj1AuHkPC4Bgfc6DGPC1yGnHLdlYYm1Yyv8SR5LvPLyv4e1Ogcg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@floating-ui/dom": "1.6.11", + "@zag-js/dom-query": "0.75.0", + "@zag-js/utils": "0.75.0" + } + }, + "node_modules/@zag-js/popper/node_modules/@floating-ui/dom": { + "version": "1.6.11", + "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.11.tgz", + "integrity": "sha512-qkMCxSR24v2vGkhYDo/UzxfJN3D4syqSjyuTFz6C7XcpU1pASPRieNI0Kj5VP3/503mOfYiGY891ugBX1GlABQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@floating-ui/core": "^1.6.0", + "@floating-ui/utils": "^0.2.8" + } + }, + "node_modules/@zag-js/progress": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/progress/-/progress-0.75.0.tgz", + "integrity": "sha512-kCEPtx6R2RVLq/RT7Fa19DJP9VecfH6dyRvWa5W3iOsT4kpGYYRGQI0q4e32hmK/D4iIFPQeaK1vtmo6O7JSFg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/anatomy": "0.75.0", + "@zag-js/core": "0.75.0", + "@zag-js/dom-query": "0.75.0", + "@zag-js/types": "0.75.0", + "@zag-js/utils": "0.75.0" + } + }, + "node_modules/@zag-js/radio-group": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/radio-group/-/radio-group-0.75.0.tgz", + "integrity": "sha512-mctay6B5TxuuUGgwhoqd586DXLhQu/EYP2FLoRYhStKD0wU/LbmvYob8EYMC9arQhv1DQS+Wa712sQc2/Uuw+w==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/anatomy": "0.75.0", + "@zag-js/core": "0.75.0", + "@zag-js/dom-query": "0.75.0", + "@zag-js/element-rect": "0.75.0", + "@zag-js/focus-visible": "0.75.0", + "@zag-js/form-utils": "0.75.0", + "@zag-js/types": "0.75.0", + "@zag-js/utils": "0.75.0" + } + }, + "node_modules/@zag-js/rating-group": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/rating-group/-/rating-group-0.75.0.tgz", + "integrity": "sha512-zfBeXETzOpaAzsZQf9Wd6CtaQ4F4/g7L04aj+eX9OP3VmHBHNwoe8SA/dNUJNB4QIoQeCpC2NQOiPtEV68ZENQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/anatomy": "0.75.0", + "@zag-js/core": "0.75.0", + "@zag-js/dom-event": "0.75.0", + "@zag-js/dom-query": "0.75.0", + "@zag-js/form-utils": "0.75.0", + "@zag-js/types": "0.75.0", + "@zag-js/utils": "0.75.0" + } + }, + "node_modules/@zag-js/remove-scroll": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/remove-scroll/-/remove-scroll-0.75.0.tgz", + "integrity": "sha512-atbqJevyvuVQ8ydTGtlweNvpaBj+lqv0QQaC9mjIXbndPNF2/9PKx9cXZINUG1bfdQ2DN3BSzWlrSn05DOmj3A==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/dom-query": "0.75.0" + } + }, + "node_modules/@zag-js/slider": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/slider/-/slider-0.75.0.tgz", + "integrity": "sha512-xW/SVaxcR4EisoMW0MImtiK8+DJWmpQ7dhb9kn+GwQ+heonUnIHh3ChvKboK+Nv/86J/sCIuUUcX8zz85FhXJg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/anatomy": "0.75.0", + "@zag-js/core": "0.75.0", + "@zag-js/dom-event": "0.75.0", + "@zag-js/dom-query": "0.75.0", + "@zag-js/element-size": "0.75.0", + "@zag-js/form-utils": "0.75.0", + "@zag-js/numeric-range": "0.75.0", + "@zag-js/types": "0.75.0", + "@zag-js/utils": "0.75.0" + } + }, + "node_modules/@zag-js/store": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/store/-/store-0.75.0.tgz", + "integrity": "sha512-kAzqLKfCLRIYfnsLuQdHOdrIwBdO4nqJ6kjCYlWvhSe81oDWCrC5MY2fv7mIYFjW+ZPpH3xmgGvj5ugqfAsqoA==", + "dev": true, + "license": "MIT", + "dependencies": { + "proxy-compare": "3.0.0" + } + }, + "node_modules/@zag-js/svelte": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/svelte/-/svelte-0.75.0.tgz", + "integrity": "sha512-MK4TX4vTg04cLYv8f7a7waIS0FzWjXLMe8mHeTg8Je/Pj6BKRZdXVdv5wHy8le7l+To8vOZjOQKFo61yjAuzyQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/core": "0.75.0", + "@zag-js/types": "0.75.0" + }, + "peerDependencies": { + "svelte": "^5.0.0-next.1" + } + }, + "node_modules/@zag-js/switch": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/switch/-/switch-0.75.0.tgz", + "integrity": "sha512-A1TCQa43HYtIl5iNJ96FG7taW9isN39AhDd33CEoqyr4VH2iMNtkzRhkf9VxLQHWuOsommoVD1faUWlHObeBlw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/anatomy": "0.75.0", + "@zag-js/core": "0.75.0", + "@zag-js/dom-event": "0.75.0", + "@zag-js/dom-query": "0.75.0", + "@zag-js/focus-visible": "0.75.0", + "@zag-js/form-utils": "0.75.0", + "@zag-js/types": "0.75.0", + "@zag-js/utils": "0.75.0" + } + }, + "node_modules/@zag-js/tabs": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/tabs/-/tabs-0.75.0.tgz", + "integrity": "sha512-F7OYMWeayWWkG3KRsM0n6hdnRq7b4pY/cEJ9OAG0Fz4PFq2dD6cLDsC/hBhiR5TUmKK9G0+orTXxijB2Uqc1cQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/anatomy": "0.75.0", + "@zag-js/core": "0.75.0", + "@zag-js/dom-event": "0.75.0", + "@zag-js/dom-query": "0.75.0", + "@zag-js/element-rect": "0.75.0", + "@zag-js/types": "0.75.0", + "@zag-js/utils": "0.75.0" + } + }, + "node_modules/@zag-js/tags-input": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/tags-input/-/tags-input-0.75.0.tgz", + "integrity": "sha512-nZjJuxzs4bOA8KqLWWKHDF9cTwdfIhtvbFGvoOuqxyCqLpLo2kgfwOnRSiny0MrYo0GY+drNcHIqFiznh0OOUg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/anatomy": "0.75.0", + "@zag-js/auto-resize": "0.75.0", + "@zag-js/core": "0.75.0", + "@zag-js/dom-event": "0.75.0", + "@zag-js/dom-query": "0.75.0", + "@zag-js/form-utils": "0.75.0", + "@zag-js/interact-outside": "0.75.0", + "@zag-js/live-region": "0.75.0", + "@zag-js/types": "0.75.0", + "@zag-js/utils": "0.75.0" + } + }, + "node_modules/@zag-js/text-selection": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/text-selection/-/text-selection-0.75.0.tgz", + "integrity": "sha512-ZSbX6bb8b75DAg8zGPiEfHGn2d72991vAIvojqzCI1tRG7KpAL66XVurkR/m+MmPoH5fYESB7JstgBD8+n2MtA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/dom-query": "0.75.0" + } + }, + "node_modules/@zag-js/tooltip": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/tooltip/-/tooltip-0.75.0.tgz", + "integrity": "sha512-K4GD6J7bo/BOsFIAAfQ2StF8kZA/DwRLjEPIaie3SlX5rGDu+NtwcREXhJ+CyZq4RvkhI4W6LEpWPXIGZePRYg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@zag-js/anatomy": "0.75.0", + "@zag-js/core": "0.75.0", + "@zag-js/dom-event": "0.75.0", + "@zag-js/dom-query": "0.75.0", + "@zag-js/focus-visible": "0.75.0", + "@zag-js/popper": "0.75.0", + "@zag-js/types": "0.75.0", + "@zag-js/utils": "0.75.0" + } + }, + "node_modules/@zag-js/types": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/types/-/types-0.75.0.tgz", + "integrity": "sha512-NG2wJeFzgSX7TKg015r1nxV3oSy9RJ94iQpoQLv66hH5XDvAJbV4jCf0yAo8awwK+5x8Opz3awJrGVnbo0B/eQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "csstype": "3.1.3" + } + }, + "node_modules/@zag-js/utils": { + "version": "0.75.0", + "resolved": "https://registry.npmjs.org/@zag-js/utils/-/utils-0.75.0.tgz", + "integrity": "sha512-68zu+3zBs5QtgYcdcoUOpYMdyf5tecoaNbttjAR3Xnmgva3PYnS/l08ZnV8wyGvixGFSRg1gJNZfWFm2WGCmIw==", + "dev": true, + "license": "MIT" + }, "node_modules/acorn": { "version": "8.14.0", "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz", @@ -1886,6 +2390,19 @@ "dev": true, "license": "Python-2.0" }, + "node_modules/aria-hidden": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.4.tgz", + "integrity": "sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==", + "dev": true, + "license": "MIT", + "dependencies": { + "tslib": "^2.0.0" + }, + "engines": { + "node": ">=10" + } + }, "node_modules/aria-query": { "version": "5.3.2", "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz", @@ -2256,6 +2773,13 @@ "node": ">=4" } }, + "node_modules/csstype": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", + "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==", + "dev": true, + "license": "MIT" + }, "node_modules/debug": { "version": "4.3.7", "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz", @@ -2877,6 +3401,16 @@ "dev": true, "license": "ISC" }, + "node_modules/focus-trap": { + "version": "7.6.0", + "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.6.0.tgz", + "integrity": "sha512-1td0l3pMkWJLFipobUcGaf+5DTY4PLDDrcqoSaKP8ediO/CoWCCYk/fT/Y2A4e6TNB+Sh6clRJCjOPPnKoNHnQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "tabbable": "^6.2.0" + } + }, "node_modules/foreground-child": { "version": "3.3.0", "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz", @@ -3361,6 +3895,16 @@ "node": ">=6" } }, + "node_modules/klona": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/klona/-/klona-2.0.6.tgz", + "integrity": "sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 8" + } + }, "node_modules/known-css-properties": { "version": "0.35.0", "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.35.0.tgz", @@ -4447,6 +4991,13 @@ } } }, + "node_modules/proxy-compare": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/proxy-compare/-/proxy-compare-3.0.0.tgz", + "integrity": "sha512-y44MCkgtZUCT9tZGuE278fB7PWVf7fRYy0vbRXAts2o5F0EfC4fIQrvQQGBJo1WJbFcVLXzApOscyJuZqHQc1w==", + "dev": true, + "license": "MIT" + }, "node_modules/pump": { "version": "3.0.2", "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.2.tgz", @@ -5122,6 +5673,13 @@ "url": "https://opencollective.com/eslint" } }, + "node_modules/tabbable": { + "version": "6.2.0", + "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz", + "integrity": "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==", + "dev": true, + "license": "MIT" + }, "node_modules/tailwindcss": { "version": "3.4.14", "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.14.tgz", @@ -5423,6 +5981,13 @@ "dev": true, "license": "Apache-2.0" }, + "node_modules/tslib": { + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", + "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==", + "dev": true, + "license": "0BSD" + }, "node_modules/tunnel-agent": { "version": "0.6.0", "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz", diff --git a/package.json b/package.json index 4001859fd..058633822 100644 --- a/package.json +++ b/package.json @@ -14,11 +14,10 @@ "devDependencies": { "@auth/core": "^0.37.3", "@auth/sveltekit": "^1.7.3", - "@floating-ui/dom": "^1.6.12", "@iconify/svelte": "^4.0.2", "@iktakahiro/markdown-it-katex": "^4.0.1", - "@skeletonlabs/skeleton": "^2.10.3", - "@skeletonlabs/tw-plugin": "^0.4.0", + "@skeletonlabs/skeleton": "^3.0.0-next.9", + "@skeletonlabs/skeleton-svelte": "^1.0.0-next.13", "@supabase/supabase-js": "^2.46.1", "@sveltejs/adapter-auto": "^3.0.0", "@sveltejs/adapter-netlify": "^4.3.6", diff --git a/src/app.css b/src/app.css deleted file mode 100644 index 76fcadcc0..000000000 --- a/src/app.css +++ /dev/null @@ -1,3 +0,0 @@ -@import "tailwindcss/base"; -@import "tailwindcss/components"; -@import "tailwindcss/utilities"; diff --git a/src/app.postcss b/src/app.postcss new file mode 100644 index 000000000..f3fef8333 --- /dev/null +++ b/src/app.postcss @@ -0,0 +1,9 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; +@tailwind variants; + +html, +body { + @apply h-full overflow-hidden; +} diff --git a/src/lib/ui/app-shells/CourseShell.svelte b/src/lib/ui/app-shells/CourseShell.svelte index f75ffdc58..2f0cc6bea 100644 --- a/src/lib/ui/app-shells/CourseShell.svelte +++ b/src/lib/ui/app-shells/CourseShell.svelte @@ -1,36 +1,33 @@ - - - {#snippet header()} +
+
- {/snippet} - - {#key transitionKey.value} -
-
-
-
- {@render children()} +
+
+ {#key transitionKey.value} +
+
+
+
+ {@render children()} +
-
- {/key} - - {#snippet pageFooter()} + {/key} + +