@cedarjs/prerender 7.0.0-canary.3258 → 7.0.0-rc.123

package/dist/babelPlugins/babel-plugin-redwood-cell.d.ts

@@ -0,0 +1,5 @@
+import type { PluginObj, types } from '@babel/core';
+export declare function babelPluginRedwoodCell({ types: t, }: {
+    types: typeof types;
+}): PluginObj;
+//# sourceMappingURL=babel-plugin-redwood-cell.d.ts.map

package/dist/babelPlugins/babel-plugin-redwood-cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"babel-plugin-redwood-cell.d.ts","sourceRoot":"","sources":["../../src/babelPlugins/babel-plugin-redwood-cell.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAgCnD,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EAAE,CAAC,GACT,EAAE;IACD,KAAK,EAAE,OAAO,KAAK,CAAA;CACpB,GAAG,SAAS,CAmHZ"}

package/dist/babelPlugins/babel-plugin-redwood-cell.js

@@ -0,0 +1,98 @@
+import { parse } from "path";
+const EXPECTED_EXPORTS_FROM_CELL = [
+  "beforeQuery",
+  "QUERY",
+  "FRAGMENT",
+  "data",
+  "isEmpty",
+  "afterQuery",
+  "Loading",
+  "Success",
+  "Failure",
+  "Empty"
+];
+function babelPluginRedwoodCell({
+  types: t
+}) {
+  let exportNames = [];
+  let hasDefaultExport = false;
+  return {
+    name: "babel-plugin-redwood-cell",
+    visitor: {
+      ExportDefaultDeclaration() {
+        hasDefaultExport = true;
+      },
+      ExportNamedDeclaration(path) {
+        const declaration = path.node.declaration;
+        if (!declaration) {
+          return;
+        }
+        let name;
+        if (declaration.type === "VariableDeclaration") {
+          const id = declaration.declarations[0].id;
+          name = id.name;
+        }
+        if (declaration.type === "FunctionDeclaration") {
+          name = declaration?.id?.name;
+        }
+        if (name && EXPECTED_EXPORTS_FROM_CELL.includes(name)) {
+          exportNames.push(name);
+        }
+      },
+      Program: {
+        enter() {
+          exportNames = [];
+          hasDefaultExport = false;
+        },
+        exit(path) {
+          const hasQueryOrDataExport = exportNames.includes("QUERY") || exportNames.includes("FRAGMENT") || exportNames.includes("data");
+          if (hasDefaultExport || !hasQueryOrDataExport) {
+            return;
+          }
+          const createCellHookName = exportNames.includes("data") ? "createServerCell" : "createCell";
+          const importFrom = exportNames.includes("data") ? "@cedarjs/web/dist/components/cell/createServerCell" : "@cedarjs/web";
+          path.node.body.unshift(
+            t.importDeclaration(
+              [
+                t.importSpecifier(
+                  t.identifier(createCellHookName),
+                  t.identifier(createCellHookName)
+                )
+              ],
+              t.stringLiteral(importFrom)
+            )
+          );
+          path.node.body.push(
+            t.exportDefaultDeclaration(
+              t.callExpression(t.identifier(createCellHookName), [
+                t.objectExpression([
+                  ...exportNames.map(
+                    (name) => t.objectProperty(
+                      t.identifier(name),
+                      t.identifier(name),
+                      false,
+                      true
+                    )
+                  ),
+                  // Add the `displayName` property so we can name the Cell
+                  // after the filename.
+                  t.objectProperty(
+                    t.identifier("displayName"),
+                    t.stringLiteral(
+                      parse(this.file.opts.filename).name
+                    ),
+                    false,
+                    true
+                  )
+                ])
+              ])
+            )
+          );
+        }
+      }
+    }
+  };
+}
+export {
+  babelPluginRedwoodCell
+};

package/dist/babelPlugins/babel-plugin-redwood-prerender-media-imports.d.ts

