@ienlab/react-library 0.17.0-beta.31 → 0.17.0-beta.33

package/dist/og/generateOGPages.d.ts

@@ -0,0 +1,4 @@
+import type { OGData } from "./types.js";
+export declare function replaceOGTags(html: string, og: OGData): string;
+export declare function generateOGPages(distDir: string, routeMap: Record<string, OGData>, templateFile?: string): void;
+//# sourceMappingURL=generateOGPages.d.ts.map

package/dist/og/generateOGPages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateOGPages.d.ts","sourceRoot":"","sources":["../../src/og/generateOGPages.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,YAAY,CAAA;AAEtC,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CA+B9D;AAED,wBAAgB,eAAe,CAC7B,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAChC,YAAY,SAAe,GAC1B,IAAI,CAoBN"}

package/dist/og/generateOGPages.js

@@ -0,0 +1,31 @@
+/// <reference types="node" />
+import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
+import { join } from "node:path";
+export function replaceOGTags(html, og) {
+    return html
+        .replace(/(<title>)[^<]*(<\/title>)/, `$1${og.title}$2`)
+        .replace(/(<meta\s+name="description"\s+content=")[^"]*(")/, `$1${og.description}$2`)
+        .replace(/(<meta\s+property="og:title"\s+content=")[^"]*(")/, `$1${og.title}$2`)
+        .replace(/(<meta\s+property="og:description"\s+content=")[^"]*(")/, `$1${og.description}$2`)
+        .replace(/(<meta\s+property="og:image"\s+content=")[^"]*(")/, `$1${og.image}$2`)
+        .replace(/(<meta\s+name="twitter:title"\s+content=")[^"]*(")/, `$1${og.title}$2`)
+        .replace(/(<meta\s+name="twitter:description"\s+content=")[^"]*(")/, `$1${og.description}$2`)
+        .replace(/(<meta\s+name="twitter:image"\s+content=")[^"]*(")/, `$1${og.image}$2`);
+}
+export function generateOGPages(distDir, routeMap, templateFile = "index.html") {
+    const indexPath = join(distDir, templateFile);
+    if (!existsSync(indexPath)) {
+        console.error(`[generateOGPages] Template not found: ${indexPath}`);
+        process.exit(1);
+    }
+    const html = readFileSync(indexPath, "utf-8");
+    let count = 0;
+    for (const [route, og] of Object.entries(routeMap)) {
+        const dir = join(distDir, route.replace(/^\//, ""));
+        mkdirSync(dir, { recursive: true });
+        writeFileSync(join(dir, "index.html"), replaceOGTags(html, og), "utf-8");
+        console.log(`  ✓ ${route} → ${join(dir, "index.html")}`);
+        count++;
+    }
+    console.log(`\n✅ ${count} OG pages generated`);
+}

package/dist/og/index.d.ts

@@ -0,0 +1,3 @@
+export type { OGData, RouteParams, RouteResolver } from "./types.js";
+export { generateOGPages, replaceOGTags } from "./generateOGPages.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/og/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/og/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,MAAM,EAAE,WAAW,EAAE,aAAa,EAAC,MAAM,YAAY,CAAA;AAClE,OAAO,EAAC,eAAe,EAAE,aAAa,EAAC,MAAM,sBAAsB,CAAA"}

package/dist/og/index.js

@@ -0,0 +1 @@
+export { generateOGPages, replaceOGTags } from "./generateOGPages.js";

package/dist/og/types.d.ts

@@ -0,0 +1,8 @@
+export type OGData = {
+    title: string;
+    description: string;
+    image: string;
+};
+export type RouteParams = Record<string, string>;
+export type RouteResolver = (params: RouteParams) => OGData | Promise<OGData>;
+//# sourceMappingURL=types.d.ts.map

package/dist/og/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/og/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAEhD,MAAM,MAAM,aAAa,GAAG,CAAC,MAAM,EAAE,WAAW,KAAK,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA"}

package/dist/og/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ienlab/react-library",
-  "version": "0.17.0-beta.31",
+  "version": "0.17.0-beta.33",
   "description": "My React component library",
   "main": "./dist/my-library.cjs.js",
   "module": "./dist/my-library.es.js",
@@ -13,6 +13,10 @@
       "import": "./dist/my-library.es.js",
       "require": "./dist/my-library.cjs.js",
       "types": "./dist/index.d.ts"
+    },
+    "./og": {
+      "import": "./dist/og/index.js",
+      "types": "./dist/og/index.d.ts"
     }
   },
   "sideEffects": [
@@ -22,7 +26,8 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "tsc -b && vite build",
+    "build": "tsc -b && vite build && npm run build:og",
+    "build:og": "tsc -p tsconfig.node-out.json",
     "lint": "eslint .",
     "preview": "vite preview"
   },
@@ -38,7 +43,8 @@
     "react-dom": ">=19.0.0",
     "react-i18next": ">=16.0.0",
     "react-router": ">=7.0.0",
-    "zustand": ">=5.0.0"
+    "zustand": ">=5.0.0",
+    "react-helmet-async": ">=3.0.0"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
@@ -65,6 +71,7 @@
     "vite-plugin-dts": "^5.0.1",
     "zustand": "^5.0.13",
     "clsx": "^2.1.1",
-    "tailwind-merge": "^3.6.0"
+    "tailwind-merge": "^3.6.0",
+    "react-helmet-async": "^3.0.0"
   }
 }