create-vite-hyperapp 1.2.0 → 2.0.0

package/templates/ts-html-cli/src/types/hyperapp-html.d.ts

@@ -0,0 +1,101 @@
+declare module "@hyperapp/html" {
+  export const a: HyperappHtmlTag
+  export const b: HyperappHtmlTag
+  export const i: HyperappHtmlTag
+  export const p: HyperappHtmlTag
+  export const q: HyperappHtmlTag
+  export const s: HyperappHtmlTag
+  export const br: HyperappHtmlTag
+  export const dd: HyperappHtmlTag
+  export const dl: HyperappHtmlTag
+  export const dt: HyperappHtmlTag
+  export const em: HyperappHtmlTag
+  export const h1: HyperappHtmlTag
+  export const h2: HyperappHtmlTag
+  export const h3: HyperappHtmlTag
+  export const h4: HyperappHtmlTag
+  export const h5: HyperappHtmlTag
+  export const h6: HyperappHtmlTag
+  export const hr: HyperappHtmlTag
+  export const li: HyperappHtmlTag
+  export const ol: HyperappHtmlTag
+  export const rp: HyperappHtmlTag
+  export const rt: HyperappHtmlTag
+  export const td: HyperappHtmlTag
+  export const th: HyperappHtmlTag
+  export const tr: HyperappHtmlTag
+  export const ul: HyperappHtmlTag
+  export const bdi: HyperappHtmlTag
+  export const bdo: HyperappHtmlTag
+  export const col: HyperappHtmlTag
+  export const del: HyperappHtmlTag
+  export const dfn: HyperappHtmlTag
+  export const div: HyperappHtmlTag
+  export const img: HyperappHtmlTag
+  export const ins: HyperappHtmlTag
+  export const kbd: HyperappHtmlTag
+  export const map: HyperappHtmlTag
+  export const nav: HyperappHtmlTag
+  export const pre: HyperappHtmlTag
+  export const rtc: HyperappHtmlTag
+  export const sub: HyperappHtmlTag
+  export const sup: HyperappHtmlTag
+  export const wbr: HyperappHtmlTag
+  export const abbr: HyperappHtmlTag
+  export const area: HyperappHtmlTag
+  export const cite: HyperappHtmlTag
+  export const code: HyperappHtmlTag
+  export const data: HyperappHtmlTag
+  export const form: HyperappHtmlTag
+  export const main: HyperappHtmlTag
+  export const mark: HyperappHtmlTag
+  export const ruby: HyperappHtmlTag
+  export const samp: HyperappHtmlTag
+  export const span: HyperappHtmlTag
+  export const time: HyperappHtmlTag
+  export const aside: HyperappHtmlTag
+  export const audio: HyperappHtmlTag
+  export const input: HyperappHtmlTag
+  export const label: HyperappHtmlTag
+  export const meter: HyperappHtmlTag
+  export const param: HyperappHtmlTag
+  export const small: HyperappHtmlTag
+  export const table: HyperappHtmlTag
+  export const tbody: HyperappHtmlTag
+  export const tfoot: HyperappHtmlTag
+  export const thead: HyperappHtmlTag
+  export const track: HyperappHtmlTag
+  export const video: HyperappHtmlTag
+  export const button: HyperappHtmlTag
+  export const canvas: HyperappHtmlTag
+  export const dialog: HyperappHtmlTag
+  export const figure: HyperappHtmlTag
+  export const footer: HyperappHtmlTag
+  export const header: HyperappHtmlTag
+  export const iframe: HyperappHtmlTag
+  export const legend: HyperappHtmlTag
+  export const object: HyperappHtmlTag
+  export const option: HyperappHtmlTag
+  export const output: HyperappHtmlTag
+  export const select: HyperappHtmlTag
+  export const source: HyperappHtmlTag
+  export const strong: HyperappHtmlTag
+  export const address: HyperappHtmlTag
+  export const article: HyperappHtmlTag
+  export const caption: HyperappHtmlTag
+  export const details: HyperappHtmlTag
+  export const section: HyperappHtmlTag
+  export const summary: HyperappHtmlTag
+  export const picture: HyperappHtmlTag
+  export const colgroup: HyperappHtmlTag
+  export const datalist: HyperappHtmlTag
+  export const fieldset: HyperappHtmlTag
+  export const menuitem: HyperappHtmlTag
+  export const optgroup: HyperappHtmlTag
+  export const progress: HyperappHtmlTag
+  export const textarea: HyperappHtmlTag
+  export const blockquote: HyperappHtmlTag
+  export const figcaption: HyperappHtmlTag
+
+  export { text } from "hyperapp"
+}

