@cedarjs/ogimage-gen 0.0.4

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Cedar
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

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.d.ts

@@ -0,0 +1,59 @@
+import type { RWRouteManifestItem } from '@cedarjs/internal';
+import type { MiddlewareInvokeOptions, MiddlewareRequest, MiddlewareResponse } from '@cedarjs/web/middleware' with { 'resolution-mode': 'import' };
+interface MwOptions {
+    App: React.FC;
+    Document: React.FC;
+    /**
+     * Override the css paths that'll be included
+     */
+    cssPaths?: string[];
+}
+interface ComponentElementProps {
+    Component: React.FC<{
+        data: unknown;
+    }>;
+    data: unknown;
+    routeParams: Record<string, unknown>;
+    debug: boolean;
+}
+export default class OgImageMiddleware {
+    options: MwOptions;
+    App: React.FC;
+    Document: React.FC<{
+        css: string[];
+        meta: string[];
+    }>;
+    imageProps?: {
+        width: number;
+        height: number;
+        quality: number;
+    };
+    constructor(options: MwOptions);
+    invoke(req: MiddlewareRequest, mwResponse: MiddlewareResponse, invokeOptions: MiddlewareInvokeOptions): Promise<MiddlewareResponse>;
+    private matchRoute;
+    getOgComponentPath(currentRoute: RWRouteManifestItem): string;
+    get debugElement(): import("react").DetailedReactHTMLElement<{
+        style: {
+            position: "absolute";
+            top: string;
+            left: string;
+            border: string;
+            pointerEvents: "none";
+            width: number | undefined;
+            height: number | undefined;
+        };
+    }, HTMLElement>;
+    componentElements({ Component, data, routeParams, debug, }: ComponentElementProps): import("react").FunctionComponentElement<{
+        data: unknown;
+    }> | import("react").DetailedReactHTMLElement<{
+        style: {
+            width: number | undefined;
+        };
+    }, HTMLElement>[];
+    importComponent(filePath: string, invokeOptions: MiddlewareInvokeOptions): Promise<{
+        data: any;
+        Component: any;
+    }>;
+}
+export {};
+//# sourceMappingURL=OgImageMiddleware.d.ts.map

package/dist/OgImageMiddleware.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OgImageMiddleware.d.ts","sourceRoot":"","sources":["../src/OgImageMiddleware.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAG5D,OAAO,KAAK,EACV,uBAAuB,EACvB,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,yBAAyB,CAAC,OAAO,iBAAiB,EAAE,QAAQ,EAAE,CAAA;AAKrE,UAAU,SAAS;IACjB,GAAG,EAAE,KAAK,CAAC,EAAE,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;CACpB;AAMD,UAAU,qBAAqB;IAC7B,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,CAAC,CAAA;IACtC,IAAI,EAAE,OAAO,CAAA;IACb,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC,KAAK,EAAE,OAAO,CAAA;CACf;AAED,MAAM,CAAC,OAAO,OAAO,iBAAiB;IACpC,OAAO,EAAE,SAAS,CAAA;IAClB,GAAG,EAAE,KAAK,CAAC,EAAE,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,GAAG,EAAE,MAAM,EAAE,CAAC;QAAC,IAAI,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,CAAA;IAGrD,UAAU,CAAC,EAAE;QACX,KAAK,EAAE,MAAM,CAAA;QACb,MAAM,EAAE,MAAM,CAAA;QACd,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;gBAEW,OAAO,EAAE,SAAS;IAOxB,MAAM,CACV,GAAG,EAAE,iBAAiB,EACtB,UAAU,EAAE,kBAAkB,EAC9B,aAAa,EAAE,uBAAuB;IA8IxC,OAAO,CAAC,UAAU,CAoBjB;IAEM,kBAAkB,CAAC,YAAY,EAAE,mBAAmB;IAe3D,IAAI,YAAY;;;;;;;;;;oBA8Bf;IAED,iBAAiB,CAAC,EAChB,SAAS,EACT,IAAI,EACJ,WAAW,EACX,KAAK,GACN,EAAE,qBAAqB;cApPI,OAAO;;;;;;IA0QtB,eAAe,CAC1B,QAAQ,EAAE,MAAM,EAChB,aAAa,EAAE,uBAAuB;;;;CAmBzC"}

