Update import statements to include file extensions

Author: AbanoubGhadban

node_package/src/RSCPayloadGenerator.ts

@@ -1,5 +1,5 @@
 import { PassThrough } from 'stream';
-import { RailsContext } from './types';
+import { RailsContext, RSCPayloadStreamInfo, RSCPayloadCallback } from './types/index.ts';
 
 declare global {
   function generateRSCPayload(
@@ -9,14 +9,6 @@ declare global {
   ): Promise<NodeJS.ReadableStream>;
 }
 
-export type RSCPayloadStreamInfo = {
-  stream: NodeJS.ReadableStream;
-  props: unknown;
-  componentName: string;
-};
-
-export type RSCPayloadCallback = (streamInfo: RSCPayloadStreamInfo) => void;
-
 const mapRailsContextToRSCPayloadStreams = new Map<RailsContext, RSCPayloadStreamInfo[]>();
 
 const rscPayloadCallbacks = new Map<RailsContext, Array<RSCPayloadCallback>>();

node_package/src/RSCProvider.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { RailsContext } from './types';
-import { getReactServerComponent } from './getReactServerComponent.client';
+import { RailsContext } from './types/index.ts';
+import { getReactServerComponent } from './getReactServerComponent.client.ts';
 
 type RSCContextType = {
   getCachedComponent: (componentName: string, componentProps: unknown) => React.ReactNode;

node_package/src/RSCRoute.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useRSC } from './RSCProvider';
+import { useRSC } from './RSCProvider.tsx';
 
 export type RSCRouteProps = {
   componentName: string;

node_package/src/RSCServerRoot.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { RenderFunction, RailsContext } from './types/index.ts';
+import type { RenderFunction, RailsContext, ReactComponent } from './types/index.ts';
 import getReactServerComponent from './getReactServerComponent.server.ts';
 import { createRSCProvider } from './RSCProvider.tsx';
 

node_package/src/getReactServerComponent.client.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { createFromReadableStream } from 'react-on-rails-rsc/client';
-import { fetch } from './utils';
-import transformRSCStreamAndReplayConsoleLogs from './transformRSCStreamAndReplayConsoleLogs';
-import { RailsContext } from './types';
+import { fetch } from './utils.ts';
+import transformRSCStreamAndReplayConsoleLogs from './transformRSCStreamAndReplayConsoleLogs.ts';
+import { RailsContext } from './types/index.ts';
 
 declare global {
   interface Window {

node_package/src/getReactServerComponent.server.ts

@@ -1,7 +1,7 @@
 import { createFromNodeStream } from 'react-on-rails-rsc/client.node';
-import transformRSCStream from './transformRSCNodeStream';
-import loadJsonFile from './loadJsonFile';
-import { RailsContext } from './types';
+import transformRSCStream from './transformRSCNodeStream.ts';
+import loadJsonFile from './loadJsonFile.ts';
+import { RailsContext } from './types/index.ts';
 
 type RSCServerRootProps = {
   componentName: string;

node_package/src/injectRSCPayload.ts

@@ -1,6 +1,6 @@
 import { PipeableStream } from 'react-dom/server';
 import { PassThrough, Transform } from 'stream';
-import { RailsContext } from './types';
+import { RailsContext } from './types/index.ts';
 
 // In JavaScript, when an escape sequence with a backslash (\) is followed by a character
 // that isn't a recognized escape character, the backslash is ignored, and the character

node_package/src/types/index.ts

@@ -2,7 +2,6 @@
 
 import type { ReactElement, ReactNode, Component, ComponentType } from 'react';
 import type { Readable } from 'stream';
-import { RSCPayloadCallback } from '../RSCPayloadGenerator';
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /**
@@ -298,6 +297,14 @@ export interface ReactOnRails {
   authenticityHeaders(otherHeaders: Record<string, string>): AuthenticityHeaders;
 }
 
+export type RSCPayloadStreamInfo = {
+  stream: NodeJS.ReadableStream;
+  props: unknown;
+  componentName: string;
+};
+
+export type RSCPayloadCallback = (streamInfo: RSCPayloadStreamInfo) => void;
+
 /** Contains the parts of the `ReactOnRails` API intended for internal use only. */
 export interface ReactOnRailsInternal extends ReactOnRails {
   /**

node_package/src/wrapServerComponentRenderer/client.tsx

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import * as ReactDOMClient from 'react-dom/client';
-import { ReactComponentOrRenderFunction, RenderFunction } from '../types';
-import isRenderFunction from '../isRenderFunction';
-import { ensureReactUseAvailable } from '../reactApis';
-import { createRSCProvider } from '../RSCProvider';
-import { getReactServerComponent } from '../getReactServerComponent.client';
+import { ReactComponentOrRenderFunction, RenderFunction } from '../types/index.ts';
+import isRenderFunction from '../isRenderFunction.ts';
+import { ensureReactUseAvailable } from '../reactApis.cts';
+import { createRSCProvider } from '../RSCProvider.tsx';
+import { getReactServerComponent } from '../getReactServerComponent.client.ts';
 
 ensureReactUseAvailable();
 

node_package/src/wrapServerComponentRenderer/server.tsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import type { RenderFunction, ReactComponentOrRenderFunction } from '../types';
-import getReactServerComponent from '../getReactServerComponent.server';
-import { createRSCProvider } from '../RSCProvider';
-import isRenderFunction from '../isRenderFunction';
+import type { RenderFunction, ReactComponentOrRenderFunction } from '../types/index.ts';
+import getReactServerComponent from '../getReactServerComponent.server.ts';
+import { createRSCProvider } from '../RSCProvider.tsx';
+import isRenderFunction from '../isRenderFunction.ts';
 
 const WrapServerComponentRenderer = (componentOrRenderFunction: ReactComponentOrRenderFunction) => {
   if (typeof componentOrRenderFunction !== 'function') {