package/templates/ts-html-cli/src/types/hyperapp-svg.d.ts

@@ -0,0 +1,73 @@
+declare module "@hyperapp/svg" {
+  export const a: HyperappTag
+  export const g: HyperappTag
+  export const svg: HyperappTag
+  export const use: HyperappTag
+  export const set: HyperappTag
+  export const line: HyperappTag
+  export const path: HyperappTag
+  export const rect: HyperappTag
+  export const desc: HyperappTag
+  export const defs: HyperappTag
+  export const mask: HyperappTag
+  export const tref: HyperappTag
+  export const font: HyperappTag
+  export const stop: HyperappTag
+  export const view: HyperappTag
+  export const text_: HyperappTag
+  export const image: HyperappTag
+  export const mpath: HyperappTag
+  export const title: HyperappTag
+  export const glyph: HyperappTag
+  export const tspan: HyperappTag
+  export const style: HyperappTag
+  export const circle: HyperappTag
+  export const marker: HyperappTag
+  export const symbol: HyperappTag
+  export const feTile: HyperappTag
+  export const cursor: HyperappTag
+  export const filter: HyperappTag
+  export const switch_: HyperappTag
+  export const ellipse: HyperappTag
+  export const polygon: HyperappTag
+  export const animate: HyperappTag
+  export const pattern: HyperappTag
+  export const feBlend: HyperappTag
+  export const feFlood: HyperappTag
+  export const feFuncA: HyperappTag
+  export const feFuncB: HyperappTag
+  export const feFuncG: HyperappTag
+  export const feFuncR: HyperappTag
+  export const feImage: HyperappTag
+  export const feMerge: HyperappTag
+  export const polyline: HyperappTag
+  export const metadata: HyperappTag
+  export const altGlyph: HyperappTag
+  export const glyphRef: HyperappTag
+  export const textPath: HyperappTag
+  export const feOffset: HyperappTag
+  export const clipPath: HyperappTag
+  export const altGlyphDef: HyperappTag
+  export const feComposite: HyperappTag
+  export const feMergeNode: HyperappTag
+  export const feSpotLight: HyperappTag
+  export const animateColor: HyperappTag
+  export const altGlyphItem: HyperappTag
+  export const feMorphology: HyperappTag
+  export const feTurbulence: HyperappTag
+  export const fePointLight: HyperappTag
+  export const colorProfile: HyperappTag
+  export const foreignObject: HyperappTag
+  export const animateMotion: HyperappTag
+  export const feColorMatrix: HyperappTag
+  export const linearGradient: HyperappTag
+  export const radialGradient: HyperappTag
+  export const feGaussianBlur: HyperappTag
+  export const feDistantLight: HyperappTag
+  export const animateTransform: HyperappTag
+  export const feConvolveMatrix: HyperappTag
+  export const feDiffuseLighting: HyperappTag
+  export const feDisplacementMap: HyperappTag
+  export const feSpecularLighting: HyperappTag
+  export const feComponentTransfer: HyperappTag
+}

package/templates/ts-html-cli/src/types/hyperapp-tags.d.ts

@@ -0,0 +1,34 @@
+// An action-free tree can be embedded in an app with any state type.
+type PassiveProps = import("hyperapp").Props<any> & {
+  [K in keyof import("hyperapp").EventActions<any>]?: never
+}
+
+type PassiveChild = boolean | null | undefined | import("hyperapp").TextVNode | PassiveVNode
+type PassiveChildren = PassiveChild | readonly PassiveChild[]
+
+type PassiveVNode = Omit<
+  import("hyperapp").ElementVNode<any>,
+  "props" | "children" | "events" | "tag" | "memo"
+> & {
+  readonly props: PassiveProps
+  readonly children: readonly PassiveChild[]
+  readonly tag: string
+  events?: never
+  memo?: never
+}
+
+type HyperappChildren<S> =
+  | import("hyperapp").MaybeVNode<S>
+  | PassiveChild
+  | readonly (import("hyperapp").MaybeVNode<S> | PassiveChild)[]
+
+interface HyperappTag {
+  (props: PassiveProps, children?: PassiveChildren): PassiveVNode
+  (children: PassiveChildren): PassiveVNode
+  <S>(props: import("hyperapp").Props<S>, children?: HyperappChildren<S>): import("hyperapp").ElementVNode<S>
+  <S>(children: import("hyperapp").VNode<S> | readonly (import("hyperapp").MaybeVNode<S> | PassiveChild)[]): import("hyperapp").ElementVNode<S>
+}
+
+interface HyperappHtmlTag extends HyperappTag {
+  (): PassiveVNode
+}