package/dist/OgImageMiddleware.js

@@ -0,0 +1,258 @@
+"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;
+  App;
+  Document;
+  // Initialized in invoke() 👇
+  imageProps;
+  constructor(options) {
+    this.options = options;
+    this.App = options.App;
+    this.Document = options.Document;
+  }
+  async invoke(req, mwResponse, invokeOptions) {
+    const url = new URL(req.url);
+    const { pathname } = url;
+    let currentRoute = void 0;
+    let parsedParams = {};
+    if (!pathname.includes(".")) {
+      return mwResponse;
+    }
+    const [routePathname, extension] = pathname.split(".");
+    ({ currentRoute, parsedParams } = await this.matchRoute(
+      // This is a special case for the index route
+      // because they can't go to mywebsite.com/.png -> mywebsite.com/index.png instead
+      routePathname === "/index" ? "/" : routePathname,
+      parsedParams
+    ));
+    if (!currentRoute || !supportedExtensions.includes(extension)) {
+      console.log(
+        "OGMiddleware: No match with the Routes, or not a supported extension"
+      );
+      return mwResponse;
+    }
+    const mergedParams = {
+      ...Object.fromEntries(url.searchParams.entries()),
+      ...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
+    };
+    const debug = !!mergedParams.debug;
+    const screenshotOptionsByFormat = {
+      png: { type: "png" },
+      jpg: {
+        type: "jpeg",
+        quality: this.imageProps.quality
+      }
+    };
+    const pageViewPort = {
+      width: this.imageProps.width,
+      height: this.imageProps.height
+    };
+    const ogImgFilePath = this.getOgComponentPath(currentRoute);
+    const { data, Component } = await this.importComponent(
+      ogImgFilePath,
+      invokeOptions
+    );
+    let dataOut;
+    if (data && typeof data === "function") {
+      dataOut = await data(mergedParams);
+    }
+    const { chromium } = await import("playwright");
+    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,
+        {
+          location: url
+        },
+        (0, import_react.createElement)(
+          this.Document,
+          {
+            css: cssPathsToUse,
+            meta: []
+          },
+          (0, import_react.createElement)(
+            this.App,
+            {},
+            this.componentElements({
+              Component,
+              data: dataOut,
+              routeParams: mergedParams,
+              debug
+            })
+          )
+        )
+      )
+    );
+    if (debug) {
+      mwResponse.headers.append("Content-Type", "text/html");
+      mwResponse.body = htmlOutput;
+    } else {
+      const baseUrl = url.origin;
+      await page.goto(baseUrl);
+      await page.setContent(htmlOutput);
+      const image = await page.screenshot(screenshotOptionsByFormat[extension]);
+      await browser.close();
+      mwResponse.headers.append(
+        "Content-Type",
+        // as string, because the lookup is guaranteed in this case
+        import_mime_types.default.lookup(extension)
+      );
+      mwResponse.body = image;
+    }
+    return mwResponse;
+  }
+  matchRoute = (0, import_memoize.default)(
+    async (routePathname, parsedParams) => {
+      let currentRoute;
+      const routes = await (0, import_getRoutesList.getRoutesList)();
+      for (const route of routes) {
+        const { match, ...rest } = (0, import_router.matchPath)(
+          route.pathDefinition,
+          routePathname
+        );
+        if (match) {
+          currentRoute = route;
+          parsedParams = rest;
+          break;
+        }
+      }
+      return { currentRoute, parsedParams };
+    }
+  );
+  getOgComponentPath(currentRoute) {
+    if (process.env.NODE_ENV === "development") {
+      return import_node_path.default.join(
+        (0, import_project_config.getPaths)().web.src,
+        currentRoute.relativeFilePath.replace(/\.([jt]sx)/, `.og.$1`)
+      );
+    } else {
+      return `${import_node_path.default.join(
+        (0, import_project_config.getPaths)().web.distSsr,
+        "ogImage",
+        currentRoute.relativeFilePath.replace(/\.([jt]sx)/, "")
+      )}.og.mjs`;
+    }
+  }
+  get debugElement() {
+    return (0, import_react.createElement)(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          top: "0",
+          left: "0",
+          border: "1px dashed red",
+          pointerEvents: "none",
+          width: this.imageProps?.width,
+          height: this.imageProps?.height
+        }
+      },
+      (0, import_react.createElement)(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            left: "0",
+            right: "0",
+            bottom: "-1.5rem",
+            textAlign: "center",
+            color: "red",
+            fontWeight: "normal"
+          }
+        },
+        `${this.imageProps?.width} x ${this.imageProps?.height}`
+      )
+    );
+  }
+  componentElements({
+    Component,
+    data,
+    routeParams,
+    debug
+  }) {
+    const element = (0, import_react.createElement)(Component, {
+      data,
+      ...routeParams
+    });
+    if (debug) {
+      return [
+        (0, import_react.createElement)(
+          "div",
+          {
+            style: { width: this.imageProps?.width }
+          },
+          element
+        ),
+        this.debugElement
+      ];
+    } else {
+      return element;
+    }
+  }
+  async importComponent(filePath, invokeOptions) {
+    try {
+      if (invokeOptions.viteDevServer) {
+        const { data, output } = await invokeOptions.viteDevServer.ssrLoadModule(filePath);
+        return { data, Component: output };
+      } else {
+        const { data, output } = await import(filePath);
+        return { data, Component: output };
+      }
+    } catch (e) {
+      console.error(
+        `OGMiddleware: OG Image component import failed: ${filePath}`
+      );
+      console.error(e);
+      throw e;
+    }
+  }
+}

