@cedarjs/ogimage-gen 5.0.7-next.336 → 5.0.7-rc.3

package/cjsWrappers/hooks.js

@@ -0,0 +1,3 @@
+/* eslint-env node */
+
+module.exports = require('../dist/hooks.js').default

package/cjsWrappers/middleware.js

@@ -0,0 +1,3 @@
+/* eslint-env node */
+
+module.exports = require('../dist/OgImageMiddleware.js').default

package/cjsWrappers/plugin.js

@@ -0,0 +1,3 @@
+/* eslint-env node */
+
+module.exports = require('../dist/vite-plugin-ogimage-gen.js').default

package/dist/OgImageMiddleware.js

@@ -1,12 +1,45 @@
-import path from "node:path";
-import { createElement } from "react";
-import memoize from "lodash/memoize.js";
-import mime from "mime-types";
-import { renderToString } from "react-dom/server";
-import { getPaths } from "@cedarjs/project-config";
-import { LocationProvider, matchPath } from "@cedarjs/router";
-import { getRoutesList } from "./getRoutesList.js";
-import { OGIMAGE_DEFAULTS } from "./hooks.js";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var OgImageMiddleware_exports = {};
+__export(OgImageMiddleware_exports, {
+  default: () => OgImageMiddleware
+});
+module.exports = __toCommonJS(OgImageMiddleware_exports);
+var import_node_path = __toESM(require("node:path"));
+var import_react = require("react");
+var import_memoize = __toESM(require("lodash/memoize.js"));
+var import_mime_types = __toESM(require("mime-types"));
+var import_server = require("react-dom/server");
+var import_project_config = require("@cedarjs/project-config");
+var import_router = require("@cedarjs/router");
+var import_getRoutesList = require("./getRoutesList.js");
+var import_hooks = require("./hooks.js");
 const supportedExtensions = ["jpg", "png"];
 class OgImageMiddleware {
   options;
@@ -45,9 +78,9 @@ class OgImageMiddleware {
       ...parsedParams.params || {}
     };
     this.imageProps = {
-      width: mergedParams.width ? parseInt(mergedParams.width) : OGIMAGE_DEFAULTS.width,
-      height: mergedParams.height ? parseInt(mergedParams.height) : OGIMAGE_DEFAULTS.height,
-      quality: mergedParams.quality ? parseInt(mergedParams.quality) : OGIMAGE_DEFAULTS.quality
+      width: mergedParams.width ? parseInt(mergedParams.width) : import_hooks.OGIMAGE_DEFAULTS.width,
+      height: mergedParams.height ? parseInt(mergedParams.height) : import_hooks.OGIMAGE_DEFAULTS.height,
+      quality: mergedParams.quality ? parseInt(mergedParams.quality) : import_hooks.OGIMAGE_DEFAULTS.quality
     };
     const debug = !!mergedParams.debug;
     const screenshotOptionsByFormat = {
@@ -74,19 +107,19 @@ class OgImageMiddleware {
     const browser = await chromium.launch();
     const page = await browser.newPage({ viewport: pageViewPort });
     const cssPathsToUse = this.options.cssPaths || invokeOptions.cssPaths || [];
-    const htmlOutput = renderToString(
-      createElement(
-        LocationProvider,
+    const htmlOutput = (0, import_server.renderToString)(
+      (0, import_react.createElement)(
+        import_router.LocationProvider,
         {
           location: url
         },
-        createElement(
+        (0, import_react.createElement)(
           this.Document,
           {
             css: cssPathsToUse,
             meta: []
           },
-          createElement(
+          (0, import_react.createElement)(
             this.App,
             {},
             this.componentElements({
@@ -111,18 +144,18 @@ class OgImageMiddleware {
       mwResponse.headers.append(
         "Content-Type",
         // as string, because the lookup is guaranteed in this case
-        mime.lookup(extension)
+        import_mime_types.default.lookup(extension)
       );
       mwResponse.body = new Uint8Array(image);
     }
     return mwResponse;
   }
-  matchRoute = memoize(
+  matchRoute = (0, import_memoize.default)(
     async (routePathname, parsedParams) => {
       let currentRoute;
-      const routes = await getRoutesList();
+      const routes = await (0, import_getRoutesList.getRoutesList)();
       for (const route of routes) {
-        const { match, ...rest } = matchPath(
+        const { match, ...rest } = (0, import_router.matchPath)(
           route.pathDefinition,
           routePathname
         );
@@ -137,20 +170,20 @@ class OgImageMiddleware {
   );
   getOgComponentPath(currentRoute) {
     if (process.env.NODE_ENV === "development") {
-      return path.join(
-        getPaths().web.src,
+      return import_node_path.default.join(
+        (0, import_project_config.getPaths)().web.src,
         currentRoute.relativeFilePath.replace(/\.([jt]sx)/, `.og.$1`)
       );
     } else {
-      return `${path.join(
-        getPaths().web.distSsr,
+      return `${import_node_path.default.join(
+        (0, import_project_config.getPaths)().web.distSsr,
         "ogImage",
         currentRoute.relativeFilePath.replace(/\.([jt]sx)/, "")
       )}.og.mjs`;
     }
   }
   get debugElement() {
-    return createElement(
+    return (0, import_react.createElement)(
       "div",
       {
         style: {
@@ -163,7 +196,7 @@ class OgImageMiddleware {
           height: this.imageProps?.height
         }
       },
-      createElement(
+      (0, import_react.createElement)(
         "div",
         {
           style: {
@@ -186,13 +219,13 @@ class OgImageMiddleware {
     routeParams,
     debug
   }) {
-    const element = createElement(Component, {
+    const element = (0, import_react.createElement)(Component, {
       data,
       ...routeParams
     });
     if (debug) {
       return [
-        createElement(
+        (0, import_react.createElement)(
           "div",
           {
             style: { width: this.imageProps?.width }
@@ -223,6 +256,3 @@ class OgImageMiddleware {
     }
   }
 }
-export {
-  OgImageMiddleware as default
-};

package/dist/getRoutesList.js

@@ -1,16 +1,50 @@
-import url from "node:url";
-import { getPaths } from "@cedarjs/project-config";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var getRoutesList_exports = {};
+__export(getRoutesList_exports, {
+  getRoutesList: () => getRoutesList
+});
+module.exports = __toCommonJS(getRoutesList_exports);
+var import_node_url = __toESM(require("node:url"));
+var import_project_config = require("@cedarjs/project-config");
 const getRoutesList = async () => {
-  const rwPaths = getPaths();
+  const rwPaths = (0, import_project_config.getPaths)();
   if (process.env.NODE_ENV === "development") {
     const { getProjectRoutes } = await import("@cedarjs/internal/dist/routes.js");
     return getProjectRoutes();
   } else {
-    const routeManifestUrl = url.pathToFileURL(rwPaths.web.routeManifest).href;
+    const routeManifestUrl = import_node_url.default.pathToFileURL(rwPaths.web.routeManifest).href;
     const routeManifest = (await import(routeManifestUrl, { with: { type: "json" } })).default;
     return Object.values(routeManifest);
   }
 };
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   getRoutesList
-};
+});

package/dist/hooks.js

@@ -1,4 +1,28 @@
-import { useLocation } from "@cedarjs/router";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var hooks_exports = {};
+__export(hooks_exports, {
+  OGIMAGE_DEFAULTS: () => OGIMAGE_DEFAULTS,
+  useOgImage: () => useOgImage
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_router = require("@cedarjs/router");
 const OGIMAGE_DEFAULTS = {
   extension: "png",
   width: 1200,
@@ -6,7 +30,7 @@ const OGIMAGE_DEFAULTS = {
   quality: 100
 };
 const useOgImage = (options) => {
-  const { origin, pathname, searchParams: locationSearchParams } = useLocation();
+  const { origin, pathname, searchParams: locationSearchParams } = (0, import_router.useLocation)();
   const ext = options?.extension || OGIMAGE_DEFAULTS.extension;
   const width = options?.width;
   const height = options?.height;
@@ -54,7 +78,8 @@ const useOgImage = (options) => {
     }
   };
 };
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   OGIMAGE_DEFAULTS,
   useOgImage
-};
+});

package/dist/vite-plugin-ogimage-gen.js

@@ -1,19 +1,52 @@
-import fs from "node:fs";
-import path from "node:path";
-import fg from "fast-glob";
-import { ensurePosixPath, getPaths } from "@cedarjs/project-config";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var vite_plugin_ogimage_gen_exports = {};
+__export(vite_plugin_ogimage_gen_exports, {
+  default: () => vite_plugin_ogimage_gen_default
+});
+module.exports = __toCommonJS(vite_plugin_ogimage_gen_exports);
+var import_node_fs = __toESM(require("node:fs"));
+var import_node_path = __toESM(require("node:path"));
+var import_fast_glob = __toESM(require("fast-glob"));
+var import_project_config = require("@cedarjs/project-config");
 function vitePluginOgImageGen() {
-  const rwPaths = getPaths();
-  const allOgComponents = fg.sync("pages/**/*.og.{jsx,tsx}", {
+  const rwPaths = (0, import_project_config.getPaths)();
+  const allOgComponents = import_fast_glob.default.sync("pages/**/*.og.{jsx,tsx}", {
     cwd: rwPaths.web.src,
     absolute: true,
     // @MARK This allows us to mock the fs module in tests
-    fs
+    fs: import_node_fs.default
   });
   const ogComponentInput = {};
   allOgComponents.forEach((ogComponentPath) => {
-    const pathKey = path.relative(rwPaths.web.src, ogComponentPath).replace(/\.[jt]sx?$/, "");
-    ogComponentInput[`ogImage/${ensurePosixPath(pathKey)}`] = ogComponentPath;
+    const pathKey = import_node_path.default.relative(rwPaths.web.src, ogComponentPath).replace(/\.[jt]sx?$/, "");
+    ogComponentInput[`ogImage/${(0, import_project_config.ensurePosixPath)(pathKey)}`] = ogComponentPath;
   });
   return {
     name: "rw-vite-plugin-ogimage-gen",
@@ -35,6 +68,3 @@ function vitePluginOgImageGen() {
   };
 }
 var vite_plugin_ogimage_gen_default = vitePluginOgImageGen;
-export {
-  vite_plugin_ogimage_gen_default as default
-};

package/package.json

@@ -1,60 +1,63 @@
 {
   "name": "@cedarjs/ogimage-gen",
-  "version": "5.0.7-next.336",
+  "version": "5.0.7-rc.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cedarjs/cedar.git",
     "directory": "packages/ogimage-gen"
   },
   "license": "MIT",
-  "type": "module",
+  "type": "commonjs",
   "exports": {
     "./plugin": {
       "types": "./dist/vite-plugin-ogimage-gen.d.ts",
-      "default": "./dist/vite-plugin-ogimage-gen.js"
+      "import": "./dist/vite-plugin-ogimage-gen.js",
+      "default": "./cjsWrappers/plugin.js"
     },
     "./middleware": {
       "types": "./dist/OgImageMiddleware.d.ts",
+      "import": "./dist/OgImageMiddleware.js",
       "react-server": "./empty.js",
-      "default": "./dist/OgImageMiddleware.js"
+      "default": "./cjsWrappers/middleware.js"
     },
     "./hooks": {
       "types": "./dist/hooks.d.ts",
-      "default": "./dist/hooks.js"
+      "import": "./dist/hooks.js",
+      "default": "./cjsWrappers/hooks.js"
     }
   },
   "files": [
     "dist",
+    "cjsWrappers",
     "empty.js"
   ],
   "scripts": {
-    "build": "node ./build.mts",
+    "build": "node ./build.mts && yarn build:types",
     "build:pack": "yarn pack -o cedarjs-ogimage-gen.tgz",
-    "build:types": "tsc --build --verbose ./tsconfig.build.json",
+    "build:types": "tsc --build --verbose",
     "prepublishOnly": "NODE_ENV=production yarn build",
     "test": "vitest run",
     "test:watch": "vitest watch"
   },
   "dependencies": {
-    "@cedarjs/internal": "5.0.7-next.336",
-    "@cedarjs/project-config": "5.0.7-next.336",
+    "@cedarjs/internal": "5.0.7-rc.3",
+    "@cedarjs/project-config": "5.0.7-rc.3",
     "fast-glob": "3.3.3",
     "lodash": "4.18.1",
     "react": "18.3.1",
     "react-dom": "18.3.1"
   },
   "devDependencies": {
-    "@cedarjs/framework-tools": "5.0.7-next.336",
-    "@cedarjs/router": "5.0.7-next.336",
-    "@cedarjs/web": "5.0.7-next.336",
-    "@playwright/test": "1.62.1",
+    "@cedarjs/framework-tools": "5.0.7-rc.3",
+    "@cedarjs/router": "5.0.7-rc.3",
+    "@playwright/test": "1.61.1",
     "ts-toolbelt": "9.6.0",
     "typescript": "5.9.3",
-    "vite": "7.3.6",
-    "vitest": "4.1.10"
+    "vite": "7.3.5",
+    "vitest": "3.2.6"
   },
   "peerDependencies": {
-    "@cedarjs/router": "5.0.7-next.336"
+    "@cedarjs/router": "5.0.7-rc.3"
   },
   "engines": {
     "node": ">=24"