@cedarjs/ogimage-gen 6.0.0-canary.2773 → 6.0.0-canary.2774

package/dist/OgImageMiddleware.js

@@ -1,45 +1,12 @@
-"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");
+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";
 const supportedExtensions = ["jpg", "png"];
 class OgImageMiddleware {
   options;
@@ -78,9 +45,9 @@ class OgImageMiddleware {
       ...parsedParams.params || {}
     };
     this.imageProps = {
-      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
+      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
     };
     const debug = !!mergedParams.debug;
     const screenshotOptionsByFormat = {
@@ -107,19 +74,19 @@ class OgImageMiddleware {
     const browser = await chromium.launch();
     const page = await browser.newPage({ viewport: pageViewPort });
     const cssPathsToUse = this.options.cssPaths || invokeOptions.cssPaths || [];
-    const htmlOutput = (0, import_server.renderToString)(
-      (0, import_react.createElement)(
-        import_router.LocationProvider,
+    const htmlOutput = renderToString(
+      createElement(
+        LocationProvider,
         {
           location: url
         },
-        (0, import_react.createElement)(
+        createElement(
           this.Document,
           {
             css: cssPathsToUse,
             meta: []
           },
-          (0, import_react.createElement)(
+          createElement(
             this.App,
             {},
             this.componentElements({
@@ -144,18 +111,18 @@ class OgImageMiddleware {
       mwResponse.headers.append(
         "Content-Type",
         // as string, because the lookup is guaranteed in this case
-        import_mime_types.default.lookup(extension)
+        mime.lookup(extension)
       );
       mwResponse.body = new Uint8Array(image);
     }
     return mwResponse;
   }
-  matchRoute = (0, import_memoize.default)(
+  matchRoute = memoize(
     async (routePathname, parsedParams) => {
       let currentRoute;
-      const routes = await (0, import_getRoutesList.getRoutesList)();
+      const routes = await getRoutesList();
       for (const route of routes) {
-        const { match, ...rest } = (0, import_router.matchPath)(
+        const { match, ...rest } = matchPath(
           route.pathDefinition,
           routePathname
         );
@@ -170,20 +137,20 @@ class OgImageMiddleware {
   );
   getOgComponentPath(currentRoute) {
     if (process.env.NODE_ENV === "development") {
-      return import_node_path.default.join(
-        (0, import_project_config.getPaths)().web.src,
+      return path.join(
+        getPaths().web.src,
         currentRoute.relativeFilePath.replace(/\.([jt]sx)/, `.og.$1`)
       );
     } else {
-      return `${import_node_path.default.join(
-        (0, import_project_config.getPaths)().web.distSsr,
+      return `${path.join(
+        getPaths().web.distSsr,
         "ogImage",
         currentRoute.relativeFilePath.replace(/\.([jt]sx)/, "")
       )}.og.mjs`;
     }
   }
   get debugElement() {
-    return (0, import_react.createElement)(
+    return createElement(
       "div",
       {
         style: {
@@ -196,7 +163,7 @@ class OgImageMiddleware {
           height: this.imageProps?.height
         }
       },
-      (0, import_react.createElement)(
+      createElement(
         "div",
         {
           style: {
@@ -219,13 +186,13 @@ class OgImageMiddleware {
     routeParams,
     debug
   }) {
-    const element = (0, import_react.createElement)(Component, {
+    const element = createElement(Component, {
       data,
       ...routeParams
     });
     if (debug) {
       return [
-        (0, import_react.createElement)(
+        createElement(
           "div",
           {
             style: { width: this.imageProps?.width }
@@ -256,3 +223,6 @@ class OgImageMiddleware {
     }
   }
 }
+export {
+  OgImageMiddleware as default
+};

package/dist/getRoutesList.js

@@ -1,50 +1,16 @@
-"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");
+import url from "node:url";
+import { getPaths } from "@cedarjs/project-config";
 const getRoutesList = async () => {
-  const rwPaths = (0, import_project_config.getPaths)();
+  const rwPaths = getPaths();
   if (process.env.NODE_ENV === "development") {
     const { getProjectRoutes } = await import("@cedarjs/internal/dist/routes.js");
     return getProjectRoutes();
   } else {
-    const routeManifestUrl = import_node_url.default.pathToFileURL(rwPaths.web.routeManifest).href;
+    const routeManifestUrl = url.pathToFileURL(rwPaths.web.routeManifest).href;
     const routeManifest = (await import(routeManifestUrl, { with: { type: "json" } })).default;
     return Object.values(routeManifest);
   }
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   getRoutesList
-});
+};

package/dist/hooks.js

@@ -1,28 +1,4 @@
-"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");
+import { useLocation } from "@cedarjs/router";
 const OGIMAGE_DEFAULTS = {
   extension: "png",
   width: 1200,
@@ -30,7 +6,7 @@ const OGIMAGE_DEFAULTS = {
   quality: 100
 };
 const useOgImage = (options) => {
-  const { origin, pathname, searchParams: locationSearchParams } = (0, import_router.useLocation)();
+  const { origin, pathname, searchParams: locationSearchParams } = useLocation();
   const ext = options?.extension || OGIMAGE_DEFAULTS.extension;
   const width = options?.width;
   const height = options?.height;
@@ -78,8 +54,7 @@ const useOgImage = (options) => {
     }
   };
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   OGIMAGE_DEFAULTS,
   useOgImage
-});
+};

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

@@ -1,52 +1,19 @@
-"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");
+import fs from "node:fs";
+import path from "node:path";
+import fg from "fast-glob";
+import { ensurePosixPath, getPaths } from "@cedarjs/project-config";
 function vitePluginOgImageGen() {
-  const rwPaths = (0, import_project_config.getPaths)();
-  const allOgComponents = import_fast_glob.default.sync("pages/**/*.og.{jsx,tsx}", {
+  const rwPaths = getPaths();
+  const allOgComponents = fg.sync("pages/**/*.og.{jsx,tsx}", {
     cwd: rwPaths.web.src,
     absolute: true,
     // @MARK This allows us to mock the fs module in tests
-    fs: import_node_fs.default
+    fs
   });
   const ogComponentInput = {};
   allOgComponents.forEach((ogComponentPath) => {
-    const pathKey = import_node_path.default.relative(rwPaths.web.src, ogComponentPath).replace(/\.[jt]sx?$/, "");
-    ogComponentInput[`ogImage/${(0, import_project_config.ensurePosixPath)(pathKey)}`] = ogComponentPath;
+    const pathKey = path.relative(rwPaths.web.src, ogComponentPath).replace(/\.[jt]sx?$/, "");
+    ogComponentInput[`ogImage/${ensurePosixPath(pathKey)}`] = ogComponentPath;
   });
   return {
     name: "rw-vite-plugin-ogimage-gen",
@@ -68,3 +35,6 @@ function vitePluginOgImageGen() {
   };
 }
 var vite_plugin_ogimage_gen_default = vitePluginOgImageGen;
+export {
+  vite_plugin_ogimage_gen_default as default
+};

package/package.json

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

package/cjsWrappers/hooks.js

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

package/cjsWrappers/middleware.js

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

package/cjsWrappers/plugin.js

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