diff --git a/package-lock.json b/package-lock.json index db0866e..d43a122 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11,6 +11,7 @@ "@atproto/lex": "^0.1.3", "@ewanc26/atproto": "^0.2.12", "@ewanc26/supporters": "^0.3.0", + "@vercel/og": "^0.6.5", "chroma-js": "^3.2.0", "dompurify": "^3.4.7", "marked": "^18.0.4", @@ -27,6 +28,7 @@ }, "devDependencies": { "@lucide/svelte": "^1.17.0", + "@resvg/resvg-js": "^2.6.2", "@sveltejs/adapter-auto": "^7.0.1", "@sveltejs/adapter-vercel": "^6.3.3", "@sveltejs/kit": "^2.57.0", @@ -1088,6 +1090,243 @@ "dev": true, "license": "MIT" }, + "node_modules/@resvg/resvg-js": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/@resvg/resvg-js/-/resvg-js-2.6.2.tgz", + "integrity": "sha512-xBaJish5OeGmniDj9cW5PRa/PtmuVU3ziqrbr5xJj901ZDN4TosrVaNZpEiLZAxdfnhAe7uQ7QFWfjPe9d9K2Q==", + "dev": true, + "license": "MPL-2.0", + "engines": { + "node": ">= 10" + }, + "optionalDependencies": { + "@resvg/resvg-js-android-arm-eabi": "2.6.2", + "@resvg/resvg-js-android-arm64": "2.6.2", + "@resvg/resvg-js-darwin-arm64": "2.6.2", + "@resvg/resvg-js-darwin-x64": "2.6.2", + "@resvg/resvg-js-linux-arm-gnueabihf": "2.6.2", + "@resvg/resvg-js-linux-arm64-gnu": "2.6.2", + "@resvg/resvg-js-linux-arm64-musl": "2.6.2", + "@resvg/resvg-js-linux-x64-gnu": "2.6.2", + "@resvg/resvg-js-linux-x64-musl": "2.6.2", + "@resvg/resvg-js-win32-arm64-msvc": "2.6.2", + "@resvg/resvg-js-win32-ia32-msvc": "2.6.2", + "@resvg/resvg-js-win32-x64-msvc": "2.6.2" + } + }, + "node_modules/@resvg/resvg-js-android-arm-eabi": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/@resvg/resvg-js-android-arm-eabi/-/resvg-js-android-arm-eabi-2.6.2.tgz", + "integrity": "sha512-FrJibrAk6v29eabIPgcTUMPXiEz8ssrAk7TXxsiZzww9UTQ1Z5KAbFJs+Z0Ez+VZTYgnE5IQJqBcoSiMebtPHA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@resvg/resvg-js-android-arm64": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/@resvg/resvg-js-android-arm64/-/resvg-js-android-arm64-2.6.2.tgz", + "integrity": "sha512-VcOKezEhm2VqzXpcIJoITuvUS/fcjIw5NA/w3tjzWyzmvoCdd+QXIqy3FBGulWdClvp4g+IfUemigrkLThSjAQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@resvg/resvg-js-darwin-arm64": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/@resvg/resvg-js-darwin-arm64/-/resvg-js-darwin-arm64-2.6.2.tgz", + "integrity": "sha512-nmok2LnAd6nLUKI16aEB9ydMC6Lidiiq2m1nEBDR1LaaP7FGs4AJ90qDraxX+CWlVuRlvNjyYJTNv8qFjtL9+A==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@resvg/resvg-js-darwin-x64": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/@resvg/resvg-js-darwin-x64/-/resvg-js-darwin-x64-2.6.2.tgz", + "integrity": "sha512-GInyZLjgWDfsVT6+SHxQVRwNzV0AuA1uqGsOAW+0th56J7Nh6bHHKXHBWzUrihxMetcFDmQMAX1tZ1fZDYSRsw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@resvg/resvg-js-linux-arm-gnueabihf": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/@resvg/resvg-js-linux-arm-gnueabihf/-/resvg-js-linux-arm-gnueabihf-2.6.2.tgz", + "integrity": "sha512-YIV3u/R9zJbpqTTNwTZM5/ocWetDKGsro0SWp70eGEM9eV2MerWyBRZnQIgzU3YBnSBQ1RcxRZvY/UxwESfZIw==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@resvg/resvg-js-linux-arm64-gnu": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/@resvg/resvg-js-linux-arm64-gnu/-/resvg-js-linux-arm64-gnu-2.6.2.tgz", + "integrity": "sha512-zc2BlJSim7YR4FZDQ8OUoJg5holYzdiYMeobb9pJuGDidGL9KZUv7SbiD4E8oZogtYY42UZEap7dqkkYuA91pg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@resvg/resvg-js-linux-arm64-musl": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/@resvg/resvg-js-linux-arm64-musl/-/resvg-js-linux-arm64-musl-2.6.2.tgz", + "integrity": "sha512-3h3dLPWNgSsD4lQBJPb4f+kvdOSJHa5PjTYVsWHxLUzH4IFTJUAnmuWpw4KqyQ3NA5QCyhw4TWgxk3jRkQxEKg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@resvg/resvg-js-linux-x64-gnu": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/@resvg/resvg-js-linux-x64-gnu/-/resvg-js-linux-x64-gnu-2.6.2.tgz", + "integrity": "sha512-IVUe+ckIerA7xMZ50duAZzwf1U7khQe2E0QpUxu5MBJNao5RqC0zwV/Zm965vw6D3gGFUl7j4m+oJjubBVoftw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@resvg/resvg-js-linux-x64-musl": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/@resvg/resvg-js-linux-x64-musl/-/resvg-js-linux-x64-musl-2.6.2.tgz", + "integrity": "sha512-UOf83vqTzoYQO9SZ0fPl2ZIFtNIz/Rr/y+7X8XRX1ZnBYsQ/tTb+cj9TE+KHOdmlTFBxhYzVkP2lRByCzqi4jQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@resvg/resvg-js-win32-arm64-msvc": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/@resvg/resvg-js-win32-arm64-msvc/-/resvg-js-win32-arm64-msvc-2.6.2.tgz", + "integrity": "sha512-7C/RSgCa+7vqZ7qAbItfiaAWhyRSoD4l4BQAbVDqRRsRgY+S+hgS3in0Rxr7IorKUpGE69X48q6/nOAuTJQxeQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@resvg/resvg-js-win32-ia32-msvc": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/@resvg/resvg-js-win32-ia32-msvc/-/resvg-js-win32-ia32-msvc-2.6.2.tgz", + "integrity": "sha512-har4aPAlvjnLcil40AC77YDIk6loMawuJwFINEM7n0pZviwMkMvjb2W5ZirsNOZY4aDbo5tLx0wNMREp5Brk+w==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@resvg/resvg-js-win32-x64-msvc": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/@resvg/resvg-js-win32-x64-msvc/-/resvg-js-win32-x64-msvc-2.6.2.tgz", + "integrity": "sha512-ZXtYhtUr5SSaBrUDq7DiyjOFJqBVL/dOBN7N/qmi/pO0IgiWW/f/ue3nbvu9joWE5aAKDoIzy/CxsY0suwGosQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@resvg/resvg-wasm": { + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/@resvg/resvg-wasm/-/resvg-wasm-2.4.0.tgz", + "integrity": "sha512-C7c51Nn4yTxXFKvgh2txJFNweaVcfUPQxwEUFw4aWsCmfiBDJsTSwviIF8EcwjQ6k8bPyMWCl1vw4BdxE569Cg==", + "license": "MPL-2.0", + "engines": { + "node": ">= 10" + } + }, "node_modules/@rolldown/binding-android-arm64": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.2.tgz", @@ -1375,6 +1614,22 @@ } } }, + "node_modules/@shuding/opentype.js": { + "version": "1.4.0-beta.0", + "resolved": "https://registry.npmjs.org/@shuding/opentype.js/-/opentype.js-1.4.0-beta.0.tgz", + "integrity": "sha512-3NgmNyH3l/Hv6EvsWJbsvpcpUba6R8IREQ83nH83cyakCw7uM1arZKNfHwv1Wz6jgqrF/j4x5ELvR6PnK9nTcA==", + "license": "MIT", + "dependencies": { + "fflate": "^0.7.3", + "string.prototype.codepointat": "^0.2.1" + }, + "bin": { + "ot": "bin/ot" + }, + "engines": { + "node": ">= 8.0.0" + } + }, "node_modules/@standard-schema/spec": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz", @@ -2365,6 +2620,20 @@ "node": ">=20" } }, + "node_modules/@vercel/og": { + "version": "0.6.8", + "resolved": "https://registry.npmjs.org/@vercel/og/-/og-0.6.8.tgz", + "integrity": "sha512-e4kQK9mP8ntpo3dACWirGod/hHv4qO5JMj9a/0a2AZto7b4persj5YP7t1Er372gTtYFTYxNhMx34jRvHooglw==", + "license": "MPL-2.0", + "dependencies": { + "@resvg/resvg-wasm": "2.4.0", + "satori": "0.12.2", + "yoga-wasm-web": "0.3.3" + }, + "engines": { + "node": ">=16" + } + }, "node_modules/abbrev": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-3.0.1.tgz", @@ -2569,6 +2838,15 @@ "ieee754": "^1.2.1" } }, + "node_modules/camelize": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz", + "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==", + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/cborg": { "version": "4.5.8", "resolved": "https://registry.npmjs.org/cborg/-/cborg-4.5.8.tgz", @@ -2679,6 +2957,12 @@ "integrity": "sha512-Oofo0pq3IKnsFtuHqSF7TqBfr71aeyZDVJ0HpmqB7FBM2qEigL0iPONSCZSO9pE9dZTAxANe5XHG9Uy0YMv8cg==", "license": "MIT" }, + "node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "license": "MIT" + }, "node_modules/comma-separated-tokens": { "version": "2.0.3", "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz", @@ -2720,6 +3004,47 @@ "url": "https://opencollective.com/core-js" } }, + "node_modules/css-background-parser": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/css-background-parser/-/css-background-parser-0.1.0.tgz", + "integrity": "sha512-2EZLisiZQ+7m4wwur/qiYJRniHX4K5Tc9w93MT3AS0WS1u5kaZ4FKXlOTBhOjc+CgEgPiGY+fX1yWD8UwpEqUA==", + "license": "MIT" + }, + "node_modules/css-box-shadow": { + "version": "1.0.0-3", + "resolved": "https://registry.npmjs.org/css-box-shadow/-/css-box-shadow-1.0.0-3.tgz", + "integrity": "sha512-9jaqR6e7Ohds+aWwmhe6wILJ99xYQbfmK9QQB9CcMjDbTxPZjwEmUQpU91OG05Xgm8BahT5fW+svbsQGjS/zPg==", + "license": "MIT" + }, + "node_modules/css-color-keywords": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", + "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==", + "license": "ISC", + "engines": { + "node": ">=4" + } + }, + "node_modules/css-gradient-parser": { + "version": "0.0.16", + "resolved": "https://registry.npmjs.org/css-gradient-parser/-/css-gradient-parser-0.0.16.tgz", + "integrity": "sha512-3O5QdqgFRUbXvK1x5INf1YkBz1UKSWqrd63vWsum8MNHDBYD5urm3QtxZbKU259OrEXNM26lP/MPY3d1IGkBgA==", + "license": "MIT", + "engines": { + "node": ">=16" + } + }, + "node_modules/css-to-react-native": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz", + "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==", + "license": "MIT", + "dependencies": { + "camelize": "^1.0.0", + "css-color-keywords": "^1.0.0", + "postcss-value-parser": "^4.0.2" + } + }, "node_modules/debug": { "version": "4.4.3", "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz", @@ -2892,6 +3217,12 @@ "node": ">=6" } }, + "node_modules/escape-html": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", + "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==", + "license": "MIT" + }, "node_modules/escape-string-regexp": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz", @@ -2984,6 +3315,12 @@ } } }, + "node_modules/fflate": { + "version": "0.7.4", + "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.7.4.tgz", + "integrity": "sha512-5u2V/CDW15QM1XbbgS+0DfPxVB+jUKhWEKuuFuHncbk3tEEqzmoXL+2KyOFuKGqOnmdIy0/davWF1CkuwtibCw==", + "license": "MIT" + }, "node_modules/file-uri-to-path": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz", @@ -3229,6 +3566,18 @@ "url": "https://opencollective.com/unified" } }, + "node_modules/hex-rgb": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/hex-rgb/-/hex-rgb-4.3.0.tgz", + "integrity": "sha512-Ox1pJVrDCyGHMG9CFg1tmrRUMRPRsAWYc/PinY0XzJU4K7y7vjNoLKIQ7BR5UJMCxNN8EM1MNDmHWA/B3aZUuw==", + "license": "MIT", + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/html-void-elements": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/html-void-elements/-/html-void-elements-3.0.0.tgz", @@ -3581,6 +3930,25 @@ "url": "https://opencollective.com/parcel" } }, + "node_modules/linebreak": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/linebreak/-/linebreak-1.1.0.tgz", + "integrity": "sha512-MHp03UImeVhB7XZtjd0E4n6+3xr5Dq/9xI/5FptGk5FrbDR3zagPa2DS6U8ks/3HjbKWG9Q1M2ufOzxV2qLYSQ==", + "license": "MIT", + "dependencies": { + "base64-js": "0.0.8", + "unicode-trie": "^2.0.0" + } + }, + "node_modules/linebreak/node_modules/base64-js": { + "version": "0.0.8", + "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-0.0.8.tgz", + "integrity": "sha512-3XSA2cR/h/73EzlXXdU6YNycmYI7+kicTxks4eJg2g39biHR84slg2+des+p7iHYhbRg/udIS4TD53WabcOUkw==", + "license": "MIT", + "engines": { + "node": ">= 0.4" + } + }, "node_modules/locate-character": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz", @@ -4565,6 +4933,22 @@ "node": ">=14.0.0" } }, + "node_modules/pako": { + "version": "0.2.9", + "resolved": "https://registry.npmjs.org/pako/-/pako-0.2.9.tgz", + "integrity": "sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==", + "license": "MIT" + }, + "node_modules/parse-css-color": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/parse-css-color/-/parse-css-color-0.2.1.tgz", + "integrity": "sha512-bwS/GGIFV3b6KS4uwpzCFj4w297Yl3uqnSgIPsoQkx7GMLROXfMnWvxfNkL0oh8HVhZA4hvJoEoEIqonfJ3BWg==", + "license": "MIT", + "dependencies": { + "color-name": "^1.1.4", + "hex-rgb": "^4.1.0" + } + }, "node_modules/parse5": { "version": "7.3.0", "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz", @@ -4696,6 +5080,12 @@ "node": "^10 || ^12 || >=14" } }, + "node_modules/postcss-value-parser": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", + "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", + "license": "MIT" + }, "node_modules/prettier": { "version": "3.8.3", "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.8.3.tgz", @@ -5033,6 +5423,28 @@ "node": ">=10" } }, + "node_modules/satori": { + "version": "0.12.2", + "resolved": "https://registry.npmjs.org/satori/-/satori-0.12.2.tgz", + "integrity": "sha512-3C/laIeE6UUe9A+iQ0A48ywPVCCMKCNSTU5Os101Vhgsjd3AAxGNjyq0uAA8kulMPK5n0csn8JlxPN9riXEjLA==", + "license": "MPL-2.0", + "dependencies": { + "@shuding/opentype.js": "1.4.0-beta.0", + "css-background-parser": "^0.1.0", + "css-box-shadow": "1.0.0-3", + "css-gradient-parser": "^0.0.16", + "css-to-react-native": "^3.0.0", + "emoji-regex": "^10.2.1", + "escape-html": "^1.0.3", + "linebreak": "^1.1.0", + "parse-css-color": "^0.2.1", + "postcss-value-parser": "^4.2.0", + "yoga-wasm-web": "^0.3.3" + }, + "engines": { + "node": ">=16" + } + }, "node_modules/semver": { "version": "7.8.1", "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.1.tgz", @@ -5132,6 +5544,12 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/string.prototype.codepointat": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/string.prototype.codepointat/-/string.prototype.codepointat-0.2.1.tgz", + "integrity": "sha512-2cBVCj6I4IOvEnjgO/hWqXjqBGsY+zwPmHl12Srk9IXSZ56Jwwmy+66XO5Iut/oQVR7t5ihYdLB0GMa4alEUcg==", + "license": "MIT" + }, "node_modules/stringify-entities": { "version": "4.0.4", "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-4.0.4.tgz", @@ -5259,6 +5677,12 @@ "real-require": "^0.2.0" } }, + "node_modules/tiny-inflate": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/tiny-inflate/-/tiny-inflate-1.0.3.tgz", + "integrity": "sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw==", + "license": "MIT" + }, "node_modules/tinyglobby": { "version": "0.2.17", "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz", @@ -5374,6 +5798,16 @@ "integrity": "sha512-jHGmj2LUuqDcX3hqY12Ql+uhUTn8huuxNZGq7GvtF6bSybzH3aFgedYu/KTzQStEgt1Ra2F3HxadNXsNjb3m3g==", "license": "MIT" }, + "node_modules/unicode-trie": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/unicode-trie/-/unicode-trie-2.0.0.tgz", + "integrity": "sha512-x7bc76x0bm4prf1VLg79uhAzKw8DVboClSN5VxJuQ+LKDOVEW9CdH+VY7SP+vX7xCYQqzzgQpFqz15zeLvAtZQ==", + "license": "MIT", + "dependencies": { + "pako": "^0.2.5", + "tiny-inflate": "^1.0.0" + } + }, "node_modules/unified": { "version": "11.0.5", "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.5.tgz", @@ -5697,6 +6131,12 @@ "node": "^20.19.0 || ^22.12.0 || >=23" } }, + "node_modules/yoga-wasm-web": { + "version": "0.3.3", + "resolved": "https://registry.npmjs.org/yoga-wasm-web/-/yoga-wasm-web-0.3.3.tgz", + "integrity": "sha512-N+d4UJSJbt/R3wqY7Coqs5pcV0aUj2j9IaQ3rNj9bVCLld8tTGKRa2USARjnvZJWVx1NDmQev8EknoczaOQDOA==", + "license": "MIT" + }, "node_modules/zimmerframe": { "version": "1.1.4", "resolved": "https://registry.npmjs.org/zimmerframe/-/zimmerframe-1.1.4.tgz", diff --git a/package.json b/package.json index b43ab2a..6db1a25 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,7 @@ }, "devDependencies": { "@lucide/svelte": "^1.17.0", + "@resvg/resvg-js": "^2.6.2", "@sveltejs/adapter-auto": "^7.0.1", "@sveltejs/adapter-vercel": "^6.3.3", "@sveltejs/kit": "^2.57.0", @@ -31,6 +32,7 @@ "@atproto/lex": "^0.1.3", "@ewanc26/atproto": "^0.2.12", "@ewanc26/supporters": "^0.3.0", + "@vercel/og": "^0.6.5", "chroma-js": "^3.2.0", "dompurify": "^3.4.7", "marked": "^18.0.4", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 5f8df87..9d7e04d 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -16,6 +16,9 @@ importers: "@ewanc26/supporters": specifier: ^0.3.0 version: 0.3.0(@atproto/api@0.20.7)(svelte@5.55.10) + "@vercel/og": + specifier: ^0.6.5 + version: 0.6.8 chroma-js: specifier: ^3.2.0 version: 3.2.0 @@ -59,6 +62,9 @@ importers: "@lucide/svelte": specifier: ^1.17.0 version: 1.17.0(svelte@5.55.10) + "@resvg/resvg-js": + specifier: ^2.6.2 + version: 2.6.2 "@sveltejs/adapter-auto": specifier: ^7.0.1 version: 7.0.1(@sveltejs/kit@2.61.1(@sveltejs/vite-plugin-svelte@7.1.2(svelte@5.55.10)(vite@8.0.14(@types/node@25.9.1)(jiti@2.7.0)))(svelte@5.55.10)(typescript@6.0.3)(vite@8.0.14(@types/node@25.9.1)(jiti@2.7.0))) @@ -633,6 +639,132 @@ packages: integrity: sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==, } + "@resvg/resvg-js-android-arm-eabi@2.6.2": + resolution: + { + integrity: sha512-FrJibrAk6v29eabIPgcTUMPXiEz8ssrAk7TXxsiZzww9UTQ1Z5KAbFJs+Z0Ez+VZTYgnE5IQJqBcoSiMebtPHA==, + } + engines: { node: ">= 10" } + cpu: [arm] + os: [android] + + "@resvg/resvg-js-android-arm64@2.6.2": + resolution: + { + integrity: sha512-VcOKezEhm2VqzXpcIJoITuvUS/fcjIw5NA/w3tjzWyzmvoCdd+QXIqy3FBGulWdClvp4g+IfUemigrkLThSjAQ==, + } + engines: { node: ">= 10" } + cpu: [arm64] + os: [android] + + "@resvg/resvg-js-darwin-arm64@2.6.2": + resolution: + { + integrity: sha512-nmok2LnAd6nLUKI16aEB9ydMC6Lidiiq2m1nEBDR1LaaP7FGs4AJ90qDraxX+CWlVuRlvNjyYJTNv8qFjtL9+A==, + } + engines: { node: ">= 10" } + cpu: [arm64] + os: [darwin] + + "@resvg/resvg-js-darwin-x64@2.6.2": + resolution: + { + integrity: sha512-GInyZLjgWDfsVT6+SHxQVRwNzV0AuA1uqGsOAW+0th56J7Nh6bHHKXHBWzUrihxMetcFDmQMAX1tZ1fZDYSRsw==, + } + engines: { node: ">= 10" } + cpu: [x64] + os: [darwin] + + "@resvg/resvg-js-linux-arm-gnueabihf@2.6.2": + resolution: + { + integrity: sha512-YIV3u/R9zJbpqTTNwTZM5/ocWetDKGsro0SWp70eGEM9eV2MerWyBRZnQIgzU3YBnSBQ1RcxRZvY/UxwESfZIw==, + } + engines: { node: ">= 10" } + cpu: [arm] + os: [linux] + + "@resvg/resvg-js-linux-arm64-gnu@2.6.2": + resolution: + { + integrity: sha512-zc2BlJSim7YR4FZDQ8OUoJg5holYzdiYMeobb9pJuGDidGL9KZUv7SbiD4E8oZogtYY42UZEap7dqkkYuA91pg==, + } + engines: { node: ">= 10" } + cpu: [arm64] + os: [linux] + libc: [glibc] + + "@resvg/resvg-js-linux-arm64-musl@2.6.2": + resolution: + { + integrity: sha512-3h3dLPWNgSsD4lQBJPb4f+kvdOSJHa5PjTYVsWHxLUzH4IFTJUAnmuWpw4KqyQ3NA5QCyhw4TWgxk3jRkQxEKg==, + } + engines: { node: ">= 10" } + cpu: [arm64] + os: [linux] + libc: [musl] + + "@resvg/resvg-js-linux-x64-gnu@2.6.2": + resolution: + { + integrity: sha512-IVUe+ckIerA7xMZ50duAZzwf1U7khQe2E0QpUxu5MBJNao5RqC0zwV/Zm965vw6D3gGFUl7j4m+oJjubBVoftw==, + } + engines: { node: ">= 10" } + cpu: [x64] + os: [linux] + libc: [glibc] + + "@resvg/resvg-js-linux-x64-musl@2.6.2": + resolution: + { + integrity: sha512-UOf83vqTzoYQO9SZ0fPl2ZIFtNIz/Rr/y+7X8XRX1ZnBYsQ/tTb+cj9TE+KHOdmlTFBxhYzVkP2lRByCzqi4jQ==, + } + engines: { node: ">= 10" } + cpu: [x64] + os: [linux] + libc: [musl] + + "@resvg/resvg-js-win32-arm64-msvc@2.6.2": + resolution: + { + integrity: sha512-7C/RSgCa+7vqZ7qAbItfiaAWhyRSoD4l4BQAbVDqRRsRgY+S+hgS3in0Rxr7IorKUpGE69X48q6/nOAuTJQxeQ==, + } + engines: { node: ">= 10" } + cpu: [arm64] + os: [win32] + + "@resvg/resvg-js-win32-ia32-msvc@2.6.2": + resolution: + { + integrity: sha512-har4aPAlvjnLcil40AC77YDIk6loMawuJwFINEM7n0pZviwMkMvjb2W5ZirsNOZY4aDbo5tLx0wNMREp5Brk+w==, + } + engines: { node: ">= 10" } + cpu: [ia32] + os: [win32] + + "@resvg/resvg-js-win32-x64-msvc@2.6.2": + resolution: + { + integrity: sha512-ZXtYhtUr5SSaBrUDq7DiyjOFJqBVL/dOBN7N/qmi/pO0IgiWW/f/ue3nbvu9joWE5aAKDoIzy/CxsY0suwGosQ==, + } + engines: { node: ">= 10" } + cpu: [x64] + os: [win32] + + "@resvg/resvg-js@2.6.2": + resolution: + { + integrity: sha512-xBaJish5OeGmniDj9cW5PRa/PtmuVU3ziqrbr5xJj901ZDN4TosrVaNZpEiLZAxdfnhAe7uQ7QFWfjPe9d9K2Q==, + } + engines: { node: ">= 10" } + + "@resvg/resvg-wasm@2.4.0": + resolution: + { + integrity: sha512-C7c51Nn4yTxXFKvgh2txJFNweaVcfUPQxwEUFw4aWsCmfiBDJsTSwviIF8EcwjQ6k8bPyMWCl1vw4BdxE569Cg==, + } + engines: { node: ">= 10" } + "@rolldown/binding-android-arm64@1.0.2": resolution: { @@ -791,6 +923,14 @@ packages: rollup: optional: true + "@shuding/opentype.js@1.4.0-beta.0": + resolution: + { + integrity: sha512-3NgmNyH3l/Hv6EvsWJbsvpcpUba6R8IREQ83nH83cyakCw7uM1arZKNfHwv1Wz6jgqrF/j4x5ELvR6PnK9nTcA==, + } + engines: { node: ">= 8.0.0" } + hasBin: true + "@standard-schema/spec@1.1.0": resolution: { @@ -1076,6 +1216,13 @@ packages: engines: { node: ">=20" } hasBin: true + "@vercel/og@0.6.8": + resolution: + { + integrity: sha512-e4kQK9mP8ntpo3dACWirGod/hHv4qO5JMj9a/0a2AZto7b4persj5YP7t1Er372gTtYFTYxNhMx34jRvHooglw==, + } + engines: { node: ">=16" } + abbrev@3.0.1: resolution: { @@ -1173,6 +1320,13 @@ packages: } engines: { node: 18 || 20 || >=22 } + base64-js@0.0.8: + resolution: + { + integrity: sha512-3XSA2cR/h/73EzlXXdU6YNycmYI7+kicTxks4eJg2g39biHR84slg2+des+p7iHYhbRg/udIS4TD53WabcOUkw==, + } + engines: { node: ">= 0.4" } + base64-js@1.5.1: resolution: { @@ -1198,6 +1352,12 @@ packages: integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==, } + camelize@1.0.1: + resolution: + { + integrity: sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==, + } + cborg@4.5.8: resolution: { @@ -1269,6 +1429,12 @@ packages: integrity: sha512-Oofo0pq3IKnsFtuHqSF7TqBfr71aeyZDVJ0HpmqB7FBM2qEigL0iPONSCZSO9pE9dZTAxANe5XHG9Uy0YMv8cg==, } + color-name@1.1.4: + resolution: + { + integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==, + } + comma-separated-tokens@2.0.3: resolution: { @@ -1295,6 +1461,38 @@ packages: integrity: sha512-es1U2+YTtzpwkxVLwAFdSpaIMyQaq0PBgm3YD1W3Qpsn1NAmO3KSgZfu+oGSWVu6NvLHoHCV/aYcsE5wiB7ALg==, } + css-background-parser@0.1.0: + resolution: + { + integrity: sha512-2EZLisiZQ+7m4wwur/qiYJRniHX4K5Tc9w93MT3AS0WS1u5kaZ4FKXlOTBhOjc+CgEgPiGY+fX1yWD8UwpEqUA==, + } + + css-box-shadow@1.0.0-3: + resolution: + { + integrity: sha512-9jaqR6e7Ohds+aWwmhe6wILJ99xYQbfmK9QQB9CcMjDbTxPZjwEmUQpU91OG05Xgm8BahT5fW+svbsQGjS/zPg==, + } + + css-color-keywords@1.0.0: + resolution: + { + integrity: sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==, + } + engines: { node: ">=4" } + + css-gradient-parser@0.0.16: + resolution: + { + integrity: sha512-3O5QdqgFRUbXvK1x5INf1YkBz1UKSWqrd63vWsum8MNHDBYD5urm3QtxZbKU259OrEXNM26lP/MPY3d1IGkBgA==, + } + engines: { node: ">=16" } + + css-to-react-native@3.2.0: + resolution: + { + integrity: sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==, + } + debug@4.4.3: resolution: { @@ -1387,6 +1585,12 @@ packages: } engines: { node: ">=6" } + escape-html@1.0.3: + resolution: + { + integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==, + } + escape-string-regexp@5.0.0: resolution: { @@ -1456,6 +1660,12 @@ packages: picomatch: optional: true + fflate@0.7.4: + resolution: + { + integrity: sha512-5u2V/CDW15QM1XbbgS+0DfPxVB+jUKhWEKuuFuHncbk3tEEqzmoXL+2KyOFuKGqOnmdIy0/davWF1CkuwtibCw==, + } + file-uri-to-path@1.0.0: resolution: { @@ -1563,6 +1773,13 @@ packages: integrity: sha512-g7df9rMFX/SPi34tyGCyUBREQoKkapwdY/T04Qn9TDWfHhAYt4/I0gMVirzK5wEzeUqIjEB+LXC/ypb7Aqno5w==, } + hex-rgb@4.3.0: + resolution: + { + integrity: sha512-Ox1pJVrDCyGHMG9CFg1tmrRUMRPRsAWYc/PinY0XzJU4K7y7vjNoLKIQ7BR5UJMCxNN8EM1MNDmHWA/B3aZUuw==, + } + engines: { node: ">=6" } + html-void-elements@3.0.0: resolution: { @@ -1725,6 +1942,12 @@ packages: } engines: { node: ">= 12.0.0" } + linebreak@1.1.0: + resolution: + { + integrity: sha512-MHp03UImeVhB7XZtjd0E4n6+3xr5Dq/9xI/5FptGk5FrbDR3zagPa2DS6U8ks/3HjbKWG9Q1M2ufOzxV2qLYSQ==, + } + locate-character@3.0.0: resolution: { @@ -2105,6 +2328,18 @@ packages: } engines: { node: ">=14.0.0" } + pako@0.2.9: + resolution: + { + integrity: sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==, + } + + parse-css-color@0.2.1: + resolution: + { + integrity: sha512-bwS/GGIFV3b6KS4uwpzCFj4w297Yl3uqnSgIPsoQkx7GMLROXfMnWvxfNkL0oh8HVhZA4hvJoEoEIqonfJ3BWg==, + } + parse5@7.3.0: resolution: { @@ -2156,6 +2391,12 @@ packages: } hasBin: true + postcss-value-parser@4.2.0: + resolution: + { + integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==, + } + postcss@8.5.15: resolution: { @@ -2318,6 +2559,13 @@ packages: } engines: { node: ">=10" } + satori@0.12.2: + resolution: + { + integrity: sha512-3C/laIeE6UUe9A+iQ0A48ywPVCCMKCNSTU5Os101Vhgsjd3AAxGNjyq0uAA8kulMPK5n0csn8JlxPN9riXEjLA==, + } + engines: { node: ">=16" } + semver@7.8.1: resolution: { @@ -2372,6 +2620,12 @@ packages: } engines: { node: ">=18" } + string.prototype.codepointat@0.2.1: + resolution: + { + integrity: sha512-2cBVCj6I4IOvEnjgO/hWqXjqBGsY+zwPmHl12Srk9IXSZ56Jwwmy+66XO5Iut/oQVR7t5ihYdLB0GMa4alEUcg==, + } + string_decoder@1.3.0: resolution: { @@ -2435,6 +2689,12 @@ packages: integrity: sha512-qQiRWsU/wvNolI6tbbCKd9iKaTnCXsTwVxhhKM6nctPdujTyztjlbUkUTUymidWcMnZ5pWR0ej4a0tjsW021vw==, } + tiny-inflate@1.0.3: + resolution: + { + integrity: sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw==, + } + tinyglobby@0.2.16: resolution: { @@ -2512,6 +2772,12 @@ packages: integrity: sha512-jHGmj2LUuqDcX3hqY12Ql+uhUTn8huuxNZGq7GvtF6bSybzH3aFgedYu/KTzQStEgt1Ra2F3HxadNXsNjb3m3g==, } + unicode-trie@2.0.0: + resolution: + { + integrity: sha512-x7bc76x0bm4prf1VLg79uhAzKw8DVboClSN5VxJuQ+LKDOVEW9CdH+VY7SP+vX7xCYQqzzgQpFqz15zeLvAtZQ==, + } + unified@11.0.5: resolution: { @@ -2682,6 +2948,12 @@ packages: } engines: { node: ^20.19.0 || ^22.12.0 || >=23 } + yoga-wasm-web@0.3.3: + resolution: + { + integrity: sha512-N+d4UJSJbt/R3wqY7Coqs5pcV0aUj2j9IaQ3rNj9bVCLld8tTGKRa2USARjnvZJWVx1NDmQev8EknoczaOQDOA==, + } + zimmerframe@1.1.4: resolution: { @@ -3030,6 +3302,59 @@ snapshots: "@polka/url@1.0.0-next.29": {} + "@resvg/resvg-js-android-arm-eabi@2.6.2": + optional: true + + "@resvg/resvg-js-android-arm64@2.6.2": + optional: true + + "@resvg/resvg-js-darwin-arm64@2.6.2": + optional: true + + "@resvg/resvg-js-darwin-x64@2.6.2": + optional: true + + "@resvg/resvg-js-linux-arm-gnueabihf@2.6.2": + optional: true + + "@resvg/resvg-js-linux-arm64-gnu@2.6.2": + optional: true + + "@resvg/resvg-js-linux-arm64-musl@2.6.2": + optional: true + + "@resvg/resvg-js-linux-x64-gnu@2.6.2": + optional: true + + "@resvg/resvg-js-linux-x64-musl@2.6.2": + optional: true + + "@resvg/resvg-js-win32-arm64-msvc@2.6.2": + optional: true + + "@resvg/resvg-js-win32-ia32-msvc@2.6.2": + optional: true + + "@resvg/resvg-js-win32-x64-msvc@2.6.2": + optional: true + + "@resvg/resvg-js@2.6.2": + optionalDependencies: + "@resvg/resvg-js-android-arm-eabi": 2.6.2 + "@resvg/resvg-js-android-arm64": 2.6.2 + "@resvg/resvg-js-darwin-arm64": 2.6.2 + "@resvg/resvg-js-darwin-x64": 2.6.2 + "@resvg/resvg-js-linux-arm-gnueabihf": 2.6.2 + "@resvg/resvg-js-linux-arm64-gnu": 2.6.2 + "@resvg/resvg-js-linux-arm64-musl": 2.6.2 + "@resvg/resvg-js-linux-x64-gnu": 2.6.2 + "@resvg/resvg-js-linux-x64-musl": 2.6.2 + "@resvg/resvg-js-win32-arm64-msvc": 2.6.2 + "@resvg/resvg-js-win32-ia32-msvc": 2.6.2 + "@resvg/resvg-js-win32-x64-msvc": 2.6.2 + + "@resvg/resvg-wasm@2.4.0": {} + "@rolldown/binding-android-arm64@1.0.2": optional: true @@ -3087,6 +3412,11 @@ snapshots: estree-walker: 2.0.2 picomatch: 4.0.4 + "@shuding/opentype.js@1.4.0-beta.0": + dependencies: + fflate: 0.7.4 + string.prototype.codepointat: 0.2.1 + "@standard-schema/spec@1.1.0": {} "@sveltejs/acorn-typescript@1.0.10(acorn@8.16.0)": @@ -3264,6 +3594,12 @@ snapshots: - rollup - supports-color + "@vercel/og@0.6.8": + dependencies: + "@resvg/resvg-wasm": 2.4.0 + satori: 0.12.2 + yoga-wasm-web: 0.3.3 + abbrev@3.0.1: {} abort-controller@3.0.0: @@ -3296,6 +3632,8 @@ snapshots: balanced-match@4.0.4: {} + base64-js@0.0.8: {} + base64-js@1.5.1: {} bindings@1.5.0: @@ -3311,6 +3649,8 @@ snapshots: base64-js: 1.5.1 ieee754: 1.2.1 + camelize@1.0.1: {} + cborg@4.5.8: {} ccount@2.0.1: {} @@ -3339,6 +3679,8 @@ snapshots: code-block-writer@13.0.3: {} + color-name@1.1.4: {} + comma-separated-tokens@2.0.3: {} consola@3.4.2: {} @@ -3347,6 +3689,20 @@ snapshots: core-js@3.49.0: {} + css-background-parser@0.1.0: {} + + css-box-shadow@1.0.0-3: {} + + css-color-keywords@1.0.0: {} + + css-gradient-parser@0.0.16: {} + + css-to-react-native@3.2.0: + dependencies: + camelize: 1.0.1 + css-color-keywords: 1.0.0 + postcss-value-parser: 4.2.0 + debug@4.4.3: dependencies: ms: 2.1.3 @@ -3411,6 +3767,8 @@ snapshots: escalade@3.2.0: {} + escape-html@1.0.3: {} + escape-string-regexp@5.0.0: {} esm-env@1.2.2: {} @@ -3433,6 +3791,8 @@ snapshots: optionalDependencies: picomatch: 4.0.4 + fflate@0.7.4: {} + file-uri-to-path@1.0.0: {} fsevents@2.3.3: @@ -3533,6 +3893,8 @@ snapshots: property-information: 7.1.0 space-separated-tokens: 2.0.2 + hex-rgb@4.3.0: {} + html-void-elements@3.0.0: {} https-proxy-agent@7.0.6: @@ -3605,6 +3967,11 @@ snapshots: lightningcss-win32-arm64-msvc: 1.32.0 lightningcss-win32-x64-msvc: 1.32.0 + linebreak@1.1.0: + dependencies: + base64-js: 0.0.8 + unicode-trie: 2.0.0 + locate-character@3.0.0: {} longest-streak@3.1.0: {} @@ -3960,6 +4327,13 @@ snapshots: on-exit-leak-free@2.1.2: {} + pako@0.2.9: {} + + parse-css-color@0.2.1: + dependencies: + color-name: 1.1.4 + hex-rgb: 4.3.0 + parse5@7.3.0: dependencies: entities: 6.0.1 @@ -3996,6 +4370,8 @@ snapshots: sonic-boom: 3.8.1 thread-stream: 2.7.0 + postcss-value-parser@4.2.0: {} + postcss@8.5.15: dependencies: nanoid: 3.3.12 @@ -4133,6 +4509,20 @@ snapshots: safe-stable-stringify@2.5.0: {} + satori@0.12.2: + dependencies: + "@shuding/opentype.js": 1.4.0-beta.0 + css-background-parser: 0.1.0 + css-box-shadow: 1.0.0-3 + css-gradient-parser: 0.0.16 + css-to-react-native: 3.2.0 + emoji-regex: 10.6.0 + escape-html: 1.0.3 + linebreak: 1.1.0 + parse-css-color: 0.2.1 + postcss-value-parser: 4.2.0 + yoga-wasm-web: 0.3.3 + semver@7.8.1: {} set-cookie-parser@3.1.0: {} @@ -4159,6 +4549,8 @@ snapshots: get-east-asian-width: 1.6.0 strip-ansi: 7.2.0 + string.prototype.codepointat@0.2.1: {} + string_decoder@1.3.0: dependencies: safe-buffer: 5.2.1 @@ -4221,6 +4613,8 @@ snapshots: dependencies: real-require: 0.2.0 + tiny-inflate@1.0.3: {} + tinyglobby@0.2.16: dependencies: fdir: 6.5.0(picomatch@4.0.4) @@ -4253,6 +4647,11 @@ snapshots: unicode-segmenter@0.14.5: {} + unicode-trie@2.0.0: + dependencies: + pako: 0.2.9 + tiny-inflate: 1.0.3 + unified@11.0.5: dependencies: "@types/unist": 3.0.3 @@ -4349,6 +4748,8 @@ snapshots: y18n: 5.0.8 yargs-parser: 22.0.0 + yoga-wasm-web@0.3.3: {} + zimmerframe@1.1.4: {} zod@3.25.76: {} diff --git a/src/app.html b/src/app.html index d7db12f..0bb8e08 100644 --- a/src/app.html +++ b/src/app.html @@ -1,5 +1,5 @@ - + diff --git a/src/lib/components/Now.svelte b/src/lib/components/Now.svelte index 247f1e1..c12689b 100644 --- a/src/lib/components/Now.svelte +++ b/src/lib/components/Now.svelte @@ -14,7 +14,7 @@