package/dist/getRoutesList.d.ts

@@ -0,0 +1,3 @@
+import type { RWRouteManifestItem } from '@cedarjs/internal';
+export declare const getRoutesList: () => Promise<RWRouteManifestItem[]>;
+//# sourceMappingURL=getRoutesList.d.ts.map

package/dist/getRoutesList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRoutesList.d.ts","sourceRoot":"","sources":["../src/getRoutesList.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAG5D,eAAO,MAAM,aAAa,sCAgBzB,CAAA"}

package/dist/getRoutesList.js

@@ -0,0 +1,50 @@
+"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 = (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 = import_node_url.default.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 = {
+  getRoutesList
+});

package/dist/hooks.d.ts

@@ -0,0 +1,27 @@
+export type OgImageUrlOptions = {
+    extension?: 'png' | 'jpg';
+    width?: number;
+    height?: number;
+    quality?: number;
+    searchParams?: URLSearchParams | Record<string, string>;
+};
+export declare const OGIMAGE_DEFAULTS: {
+    extension: string;
+    width: number;
+    height: number;
+    quality: number;
+};
+export declare const useOgImage: (options?: OgImageUrlOptions) => {
+    url: string;
+    width: number;
+    height: number;
+    quality: number;
+    extension: string;
+    ogProps: {
+        image: (string | {
+            width: number;
+            height: number;
+        })[];
+    };
+};
+//# sourceMappingURL=hooks.d.ts.map

package/dist/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACxD,CAAA;AAED,eAAO,MAAM,gBAAgB;;;;;CAK5B,CAAA;AAED,eAAO,MAAM,UAAU,aAAc,iBAAiB;;;;;;;;;;;;CA2DrD,CAAA"}

package/dist/hooks.js

@@ -0,0 +1,85 @@
+"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,
+  height: 630,
+  quality: 100
+};
+const useOgImage = (options) => {
+  const { origin, pathname, searchParams: locationSearchParams } = (0, import_router.useLocation)();
+  const ext = options?.extension || OGIMAGE_DEFAULTS.extension;
+  const width = options?.width;
+  const height = options?.height;
+  const quality = options?.quality;
+  const searchParams = options?.searchParams instanceof URLSearchParams ? options?.searchParams : new URLSearchParams(options?.searchParams || {});
+  const outputSearchParams = new URLSearchParams({
+    ...Object.fromEntries(locationSearchParams),
+    ...Object.fromEntries(searchParams)
+  });
+  const output = [origin];
+  if (pathname === "/") {
+    output.push("/index");
+  } else {
+    output.push(pathname);
+  }
+  output.push(`.${ext}`);
+  if (width) {
+    outputSearchParams.append("width", width.toString());
+  }
+  if (height) {
+    outputSearchParams.append("height", height.toString());
+  }
+  if (quality) {
+    outputSearchParams.append("quality", quality.toString());
+  }
+  if (outputSearchParams.size) {
+    output.push(`?${outputSearchParams}`);
+  }
+  return {
+    url: output.join(""),
+    width: width || OGIMAGE_DEFAULTS.width,
+    height: height || OGIMAGE_DEFAULTS.height,
+    quality: quality || OGIMAGE_DEFAULTS.quality,
+    extension: ext,
+    ogProps: {
+      image: [
+        output.join(""),
+        {
+          width: width || OGIMAGE_DEFAULTS.width,
+          height: height || OGIMAGE_DEFAULTS.height
+        }
+      ]
+      // TODO: Haven't determined if this is required for Twitter to pick up the og:image. Needs some testing.
+      // twitter: { image: { src: output.join('') } },
+    }
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OGIMAGE_DEFAULTS,
+  useOgImage
+});

