more extensions.

packages/core/src/Profiles/Core/Flow/Counter.test.ts

@@ -2,7 +2,7 @@ import {
   generateTriggerTester,
   RecordedOutputType,
   RecordedWritesOrCommits
-} from '../../../Nodes/testUtils';
+} from '../../../Nodes/testUtils.js';
 import { Counter } from './Counter.js';
 
 type RecordedWritesType = RecordedWritesOrCommits<typeof Counter.out>;

packages/core/src/Profiles/Core/Flow/Gate.test.ts

@@ -2,7 +2,7 @@ import {
   generateTriggerTester,
   RecordedOutputType,
   RecordedWritesOrCommits
-} from '../../../Nodes/testUtils';
+} from '../../../Nodes/testUtils.js';
 import { Gate } from './Gate.js';
 
 type RecordedWritesType = RecordedWritesOrCommits<typeof Gate.out>;

packages/core/src/Profiles/Core/Flow/Sequence.test.ts

@@ -2,7 +2,7 @@ import {
   generateTriggerTester,
   RecordedOutputType,
   RecordedWritesOrCommits
-} from '../../../Nodes/testUtils';
+} from '../../../Nodes/testUtils.js';
 import { Sequence } from './Sequence.js';
 
 type RecordedWritesType = RecordedWritesOrCommits<typeof Sequence.out>;

packages/core/src/Profiles/Scene/Values/Internal/Vec4.test.ts