package/templates/ts-html-cli/tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "types": ["vite/client"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"]
+}

package/templates/ts-html-cli/vite.config.ts

@@ -0,0 +1,12 @@
+import { defineConfig } from "vite"
+import hyperapp from "vite-plugin-hyperapp"
+import { fileURLToPath } from "node:url"
+
+export default defineConfig({
+  plugins: [hyperapp()],
+  resolve: {
+    alias: {
+      "@": fileURLToPath(new URL("./src", import.meta.url)),
+    },
+  },
+})

package/templates/{template-ts-ssr → ts-html-ssr}/index.html

@@ -2,9 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite (SSR) + Hyperapp + Typescript</title>
+    <title>__PROJECTNAME__</title>
   </head>
   <body>
     <!--ssr-outlet-->

package/templates/ts-html-ssr/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "__PROJECTNAME__",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "node server.ts",
+    "build:client": "vite build --outDir dist/client",
+    "build:server": "vite build --outDir dist/server --ssr src/entry-server.ts",
+    "build": "tsc && npm run build:client && npm run build:server",
+    "preview": "NODE_ENV=production node server.ts"
+  },
+  "engines": {
+    "node": ">=22.18.0"
+  },
+  "devDependencies": {
+    "@types/compression": "^1.8.1",
+    "@types/express": "^4.17.25",
+    "@types/node": "^22.20.5",
+    "typescript": "^7.0.2",
+    "vite": "^8.3.4"
+  },
+  "dependencies": {
+    "@hyperapp/html": "^2.0.0",
+    "@hyperapp/svg": "^2.0.0",
+    "compression": "^1.7.4",
+    "express": "^4.19.2",
+    "hyperapp": "^2.0.22",
+    "sirv": "^2.0.4",
+    "vite-plugin-hyperapp": "^2.0.1"
+  }
+}

package/templates/ts-html-ssr/server.ts

@@ -0,0 +1,63 @@
+/*
+---------------------------------
+Cribbed to large extent from template-ssr-solid/server.js 
+---------------------------------
+*/
+import fs from "node:fs/promises"
+import express from "express"
+import type { ViteDevServer } from "vite"
+
+const isProduction = process.env.NODE_ENV === "production"
+const port = process.env.PORT || 5173
+const base = process.env.BASE || "/"
+
+async function createServer() {
+  const app = express()
+
+  let vite: ViteDevServer | undefined
+  if (!isProduction) {
+    const { createServer } = await import("vite")
+    vite = await createServer({
+      server: { middlewareMode: true },
+      appType: "custom",
+    })
+    app.use(vite.middlewares)
+  } else {
+    const compression = (await import("compression")).default
+    const sirv = (await import("sirv")).default
+    app.use(compression())
+    app.use(base, sirv("./dist/client", { extensions: [] }))
+  }
+
+  app.use("*", async (req, res, next) => {
+    const url = req.originalUrl
+    if (!url.startsWith(base)) return next()
+    try {
+      let template
+      let render: () => string
+      if (!isProduction) {
+        if (!vite) throw new Error("Vite dev server is not initialized")
+        // Always read fresh template in development
+        template = await fs.readFile("./index.html", "utf-8")
+        template = await vite.transformIndexHtml(url, template)
+        render = (await vite.ssrLoadModule("/src/entry-server.ts")).render
+      } else {
+        template = await fs.readFile("./dist/client/index.html", "utf-8")
+        const serverEntry = "./dist/server/entry-server.js"
+        render = (await import(serverEntry)).render
+      }
+      const html = template.replace(`<!--ssr-outlet-->`, () => render())
+      res.status(200).set({ "Content-Type": "text/html" }).end(html)
+    } catch (e) {
+      if (e instanceof Error) vite?.ssrFixStacktrace(e)
+      console.error(e)
+      res.status(500).end()
+    }
+  })
+
+  app.listen(port, () => {
+    console.log(`Server started at http://localhost:${port}`)
+  })
+}
+
+createServer()