@@ -0,0 +1,5 @@
+import type { PluginObj, types } from '@babel/core';
+export declare function babelPluginRedwoodPrerenderMediaImports({ types: t, }: {
+    types: typeof types;
+}): PluginObj;
+//# sourceMappingURL=babel-plugin-redwood-prerender-media-imports.d.ts.map

package/dist/babelPlugins/babel-plugin-redwood-prerender-media-imports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"babel-plugin-redwood-prerender-media-imports.d.ts","sourceRoot":"","sources":["../../src/babelPlugins/babel-plugin-redwood-prerender-media-imports.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAY,MAAM,aAAa,CAAA;AAuC7D,wBAAgB,uCAAuC,CAAC,EACtD,KAAK,EAAE,CAAC,GACT,EAAE;IACD,KAAK,EAAE,OAAO,KAAK,CAAA;CACpB,GAAG,SAAS,CAqDZ"}

package/dist/babelPlugins/babel-plugin-redwood-prerender-media-imports.js

@@ -0,0 +1,77 @@
+import { extname, join, relative, dirname } from "path";
+import { ensurePosixPath, getPaths } from "@cedarjs/project-config";
+import { convertToDataUrl } from "./utils.js";
+const defaultOptions = {
+  // Media file extensions that Vite emits as assets, and that we therefore
+  // have to resolve to their built asset path (or a data URL) when prerendering
+  extensions: [
+    ".ico",
+    ".jpg",
+    ".jpeg",
+    ".png",
+    ".gif",
+    ".svg",
+    ".eot",
+    ".otf",
+    ".webp",
+    ".ttf",
+    ".woff",
+    ".woff2",
+    ".cur",
+    ".ani",
+    ".pdf",
+    ".bmp"
+  ]
+};
+function getVariableName(p) {
+  if (p.node.specifiers?.[0]?.local) {
+    return p.node.specifiers[0].local.name;
+  }
+  return null;
+}
+function babelPluginRedwoodPrerenderMediaImports({
+  types: t
+}) {
+  const manifestPath = join(getPaths().web.dist, "client-build-manifest.json");
+  const buildManifest = require(manifestPath);
+  return {
+    name: "babel-plugin-redwood-prerender-media-imports",
+    visitor: {
+      ImportDeclaration(p, state) {
+        const importPath = p.node.source.value;
+        const ext = extname(importPath);
+        const options = {
+          ...defaultOptions,
+          ...state.opts
+        };
+        if (ext && options.extensions.includes(ext)) {
+          const importConstName = getVariableName(p);
+          if (state.filename === void 0) {
+            return;
+          }
+          const absPath = join(dirname(state.filename), p.node.source.value);
+          const viteManifestKey = ensurePosixPath(
+            relative(getPaths().web.src, absPath)
+          );
+          const copiedAssetPath = buildManifest[viteManifestKey]?.file;
+          const assetSrc = copiedAssetPath ?? convertToDataUrl(
+            join(state.file.opts.sourceRoot || "./", importPath)
+          );
+          if (importConstName) {
+            p.replaceWith(
+              t.variableDeclaration("const", [
+                t.variableDeclarator(
+                  t.identifier(importConstName),
+                  t.stringLiteral(assetSrc)
+                )
+              ])
+            );
+          }
+        }
+      }
+    }
+  };
+}
+export {
+  babelPluginRedwoodPrerenderMediaImports
+};

package/dist/babelPlugins/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function convertToDataUrl(assetPath: string): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/babelPlugins/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/babelPlugins/utils.ts"],"names":[],"mappings":"AAQA,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,UASjD"}

package/dist/babelPlugins/utils.js

@@ -0,0 +1,15 @@
+import fs from "node:fs";
+import mime from "mime-types";
+function convertToDataUrl(assetPath) {
+  try {
+    const base64AssetContents = fs.readFileSync(assetPath, "base64");
+    const mimeType = mime.lookup(assetPath);
+    return `data:${mimeType};base64,${base64AssetContents}`;
+  } catch {
+    console.warn(`Could not read file ${assetPath} for conversion to data uri`);
+    return "";
+  }
+}
+export {
+  convertToDataUrl
+};

