Use JSX automatic import transform

package.json

@@ -36,6 +36,7 @@
     "morgan": "1.10.0",
     "preact": "10.22.0",
     "preact-render-to-string": "6.5.3",
+    "react": "npm:@preact/compat",
     "serve-favicon": "2.5.0"
   },
   "devDependencies": {

rollup.config.js

@@ -20,13 +20,15 @@ const serverBundle = {
 		'node:http',
 		'preact',
 		'preact-render-to-string',
-		'preact/hooks'
+		'preact/hooks',
+		'react/jsx-runtime'
 	],
 	watch: {
 		clearScreen: false
 	},
 	plugins: [
 		esbuild({
+			jsx: 'automatic',
 			jsxFactory: 'h',
 			jsxFragment: 'Fragment'
 		}),

src/components/App.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 import { Footer, Head, Header, InstanceLabel, Navigation, PageSubtitle, PageTitle } from './index.js';
 import { CurrentPath } from '../contexts/index.js';
 

src/components/AppendedCoEntities.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { Entities } from './index.js';
 

src/components/AppendedDate.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { formatDate } from '../lib/format-date.js';
 

src/components/AppendedDepictions.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 const AppendedDepictions = props => {
 

src/components/AppendedEmployerCompany.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { CommaSeparatedInstanceLinks, InstanceLink } from './index.js';
 

src/components/AppendedEntities.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { Entities } from './index.js';
 

src/components/AppendedFormatAndYear.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 const AppendedFormatAndYear = props => {
 

src/components/AppendedMembers.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { CommaSeparatedInstanceLinks } from './index.js';
 

src/components/AppendedPerformers.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { InstanceLink, JoinedRoles } from './index.js';
 

src/components/AppendedProductionDates.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { formatDate } from '../lib/format-date.js';
 

src/components/AppendedProductionTeamCredits.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { AppendedCoEntities, AppendedEmployerCompany, AppendedMembers } from './index.js';
 

src/components/AppendedQualifier.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 const AppendedQualifier = props => {
 

src/components/AppendedRoles.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { JoinedRoles } from './index.js';
 

src/components/AppendedVenue.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { VenueLinkWithContext } from './index.js';
 

src/components/CharactersList.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 import { AppendedQualifier, InstanceLink, ListWrapper } from './index.js';
 
 const CharactersList = props => {

src/components/CommaSeparatedInstanceLinks.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { InstanceLink } from './index.js';
 

src/components/CommaSeparatedMaterials.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { MaterialLinkWithContext } from './index.js';
 

src/components/CommaSeparatedProductions.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { ProductionLinkWithContext } from './index.js';
 

src/components/CreativeProductionsList.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 import { AppendedProductionTeamCredits, ProductionLinkWithContext, ListWrapper } from './index.js';
 
 const CreativeProductionsList = props => {

src/components/CrewProductionsList.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 import { AppendedProductionTeamCredits, ProductionLinkWithContext, ListWrapper } from './index.js';
 
 const CrewProductionsList = props => {

src/components/Entities.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { AppendedMembers, InstanceLink } from './index.js';
 

src/components/FestivalLinkWithContext.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { InstanceLink, PrependedSurInstance } from './index.js';
 

src/components/Footer.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 const Footer = () => {
 
 	return (

src/components/Head.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 const Head = props => {
 
 	const { documentTitle } = props;

src/components/Header.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 const Header = () => {
 
 	return (

src/components/InstanceFacet.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 const InstanceFacet = props => {
 
 	const { labelText, children } = props;

src/components/InstanceLabel.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 import { MODEL_TO_DISPLAY_NAME_MAP } from '../utils/constants.js';
 
 const InstanceLabel = props => {

src/components/InstanceLink.jsx

@@ -1,4 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
 import { useContext } from 'preact/hooks';
 
 import { CurrentPath } from '../contexts/index.js';

src/components/InstanceLinksList.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 import { InstanceLink, ListWrapper } from './index.js';
 
 const InstanceLinksList = props => {

src/components/JoinedRoles.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { AppendedQualifier, InstanceLink } from './index.js';
 

src/components/ListWrapper.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 const ListWrapper = props => {
 
 	const { children } = props;

src/components/MaterialLinkWithContext.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { AppendedFormatAndYear, InstanceLink, PrependedSurInstance, WritingCredits } from './index.js';
 

src/components/MaterialsList.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 import { ListWrapper, MaterialLinkWithContext } from './index.js';
 
 const MaterialsList = props => {

src/components/Navigation.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 const Navigation = () => {
 
 	return (

src/components/PageSubtitle.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 const PageSubtitle = props => {
 
 	const { text } = props;

src/components/PageTitle.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 const PageTitle = props => {
 
 	const { text } = props;

src/components/PrependedSurInstance.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { InstanceLink } from './index.js';
 

src/components/ProducerCredits.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { ProducerEntities } from './index.js';
 import { capitalise } from '../lib/strings.js';

src/components/ProducerEntities.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { CommaSeparatedInstanceLinks, InstanceLink } from './index.js';
 

src/components/ProducerProductionsList.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { ProducerCredits, ProductionLinkWithContext, ListWrapper } from './index.js';
 

src/components/ProductionLinkWithContext.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { AppendedProductionDates, AppendedVenue, InstanceLink, PrependedSurInstance } from './index.js';
 

src/components/ProductionTeamCreditsList.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 import { AppendedEntities, ListWrapper } from './index.js';
 
 const ProductionTeamCreditsList = props => {

src/components/ProductionsList.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 import { ListWrapper, ProductionLinkWithContext } from './index.js';
 
 const ProductionsList = props => {

src/components/VenueLinkWithContext.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { InstanceLink, PrependedSurInstance } from './index.js';
 

src/components/WritingCredits.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { WritingEntities } from './index.js';
 import { capitalise } from '../lib/strings.js';

src/components/WritingEntities.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { AppendedFormatAndYear, InstanceLink, PrependedSurInstance, WritingCredits } from './index.js';
 

src/controllers/helpers/render-component-to-string.jsx

@@ -1,4 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
 import render from 'preact-render-to-string';
 
 const renderComponentToString = (PageComponent, props) => {

src/pages/ErrorPage.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 import { App } from '../components/index.js';
 
 const ErrorPage = props => {

src/pages/Home.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 import { App } from '../components/index.js';
 
 const Home = props => {

src/pages/instances/Award.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 import { App, InstanceFacet, InstanceLinksList } from '../../components/index.js';
 
 const Award = props => {

src/pages/instances/AwardCeremony.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import {
 	App,

src/pages/instances/Character.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 import {
 	App,
 	AppendedDepictions,

src/pages/instances/Company.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import {
 	App,

src/pages/instances/Festival.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 import { App, InstanceFacet, InstanceLink, ProductionsList } from '../../components/index.js';
 
 const Festival = props => {

src/pages/instances/FestivalSeries.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 import { App, InstanceFacet, InstanceLinksList } from '../../components/index.js';
 
 const FestivalSeries = props => {

src/pages/instances/Material.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import {
 	App,

src/pages/instances/Person.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import {
 	App,

src/pages/instances/Production.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import {
 	App,

src/pages/instances/Season.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 import { App, InstanceFacet, ProductionsList } from '../../components/index.js';
 
 const Season = props => {

src/pages/instances/Venue.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 import { App, InstanceFacet, InstanceLink, InstanceLinksList, ProductionsList } from '../../components/index.js';
 
 const Venue = props => {

src/pages/lists/AwardCeremonies.jsx

@@ -1,4 +1,4 @@
-import { Fragment, h } from 'preact'; // eslint-disable-line no-unused-vars
+import { Fragment } from 'preact';
 
 import { App, InstanceLink, ListWrapper } from '../../components/index.js';
 

src/pages/lists/Awards.jsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'; // eslint-disable-line no-unused-vars
-
 import { App, InstanceLinksList } from '../../components/index.js';
 
 const Awards = props => {