Enforce node: schema for builtins, import extensions

ts/components/fun/base/FunErrorBoundary.tsx

@@ -2,10 +2,10 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 import type { ReactNode, ErrorInfo } from 'react';
 import React, { Component, useCallback } from 'react';
-import { createLogger } from '../../../logging/log';
-import * as Errors from '../../../types/errors';
-import { ToastType } from '../../../types/Toast';
-import { isProduction } from '../../../util/version';
+import { createLogger } from '../../../logging/log.js';
+import * as Errors from '../../../types/errors.js';
+import { ToastType } from '../../../types/Toast.js';
+import { isProduction } from '../../../util/version.js';
 
 const log = createLogger('FunErrorBoundary');
 

ts/components/fun/base/FunGrid.tsx

@@ -5,7 +5,7 @@ import React from 'react';
 import { FocusScope } from 'react-aria';
 import classNames from 'classnames';
 import { Button, Dialog, Header, Popover } from 'react-aria-components';
-import { FunScrollerSection } from './FunScroller';
+import { FunScrollerSection } from './FunScroller.js';
 
 /**
  * Grid Container

ts/components/fun/base/FunImage.tsx

@@ -4,9 +4,9 @@ import type { ForwardedRef, RefObject } from 'react';
 import React, { useRef, useEffect, useState, forwardRef } from 'react';
 import classNames from 'classnames';
 import { isFocusable } from '@react-aria/focus';
-import { strictAssert } from '../../../util/assert';
-import { useReducedMotion } from '../../../hooks/useReducedMotion';
-import type { FunImageAriaProps } from '../types';
+import { strictAssert } from '../../../util/assert.js';
+import { useReducedMotion } from '../../../hooks/useReducedMotion.js';
+import type { FunImageAriaProps } from '../types.js';
 
 export type FunImageProps = FunImageAriaProps &
   Readonly<{

ts/components/fun/base/FunItem.tsx

@@ -8,7 +8,7 @@ import type {
 } from 'react';
 import React, { forwardRef, useCallback, useEffect, useMemo } from 'react';
 import { mergeProps } from '@react-aria/utils';
-import { strictAssert } from '../../../util/assert';
+import { strictAssert } from '../../../util/assert.js';
 
 /**
  * Button

ts/components/fun/base/FunLightbox.tsx

@@ -3,7 +3,7 @@
 import type { ReactNode, RefObject } from 'react';
 import React, { createContext, useContext, useEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
-import { strictAssert } from '../../../util/assert';
+import { strictAssert } from '../../../util/assert.js';
 
 /**
  * Tracks the current `data-key` that has a long-press/long-focus

ts/components/fun/base/FunPopover.tsx

@@ -6,7 +6,7 @@ import type { Placement } from 'react-aria';
 import { Dialog, Popover } from 'react-aria-components';
 import classNames from 'classnames';
 import * as Tooltip from '@radix-ui/react-tooltip';
-import { ThemeType } from '../../../types/Util';
+import { ThemeType } from '../../../types/Util.js';
 
 export type FunPopoverProps = Readonly<{
   placement?: Placement;

ts/components/fun/base/FunResults.tsx

@@ -3,7 +3,7 @@
 import type { ReactNode } from 'react';
 import React from 'react';
 import { Button, Header } from 'react-aria-components';
-import { SpinnerV2 } from '../../SpinnerV2';
+import { SpinnerV2 } from '../../SpinnerV2.js';
 
 export type FunResultsProps = Readonly<{
   'aria-busy': boolean;

ts/components/fun/base/FunScroller.tsx

@@ -18,8 +18,8 @@ import {
   isScrollAtTop,
   isScrollOverflowVertical,
   useScrollObserver,
-} from '../../../hooks/useSizeObserver';
-import { strictAssert } from '../../../util/assert';
+} from '../../../hooks/useSizeObserver.js';
+import { strictAssert } from '../../../util/assert.js';
 
 export type FunScrollerProps = Readonly<{
   sectionGap: number;

ts/components/fun/base/FunSearch.tsx

@@ -4,8 +4,8 @@ import type { ChangeEvent } from 'react';
 import React, { useCallback } from 'react';
 import { VisuallyHidden } from 'react-aria';
 import { getInteractionModality } from '@react-aria/interactions';
-import type { LocalizerType } from '../../../types/I18N';
-import { useFunContext } from '../FunProvider';
+import type { LocalizerType } from '../../../types/I18N.js';
+import { useFunContext } from '../FunProvider.js';
 
 export type FunSearchProps = Readonly<{
   i18n: LocalizerType;

ts/components/fun/base/FunSubNav.tsx

@@ -21,12 +21,12 @@ import {
   getScrollLeftDistance,
   getScrollRightDistance,
   useScrollObserver,
-} from '../../../hooks/useSizeObserver';
-import { createLogger } from '../../../logging/log';
-import * as Errors from '../../../types/errors';
-import { strictAssert } from '../../../util/assert';
-import { FunImage } from './FunImage';
-import { FunTooltip } from './FunTooltip';
+} from '../../../hooks/useSizeObserver.js';
+import { createLogger } from '../../../logging/log.js';
+import * as Errors from '../../../types/errors.js';
+import { strictAssert } from '../../../util/assert.js';
+import { FunImage } from './FunImage.js';
+import { FunTooltip } from './FunTooltip.js';
 
 const log = createLogger('FunSubNav');
 

ts/components/fun/base/FunTabs.tsx

@@ -6,7 +6,7 @@ import type { ReactNode } from 'react';
 import React, { useCallback, useId } from 'react';
 import type { Key } from 'react-aria';
 import { Tab, TabList, TabPanel, Tabs } from 'react-aria-components';
-import type { FunPickerTabKey } from '../constants';
+import type { FunPickerTabKey } from '../constants.js';
 
 export type FunTabsProps = Readonly<{
   value: FunPickerTabKey;

ts/components/fun/base/FunTooltip.tsx

@@ -4,7 +4,7 @@
 import React, { useRef, useState, type ReactNode } from 'react';
 import * as Tooltip from '@radix-ui/react-tooltip';
 import { useLayoutEffect } from '@react-aria/utils';
-import { strictAssert } from '../../../util/assert';
+import { strictAssert } from '../../../util/assert.js';
 
 export type FunTooltipProps = Readonly<{
   open?: boolean;