@ethercorps/sveltekit-og 1.1.1 → 1.2.3

package/README.md

@@ -3,6 +3,23 @@
 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`.
+
 ## v1.0.0 Update (Breaking Changes)
 
 Finally, We have added html to react like element like object converter out of the box and with svelte compiler.

package/index.d.ts

@@ -1,4 +1,4 @@
-import satori, { type SatoriOptions } from 'satori';
+import { type SatoriOptions } from 'satori';
 import type { SvelteComponent } from 'svelte';
 import toReactElement from './toReactElement';
 declare const ImageResponse: (htmlTemplate: string, optionsByUser: ImageResponseOptions) => Promise<Response>;
@@ -13,4 +13,4 @@ type ImageOptions = {
     loadAdditionalAsset?: (languageCode: string, segment: string) => Promise<SatoriOptions['fonts'] | string | undefined>;
 };
 type ImageResponseType = typeof ImageResponse;
-export { componentToImageResponse, ImageResponse, toReactElement, satori, type ImageResponseType };
+export { componentToImageResponse, ImageResponse, toReactElement, type ImageResponseType };

package/index.js

@@ -48,4 +48,4 @@ const componentToMarkup = (component, props = {}) => {
     }
     return htmlTemplate;
 };
-export { componentToImageResponse, ImageResponse, toReactElement, satori };
+export { componentToImageResponse, ImageResponse, toReactElement };

package/package.json

@@ -1,39 +1,37 @@
 {
   "name": "@ethercorps/sveltekit-og",
-  "version": "1.1.1",
+  "version": "1.2.3",
   "private": false,
   "devDependencies": {
-    "@playwright/test": "^1.28.1",
+    "@playwright/test": "^1.34.3",
     "@sveltejs/adapter-auto": "next",
-    "@sveltejs/kit": "1.0.0-next.581",
+    "@sveltejs/adapter-vercel": "^2.4.3",
+    "@sveltejs/kit": "1.10.0",
     "@sveltejs/package": "next",
-    "@typescript-eslint/eslint-plugin": "^5.46.0",
-    "@typescript-eslint/parser": "^5.46.0",
-    "autoprefixer": "^10.4.13",
+    "@typescript-eslint/eslint-plugin": "^5.59.9",
+    "@typescript-eslint/parser": "^5.59.9",
+    "autoprefixer": "^10.4.14",
     "brace": "^0.11.1",
-    "eslint": "^8.29.0",
-    "eslint-config-prettier": "^8.5.0",
+    "eslint": "^8.42.0",
+    "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-svelte3": "^4.0.0",
-    "monaco-editor": "^0.34.1",
-    "postcss": "^8.4.19",
-    "prettier": "^2.8.1",
-    "prettier-plugin-svelte": "^2.9.0",
+    "postcss": "^8.4.24",
+    "prettier": "^2.8.8",
+    "prettier-plugin-svelte": "^2.10.1",
     "prismjs": "^1.29.0",
-    "svelte": "^3.54.0",
-    "svelte-check": "^2.10.2",
+    "svelte": "^3.59.1",
+    "svelte-check": "^2.10.3",
     "svelte-preprocess": "^4.10.7",
-    "tailwindcss": "^3.2.4",
-    "tslib": "^2.4.1",
-    "typescript": "^4.9.4",
-    "vite": "^4.0.0"
+    "tailwindcss": "^3.3.2",
+    "tslib": "^2.5.3",
+    "typescript": "^4.9.5",
+    "vite": "^4.3.9"
   },
   "type": "module",
   "dependencies": {
-    "@resvg/resvg-js": "^2.2.0",
-    "satori": "^0.0.44"
-  },
-  "peerDependencies": {
-    "svelte": "^3.54.0"
+    "@resvg/resvg-js": "^2.4.1",
+    "satori": "^0.10.1",
+    "svelte": "^3.59.1"
   },
   "keywords": [
     "open graph image",

package/toReactElement.d.ts

@@ -6,5 +6,5 @@ interface VNode {
         [prop: string]: any;
     };
 }
-declare const toReactElement: (htmlString: string) => VNode;
+export declare const toReactElement: (htmlString: string) => VNode;
 export default toReactElement;

package/toReactElement.js

@@ -50,7 +50,7 @@ const root = {
     }
 };
 /* End of satori-html */
-const toReactElement = (htmlString) => {
+export const toReactElement = (htmlString) => {
     const svelteAST = parse(htmlString);
     walk(svelteAST, {
         enter(node, parent, prop, index) {