Merge pull request #177 from clams-tech/release/1.8.0

Release 1.8.0

package.json

@@ -1,6 +1,6 @@
 {
   "name": "browser-app",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "scripts": {
     "dev": "vite dev",
     "dev-http": "vite dev --mode http",
@@ -16,13 +16,14 @@
   },
   "devDependencies": {
     "@playwright/test": "^1.28.1",
-    "@sveltejs/adapter-static": "^2.0.0",
-    "@sveltejs/kit": "^1.15.2",
+    "@sveltejs/adapter-static": "^2.0.2",
+    "@sveltejs/kit": "^1.22.3",
     "@types/big.js": "^6.1.5",
     "@types/crypto-js": "^4.1.1",
     "@types/hammerjs": "^2.0.41",
     "@types/lodash.debounce": "^4.0.7",
     "@types/lodash.isequal": "^4.5.6",
+    "@types/qrcode": "^1.5.1",
     "@types/secp256k1": "^4.0.3",
     "@types/ua-parser-js": "^0.7.36",
     "@typescript-eslint/eslint-plugin": "^5.45.0",
@@ -36,10 +37,10 @@
     "lint-staged": "^13.0.3",
     "postcss": "^8.4.14",
     "prettier": "^2.8.0",
-    "prettier-plugin-svelte": "^2.8.1",
-    "svelte": "^3.54.0",
-    "svelte-check": "^2.9.2",
-    "svelte-preprocess": "^4.10.7",
+    "prettier-plugin-svelte": "^2.10.1",
+    "svelte": "^4.0.5",
+    "svelte-check": "^3.4.6",
+    "svelte-preprocess": "^5.0.4",
     "tailwindcss": "^3.2.4",
     "tslib": "^2.4.1",
     "typescript": "^4.9.3",
@@ -49,24 +50,26 @@
   "dependencies": {
     "@noble/hashes": "^1.2.0",
     "big.js": "^6.2.1",
+    "bitcoin-address-validation": "^2.2.1",
     "bolt12-decoder": "^0.0.5",
     "chart.js": "^4.2.1",
-    "bitcoin-address-validation": "^2.2.1",
     "crypto-js": "^4.1.1",
     "date-fns": "^2.28.0",
     "date-fns-tz": "^1.3.7",
     "hammerjs": "^2.0.8",
+    "html-to-image": "^1.11.11",
     "js-lnurl": "^0.5.1",
     "jsqr": "^1.4.0",
     "light-bolt11-decoder": "^3.0.0",
-    "lnmessage": "^0.2.1",
+    "lnmessage": "^0.2.2",
     "lodash.debounce": "^4.0.8",
     "lodash.isequal": "^4.5.0",
-    "qr-code-styling": "^1.6.0-rc.1",
+    "nouislider": "^15.7.0",
+    "qrcode": "^1.5.3",
     "rune-decoder": "0.0.1",
     "rxjs": "^7.5.7",
     "secp256k1": "^4.0.3",
-    "sveltekit-i18n": "^2.2.2",
+    "sveltekit-i18n": "^2.4.0",
     "ua-parser-js": "^1.0.33",
     "vconsole": "^3.14.7"
   }

src/app.css

@@ -49,3 +49,8 @@ input[type='number'] {
 input[type='radio'] {
   @apply accent-purple-500;
 }
+
+/* noUiSlider "Slider" component */
+.noUi-connect {
+  background: rgb(99 5 240 / 1) !important;  /* bg-purple-500 */
+}

src/app.d.ts

@@ -10,9 +10,9 @@ declare namespace App {
   // interface Stuff {}
 }
 
-declare namespace svelte.JSX {
-  interface HTMLAttributes<T> {
-    onswipe?: (event: string) => void
+declare namespace svelteHTML {
+  interface HTMLAttributes {
+    'on:swipe'?: (event: string) => void
   }
 }