LukeParke/sveltekit-og
1
0
Fork 0
mirror of https://github.com/LukeHagar/sveltekit-og.git synced 2025-12-10 12:47:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixes and version updates

Browse Source
This commit is contained in:
Shivam Meena
2023-03-17 23:27:28 +05:30
parent 85683d57ba
commit ccefc3dc0f
6 changed files with 826 additions and 454 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
examples/package.json
View File

@@ -11,17 +11,18 @@
"format": "prettier --plugin-search-dir . --write ." "format": "prettier --plugin-search-dir . --write ."
}, },
"devDependencies": { "devDependencies": {
"@ethercorps/sveltekit-og": "^1.1.1", "@ethercorps/sveltekit-og": "link:../package",
"@playwright/test": "^1.29.0", "@playwright/test": "^1.31.2",
"@sveltejs/adapter-auto": "next", "@sveltejs/adapter-auto": "next",
"@sveltejs/kit": "next", "@sveltejs/adapter-vercel": "^2.3.2",
"eslint": "^8.30.0", "@sveltejs/kit": "^1.12.0",
"eslint-config-prettier": "^8.5.0", "eslint": "^8.36.0",
"eslint-config-prettier": "^8.7.0",
"eslint-plugin-svelte3": "^4.0.0", "eslint-plugin-svelte3": "^4.0.0",
"prettier": "^2.8.1", "prettier": "^2.8.4",
"prettier-plugin-svelte": "^2.9.0", "prettier-plugin-svelte": "^2.9.0",
"svelte": "^3.55.0", "svelte": "^3.57.0",
"vite": "^4.0.2" "vite": "^4.2.0"
}, },
"type": "module" "type": "module"
} }

1212
examples/pnpm-lock.yaml generated
View File

File diff suppressed because it is too large Load Diff

42
examples/src/routes/htmlToReact/+page.server.js
View File

@@ -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 };
}

5
examples/src/routes/htmlToReact/+page.svelte
View File

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

2
examples/svelte.config.js
View File

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

2
src/lib/index.ts
View File

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