@cedarjs/web 8.0.0-canary.3582 → 8.0.0-canary.3587

package/dist/components/cell/cellTypes.d.ts

@@ -135,7 +135,7 @@ export interface CreateCellProps<CellProps, CellVariables extends OperationVaria
      * A GraphQL fragment that declares this Cell's data requirements. Fragment
      * Cells don't fire their own query. Instead a parent Cell spreads the
      * fragment in its `QUERY` and passes the fetched data object down via a
-     * prop named after the fragment (`AuthorCell_author` -> `author`). The
+     * prop named after the fragment (`AuthorCellFragment on User` -> `user`). The
      * fragment is automatically registered with the GraphQL client's fragment
      * registry, so parent queries can spread it by name.
      *

package/dist/components/cell/createFragmentCell.d.ts

@@ -7,7 +7,7 @@ import type { CreateCellProps } from './cellTypes.js';
  *
  * Fragment Cells don't fire queries of their own. A parent Cell spreads the
  * fragment in its QUERY and passes the matching slice of the query result
- * down via a prop named after the fragment (`AuthorCell_author` -> `author`).
+ * down via a prop named after the fragment (see `getFragmentPropName`).
  * `Success` receives the data as that same prop. The data is read
  * synchronously, so fragment Cells never render `Loading`.
  *

package/dist/components/cell/createFragmentCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createFragmentCell.d.ts","sourceRoot":"","sources":["../../../src/components/cell/createFragmentCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAMxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAqDrD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACzC,aAAa,SAAS,kBAAkB,GAAG,kBAAkB,EAC7D,SAAS,GAAG,GAAG,EACf,EACA,QAAQ,EACR,UAA2B,EAC3B,OAAqB,EACrB,KAAK,EACL,OAAO,EACP,WAAoB,GACrB,EAAE,eAAe,CAAC,SAAS,EAAE,aAAa,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAiF5E"}
+{"version":3,"file":"createFragmentCell.d.ts","sourceRoot":"","sources":["../../../src/components/cell/createFragmentCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAMxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AA6ErD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACzC,aAAa,SAAS,kBAAkB,GAAG,kBAAkB,EAC7D,SAAS,GAAG,GAAG,EACf,EACA,QAAQ,EACR,UAA2B,EAC3B,OAAqB,EACrB,KAAK,EACL,OAAO,EACP,WAAoB,GACrB,EAAE,eAAe,CAAC,SAAS,EAAE,aAAa,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAiF5E"}

package/dist/components/cell/createFragmentCell.js

@@ -8,17 +8,22 @@ function getFragmentDefinition(fragment, displayName) {
   );
   if (!fragmentDefinition) {
     throw new Error(
-      `The FRAGMENT export in ${displayName} must contain a GraphQL fragment definition, like \`fragment AuthorCell_author on User { fullName }\``
+      `The FRAGMENT export in ${displayName} must contain a GraphQL fragment definition, like \`fragment AuthorCellFragment on User { fullName }\``
     );
   }
   return fragmentDefinition;
 }
-function getFragmentPropName(fragmentDefinition) {
+function getFragmentPropName(fragmentDefinition, cellName) {
   const fragmentName = fragmentDefinition.name.value;
   const underscoreIndex = fragmentName.lastIndexOf("_");
   if (underscoreIndex > 0 && underscoreIndex < fragmentName.length - 1) {
     return fragmentName.slice(underscoreIndex + 1);
   }
+  const cellFragmentPrefix = cellName + "Fragment";
+  const propNameSuffix = fragmentName.slice(cellFragmentPrefix.length);
+  if (fragmentName.startsWith(cellFragmentPrefix) && /^[A-Z]/.test(propNameSuffix)) {
+    return propNameSuffix.charAt(0).toLowerCase() + propNameSuffix.slice(1);
+  }
   const typename = fragmentDefinition.typeCondition.name.value;
   return typename.charAt(0).toLowerCase() + typename.slice(1);
 }
@@ -41,7 +46,7 @@ function createFragmentCell({
   const fragment = FRAGMENT;
   const fragmentDefinition = getFragmentDefinition(fragment, displayName);
   const fragmentName = fragmentDefinition.name.value;
-  const propName = getFragmentPropName(fragmentDefinition);
+  const propName = getFragmentPropName(fragmentDefinition, displayName);
   fragmentRegistry.register(fragment);
   function NamedCell(props) {
     const { children: _, [propName]: rawSlice, ...rest } = props;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cedarjs/web",
-  "version": "8.0.0-canary.3582",
+  "version": "8.0.0-canary.3587",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cedarjs/cedar.git",
@@ -83,7 +83,7 @@
   },
   "dependencies": {
     "@apollo/client": "4.3.5",
-    "@cedarjs/server-store": "8.0.0-canary.3582",
+    "@cedarjs/server-store": "8.0.0-canary.3587",
     "@dr.pogodin/react-helmet": "2.0.4",
     "@whatwg-node/fetch": "0.12.1",
     "apollo-upload-client": "19.0.0",
@@ -99,9 +99,9 @@
   "devDependencies": {
     "@apollo/client-react-streaming": "0.14.5",
     "@arethetypeswrong/cli": "0.18.5",
-    "@cedarjs/auth": "8.0.0-canary.3582",
-    "@cedarjs/framework-tools": "8.0.0-canary.3582",
-    "@cedarjs/internal": "8.0.0-canary.3582",
+    "@cedarjs/auth": "8.0.0-canary.3587",
+    "@cedarjs/framework-tools": "8.0.0-canary.3587",
+    "@cedarjs/internal": "8.0.0-canary.3587",
     "@testing-library/dom": "10.4.2",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.3",
@@ -119,7 +119,7 @@
     "vitest": "5.0.5"
   },
   "peerDependencies": {
-    "@cedarjs/auth": "8.0.0-canary.3582",
+    "@cedarjs/auth": "8.0.0-canary.3587",
     "react": "19.3.1",
     "react-dom": "19.3.1"
   },