package/dist/browserUtils/index.d.ts

@@ -4,5 +4,5 @@ export declare const isBrowser: boolean;
 export declare const useIsBrowser: () => boolean;
 export declare const BrowserOnly: ({ children }: {
     children: ReactElement;
-}) => ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+}) => ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/browserUtils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAKzC,eAAO,MAAM,cAAc,QAAO,OAEjC,CAAA;AAED,eAAO,MAAM,SAAS,SAAoB,CAAA;AAE1C,eAAO,MAAM,YAAY,eAIxB,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,cAAc;IAAE,QAAQ,EAAE,YAAY,CAAA;CAAE,sFAInE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/browserUtils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAKzC,eAAO,MAAM,cAAc,QAAO,OAEjC,CAAA;AAED,eAAO,MAAM,SAAS,SAAoB,CAAA;AAE1C,eAAO,MAAM,YAAY,eAIxB,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,cAAc;IAAE,QAAQ,EAAE,YAAY,CAAA;CAAE,wEAInE,CAAA"}

package/dist/build-and-import/buildAndImport.d.ts

@@ -7,6 +7,6 @@ interface Options {
      */
     preserveTemporaryFile?: boolean;
 }
-export declare function buildAndImport(options: Options): Promise<Record<string, React.ElementType>>;
+export declare function buildAndImport(options: Options): Promise<Record<string, React.FunctionComponent>>;
 export {};
 //# sourceMappingURL=buildAndImport.d.ts.map

package/dist/build-and-import/buildAndImport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildAndImport.d.ts","sourceRoot":"","sources":["../../src/build-and-import/buildAndImport.ts"],"names":[],"mappings":"AAqCA,UAAU,OAAO;IACf,yCAAyC;IACzC,QAAQ,EAAE,MAAM,CAAA;IAEhB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC;AAED,wBAAsB,cAAc,CAClC,OAAO,EAAE,OAAO,GACf,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CA4I5C"}
+{"version":3,"file":"buildAndImport.d.ts","sourceRoot":"","sources":["../../src/build-and-import/buildAndImport.ts"],"names":[],"mappings":"AAqCA,UAAU,OAAO;IACf,yCAAyC;IACzC,QAAQ,EAAE,MAAM,CAAA;IAEhB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC;AAED,wBAAsB,cAAc,CAClC,OAAO,EAAE,OAAO,GACf,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAsJlD"}

package/dist/build-and-import/buildAndImport.js

@@ -7,7 +7,7 @@ import replace from "@rollup/plugin-replace";
 import { rollup } from "rollup";
 import { swc } from "rollup-plugin-swc3";
 import unimportPlugin from "unimport/unplugin";
