Update deps and type themees.

This commit is contained in:
Bradley Shellnut 2022-08-03 22:06:59 -07:00
parent ee71a9b6c6
commit c416630aad
3 changed files with 26 additions and 24 deletions

View file

@ -17,7 +17,7 @@
"@rgossiaux/svelte-headlessui": "1.0.2", "@rgossiaux/svelte-headlessui": "1.0.2",
"@rgossiaux/svelte-heroicons": "^0.1.2", "@rgossiaux/svelte-heroicons": "^0.1.2",
"@sveltejs/adapter-auto": "1.0.0-next.64", "@sveltejs/adapter-auto": "1.0.0-next.64",
"@sveltejs/kit": "1.0.0-next.402", "@sveltejs/kit": "1.0.0-next.403",
"@types/cookie": "^0.5.1", "@types/cookie": "^0.5.1",
"@types/node": "^18.6.3", "@types/node": "^18.6.3",
"@typescript-eslint/eslint-plugin": "^5.32.0", "@typescript-eslint/eslint-plugin": "^5.32.0",
@ -30,7 +30,7 @@
"just-debounce-it": "^3.0.1", "just-debounce-it": "^3.0.1",
"prettier": "^2.7.1", "prettier": "^2.7.1",
"prettier-plugin-svelte": "^2.7.0", "prettier-plugin-svelte": "^2.7.0",
"sass": "^1.54.1", "sass": "^1.54.2",
"svelte": "^3.49.0", "svelte": "^3.49.0",
"svelte-check": "^2.8.0", "svelte-check": "^2.8.0",
"svelte-preprocess": "^4.10.7", "svelte-preprocess": "^4.10.7",

View file