package/dist/vite-plugin-ogimage-gen.d.ts

@@ -0,0 +1,11 @@
+import type { O } from 'ts-toolbelt';
+import type { Plugin as VitePlugin } from 'vite';
+type ConfigPlugin = O.Required<VitePlugin, 'config'>;
+/**
+ * This plugin updates the rollup inputs to include all OG components.
+ *
+ * Internally, Redwood's vite settings will merge this with the default vite config, and any user config
+ */
+declare function vitePluginOgImageGen(): ConfigPlugin;
+export default vitePluginOgImageGen;
+//# sourceMappingURL=vite-plugin-ogimage-gen.d.ts.map

package/dist/vite-plugin-ogimage-gen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite-plugin-ogimage-gen.d.ts","sourceRoot":"","sources":["../src/vite-plugin-ogimage-gen.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,MAAM,CAAA;AAIhD,KAAK,YAAY,GAAG,CAAC,CAAC,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;AAEpD;;;;GAIG;AACH,iBAAS,oBAAoB,IAAI,YAAY,CAyC5C;AAED,eAAe,oBAAoB,CAAA"}

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

@@ -0,0 +1,70 @@
+"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_fs = __toESM(require("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 = (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: import_fs.default
+  });
+  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;
+  });
+  return {
+    name: "rw-vite-plugin-ogimage-gen",
+    apply: "build",
+    // We only need to update rollup inputs for build
+    config: (_config, env) => {
+      if (env.isSsrBuild) {
+        return {
+          build: {
+            rollupOptions: {
+              input: ogComponentInput
+            }
+          }
+        };
+      } else {
+        return;
+      }
+    }
+  };
+}
+var vite_plugin_ogimage_gen_default = vitePluginOgImageGen;

package/empty.js

@@ -0,0 +1 @@
+// FIND ME ROB!

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@cedarjs/ogimage-gen",
+  "version": "0.0.4",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cedarjs/cedar.git",
+    "directory": "packages/ogimage-gen"
+  },
+  "license": "MIT",
+  "type": "commonjs",
+  "exports": {
+    "./plugin": {
+      "types": "./dist/vite-plugin-ogimage-gen.d.ts",
+      "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": "./cjsWrappers/middleware.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks.d.ts",
+      "import": "./dist/hooks.js",
+      "default": "./cjsWrappers/hooks.js"
+    }
+  },
+  "files": [
+    "dist",
+    "cjsWrappers",
+    "empty.js"
+  ],
+  "scripts": {
+    "build": "tsx ./build.mts && yarn build:types",
+    "build:pack": "yarn pack -o cedar-ogimage-gen.tgz",
+    "build:types": "tsc --build --verbose",
+    "prepublishOnly": "NODE_ENV=production yarn build",
+    "test": "vitest run",
+    "test:watch": "vitest watch"
+  },
+  "dependencies": {
+    "@cedarjs/internal": "0.0.4",
+    "@cedarjs/project-config": "0.0.4",
+    "@cedarjs/router": "0.0.4",
+    "@cedarjs/web": "0.0.4",
+    "fast-glob": "3.3.2",
+    "lodash": "4.17.21",
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
+  },
+  "devDependencies": {
+    "@cedarjs/framework-tools": "0.0.4",
+    "@playwright/test": "1.49.1",
+    "ts-toolbelt": "9.6.0",
+    "tsx": "4.19.3",
+    "typescript": "5.6.2",
+    "vite": "5.4.16",
+    "vitest": "2.1.9"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "5b4f77f985bd86ee31ee7338312627accf0cb85b"
+}