New changes

2025-12-06 04:21:37 +00:00 · 2023-06-06 22:04:58 +05:30
parent 9d5203aea2
commit 8a8326e834
25 changed files with 7284 additions and 671 deletions
--- a/README.md
+++ b/README.md
@@ -3,6 +3,19 @@
 About
 Generate Open Graph Images dynamically from HTML/CSS without a browser in SvelteKit.

+## v1.2.3 Update (Breaking Changes)
+> Now you have to install dependency by yourself which will make it easier to build for all plateforms.
+
+```
+pnpm i @resvg/resvg-js
+```
+
+```
+pnpm i satori
+```
+
+> From now on their will be no issues related to build, and soon this library going to have its own documentation.
+
 ## v1.2.2 Update (Breaking Change)

 - We don't provide access to satori from `@ethercorps/sveltekit-og`.
--- a/examples/node-build/package.json
+++ b/examples/node-build/package.json
@@ -13,9 +13,7 @@
 	"devDependencies": {
 		"@ethercorps/sveltekit-og": "link:../../package",
 		"@playwright/test": "^1.31.2",
-		"@sveltejs/adapter-auto": "next",
 		"@sveltejs/adapter-node": "^1.2.4",
-		"@sveltejs/adapter-vercel": "^2.3.2",
 		"@sveltejs/kit": "^1.12.0",
 		"eslint": "^8.36.0",
 		"eslint-config-prettier": "^8.7.0",
--- a/examples/node-build/pnpm-lock.yaml
+++ b/examples/node-build/pnpm-lock.yaml
--- a/examples/vercel-build/.eslintignore
+++ b/examples/vercel-build/.eslintignore
@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
--- a/examples/vercel-build/.eslintrc.cjs
+++ b/examples/vercel-build/.eslintrc.cjs
@@ -0,0 +1,15 @@
+module.exports = {
+	root: true,
+	extends: ['eslint:recommended', 'prettier'],
+	plugins: ['svelte3'],
+	overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
+	parserOptions: {
+		sourceType: 'module',
+		ecmaVersion: 2020
+	},
+	env: {
+		browser: true,
+		es2017: true,
+		node: true
+	}
+};
--- a/examples/vercel-build/.gitignore
+++ b/examples/vercel-build/.gitignore
@@ -0,0 +1,8 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
--- a/examples/vercel-build/.npmrc
+++ b/examples/vercel-build/.npmrc
@@ -0,0 +1 @@
+engine-strict=true
--- a/examples/vercel-build/.prettierignore
+++ b/examples/vercel-build/.prettierignore
@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
--- a/examples/vercel-build/.prettierrc
+++ b/examples/vercel-build/.prettierrc
@@ -0,0 +1,9 @@
+{
+	"useTabs": true,
+	"singleQuote": true,
+	"trailingComma": "none",
+	"printWidth": 100,
+	"plugins": ["prettier-plugin-svelte"],
+	"pluginSearchDirs": ["."],
+	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+}
--- a/examples/vercel-build/README.md
+++ b/examples/vercel-build/README.md
@@ -0,0 +1,38 @@
+# create-svelte
+
+Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```bash
+# create a new project in the current directory
+npm create svelte@latest
+
+# create a new project in my-app
+npm create svelte@latest my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```bash
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+## Building
+
+To create a production version of your app:
+
+```bash
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
--- a/examples/vercel-build/package-lock.json
+++ b/examples/vercel-build/package-lock.json
--- a/examples/vercel-build/package.json
+++ b/examples/vercel-build/package.json
@@ -0,0 +1,31 @@
+{
+	"name": "examples",
+	"version": "0.0.2",
+	"private": true,
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build",
+		"preview": "vite preview",
+		"test": "playwright test",
+		"lint": "prettier --plugin-search-dir . --check . && eslint .",
+		"format": "prettier --plugin-search-dir . --write ."
+	},
+	"devDependencies": {
+		"@ethercorps/sveltekit-og": "link:../../package",
+		"@playwright/test": "^1.31.2",
+		"@sveltejs/adapter-vercel": "^2.3.2",
+		"@sveltejs/kit": "^1.12.0",
+		"eslint": "^8.36.0",
+		"eslint-config-prettier": "^8.7.0",
+		"eslint-plugin-svelte3": "^4.0.0",
+		"prettier": "^2.8.4",
+		"prettier-plugin-svelte": "^2.9.0",
+		"svelte": "^3.57.0",
+		"vite": "^4.2.0"
+	},
+	"type": "module",
+	"dependencies": {
+		"@resvg/resvg-js": "^2.4.1",
+		"satori": "^0.10.1"
+	}
+}
--- a/examples/vercel-build/playwright.config.js
+++ b/examples/vercel-build/playwright.config.js
@@ -0,0 +1,9 @@
+/** @type {import('@playwright/test').PlaywrightTestConfig} */
+const config = {
+	webServer: {
+		command: 'npm run build && npm run preview',
+		port: 4173
+	}
+};
+
+export default config;
--- a/examples/vercel-build/pnpm-lock.yaml
+++ b/examples/vercel-build/pnpm-lock.yaml
--- a/examples/vercel-build/src/app.html
+++ b/examples/vercel-build/src/app.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<meta name="viewport" content="width=device-width" />
+		%sveltekit.head%
+	</head>
+	<body>
+		<div>%sveltekit.body%</div>
+	</body>
+</html>
--- a/examples/vercel-build/src/routes/+server.ts
+++ b/examples/vercel-build/src/routes/+server.ts
@@ -0,0 +1,37 @@
+import { ImageResponse } from '@ethercorps/sveltekit-og';
+import type { RequestHandler } from '@sveltejs/kit';
+
+const template = `
+ <div tw="bg-gray-50 flex w-full h-full items-center justify-center">
+    <div tw="flex flex-col md:flex-row w-full py-12 px-4 md:items-center justify-between p-8">
+      <h2 tw="flex flex-col text-3xl sm:text-4xl font-bold tracking-tight text-gray-900 text-left">
+        <span>Ready to dive in?</span>
+        <span tw="text-indigo-600">Start your free trial today.</span>
+      </h2>
+      <div tw="mt-8 flex md:mt-0">
+        <div tw="flex rounded-md shadow">
+          <a href="#" tw="flex items-center justify-center rounded-md border border-transparent bg-indigo-600 px-5 py-3 text-base font-medium text-white">Get started</a>
+        </div>
+        <div tw="ml-3 flex rounded-md shadow">
+          <a href="#" tw="flex items-center justify-center rounded-md border border-transparent bg-white px-5 py-3 text-base font-medium text-indigo-600">Learn more</a>
+        </div>
+      </div>
+    </div>
+  </div>
+`;
+const fontFile = await fetch('https://og-playground.vercel.app/inter-latin-ext-400-normal.woff');
+const fontData: ArrayBuffer = await fontFile.arrayBuffer();
+
+export const GET: RequestHandler = async () => {
+	return ImageResponse(template, {
+		height: 400,
+		width: 800,
+		fonts: [
+			{
+				name: 'Inter',
+				data: fontData,
+				weight: 400
+			}
+		]
+	});
+};
--- a/examples/vercel-build/src/routes/cog/+server.ts
+++ b/examples/vercel-build/src/routes/cog/+server.ts
@@ -0,0 +1,24 @@
+import OG from './OG.svelte';
+import type { RequestHandler } from '@sveltejs/kit';
+import { componentToImageResponse } from '@ethercorps/sveltekit-og';
+
+const fontFile = await fetch('https://og-playground.vercel.app/inter-latin-ext-700-normal.woff');
+const fontData: ArrayBuffer = await fontFile.arrayBuffer();
+
+export const GET: RequestHandler = async () => {
+	return componentToImageResponse(
+		OG,
+		{ text: 'Ready to dive in?', spanText: 'Start your free trial today.' },
+		{
+			height: 250,
+			width: 500,
+			fonts: [
+				{
+					name: 'Inter Latin',
+					data: fontData,
+					weight: 700
+				}
+			]
+		}
+	);
+};
--- a/examples/vercel-build/src/routes/cog/OG.svelte
+++ b/examples/vercel-build/src/routes/cog/OG.svelte
@@ -0,0 +1,29 @@
+<script>
+	export let text;
+	export let spanText;
+</script>
+
+<div tw="bg-gray-50 flex w-full h-full items-center justify-center">
+	<div tw="flex flex-col md:flex-row w-full py-12 px-4 md:items-center justify-between p-8">
+		<h2 tw="flex flex-col text-3xl sm:text-4xl font-bold tracking-tight text-gray-900 text-left">
+			<span>{text}</span>
+			<span tw="text-indigo-600">{spanText}</span>
+		</h2>
+		<div tw="mt-8 flex md:mt-0">
+			<div tw="flex rounded-md shadow">
+				<a
+					href="#"
+					tw="flex items-center justify-center rounded-md border border-transparent bg-indigo-600 px-5 py-3 text-base font-medium text-white"
+					>Get started</a
+				>
+			</div>
+			<div tw="ml-3 flex rounded-md shadow">
+				<a
+					href="#"
+					tw="flex items-center justify-center rounded-md border border-transparent bg-white px-5 py-3 text-base font-medium text-indigo-600"
+					>Learn more</a
+				>
+			</div>
+		</div>
+	</div>
+</div>
--- a/examples/vercel-build/static/favicon.ico
+++ b/examples/vercel-build/static/favicon.ico
--- a/examples/vercel-build/static/favicon.png
+++ b/examples/vercel-build/static/favicon.png
--- a/examples/vercel-build/svelte.config.js
+++ b/examples/vercel-build/svelte.config.js
@@ -0,0 +1,10 @@
+import adapter from '@sveltejs/adapter-vercel';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+	kit: {
+		adapter: adapter()
+	}
+};
+
+export default config;
--- a/examples/vercel-build/tests/test.js
+++ b/examples/vercel-build/tests/test.js
@@ -0,0 +1,6 @@
+import { expect, test } from '@playwright/test';
+
+test('index page has expected h1', async ({ page }) => {
+	await page.goto('/');
+	expect(await page.textContent('h1')).toBe('Welcome to SvelteKit');
+});
--- a/examples/vercel-build/vite.config.js
+++ b/examples/vercel-build/vite.config.js
@@ -0,0 +1,7 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+
+const config = {
+	plugins: [sveltekit()]
+};
+
+export default config;
--- a/package.json
+++ b/package.json
@@ -16,7 +16,6 @@
 	},
 	"devDependencies": {
 		"@playwright/test": "^1.34.3",
-		"@resvg/resvg-js": "^2.4.1",
 		"@sveltejs/adapter-auto": "next",
 		"@sveltejs/adapter-vercel": "^2.4.3",
 		"@sveltejs/kit": "1.10.0",
@@ -32,7 +31,6 @@
 		"prettier": "^2.8.8",
 		"prettier-plugin-svelte": "^2.10.1",
 		"prismjs": "^1.29.0",
-		"satori": "^0.4.14",
 		"svelte": "^3.59.1",
 		"svelte-check": "^2.10.3",
 		"svelte-preprocess": "^4.10.7",
@@ -42,10 +40,10 @@
 		"vite": "^4.3.9"
 	},
 	"type": "module",
-	"peerDependencies": {
+	"dependencies": {
 		"@resvg/resvg-js": "^2.4.1",
-		"satori": "^0.4.1",
-		"svelte": "^3.54.0"
+		"satori": "^0.10.1",
+		"svelte": "^3.59.1"
 	},
 	"keywords": [
 		"open graph image",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -18,7 +18,7 @@ specifiers:
  prettier: ^2.8.8
  prettier-plugin-svelte: ^2.10.1
  prismjs: ^1.29.0
-  satori: ^0.4.14
+  satori: ^0.10.1
  svelte: ^3.59.1
  svelte-check: ^2.10.3
  svelte-preprocess: ^4.10.7
@@ -27,9 +27,13 @@ specifiers:
  typescript: ^4.9.5
  vite: ^4.3.9

+dependencies:
+  '@resvg/resvg-js': 2.4.1
+  satori: 0.10.1
+  svelte: 3.59.1
+
 devDependencies:
  '@playwright/test': 1.34.3
-  '@resvg/resvg-js': 2.4.1
  '@sveltejs/adapter-auto': 1.0.0-next.91_@sveltejs+kit@1.10.0
  '@sveltejs/adapter-vercel': 2.4.3_@sveltejs+kit@1.10.0
  '@sveltejs/kit': 1.10.0_svelte@3.59.1+vite@4.3.9
@@ -45,8 +49,6 @@ devDependencies:
  prettier: 2.8.8
  prettier-plugin-svelte: 2.10.1_blbg2s7pis747igzn3ilcyh5ou
  prismjs: 1.29.0
-  satori: 0.4.14
-  svelte: 3.59.1
  svelte-check: 2.10.3_owwrqxqyw2b26jd4x7iiapyxoq
  svelte-preprocess: 4.10.7_g7crl47azgbmtreqwmrb2oshpa
  tailwindcss: 3.3.2
@@ -410,7 +412,7 @@ packages:
    cpu: [arm]
    os: [android]
    requiresBuild: true
-    dev: true
+    dev: false
    optional: true

  /@resvg/resvg-js-android-arm64/2.4.1:
@@ -419,7 +421,7 @@ packages:
    cpu: [arm64]
    os: [android]
    requiresBuild: true
-    dev: true
+    dev: false
    optional: true

  /@resvg/resvg-js-darwin-arm64/2.4.1:
@@ -428,7 +430,7 @@ packages:
    cpu: [arm64]
    os: [darwin]
    requiresBuild: true
-    dev: true
+    dev: false
    optional: true

  /@resvg/resvg-js-darwin-x64/2.4.1:
@@ -437,7 +439,7 @@ packages:
    cpu: [x64]
    os: [darwin]
    requiresBuild: true
-    dev: true
+    dev: false
    optional: true

  /@resvg/resvg-js-linux-arm-gnueabihf/2.4.1:
@@ -446,7 +448,7 @@ packages:
    cpu: [arm]
    os: [linux]
    requiresBuild: true
-    dev: true
+    dev: false
    optional: true

  /@resvg/resvg-js-linux-arm64-gnu/2.4.1:
@@ -455,7 +457,7 @@ packages:
    cpu: [arm64]
    os: [linux]
    requiresBuild: true
-    dev: true
+    dev: false
    optional: true

  /@resvg/resvg-js-linux-arm64-musl/2.4.1:
@@ -464,7 +466,7 @@ packages:
    cpu: [arm64]
    os: [linux]
    requiresBuild: true
-    dev: true
+    dev: false
    optional: true

  /@resvg/resvg-js-linux-x64-gnu/2.4.1:
@@ -473,7 +475,7 @@ packages:
    cpu: [x64]
    os: [linux]
    requiresBuild: true
-    dev: true
+    dev: false
    optional: true

  /@resvg/resvg-js-linux-x64-musl/2.4.1:
@@ -482,7 +484,7 @@ packages:
    cpu: [x64]
    os: [linux]
    requiresBuild: true
-    dev: true
+    dev: false
    optional: true

  /@resvg/resvg-js-win32-arm64-msvc/2.4.1:
@@ -491,7 +493,7 @@ packages:
    cpu: [arm64]
    os: [win32]
    requiresBuild: true
-    dev: true
+    dev: false
    optional: true

  /@resvg/resvg-js-win32-ia32-msvc/2.4.1:
@@ -500,7 +502,7 @@ packages:
    cpu: [ia32]
    os: [win32]
    requiresBuild: true
-    dev: true
+    dev: false
    optional: true

  /@resvg/resvg-js-win32-x64-msvc/2.4.1:
@@ -509,7 +511,7 @@ packages:
    cpu: [x64]
    os: [win32]
    requiresBuild: true
-    dev: true
+    dev: false
    optional: true

  /@resvg/resvg-js/2.4.1:
@@ -528,7 +530,7 @@ packages:
      '@resvg/resvg-js-win32-arm64-msvc': 2.4.1
      '@resvg/resvg-js-win32-ia32-msvc': 2.4.1
      '@resvg/resvg-js-win32-x64-msvc': 2.4.1
-    dev: true
+    dev: false

  /@rollup/pluginutils/4.2.1:
    resolution: {integrity: sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==}
@@ -545,7 +547,7 @@ packages:
    dependencies:
      fflate: 0.7.4
      string.prototype.codepointat: 0.2.1
-    dev: true
+    dev: false

  /@sveltejs/adapter-auto/1.0.0-next.91_@sveltejs+kit@1.10.0:
    resolution: {integrity: sha512-U57tQdzTfFINim8tzZSARC9ztWPzwOoHwNOpGdb2o6XrD0mEQwU9DsII7dBblvzg+xCnmd0pw7PDtXz5c5t96w==}
@@ -939,7 +941,7 @@ packages:
  /base64-js/0.0.8:
    resolution: {integrity: sha512-3XSA2cR/h/73EzlXXdU6YNycmYI7+kicTxks4eJg2g39biHR84slg2+des+p7iHYhbRg/udIS4TD53WabcOUkw==}
    engines: {node: '>= 0.4'}
-    dev: true
+    dev: false

  /binary-extensions/2.2.0:
    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
@@ -1004,7 +1006,7 @@ packages:

  /camelize/1.0.1:
    resolution: {integrity: sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==}
-    dev: true
+    dev: false

  /caniuse-lite/1.0.30001495:
    resolution: {integrity: sha512-F6x5IEuigtUfU5ZMQK2jsy5JqUUlEFRVZq8bO2a+ysq5K7jD6PPc9YXZj78xDNS3uNchesp1Jw47YXEqr+Viyg==}
@@ -1047,7 +1049,6 @@ packages:

  /color-name/1.1.4:
    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
-    dev: true

  /color-support/1.1.3:
    resolution: {integrity: sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==}
@@ -1083,16 +1084,16 @@ packages:

  /css-background-parser/0.1.0:
    resolution: {integrity: sha512-2EZLisiZQ+7m4wwur/qiYJRniHX4K5Tc9w93MT3AS0WS1u5kaZ4FKXlOTBhOjc+CgEgPiGY+fX1yWD8UwpEqUA==}
-    dev: true
+    dev: false

  /css-box-shadow/1.0.0-3:
    resolution: {integrity: sha512-9jaqR6e7Ohds+aWwmhe6wILJ99xYQbfmK9QQB9CcMjDbTxPZjwEmUQpU91OG05Xgm8BahT5fW+svbsQGjS/zPg==}
-    dev: true
+    dev: false

  /css-color-keywords/1.0.0:
    resolution: {integrity: sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==}
    engines: {node: '>=4'}
-    dev: true
+    dev: false

  /css-to-react-native/3.2.0:
    resolution: {integrity: sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==}
@@ -1100,7 +1101,7 @@ packages:
      camelize: 1.0.1
      css-color-keywords: 1.0.0
      postcss-value-parser: 4.2.0
-    dev: true
+    dev: false

  /cssesc/3.0.0:
    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
@@ -1179,7 +1180,7 @@ packages:

  /emoji-regex/10.2.1:
    resolution: {integrity: sha512-97g6QgOk8zlDRdgq1WxwgTMgEWGVAQvB5Fdpgc1MkNy56la5SKP9GsMXKDOdqwn90/41a8yPwIGk1Y6WVbeMQA==}
-    dev: true
+    dev: false

  /emoji-regex/8.0.0:
    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
@@ -1224,6 +1225,10 @@ packages:
    engines: {node: '>=6'}
    dev: true

+  /escape-html/1.0.3:
+    resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
+    dev: false
+
  /escape-string-regexp/4.0.0:
    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
    engines: {node: '>=10'}
@@ -1394,7 +1399,7 @@ packages:

  /fflate/0.7.4:
    resolution: {integrity: sha512-5u2V/CDW15QM1XbbgS+0DfPxVB+jUKhWEKuuFuHncbk3tEEqzmoXL+2KyOFuKGqOnmdIy0/davWF1CkuwtibCw==}
-    dev: true
+    dev: false

  /file-entry-cache/6.0.1:
    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
@@ -1570,7 +1575,7 @@ packages:
  /hex-rgb/4.3.0:
    resolution: {integrity: sha512-Ox1pJVrDCyGHMG9CFg1tmrRUMRPRsAWYc/PinY0XzJU4K7y7vjNoLKIQ7BR5UJMCxNN8EM1MNDmHWA/B3aZUuw==}
    engines: {node: '>=6'}
-    dev: true
+    dev: false

  /https-proxy-agent/5.0.1:
    resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==}
@@ -1706,7 +1711,7 @@ packages:
    dependencies:
      base64-js: 0.0.8
      unicode-trie: 2.0.0
-    dev: true
+    dev: false

  /lines-and-columns/1.2.4:
    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
@@ -1958,7 +1963,7 @@ packages:

  /pako/0.2.9:
    resolution: {integrity: sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==}
-    dev: true
+    dev: false

  /parent-module/1.0.1:
    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
@@ -1972,7 +1977,7 @@ packages:
    dependencies:
      color-name: 1.1.4
      hex-rgb: 4.3.0
-    dev: true
+    dev: false

  /pascal-case/3.1.2:
    resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==}
@@ -2089,7 +2094,6 @@ packages:

  /postcss-value-parser/4.2.0:
    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
-    dev: true

  /postcss/8.4.24:
    resolution: {integrity: sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==}
@@ -2239,8 +2243,8 @@ packages:
      source-map-js: 1.0.2
    dev: true

-  /satori/0.4.14:
-    resolution: {integrity: sha512-zzkxey12UY6T1rQUhbgPAxeSBL5AJM7aefM4jX3TijN0I8LOHDUX4mh2MXEuqMWUgzV32aR/0nwPka7Eu42wYA==}
+  /satori/0.10.1:
+    resolution: {integrity: sha512-F4bTCkDp931tLb7+UCNPBuSQwXhikrUkI4fBQo6fA8lF0Evqqgg3nDyUpRktQpR5Ry1DIiIVqLyEwkAms87ykg==}
    engines: {node: '>=16'}
    dependencies:
      '@shuding/opentype.js': 1.4.0-beta.0
@@ -2248,11 +2252,12 @@ packages:
      css-box-shadow: 1.0.0-3
      css-to-react-native: 3.2.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
-    dev: true
+    dev: false

  /semver/6.3.0:
    resolution: {integrity: sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==}
@@ -2341,7 +2346,7 @@ packages:

  /string.prototype.codepointat/0.2.1:
    resolution: {integrity: sha512-2cBVCj6I4IOvEnjgO/hWqXjqBGsY+zwPmHl12Srk9IXSZ56Jwwmy+66XO5Iut/oQVR7t5ihYdLB0GMa4alEUcg==}
-    dev: true
+    dev: false

  /string_decoder/1.3.0:
    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
@@ -2486,7 +2491,6 @@ packages:
  /svelte/3.59.1:
    resolution: {integrity: sha512-pKj8fEBmqf6mq3/NfrB9SLtcJcUvjYSWyePlfCqN9gujLB25RitWK8PvFzlwim6hD/We35KbPlRteuA6rnPGcQ==}
    engines: {node: '>= 8'}
-    dev: true

  /svelte2tsx/0.5.23_cnumnonbjyr4j6qimrlvyofpny:
    resolution: {integrity: sha512-jYFnugTQRFmUpvLXPQrKzVYcW5ErT+0QCxg027Zx9BuvYefMZFuoBSTDYe7viPEFGrPPiLgT2m7f5n9khE7f7Q==}
@@ -2570,7 +2574,7 @@ packages:

  /tiny-inflate/1.0.3:
    resolution: {integrity: sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw==}
-    dev: true
+    dev: false

  /to-regex-range/5.0.1:
    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
@@ -2640,7 +2644,7 @@ packages:
    dependencies:
      pako: 0.2.9
      tiny-inflate: 1.0.3
-    dev: true
+    dev: false

  /update-browserslist-db/1.0.11_browserslist@4.21.7:
    resolution: {integrity: sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==}
@@ -2756,4 +2760,4 @@ packages:

  /yoga-wasm-web/0.3.3:
    resolution: {integrity: sha512-N+d4UJSJbt/R3wqY7Coqs5pcV0aUj2j9IaQ3rNj9bVCLld8tTGKRa2USARjnvZJWVx1NDmQev8EknoczaOQDOA==}
-    dev: true
+    dev: false