Rewrite imports with extension

.eslintrc

@@ -13,7 +13,6 @@
     "plugin:react/recommended",
     "prettier"
   ],
-  "exclude": ["scripts/*.js"],
   "rules": {
     "deprecation/deprecation": "error",
     "react-hooks/rules-of-hooks": "error",

src/DittoLazyProvider.tsx

@@ -6,8 +6,8 @@ import {
   DittoHash,
   RegisterDitto,
   UnregisterDitto,
-} from './DittoContext'
-import { ProviderState, RenderFunction } from './DittoProvider'
+} from './DittoContext.js'
+import { ProviderState, RenderFunction } from './DittoProvider.js'
 
 export interface DittoLazyProviderProps {
   initOptions?: InitOptions

src/DittoProvider.tsx

@@ -7,8 +7,8 @@ import React, {
   useState,
 } from 'react'
 
-import { DittoHash, RegisterDitto, UnregisterDitto } from '.'
-import { DittoContext } from './DittoContext'
+import { DittoContext } from './DittoContext.js'
+import { DittoHash, RegisterDitto, UnregisterDitto } from './index.js'
 
 export type RenderFunction = (providerState: ProviderState) => ReactNode
 

src/identity/index.ts

@@ -1,3 +1,3 @@
-export * from './useOfflinePlaygroundIdentity'
-export * from './useOnlineIdentity'
-export * from './useOnlinePlaygroundIdentity'
+export * from './useOfflinePlaygroundIdentity.js'
+export * from './useOnlineIdentity.js'
+export * from './useOnlinePlaygroundIdentity.js'

src/index.tsx

@@ -1,8 +1,8 @@
-export * from './DittoContext'
-export * from './DittoLazyProvider'
-export * from './DittoProvider'
-export * from './identity'
-export * from './mutations'
-export * from './presence'
-export * from './queries'
-export * from './useDitto'
+export * from './DittoContext.js'
+export * from './DittoLazyProvider.js'
+export * from './DittoProvider.js'
+export * from './identity/index.js'
+export * from './mutations/index.js'
+export * from './presence/index.js'
+export * from './queries/index.js'
+export * from './useDitto.js'

src/mutations/index.tsx

@@ -1 +1 @@
-export * from './useMutations'
+export * from './useMutations.js'

src/mutations/useMutations.ts

@@ -13,7 +13,7 @@ import {
 } from '@dittolive/ditto'
 import { useCallback } from 'react'
 
-import { useDitto } from '../useDitto'
+import { useDitto } from '../useDitto.js'
 
 export interface UpdateParams {
   /**

src/presence/index.ts

@@ -1 +1 @@
-export * from './useConnectionStatus'
+export * from './useConnectionStatus.js'

src/presence/useConnectionStatus.ts

@@ -1,7 +1,7 @@
 import { ConnectionType, Observer } from '@dittolive/ditto'
 import { useEffect, useRef, useState } from 'react'
 
-import { useDitto } from '../useDitto'
+import { useDitto } from '../useDitto.js'
 
 export interface ConnectionStatusParams {
   /**

src/queries/index.tsx

@@ -1,6 +1,6 @@
-export * from './useCollections'
-export * from './useLazyPendingCursorOperation'
-export * from './useLazyPendingIDSpecificOperation'
-export * from './usePendingCursorOperation'
-export * from './usePendingIDSpecificOperation'
-export * from './useRemotePeers'
+export * from './useCollections.js'
+export * from './useLazyPendingCursorOperation.js'
+export * from './useLazyPendingIDSpecificOperation.js'
+export * from './usePendingCursorOperation.js'
+export * from './usePendingIDSpecificOperation.js'
+export * from './useRemotePeers.js'

src/queries/useCollections.ts

@@ -8,7 +8,7 @@ import {
 } from '@dittolive/ditto'
 import { useEffect, useRef, useState } from 'react'
 
-import { useDitto } from '../useDitto'
+import { useDitto } from '../useDitto.js'
 
 export interface CollectionsQueryParams {
   /**

src/queries/useLazyPendingCursorOperation.ts

@@ -9,8 +9,8 @@ import {
 } from '@dittolive/ditto'
 import { useEffect, useRef, useState } from 'react'
 
-import { useDittoContext } from '../DittoContext'
-import { LiveQueryParams } from './usePendingCursorOperation'
+import { useDittoContext } from '../DittoContext.js'
+import { LiveQueryParams } from './usePendingCursorOperation.js'
 
 export interface LazyPendingCursorOperationReturn {
   /** The initialized Ditto instance if one could be found for the provided path. */

src/queries/useLazyPendingIDSpecificOperation.ts

@@ -8,8 +8,8 @@ import {
 } from '@dittolive/ditto'
 import { useEffect, useRef, useState } from 'react'
 
-import { useDittoContext } from '../DittoContext'
-import { UsePendingIDSpecificOperationParams } from './usePendingIDSpecificOperation'
+import { useDittoContext } from '../DittoContext.js'
+import { UsePendingIDSpecificOperationParams } from './usePendingIDSpecificOperation.js'
 
 export interface LazyPendingIDSpecificOperationReturn {
   /** The initialized Ditto instance if one could be found for the provided path. */

src/queries/usePendingCursorOperation.ts

@@ -11,8 +11,8 @@ import {
 } from '@dittolive/ditto'
 import { useEffect, useRef, useState } from 'react'
 
-import { useDitto } from '../useDitto'
-import { useVersion } from './useVersion'
+import { useDitto } from '../useDitto.js'
+import { useVersion } from './useVersion.js'
 
 export interface LiveQueryParams {
   collection: string

src/queries/usePendingIDSpecificOperation.ts

@@ -9,7 +9,7 @@ import {
 } from '@dittolive/ditto'
 import { useEffect, useRef, useState } from 'react'
 
-import { useDitto } from '../useDitto'
+import { useDitto } from '../useDitto.js'
 
 export interface UsePendingIDSpecificOperationParams {
   /**

src/queries/useRemotePeers.tsx

@@ -1,7 +1,7 @@
 import { Ditto, Observer, Peer } from '@dittolive/ditto'
 import { useEffect, useState } from 'react'
 
-import { useDitto } from '../useDitto'
+import { useDitto } from '../useDitto.js'
 
 export interface UsePeersParams {
   /**

src/useDitto.ts

@@ -1,7 +1,7 @@
 import { Ditto } from '@dittolive/ditto'
 import { useEffect, useState } from 'react'
 
-import { useDittoContext } from '.'
+import { useDittoContext } from './index.js'
 
 export interface DittoHookProps {
   ditto: Ditto | null