package/templates/ts-html-ssr/src/app/counter.ts

@@ -0,0 +1,12 @@
+import { div, button, text } from "@hyperapp/html"
+import type { Action } from "hyperapp"
+
+type CounterProps<S> = {
+  clicks: number
+  onclick: Action<S>
+}
+
+const Counter = <S>({ clicks, onclick }: CounterProps<S>) =>
+  div({ class: "card" }, button({ onclick }, text("Clicks: " + clicks)))
+
+export default Counter

package/templates/ts-html-ssr/src/app/logos.ts

@@ -0,0 +1,33 @@
+import { a, img } from "@hyperapp/html"
+import viteLogo from "@/assets/vite.svg"
+import typescriptLogo from "@/assets/typescript.svg"
+import hyperappLogo from "@/assets/hyperapp.svg"
+
+const Logos = () => [
+  a(
+    { href: "https://vitejs.dev" },
+    img({
+      src: viteLogo,
+      class: "logo",
+      alt: "Vite logo",
+    }),
+  ),
+  a(
+    { href: "https://github.com/jorgebucaran/hyperapp" },
+    img({
+      src: hyperappLogo,
+      class: "logo",
+      alt: "Hyperapp logo",
+    }),
+  ),
+  a(
+    { href: "https://www.typescriptlang.org/" },
+    img({
+      src: typescriptLogo,
+      class: "logo",
+      alt: "TypeScript logo",
+    }),
+  ),
+]
+
+export default Logos

package/templates/ts-html-ssr/src/app/main.ts

@@ -0,0 +1,27 @@
+import "./style.css"
+import type { Action } from "hyperapp"
+import { main, h1, p, text } from "@hyperapp/html"
+import Counter from "./counter"
+import Logos from "./logos"
+
+type State = { counter: number }
+
+export const init: Action<State> = () => ({
+  counter: 0,
+})
+
+const HandleClick: Action<State> = state => ({
+  ...state,
+  counter: state.counter + 1,
+})
+
+export const view = (state: State) =>
+  main({ id: "app" }, [
+    h1(text("Vite (SSR) + Hyperapp + TypeScript")),
+    ...Logos(),
+    Counter({ clicks: state.counter, onclick: HandleClick }),
+    p(
+      { class: "read-the-docs" },
+      text("Click on the Vite, Hyperapp & TypeScript logos to learn more"),
+    ),
+  ])

package/templates/{template-ts-ssr → ts-html-ssr}/src/entry-client.ts

@@ -1,5 +1,5 @@
 import { app } from "hyperapp"
-import { init, view } from "./main"
+import { init, view } from "./app/main"
 const node = document.querySelector("#app")
 if (!node) throw new Error("mountpoint not found")
-export const dispatch = app({ init, view, node })
+app({ init, view, node })

package/templates/ts-html-ssr/src/entry-server.ts

@@ -0,0 +1,5 @@
+import { init, view } from "./app/main"
+import { renderToString } from "vite-plugin-hyperapp/ssr"
+export function render() {
+  return renderToString({ init, view })
+}

package/templates/ts-html-ssr/src/types/hyperapp-html.d.ts