@@ -11,7 +11,7 @@ import {
   vec4Subtract,
   vec4ToArray,
   vec4ToString
-} from './Vec4';
+} from './Vec4.js';
 
 describe('vec4 value type', () => {
   test('constructor', () => {

packages/core/src/Profiles/Scene/Values/Mat3Nodes.ts

@@ -20,7 +20,7 @@ import {
   mat4ToMat3,
   scale2ToMat3,
   translation2ToMat3
-} from './Internal/Mat3';
+} from './Internal/Mat3.js';
 
 export const Constant = makeInNOutFunctionDesc({
   name: 'math/mat3',

packages/flow/src/components/Controls.tsx

@@ -15,12 +15,12 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { useState } from 'react';
 import { ControlButton, Controls, useReactFlow } from 'reactflow';
 
-import { flowToBehave } from '../transformers/flowToBehave';
-import { sleep } from '../util/sleep';
-import { ClearModal } from './modals/ClearModal';
-import { HelpModal } from './modals/HelpModal';
-import { Examples, LoadModal } from './modals/LoadModal';
-import { SaveModal } from './modals/SaveModal';
+import { flowToBehave } from '../transformers/flowToBehave.js';
+import { sleep } from '../util/sleep.js';
+import { ClearModal } from './modals/ClearModal.js';
+import { HelpModal } from './modals/HelpModal.js';
+import { Examples, LoadModal } from './modals/LoadModal.js';
+import { SaveModal } from './modals/SaveModal.js';
 
 export type CustomControlsProps = {
   examples: Examples;

packages/flow/src/components/Flow.tsx

@@ -18,15 +18,15 @@ import ReactFlow, {
 } from 'reactflow';
 import { v4 as uuidv4 } from 'uuid';
 
-import { useNodeSpecJson } from '../hooks/useNodeSpecJson';
-import { useRegistry } from '../hooks/useRegistry';
-import { behaveToFlow } from '../transformers/behaveToFlow';
-import { calculateNewEdge } from '../util/calculateNewEdge';
-import { customNodeTypes } from '../util/customNodeTypes';
-import { getNodePickerFilters } from '../util/getPickerFilters';
-import CustomControls from './Controls';
-import { Examples } from './modals/LoadModal';
-import NodePicker from './NodePicker';
+import { useNodeSpecJson } from '../hooks/useNodeSpecJson.js';
+import { useRegistry } from '../hooks/useRegistry.js';
+import { behaveToFlow } from '../transformers/behaveToFlow.js';
+import { calculateNewEdge } from '../util/calculateNewEdge.js';
+import { customNodeTypes } from '../util/customNodeTypes.js';
+import { getNodePickerFilters } from '../util/getPickerFilters.js';
+import CustomControls from './Controls.js';
+import { Examples } from './modals/LoadModal.js';
+import NodePicker from './NodePicker.js';
 
 type FlowProps = {
   graph: GraphJSON;

packages/flow/src/components/InputSocket.tsx

@@ -4,9 +4,9 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import cx from 'classnames';
 import { Connection, Handle, Position, useReactFlow } from 'reactflow';
 
-import { colors, valueTypeColorMap } from '../util/colors';
-import { isValidConnection } from '../util/isValidConnection';
-import { AutoSizeInput } from './AutoSizeInput';
+import { colors, valueTypeColorMap } from '../util/colors.js';
+import { isValidConnection } from '../util/isValidConnection.js';
+import { AutoSizeInput } from './AutoSizeInput.js';
 
 export type InputSocketProps = {
   connected: boolean;

packages/flow/src/components/Node.tsx

@@ -1,11 +1,11 @@
 import { NodeSpecJSON } from '@behave-graph/core';
 import { NodeProps as FlowNodeProps, useEdges } from 'reactflow';
 
-import { useChangeNodeData } from '../hooks/useChangeNodeData';
-import { isHandleConnected } from '../util/isHandleConnected';
-import InputSocket from './InputSocket';
-import NodeContainer from './NodeContainer';
-import OutputSocket from './OutputSocket';
+import { useChangeNodeData } from '../hooks/useChangeNodeData.js';
+import { isHandleConnected } from '../util/isHandleConnected.js';
+import InputSocket from './InputSocket.js';
+import NodeContainer from './NodeContainer.js';
+import OutputSocket from './OutputSocket.js';
 // import styles from "./Node.module.css"
 
 type NodeProps = FlowNodeProps & {

packages/flow/src/components/NodeContainer.tsx

@@ -2,7 +2,7 @@ import { NodeCategory, NodeSpecJSON } from '@behave-graph/core';
 import cx from 'classnames';
 import { PropsWithChildren } from 'react';
 
-import { categoryColorMap, colors } from '../util/colors';
+import { categoryColorMap, colors } from '../util/colors.js';
 
 type NodeProps = {
   title: string;

packages/flow/src/components/NodePicker.tsx

@@ -2,7 +2,7 @@ import { NodeSpecJSON } from '@behave-graph/core';
 import { useState } from 'react';
 import { useReactFlow, XYPosition } from 'reactflow';
 
-import { useOnPressKey } from '../hooks/useOnPressKey';
+import { useOnPressKey } from '../hooks/useOnPressKey.js';
 
 export type NodePickerFilters = {
   handleType: 'source' | 'target';

packages/flow/src/components/OutputSocket.tsx

@@ -4,8 +4,8 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import cx from 'classnames';
 import { Connection, Handle, Position, useReactFlow } from 'reactflow';
 
-import { colors, valueTypeColorMap } from '../util/colors';
-import { isValidConnection } from '../util/isValidConnection';
+import { colors, valueTypeColorMap } from '../util/colors.js';
+import { isValidConnection } from '../util/isValidConnection.js';
 
 export type OutputSocketProps = {
   connected: boolean;

packages/flow/src/components/modals/ClearModal.tsx

@@ -1,7 +1,7 @@
 import { FC } from 'react';
 import { useReactFlow } from 'reactflow';
 
-import { Modal } from './Modal';
+import { Modal } from './Modal.js';
 
 export type ClearModalProps = {
   open?: boolean;

packages/flow/src/components/modals/HelpModal.tsx

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 
-import { Modal } from './Modal';
+import { Modal } from './Modal.js';
 
 export type HelpModalProps = {
   open?: boolean;

packages/flow/src/components/modals/LoadModal.tsx

@@ -2,10 +2,10 @@ import { GraphJSON } from '@behave-graph/core';
 import { FC, useState } from 'react';
 import { useReactFlow } from 'reactflow';
 
-import { behaveToFlow } from '../../transformers/behaveToFlow';
-import { autoLayout } from '../../util/autoLayout';
-import { hasPositionMetaData } from '../../util/hasPositionMetaData';
-import { Modal } from './Modal';
+import { behaveToFlow } from '../../transformers/behaveToFlow.js';
+import { autoLayout } from '../../util/autoLayout.js';
+import { hasPositionMetaData } from '../../util/hasPositionMetaData.js';
+import { Modal } from './Modal.js';
 
 export type LoadModalProps = {
   open?: boolean;

packages/flow/src/components/modals/Modal.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { FC, PropsWithChildren } from 'react';
 
-import { useOnPressKey } from '../../hooks/useOnPressKey';
+import { useOnPressKey } from '../../hooks/useOnPressKey.js';
 
 export type ModalAction = {
   label: string;

packages/flow/src/components/modals/SaveModal.tsx

@@ -1,8 +1,8 @@
 import { FC, useMemo, useRef, useState } from 'react';
 import { useEdges, useNodes } from 'reactflow';
 
-import { flowToBehave } from '../../transformers/flowToBehave';
-import { Modal } from './Modal';
+import { flowToBehave } from '../../transformers/flowToBehave.js';
+import { Modal } from './Modal.js';
 
 export type SaveModalProps = { open?: boolean; onClose: () => void };
 

packages/flow/src/util/customNodeTypes.tsx

@@ -1,7 +1,7 @@
 import { NodeTypes } from 'reactflow';
 
-import { Node } from '../components/Node';
-import { getNodeSpecJSON } from './getNodeSpecJSON';
+import { Node } from '../components/Node.js';
+import { getNodeSpecJSON } from './getNodeSpecJSON.js';
 
 const spec = getNodeSpecJSON();