{kibunStatus.text}

- {new Date(kibunStatus.createdAt).toLocaleDateString()} + {new Date(kibunStatus.createdAt).toLocaleDateString('en-GB', { year: 'numeric', month: 'long', day: 'numeric' })}
{/if} diff --git a/src/lib/components/SabbatModal.svelte b/src/lib/components/SabbatModal.svelte index 849f075..e480167 100644 --- a/src/lib/components/SabbatModal.svelte +++ b/src/lib/components/SabbatModal.svelte @@ -1,6 +1,15 @@ @@ -12,6 +21,9 @@ + {#if sabbatDate} +

{sabbatDate}

+ {/if}
{#each sabbat.description.split('\n\n') as paragraph}

{paragraph}

@@ -50,6 +62,13 @@ margin: 0; } + .modal-date { + font-family: var(--font-mono); + font-size: var(--text-xs); + color: var(--color-text-600); + margin: 0 0 var(--space-md); + } + .close-btn { background: none; border: none; diff --git a/src/lib/components/SiteHead.svelte b/src/lib/components/SiteHead.svelte index a728f5d..949374e 100644 --- a/src/lib/components/SiteHead.svelte +++ b/src/lib/components/SiteHead.svelte @@ -2,12 +2,38 @@ import { page } from '$app/state'; import { SITE } from '$lib/config'; - let { title, description, image, ogType }: { title?: string; description?: string; image?: string; ogType?: string } = $props(); + let { + title, + description, + image, + ogType, + type = 'website', + publishedTime, + tags, + author, + }: { + title?: string; + description?: string; + image?: string; + /** Label shown in the generated OG image (e.g. 'BLOG', 'ABOUT'). */ + ogType?: string; + /** Controls og:type — 'article' for posts, 'website' everywhere else. */ + type?: 'website' | 'article'; + /** ISO 8601 publish date, used for article:published_time. */ + publishedTime?: string; + /** Tag list, used for article:tag. */ + tags?: string[]; + /** Author URL, used for article:author. */ + author?: string; + } = $props(); const fullTitle = $derived(title ? `${title} — ${SITE.title}` : SITE.title); const fullDescription = $derived(description ?? SITE.description); const canonicalUrl = $derived(`${page.url.origin}${page.url.pathname}`); - const ogImage = $derived(image ?? `${page.url.origin}/og/generate?title=${encodeURIComponent(title ?? SITE.title)}${ogType ? `&type=${encodeURIComponent(ogType)}` : ''}${description ? `&subtitle=${encodeURIComponent(description)}` : ''}`); + + // OG Image generation with fallback to absolute static asset if needed + const ogImage = $derived(image ?? `${page.url.origin}/api/og/generate?title=${encodeURIComponent(title ?? SITE.title)}${ogType ? `&type=${encodeURIComponent(ogType)}` : ''}${description ? `&subtitle=${encodeURIComponent(description)}` : ''}`); + const ogImageAlt = $derived(title ? `OpenGraph image for ${title}` : `OpenGraph image for ${SITE.title}`); @@ -15,17 +41,32 @@ - - + + + + + + + - + + {#if type === 'article'} + {#if publishedTime}{/if} + {#if author}{/if} + {#if tags}{#each tags as tag}{/each}{/if} + {/if} + + + + + diff --git a/src/lib/server/theme.ts b/src/lib/server/theme.ts index 77e6306..7dd89b2 100644 --- a/src/lib/server/theme.ts +++ b/src/lib/server/theme.ts @@ -86,7 +86,7 @@ export const baseline: Baseline = { }, }; -export function getHueRotation(now: Date): number { +function getSabbatContext(now: Date) { const year = now.getFullYear(); const getSabbatDate = (s: Sabbat, y: number) => new Date(y, s.month - 1, s.day); @@ -111,12 +111,19 @@ export function getHueRotation(now: Date): number { const prevDate = prev.date?.getTime() || 0; const nextDate = next.date?.getTime() || 0; + const progress = (now.getTime() - prevDate) / (nextDate - prevDate); + + return { prev, next, progress }; +} + +export function getHueRotation(now: Date): number { + const { prev, next, progress } = getSabbatContext(now); + + let diff = next.rotation - prev.rotation; + while (diff > 180) diff -= 360; + while (diff < -180) diff += 360; - return ( - prev.rotation + - (next.rotation - prev.rotation) * - ((now.getTime() - prevDate) / (nextDate - prevDate)) - ); + return prev.rotation + diff * progress; } export function getCurrentPrimaryShade(step = 400): string { @@ -128,22 +135,40 @@ export function getCurrentPrimaryShade(step = 400): string { return chroma.oklch(l, c, (hBase + rotation) % 360).hex(); } +export function getTargetHue(now: Date): number { + const { prev, next, progress } = getSabbatContext(now); + + const getSabbatHue = (s: Sabbat) => { + for (const color of s.colors) { + const c = chroma(color); + if (c.get("oklch.c") > 0.01) return c.get("oklch.h"); + } + return 135; + }; + + const prevHue = getSabbatHue(prev); + const nextHue = getSabbatHue(next); + + let hueDiff = nextHue - prevHue; + while (hueDiff > 180) hueDiff -= 360; + while (hueDiff < -180) hueDiff += 360; + + return (prevHue + hueDiff * progress + 360) % 360; +} + export function getDynamicThemeCSS(): string { const now = new Date(); - const currentSabbat = getCurrentSabbat(); - const colors = currentSabbat.colors; - - // Use the first Sabbat color as base hue - const baseColor = colors.length > 0 ? chroma(colors[0]) : chroma("#68b34d"); - const targetHue = baseColor.get("oklch.h"); + const { prev, next, progress } = getSabbatContext(now); + const currentSabbat = getCurrentSabbat(now); + const targetHue = getTargetHue(now); let css = " :root {\n"; Object.entries(baseline).forEach(([name, shades]) => { - css += ` /* ── ${name.toUpperCase()} (Based on ${currentSabbat.name}) ── */\n`; + css += ` /* ── ${name.toUpperCase()} (Transitioning from ${prev.name} to ${next.name}) ── */\n`; Object.entries(shades as Scale).forEach(([step, modes]) => { - const [lL, lC, lH] = modes.light; - const [dL, dC, dH] = modes.dark; + const [lL, lC] = modes.light; + const [dL, dC] = modes.dark; // Use targetHue instead of adding rotation to baseline const lightValue = `oklch(${(lL * 100).toFixed(2)}% ${lC.toFixed(4)} ${targetHue.toFixed(2)})`; @@ -154,7 +179,8 @@ export function getDynamicThemeCSS(): string { css += "\n"; }); - // Add specific Sabbat color overrides if needed + // Add specific Sabbat color overrides + const colors = currentSabbat.colors; css += ` /* ── Sabbat-Specific Overrides ── */\n`; css += ` --color-sabbat-primary: ${colors.length > 0 ? colors[0] : "#68b34d"};\n`; diff --git a/src/lib/utils/sabbats.ts b/src/lib/utils/sabbats.ts index 2cf0aa9..8c17022 100644 --- a/src/lib/utils/sabbats.ts +++ b/src/lib/utils/sabbats.ts @@ -16,7 +16,7 @@ export const sabbats: Sabbat[] = [ rotation: -45, colors: ["#FFD700", "#FFFFFF"], // Gold, White description: - "Imbolc marks the first stirrings of spring, a time of purification and honoring the return of light. It is a period for setting intentions for the coming year and preparing for the awakening of the earth.\n\nTraditionally celebrated with fire and cleansing rituals, this festival bridges the gap between deep winter and the sprouting of new life. It encourages us to look inward and cultivate the quiet energy needed to bring our goals to fruition.", + "Imbolc marks the first stirrings of spring, a time of purification and honouring the return of light. It is a period for setting intentions for the coming year and preparing for the awakening of the earth.\n\nTraditionally celebrated with fire and cleansing rituals, this festival bridges the gap between deep winter and the sprouting of new life. It encourages us to look inward and cultivate the quiet energy needed to bring our goals to fruition.", }, { name: "Ostara", @@ -34,7 +34,7 @@ export const sabbats: Sabbat[] = [ rotation: 45, colors: ["#FF0000", "#90EE90"], // Red, Light Green description: - "Beltane honors the peak of spring and the union of the god and goddess, symbolizing fertility, passion, and the full blooming of life. The fires of Beltane are traditionally lit to celebrate the warmth of the sun and the abundance of the coming summer.\n\nThis Sabbat is an invitation to celebrate your own passions, vitality, and creativity. It is a time for outward action, community, and stepping fully into the warmth and energy of the season.", + "Beltane honours the peak of spring and the union of the god and goddess, symbolising fertility, passion, and the full blooming of life. The fires of Beltane are traditionally lit to celebrate the warmth of the sun and the abundance of the coming summer.\n\nThis Sabbat is an invitation to celebrate your own passions, vitality, and creativity. It is a time for outward action, community, and stepping fully into the warmth and energy of the season.", }, { name: "Litha", @@ -43,7 +43,7 @@ export const sabbats: Sabbat[] = [ rotation: 90, colors: ["#90EE90", "#FFFF00"], // Light Green, Yellow description: - "Litha, the Summer Solstice, represents the longest day of the year and the height of the sun's power. It is a celebration of light, community, and the abundance that comes from the peak of growth and warmth.\n\nWhile we honor this pinnacle of external energy, it is also a reminder that the cycle will inevitably turn toward darkness. It is a time to be present, to give gratitude for the fruits of our efforts, and to enjoy the radiance of the season.", + "Litha, the Summer Solstice, represents the longest day of the year and the height of the sun's power. It is a celebration of light, community, and the abundance that comes from the peak of growth and warmth.\n\nWhile we honour this pinnacle of external energy, it is also a reminder that the cycle will inevitably turn toward darkness. It is a time to be present, to give gratitude for the fruits of our efforts, and to enjoy the radiance of the season.", }, { name: "Lughnasadh", @@ -70,7 +70,7 @@ export const sabbats: Sabbat[] = [ rotation: 225, colors: ["#000000", "#FFA500"], // Black, Orange description: - "Samhain marks the end of the harvest and the start of the darker half of the year, often called the witches' new year. The veil between the physical and spiritual worlds is at its thinnest, making it a powerful time for honoring ancestors and reflecting on the cycle of life and death.\n\nIt is a Sabbat for introspection, deep listening, and releasing the old to make space for future growth during the quiet winter months. We honor the darkness not as an end, but as a necessary space for gestation and renewal.", + "Samhain marks the end of the harvest and the start of the darker half of the year, often called the witches' new year. The veil between the physical and spiritual worlds is at its thinnest, making it a powerful time for honouring ancestors and reflecting on the cycle of life and death.\n\nIt is a Sabbat for introspection, deep listening, and releasing the old to make space for future growth during the quiet winter months. We honour the darkness not as an end, but as a necessary space for gestation and renewal.", }, { name: "Yule", @@ -79,7 +79,7 @@ export const sabbats: Sabbat[] = [ rotation: 270, colors: ["#FF0000", "#FFD700", "#006400"], // Red, Gold, Dark Green description: - "Yule, the Winter Solstice, is the longest night of the year, a moment of profound stillness and the turning point where the light begins its slow return. It is a time of hope, quiet celebration, and honoring the resilience of life in the midst of cold.\n\nEven in the depths of winter, the promise of spring remains. Yule encourages us to find warmth in community and reflection, nurturing our inner spark so it can grow stronger as the days begin to lengthen again.", + "Yule, the Winter Solstice, is the longest night of the year, a moment of profound stillness and the turning point where the light begins its slow return. It is a time of hope, quiet celebration, and honouring the resilience of life in the midst of cold.\n\nEven in the depths of winter, the promise of spring remains. Yule encourages us to find warmth in community and reflection, nurturing our inner spark so it can grow stronger as the days begin to lengthen again.", }, ]; diff --git a/src/routes/og/generate/+server.ts b/src/routes/api/og/generate/+server.ts similarity index 77% rename from src/routes/og/generate/+server.ts rename to src/routes/api/og/generate/+server.ts index 740b905..693a768 100644 --- a/src/routes/og/generate/+server.ts +++ b/src/routes/api/og/generate/+server.ts @@ -1,8 +1,10 @@ import type { RequestHandler } from "./$types"; +import { Resvg } from "@resvg/resvg-js"; import { getCurrentPrimaryShade, baseline, getHueRotation, + getTargetHue, } from "$lib/server/theme"; import chroma from "chroma-js"; @@ -22,27 +24,26 @@ export const GET: RequestHandler = async ({ url }) => { title.length > maxChars ? title.slice(0, maxChars - 1) + "…" : title; const now = new Date(); - const rotation = getHueRotation(now); + const targetHue = getTargetHue(now); const getSeasonalColor = (scale: keyof typeof baseline, step: number) => { const data = (baseline[scale] as any)[step]; - // Always use dark mode values for OG images - const [l, c, hBase] = data.dark; - const h = (hBase + rotation) % 360; - return chroma.oklch(l, c, h).hex(); + // Force dark mode values for OG images (50 is dark, 950 is light) + const [l, c] = data.dark; + return chroma.oklch(l, c, targetHue).hex(); }; - // Colours based on site theme (forced dark mode), with dynamic Sabbat-interpolated primary - const bg = getSeasonalColor("background", 950); + // Colours based on site theme (forced dark mode) + // Aligned with surface tokens: sunken (50), raised (100), base (200) + const bg = getSeasonalColor("background", 50); const surface = getSeasonalColor("background", 100); - const border = getSeasonalColor("background", 400); + const border = getSeasonalColor("background", 200); // Use dark mode values explicitly for primary and text - const primary = chroma - .oklch(...(baseline.primary[500].dark as [number, number, number])) - .hex(); - const text = getSeasonalColor("text", 50); - const textMuted = getSeasonalColor("text", 500); + const primaryData = baseline.primary[500].dark; + const primary = chroma.oklch(primaryData[0], primaryData[1], targetHue).hex(); + const text = getSeasonalColor("text", 950); + const textMuted = getSeasonalColor("text", 700); const svg = ` @@ -78,7 +79,7 @@ export const GET: RequestHandler = async ({ url }) => { ${typeParam && typeParam !== "TECHNICAL SPEC" ? `${escapeXml(typeParam)}` : ""} - ${escapeXml(displayTitle)} + ${escapeXml(displayTitle)} ${subtitle ? `${escapeXml(subtitle)}` : ""} @@ -89,9 +90,13 @@ export const GET: RequestHandler = async ({ url }) => { `.trim(); - return new Response(svg, { + const resvg = new Resvg(svg, { fitTo: { mode: "width", value: 1200 } }); + const pngData = resvg.render(); + const pngBuffer = pngData.asPng(); + + return new Response(new Uint8Array(pngBuffer), { headers: { - "Content-Type": "image/svg+xml", + "Content-Type": "image/png", "Cache-Control": "public, max-age=3600, s-maxage=3600", }, }); diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte index 9166afc..0c61818 100644 --- a/src/routes/blog/+page.svelte +++ b/src/routes/blog/+page.svelte @@ -90,7 +90,7 @@
  • {post.title} - +
    • {/each} diff --git a/src/routes/blog/[year]/[month]/[day]/[slug]/+page.svelte b/src/routes/blog/[year]/[month]/[day]/[slug]/+page.svelte index 8757a14..0cdbb51 100644 --- a/src/routes/blog/[year]/[month]/[day]/[slug]/+page.svelte +++ b/src/routes/blog/[year]/[month]/[day]/[slug]/+page.svelte @@ -15,7 +15,15 @@ let useBlocks = $derived(data.post.blocks && data.post.blocks.length > 0); - +
    @@ -68,7 +76,7 @@
    {comment.authorDisplayName ?? comment.authorHandle} @{comment.authorHandle} - +

    {comment.plaintext}