@cedarjs/cli 6.0.0-canary.2864 → 6.0.0-canary.2866

package/dist/commands/generate/cell/cell.js

@@ -22,6 +22,21 @@ const builder = createBuilder({
         default: "",
         description: "Use to enforce a specific query name within the generated cell - must be unique.",
         type: "string"
+      },
+      beforeQuery: {
+        default: false,
+        description: "Include a typed `beforeQuery` stub for configuring the query (e.g. variables, fetch policy).",
+        type: "boolean"
+      },
+      afterQuery: {
+        default: false,
+        description: "Include a typed `afterQuery` stub for sanitizing data returned from the query.",
+        type: "boolean"
+      },
+      isEmpty: {
+        default: false,
+        description: "Include a typed `isEmpty` stub for overriding the default check for the Empty component.",
+        type: "boolean"
       }
     };
   }

package/dist/commands/generate/cell/cellHandler.js

@@ -26,7 +26,10 @@ const files = async ({
   list = false,
   query,
   stories,
-  tests
+  tests,
+  beforeQuery = false,
+  afterQuery = false,
+  isEmpty = false
 }) => {
   let cellName = removeGeneratorName(name, "cell");
   let idName = "id";
@@ -71,7 +74,10 @@ const files = async ({
     templateVars: {
       operationName,
       idName,
-      idType
+      idType,
+      beforeQuery,
+      afterQuery,
+      isEmpty
     }
   });
   const testFile = await templateForComponentFile({

package/dist/commands/generate/cell/templates/cell.tsx.template

@@ -6,7 +6,9 @@ import type {
 import type {
   CellSuccessProps,
   CellFailureProps,
-  TypedDocumentNode,
+  TypedDocumentNode,<% if (beforeQuery) { %>
+  CellBeforeQueryResult,<% } %><% if (afterQuery || isEmpty) { %>
+  DataObject,<% } %>
 } from '@cedarjs/web'
 
 export const QUERY: TypedDocumentNode<
@@ -19,7 +21,24 @@ export const QUERY: TypedDocumentNode<
     }
   }
 `
-
+<% if (beforeQuery) { %>
+export const beforeQuery = (
+  props: ${operationName}Variables,
+): CellBeforeQueryResult<${operationName}Variables> => {
+  return { variables: props, fetchPolicy: 'cache-and-network' }
+}
+<% } %><% if (isEmpty) { %>
+export const isEmpty = (
+  data: DataObject,
+  { isDataEmpty }: { isDataEmpty: (data: DataObject) => boolean },
+) => {
+  return isDataEmpty(data)
+}
+<% } %><% if (afterQuery) { %>
+export const afterQuery = (data: DataObject): DataObject => {
+  return data
+}
+<% } %>
 export const Loading = () => <div>Loading...</div>
 
 export const Empty = () => <div>Empty</div>

package/dist/commands/generate/cell/templates/cellList.tsx.template

@@ -3,7 +3,9 @@ import type { ${operationName}, ${operationName}Variables  } from 'types/graphql
 import type {
   CellSuccessProps,
   CellFailureProps,
-  TypedDocumentNode,
+  TypedDocumentNode,<% if (beforeQuery) { %>
+  CellBeforeQueryResult,<% } %><% if (afterQuery || isEmpty) { %>
+  DataObject,<% } %>
 } from '@cedarjs/web'
 
 export const QUERY: TypedDocumentNode<
@@ -16,7 +18,24 @@ export const QUERY: TypedDocumentNode<
     }
   }
 `
-
+<% if (beforeQuery) { %>
+export const beforeQuery = (
+  props: ${operationName}Variables,
+): CellBeforeQueryResult<${operationName}Variables> => {
+  return { variables: props, fetchPolicy: 'cache-and-network' }
+}
+<% } %><% if (isEmpty) { %>
+export const isEmpty = (
+  data: DataObject,
+  { isDataEmpty }: { isDataEmpty: (data: DataObject) => boolean },
+) => {
+  return isDataEmpty(data)
+}
+<% } %><% if (afterQuery) { %>
+export const afterQuery = (data: DataObject): DataObject => {
+  return data
+}
+<% } %>
 export const Loading = () => <div>Loading...</div>
 
 export const Empty = () => <div>Empty</div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cedarjs/cli",
-  "version": "6.0.0-canary.2864",
+  "version": "6.0.0-canary.2866",
   "description": "The CedarJS Command Line",
   "repository": {
     "type": "git",
@@ -36,17 +36,17 @@
     "@babel/preset-typescript": "7.29.7",
     "@babel/traverse": "7.29.7",
     "@babel/types": "7.29.7",
-    "@cedarjs/api-server": "6.0.0-canary.2864",
-    "@cedarjs/babel-config": "6.0.0-canary.2864",
-    "@cedarjs/cli-helpers": "6.0.0-canary.2864",
-    "@cedarjs/internal": "6.0.0-canary.2864",
-    "@cedarjs/prerender": "6.0.0-canary.2864",
-    "@cedarjs/project-config": "6.0.0-canary.2864",
-    "@cedarjs/structure": "6.0.0-canary.2864",
-    "@cedarjs/telemetry": "6.0.0-canary.2864",
-    "@cedarjs/utils": "6.0.0-canary.2864",
-    "@cedarjs/vite": "6.0.0-canary.2864",
-    "@cedarjs/web-server": "6.0.0-canary.2864",
+    "@cedarjs/api-server": "6.0.0-canary.2866",
+    "@cedarjs/babel-config": "6.0.0-canary.2866",
+    "@cedarjs/cli-helpers": "6.0.0-canary.2866",
+    "@cedarjs/internal": "6.0.0-canary.2866",
+    "@cedarjs/prerender": "6.0.0-canary.2866",
+    "@cedarjs/project-config": "6.0.0-canary.2866",
+    "@cedarjs/structure": "6.0.0-canary.2866",
+    "@cedarjs/telemetry": "6.0.0-canary.2866",
+    "@cedarjs/utils": "6.0.0-canary.2866",
+    "@cedarjs/vite": "6.0.0-canary.2866",
+    "@cedarjs/web-server": "6.0.0-canary.2866",
     "@listr2/prompt-adapter-enquirer": "4.3.0",
     "@opentelemetry/api": "1.9.1",
     "@opentelemetry/core": "1.30.1",
@@ -94,7 +94,7 @@
     "yargs": "17.7.3"
   },
   "devDependencies": {
-    "@cedarjs/framework-tools": "6.0.0-canary.2864",
+    "@cedarjs/framework-tools": "6.0.0-canary.2866",
     "@prisma/dmmf": "7.8.0",
     "@types/archiver": "^7.0.0",
     "memfs": "4.64.0",