@@ -0,0 +1,101 @@
+declare module "@hyperapp/html" {
+  export const a: HyperappHtmlTag
+  export const b: HyperappHtmlTag
+  export const i: HyperappHtmlTag
+  export const p: HyperappHtmlTag
+  export const q: HyperappHtmlTag
+  export const s: HyperappHtmlTag
+  export const br: HyperappHtmlTag
+  export const dd: HyperappHtmlTag
+  export const dl: HyperappHtmlTag
+  export const dt: HyperappHtmlTag
+  export const em: HyperappHtmlTag
+  export const h1: HyperappHtmlTag
+  export const h2: HyperappHtmlTag
+  export const h3: HyperappHtmlTag
+  export const h4: HyperappHtmlTag
+  export const h5: HyperappHtmlTag
+  export const h6: HyperappHtmlTag
+  export const hr: HyperappHtmlTag
+  export const li: HyperappHtmlTag
+  export const ol: HyperappHtmlTag
+  export const rp: HyperappHtmlTag
+  export const rt: HyperappHtmlTag
+  export const td: HyperappHtmlTag
+  export const th: HyperappHtmlTag
+  export const tr: HyperappHtmlTag
+  export const ul: HyperappHtmlTag
+  export const bdi: HyperappHtmlTag
+  export const bdo: HyperappHtmlTag
+  export const col: HyperappHtmlTag
+  export const del: HyperappHtmlTag
+  export const dfn: HyperappHtmlTag
+  export const div: HyperappHtmlTag
+  export const img: HyperappHtmlTag
+  export const ins: HyperappHtmlTag
+  export const kbd: HyperappHtmlTag
+  export const map: HyperappHtmlTag
+  export const nav: HyperappHtmlTag
+  export const pre: HyperappHtmlTag
+  export const rtc: HyperappHtmlTag
+  export const sub: HyperappHtmlTag
+  export const sup: HyperappHtmlTag
+  export const wbr: HyperappHtmlTag
+  export const abbr: HyperappHtmlTag
+  export const area: HyperappHtmlTag
+  export const cite: HyperappHtmlTag
+  export const code: HyperappHtmlTag
+  export const data: HyperappHtmlTag
+  export const form: HyperappHtmlTag
+  export const main: HyperappHtmlTag
+  export const mark: HyperappHtmlTag
+  export const ruby: HyperappHtmlTag
+  export const samp: HyperappHtmlTag
+  export const span: HyperappHtmlTag
+  export const time: HyperappHtmlTag
+  export const aside: HyperappHtmlTag
+  export const audio: HyperappHtmlTag
+  export const input: HyperappHtmlTag
+  export const label: HyperappHtmlTag
+  export const meter: HyperappHtmlTag
+  export const param: HyperappHtmlTag
+  export const small: HyperappHtmlTag
+  export const table: HyperappHtmlTag
+  export const tbody: HyperappHtmlTag
+  export const tfoot: HyperappHtmlTag
+  export const thead: HyperappHtmlTag
+  export const track: HyperappHtmlTag
+  export const video: HyperappHtmlTag
+  export const button: HyperappHtmlTag
+  export const canvas: HyperappHtmlTag
+  export const dialog: HyperappHtmlTag
+  export const figure: HyperappHtmlTag
+  export const footer: HyperappHtmlTag
+  export const header: HyperappHtmlTag
+  export const iframe: HyperappHtmlTag
+  export const legend: HyperappHtmlTag
+  export const object: HyperappHtmlTag
+  export const option: HyperappHtmlTag
+  export const output: HyperappHtmlTag
+  export const select: HyperappHtmlTag
+  export const source: HyperappHtmlTag
+  export const strong: HyperappHtmlTag
+  export const address: HyperappHtmlTag
+  export const article: HyperappHtmlTag
+  export const caption: HyperappHtmlTag
+  export const details: HyperappHtmlTag
+  export const section: HyperappHtmlTag
+  export const summary: HyperappHtmlTag
+  export const picture: HyperappHtmlTag
+  export const colgroup: HyperappHtmlTag
+  export const datalist: HyperappHtmlTag
+  export const fieldset: HyperappHtmlTag
+  export const menuitem: HyperappHtmlTag
+  export const optgroup: HyperappHtmlTag
+  export const progress: HyperappHtmlTag
+  export const textarea: HyperappHtmlTag
+  export const blockquote: HyperappHtmlTag
+  export const figcaption: HyperappHtmlTag
+
+  export { text } from "hyperapp"
+}

package/templates/ts-html-ssr/src/types/hyperapp-svg.d.ts