-import { getConfig, getPaths } from "@cedarjs/project-config";
+import { getConfig, getPaths, projectIsEsm } from "@cedarjs/project-config";
 import {
   getPathsFromTypeScriptConfig,
   parseTypeScriptConfigFiles
@@ -42,6 +42,7 @@ async function buildAndImport(options) {
   if (!fs.existsSync(outDir)) {
     fs.mkdirSync(outDir, { recursive: true });
   }
+  const isEsm = projectIsEsm();
   const build = await rollup({
     input: [options.filepath],
     output: {
@@ -113,10 +114,16 @@ async function buildAndImport(options) {
             from: "react"
           },
           // import { gql } from 'graphql-tag'
-          !useTrustedDocumentsGqlTag && {
+          !useTrustedDocumentsGqlTag && isEsm && {
             name: "gql",
             from: "graphql-tag"
           },
+          // import gql from 'graphql-tag'
+          !useTrustedDocumentsGqlTag && !isEsm && {
+            name: "default",
+            as: "gql",
+            from: "graphql-tag"
+          },
           // import { gql } from 'src/graphql/gql'
           useTrustedDocumentsGqlTag && {
             name: "gql",

package/dist/build-and-import/rollupPlugins/rollup-plugin-cedarjs-routes-auto-loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rollup-plugin-cedarjs-routes-auto-loader.d.ts","sourceRoot":"","sources":["../../../src/build-and-import/rollupPlugins/rollup-plugin-cedarjs-routes-auto-loader.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAYpC,MAAM,WAAW,aAAa;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAoBD,wBAAgB,6BAA6B,IAAI,MAAM,CAoJtD"}
+{"version":3,"file":"rollup-plugin-cedarjs-routes-auto-loader.d.ts","sourceRoot":"","sources":["../../../src/build-and-import/rollupPlugins/rollup-plugin-cedarjs-routes-auto-loader.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAYpC,MAAM,WAAW,aAAa;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAuBD,wBAAgB,6BAA6B,IAAI,MAAM,CAoJtD"}

package/dist/cjs/apolloState.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Whether an extracted Apollo cache state is non-empty and worth inlining
+ * into the prerendered HTML as a bootstrap `<script>`.
+ *
+ * Only emit the Apollo state bootstrap when there is state to restore. Both
+ * consumers (`CedarApolloProvider` and the suspense provider) already do
+ * `.restore(globalThis?.__CEDAR__APOLLO_STATE ?? {})`, so an empty payload is
+ * a no-op. It is still an inline `<script>` though, which every strict-CSP app
+ * has to allow-list with a hash that goes stale whenever the payload changes.
+ * A page that prerenders no Cells emits nothing.
+ */
+export declare function hasApolloState(state: unknown): state is Record<string, unknown>;
+//# sourceMappingURL=apolloState.d.ts.map

package/dist/cjs/apolloState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"apolloState.d.ts","sourceRoot":"","sources":["../../src/apolloState.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,OAAO,GACb,KAAK,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAIlC"}

package/dist/cjs/apolloState.js

@@ -0,0 +1,30 @@
+"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 apolloState_exports = {};
+__export(apolloState_exports, {
+  hasApolloState: () => hasApolloState
+});
+module.exports = __toCommonJS(apolloState_exports);
+function hasApolloState(state) {
+  return typeof state === "object" && state !== null && Object.keys(state).length > 0;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  hasApolloState
+});

package/dist/cjs/babelPlugins/babel-plugin-redwood-cell.d.ts

@@ -0,0 +1,5 @@
+import type { PluginObj, types } from '@babel/core';
+export declare function babelPluginRedwoodCell({ types: t, }: {
+    types: typeof types;
+}): PluginObj;
+//# sourceMappingURL=babel-plugin-redwood-cell.d.ts.map

package/dist/cjs/babelPlugins/babel-plugin-redwood-cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"babel-plugin-redwood-cell.d.ts","sourceRoot":"","sources":["../../../src/babelPlugins/babel-plugin-redwood-cell.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAgCnD,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EAAE,CAAC,GACT,EAAE;IACD,KAAK,EAAE,OAAO,KAAK,CAAA;CACpB,GAAG,SAAS,CAmHZ"}

package/dist/cjs/babelPlugins/babel-plugin-redwood-cell.js

@@ -0,0 +1,122 @@
+"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 babel_plugin_redwood_cell_exports = {};
+__export(babel_plugin_redwood_cell_exports, {
+  babelPluginRedwoodCell: () => babelPluginRedwoodCell
+});
+module.exports = __toCommonJS(babel_plugin_redwood_cell_exports);
+var import_path = require("path");
+const EXPECTED_EXPORTS_FROM_CELL = [
+  "beforeQuery",
+  "QUERY",
+  "FRAGMENT",
+  "data",
+  "isEmpty",
+  "afterQuery",
+  "Loading",
+  "Success",
+  "Failure",
+  "Empty"
+];
+function babelPluginRedwoodCell({
+  types: t
+}) {
+  let exportNames = [];
+  let hasDefaultExport = false;
+  return {
+    name: "babel-plugin-redwood-cell",
+    visitor: {
+      ExportDefaultDeclaration() {
+        hasDefaultExport = true;
+      },
+      ExportNamedDeclaration(path) {
+        const declaration = path.node.declaration;
+        if (!declaration) {
+          return;
+        }
+        let name;
+        if (declaration.type === "VariableDeclaration") {
+          const id = declaration.declarations[0].id;
+          name = id.name;
+        }
+        if (declaration.type === "FunctionDeclaration") {
+          name = declaration?.id?.name;
+        }
+        if (name && EXPECTED_EXPORTS_FROM_CELL.includes(name)) {
+          exportNames.push(name);
+        }
+      },
+      Program: {
+        enter() {
+          exportNames = [];
+          hasDefaultExport = false;
+        },
+        exit(path) {
+          const hasQueryOrDataExport = exportNames.includes("QUERY") || exportNames.includes("FRAGMENT") || exportNames.includes("data");
+          if (hasDefaultExport || !hasQueryOrDataExport) {
+            return;
+          }
+          const createCellHookName = exportNames.includes("data") ? "createServerCell" : "createCell";
+          const importFrom = exportNames.includes("data") ? "@cedarjs/web/dist/components/cell/createServerCell" : "@cedarjs/web";
+          path.node.body.unshift(
+            t.importDeclaration(
+              [
+                t.importSpecifier(
+                  t.identifier(createCellHookName),
+                  t.identifier(createCellHookName)
+                )
+              ],
+              t.stringLiteral(importFrom)
+            )
+          );
+          path.node.body.push(
+            t.exportDefaultDeclaration(
+              t.callExpression(t.identifier(createCellHookName), [
+                t.objectExpression([
+                  ...exportNames.map(
+                    (name) => t.objectProperty(
+                      t.identifier(name),
+                      t.identifier(name),
+                      false,
+                      true
+                    )
+                  ),
+                  // Add the `displayName` property so we can name the Cell
+                  // after the filename.
+                  t.objectProperty(
+                    t.identifier("displayName"),
+                    t.stringLiteral(
+                      (0, import_path.parse)(this.file.opts.filename).name
+                    ),
+                    false,
+                    true
+                  )
+                ])
+              ])
+            )
+          );
+        }
+      }
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  babelPluginRedwoodCell
+});

package/dist/cjs/babelPlugins/babel-plugin-redwood-prerender-media-imports.d.ts

@@ -0,0 +1,5 @@
+import type { PluginObj, types } from '@babel/core';
+export declare function babelPluginRedwoodPrerenderMediaImports({ types: t, }: {
+    types: typeof types;
+}): PluginObj;
+//# sourceMappingURL=babel-plugin-redwood-prerender-media-imports.d.ts.map

package/dist/cjs/babelPlugins/babel-plugin-redwood-prerender-media-imports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"babel-plugin-redwood-prerender-media-imports.d.ts","sourceRoot":"","sources":["../../../src/babelPlugins/babel-plugin-redwood-prerender-media-imports.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAY,MAAM,aAAa,CAAA;AAuC7D,wBAAgB,uCAAuC,CAAC,EACtD,KAAK,EAAE,CAAC,GACT,EAAE;IACD,KAAK,EAAE,OAAO,KAAK,CAAA;CACpB,GAAG,SAAS,CAqDZ"}

package/dist/cjs/babelPlugins/babel-plugin-redwood-prerender-media-imports.js

@@ -0,0 +1,101 @@
+"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 babel_plugin_redwood_prerender_media_imports_exports = {};
+__export(babel_plugin_redwood_prerender_media_imports_exports, {
+  babelPluginRedwoodPrerenderMediaImports: () => babelPluginRedwoodPrerenderMediaImports
+});
+module.exports = __toCommonJS(babel_plugin_redwood_prerender_media_imports_exports);
+var import_path = require("path");
+var import_project_config = require("@cedarjs/project-config");
+var import_utils = require("./utils.js");
+const defaultOptions = {
+  // Media file extensions that Vite emits as assets, and that we therefore
+  // have to resolve to their built asset path (or a data URL) when prerendering
+  extensions: [
+    ".ico",
+    ".jpg",
+    ".jpeg",
+    ".png",
+    ".gif",
+    ".svg",
+    ".eot",
+    ".otf",
+    ".webp",
+    ".ttf",
+    ".woff",
+    ".woff2",
+    ".cur",
+    ".ani",
+    ".pdf",
+    ".bmp"
+  ]
+};
+function getVariableName(p) {
+  if (p.node.specifiers?.[0]?.local) {
+    return p.node.specifiers[0].local.name;
+  }
+  return null;
+}
+function babelPluginRedwoodPrerenderMediaImports({
+  types: t
+}) {
+  const manifestPath = (0, import_path.join)((0, import_project_config.getPaths)().web.dist, "client-build-manifest.json");
+  const buildManifest = require(manifestPath);
+  return {
+    name: "babel-plugin-redwood-prerender-media-imports",
+    visitor: {
+      ImportDeclaration(p, state) {
+        const importPath = p.node.source.value;
+        const ext = (0, import_path.extname)(importPath);
+        const options = {
+          ...defaultOptions,
+          ...state.opts
+        };
+        if (ext && options.extensions.includes(ext)) {
+          const importConstName = getVariableName(p);
+          if (state.filename === void 0) {
+            return;
+          }
+          const absPath = (0, import_path.join)((0, import_path.dirname)(state.filename), p.node.source.value);
+          const viteManifestKey = (0, import_project_config.ensurePosixPath)(
+            (0, import_path.relative)((0, import_project_config.getPaths)().web.src, absPath)
+          );
+          const copiedAssetPath = buildManifest[viteManifestKey]?.file;
+          const assetSrc = copiedAssetPath ?? (0, import_utils.convertToDataUrl)(
+            (0, import_path.join)(state.file.opts.sourceRoot || "./", importPath)
+          );
+          if (importConstName) {
+            p.replaceWith(
+              t.variableDeclaration("const", [
+                t.variableDeclarator(
+                  t.identifier(importConstName),
+                  t.stringLiteral(assetSrc)
+                )
+              ])
+            );
+          }
+        }
+      }
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  babelPluginRedwoodPrerenderMediaImports
+});

package/dist/cjs/babelPlugins/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function convertToDataUrl(assetPath: string): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/cjs/babelPlugins/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/babelPlugins/utils.ts"],"names":[],"mappings":"AAQA,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,UASjD"}

package/dist/cjs/babelPlugins/utils.js

@@ -0,0 +1,49 @@
+"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 utils_exports = {};
+__export(utils_exports, {
+  convertToDataUrl: () => convertToDataUrl
+});
+module.exports = __toCommonJS(utils_exports);
+var import_node_fs = __toESM(require("node:fs"), 1);
+var import_mime_types = __toESM(require("mime-types"), 1);
+function convertToDataUrl(assetPath) {
+  try {
+    const base64AssetContents = import_node_fs.default.readFileSync(assetPath, "base64");
+    const mimeType = import_mime_types.default.lookup(assetPath);
+    return `data:${mimeType};base64,${base64AssetContents}`;
+  } catch {
+    console.warn(`Could not read file ${assetPath} for conversion to data uri`);
+    return "";
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  convertToDataUrl
+});

package/dist/cjs/browserUtils/index.d.ts

@@ -0,0 +1,8 @@
+import type { ReactElement } from 'react';
+export declare const isPrerendering: () => boolean;
+export declare const isBrowser: boolean;
+export declare const useIsBrowser: () => boolean;
+export declare const BrowserOnly: ({ children }: {
+    children: ReactElement;
+}) => ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/browserUtils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/browserUtils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAKzC,eAAO,MAAM,cAAc,QAAO,OAEjC,CAAA;AAED,eAAO,MAAM,SAAS,SAAoB,CAAA;AAE1C,eAAO,MAAM,YAAY,eAIxB,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,cAAc;IAAE,QAAQ,EAAE,YAAY,CAAA;CAAE,wEAInE,CAAA"}