vite-plugin-hyperapp 1.3.1 → 2.0.0

package/README.md

@@ -1,84 +1,173 @@
+# Vite Hyperapp Plugin
 
-# Vite Hyperapp Plugin & Starter
+Use Vite 8 to develop and build Hyperapp apps, with support for JSX/TSX, HMR and SSR.
 
-Use vite as a dev-server and bundler for your hyperapp projects. Supports:
+## Get started
 
-- Views in JSX/TSX
-- Hot module reloading (HMR)
-- Server-side rendering (SSR)
-
-## Get Started
-
-To get up and running with Hyperapp and Vite in a few seconds, use [create-vite-hyperapp](https://github.com/zaceno/create-vite-hyperapp):
+In a Vite project, install `hyperapp` as a dependency and `vite-plugin-hyperapp` as a development-dependency: 
 
 ```sh
-> npm create vite-hyperapp@latest
+npm install hyperapp
+npm install -D vite vite-plugin-hyperapp
 ```
 
-> Use `npm create vite-hyperapp -- --help` for some command line options.
-
-The starter will ask you for a folder in which to scaffold the project, and it will also ask if you would like to use typescript and/or SSR.
-
+> If you intend to use SSR, you will want to install `vite-plugin-hyperapp` as a regular dependency since the server needs to `import {renderToString} from 'vite-plugin-hyperapp/ssr'`
 
-### Manual setup
-
-In case you want to install manually, you need a project folder with `vite` installed, and a `vite.config.js` ready to go. Then you can install the vite-plugin for hyperapp, and enable it in the config:
-
-```sh
-> npm install vite-plugin-hyperapp
-```
+Add the plugin to your Vite config:
 
 ```js
 // vite.config.js
-import { defineConfig } from "vite"
-import hyperapp from "vite-plugin-hyperapp"
+import { defineConfig } from 'vite'
+import { hyperapp } from 'vite-plugin-hyperapp'
 
 export default defineConfig({
   plugins: [hyperapp()],
 })
 ```
-> Options are passed as an object to `hyperapp({...})`. Available options described below.
 
-In order to enable build TSX files to build, please add the following options to `compilerOptions` in your `tsconfig.json`:
+Here is a small app to try it with:
 
-```json
-/* Necessary for tsx to work with vite-plugin-hyperapp */
-"jsx": "preserve",
-"jsxFactory": "jsx",
-"jsxFragmentFactory": "jsxFragment"
+```html
+<!-- index.html -->
+<main id="app"></main>
+<script type="module" src="/src/main.jsx"></script>
 ```
 
-and to make sure your editor's TS language server picks up the right types for JSX/TSX,
-add this line in your `src/vite-env.d.ts`:
+```jsx
+// src/main.jsx
+import { app } from 'hyperapp'
+
+const Increment = (state) => ({ count: state.count + 1 })
+
+const view = (state) => (
+  <main id="app">
+    <button onclick={Increment}>Count: {state.count}</button>
+  </main>
+)
+
+const node = document.getElementById('app')
+if (!node) throw new Error('Mount node not found')
 
+app({
+  init: { count: 0 },
+  view,
+  node,
+})
 ```
-/// <reference types="vite-plugin-hyperapp/jsx" />
+
+## Views in JSX or TSX
+
+You are free to use hyperapp's built-in `h()` and `text()`, or `@hyperapp/html` or any other view authoring system you prefer. 
+
+But if you want to use JSX, you can do so with no extra config. Just make sure to name every file where you use JSX with the extension `.jsx` (or `.tsx` if you are using Typescript).
+
+### Component children
+
+Unlike the old standard, the JSX support of this plugin now follows the modern convention of putting `children` as a property of components, rather than a second argument.
+
+```jsx
+function Panel({ title, children }) {
+  return (
+    <section>
+      <h2>{title}</h2>
+      {children}
+    </section>
+  )
+}
+
+const view = (state) => (
+  <main id="app">
+    <Panel title="Welcome"><p>{state.message}</p></Panel>
+  </main>
+)
 ```
+### Fragments
 
-## Hot-module-reloading (HMR)
+The JSX support comes with support for fragments (`<>...</>`) - allowing components to return an array of nodes.
 
-> The following is taken care of already, when you scaffold your app with `npm create vite-hyperapp`, but it is useful to be aware of
+```jsx
 
-For hot-module-reloading to work, the plugin injects some code in the module where you initiate the app. In order for this to work, the app-initiation module must follow these two rules:
+function Items({items}) {
+  return (
+    <>
+    {items.map(txt => <li>{txt}</li>)}
+    </>
+  )
+}
 
-1. It must import `app` from `"hyperapp"` using named imports (i.e. with `{..app...}`, not `*`
-2. The dispatch function returned from the app-call must be exported as a _named_ (not default) export.
+function List({items}) {
+  return (
+    <ul>
+      <li>Always First</li>
+      <Items items={items} />
+      <li>Always Last</li>
+    </ul>
+  )
+}
 
-By default, HMR expects the exported dispatch function to be named `dispatch`. If you choose to name it something else, let the plugin know by providing it to the plugin options: 
+<List items={['a', 'b', 'c']} />
+/* ==>
+  <ul>
+    <li>Always First</li>
+    <li>a</li>
+    <li>b</li>
+    <li>c</li>
+    <li>Always Last</li>
+  </ul>
+*/
+```
 
-```js
-//vite.config.js
-export default defineConfig({
-  plugins: [hyperapp({
-    dispatchExport: "myDispatchAlias"
-  })],
-})
+> Note: Hyperapp requires the top node of the view to ***not*** be a fragment.
+
+### Using TypeScript (TSX)
+
+If you use TypeScript, use the file extension `.tsx` rather than `.jsx`.
+
+You will also need to configure TypeScript to recognize the JSX runtime in your `tsconfig.json`, by adding the following to your `compilerOptions`:
+
+```jsonc
+// tsconfig.json
+{
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "jsxImportSource": "vite-plugin-hyperapp/jsx"
+  }
+}
+```
+
+For components that accept children, type the children as `Child` – a convenience type exported from the runtime:
+
+```tsx
+import type { Child } from 'vite-plugin-hyperapp/jsx/jsx-runtime'
+
+function Panel({ title, children }: { title: string; children?: Child }) {
+  return (
+    <section>
+      <h2>{title}</h2>
+      {children}
+    </section>
+  )
+}
 ```
 
-And if you'd rather use Vite's HMR api directly, or forego HMR entirely, you can use set that as an option in the plugin as well:
+## Hot module reloading
+
+Hot Module Reloading is on by default in the dev server, when using this plugin. It means that any changes to your app will be reloaded *without clearing the state*. That lets you navigate to a particular view and develop it with live updates – and because the state does not change, you don't have to navigate back to the view to see your changes – you are already there!
+
+For HMR to work, some simple rules need to be observed:
+
+- In your main client side entry, import `app` from `hyperapp` *without renaming it* – e.g. do *not* `import  {app as hyperApp} ...`
+- Use an id to identify the app mountpoint in the html entrypoint, and make sure to use the exact same tag ***and id*** for the top vnode of your view.
+- Any kind of logic you put outside of `app()` risks being rerun every HMR so keep your app logic contained to the properties you pass to app (`init`, `subscriptions`, `dispatch`).
+
+If HMR is giving you grief, simply disable it by setting the `hmr` option to `false` in the plugin options: 
+
 
 ```js
-//vite.config.js
+// vite.config.js
+import { defineConfig } from 'vite'
+import { hyperapp } from 'vite-plugin-hyperapp'
+
 export default defineConfig({
   plugins: [hyperapp({
     hmr: false
@@ -86,116 +175,179 @@ export default defineConfig({
 })
 ```
 
-## Server-side Rendering (SSR)
 
-Server side rendering with Vite in general is described here: https://vitejs.dev/guide/ssr.html#server-side-rendering Below are some important details specific to Hyperapp and this plugin.
+## Server-side rendering
+
+Server-side rendering is when the server sends your app's initial view already fully rendered as HTML. Since Hyperapp recycles existing nodes (as long as they match the initial view), your initial view will be rendered even while your app is still loading, improving perceived performance.
+
+See [Vite's SSR guide](https://vite.dev/guide/ssr) for setting up a server and
+client entry. 
 
-> When you use `npm create vite-hyperapp` to scaffold a project with SSR, these details are set up for you. But they're useful to be aware of as you build out your app.
+This plugin exports `renderToString` from
+`vite-plugin-hyperapp/ssr`. Import it in your server entry to render the
+initial view to an HTML string:
 
-### Redering your initial app to raw html
+```js
+// src/entry-server.js
+import { renderToString } from 'vite-plugin-hyperapp/ssr'
+import { init, view } from './app.jsx'
+
+//...
+
+let html = readFileSync('./index.html.template', 'utf-8')
+html = html.replace(
+  '<!--ssr-outlet-->,
+  () => renderToString({init, view })
+) 
+
+//... respond with html
+
+```
 
-This plugin provides a function exported from `vite-plugin-hyperapp/ssr`, which can render your initial app as static html.
+### How to avoid calling browser APIs server-side
 
-For example:
+Since you pass the same `init` to your server rendering as you pass to your client side app (in order to get the same initial view), there is a danger if your init runs effects that depend on browser-only APIs. 
+
+To avoid this, use the `import.meta.env.SSR` environment variable in your init action, to opt out of browser-only effects when in SSR:
 
 ```js
-import { init, view } from "./main"
-import renderApp from "vite-plugin-hyperapp/ssr"
-export async function render() {
-  return await renderApp({ init, view })
-}
+// src/app.jsx
+const focusInput = () => document.querySelector('#new-item')?.focus()
+
+export const init = () => [
+  {items: []},
+  !import.meta.env.SSR && focusInput //effect won't run in SSR
+]
 ```
 
-`renderApp` is an async function that takes the same options object as `hyperapp.app` - except the `node` option - and returns a promise which resolves to the html-string.
+> Note: this only matters for the init action. renderToString does not run subscriptions, nor other actions - unless an init effect dispatches them.
 
-> It is important that the server-entry module has `import ... from 'vite-plugin-hyperapp/ssr'` somewhere in it, in order for HMR to continue working on SSR enabled apps.
 
-### Mountpoint defined by the view
+### Initializing your app with data
 
-Unlike many other framework, Hyperapp _replaces_ the given mount-node with the root node rended from the view.
+A common requirement is to initialize one's app with some preloaded data. Let's say, for example, you have a shopping cart and want to start the app with the cart items for the logged in user. 
 
-This means that if your non-ssr `index.html` has this:
+```js
+//src/entry-server.js
+
+// check auth header and get the logged in user
+const user = await auth.checkLogin()
+
+// get the users existing cart items:
+const cartItems = await db.getCartItemsForUser(user)
+
+// ... now, how do we send this data, along with the app
+// to the client?
 
-```html
-<p>Static html here</p>
-<div id="app"></div>
-<p>More static html</p>
 ```
 
-and you start your app like this:
+In order to ensure that the server and client both produce the same initial DOM structure, we must ensure they are initialized the same way with the same data. Here is a simple pattern for that:
+
+
+#### Step 1 – Make the init action accept initialization data.
 
 ```js
-app({
-  ...,
-  node: document.querySelector('#app')
+//app.jsx
+export const init = (
+  _,
+  {user, cartItems}={user:null, cartItems:[]}
+) => ({
+  //...a bunch of other initial state,
+  cartItems, user
 })
 ```
 
-Then you _DON'T_ add your ssr outlet like this:
+#### Step 2 - Pass the data as payload to init on the server
 
-```html
-<p>Static html here</p>
-<div id="app">
-  <!--ssr-outlet-->
-</div>
-<p>More static html</p>
-```
+```js
+// src/entry-server.js
+// ...
 
-...but rather like this:
+let html = readFileSync('./index.html.template', 'utf-8')
 
-```html
-<p>Static html here</p>
-<!--ssr-outlet-->
-<p>More static html</p>
+html = html.replace(
+  '<!--ssr-outlet-->',
+  () => renderToString({init: [init, {user, cartItems}], view })
+) 
 ```
 
-And you make sure that the root-node of your view has `id="app"`.
-
+#### Step 3 - Serialize the data into the html response
 
-## Important Notes
+This way the same data will be available in the client when the app starts up. 
 
-### Main view with TSX
-
-TSX-expressions necessarily return the hyperapp type `MaybeVNode<State> | MaybeVNode<State>[]`. However, that is too loose for the `view` you pass to hyperapp's `app({...})` call. Therefore, you need to cast the return of your main view to `VNode<State>` (and of course make sure this is true, also).
+```js
+// src/entry-server.js
+
+//...
+
+//html-safe json serialization
+const json = JSON
+  .stringify({user, cartItems})
+  .replace(
+    /[<>&\u2028\u2029]/g,
+    character => ({
+      '<': '\\u003c',
+      '>': '\\u003e',
+      '&': '\\u0026',
+      '\u2028': '\\u2028',
+      '\u2029': '\\u2029',
+    })[character]
+  )
+
+html = html.replace(
+  '<!--initial-data-->',
+  () => `<script>window.initialData=${json};</script>`
+)
+```
 
-```ts
-import {type VNode} from 'hyperapp'
-...
+(The HTML template might look like this)
+```html
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title></title>
+  </head>
+  <body>
+    <!--initial-data-->
+    <!--ssr-outlet-->
+    <script type="module" src="/src/entry-client.js"></script>
+  </body>
+</html>
 
-export const view = (state:State) => (
-  <main id="app">
-    ...
-  </main>
-) as VNode<State>
 ```
 
-### JSX/TSX children
 
-When you pass children to a component, like:
+#### Step 4 - Use the initial data in client app init
 
-```jsx
-<MyComponent>
-  <p>foo</p>
-  <p>bar</p>
-</MyComponent>
-```
+Wherever you start up your app in the client (in this example `entry-client.js`), pass along the data embedded in the page.
 
-they will arrive as an array of virtual nodes in the _second_ argument to the component.
+```js
+// src/entry-client.js
+import {app} from 'hyperapp'
+import {init, view} from './app.jsx'
+app({
+  init: [init, window.initialData],
+  view,
+  node: document.getElementById('app')
+})
 
-```jsx
-const MyComponent = (props, children) => {
-  //children will be: [<p>foo</p>, <p>bar</p>]
-}
 ```
 
-It's ok to put this array of children among other children, because the jsx transform will flatten the child-list:
+## Safari TSX source maps
 
-```jsx
-const MyComponent = (props, children) => (
-  <div>
-    <h1>Header</h1>
-    {children} {/* <--- this is fine */}
-  </div>
-)
+If Safari Web Inspector doesn't show your original TSX under the transformed
+module, enable the optional development workaround:
+
+```js
+// vite.config.js
+export default defineConfig({
+  plugins: [hyperapp({ safariExternalSourcemaps: true })],
+})
 ```
 
+It makes Safari load Vite's external `.tsx.map` rather than an inline map.
+Safari shows the generated JS as the parent source and the original TSX below
+it. Chrome and production output are unchanged. This option is off by default;
+ordinary `.ts` files don't need it.

package/dist/hmr/runtime.d.ts

@@ -0,0 +1,4 @@
+export declare function createHmrApp(hot: any): {
+    mount(app: any, props: any): any;
+    dispose(data: any): Promise<void>;
+};

package/dist/hmr/runtime.js

@@ -0,0 +1,21 @@
+// Development-only browser runtime. Keep this independent of any particular app.
+const stateKey = '__hyperappHmrState';
+export function createHmrApp(hot) {
+    let dispatch;
+    return {
+        mount(app, props) {
+            dispatch = app({
+                ...props,
+                init: Object.hasOwn(hot.data, stateKey) ? hot.data[stateKey] : props.init,
+            });
+            return dispatch;
+        },
+        async dispose(data) {
+            // Let any already queued Hyperapp render finish before stopping the app.
+            await new Promise(resolve => requestAnimationFrame(resolve));
+            dispatch(state => (data[stateKey] = state));
+            dispatch();
+        },
+    };
+}
+//# sourceMappingURL=runtime.js.map

package/dist/hmr/runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../hmr/runtime.js"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,MAAM,QAAQ,GAAG,oBAAoB,CAAA;AAErC,MAAM,UAAU,YAAY,CAAC,GAAG;IAC9B,IAAI,QAAQ,CAAA;IAEZ,OAAO;QACL,KAAK,CAAC,GAAG,EAAE,KAAK;YACd,QAAQ,GAAG,GAAG,CAAC;gBACb,GAAG,KAAK;gBACR,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI;aAC1E,CAAC,CAAA;YACF,OAAO,QAAQ,CAAA;QACjB,CAAC;QACD,KAAK,CAAC,OAAO,CAAC,IAAI;YAChB,yEAAyE;YACzE,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAA;YAC5D,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,CAAC,CAAA;YAC3C,QAAQ,EAAE,CAAA;QACZ,CAAC;KACF,CAAA;AACH,CAAC","sourcesContent":["// Development-only browser runtime. Keep this independent of any particular app.\nconst stateKey = '__hyperappHmrState'\n\nexport function createHmrApp(hot) {\n  let dispatch\n\n  return {\n    mount(app, props) {\n      dispatch = app({\n        ...props,\n        init: Object.hasOwn(hot.data, stateKey) ? hot.data[stateKey] : props.init,\n      })\n      return dispatch\n    },\n    async dispose(data) {\n      // Let any already queued Hyperapp render finish before stopping the app.\n      await new Promise(resolve => requestAnimationFrame(resolve))\n      dispatch(state => (data[stateKey] = state))\n      dispatch()\n    },\n  }\n}\n"]}

package/dist/hmr/vite.d.ts

@@ -0,0 +1,2 @@
+import { type Plugin } from 'vite';
+export declare function hyperappHmr(): Plugin;

package/dist/hmr/vite.js

@@ -0,0 +1,71 @@
+import { readFile } from 'node:fs/promises';
+import MagicString from 'magic-string';
+import { parseSync } from 'vite';
+const virtualId = 'virtual:hyperapp-hmr';
+const resolvedId = '\0' + virtualId;
+// This plugin only instruments the module that imports and calls Hyperapp's app.
+// It does not need to know the entry point, the app's state type, or its view.
+export function hyperappHmr() {
+    return {
+        name: 'local:hyperapp-hmr',
+        apply: 'serve',
+        enforce: 'post', // inspect JavaScript after Vite has transformed TS/TSX
+        resolveId(id) {
+            if (id === virtualId)
+                return resolvedId;
+        },
+        async load(id) {
+            if (id === resolvedId) {
+                return readFile(new URL('./runtime.js', import.meta.url), 'utf8');
+            }
+        },
+        transform(code, id, options) {
+            if (options?.ssr || id.includes('/node_modules/') || !/\.[cm]?[jt]sx?(?:\?|$)/.test(id))
+                return;
+            if (!code.includes('hyperapp'))
+                return;
+            const ast = parseSync(id, code);
+            const importsApp = ast.program.body.some(node => node.type === 'ImportDeclaration' &&
+                node.source.value === 'hyperapp' &&
+                node.specifiers.some(specifier => specifier.type === 'ImportSpecifier' &&
+                    specifier.imported.type === 'Identifier' &&
+                    specifier.imported.name === 'app' &&
+                    specifier.local.name === 'app'));
+            if (!importsApp)
+                return;
+            const calls = [];
+            function visit(value) {
+                if (!value || typeof value !== 'object')
+                    return;
+                if (Array.isArray(value)) {
+                    value.forEach(visit);
+                    return;
+                }
+                const node = value;
+                if (node.type === 'CallExpression') {
+                    const callee = node.callee;
+                    if (callee.type === 'Identifier' && callee.name === 'app') {
+                        calls.push({ start: callee.start, end: callee.end });
+                    }
+                }
+                for (const [key, child] of Object.entries(node)) {
+                    if (key !== 'start' && key !== 'end')
+                        visit(child);
+                }
+            }
+            visit(ast.program.body);
+            if (!calls.length)
+                return;
+            if (calls.length !== 1) {
+                this.error(`Expected exactly one Hyperapp app() call in ${id}; found ${calls.length}`);
+            }
+            const output = new MagicString(code);
+            output.prepend(`import { createHmrApp as __hyperappHmrCreate } from '${virtualId}';\n` +
+                `const __hyperappHmr = __hyperappHmrCreate(import.meta.hot);\n`);
+            output.overwrite(calls[0].start, code.indexOf('(', calls[0].end) + 1, '__hyperappHmr.mount(app, ');
+            output.append('\nimport.meta.hot.accept();\nimport.meta.hot.dispose(__hyperappHmr.dispose);\n');
+            return { code: output.toString(), map: output.generateMap({ hires: true }) };
+        },
+    };
+}
+//# sourceMappingURL=vite.js.map

package/dist/hmr/vite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite.js","sourceRoot":"","sources":["../../hmr/vite.ts"],"names":[],"mappings":"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","sourcesContent":["import { readFile } from 'node:fs/promises'\nimport MagicString from 'magic-string'\nimport { parseSync, type Plugin } from 'vite'\n\nconst virtualId = 'virtual:hyperapp-hmr'\nconst resolvedId = '\\0' + virtualId\n\n// This plugin only instruments the module that imports and calls Hyperapp's app.\n// It does not need to know the entry point, the app's state type, or its view.\nexport function hyperappHmr(): Plugin {\n  return {\n    name: 'local:hyperapp-hmr',\n    apply: 'serve',\n    enforce: 'post', // inspect JavaScript after Vite has transformed TS/TSX\n    resolveId(id) {\n      if (id === virtualId) return resolvedId\n    },\n    async load(id) {\n      if (id === resolvedId) {\n        return readFile(new URL('./runtime.js', import.meta.url), 'utf8')\n      }\n    },\n    transform(code, id, options) {\n      if (options?.ssr || id.includes('/node_modules/') || !/\\.[cm]?[jt]sx?(?:\\?|$)/.test(id)) return\n      if (!code.includes('hyperapp')) return\n\n      const ast = parseSync(id, code)\n      const importsApp = ast.program.body.some(node =>\n        node.type === 'ImportDeclaration' &&\n        node.source.value === 'hyperapp' &&\n        node.specifiers.some(specifier =>\n          specifier.type === 'ImportSpecifier' &&\n          specifier.imported.type === 'Identifier' &&\n          specifier.imported.name === 'app' &&\n          specifier.local.name === 'app',\n        ),\n      )\n      if (!importsApp) return\n\n      const calls: { start: number; end: number }[] = []\n      function visit(value: unknown): void {\n        if (!value || typeof value !== 'object') return\n        if (Array.isArray(value)) {\n          value.forEach(visit)\n          return\n        }\n        const node = value as Record<string, unknown>\n        if (node.type === 'CallExpression') {\n          const callee = node.callee as { type: string; name?: string; start: number; end: number }\n          if (callee.type === 'Identifier' && callee.name === 'app') {\n            calls.push({ start: callee.start, end: callee.end })\n          }\n        }\n        for (const [key, child] of Object.entries(node)) {\n          if (key !== 'start' && key !== 'end') visit(child)\n        }\n      }\n      visit(ast.program.body)\n      if (!calls.length) return\n      if (calls.length !== 1) {\n        this.error(`Expected exactly one Hyperapp app() call in ${id}; found ${calls.length}`)\n      }\n\n      const output = new MagicString(code)\n      output.prepend(\n        `import { createHmrApp as __hyperappHmrCreate } from '${virtualId}';\\n` +\n        `const __hyperappHmr = __hyperappHmrCreate(import.meta.hot);\\n`,\n      )\n      output.overwrite(\n        calls[0].start,\n        code.indexOf('(', calls[0].end) + 1,\n        '__hyperappHmr.mount(app, ',\n      )\n      output.append('\\nimport.meta.hot.accept();\\nimport.meta.hot.dispose(__hyperappHmr.dispose);\\n')\n      return { code: output.toString(), map: output.generateMap({ hires: true }) }\n    },\n  }\n}\n"]}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import type { Plugin } from 'vite';
+export type HyperappOptions = {
+    hmr?: boolean;
+    safariExternalSourcemaps?: boolean;
+};
+export declare function hyperapp(options?: HyperappOptions): Plugin[];

package/dist/index.js

@@ -0,0 +1,12 @@
+import { hyperappJsx } from './jsx/vite.js';
+import { hyperappHmr } from './hmr/vite.js';
+import { safariExternalSourcemapsPlugin } from './safari-sourcemaps/vite.js';
+export function hyperapp(options = {}) {
+    const plugins = [hyperappJsx()];
+    if (options.hmr !== false)
+        plugins.push(hyperappHmr());
+    if (options.safariExternalSourcemaps)
+        plugins.push(safariExternalSourcemapsPlugin());
+    return plugins;
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,8BAA8B,EAAE,MAAM,6BAA6B,CAAA;AAO5E,MAAM,UAAU,QAAQ,CAAC,OAAO,GAAoB,EAAE;IACpD,MAAM,OAAO,GAAG,CAAC,WAAW,EAAE,CAAC,CAAA;IAC/B,IAAI,OAAO,CAAC,GAAG,KAAK,KAAK;QAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAA;IACtD,IAAI,OAAO,CAAC,wBAAwB;QAAE,OAAO,CAAC,IAAI,CAAC,8BAA8B,EAAE,CAAC,CAAA;IACpF,OAAO,OAAO,CAAA;AAChB,CAAC","sourcesContent":["import type { Plugin } from 'vite'\nimport { hyperappJsx } from './jsx/vite.ts'\nimport { hyperappHmr } from './hmr/vite.ts'\nimport { safariExternalSourcemapsPlugin } from './safari-sourcemaps/vite.ts'\n\nexport type HyperappOptions = {\n  hmr?: boolean\n  safariExternalSourcemaps?: boolean\n}\n\nexport function hyperapp(options: HyperappOptions = {}): Plugin[] {\n  const plugins = [hyperappJsx()]\n  if (options.hmr !== false) plugins.push(hyperappHmr())\n  if (options.safariExternalSourcemaps) plugins.push(safariExternalSourcemapsPlugin())\n  return plugins\n}\n"]}

package/dist/jsx/jsx-dev-runtime.d.ts

@@ -0,0 +1,3 @@
+export { Fragment, jsx, jsxs, type JSX } from './jsx-runtime.ts';
+import { jsx } from './jsx-runtime.ts';
+export declare const jsxDEV: typeof jsx;

package/dist/jsx/jsx-dev-runtime.js

@@ -0,0 +1,4 @@
+export { Fragment, jsx, jsxs } from './jsx-runtime.js';
+import { jsx } from './jsx-runtime.js';
+export const jsxDEV = jsx;
+//# sourceMappingURL=jsx-dev-runtime.js.map

package/dist/jsx/jsx-dev-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-dev-runtime.js","sourceRoot":"","sources":["../../jsx/jsx-dev-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAY,MAAM,kBAAkB,CAAA;AAChE,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA","sourcesContent":["export { Fragment, jsx, jsxs, type JSX } from './jsx-runtime.ts'\nimport { jsx } from './jsx-runtime.ts'\n\nexport const jsxDEV = jsx\n"]}

package/dist/jsx/jsx-runtime.d.ts

@@ -0,0 +1,20 @@
+import { type Props, type VNode } from 'hyperapp';
+export declare namespace JSX {
+    type Element = VNode<any>;
+    interface ElementChildrenAttribute {
+        children: {};
+    }
+    interface IntrinsicElements {
+        [tag: string]: Props<any> & {
+            children?: Child;
+        };
+    }
+}
+export type Child = JSX.Element | string | number | boolean | null | undefined | readonly Child[];
+type Component = (props: Record<string, unknown>) => Child;
+export declare const Fragment: (props: {
+    children?: Child;
+}) => string | number | boolean | readonly Child[] | JSX.Element;
+export declare function jsx(tag: string | Component, props: Record<string, any> | null, key?: string): JSX.Element;
+export declare const jsxs: typeof jsx;
+export {};

package/dist/jsx/jsx-runtime.js

@@ -0,0 +1,28 @@
+import { h, text } from 'hyperapp';
+export const Fragment = (props) => props.children ?? [];
+function normalize(children) {
+    const result = [];
+    const visit = (child) => {
+        if (Array.isArray(child)) {
+            for (const item of child)
+                visit(item);
+        }
+        else if (typeof child === 'string' || typeof child === 'number') {
+            result.push(text(child));
+        }
+        else if (child != null && child !== false && child !== true) {
+            result.push(child);
+        }
+    };
+    visit(children);
+    return result;
+}
+export function jsx(tag, props, key) {
+    const attributes = props ?? {};
+    if (typeof tag === 'function')
+        return tag(attributes);
+    const { children, ...rest } = attributes;
+    return h(tag, key === undefined ? rest : { ...rest, key }, normalize(children));
+}
+export const jsxs = jsx;
+//# sourceMappingURL=jsx-runtime.js.map

package/dist/jsx/jsx-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.js","sourceRoot":"","sources":["../../jsx/jsx-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,IAAI,EAA0B,MAAM,UAAU,CAAA;AAgB1D,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAA2B,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAA;AAE7E,SAAS,SAAS,CAAC,QAAe;IAChC,MAAM,MAAM,GAAU,EAAE,CAAA;IACxB,MAAM,KAAK,GAAG,CAAC,KAAY,EAAQ,EAAE;QACnC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,KAAK,MAAM,IAAI,IAAI,KAAK;gBAAE,KAAK,CAAC,IAAI,CAAC,CAAA;QACvC,CAAC;aAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAClE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA;QAC1B,CAAC;aAAM,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,KAAK,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YAC9D,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACpB,CAAC;IACH,CAAC,CAAA;IACD,KAAK,CAAC,QAAQ,CAAC,CAAA;IACf,OAAO,MAAM,CAAA;AACf,CAAC;AAED,MAAM,UAAU,GAAG,CACjB,GAAuB,EACvB,KAAiC,EACjC,GAAY;IAEZ,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE,CAAA;IAC9B,IAAI,OAAO,GAAG,KAAK,UAAU;QAAE,OAAO,GAAG,CAAC,UAAU,CAAgB,CAAA;IACpE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,UAAU,CAAA;IACxC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAA;AACjF,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAA","sourcesContent":["import { h, text, type Props, type VNode } from 'hyperapp'\n\n// JSX does not carry Hyperapp's application state type through the tree.\nexport namespace JSX {\n  export type Element = VNode<any>\n  export interface ElementChildrenAttribute {\n    children: {}\n  }\n  export interface IntrinsicElements {\n    [tag: string]: Props<any> & { children?: Child }\n  }\n}\n\nexport type Child = JSX.Element | string | number | boolean | null | undefined | readonly Child[]\ntype Component = (props: Record<string, unknown>) => Child\n\nexport const Fragment = (props: { children?: Child }) => props.children ?? []\n\nfunction normalize(children: Child): any[] {\n  const result: any[] = []\n  const visit = (child: Child): void => {\n    if (Array.isArray(child)) {\n      for (const item of child) visit(item)\n    } else if (typeof child === 'string' || typeof child === 'number') {\n      result.push(text(child))\n    } else if (child != null && child !== false && child !== true) {\n      result.push(child)\n    }\n  }\n  visit(children)\n  return result\n}\n\nexport function jsx(\n  tag: string | Component,\n  props: Record<string, any> | null,\n  key?: string,\n): JSX.Element {\n  const attributes = props ?? {}\n  if (typeof tag === 'function') return tag(attributes) as JSX.Element\n  const { children, ...rest } = attributes\n  return h(tag, key === undefined ? rest : { ...rest, key }, normalize(children))\n}\n\nexport const jsxs = jsx\n"]}

package/dist/jsx/vite.d.ts

@@ -0,0 +1,2 @@
+import type { Plugin } from 'vite';
+export declare function hyperappJsx(): Plugin;

package/dist/jsx/vite.js

@@ -0,0 +1,20 @@
+import { fileURLToPath } from 'node:url';
+// The JSX import source points at this folder's standard automatic runtime files.
+export function hyperappJsx() {
+    return {
+        name: 'local:hyperapp-jsx',
+        config() {
+            return {
+                oxc: {
+                    jsx: { runtime: 'automatic', importSource: 'vite-plugin-hyperapp/jsx' },
+                },
+                resolve: {
+                    alias: {
+                        'vite-plugin-hyperapp/jsx': fileURLToPath(new URL('.', import.meta.url)),
+                    },
+                },
+            };
+        },
+    };
+}
+//# sourceMappingURL=vite.js.map

package/dist/jsx/vite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite.js","sourceRoot":"","sources":["../../jsx/vite.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAGxC,kFAAkF;AAClF,MAAM,UAAU,WAAW;IACzB,OAAO;QACL,IAAI,EAAE,oBAAoB;QAC1B,MAAM;YACJ,OAAO;gBACL,GAAG,EAAE;oBACH,GAAG,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,0BAA0B,EAAE;iBACxE;gBACD,OAAO,EAAE;oBACP,KAAK,EAAE;wBACL,0BAA0B,EAAE,aAAa,CAAC,IAAI,GAAG,CAAC,GAAG,EAAE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC;qBACzE;iBACF;aACF,CAAA;QACH,CAAC;KACF,CAAA;AACH,CAAC","sourcesContent":["import { fileURLToPath } from 'node:url'\nimport type { Plugin } from 'vite'\n\n// The JSX import source points at this folder's standard automatic runtime files.\nexport function hyperappJsx(): Plugin {\n  return {\n    name: 'local:hyperapp-jsx',\n    config() {\n      return {\n        oxc: {\n          jsx: { runtime: 'automatic', importSource: 'vite-plugin-hyperapp/jsx' },\n        },\n        resolve: {\n          alias: {\n            'vite-plugin-hyperapp/jsx': fileURLToPath(new URL('.', import.meta.url)),\n          },\n        },\n      }\n    },\n  }\n}\n"]}

package/dist/safari-sourcemaps/vite.d.ts

@@ -0,0 +1,2 @@
+import type { Plugin } from 'vite';
+export declare function safariExternalSourcemapsPlugin(): Plugin;

package/dist/safari-sourcemaps/vite.js

@@ -0,0 +1,33 @@
+// Safari Web Inspector needs an external map to show the original TSX source.
+// Vite already serves .tsx.map requests; only the JS response needs changing.
+export function safariExternalSourcemapsPlugin() {
+    return {
+        name: 'local:safari-external-sourcemaps',
+        apply: 'serve',
+        configureServer(server) {
+            server.middlewares.use((req, res, next) => {
+                const agent = req.headers['user-agent'] ?? '';
+                if (!/Safari\//.test(agent) || /Chrome\/|Chromium\/|CriOS\/|Edg\/|OPR\//.test(agent)) {
+                    return next();
+                }
+                const url = new URL(req.url ?? '/', `http://${req.headers.host ?? 'localhost'}`);
+                if (!url.pathname.endsWith('.tsx'))
+                    return next();
+                delete req.headers['if-none-match'];
+                const end = res.end.bind(res);
+                const finish = (chunk, encoding, callback) => encoding ? end(chunk, encoding, callback) : callback ? end(chunk, callback) : end(chunk);
+                res.end = ((chunk, encoding, callback) => {
+                    if (res.statusCode !== 200 || typeof chunk !== 'string') {
+                        return finish(chunk, encoding, callback);
+                    }
+                    const rewritten = chunk.replace(/\/\/# sourceMappingURL=data:application\/json;base64,[A-Za-z0-9+/=]+\s*$/, `//# sourceMappingURL=${url.pathname}.map${url.search}`);
+                    if (rewritten !== chunk)
+                        res.removeHeader('ETag');
+                    return finish(rewritten, encoding, callback);
+                });
+                next();
+            });
+        },
+    };
+}
+//# sourceMappingURL=vite.js.map

package/dist/safari-sourcemaps/vite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite.js","sourceRoot":"","sources":["../../safari-sourcemaps/vite.ts"],"names":[],"mappings":"AAEA,8EAA8E;AAC9E,8EAA8E;AAC9E,MAAM,UAAU,8BAA8B;IAC5C,OAAO;QACL,IAAI,EAAE,kCAAkC;QACxC,KAAK,EAAE,OAAO;QACd,eAAe,CAAC,MAAM;YACpB,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE;gBACxC,MAAM,KAAK,GAAG,GAAG,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,CAAA;gBAC7C,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,yCAAyC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;oBACrF,OAAO,IAAI,EAAE,CAAA;gBACf,CAAC;gBAED,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,EAAE,UAAU,GAAG,CAAC,OAAO,CAAC,IAAI,IAAI,WAAW,EAAE,CAAC,CAAA;gBAChF,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC;oBAAE,OAAO,IAAI,EAAE,CAAA;gBAEjD,OAAO,GAAG,CAAC,OAAO,CAAC,eAAe,CAAC,CAAA;gBACnC,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;gBAC7B,MAAM,MAAM,GAAG,CAAC,KAA2B,EAAE,QAAyB,EAAE,QAAqB,EAAE,EAAE,CAC/F,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;gBAC1F,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,KAA2B,EAAE,QAAyB,EAAE,QAAqB,EAAE,EAAE;oBAC3F,IAAI,GAAG,CAAC,UAAU,KAAK,GAAG,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;wBACxD,OAAO,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAA;oBAC1C,CAAC;oBACD,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAC7B,0EAA0E,EAC1E,wBAAwB,GAAG,CAAC,QAAQ,OAAO,GAAG,CAAC,MAAM,EAAE,CACxD,CAAA;oBACD,IAAI,SAAS,KAAK,KAAK;wBAAE,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;oBACjD,OAAO,MAAM,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAA;gBAC9C,CAAC,CAAmB,CAAA;gBACpB,IAAI,EAAE,CAAA;YACR,CAAC,CAAC,CAAA;QACJ,CAAC;KACF,CAAA;AACH,CAAC","sourcesContent":["import type { Plugin } from 'vite'\n\n// Safari Web Inspector needs an external map to show the original TSX source.\n// Vite already serves .tsx.map requests; only the JS response needs changing.\nexport function safariExternalSourcemapsPlugin(): Plugin {\n  return {\n    name: 'local:safari-external-sourcemaps',\n    apply: 'serve',\n    configureServer(server) {\n      server.middlewares.use((req, res, next) => {\n        const agent = req.headers['user-agent'] ?? ''\n        if (!/Safari\\//.test(agent) || /Chrome\\/|Chromium\\/|CriOS\\/|Edg\\/|OPR\\//.test(agent)) {\n          return next()\n        }\n\n        const url = new URL(req.url ?? '/', `http://${req.headers.host ?? 'localhost'}`)\n        if (!url.pathname.endsWith('.tsx')) return next()\n\n        delete req.headers['if-none-match']\n        const end = res.end.bind(res)\n        const finish = (chunk?: string | Uint8Array, encoding?: BufferEncoding, callback?: () => void) =>\n          encoding ? end(chunk, encoding, callback) : callback ? end(chunk, callback) : end(chunk)\n        res.end = ((chunk?: string | Uint8Array, encoding?: BufferEncoding, callback?: () => void) => {\n          if (res.statusCode !== 200 || typeof chunk !== 'string') {\n            return finish(chunk, encoding, callback)\n          }\n          const rewritten = chunk.replace(\n            /\\/\\/# sourceMappingURL=data:application\\/json;base64,[A-Za-z0-9+/=]+\\s*$/,\n            `//# sourceMappingURL=${url.pathname}.map${url.search}`,\n          )\n          if (rewritten !== chunk) res.removeHeader('ETag')\n          return finish(rewritten, encoding, callback)\n        }) as typeof res.end\n        next()\n      })\n    },\n  }\n}\n"]}

package/dist/ssr/index.d.ts

@@ -0,0 +1 @@
+export { renderToString } from './render-to-string.ts';

package/dist/ssr/index.js

@@ -0,0 +1,2 @@
+export { renderToString } from './render-to-string.js';
+//# sourceMappingURL=index.js.map

package/dist/ssr/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../ssr/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA","sourcesContent":["export { renderToString } from './render-to-string.ts'\n"]}

package/dist/ssr/render-to-string.d.ts

@@ -0,0 +1,8 @@
+import { type Dispatchable, type VNode } from 'hyperapp';
+type ServerAppProps<S> = {
+    init: Dispatchable<S>;
+    view: (state: S) => VNode<S>;
+};
+/** Render the state reached by Hyperapp's synchronous initialization effects. */
+export declare function renderToString<S>({ init, view }: ServerAppProps<S>): string;
+export {};

package/dist/ssr/render-to-string.js

@@ -0,0 +1,10 @@
+import { app } from 'hyperapp';
+import { vdomToHtml } from './vdom-html.js';
+/** Render the state reached by Hyperapp's synchronous initialization effects. */
+export function renderToString({ init, view }) {
+    const dispatch = app({ init });
+    let state;
+    dispatch(current => (state = current));
+    return vdomToHtml(view(state));
+}
+//# sourceMappingURL=render-to-string.js.map

package/dist/ssr/render-to-string.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-to-string.js","sourceRoot":"","sources":["../../ssr/render-to-string.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAiC,MAAM,UAAU,CAAA;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAO3C,iFAAiF;AACjF,MAAM,UAAU,cAAc,CAAI,EAAE,IAAI,EAAE,IAAI,EAAqB;IACjE,MAAM,QAAQ,GAAG,GAAG,CAAI,EAAE,IAAI,EAAE,CAAC,CAAA;IACjC,IAAI,KAAS,CAAA;IACb,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,OAAO,CAAC,CAAC,CAAA;IACtC,OAAO,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA;AAChC,CAAC","sourcesContent":["import { app, type Dispatchable, type VNode } from 'hyperapp'\nimport { vdomToHtml } from './vdom-html.ts'\n\ntype ServerAppProps<S> = {\n  init: Dispatchable<S>\n  view: (state: S) => VNode<S>\n}\n\n/** Render the state reached by Hyperapp's synchronous initialization effects. */\nexport function renderToString<S>({ init, view }: ServerAppProps<S>): string {\n  const dispatch = app<S>({ init })\n  let state!: S\n  dispatch(current => (state = current))\n  return vdomToHtml(view(state))\n}\n"]}

package/dist/ssr/vdom-html.d.ts

@@ -0,0 +1,3 @@
+import type { VNode } from 'hyperapp';
+/** Serialize an existing Hyperapp virtual tree without starting an app or using the DOM. */
+export declare function vdomToHtml(node: VNode<any>): string;

package/dist/ssr/vdom-html.js

@@ -0,0 +1,131 @@
+const booleanAttributes = new Set([
+    'allowfullscreen', 'async', 'autofocus', 'autoplay', 'checked', 'controls',
+    'default', 'defer', 'disabled', 'disablepictureinpicture',
+    'disableremoteplayback', 'formnovalidate', 'hidden', 'inert', 'ismap',
+    'itemscope', 'loop', 'multiple', 'muted', 'nomodule', 'novalidate', 'open',
+    'playsinline', 'readonly', 'required', 'reversed', 'selected',
+]);
+const overloadedBooleanAttributes = new Set(['capture', 'download']);
+const voidElements = new Set([
+    'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input', 'link',
+    'meta', 'param', 'source', 'track', 'wbr',
+]);
+const propertyOnly = new Set([
+    'children', 'key', 'innerHTML', 'outerHTML', 'textContent', 'innerText',
+    'nodeValue', 'scrollTop', 'scrollLeft', 'offsetWidth', 'offsetHeight',
+    'clientWidth', 'clientHeight', 'files', 'labels',
+    'elements', 'options', 'selectedOptions', 'validity', 'validationMessage',
+    'willValidate', 'selectionStart', 'selectionEnd', 'selectionDirection',
+    'valueAsDate', 'valueAsNumber',
+]);
+function escapeHtml(value) {
+    return String(value).replace(/[&<>"']/g, character => ({
+        '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;',
+    })[character]);
+}
+function styleName(name) {
+    if (name.startsWith('--'))
+        return name;
+    if (name === 'cssFloat')
+        return 'float';
+    return name.replace(/[A-Z]/g, letter => `-${letter.toLowerCase()}`)
+        .replace(/^ms-/, '-ms-');
+}
+function serializeStyle(style) {
+    if (!style || typeof style !== 'object')
+        return '';
+    return Object.entries(style).flatMap(([name, value]) => value == null || value === '' || typeof value === 'boolean'
+        ? []
+        : [`${styleName(name)}: ${String(value)}`]).join('; ');
+}
+function serializeProps(props, tag, isSvg) {
+    let attributes = '';
+    for (const [property, value] of Object.entries(props)) {
+        if (property.startsWith('on') || propertyOnly.has(property) || value == null)
+            continue;
+        if (property === 'style') {
+            const css = serializeStyle(value);
+            if (css)
+                attributes += ` style="${escapeHtml(css)}"`;
+            continue;
+        }
+        if (typeof value === 'function' || typeof value === 'object' || typeof value === 'symbol')
+            continue;
+        // An input's current value is reflected by its value attribute; for a
+        // textarea, the initial value lives in its text content instead.
+        if ((tag === 'textarea' || tag === 'select') && (property === 'value' || property === 'defaultValue'))
+            continue;
+        if (property === 'defaultValue' && tag !== 'input')
+            continue;
+        if (property === 'defaultChecked' && tag !== 'input')
+            continue;
+        const name = property === 'defaultValue' ? 'value'
+            : property === 'defaultChecked' ? 'checked'
+                : isSvg ? property : property.toLowerCase();
+        if (!/^[^\s"'<>/=]+$/.test(name))
+            continue;
+        if (!isSvg && booleanAttributes.has(name)) {
+            if (value)
+                attributes += ` ${name}`;
+        }
+        else if (!isSvg && overloadedBooleanAttributes.has(name) && value === true) {
+            attributes += ` ${name}`;
+        }
+        else if (typeof value !== 'boolean' || name.startsWith('aria-') || name.startsWith('data-') ||
+            (!isSvg && ['contenteditable', 'draggable', 'spellcheck', 'translate'].includes(name))) {
+            attributes += ` ${name}="${escapeHtml(value)}"`;
+        }
+        else if (isSvg && value === true) {
+            attributes += ` ${name}="true"`;
+        }
+    }
+    return attributes;
+}
+function render(node, isSvg) {
+    if (node == null || typeof node === 'boolean')
+        return '';
+    if (typeof node.tag === 'function')
+        return render(node.tag(node.memo), isSvg);
+    if (node.type === 3)
+        return escapeHtml(node.tag);
+    const tag = node.tag;
+    if (!/^[A-Za-z][\w:.-]*$/.test(tag))
+        throw new Error(`Invalid element tag: ${tag}`);
+    const svg = isSvg || tag === 'svg';
+    const props = node.props;
+    const attributes = serializeProps(props, tag, svg);
+    if (!svg && voidElements.has(tag))
+        return `<${tag}${attributes}>`;
+    let children;
+    if (tag === 'textarea' && !svg && (props.value != null || props.defaultValue != null)) {
+        children = escapeHtml(props.value ?? props.defaultValue);
+    }
+    else if ((tag === 'script' || tag === 'style') && !svg) {
+        // Raw-text HTML elements do not decode character references. A closing
+        // tag in the content cannot safely be represented as a text child.
+        children = node.children.map(child => {
+            if (child == null || typeof child === 'boolean')
+                return '';
+            if (child.type !== 3)
+                throw new Error(`${tag} only supports text children`);
+            const value = String(child.tag);
+            if (new RegExp(`</${tag}(?:[\\s/>])`, 'i').test(value)) {
+                throw new Error(`Cannot serialize a closing ${tag} tag inside its text`);
+            }
+            return value;
+        }).join('');
+    }
+    else {
+        children = node.children.map(child => render(child, svg && tag !== 'foreignObject')).join('');
+    }
+    // The HTML parser discards the first newline after these opening tags.
+    if (!svg && ['pre', 'listing', 'textarea'].includes(tag) && children.startsWith('\n')) {
+        children = `\n${children}`;
+    }
+    return `<${tag}${attributes}>${children}</${tag}>`;
+}
+/** Serialize an existing Hyperapp virtual tree without starting an app or using the DOM. */
+export function vdomToHtml(node) {
+    return render(node, false);
+}
+//# sourceMappingURL=vdom-html.js.map

package/dist/ssr/vdom-html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vdom-html.js","sourceRoot":"","sources":["../../ssr/vdom-html.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ElementVNode, VNode } from 'hyperapp'\n\nconst booleanAttributes = new Set([\n  'allowfullscreen', 'async', 'autofocus', 'autoplay', 'checked', 'controls',\n  'default', 'defer', 'disabled', 'disablepictureinpicture',\n  'disableremoteplayback', 'formnovalidate', 'hidden', 'inert', 'ismap',\n  'itemscope', 'loop', 'multiple', 'muted', 'nomodule', 'novalidate', 'open',\n  'playsinline', 'readonly', 'required', 'reversed', 'selected',\n])\nconst overloadedBooleanAttributes = new Set(['capture', 'download'])\nconst voidElements = new Set([\n  'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input', 'link',\n  'meta', 'param', 'source', 'track', 'wbr',\n])\nconst propertyOnly = new Set([\n  'children', 'key', 'innerHTML', 'outerHTML', 'textContent', 'innerText',\n  'nodeValue', 'scrollTop', 'scrollLeft', 'offsetWidth', 'offsetHeight',\n  'clientWidth', 'clientHeight', 'files', 'labels',\n  'elements', 'options', 'selectedOptions', 'validity', 'validationMessage',\n  'willValidate', 'selectionStart', 'selectionEnd', 'selectionDirection',\n  'valueAsDate', 'valueAsNumber',\n])\n\nfunction escapeHtml(value: unknown): string {\n  return String(value).replace(/[&<>\"']/g, character => ({\n    '&': '&amp;', '<': '&lt;', '>': '&gt;', '\"': '&quot;', \"'\": '&#39;',\n  })[character]!)\n}\n\nfunction styleName(name: string): string {\n  if (name.startsWith('--')) return name\n  if (name === 'cssFloat') return 'float'\n  return name.replace(/[A-Z]/g, letter => `-${letter.toLowerCase()}`)\n    .replace(/^ms-/, '-ms-')\n}\n\nfunction serializeStyle(style: unknown): string {\n  if (!style || typeof style !== 'object') return ''\n  return Object.entries(style).flatMap(([name, value]) =>\n    value == null || value === '' || typeof value === 'boolean'\n      ? []\n      : [`${styleName(name)}: ${String(value)}`],\n  ).join('; ')\n}\n\nfunction serializeProps(props: Record<string, unknown>, tag: string, isSvg: boolean): string {\n  let attributes = ''\n  for (const [property, value] of Object.entries(props)) {\n    if (property.startsWith('on') || propertyOnly.has(property) || value == null) continue\n    if (property === 'style') {\n      const css = serializeStyle(value)\n      if (css) attributes += ` style=\"${escapeHtml(css)}\"`\n      continue\n    }\n    if (typeof value === 'function' || typeof value === 'object' || typeof value === 'symbol') continue\n\n    // An input's current value is reflected by its value attribute; for a\n    // textarea, the initial value lives in its text content instead.\n    if ((tag === 'textarea' || tag === 'select') && (property === 'value' || property === 'defaultValue')) continue\n    if (property === 'defaultValue' && tag !== 'input') continue\n    if (property === 'defaultChecked' && tag !== 'input') continue\n\n    const name = property === 'defaultValue' ? 'value'\n      : property === 'defaultChecked' ? 'checked'\n      : isSvg ? property : property.toLowerCase()\n\n    if (!/^[^\\s\"'<>/=]+$/.test(name)) continue\n    if (!isSvg && booleanAttributes.has(name)) {\n      if (value) attributes += ` ${name}`\n    } else if (!isSvg && overloadedBooleanAttributes.has(name) && value === true) {\n      attributes += ` ${name}`\n    } else if (typeof value !== 'boolean' || name.startsWith('aria-') || name.startsWith('data-') ||\n      (!isSvg && ['contenteditable', 'draggable', 'spellcheck', 'translate'].includes(name))) {\n      attributes += ` ${name}=\"${escapeHtml(value)}\"`\n    } else if (isSvg && value === true) {\n      attributes += ` ${name}=\"true\"`\n    }\n  }\n  return attributes\n}\n\nfunction render(node: VNode<any> | boolean | null | undefined, isSvg: boolean): string {\n  if (node == null || typeof node === 'boolean') return ''\n  if (typeof node.tag === 'function') return render(node.tag((node as ElementVNode<any>).memo!), isSvg)\n  if (node.type === 3) return escapeHtml(node.tag)\n\n  const tag = node.tag\n  if (!/^[A-Za-z][\\w:.-]*$/.test(tag)) throw new Error(`Invalid element tag: ${tag}`)\n  const svg = isSvg || tag === 'svg'\n  const props = node.props as Record<string, unknown>\n  const attributes = serializeProps(props, tag, svg)\n  if (!svg && voidElements.has(tag)) return `<${tag}${attributes}>`\n\n  let children: string\n  if (tag === 'textarea' && !svg && (props.value != null || props.defaultValue != null)) {\n    children = escapeHtml(props.value ?? props.defaultValue)\n  } else if ((tag === 'script' || tag === 'style') && !svg) {\n    // Raw-text HTML elements do not decode character references. A closing\n    // tag in the content cannot safely be represented as a text child.\n    children = node.children.map(child => {\n      if (child == null || typeof child === 'boolean') return ''\n      if (child.type !== 3) throw new Error(`${tag} only supports text children`)\n      const value = String(child.tag)\n      if (new RegExp(`</${tag}(?:[\\\\s/>])`, 'i').test(value)) {\n        throw new Error(`Cannot serialize a closing ${tag} tag inside its text`)\n      }\n      return value\n    }).join('')\n  } else {\n    children = node.children.map(child => render(child, svg && tag !== 'foreignObject')).join('')\n  }\n  // The HTML parser discards the first newline after these opening tags.\n  if (!svg && ['pre', 'listing', 'textarea'].includes(tag) && children.startsWith('\\n')) {\n    children = `\\n${children}`\n  }\n  return `<${tag}${attributes}>${children}</${tag}>`\n}\n\n/** Serialize an existing Hyperapp virtual tree without starting an app or using the DOM. */\nexport function vdomToHtml(node: VNode<any>): string {\n  return render(node, false)\n}\n"]}

package/package.json

@@ -1,51 +1,46 @@
 {
   "name": "vite-plugin-hyperapp",
-  "version": "1.3.1",
+  "version": "2.0.0",
   "type": "module",
   "description": "Plugin and helpers for using Hyperapp with Vite",
-  "main": "./index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
   "author": "Zacharias Enochsson",
   "license": "MIT",
-  "files": [
-    "*.js",
-    "*.d.ts"
-  ],
   "exports": {
     ".": {
-      "types": "./index.d.ts",
-      "import": "./index.js",
-      "default": "./index.js"
-    },
-    "./jsx": {
-      "types": "./jsx.d.ts",
-      "import": "./jsx.js",
-      "default": "./jsx.js"
-    },
-    "./jsx.js": {
-      "types": "./jsx.d.ts",
-      "import": "./jsx.js",
-      "default": "./jsx.js"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     },
     "./ssr": {
-      "types": "./ssr.d.ts",
-      "import": "./ssr.js",
-      "default": "./ssr.js"
+      "types": "./dist/ssr/index.d.ts",
+      "import": "./dist/ssr/index.js"
     },
-    "./ssr.js": {
-      "types": "./ssr.d.ts",
-      "import": "./ssr.js",
-      "default": "./ssr.js"
+    "./jsx/jsx-runtime": {
+      "types": "./dist/jsx/jsx-runtime.d.ts",
+      "import": "./dist/jsx/jsx-runtime.js"
+    },
+    "./jsx/jsx-dev-runtime": {
+      "types": "./dist/jsx/jsx-dev-runtime.d.ts",
+      "import": "./dist/jsx/jsx-dev-runtime.js"
     },
     "./package.json": "./package.json"
   },
+  "files": ["dist"],
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "test": "npm run build && vitest run"
+  },
   "dependencies": {
-    "jsdom": "^24.1.0",
-    "hyperapp": "^2.0.22"
+    "magic-string": "^1.4.3"
   },
   "peerDependencies": {
-    "vite": "^4.5.14"
+    "hyperapp": "^2.0.22",
+    "vite": "^8.3.0"
+  },
+  "devDependencies": {
+    "@types/node": "^26.6.5",
+    "hyperapp": "^2.0.22",
+    "typescript": "^7.0.2",
+    "vite": "^8.3.0",
+    "vitest": "^5.0.3"
   }
 }

package/index.d.ts

@@ -1,10 +0,0 @@
-import { type PluginOption } from "vite"
-
-export interface HyperappPluginOptions {
-  hmr?: boolean
-  dispatchExport?: string
-}
-
-export default function hyperapp(
-  options?: HyperappIntegrationOptions,
-): PluginOption

package/index.js

@@ -1,62 +0,0 @@
-const defaultOptions = {
-  hmr: true,
-  dispatchExport: "dispatch",
-}
-
-const rxIsEntry = /import {.*app[^}]*} from "hyperapp"/
-const rxIsSSREntry = /import .+ from "vite-plugin-hyperapp\/ssr"/
-
-const HMRAppendage = dispatch => `
-if (import.meta.hot) {
-  import.meta.hot.accept(m => {
-    if (!${dispatch}) return
-    let prevState = null
-    ${dispatch}(s => (prevState = s))
-    ${dispatch}()
-    m.${dispatch}(prevState)
-  })
-}
-`
-
-const SSRHMRAppendage = `
-if (import.meta.hot) {
-  import.meta.hot.accept()
-}
-`
-
-export default function injectConsoleLog(options = {}) {
-  options = { ...defaultOptions, ...options }
-
-  return {
-    name: "vite-plugin-hyperapp",
-
-    config: () => ({
-      esbuild: {
-        jsxFactory: "jsx",
-        jsxFragment: "jsxFragment",
-        jsxInject:
-          "import {jsx, jsxFragment} from 'vite-plugin-hyperapp/jsx.js'",
-      },
-    }),
-
-    async transform(code, id) {
-      if (!options.hmr) return null
-
-      if (rxIsEntry.test(code)) {
-        return {
-          code: code + HMRAppendage(options.dispatchExport),
-          map: null,
-        }
-      }
-
-      if (rxIsSSREntry.test(code)) {
-        return {
-          code: code + SSRHMRAppendage,
-          map: null,
-        }
-      }
-
-      return null
-    },
-  }
-}

package/jsx.d.ts

@@ -1,59 +0,0 @@
-import type { Props, MaybeVNode, ElementVNode } from "hyperapp"
-
-type Component<S, P> = (
-  props: P,
-  children: MaybeVNode<S>[],
-) => MaybeVNode<S> | MaybeVNode<S>[]
-
-type _JSXChild<S> = string | number | MaybeVNode<S>
-type JSXChild<S> = _JSXChild<S> | _JSXChild<S>[]
-
-export declare function jsx<S>(
-  type: string,
-  props?: Props<S>,
-  ...children: JSXChild<S>[]
-): ElementVNode<S>
-
-export declare function jsx<S, P>(
-  type: Component<S, P>,
-  props?: P | null,
-  ...children: JSXChild<S>[]
-): ReturnType<Component<S, P>>
-
-export declare function jsxFragment<S>(
-  _: any,
-  children: JSXChild<S>[],
-): MaybeVNode<S>[]
-
-declare global {
-  namespace JSX {
-    /** Result of a JSX expression. Components may return arrays. */
-    type Element = MaybeVNode<any> | MaybeVNode<any>[]
-
-    /** What you can put in the `<X />` position */
-    type ElementType = string | Component<any, any>
-
-    /** Allow `<>...</>` fragments; returns an array */
-    type Fragment = MaybeVNode<any>[]
-
-    /** Intrinsic (HTML/SVG) elements. */
-    interface IntrinsicElements {
-      [elem: string]: Props<any>
-    }
-
-    /** prevents errors about children missing from props in components */
-    type LibraryManagedAttributes<P> = P & { children?: JSXChild<any>[] }
-  }
-}
-
-// make jsx and jsxFragment ambient globals because
-// ts server doesn't know I'll add them later in transform
-type JsxFn = typeof jsx
-type JsxFragmentFn = typeof jsxFragment
-
-declare global {
-  const jsx: JsxFn
-  const jsxFragment: JsxFragmentFn
-}
-
-export {}

package/jsx.js

@@ -1,13 +0,0 @@
-import { h, text } from "hyperapp"
-
-const cproc = children =>
-  children
-    .flat()
-    .map(x => ((typeof x === "string") | (typeof x === "number") ? text(x) : x))
-
-export const jsx = (tag, props, ...children) =>
-  typeof tag === "function"
-    ? tag(props, cproc(children))
-    : h(tag, props || {}, cproc(children))
-
-export const jsxFragment = (_, children) => cproc(children)

package/ssr.d.ts

@@ -1,12 +0,0 @@
-import { Subscription } from "hyperapp"
-
-type Defs<S = any> = {
-  init?: Dispatchable<S>
-  view?: (state: S) => VNode<S>
-  subscriptions?: (state: S) => Subscription<S>[]
-  dispatch?: (d: Dispatch<S>) => Dispatch<S>
-}
-
-declare module "vite-plugin-hyperapp/ssr" {
-  export default function (defs: Defs): Promise<string>
-}

package/ssr.js

@@ -1,17 +0,0 @@
-import { JSDOM } from "jsdom"
-import { app } from "hyperapp"
-
-export default function (defs) {
-  const dom = new JSDOM("")
-  global.document = dom.window.document
-  const parent = document.createElement("div")
-  const node = document.createElement("div")
-  parent.appendChild(node)
-  return new Promise(resolve => {
-    const stop = app({ ...defs, node })
-    setTimeout(() => {
-      stop() //prevents any eventual callbacks from calling back
-      resolve(parent.firstChild.outerHTML)
-    }, 0)
-  })
-}