@@ -0,0 +1,73 @@
+declare module "@hyperapp/svg" {
+  export const a: HyperappTag
+  export const g: HyperappTag
+  export const svg: HyperappTag
+  export const use: HyperappTag
+  export const set: HyperappTag
+  export const line: HyperappTag
+  export const path: HyperappTag
+  export const rect: HyperappTag
+  export const desc: HyperappTag
+  export const defs: HyperappTag
+  export const mask: HyperappTag
+  export const tref: HyperappTag
+  export const font: HyperappTag
+  export const stop: HyperappTag
+  export const view: HyperappTag
+  export const text_: HyperappTag
+  export const image: HyperappTag
+  export const mpath: HyperappTag
+  export const title: HyperappTag
+  export const glyph: HyperappTag
+  export const tspan: HyperappTag
+  export const style: HyperappTag
+  export const circle: HyperappTag
+  export const marker: HyperappTag
+  export const symbol: HyperappTag
+  export const feTile: HyperappTag
+  export const cursor: HyperappTag
+  export const filter: HyperappTag
+  export const switch_: HyperappTag
+  export const ellipse: HyperappTag
+  export const polygon: HyperappTag
+  export const animate: HyperappTag
+  export const pattern: HyperappTag
+  export const feBlend: HyperappTag
+  export const feFlood: HyperappTag
+  export const feFuncA: HyperappTag
+  export const feFuncB: HyperappTag
+  export const feFuncG: HyperappTag
+  export const feFuncR: HyperappTag
+  export const feImage: HyperappTag
+  export const feMerge: HyperappTag
+  export const polyline: HyperappTag
+  export const metadata: HyperappTag
+  export const altGlyph: HyperappTag
+  export const glyphRef: HyperappTag
+  export const textPath: HyperappTag
+  export const feOffset: HyperappTag
+  export const clipPath: HyperappTag
+  export const altGlyphDef: HyperappTag
+  export const feComposite: HyperappTag
+  export const feMergeNode: HyperappTag
+  export const feSpotLight: HyperappTag
+  export const animateColor: HyperappTag
+  export const altGlyphItem: HyperappTag
+  export const feMorphology: HyperappTag
+  export const feTurbulence: HyperappTag
+  export const fePointLight: HyperappTag
+  export const colorProfile: HyperappTag
+  export const foreignObject: HyperappTag
+  export const animateMotion: HyperappTag
+  export const feColorMatrix: HyperappTag
+  export const linearGradient: HyperappTag
+  export const radialGradient: HyperappTag
+  export const feGaussianBlur: HyperappTag
+  export const feDistantLight: HyperappTag
+  export const animateTransform: HyperappTag
+  export const feConvolveMatrix: HyperappTag
+  export const feDiffuseLighting: HyperappTag
+  export const feDisplacementMap: HyperappTag
+  export const feSpecularLighting: HyperappTag
+  export const feComponentTransfer: HyperappTag
+}

package/templates/ts-html-ssr/src/types/hyperapp-tags.d.ts

@@ -0,0 +1,34 @@
+// An action-free tree can be embedded in an app with any state type.
+type PassiveProps = import("hyperapp").Props<any> & {
+  [K in keyof import("hyperapp").EventActions<any>]?: never
+}
+
+type PassiveChild = boolean | null | undefined | import("hyperapp").TextVNode | PassiveVNode
+type PassiveChildren = PassiveChild | readonly PassiveChild[]
+
+type PassiveVNode = Omit<
+  import("hyperapp").ElementVNode<any>,
+  "props" | "children" | "events" | "tag" | "memo"
+> & {
+  readonly props: PassiveProps
+  readonly children: readonly PassiveChild[]
+  readonly tag: string
+  events?: never
+  memo?: never
+}
+
+type HyperappChildren<S> =
+  | import("hyperapp").MaybeVNode<S>
+  | PassiveChild
+  | readonly (import("hyperapp").MaybeVNode<S> | PassiveChild)[]
+
+interface HyperappTag {
+  (props: PassiveProps, children?: PassiveChildren): PassiveVNode
+  (children: PassiveChildren): PassiveVNode
+  <S>(props: import("hyperapp").Props<S>, children?: HyperappChildren<S>): import("hyperapp").ElementVNode<S>
+  <S>(children: import("hyperapp").VNode<S> | readonly (import("hyperapp").MaybeVNode<S> | PassiveChild)[]): import("hyperapp").ElementVNode<S>
+}
+
+interface HyperappHtmlTag extends HyperappTag {
+  (): PassiveVNode
+}