@cedarjs/internal 6.0.0-canary.2645 → 6.0.0-canary.2647

package/dist/ast.d.ts

@@ -17,6 +17,7 @@ export declare const getNamedExports: (ast: types.Node) => NamedExports[];
  */
 export declare const getGqlQueries: (ast: types.Node) => string[];
 export declare const getCellGqlQuery: (ast: types.Node) => undefined;
+export declare const getCellGqlFragment: (ast: types.Node) => undefined;
 export declare const hasDefaultExport: (ast: types.Node) => boolean;
 export declare const getDefaultExportLocation: (ast: types.Node) => {
     line: number;

package/dist/ast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ast.d.ts","sourceRoot":"","sources":["../src/ast.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAmBnC,eAAO,MAAM,SAAS,GAAI,UAAU,MAAM,KAAG,KAAK,CAAC,IAyBlD,CAAA;AAED,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAA;IACrD,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;CACF;AACD;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,KAAK,KAAK,CAAC,IAAI,KAAG,YAAY,EA4D7D,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,KAAK,KAAK,CAAC,IAAI,aAY5C,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,KAAK,KAAK,CAAC,IAAI,cA8B9C,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,KAAK,KAAK,CAAC,IAAI,KAAG,OASlD,CAAA;AAED,eAAO,MAAM,wBAAwB,GACnC,KAAK,KAAK,CAAC,IAAI,KACd;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,IA0CrC,CAAA"}
+{"version":3,"file":"ast.d.ts","sourceRoot":"","sources":["../src/ast.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAmBnC,eAAO,MAAM,SAAS,GAAI,UAAU,MAAM,KAAG,KAAK,CAAC,IAyBlD,CAAA;AAED,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAA;IACrD,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;CACF;AACD;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,KAAK,KAAK,CAAC,IAAI,KAAG,YAAY,EA4D7D,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,KAAK,KAAK,CAAC,IAAI,aAY5C,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,KAAK,KAAK,CAAC,IAAI,cA8B9C,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,KAAK,KAAK,CAAC,IAAI,cA8BjD,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,KAAK,KAAK,CAAC,IAAI,KAAG,OASlD,CAAA;AAED,eAAO,MAAM,wBAAwB,GACnC,KAAK,KAAK,CAAC,IAAI,KACd;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,IA0CrC,CAAA"}

package/dist/ast.js

@@ -115,6 +115,26 @@ const getCellGqlQuery = (ast) => {
   });
   return cellQuery;
 };
