feat: switched to Node module resolution

src/components/AllStatsOverview/components/WN8Display/components/Glow.tsx

@@ -1,6 +1,6 @@
-import { Percentile } from '../../../../../constants/percentiles.js';
-import hslToHex from '../../../../../core/node/hslToHex.js';
-import { PERCENTILE_COLORS } from '../../../../PercentileIndicator.js';
+import { Percentile } from '../../../../../constants/percentiles';
+import hslToHex from '../../../../../core/node/hslToHex';
+import { PERCENTILE_COLORS } from '../../../../PercentileIndicator';
 
 export enum GlowSide {
   Top,

src/components/AllStatsOverview/components/WN8Display/index.tsx

@@ -1,8 +1,8 @@
-import { Percentile } from '../../../../constants/percentiles.js';
-import getWN8Percentile from '../../../../core/blitz/getWN8Percentile.js';
-import { theme } from '../../../../stitches.config.js';
-import { PERCENTILE_COLORS } from '../../../PercentileIndicator.js';
-import { Glow, GlowSide } from './components/Glow.js';
+import { Percentile } from '../../../../constants/percentiles';
+import getWN8Percentile from '../../../../core/blitz/getWN8Percentile';
+import { theme } from '../../../../stitches.config';
+import { PERCENTILE_COLORS } from '../../../PercentileIndicator';
+import { Glow, GlowSide } from './components/Glow';
 
 export interface WN8DisplayProps {
   WN8?: number;

src/components/AllStatsOverview/components/WN8SurroundingStat.tsx

@@ -1,4 +1,4 @@
-import { theme } from '../../../stitches.config.js';
+import { theme } from '../../../stitches.config';
 
 export enum WN8SurroundingStatAlign {
   Left,

src/components/AllStatsOverview/index.tsx

@@ -1,9 +1,9 @@
-import { AllStats, SupplementaryStats } from '../../types/accountInfo.js';
-import { WN8Display } from './components/WN8Display/index.js';
+import { AllStats, SupplementaryStats } from '../../types/accountInfo';
+import { WN8Display } from './components/WN8Display';
 import {
   WN8SurroundingStat,
   WN8SurroundingStatAlign,
-} from './components/WN8SurroundingStat.js';
+} from './components/WN8SurroundingStat';
 
 export interface AllStatsOverviewProps {
   stats: AllStats;

src/components/Breakdown/components/Row.tsx

@@ -1,7 +1,7 @@
-import getWN8Percentile from '../../../core/blitz/getWN8Percentile.js';
-import { theme } from '../../../stitches.config.js';
-import { RowDiscriminator } from './RowDiscriminator.js';
-import { RowStat } from './RowStat.js';
+import getWN8Percentile from '../../../core/blitz/getWN8Percentile';
+import { theme } from '../../../stitches.config';
+import { RowDiscriminator } from './RowDiscriminator';
+import { RowStat } from './RowStat';
 
 export interface RowProps {
   name: string;

src/components/Breakdown/components/RowDiscriminator.tsx

@@ -1,4 +1,4 @@
-import { theme } from '../../../stitches.config.js';
+import { theme } from '../../../stitches.config';
 
 export interface RowDiscriminatorProps {
   name: string;

src/components/Breakdown/components/RowStat.tsx

@@ -1,6 +1,6 @@
-import { Percentile } from '../../../constants/percentiles.js';
-import { theme } from '../../../stitches.config.js';
-import PercentileIndicator from '../../PercentileIndicator.js';
+import { Percentile } from '../../../constants/percentiles';
+import { theme } from '../../../stitches.config';
+import PercentileIndicator from '../../PercentileIndicator';
 
 export interface RowStatProps {
   name: string;

src/components/Breakdown/index.ts

@@ -1,4 +1,4 @@
-export * from './components/Root.js';
-export * from './components/Row.js';
-export * from './components/RowDiscriminator.js';
-export * from './components/RowStat.js';
+export * from './components/Root';
+export * from './components/Row';
+export * from './components/RowDiscriminator';
+export * from './components/RowStat';

src/components/GenericAllStats/components/Card.tsx

@@ -1,6 +1,6 @@
-import { Percentile } from '../../../constants/percentiles.js';
-import { theme } from '../../../stitches.config.js';
-import PercentileIndicator from '../../PercentileIndicator.js';
+import { Percentile } from '../../../constants/percentiles';
+import { theme } from '../../../stitches.config';
+import PercentileIndicator from '../../PercentileIndicator';
 
 export interface CardItem {
   label: string;

src/components/GenericAllStats/index.tsx

@@ -1,9 +1,9 @@
-import getWN8Percentile from '../../core/blitz/getWN8Percentile.js';
-import isNumber from '../../core/node/isNumber.js';
-import { AllStats, SupplementaryStats } from '../../types/accountInfo.js';
-import { Card } from './components/Card.js';
-import { Root } from './components/Root.js';
-import { Row } from './components/Row.js';
+import getWN8Percentile from '../../core/blitz/getWN8Percentile';
+import isNumber from '../../core/node/isNumber';
+import { AllStats, SupplementaryStats } from '../../types/accountInfo';
+import { Card } from './components/Card';
+import { Root } from './components/Root';
+import { Row } from './components/Row';
 
 // TODO: remove the .js endings
 

src/components/GenericStats/components/GenericStatsColumn.tsx

@@ -1,5 +1,5 @@
-import { Stat } from '../index.js';
-import GenericStatsRow from './GenericStatsRow.js';
+import { Stat } from '..';
+import GenericStatsRow from './GenericStatsRow';
 
 export interface GenericStatsColumnProps {
   stats: Stat[];

src/components/GenericStats/components/GenericStatsRow.tsx

@@ -1,6 +1,6 @@
-import { theme } from '../../../stitches.config.js';
-import PercentileIndicator from '../../PercentileIndicator.js';
-import { Stat } from '../index.js';
+import { Stat } from '..';
+import { theme } from '../../../stitches.config';
+import PercentileIndicator from '../../PercentileIndicator';
 
 export interface GenericStatsRowProps {
   stat: Stat;

src/components/GenericStats/index.tsx

@@ -1,5 +1,5 @@
-import { Percentile } from '../../constants/percentiles.js';
-import GenericStatsColumn from './components/GenericStatsColumn.js';
+import { Percentile } from '../../constants/percentiles';
+import GenericStatsColumn from './components/GenericStatsColumn';
 
 export type Stat =
   | [string, string | number | undefined]

src/components/Graph/components/Line.tsx

@@ -1,5 +1,5 @@
 import { blue, green, red, slateDark } from '@radix-ui/colors';
-import { GRAPH_HEIGHT, GRAPH_WIDTH } from './Root.js';
+import { GRAPH_HEIGHT, GRAPH_WIDTH } from './Root';
 
 export enum LineColor {
   Red,

src/components/Graph/components/Margin.tsx

@@ -1,6 +1,6 @@
 import { times } from 'lodash';
-import { theme } from '../../../stitches.config.js';
-import { MarginInputProps } from './Root.js';
+import { theme } from '../../../stitches.config';
+import { MarginInputProps } from './Root';
 
 export enum MarginOrientation {
   Vertical,

src/components/Graph/components/Root.tsx

@@ -1,7 +1,7 @@
 import { times } from 'lodash';
 import { ReactNode } from 'react';
-import { theme } from '../../../stitches.config.js';
-import { Margin, MarginOrientation } from './Margin.js';
+import { theme } from '../../../stitches.config';
+import { Margin, MarginOrientation } from './Margin';
 
 export const GRAPH_WIDTH = 544;
 export const GRAPH_HEIGHT = 320;

src/components/Graph/index.ts

@@ -1,3 +1,3 @@
-export * from './components/Line.js';
-export * from './components/Margin.js';
-export * from './components/Root.js';
+export * from './components/Line';
+export * from './components/Margin';
+export * from './components/Root';

src/components/NoData.tsx

@@ -1,4 +1,4 @@
-import { theme } from '../stitches.config.js';
+import { theme } from '../stitches.config';
 
 export enum NoDataType {
   BattlesInPeriod,

src/components/PercentileIndicator.tsx

@@ -10,7 +10,7 @@ import {
   teal,
   yellow,
 } from '@radix-ui/colors';
-import { Percentile } from '../constants/percentiles.js';
+import { Percentile } from '../constants/percentiles';
 
 export interface PercentileIndicatorProps {
   percentile: Percentile;

src/components/PoweredBy.tsx

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { theme } from '../stitches.config.js';
+import { theme } from '../stitches.config';
 
 export enum PoweredByType {
   BlitzStars,

src/components/Tanks/components/Item.tsx

@@ -2,8 +2,8 @@ import {
   TANK_ICONS,
   TANK_ICONS_COLLECTOR,
   TANK_ICONS_PREMIUM,
-} from '../../../core/blitz/tankopedia.js';
-import { theme } from '../../../stitches.config.js';
+} from '../../../core/blitz/tankopedia';
+import { theme } from '../../../stitches.config';
 
 export enum TreeType {
   TechTree,

src/components/Tanks/index.ts

@@ -1,3 +1,3 @@
-export * from './components/Column.js';
-export * from './components/Item.js';
-export * from './components/Root.js';
+export * from './components/Column';
+export * from './components/Item';
+export * from './components/Root';

src/components/TierWeights.tsx

@@ -1,5 +1,5 @@
-import { TIER_ROMAN_NUMERALS, Tier } from '../core/blitz/tankopedia.js';
-import { theme } from '../stitches.config.js';
+import { TIER_ROMAN_NUMERALS, Tier } from '../core/blitz/tankopedia';
+import { theme } from '../stitches.config';
 
 export type TierWeightsRecord = Partial<Record<Tier, number>>;
 

src/components/TitleBar.tsx

@@ -1,5 +1,5 @@
-import isDev from '../core/node/isDev.js';
-import { theme } from '../stitches.config.js';
+import isDev from '../core/node/isDev';
+import { theme } from '../stitches.config';
 
 export interface TitleBarProps {
   name: string;

src/components/Wrapper.tsx

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { theme } from '../stitches.config.js';
+import { theme } from '../stitches.config';
 
 export interface WrapperProps {
   children: ReactNode;