switch to type: module

Author: elbakerino

README.md

@@ -49,7 +49,7 @@ Then run tests:
 npm test
 ```
 
-Then run tests in watch mode:
+Or run tests in watch mode:
 
 ```shell
 npm run tdd

package.json

@@ -2,6 +2,7 @@
   "name": "demo-bts",
   "version": "0.5.0-alpha.1",
   "private": true,
+  "type": "module",
   "dependencies": {
     "@ui-schema/dictionary": "~0.1.0-alpha.2",
     "@ui-schema/ds-bootstrap": "~0.5.0-alpha.2",
@@ -30,7 +31,8 @@
   "scripts": {
     "start": "cross-env NODE_ENV=development vite",
     "build": "cross-env NODE_ENV=production vite build",
-    "test": "vitest run --coverage",
-    "tdd": "vitest"
+    "test": "vitest run --coverage --browser.headless=true",
+    "tdd": "vitest",
+    "tdd-headless": "vitest --browser.headless=true"
   }
 }

src/App.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import 'bootstrap/dist/css/bootstrap.css';
-import NavProject from "./components/NavProject";
-import DemoEditor from "./components/DemoEditor";
+import NavProject from "./components/NavProject.jsx";
+import DemoEditor from "./components/DemoEditor.jsx";
 
 export default function App() {
     return (

src/App.test.jsx

@@ -1,7 +1,7 @@
 import { expect, test } from 'vitest'
 import { render } from 'vitest-browser-react'
 import { userEvent } from '@vitest/browser/context'
-import App from './App';
+import App from './App.jsx';
 
 test('renders header', async() => {
     const {getByText} = render(<App/>);

src/components/DemoEditor.jsx

@@ -4,7 +4,7 @@ import { UIMetaProvider } from '@ui-schema/react/UIMeta'
 import { UIStoreProvider, createStore } from '@ui-schema/react/UIStore'
 import { storeUpdater } from '@ui-schema/react/storeUpdater'
 import { WidgetEngine } from '@ui-schema/react/WidgetEngine'
-import { browserT } from '../t';
+import { browserT } from '../t.js';
 import { DefaultHandler } from '@ui-schema/react/DefaultHandler';
 import { ValidityReporter } from '@ui-schema/react/ValidityReporter';
 import { schemaPluginsAdapterBuilder } from '@ui-schema/react/SchemaPluginsAdapter';

src/components/NavProject.jsx

@@ -1,5 +1,5 @@
 import React from "react";
-import GithubLogo from "./GithubLogo";
+import GithubLogo from "./GithubLogo.jsx";
 
 export default function NavProject() {
     return <React.Fragment>

src/index.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import './index.css';
-import App from './App';
+import App from './App.jsx';
 
 createRoot(document.getElementById('root'))
     .render(<App/>);