+const getCellGqlFragment = (ast) => {
+  let cellFragment = void 0;
+  traverse(ast, {
+    ExportNamedDeclaration({ node }) {
+      if (node.exportKind === "value" && types.isVariableDeclaration(node.declaration)) {
+        const exportedFragmentNode = node.declaration.declarations.find(
+          (d) => {
+            return types.isIdentifier(d.id) && d.id.name === "FRAGMENT" && types.isTaggedTemplateExpression(d.init);
+          }
+        );
+        if (exportedFragmentNode) {
+          const templateExpression = exportedFragmentNode.init;
+          cellFragment = templateExpression.quasi.quasis[0].value.raw;
+        }
+      }
+      return;
+    }
+  });
+  return cellFragment;
+};
 const hasDefaultExport = (ast) => {
   let exported = false;
   traverse(ast, {
@@ -154,6 +174,7 @@ const getDefaultExportLocation = (ast) => {
 };
 export {
   fileToAst,
+  getCellGqlFragment,
   getCellGqlQuery,
   getDefaultExportLocation,
   getGqlQueries,

package/dist/cjs/ast.d.ts

@@ -17,6 +17,7 @@ export declare const getNamedExports: (ast: types.Node) => NamedExports[];
  */
 export declare const getGqlQueries: (ast: types.Node) => string[];
 export declare const getCellGqlQuery: (ast: types.Node) => undefined;
+export declare const getCellGqlFragment: (ast: types.Node) => undefined;
 export declare const hasDefaultExport: (ast: types.Node) => boolean;
 export declare const getDefaultExportLocation: (ast: types.Node) => {
     line: number;

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

@@ -1 +1 @@
-{"version":3,"file":"ast.d.ts","sourceRoot":"","sources":["../../src/ast.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAmBnC,eAAO,MAAM,SAAS,GAAI,UAAU,MAAM,KAAG,KAAK,CAAC,IAyBlD,CAAA;AAED,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAA;IACrD,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;CACF;AACD;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,KAAK,KAAK,CAAC,IAAI,KAAG,YAAY,EA4D7D,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,KAAK,KAAK,CAAC,IAAI,aAY5C,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,KAAK,KAAK,CAAC,IAAI,cA8B9C,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,KAAK,KAAK,CAAC,IAAI,KAAG,OASlD,CAAA;AAED,eAAO,MAAM,wBAAwB,GACnC,KAAK,KAAK,CAAC,IAAI,KACd;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,IA0CrC,CAAA"}
+{"version":3,"file":"ast.d.ts","sourceRoot":"","sources":["../../src/ast.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAmBnC,eAAO,MAAM,SAAS,GAAI,UAAU,MAAM,KAAG,KAAK,CAAC,IAyBlD,CAAA;AAED,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAA;IACrD,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;CACF;AACD;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,KAAK,KAAK,CAAC,IAAI,KAAG,YAAY,EA4D7D,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,KAAK,KAAK,CAAC,IAAI,aAY5C,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,KAAK,KAAK,CAAC,IAAI,cA8B9C,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,KAAK,KAAK,CAAC,IAAI,cA8BjD,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,KAAK,KAAK,CAAC,IAAI,KAAG,OASlD,CAAA;AAED,eAAO,MAAM,wBAAwB,GACnC,KAAK,KAAK,CAAC,IAAI,KACd;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,IA0CrC,CAAA"}

package/dist/cjs/ast.js

@@ -29,6 +29,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var ast_exports = {};
 __export(ast_exports, {
   fileToAst: () => fileToAst,
+  getCellGqlFragment: () => getCellGqlFragment,
   getCellGqlQuery: () => getCellGqlQuery,
   getDefaultExportLocation: () => getDefaultExportLocation,
   getGqlQueries: () => getGqlQueries,
@@ -153,6 +154,26 @@ const getCellGqlQuery = (ast) => {
   });
   return cellQuery;
 };
+const getCellGqlFragment = (ast) => {
+  let cellFragment = void 0;
+  traverse(ast, {
+    ExportNamedDeclaration({ node }) {
+      if (node.exportKind === "value" && import_core.types.isVariableDeclaration(node.declaration)) {
+        const exportedFragmentNode = node.declaration.declarations.find(
+          (d) => {
+            return import_core.types.isIdentifier(d.id) && d.id.name === "FRAGMENT" && import_core.types.isTaggedTemplateExpression(d.init);
+          }
+        );
+        if (exportedFragmentNode) {
+          const templateExpression = exportedFragmentNode.init;
+          cellFragment = templateExpression.quasi.quasis[0].value.raw;
+        }
+      }
+      return;
+    }
+  });
+  return cellFragment;
+};
 const hasDefaultExport = (ast) => {
   let exported = false;
   traverse(ast, {
@@ -193,6 +214,7 @@ const getDefaultExportLocation = (ast) => {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   fileToAst,
+  getCellGqlFragment,
   getCellGqlQuery,
   getDefaultExportLocation,
   getGqlQueries,

package/dist/cjs/generate/templates/mirror-cell-fragment.d.ts.template

@@ -0,0 +1,18 @@
+import * as Cell from './${name}.js'
+import type { ${fragmentType} } from 'types/graphql'
+
+type SuccessType = typeof Cell.Success
+
+export * from './${name}.js'
+
+/**
+ * ${fragmentPropName} is the slice of a parent Cell's query result that
+ * matches this Cell's FRAGMENT. The parent spreads the fragment in its QUERY
+ * and passes the fetched data object down, e.g.
+ * <Cell ${fragmentPropName}={data.someField} />
+ */
+type FragmentCellInputs = { ${fragmentPropName}: ${fragmentType} } & Record<string, unknown>
+
+export default function (props: FragmentCellInputs): ReturnType<SuccessType>
+
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/generate/typeDefinitions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typeDefinitions.d.ts","sourceRoot":"","sources":["../../../src/generate/typeDefinitions.ts"],"names":[],"mappings":"AAyCA;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;;;;EA0B5B,CAAA;AAED,eAAO,MAAM,mCAAmC,gBAK/C,CAAA;AAED,eAAO,MAAM,kCAAkC,GAC7C,GAAG,MAAM,EACT,mDAAsB,aASvB,CAAA;AAED,eAAO,MAAM,kCAAkC,GAC7C,GAAG,MAAM,EACT,mDAAsB,WAoDvB,CAAA;AAED,eAAO,MAAM,mBAAmB,gBAG/B,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,GAAG,MAAM,EAAE,mDAAsB,aAQlE,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,GAAG,MAAM,EAAE,mDAAsB,WA8DnE,CAAA;AAiBD,eAAO,MAAM,2BAA2B,gBAmEvC,CAAA;AAED,eAAO,MAAM,0BAA0B,gBA8CtC,CAAA;AAED,eAAO,MAAM,0BAA0B,gBAEtC,CAAA;AAED,eAAO,MAAM,qBAAqB,gBAEjC,CAAA;AAED,eAAO,MAAM,wBAAwB,gBAEpC,CAAA;AAED,eAAO,MAAM,wBAAwB,gBAKpC,CAAA;AAED,eAAO,MAAM,0BAA0B,gBAEtC,CAAA;AAED,eAAO,MAAM,4BAA4B,gBAExC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,gCAAgC,gBAW5C,CAAA"}
+{"version":3,"file":"typeDefinitions.d.ts","sourceRoot":"","sources":["../../../src/generate/typeDefinitions.ts"],"names":[],"mappings":"AA8CA;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;;;;EA0B5B,CAAA;AAED,eAAO,MAAM,mCAAmC,gBAK/C,CAAA;AAED,eAAO,MAAM,kCAAkC,GAC7C,GAAG,MAAM,EACT,mDAAsB,aASvB,CAAA;AAED,eAAO,MAAM,kCAAkC,GAC7C,GAAG,MAAM,EACT,mDAAsB,WAoDvB,CAAA;AAED,eAAO,MAAM,mBAAmB,gBAG/B,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,GAAG,MAAM,EAAE,mDAAsB,aAQlE,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,GAAG,MAAM,EAAE,mDAAsB,WAiFnE,CAAA;AAiBD,eAAO,MAAM,2BAA2B,gBAmEvC,CAAA;AAED,eAAO,MAAM,0BAA0B,gBA8CtC,CAAA;AAED,eAAO,MAAM,0BAA0B,gBAEtC,CAAA;AAED,eAAO,MAAM,qBAAqB,gBAEjC,CAAA;AAED,eAAO,MAAM,wBAAwB,gBAEpC,CAAA;AAED,eAAO,MAAM,wBAAwB,gBAKpC,CAAA;AAED,eAAO,MAAM,0BAA0B,gBAEtC,CAAA;AAED,eAAO,MAAM,4BAA4B,gBAExC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,gCAAgC,gBAW5C,CAAA"}

package/dist/cjs/generate/typeDefinitions.js

@@ -155,6 +155,9 @@ const generateMirrorCell = (p, rwjsPaths = (0, import_project_config.getPaths)()
   const { name } = import_path.default.parse(p);
   const fileContents = (0, import_ast.fileToAst)(p);
   const cellQuery = (0, import_ast.getCellGqlQuery)(fileContents);
+  const cellFragment = cellQuery ? void 0 : (0, import_ast.getCellGqlFragment)(fileContents);
+  const cellFragmentName = cellFragment ? (0, import_gql.parseGqlFragmentName)(cellFragment) : void 0;
+  const cellFragmentPropName = cellFragment ? (0, import_gql.parseGqlFragmentPropName)(cellFragment) : void 0;
   if (cellQuery) {
     const gqlDoc = (0, import_gql.parseGqlQueryToAst)(cellQuery)[0];
     (0, import_templates.writeTemplate)("templates/mirror-cell.d.ts.template", typeDefPath, {
@@ -162,6 +165,12 @@ const generateMirrorCell = (p, rwjsPaths = (0, import_project_config.getPaths)()
       queryResultType: `${gqlDoc?.name}`,
       queryVariablesType: `${gqlDoc?.name}Variables`
     });
+  } else if (cellFragmentName && cellFragmentPropName) {
+    (0, import_templates.writeTemplate)("templates/mirror-cell-fragment.d.ts.template", typeDefPath, {
+      name,
+      fragmentType: cellFragmentName,
+      fragmentPropName: cellFragmentPropName
+    });
   } else {
     (0, import_templates.writeTemplate)("templates/mirror-cell.d.ts.template", typeDefPath, {
       name,

package/dist/cjs/gql.d.ts

@@ -9,6 +9,26 @@ interface Field {
 }
 export declare const parseGqlQueryToAst: (gqlQuery: string) => Operation[];
 export declare const parseDocumentAST: (document: DocumentNode) => Operation[];
+/**
+ * Returns the name of the first fragment definition in the given GraphQL
+ * source, e.g. `AuthorCell_author` for
+ * `fragment AuthorCell_author on User { fullName }`
+ */
+export declare const parseGqlFragmentName: (gqlFragment: string) => string | undefined;
+/**
+ * Derives a fragment Cell's data prop name from its fragment: the prop the
+ * parent Cell passes the fragment data in with, and the prop `Success`
+ * receives the data as.
+ *
+ * For a fragment named with an underscore, like `AuthorCell_author`, the part
+ * after the last underscore is used (`author`). Otherwise the type the
+ * fragment is defined on is used, camelCased (`on User` -> `user`).
+ *
+ * Keep this in sync with getFragmentPropName in
+ * packages/web/src/components/cell/createFragmentCell.tsx, which is what the
+ * fragment Cell runtime uses.
+ */
+export declare const parseGqlFragmentPropName: (gqlFragment: string) => string | undefined;
 export declare const listQueryTypeFieldsInProject: () => Promise<string[]>;
 export {};
 //# sourceMappingURL=gql.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"gql.d.ts","sourceRoot":"","sources":["../../src/gql.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,YAAY,EAIZ,iBAAiB,EAClB,MAAM,SAAS,CAAA;AAMhB,UAAU,SAAS;IACjB,SAAS,EAAE,iBAAiB,CAAA;IAC5B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IACxB,MAAM,EAAE,CAAC,MAAM,GAAG,KAAK,CAAC,EAAE,CAAA;CAC3B;AAED,UAAU,KAAK;IACb,MAAM,EAAE,CAAC,MAAM,GAAG,KAAK,CAAC,EAAE,CAAA;CAC3B;AAED,eAAO,MAAM,kBAAkB,GAAI,UAAU,MAAM,gBAGlD,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,UAAU,YAAY,gBAoBtD,CAAA;AAgCD,eAAO,MAAM,4BAA4B,yBA8BxC,CAAA"}
+{"version":3,"file":"gql.d.ts","sourceRoot":"","sources":["../../src/gql.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,YAAY,EAKZ,iBAAiB,EAClB,MAAM,SAAS,CAAA;AAMhB,UAAU,SAAS;IACjB,SAAS,EAAE,iBAAiB,CAAA;IAC5B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IACxB,MAAM,EAAE,CAAC,MAAM,GAAG,KAAK,CAAC,EAAE,CAAA;CAC3B;AAED,UAAU,KAAK;IACb,MAAM,EAAE,CAAC,MAAM,GAAG,KAAK,CAAC,EAAE,CAAA;CAC3B;AAED,eAAO,MAAM,kBAAkB,GAAI,UAAU,MAAM,gBAGlD,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,UAAU,YAAY,gBAoBtD,CAAA;AAyCD;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,aAAa,MAAM,uBAEvD,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,wBAAwB,GAAI,aAAa,MAAM,uBAiB3D,CAAA;AAED,eAAO,MAAM,4BAA4B,yBA8BxC,CAAA"}

package/dist/cjs/gql.js

@@ -20,6 +20,8 @@ var gql_exports = {};
 __export(gql_exports, {
   listQueryTypeFieldsInProject: () => listQueryTypeFieldsInProject,
   parseDocumentAST: () => parseDocumentAST,
+  parseGqlFragmentName: () => parseGqlFragmentName,
+  parseGqlFragmentPropName: () => parseGqlFragmentPropName,
   parseGqlQueryToAst: () => parseGqlQueryToAst
 });
 module.exports = __toCommonJS(gql_exports);
@@ -73,6 +75,28 @@ const getFields = (field) => {
     return obj;
   }
 };
+const parseGqlFragmentDefinition = (gqlFragment) => {
+  const ast = (0, import_graphql.parse)(gqlFragment);
+  return ast.definitions.find(
+    (definition) => definition.kind === import_graphql.Kind.FRAGMENT_DEFINITION
+  );
+};
+const parseGqlFragmentName = (gqlFragment) => {
+  return parseGqlFragmentDefinition(gqlFragment)?.name.value;
+};
+const parseGqlFragmentPropName = (gqlFragment) => {
+  const fragmentDefinition = parseGqlFragmentDefinition(gqlFragment);
+  if (!fragmentDefinition) {
+    return void 0;
+  }
+  const fragmentName = fragmentDefinition.name.value;
+  const underscoreIndex = fragmentName.lastIndexOf("_");
+  if (underscoreIndex > 0 && underscoreIndex < fragmentName.length - 1) {
+    return fragmentName.slice(underscoreIndex + 1);
+  }
+  const typename = fragmentDefinition.typeCondition.name.value;
+  return typename.charAt(0).toLowerCase() + typename.slice(1);
+};
 const listQueryTypeFieldsInProject = async () => {
   try {
     const schemaPointerMap = {
@@ -104,5 +128,7 @@ const listQueryTypeFieldsInProject = async () => {
 0 && (module.exports = {
   listQueryTypeFieldsInProject,
   parseDocumentAST,
+  parseGqlFragmentName,
+  parseGqlFragmentPropName,
   parseGqlQueryToAst
 });

package/dist/generate/templates/mirror-cell-fragment.d.ts.template

@@ -0,0 +1,18 @@
+import * as Cell from './${name}.js'
+import type { ${fragmentType} } from 'types/graphql'
+
+type SuccessType = typeof Cell.Success
+
+export * from './${name}.js'
+
+/**
+ * ${fragmentPropName} is the slice of a parent Cell's query result that
+ * matches this Cell's FRAGMENT. The parent spreads the fragment in its QUERY
+ * and passes the fetched data object down, e.g.
+ * <Cell ${fragmentPropName}={data.someField} />
+ */
+type FragmentCellInputs = { ${fragmentPropName}: ${fragmentType} } & Record<string, unknown>
+
+export default function (props: FragmentCellInputs): ReturnType<SuccessType>
+
+//# sourceMappingURL=index.d.ts.map

package/dist/generate/typeDefinitions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typeDefinitions.d.ts","sourceRoot":"","sources":["../../src/generate/typeDefinitions.ts"],"names":[],"mappings":"AAyCA;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;;;;EA0B5B,CAAA;AAED,eAAO,MAAM,mCAAmC,gBAK/C,CAAA;AAED,eAAO,MAAM,kCAAkC,GAC7C,GAAG,MAAM,EACT,mDAAsB,aASvB,CAAA;AAED,eAAO,MAAM,kCAAkC,GAC7C,GAAG,MAAM,EACT,mDAAsB,WAoDvB,CAAA;AAED,eAAO,MAAM,mBAAmB,gBAG/B,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,GAAG,MAAM,EAAE,mDAAsB,aAQlE,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,GAAG,MAAM,EAAE,mDAAsB,WA8DnE,CAAA;AAiBD,eAAO,MAAM,2BAA2B,gBAmEvC,CAAA;AAED,eAAO,MAAM,0BAA0B,gBA8CtC,CAAA;AAED,eAAO,MAAM,0BAA0B,gBAEtC,CAAA;AAED,eAAO,MAAM,qBAAqB,gBAEjC,CAAA;AAED,eAAO,MAAM,wBAAwB,gBAEpC,CAAA;AAED,eAAO,MAAM,wBAAwB,gBAKpC,CAAA;AAED,eAAO,MAAM,0BAA0B,gBAEtC,CAAA;AAED,eAAO,MAAM,4BAA4B,gBAExC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,gCAAgC,gBAW5C,CAAA"}
+{"version":3,"file":"typeDefinitions.d.ts","sourceRoot":"","sources":["../../src/generate/typeDefinitions.ts"],"names":[],"mappings":"AA8CA;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;;;;EA0B5B,CAAA;AAED,eAAO,MAAM,mCAAmC,gBAK/C,CAAA;AAED,eAAO,MAAM,kCAAkC,GAC7C,GAAG,MAAM,EACT,mDAAsB,aASvB,CAAA;AAED,eAAO,MAAM,kCAAkC,GAC7C,GAAG,MAAM,EACT,mDAAsB,WAoDvB,CAAA;AAED,eAAO,MAAM,mBAAmB,gBAG/B,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,GAAG,MAAM,EAAE,mDAAsB,aAQlE,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,GAAG,MAAM,EAAE,mDAAsB,WAiFnE,CAAA;AAiBD,eAAO,MAAM,2BAA2B,gBAmEvC,CAAA;AAED,eAAO,MAAM,0BAA0B,gBA8CtC,CAAA;AAED,eAAO,MAAM,0BAA0B,gBAEtC,CAAA;AAED,eAAO,MAAM,qBAAqB,gBAEjC,CAAA;AAED,eAAO,MAAM,wBAAwB,gBAEpC,CAAA;AAED,eAAO,MAAM,wBAAwB,gBAKpC,CAAA;AAED,eAAO,MAAM,0BAA0B,gBAEtC,CAAA;AAED,eAAO,MAAM,4BAA4B,gBAExC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,gCAAgC,gBAW5C,CAAA"}

package/dist/generate/typeDefinitions.js

@@ -3,13 +3,18 @@ import path from "path";
 import { SourceMapGenerator } from "source-map";
 import { getPaths, processPagesDir } from "@cedarjs/project-config";
 import {
+  getCellGqlFragment,
   getCellGqlQuery,
   fileToAst,
   getDefaultExportLocation,
   getNamedExports
 } from "../ast.js";
 import { findCells, findDirectoryNamedModules } from "../files.js";
-import { parseGqlQueryToAst } from "../gql.js";
+import {
+  parseGqlFragmentName,
+  parseGqlFragmentPropName,
+  parseGqlQueryToAst
+} from "../gql.js";
 import { getJsxElements } from "../jsx.js";
 import {
   generateTypeDefGraphQLApi,
@@ -115,6 +120,9 @@ const generateMirrorCell = (p, rwjsPaths = getPaths()) => {
   const { name } = path.parse(p);
   const fileContents = fileToAst(p);
   const cellQuery = getCellGqlQuery(fileContents);
+  const cellFragment = cellQuery ? void 0 : getCellGqlFragment(fileContents);
+  const cellFragmentName = cellFragment ? parseGqlFragmentName(cellFragment) : void 0;
+  const cellFragmentPropName = cellFragment ? parseGqlFragmentPropName(cellFragment) : void 0;
   if (cellQuery) {
     const gqlDoc = parseGqlQueryToAst(cellQuery)[0];
     writeTemplate("templates/mirror-cell.d.ts.template", typeDefPath, {
@@ -122,6 +130,12 @@ const generateMirrorCell = (p, rwjsPaths = getPaths()) => {
       queryResultType: `${gqlDoc?.name}`,
       queryVariablesType: `${gqlDoc?.name}Variables`
     });
+  } else if (cellFragmentName && cellFragmentPropName) {
+    writeTemplate("templates/mirror-cell-fragment.d.ts.template", typeDefPath, {
+      name,
+      fragmentType: cellFragmentName,
+      fragmentPropName: cellFragmentPropName
+    });
   } else {
     writeTemplate("templates/mirror-cell.d.ts.template", typeDefPath, {
       name,

package/dist/gql.d.ts

@@ -9,6 +9,26 @@ interface Field {
 }
 export declare const parseGqlQueryToAst: (gqlQuery: string) => Operation[];
 export declare const parseDocumentAST: (document: DocumentNode) => Operation[];
+/**
+ * Returns the name of the first fragment definition in the given GraphQL
+ * source, e.g. `AuthorCell_author` for
+ * `fragment AuthorCell_author on User { fullName }`
+ */
+export declare const parseGqlFragmentName: (gqlFragment: string) => string | undefined;
+/**
+ * Derives a fragment Cell's data prop name from its fragment: the prop the
+ * parent Cell passes the fragment data in with, and the prop `Success`
+ * receives the data as.
+ *
+ * For a fragment named with an underscore, like `AuthorCell_author`, the part
+ * after the last underscore is used (`author`). Otherwise the type the
+ * fragment is defined on is used, camelCased (`on User` -> `user`).
+ *
+ * Keep this in sync with getFragmentPropName in
+ * packages/web/src/components/cell/createFragmentCell.tsx, which is what the
+ * fragment Cell runtime uses.
+ */
+export declare const parseGqlFragmentPropName: (gqlFragment: string) => string | undefined;
 export declare const listQueryTypeFieldsInProject: () => Promise<string[]>;
 export {};
 //# sourceMappingURL=gql.d.ts.map

package/dist/gql.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gql.d.ts","sourceRoot":"","sources":["../src/gql.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,YAAY,EAIZ,iBAAiB,EAClB,MAAM,SAAS,CAAA;AAMhB,UAAU,SAAS;IACjB,SAAS,EAAE,iBAAiB,CAAA;IAC5B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IACxB,MAAM,EAAE,CAAC,MAAM,GAAG,KAAK,CAAC,EAAE,CAAA;CAC3B;AAED,UAAU,KAAK;IACb,MAAM,EAAE,CAAC,MAAM,GAAG,KAAK,CAAC,EAAE,CAAA;CAC3B;AAED,eAAO,MAAM,kBAAkB,GAAI,UAAU,MAAM,gBAGlD,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,UAAU,YAAY,gBAoBtD,CAAA;AAgCD,eAAO,MAAM,4BAA4B,yBA8BxC,CAAA"}
+{"version":3,"file":"gql.d.ts","sourceRoot":"","sources":["../src/gql.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,YAAY,EAKZ,iBAAiB,EAClB,MAAM,SAAS,CAAA;AAMhB,UAAU,SAAS;IACjB,SAAS,EAAE,iBAAiB,CAAA;IAC5B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IACxB,MAAM,EAAE,CAAC,MAAM,GAAG,KAAK,CAAC,EAAE,CAAA;CAC3B;AAED,UAAU,KAAK;IACb,MAAM,EAAE,CAAC,MAAM,GAAG,KAAK,CAAC,EAAE,CAAA;CAC3B;AAED,eAAO,MAAM,kBAAkB,GAAI,UAAU,MAAM,gBAGlD,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,UAAU,YAAY,gBAoBtD,CAAA;AAyCD;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,aAAa,MAAM,uBAEvD,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,wBAAwB,GAAI,aAAa,MAAM,uBAiB3D,CAAA;AAED,eAAO,MAAM,4BAA4B,yBA8BxC,CAAA"}

package/dist/gql.js

@@ -48,6 +48,28 @@ const getFields = (field) => {
     return obj;
   }
 };
+const parseGqlFragmentDefinition = (gqlFragment) => {
+  const ast = parse(gqlFragment);
+  return ast.definitions.find(
+    (definition) => definition.kind === Kind.FRAGMENT_DEFINITION
+  );
+};
+const parseGqlFragmentName = (gqlFragment) => {
+  return parseGqlFragmentDefinition(gqlFragment)?.name.value;
+};
+const parseGqlFragmentPropName = (gqlFragment) => {
+  const fragmentDefinition = parseGqlFragmentDefinition(gqlFragment);
+  if (!fragmentDefinition) {
+    return void 0;
+  }
+  const fragmentName = fragmentDefinition.name.value;
+  const underscoreIndex = fragmentName.lastIndexOf("_");
+  if (underscoreIndex > 0 && underscoreIndex < fragmentName.length - 1) {
+    return fragmentName.slice(underscoreIndex + 1);
+  }
+  const typename = fragmentDefinition.typeCondition.name.value;
+  return typename.charAt(0).toLowerCase() + typename.slice(1);
+};
 const listQueryTypeFieldsInProject = async () => {
   try {
     const schemaPointerMap = {
@@ -78,5 +100,7 @@ const listQueryTypeFieldsInProject = async () => {
 export {
   listQueryTypeFieldsInProject,
   parseDocumentAST,
+  parseGqlFragmentName,
+  parseGqlFragmentPropName,
   parseGqlQueryToAst
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cedarjs/internal",
-  "version": "6.0.0-canary.2645",
+  "version": "6.0.0-canary.2647",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cedarjs/cedar.git",
@@ -169,13 +169,13 @@
     "@babel/plugin-transform-react-jsx": "7.29.7",
     "@babel/plugin-transform-typescript": "^7.26.8",
     "@babel/traverse": "7.29.7",
-    "@cedarjs/babel-config": "6.0.0-canary.2645",
-    "@cedarjs/cli-helpers": "6.0.0-canary.2645",
-    "@cedarjs/graphql-server": "6.0.0-canary.2645",
-    "@cedarjs/project-config": "6.0.0-canary.2645",
-    "@cedarjs/router": "6.0.0-canary.2645",
-    "@cedarjs/structure": "6.0.0-canary.2645",
-    "@cedarjs/utils": "6.0.0-canary.2645",
+    "@cedarjs/babel-config": "6.0.0-canary.2647",
+    "@cedarjs/cli-helpers": "6.0.0-canary.2647",
+    "@cedarjs/graphql-server": "6.0.0-canary.2647",
+    "@cedarjs/project-config": "6.0.0-canary.2647",
+    "@cedarjs/router": "6.0.0-canary.2647",
+    "@cedarjs/structure": "6.0.0-canary.2647",
+    "@cedarjs/utils": "6.0.0-canary.2647",
     "@graphql-codegen/add": "6.0.1",
     "@graphql-codegen/cli": "6.3.1",
     "@graphql-codegen/client-preset": "5.3.0",
@@ -218,7 +218,7 @@
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "0.18.5",
-    "@cedarjs/framework-tools": "6.0.0-canary.2645",
+    "@cedarjs/framework-tools": "6.0.0-canary.2647",
     "concurrently": "9.2.1",
     "graphql-tag": "2.12.6",
     "publint": "0.3.21",