Switch to npm for preact+htm

package.json

@@ -32,6 +32,7 @@
     "gsap": "^3.12.2",
     "htm": "^3.1.1",
     "immer": "^9.0.21",
+    "preact": "^10.16.0",
     "tone": "^14.8.49"
   },
   "release-it": {

src/main.js

@@ -1 +1,7 @@
-console.log('i will be transpiled')
+import {Component, render} from 'preact'
+import {useState} from 'preact/hooks'
+import {html} from 'htm/preact'
+
+// This file bundles the things we need in the UI to make the imports easier.
+
+export {Component, render, useState, html}

src/ui/app.js

@@ -1,5 +1,5 @@
 // Third party dependencies
-import {html, Component, useState} from '../../public/web_modules/htm/preact/standalone.module.js'
+import {html, Component, useState} from '../main.js'
 import gsap from './animations.js'
 // @ts-ignore
 import Flip from 'https://slaytheweb-assets.netlify.app/gsap/Flip.js'

src/ui/campfire.js

@@ -1,4 +1,4 @@
-import {html, Component} from '../../public/web_modules/htm/preact/standalone.module.js'
+import {html, Component} from '../main.js'
 import CardChooser from './card-chooser.js'
 
 export default class CampfireRoom extends Component {

src/ui/card-chooser.js

@@ -1,4 +1,4 @@
-import {html, Component} from '../../public/web_modules/htm/preact/standalone.module.js'
+import {html, Component} from '../main.js'
 import {Card} from './cards.js'
 
 export default class CardChooser extends Component {

src/ui/cards.js

@@ -1,4 +1,4 @@
-import {html, Component} from '../../public/web_modules/htm/preact/standalone.module.js'
+import {html, Component} from '../main.js'
 import {canPlay} from '../../public/game/conditions.js'
 
 export default class Cards extends Component {

src/ui/collection.js

@@ -1,4 +1,4 @@
-import {html, render} from '../../public/web_modules/htm/preact/standalone.module.js'
+import {html, render} from '../main.js'
 import cards from '../../public/content/cards.js'
 import {Card} from './cards.js'
 

src/ui/dungeon-stats.js

@@ -1,4 +1,4 @@
-import {html, Component} from '../../public/web_modules/htm/preact/standalone.module.js'
+import {html, Component} from '../main.js'
 
 const getEnemiesStats = (dungeon) => {
 	const stats = {

src/ui/history.js

@@ -1,4 +1,4 @@
-import {html, Component} from '../../public/web_modules/htm/preact/standalone.module.js'
+import {html, Component} from '../main.js'
 
 export default class Queue extends Component {
 	constructor(props) {

src/ui/index.js

@@ -1,4 +1,4 @@
-import {html, render, Component} from '../../public/web_modules/htm/preact/standalone.module.js'
+import {html, render, Component} from '../main.js'
 import App from './app.js'
 import SplashScreen from './splash-screen.js'
 import WinScreen from './win-screen.js'

src/ui/map.js

@@ -1,4 +1,4 @@
-import {Component, html} from '../../public/web_modules/htm/preact/standalone.module.js'
+import {Component, html} from '../main.js'
 import {random as randomBetween} from '../../public/game/utils.js'
 import {isRoomCompleted} from '../../public/game/utils-state.js'
 

src/ui/menu.js

@@ -1,4 +1,4 @@
-import {html} from '../../public/web_modules/htm/preact/standalone.module.js'
+import {html} from '../main.js'
 import History from './history.js'
 
 const save = (state) => (window.location.hash = encodeURIComponent(JSON.stringify(state)))

src/ui/overlays.js

@@ -1,4 +1,4 @@
-import {html} from '../../public/web_modules/htm/preact/standalone.module.js'
+import {html} from '../main.js'
 
 // A tiny overlay UI component.
 export function Overlay(props) {

src/ui/player.js

@@ -1,4 +1,4 @@
-import {html, Component} from '../../public/web_modules/htm/preact/standalone.module.js'
+import {html, Component} from '../main.js'
 import {
 	weak as weakPower,
 	vulnerable as vulnerablePower,

src/ui/splash-screen.js

@@ -1,4 +1,4 @@
-import {html, Component} from '../../public/web_modules/htm/preact/standalone.module.js'
+import {html, Component} from '../main.js'
 import gsap from '../../public/web_modules/gsap.js'
 
 export default class SplashScreen extends Component {

src/ui/start-room.js

@@ -1,4 +1,4 @@
-import {html, Component} from '../../public/web_modules/htm/preact/standalone.module.js'
+import {html, Component} from '../main.js'
 
 export default class StartRoom extends Component {
 	render() {

src/ui/stats.js

@@ -1,4 +1,4 @@
-import {html, render} from '../../public/web_modules/htm/preact/standalone.module.js'
+import {html, render} from '../main.js'
 import {getRuns} from '../../public/game/backend.js'
 
 const List = (props) => html`

src/ui/win-screen.js

@@ -1,4 +1,4 @@
-import {html} from '../../public/web_modules/htm/preact/standalone.module.js'
+import {html} from '../main.js'
 
 const WinScreen = (props) => html`
 	<article class="Splash">