@cedarjs/vite 0.1.1-next.0 → 0.1.2-next.95

package/dist/build/build.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../src/build/build.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,aAAa,CAAA;AAIpC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAIlD,eAAO,MAAM,aAAa,YAIzB,CAAA;AAED,wBAAsB,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,GAAE,KAAU,yCAUvE;AAED,wBAAsB,SAAS,CAAC,OAAO,EAAE,MAAM,mBAS9C;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,aAAoB,MAAM,EAAE,UAAU,KAAK,oCA8BvE,CAAA;AAED,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,gBAAuB,YAAY,8GAoBvD,CAAA"}
+{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../src/build/build.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,aAAa,CAAA;AAIpC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAIlD,eAAO,MAAM,aAAa,YAIzB,CAAA;AAED,wBAAsB,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,GAAE,KAAU,yCAUvE;AAED,wBAAsB,SAAS,CAAC,OAAO,EAAE,MAAM,mBAS9C;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,aAAoB,MAAM,EAAE,UAAU,KAAK,oCAgCvE,CAAA;AAED,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,gBAAuB,YAAY,8GAoBvD,CAAA"}

package/dist/build/build.js

@@ -11,7 +11,7 @@ const cleanWebBuild = () => {
   fse.removeSync(path.join(rwjsPaths.generated.prebuild, "web"));
 };
 async function prebuildWebFile(srcPath, flags = {}) {
-  const code = fs.readFileSync(srcPath, "utf-8");
+  const code = await fs.promises.readFile(srcPath, "utf-8");
   const config = getWebSideDefaultBabelConfig(flags);
   const result = babel.transform(code, {
     ...config,
@@ -38,8 +38,8 @@ const prebuildWebFiles = async (srcFiles, flags) => {
       if (!result?.code) {
         throw new Error("No code returned from prebuildWebFile");
       }
-      fs.mkdirSync(path.dirname(dstPath), { recursive: true });
-      fs.writeFileSync(dstPath, result.code);
+      await fs.promises.mkdir(path.dirname(dstPath), { recursive: true });
+      await fs.promises.writeFile(dstPath, result.code);
     } catch {
       console.warn("Error:", srcPath, "could not prebuilt.");
       return void 0;

package/dist/cjs/build/build.js

@@ -48,7 +48,7 @@ const cleanWebBuild = () => {
   import_fs_extra.default.removeSync(import_node_path.default.join(rwjsPaths.generated.prebuild, "web"));
 };
 async function prebuildWebFile(srcPath, flags = {}) {
-  const code = import_node_fs.default.readFileSync(srcPath, "utf-8");
+  const code = await import_node_fs.default.promises.readFile(srcPath, "utf-8");
   const config = (0, import_babel_config.getWebSideDefaultBabelConfig)(flags);
   const result = babel.transform(code, {
     ...config,
@@ -75,8 +75,8 @@ const prebuildWebFiles = async (srcFiles, flags) => {
       if (!result?.code) {
         throw new Error("No code returned from prebuildWebFile");
       }
-      import_node_fs.default.mkdirSync(import_node_path.default.dirname(dstPath), { recursive: true });
-      import_node_fs.default.writeFileSync(dstPath, result.code);
+      await import_node_fs.default.promises.mkdir(import_node_path.default.dirname(dstPath), { recursive: true });
+      await import_node_fs.default.promises.writeFile(dstPath, result.code);
     } catch {
       console.warn("Error:", srcPath, "could not prebuilt.");
       return void 0;

package/dist/cjs/index.js

@@ -39,6 +39,7 @@ var import_vite_plugin_node_polyfills = require("vite-plugin-node-polyfills");
 var import_babel_config = require("@cedarjs/babel-config");
 var import_project_config = require("@cedarjs/project-config");
 var import_getMergedConfig = require("./lib/getMergedConfig.js");
+var import_vite_plugin_cedar_cell = require("./plugins/vite-plugin-cedar-cell.js");
 var import_vite_plugin_jsx_loader = require("./plugins/vite-plugin-jsx-loader.js");
 var import_vite_plugin_remove_from_bundle = require("./plugins/vite-plugin-remove-from-bundle.js");
 var import_vite_plugin_swap_apollo_provider = require("./plugins/vite-plugin-swap-apollo-provider.js");
@@ -162,6 +163,8 @@ function redwoodPluginVite() {
     },
     // We can remove when streaming is stable
     streamingEnabled && (0, import_vite_plugin_swap_apollo_provider.swapApolloProvider)(),
+    // Transform files ending with 'Cell' to wrap them in createCell HOC
+    (0, import_vite_plugin_cedar_cell.cedarCellTransform)(),
     (0, import_vite_plugin_jsx_loader.handleJsAsJsx)(),
     // Remove the splash-page from the bundle.
     (0, import_vite_plugin_remove_from_bundle.removeFromBundle)(

package/dist/cjs/plugins/vite-plugin-cedar-cell.js

@@ -0,0 +1,183 @@
+"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_cedar_cell_exports = {};
+__export(vite_plugin_cedar_cell_exports, {
+  cedarCellTransform: () => cedarCellTransform
+});
+module.exports = __toCommonJS(vite_plugin_cedar_cell_exports);
+var import_node_path = require("node:path");
+var import_generator = __toESM(require("@babel/generator"), 1);
+var import_parser = require("@babel/parser");
+var import_traverse = __toESM(require("@babel/traverse"), 1);
+const traverse = import_traverse.default.default;
+const generate = import_generator.default.default;
+const EXPECTED_EXPORTS_FROM_CELL = [
+  "beforeQuery",
+  "QUERY",
+  "data",
+  "isEmpty",
+  "afterQuery",
+  "Loading",
+  "Success",
+  "Failure",
+  "Empty"
+];
+function cedarCellTransform() {
+  return {
+    name: "vite-plugin-cedar-cell",
+    transform(code, id) {
+      if (!id.match(/Cell\.[jt]sx?$/)) {
+        return null;
+      }
+      try {
+        const ast = (0, import_parser.parse)(code, {
+          sourceType: "module",
+          plugins: [
+            "jsx",
+            "typescript",
+            "decorators-legacy",
+            "classProperties",
+            "objectRestSpread",
+            "asyncGenerators",
+            "functionBind",
+            "exportDefaultFrom",
+            "exportNamespaceFrom",
+            "dynamicImport",
+            "nullishCoalescingOperator",
+            "optionalChaining"
+          ]
+        });
+        const exportNames = [];
+        let hasDefaultExport = false;
+        traverse(ast, {
+          ExportDefaultDeclaration() {
+            hasDefaultExport = true;
+          },
+          ExportNamedDeclaration(path) {
+            const declaration = path.node.declaration;
+            if (!declaration) {
+              return;
+            }
+            let name;
+            if (declaration.type === "VariableDeclaration") {
+              const id2 = declaration.declarations[0].id;
+              name = id2.name;
+            }
+            if (declaration.type === "FunctionDeclaration") {
+              name = declaration?.id?.name;
+            }
+            if (name && EXPECTED_EXPORTS_FROM_CELL.includes(name)) {
+              exportNames.push(name);
+            }
+          }
+        });
+        const hasQueryOrDataExport = exportNames.includes("QUERY") || exportNames.includes("data");
+        if (hasDefaultExport || !hasQueryOrDataExport) {
+          return null;
+        }
+        const createCellHookName = exportNames.includes("data") ? "createServerCell" : "createCell";
+        const importFrom = exportNames.includes("data") ? "@cedarjs/web/dist/components/cell/createServerCell" : "@cedarjs/web";
+        traverse(ast, {
+          Program(path) {
+            const importDeclaration = {
+              type: "ImportDeclaration",
+              specifiers: [
+                {
+                  type: "ImportSpecifier",
+                  imported: {
+                    type: "Identifier",
+                    name: createCellHookName
+                  },
+                  local: {
+                    type: "Identifier",
+                    name: createCellHookName
+                  }
+                }
+              ],
+              source: { type: "StringLiteral", value: importFrom }
+            };
+            path.node.body.unshift(importDeclaration);
+            const objectProperties = [
+              ...exportNames.map((name) => ({
+                type: "ObjectProperty",
+                key: { type: "Identifier", name },
+                value: { type: "Identifier", name },
+                shorthand: true,
+                computed: false
+              })),
+              // Add the displayName property
+              {
+                type: "ObjectProperty",
+                key: { type: "Identifier", name: "displayName" },
+                value: {
+                  type: "StringLiteral",
+                  value: (0, import_node_path.parse)(id).name
+                },
+                shorthand: false,
+                computed: false
+              }
+            ];
+            const exportDefaultDeclaration = {
+              type: "ExportDefaultDeclaration",
+              declaration: {
+                type: "CallExpression",
+                callee: {
+                  type: "Identifier",
+                  name: createCellHookName
+                },
+                arguments: [
+                  {
+                    type: "ObjectExpression",
+                    properties: objectProperties
+                  }
+                ]
+              }
+            };
+            path.node.body.push(exportDefaultDeclaration);
+          }
+        });
+        const result = generate(ast, {
+          retainLines: true,
+          compact: false
+        });
+        return {
+          code: result.code,
+          map: result.map
+        };
+      } catch (error) {
+        console.warn(`Failed to transform Cell file ${id}:`, error);
+        return null;
+      }
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  cedarCellTransform
+});

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,MAAM,CAAA;AAYxC;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,IAAI,YAAY,EAAE,CAwK1D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,MAAM,CAAA;AAaxC;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,IAAI,YAAY,EAAE,CA0K1D"}

package/dist/index.js

@@ -6,6 +6,7 @@ import { nodePolyfills } from "vite-plugin-node-polyfills";
 import { getWebSideDefaultBabelConfig } from "@cedarjs/babel-config";
 import { getConfig, getPaths } from "@cedarjs/project-config";
 import { getMergedConfig } from "./lib/getMergedConfig.js";
+import { cedarCellTransform } from "./plugins/vite-plugin-cedar-cell.js";
 import { handleJsAsJsx } from "./plugins/vite-plugin-jsx-loader.js";
 import { removeFromBundle } from "./plugins/vite-plugin-remove-from-bundle.js";
 import { swapApolloProvider } from "./plugins/vite-plugin-swap-apollo-provider.js";
@@ -129,6 +130,8 @@ function redwoodPluginVite() {
     },
     // We can remove when streaming is stable
     streamingEnabled && swapApolloProvider(),
+    // Transform files ending with 'Cell' to wrap them in createCell HOC
+    cedarCellTransform(),
     handleJsAsJsx(),
     // Remove the splash-page from the bundle.
     removeFromBundle(

package/dist/plugins/vite-plugin-cedar-cell.d.ts

@@ -0,0 +1,23 @@
+import type { Plugin } from 'vite';
+/**
+ * Vite plugin that wraps files with a suffix of `Cell` in Redwood's `createCell`
+ * higher order component. The HOC deals with the lifecycle methods during a GraphQL query.
+ *
+ * This transforms:
+ * ```js
+ * export const QUERY = gql`...`
+ * export const Loading = () => <div>Loading...</div>
+ * export const Success = ({ data }) => <div>{data}</div>
+ * ```
+ *
+ * Into:
+ * ```js
+ * import { createCell } from '@cedarjs/web'
+ * export const QUERY = gql`...`
+ * export const Loading = () => <div>Loading...</div>
+ * export const Success = ({ data }) => <div>{data}</div>
+ * export default createCell({ QUERY, Loading, Success, displayName: 'MyCell' })
+ * ```
+ */
+export declare function cedarCellTransform(): Plugin;
+//# sourceMappingURL=vite-plugin-cedar-cell.d.ts.map

package/dist/plugins/vite-plugin-cedar-cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite-plugin-cedar-cell.d.ts","sourceRoot":"","sources":["../../src/plugins/vite-plugin-cedar-cell.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAiBlC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CAmK3C"}

package/dist/plugins/vite-plugin-cedar-cell.js

@@ -0,0 +1,149 @@
+import { parse as parsePath } from "node:path";
+import babelGenerator from "@babel/generator";
+import { parse } from "@babel/parser";
+import babelTraverse from "@babel/traverse";
+const traverse = babelTraverse.default;
+const generate = babelGenerator.default;
+const EXPECTED_EXPORTS_FROM_CELL = [
+  "beforeQuery",
+  "QUERY",
+  "data",
+  "isEmpty",
+  "afterQuery",
+  "Loading",
+  "Success",
+  "Failure",
+  "Empty"
+];
+function cedarCellTransform() {
+  return {
+    name: "vite-plugin-cedar-cell",
+    transform(code, id) {
+      if (!id.match(/Cell\.[jt]sx?$/)) {
+        return null;
+      }
+      try {
+        const ast = parse(code, {
+          sourceType: "module",
+          plugins: [
+            "jsx",
+            "typescript",
+            "decorators-legacy",
+            "classProperties",
+            "objectRestSpread",
+            "asyncGenerators",
+            "functionBind",
+            "exportDefaultFrom",
+            "exportNamespaceFrom",
+            "dynamicImport",
+            "nullishCoalescingOperator",
+            "optionalChaining"
+          ]
+        });
+        const exportNames = [];
+        let hasDefaultExport = false;
+        traverse(ast, {
+          ExportDefaultDeclaration() {
+            hasDefaultExport = true;
+          },
+          ExportNamedDeclaration(path) {
+            const declaration = path.node.declaration;
+            if (!declaration) {
+              return;
+            }
+            let name;
+            if (declaration.type === "VariableDeclaration") {
+              const id2 = declaration.declarations[0].id;
+              name = id2.name;
+            }
+            if (declaration.type === "FunctionDeclaration") {
+              name = declaration?.id?.name;
+            }
+            if (name && EXPECTED_EXPORTS_FROM_CELL.includes(name)) {
+              exportNames.push(name);
+            }
+          }
+        });
+        const hasQueryOrDataExport = exportNames.includes("QUERY") || exportNames.includes("data");
+        if (hasDefaultExport || !hasQueryOrDataExport) {
+          return null;
+        }
+        const createCellHookName = exportNames.includes("data") ? "createServerCell" : "createCell";
+        const importFrom = exportNames.includes("data") ? "@cedarjs/web/dist/components/cell/createServerCell" : "@cedarjs/web";
+        traverse(ast, {
+          Program(path) {
+            const importDeclaration = {
+              type: "ImportDeclaration",
+              specifiers: [
+                {
+                  type: "ImportSpecifier",
+                  imported: {
+                    type: "Identifier",
+                    name: createCellHookName
+                  },
+                  local: {
+                    type: "Identifier",
+                    name: createCellHookName
+                  }
+                }
+              ],
+              source: { type: "StringLiteral", value: importFrom }
+            };
+            path.node.body.unshift(importDeclaration);
+            const objectProperties = [
+              ...exportNames.map((name) => ({
+                type: "ObjectProperty",
+                key: { type: "Identifier", name },
+                value: { type: "Identifier", name },
+                shorthand: true,
+                computed: false
+              })),
+              // Add the displayName property
+              {
+                type: "ObjectProperty",
+                key: { type: "Identifier", name: "displayName" },
+                value: {
+                  type: "StringLiteral",
+                  value: parsePath(id).name
+                },
+                shorthand: false,
+                computed: false
+              }
+            ];
+            const exportDefaultDeclaration = {
+              type: "ExportDefaultDeclaration",
+              declaration: {
+                type: "CallExpression",
+                callee: {
+                  type: "Identifier",
+                  name: createCellHookName
+                },
+                arguments: [
+                  {
+                    type: "ObjectExpression",
+                    properties: objectProperties
+                  }
+                ]
+              }
+            };
+            path.node.body.push(exportDefaultDeclaration);
+          }
+        });
+        const result = generate(ast, {
+          retainLines: true,
+          compact: false
+        });
+        return {
+          code: result.code,
+          map: result.map
+        };
+      } catch (error) {
+        console.warn(`Failed to transform Cell file ${id}:`, error);
+        return null;
+      }
+    }
+  };
+}
+export {
+  cedarCellTransform
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cedarjs/vite",
-  "version": "0.1.1-next.0+cb894b940",
+  "version": "0.1.2-next.95+a711c9cda",
   "description": "Vite configuration package for CedarJS",
   "repository": {
     "type": "git",
@@ -56,17 +56,17 @@
     "test:watch": "vitest watch"
   },
   "dependencies": {
-    "@babel/generator": "7.27.1",
-    "@babel/parser": "7.27.2",
-    "@babel/traverse": "7.27.1",
-    "@cedarjs/auth": "0.1.1-next.0+cb894b940",
-    "@cedarjs/babel-config": "0.1.1-next.0+cb894b940",
-    "@cedarjs/cookie-jar": "0.1.1-next.0+cb894b940",
-    "@cedarjs/internal": "0.1.1-next.0+cb894b940",
-    "@cedarjs/project-config": "0.1.1-next.0+cb894b940",
-    "@cedarjs/server-store": "0.1.1-next.0+cb894b940",
-    "@cedarjs/web": "0.1.1-next.0+cb894b940",
-    "@swc/core": "1.7.28",
+    "@babel/generator": "7.27.5",
+    "@babel/parser": "7.27.5",
+    "@babel/traverse": "7.27.4",
+    "@cedarjs/auth": "0.1.2-next.95+a711c9cda",
+    "@cedarjs/babel-config": "0.1.2-next.95+a711c9cda",
+    "@cedarjs/cookie-jar": "0.1.2-next.95+a711c9cda",
+    "@cedarjs/internal": "0.1.2-next.95+a711c9cda",
+    "@cedarjs/project-config": "0.1.2-next.95+a711c9cda",
+    "@cedarjs/server-store": "0.1.2-next.95+a711c9cda",
+    "@cedarjs/web": "0.1.2-next.95+a711c9cda",
+    "@swc/core": "1.12.1",
     "@vitejs/plugin-react": "4.3.4",
     "@whatwg-node/fetch": "0.9.21",
     "@whatwg-node/server": "0.9.65",
@@ -81,7 +81,7 @@
     "find-my-way": "8.2.2",
     "fs-extra": "11.2.0",
     "http-proxy-middleware": "3.0.5",
-    "isbot": "5.1.21",
+    "isbot": "5.1.28",
     "react": "18.3.1",
     "react-server-dom-webpack": "19.0.0-rc-8269d55d-20240802",
     "rimraf": "6.0.1",
@@ -92,8 +92,8 @@
     "yargs-parser": "21.1.1"
   },
   "devDependencies": {
-    "@arethetypeswrong/cli": "0.16.4",
-    "@hyrious/esbuild-plugin-commonjs": "0.2.4",
+    "@arethetypeswrong/cli": "0.18.1",
+    "@hyrious/esbuild-plugin-commonjs": "0.2.6",
     "@types/busboy": "^1",
     "@types/express": "4",
     "@types/fs-extra": "11.0.4",
@@ -102,15 +102,15 @@
     "@types/yargs-parser": "21.0.3",
     "concurrently": "8.2.2",
     "glob": "11.0.0",
-    "memfs": "4.17.1",
-    "publint": "0.3.11",
+    "memfs": "4.17.2",
+    "publint": "0.3.12",
     "rollup": "4.24.0",
-    "tsx": "4.19.3",
+    "tsx": "4.19.4",
     "typescript": "5.6.2",
-    "vitest": "2.1.9"
+    "vitest": "3.2.4"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "cb894b940413e856e96da4c8fa1712c76b38a7db"
+  "gitHead": "a711c9cda09da9444fb0f6ff5d9dae804d6ba72b"
 }