@ethercorps/sveltekit-og 2.0.2 → 3.0.0-alpha.1

package/dist/types.d.ts

@@ -0,0 +1,11 @@
+import type { SatoriOptions } from 'satori/wasm';
+export interface ImageResponseOptions {
+    width?: number;
+    height?: number;
+    fonts?: SatoriOptions['fonts'];
+    debug?: boolean;
+    status?: number;
+    statusText?: string;
+    headers?: Record<string, string>;
+    format?: 'svg' | 'png';
+}

package/package.json

@@ -1,55 +1,57 @@
 {
   "name": "@ethercorps/sveltekit-og",
-  "version": "2.0.2",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "svelte": "./dist/index.js"
-    }
-  },
+  "version": "3.0.0-alpha.1",
+  "private": false,
+  "description": "Generate Open Graph Images dynamically from HTML/CSS without a browser in SvelteKit",
+  "type": "module",
   "files": [
-    "dist",
-    "!dist/**/*.test.*",
-    "!dist/**/*.spec.*"
+    "dist"
   ],
-  "peerDependencies": {
-    "svelte": "^4.0.0"
-  },
   "devDependencies": {
-    "@sveltejs/adapter-auto": "^2.0.0",
-    "@sveltejs/kit": "^1.20.4",
-    "@sveltejs/package": "^2.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.45.0",
-    "@typescript-eslint/parser": "^5.45.0",
-    "eslint": "^8.28.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-svelte": "^2.30.0",
-    "prettier": "^2.8.0",
-    "prettier-plugin-svelte": "^2.10.1",
-    "publint": "^0.1.9",
-    "svelte": "^4.0.5",
-    "svelte-check": "^3.4.3",
-    "tslib": "^2.4.1",
-    "typescript": "^5.0.0",
-    "vite": "^4.4.2",
-    "vitest": "^0.34.0"
+    "svelte": "^4.2.2",
+    "@types/node": "^20.5.1",
+    "esbuild": "^0.18.20",
+    "esbuild-plugin-d.ts": "^1.1.0",
+    "typescript": "^5.1.6"
   },
-  "svelte": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "type": "module",
   "dependencies": {
-    "@vercel/og": "^0.5.17",
-    "satori-html": "^0.3.2"
+    "@ethercorps/svelte-h2j": "link:../svelte-h2j",
+    "@resvg/resvg-wasm": "^2.4.1",
+    "just-camel-case": "^6.2.0",
+    "satori": "^0.10.3",
+    "yoga-wasm-web": "^0.3.3"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/etherCorps/sveltekit-og.git"
+  },
+  "homepage": "https://github.com/etherCorps/sveltekit-og#readme",
+  "keywords": [
+    "open graph image",
+    "open graph",
+    "og image",
+    "og:image",
+    "social",
+    "card",
+    "sveltekit og",
+    "sveltekit-og",
+    "@ethercorps/sveltekit-og"
+  ],
+  "author": "theetherGit",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/etherCorps/sveltekit-og/issues"
   },
   "scripts": {
-    "dev": "vite dev",
-    "build": "vite build && npm run package",
-    "preview": "vite preview",
-    "package": "svelte-kit sync && svelte-package && publint",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "test": "vitest",
-    "lint": "prettier --plugin-search-dir . --check . && eslint .",
-    "format": "prettier --plugin-search-dir . --write ."
+    "build": "node bin/esbuild.js",
+    "ts": "tsc --noEmit"
   }
 }

package/dist/api.js

@@ -1,12 +0,0 @@
-import { html } from "satori-html";
-import { ImageResponse as IR } from "@vercel/og";
-export const ImageResponse = async (htmlTemplate, options) => {
-    const reactVNode = html(`${htmlTemplate}`);
-    console.log(reactVNode);
-    return new IR(reactVNode, options);
-};
-export const componentToImageResponse = async (component, props, options) => {
-    const ssrSvelte = component.render(props);
-    console.log(ssrSvelte);
-    return ImageResponse(`${ssrSvelte.html}<style>${ssrSvelte.css.code}</style>`, options);
-};