@ogxjs/core 0.1.0

package/dist/utils/text.js

@@ -0,0 +1,50 @@
+import satori from "satori";
+/**
+ * Estimate the best font size to fit text within a container
+ * Uses binary search with Satori's layout engine for accuracy
+ */
+export async function calculateFittingFontSize(text, options) {
+    const { maxWidth, maxHeight = Infinity, minFontSize = 12, maxFontSize = 200, fonts, } = options;
+    let low = minFontSize;
+    let high = maxFontSize;
+    let optimal = minFontSize;
+    // We need a simple element to measure
+    const getLayout = async (fontSize) => {
+        const svg = await satori({
+            type: "div",
+            props: {
+                style: {
+                    display: "flex",
+                    fontSize: `${fontSize}px`,
+                },
+                children: text,
+            },
+        }, {
+            width: maxWidth * 2,
+            fonts: fonts.map((f) => ({
+                name: f.name,
+                data: f.data,
+                weight: f.weight,
+                style: f.style,
+            })),
+        });
+        const widthMatch = svg.match(/width="([\d.]+)"/);
+        const heightMatch = svg.match(/height="([\d.]+)"/);
+        return {
+            width: widthMatch?.[1] ? parseFloat(widthMatch[1]) : 0,
+            height: heightMatch?.[1] ? parseFloat(heightMatch[1]) : 0,
+        };
+    };
+    while (low <= high) {
+        const mid = Math.floor((low + high) / 2);
+        const layout = await getLayout(mid);
+        if (layout.width <= maxWidth && layout.height <= maxHeight) {
+            optimal = mid;
+            low = mid + 1;
+        }
+        else {
+            high = mid - 1;
+        }
+    }
+    return optimal;
+}

package/package.json

@@ -0,0 +1,71 @@
+{
+  "name": "@ogxjs/core",
+  "version": "0.1.0",
+  "description": "High-performance Open Graph image generator with Tailwind CSS support",
+  "author": "Carlos Eduardo",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/carlosedujs/ogx.git",
+    "directory": "packages/core"
+  },
+  "homepage": "https://ogx.dev",
+  "bugs": "https://github.com/carlosedujs/ogx/issues",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./svg": {
+      "types": "./dist/render-svg.d.ts",
+      "import": "./dist/render-svg.js"
+    },
+    "./png": {
+      "types": "./dist/render-png.d.ts",
+      "import": "./dist/render-png.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@resvg/resvg-js": "^2.6.2",
+    "satori": "^0.12.1"
+  },
+  "devDependencies": {
+    "@types/bun": "^1.2.4",
+    "@types/node": "^20.19.27",
+    "@vercel/og": "^0.8.6",
+    "@vitest/ui": "^4.0.16",
+    "bun-types": "^1.3.5",
+    "tsx": "^4.21.0",
+    "vitest": "^4.0.16"
+  },
+  "peerDependencies": {
+    "typescript": ">=5.0.0"
+  },
+  "keywords": [
+    "og-image",
+    "opengraph",
+    "satori",
+    "tailwind",
+    "social-image"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc && mkdir -p dist/fonts/inter && cp src/fonts/inter/*.ttf dist/fonts/inter/",
+    "dev": "tsc --watch",
+    "check-types": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:ui": "vitest --ui",
+    "test:integration": "node src/__tests__/integration/integration.test.ts",
+    "test:pure": "node src/__tests__/pure/engine.test.ts",
+    "bench": "tsx src/__tests__/benchmarks/comprehensive-bench.ts"
+  }
+}