Fixes and version updates

examples/package.json

@@ -11,17 +11,18 @@
 		"format": "prettier --plugin-search-dir . --write ."
 	},
 	"devDependencies": {
-		"@ethercorps/sveltekit-og": "^1.1.1",
-		"@playwright/test": "^1.29.0",
+		"@ethercorps/sveltekit-og": "link:../package",
+		"@playwright/test": "^1.31.2",
 		"@sveltejs/adapter-auto": "next",
-		"@sveltejs/kit": "next",
-		"eslint": "^8.30.0",
-		"eslint-config-prettier": "^8.5.0",
+		"@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.1",
+		"prettier": "^2.8.4",
 		"prettier-plugin-svelte": "^2.9.0",
-		"svelte": "^3.55.0",
-		"vite": "^4.0.2"
+		"svelte": "^3.57.0",
+		"vite": "^4.2.0"
 	},
 	"type": "module"
 }

examples/src/routes/htmlToReact/+page.server.js

@@ -1,42 +0,0 @@
-import { toReactElement, satori } from '@ethercorps/sveltekit-og';
-const htmlString = `
-        <div tw="bg-gray-50 flex w-full">
-        <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 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 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 newNode = toReactElement(htmlString);
-
-/** @type {import('./$types').PageServerLoad} */
-export async function load() {
-	const fontFile400 = await fetch(
-		'https://og-playground.vercel.app/inter-latin-ext-400-normal.woff'
-	);
-	const fontData400 = await fontFile400.arrayBuffer();
-	const svg = await satori(newNode, {
-		height: 350,
-		width: 500,
-		fonts: [
-			{
-				name: 'sans serif',
-				data: fontData400,
-				style: 'normal',
-				weight: 700
-			}
-		]
-	});
-
-	return { svg };
-}

examples/src/routes/htmlToReact/+page.svelte

@@ -1,5 +0,0 @@
-<script lang="ts">
-	export let data;
-</script>
-
-{@html data.svg}

examples/svelte.config.js

@@ -1,4 +1,4 @@
-import adapter from '@sveltejs/adapter-auto';
+import adapter from '@sveltejs/adapter-vercel';
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {

src/lib/index.ts

@@ -76,4 +76,4 @@ type ImageOptions = {
 
 type ImageResponseType = typeof ImageResponse;
 
-export { componentToImageResponse, ImageResponse, toReactElement, satori, type ImageResponseType };
+export { componentToImageResponse, ImageResponse, toReactElement, type ImageResponseType };