@ -9,7 +9,7 @@ specifiers:
'@rgossiaux/svelte-headlessui': 1.0.2 '@rgossiaux/svelte-headlessui': 1.0.2
'@rgossiaux/svelte-heroicons': ^0.1.2 '@rgossiaux/svelte-heroicons': ^0.1.2
'@sveltejs/adapter-auto': 1.0.0-next.64 '@sveltejs/adapter-auto': 1.0.0-next.64
'@sveltejs/kit': 1.0.0-next.402 '@sveltejs/kit': 1.0.0-next.403
'@types/cookie': ^0.5.1 '@types/cookie': ^0.5.1
'@types/feather-icons': ^4.7.0 '@types/feather-icons': ^4.7.0
'@types/node': ^18.6.3 '@types/node': ^18.6.3
@ -25,7 +25,7 @@ specifiers:
just-debounce-it: ^3.0.1 just-debounce-it: ^3.0.1
prettier: ^2.7.1 prettier: ^2.7.1
prettier-plugin-svelte: ^2.7.0 prettier-plugin-svelte: ^2.7.0
sass: ^1.54.1 sass: ^1.54.2
svelte: ^3.49.0 svelte: ^3.49.0
svelte-check: ^2.8.0 svelte-check: ^2.8.0
svelte-preprocess: ^4.10.7 svelte-preprocess: ^4.10.7
@ -49,7 +49,7 @@ devDependencies:
'@rgossiaux/svelte-headlessui': 1.0.2_svelte@3.49.0 '@rgossiaux/svelte-headlessui': 1.0.2_svelte@3.49.0
'@rgossiaux/svelte-heroicons': 0.1.2_svelte@3.49.0 '@rgossiaux/svelte-heroicons': 0.1.2_svelte@3.49.0
'@sveltejs/adapter-auto': 1.0.0-next.64 '@sveltejs/adapter-auto': 1.0.0-next.64
'@sveltejs/kit': 1.0.0-next.402_svelte@3.49.0+vite@3.0.4 '@sveltejs/kit': 1.0.0-next.403_svelte@3.49.0+vite@3.0.4
'@types/cookie': 0.5.1 '@types/cookie': 0.5.1
'@types/node': 18.6.3 '@types/node': 18.6.3
'@typescript-eslint/eslint-plugin': 5.32.0_iosr3hrei2tubxveewluhu5lhy '@typescript-eslint/eslint-plugin': 5.32.0_iosr3hrei2tubxveewluhu5lhy
@ -62,13 +62,13 @@ devDependencies:
just-debounce-it: 3.0.1 just-debounce-it: 3.0.1
prettier: 2.7.1 prettier: 2.7.1
prettier-plugin-svelte: 2.7.0_o3ioganyptcsrh6x4hnxvjkpqi prettier-plugin-svelte: 2.7.0_o3ioganyptcsrh6x4hnxvjkpqi
sass: 1.54.1 sass: 1.54.2
svelte: 3.49.0 svelte: 3.49.0
svelte-check: 2.8.0_sass@1.54.1+svelte@3.49.0 svelte-check: 2.8.0_sass@1.54.2+svelte@3.49.0
svelte-preprocess: 4.10.7_4rm3dya3yiyrh2c36qahwx3qae svelte-preprocess: 4.10.7_sds2662lehtce3ogrgkmwkedb4
tslib: 2.4.0 tslib: 2.4.0
typescript: 4.7.4 typescript: 4.7.4
vite: 3.0.4_sass@1.54.1 vite: 3.0.4_sass@1.54.2
packages: packages:
@ -268,8 +268,8 @@ packages:
- supports-color - supports-color
dev: true dev: true
/@sveltejs/kit/1.0.0-next.402_svelte@3.49.0+vite@3.0.4: /@sveltejs/kit/1.0.0-next.403_svelte@3.49.0+vite@3.0.4:
resolution: {integrity: sha512-F0Mm+bTGOnl+vWKab5uwXsY+5YypC/uveGE0wKyYSE9a/pFQD20WwrvRKePGhUCepiHc7S82jxVZRwjCsToaNQ==} resolution: {integrity: sha512-pKlmthl1SZkbx671Jp+LBoRne0vNzsjSgta9iRhqW/bt/0mx/IjlMd/NOeLuJGo30dAJdefrySoSamiaq47M/g==}
engines: {node: '>=16.9'} engines: {node: '>=16.9'}
hasBin: true hasBin: true
requiresBuild: true requiresBuild: true
@ -281,7 +281,7 @@ packages:
chokidar: 3.5.3 chokidar: 3.5.3
sade: 1.8.1 sade: 1.8.1
svelte: 3.49.0 svelte: 3.49.0
vite: 3.0.4_sass@1.54.1 vite: 3.0.4_sass@1.54.2
transitivePeerDependencies: transitivePeerDependencies:
- diff-match-patch - diff-match-patch
- supports-color - supports-color
@ -305,7 +305,7 @@ packages:
magic-string: 0.26.2 magic-string: 0.26.2
svelte: 3.49.0 svelte: 3.49.0
svelte-hmr: 0.14.12_svelte@3.49.0 svelte-hmr: 0.14.12_svelte@3.49.0
vite: 3.0.4_sass@1.54.1 vite: 3.0.4_sass@1.54.2
transitivePeerDependencies: transitivePeerDependencies:
- supports-color - supports-color
dev: true dev: true
@ -2010,8 +2010,8 @@ packages:
rimraf: 2.7.1 rimraf: 2.7.1
dev: true dev: true
/sass/1.54.1: /sass/1.54.2:
resolution: {integrity: sha512-GHJJr31Me32RjjUBagyzx8tzjKBUcDwo5239XANIRBq0adDu5iIG0aFO0i/TBb/4I9oyxkEv44nq/kL1DxdDhA==} resolution: {integrity: sha512-wbVV26sejsCIbBScZZtNkvnrB/bVCQ8hSlZ01D9nzsVh9zLqCkWrlpvTb3YEb6xsuNi9cx75hncqwikHFSz7tw==}
engines: {node: '>=12.0.0'} engines: {node: '>=12.0.0'}
hasBin: true hasBin: true
dependencies: dependencies:
@ -2127,7 +2127,7 @@ packages:
engines: {node: '>= 0.4'} engines: {node: '>= 0.4'}
dev: true dev: true
/svelte-check/2.8.0_sass@1.54.1+svelte@3.49.0: /svelte-check/2.8.0_sass@1.54.2+svelte@3.49.0:
resolution: {integrity: sha512-HRL66BxffMAZusqe5I5k26mRWQ+BobGd9Rxm3onh7ZVu0nTk8YTKJ9vu3LVPjUGLU9IX7zS+jmwPVhJYdXJ8vg==} resolution: {integrity: sha512-HRL66BxffMAZusqe5I5k26mRWQ+BobGd9Rxm3onh7ZVu0nTk8YTKJ9vu3LVPjUGLU9IX7zS+jmwPVhJYdXJ8vg==}
hasBin: true hasBin: true
peerDependencies: peerDependencies:
@ -2140,7 +2140,7 @@ packages:
picocolors: 1.0.0 picocolors: 1.0.0
sade: 1.8.1 sade: 1.8.1
svelte: 3.49.0 svelte: 3.49.0
svelte-preprocess: 4.10.7_4rm3dya3yiyrh2c36qahwx3qae svelte-preprocess: 4.10.7_sds2662lehtce3ogrgkmwkedb4
typescript: 4.7.4 typescript: 4.7.4
transitivePeerDependencies: transitivePeerDependencies:
- '@babel/core' - '@babel/core'
@ -2164,7 +2164,7 @@ packages:
svelte: 3.49.0 svelte: 3.49.0
dev: true dev: true
/svelte-preprocess/4.10.7_4rm3dya3yiyrh2c36qahwx3qae: /svelte-preprocess/4.10.7_sds2662lehtce3ogrgkmwkedb4:
resolution: {integrity: sha512-sNPBnqYD6FnmdBrUmBCaqS00RyCsCpj2BG58A1JBswNF7b0OKviwxqVrOL/CKyJrLSClrSeqQv5BXNg2RUbPOw==} resolution: {integrity: sha512-sNPBnqYD6FnmdBrUmBCaqS00RyCsCpj2BG58A1JBswNF7b0OKviwxqVrOL/CKyJrLSClrSeqQv5BXNg2RUbPOw==}
engines: {node: '>= 9.11.2'} engines: {node: '>= 9.11.2'}
requiresBuild: true requiresBuild: true
@ -2209,7 +2209,7 @@ packages:
'@types/sass': 1.43.1 '@types/sass': 1.43.1
detect-indent: 6.1.0 detect-indent: 6.1.0
magic-string: 0.25.9 magic-string: 0.25.9
sass: 1.54.1 sass: 1.54.2
sorcery: 0.10.0 sorcery: 0.10.0
strip-indent: 3.0.0 strip-indent: 3.0.0
svelte: 3.49.0 svelte: 3.49.0
@ -2305,7 +2305,7 @@ packages:
resolution: {integrity: sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==} resolution: {integrity: sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==}
dev: true dev: true
/vite/3.0.4_sass@1.54.1: /vite/3.0.4_sass@1.54.2:
resolution: {integrity: sha512-NU304nqnBeOx2MkQnskBQxVsa0pRAH5FphokTGmyy8M3oxbvw7qAXts2GORxs+h/2vKsD+osMhZ7An6yK6F1dA==} resolution: {integrity: sha512-NU304nqnBeOx2MkQnskBQxVsa0pRAH5FphokTGmyy8M3oxbvw7qAXts2GORxs+h/2vKsD+osMhZ7An6yK6F1dA==}
engines: {node: ^14.18.0 || >=16.0.0} engines: {node: ^14.18.0 || >=16.0.0}
hasBin: true hasBin: true
@ -2328,7 +2328,7 @@ packages:
postcss: 8.4.14 postcss: 8.4.14
resolve: 1.22.1 resolve: 1.22.1
rollup: 2.77.2 rollup: 2.77.2
sass: 1.54.1 sass: 1.54.2
optionalDependencies: optionalDependencies:
fsevents: 2.3.2 fsevents: 2.3.2
dev: true dev: true

View file

@ -8,18 +8,20 @@
ListboxOptions ListboxOptions
} from '@rgossiaux/svelte-headlessui'; } from '@rgossiaux/svelte-headlessui';
const themes = { type Themes = Record<string, { name: string }>;
const themes: Themes = {
'🌛 Night': { name: '🌛 Night' }, '🌛 Night': { name: '🌛 Night' },
'☀️ Daylight': { name: '☀️ Daylight' } '☀️ Daylight': { name: '☀️ Daylight' }
}; };
let selectedTheme = getTheme() ?? themes['🌛 Night']; let selectedTheme: { name: string } = getTheme() ?? themes['🌛 Night'];
function getTheme() { function getTheme() {
if (!browser) return; if (!browser) return;
const htmlElement = document.documentElement; const htmlElement = document.documentElement;
const userTheme = localStorage.theme; const userTheme: string = localStorage.theme;
const prefersDarkMode = window.matchMedia('prefers-color-scheme: dark').matches; const prefersDarkMode = window.matchMedia('prefers-color-scheme: dark').matches;
const prefersLightMode = window.matchMedia('prefers-color-scheme: light').matches; const prefersLightMode = window.matchMedia('prefers-color-scheme: light').matches;