Renamed createRSCPayloadKey to createServerComponentCacheKey

Author: AbanoubGhadban

node_package/src/RSCProvider.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { ClientGetReactServerComponentProps } from './getReactServerComponent.client.ts';
-import { createRSCPayloadKey } from './utils.ts';
+import { createServerComponentCacheKey } from './utils.ts';
 
 type RSCContextType = {
   getComponent: (componentName: string, componentProps: unknown) => Promise<React.ReactNode>;
@@ -37,7 +37,7 @@ export const createRSCProvider = ({
   const fetchRSCPromises: Record<string, Promise<React.ReactNode>> = {};
 
   const getComponent = (componentName: string, componentProps: unknown) => {
-    const key = createRSCPayloadKey(componentName, componentProps);
+    const key = createServerComponentCacheKey(componentName, componentProps);
     if (key in fetchRSCPromises) {
       return fetchRSCPromises[key];
     }
@@ -48,7 +48,7 @@ export const createRSCProvider = ({
   };
 
   const refetchComponent = (componentName: string, componentProps: unknown) => {
-    const key = createRSCPayloadKey(componentName, componentProps);
+    const key = createServerComponentCacheKey(componentName, componentProps);
     const promise = getServerComponent({
       componentName,
       componentProps,

node_package/src/getReactServerComponent.client.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createFromReadableStream } from 'react-on-rails-rsc/client.browser';
-import { createRSCPayloadKey, fetch, wrapInNewPromise, extractErrorMessage } from './utils.ts';
+import { createServerComponentCacheKey, fetch, wrapInNewPromise, extractErrorMessage } from './utils.ts';
 import transformRSCStreamAndReplayConsoleLogs from './transformRSCStreamAndReplayConsoleLogs.ts';
 import { RailsContext } from './types/index.ts';
 
@@ -165,7 +165,7 @@ const createFromPreloadedPayloads = (payloads: string[]) => {
 const getReactServerComponent =
   (domNodeId: string, railsContext: RailsContext) =>
   ({ componentName, componentProps, enforceRefetch = false }: ClientGetReactServerComponentProps) => {
-    const componentCacheKey = createRSCPayloadKey(componentName, componentProps);
+    const componentCacheKey = createServerComponentCacheKey(componentName, componentProps);
 
     const rscPayloadKey = `${componentCacheKey}-${domNodeId}`;
     const payloads = window.REACT_ON_RAILS_RSC_PAYLOADS?.[rscPayloadKey];

node_package/src/injectRSCPayload.ts

@@ -1,6 +1,6 @@
 import { PassThrough } from 'stream';
 import { finished } from 'stream/promises';
-import { createRSCPayloadKey } from './utils.ts';
+import { createServerComponentCacheKey } from './utils.ts';
 import { PipeableOrReadableStream } from './types/index.ts';
 import RSCRequestTracker from './RSCRequestTracker.ts';
 
@@ -210,7 +210,7 @@ export default function injectRSCPayload(
 
       rscRequestTracker.onRSCPayloadGenerated((streamInfo) => {
         const { stream, props, componentName } = streamInfo;
-        const cacheKey = createRSCPayloadKey(componentName, props);
+        const cacheKey = createServerComponentCacheKey(componentName, props);
         const rscPayloadKey = `${cacheKey}-${domNodeId}`;
 
         // CRITICAL TIMING: Initialize global array IMMEDIATELY when component requests RSC

node_package/src/utils.ts

@@ -21,7 +21,7 @@ export { customFetch as fetch };
  * @param componentProps - Props passed to the component (serialized to JSON)
  * @returns A unique cache key string
  */
-export const createRSCPayloadKey = (componentName: string, componentProps: unknown) => {
+export const createServerComponentCacheKey = (componentName: string, componentProps: unknown) => {
   return `${componentName}-${JSON.stringify(componentProps)}`;
 };