@cedarjs/prerender 0.9.1-next.21 → 0.10.0-rc.24

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;AA+BnD,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EAAE,CAAC,GACT,EAAE;IACD,KAAK,EAAE,OAAO,KAAK,CAAA;CACpB,GAAG,SAAS,CAgHZ"}

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

@@ -0,0 +1,97 @@
+import { parse } from "path";
+const EXPECTED_EXPORTS_FROM_CELL = [
+  "beforeQuery",
+  "QUERY",
+  "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("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;AAyC7D,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,76 @@
+import { extname, join, relative, dirname } from "path";
+import { ensurePosixPath, getPaths } from "@cedarjs/project-config";
+import { convertToDataUrl } from "./utils.js";
+const defaultOptions = {
+  // This list of extensions matches config for file-loader in
+  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 "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/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;AA+BnD,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EAAE,CAAC,GACT,EAAE;IACD,KAAK,EAAE,OAAO,KAAK,CAAA;CACpB,GAAG,SAAS,CAgHZ"}

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

@@ -0,0 +1,121 @@
+"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",
+  "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("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;AAyC7D,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,100 @@
+"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 = {
+  // This list of extensions matches config for file-loader in
+  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_fs = __toESM(require("fs"), 1);
+var import_mime_types = __toESM(require("mime-types"), 1);
+function convertToDataUrl(assetPath) {
+  try {
+    const base64AssetContents = import_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,iBAAkB;IAAE,QAAQ,EAAE,YAAY,CAAA;CAAE,wEAInE,CAAA"}

package/dist/cjs/browserUtils/index.js

@@ -0,0 +1,47 @@
+"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 browserUtils_exports = {};
+__export(browserUtils_exports, {
+  BrowserOnly: () => BrowserOnly,
+  isBrowser: () => isBrowser,
+  isPrerendering: () => isPrerendering,
+  useIsBrowser: () => useIsBrowser
+});
+module.exports = __toCommonJS(browserUtils_exports);
+var import_react = require("react");
+const isPrerendering = () => {
+  return globalThis.__REDWOOD__PRERENDERING ?? false;
+};
+const isBrowser = !isPrerendering();
+const useIsBrowser = () => {
+  return (0, import_react.useMemo)(() => {
+    return !globalThis?.__REDWOOD__PRERENDERING;
+  }, []);
+};
+const BrowserOnly = ({ children }) => {
+  const isBrowser2 = useIsBrowser();
+  return isBrowser2 ? children : null;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BrowserOnly,
+  isBrowser,
+  isPrerendering,
+  useIsBrowser
+});