@mpen/jsxhtml 0.3.0 → 0.4.0

package/dist/jsx-dev-runtime.mjs

@@ -1,10 +1,9 @@
-import { b as jsx, l as isJsxComponent, e as JsxComment, h as JsxFragment } from "./jsx-runtime-Dh9PxNQe.js";
+import { j as jsx, l as isJsxComponent, e as JsxComment, h as JsxFragment } from "./jsx-runtime-DlHYwToA.js";
 
-export { F as Fragment, m as JSX } from "./jsx-runtime-Dh9PxNQe.js";
+export { F as Fragment, m as JSX } from "./jsx-runtime-DlHYwToA.js";
 
 function jsxDEV(tag, props, key, isStaticChildren, source, self) {
     let node = jsx(...arguments);
-    if (process.env.JSXHTML_DEV) return node;
     if (isJsxComponent(tag) && !(node instanceof JsxComment)) {
         const name = tag.displayName ?? tag.name ?? "Unknown";
         node = new JsxFragment([ new JsxComment(`<${name}>`), node, new JsxComment(`</${name}>`) ]);

package/dist/{jsx-runtime-cimCxEOU.js → jsx-runtime-BQPDXeiv.js}

@@ -1318,21 +1318,35 @@ const entityMap = {
     ffl: "ffllig"
 };
 
-function cc(names) {
-    if (typeof names === "string" || typeof names === "number") return "" + names;
-    let out = "";
-    if (Array.isArray(names)) {
-        for (let i = 0, tmp; i < names.length; i++) {
-            if ((tmp = cc(names[i])) !== "") {
-                out += (out && " ") + tmp;
-            }
+function pushClassNames(value, classes) {
+    if (value == null || value === false || value === true) return;
+    if (typeof value === "string") {
+        if (value) classes.push(value);
+        return;
+    }
+    if (typeof value === "number" || typeof value === "bigint") {
+        classes.push(String(value));
+        return;
+    }
+    if (Array.isArray(value)) {
+        for (const item of value) {
+            pushClassNames(item, classes);
         }
-    } else {
-        for (let k in names) {
-            if (names[k]) out += (out && " ") + k;
+        return;
+    }
+    for (const key of Object.keys(value)) {
+        if (value[key]) {
+            classes.push(key);
         }
     }
-    return out;
+}
+
+function classCat(...values) {
+    const classes = [];
+    for (const value of values) {
+        pushClassNames(value, classes);
+    }
+    return classes.join(" ");
 }
 
 function isFunction$1(obj) {
@@ -1446,7 +1460,7 @@ function attrKvPair(rawAttr, rawVal) {
         return null;
     }
     if (rawAttr === "class" && !isString$1(rawVal)) {
-        rawVal = cc(rawVal);
+        rawVal = classCat(rawVal);
     }
     if (rawAttr === "style" && isPlainObject(rawVal)) {
         rawVal = styleObjectToString(rawVal);

package/dist/{jsx-runtime-Dh9PxNQe.js → jsx-runtime-DlHYwToA.js}

@@ -1316,21 +1316,35 @@ const entityMap = {
     ffl: "ffllig"
 };
 
-function cc(names) {
-    if (typeof names === "string" || typeof names === "number") return "" + names;
-    let out = "";
-    if (Array.isArray(names)) {
-        for (let i = 0, tmp; i < names.length; i++) {
-            if ((tmp = cc(names[i])) !== "") {
-                out += (out && " ") + tmp;
-            }
+function pushClassNames(value, classes) {
+    if (value == null || value === false || value === true) return;
+    if (typeof value === "string") {
+        if (value) classes.push(value);
+        return;
+    }
+    if (typeof value === "number" || typeof value === "bigint") {
+        classes.push(String(value));
+        return;
+    }
+    if (Array.isArray(value)) {
+        for (const item of value) {
+            pushClassNames(item, classes);
         }
-    } else {
-        for (let k in names) {
-            if (names[k]) out += (out && " ") + k;
+        return;
+    }
+    for (const key of Object.keys(value)) {
+        if (value[key]) {
+            classes.push(key);
         }
     }
-    return out;
+}
+
+function classCat(...values) {
+    const classes = [];
+    for (const value of values) {
+        pushClassNames(value, classes);
+    }
+    return classes.join(" ");
 }
 
 function isFunction$1(obj) {
@@ -1444,7 +1458,7 @@ function attrKvPair(rawAttr, rawVal) {
         return null;
     }
     if (rawAttr === "class" && !isString$1(rawVal)) {
-        rawVal = cc(rawVal);
+        rawVal = classCat(rawVal);
     }
     if (rawAttr === "style" && isPlainObject(rawVal)) {
         rawVal = styleObjectToString(rawVal);
@@ -2336,4 +2350,4 @@ function Fragment({children}) {
     return new JsxFragment(children);
 }
 
-export { EMPTY as E, Fragment as F, JsxRawHtml as J, JsxDocType as a, jsx as b, js as c, JsxElement as d, JsxComment as e, flattenString as f, JsxEmpty as g, JsxFragment as h, isJsxNode as i, jsxs as j, JsxNode as k, isJsxComponent as l, JSX as m };
+export { EMPTY as E, Fragment as F, JsxDocType as J, jsxs as a, JsxRawHtml as b, js as c, JsxElement as d, JsxComment as e, flattenString as f, JsxEmpty as g, JsxFragment as h, isJsxNode as i, jsx as j, JsxNode as k, isJsxComponent as l, JSX as m };

package/dist/jsx-runtime.cjs

@@ -1,6 +1,6 @@
 "use strict";
 
-var jsxRuntime = require("./jsx-runtime-cimCxEOU.js");
+var jsxRuntime = require("./jsx-runtime-BQPDXeiv.js");
 
 exports.Fragment = jsxRuntime.Fragment;
 

package/dist/jsx-runtime.mjs

@@ -1 +1 @@
-export { F as Fragment, m as JSX, b as jsx, j as jsxs } from "./jsx-runtime-Dh9PxNQe.js";
+export { F as Fragment, m as JSX, j as jsx, a as jsxs } from "./jsx-runtime-DlHYwToA.js";

package/dist/jsx-types.d.ts

@@ -1,36 +1,16 @@
 import type { JsxNode } from './jsx-node';
-import type { AllGlobalAttributes } from './htmlspec/GlobalAttributes';
-import type { Override } from './util-types';
-import type { Class } from 'classcat';
-import type { Properties, PropertiesHyphen } from 'csstype';
-export interface Stringable {
-    toString(): string;
-}
+import type { AnyAttributes, AttrArr, AttrKvPair, AttrObj, AttributeValue, Attributes, ClassNames, CommonAttributes, JsxChildren, JsxRenderable, SpecialAttributes, Stringable, StyleObject } from './htmlspec/attributes/ElementAttributes';
+export type { Stringable };
 export type PlainObject = Record<PropertyKey, unknown>;
-export type ClassNames = Class;
-export type StyleObject = Properties | PropertiesHyphen;
-export type AttributeValue = Stringable | StyleObject | ClassNames;
-export type AttrKvPair = [name: string, value: AttributeValue];
-export type AttrArr = AttrKvPair[];
-export type AttrObj = Record<string, AttributeValue>;
-export type Attributes = AttrObj | AttrArr;
+export type { ClassNames, StyleObject, AttributeValue, AttrKvPair, AttrArr, AttrObj, Attributes };
 export type UnkFn = (...args: unknown[]) => unknown;
 export type AnyFn = (...args: any[]) => any;
 export type HtmlSafe = {
     __html: string;
 };
-export type JsxRenderable = any;
-export type JsxChildren = JsxRenderable | Iterable<JsxRenderable>;
-export type SpecialProps = {
-    children?: JsxChildren;
-    style?: StyleObject | string;
-    /**
-     * CSS class.
-     */
-    class?: ClassNames;
-};
-export type CommonProps<E = HTMLElement> = Override<AllGlobalAttributes<E>, SpecialProps>;
-export type AnyAttributes<E = HTMLElement> = Override<AttrObj, CommonProps<E>>;
+export type { JsxRenderable, JsxChildren };
+export type { SpecialAttributes };
+export type { CommonAttributes, AnyAttributes };
 export type JsxComponent<P = AnyAttributes> = ((props: P) => JsxNode) & {
     displayName?: string;
     name?: string;

package/package.json

@@ -1,90 +1,97 @@
 {
-  "name": "@mpen/jsxhtml",
-  "version": "0.3.0",
-  "packageManager": "bun@1.2.9",
-  "exports": {
-    ".": {
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs",
-      "types": "./dist/index.d.ts"
+    "name": "@mpen/jsxhtml",
+    "version": "0.4.0",
+    "packageManager": "bun@1.3.7",
+    "exports": {
+        ".": {
+            "import": "./dist/index.mjs",
+            "require": "./dist/index.cjs",
+            "types": "./dist/index.d.ts"
+        },
+        "./jsx-runtime": {
+            "import": "./dist/jsx-runtime.mjs",
+            "require": "./dist/jsx-runtime.cjs",
+            "types": "./dist/jsx-runtime.d.ts"
+        },
+        "./jsx-dev-runtime": {
+            "import": "./dist/jsx-dev-runtime.mjs",
+            "require": "./dist/jsx-dev-runtime.cjs",
+            "types": "./dist/jsx-dev-runtime.d.ts"
+        }
     },
-    "./jsx-runtime": {
-      "import": "./dist/jsx-runtime.mjs",
-      "require": "./dist/jsx-runtime.cjs",
-      "types": "./dist/jsx-runtime.d.ts"
+    "type": "module",
+    "files": [
+        "dist"
+    ],
+    "private": false,
+    "sideEffects": false,
+    "author": {
+        "name": "Mark Penner",
+        "email": "npm@mpen.ca",
+        "url": "https://github.com/mnpenner"
     },
-    "./jsx-dev-runtime": {
-      "import": "./dist/jsx-dev-runtime.mjs",
-      "require": "./dist/jsx-dev-runtime.cjs",
-      "types": "./dist/jsx-dev-runtime.d.ts"
-    }
-  },
-  "type": "module",
-  "files": [
-    "dist"
-  ],
-  "private": false,
-  "sideEffects": false,
-  "author": {
-    "name": "Mark Penner",
-    "email": "npm@mpen.ca",
-    "url": "https://github.com/mnpenner"
-  },
-  "keywords": [
-    "jsx",
-    "tsx",
-    "html",
-    "render",
-    "server",
-    "ssr"
-  ],
-  "scripts": {
-    "_dev:build": "rollup -cw",
-    "_dev:serve": "serve -l tcp://0.0.0.0:8080",
-    "dev": "run-p \"dev:**\"",
-    "dev:run": "NODE_ENV=production bun --watch run --jsx=react-jsx --jsx-import-source=. src/dev.tsx",
-    "dev:build": "NODE_ENV=production bun --watch --no-clear-screen build src/dev.tsx --outdir=dist --packages=external --external '*'",
-    "typecheck": "tsc --noEmit src/dev.tsx --jsx react-jsx --jsxImportSource . --moduleResolution bundler --module esnext --lib dom,esnext --target esnext",
-    "test": "NODE_ENV=production bun test --jsx-import-source=@mpen/jsxhtml",
-    "bundle:clean": "rm -rf dist/",
-    "bundle:build": "NODE_ENV=production rollup -c",
-    "bundle": "run-s bundle:clean bundle:build",
-    "commit": "VER=$(jq -r '.version' package.json) && hg ci -m \"Commit v$VER\" && hg tag \"v$VER\"",
-    "bumpver": "npm version patch",
-    "release": "run-s test bundle bumpver commit && npm publish --access=public && hg pushall",
-    "lint": "sh -c 'eslint --quiet --fix --fix-type problem,suggestion,layout,directive -- \"${@:-.}\"' --"
-  },
-  "devDependencies": {
-    "@mpen/is-type": "^0.1.15",
-    "@rollup/plugin-commonjs": "^28.0.3",
-    "@rollup/plugin-node-resolve": "^16.0.1",
-    "@rollup/plugin-replace": "^5.0.7",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^11.1.6",
-    "@types/eslint": "^8.56.12",
-    "@typescript-eslint/eslint-plugin": "^8.29.1",
-    "@typescript-eslint/parser": "^8.29.1",
-    "bun-types": "^1.2.15",
-    "classnames": "^2.5.1",
-    "csstype": "^3.1.3",
-    "elysia": ">=1.2.25",
-    "eslint": "^8.57.1",
-    "eslint-plugin-react-compiler": "^19.0.0-beta-e993439-20250405",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "eslint-plugin-unused-imports": "^4.1.4",
-    "js-serialize": "^0.6.0",
-    "npm-run-all": "^4.1.5",
-    "rimraf": "^5.0.10",
-    "rollup": "^4.40.0",
-    "serve": "^14.2.4",
-    "tslib": "^2.8.1",
-    "typescript": "^5.8.3"
-  },
-  "optionalDependencies": {
-    "elysia": ">=1.2.25"
-  },
-  "dependencies": {
-    "classcat": "^5.0.5"
-  }
+    "keywords": [
+        "jsx",
+        "tsx",
+        "html",
+        "render",
+        "server",
+        "ssr"
+    ],
+    "scripts": {
+        "_dev:build": "rollup -cw",
+        "_dev:serve": "serve -l tcp://0.0.0.0:8080",
+        "dev": "run-p \"dev:**\"",
+        "dev:run": "NODE_ENV=production bun --watch run --jsx=react-jsx --jsx-import-source=. src/internal/dev.tsx",
+        "dev:build": "NODE_ENV=production bun --watch --no-clear-screen build src/internal/dev.tsx --outdir=dist --packages=external --external '*'",
+        "typecheck": "tsc --noEmit src/internal/dev.tsx --jsx react-jsx --jsxImportSource . --moduleResolution bundler --module esnext --lib dom,esnext --target esnext",
+        "test:types": "tsc --noEmit && echo \"tsc: no errors\"",
+        "test:unit": "NODE_ENV=production bun test --jsx-import-source=@mpen/jsxhtml",
+        "test": "run-p 'test:*'",
+        "bundle:clean": "rm -rf dist/",
+        "bundle:build": "NODE_ENV=production rollup -c",
+        "bundle": "run-s bundle:clean bundle:build",
+        "commit": "VER=$(jq -r '.version' package.json) && hg ci -m \"Commit v$VER\" && hg tag \"v$VER\"",
+        "bumpver": "npm version patch",
+        "release": "run-s test bundle bumpver commit && npm publish --access=public && hg pushall",
+        "lint": "bun run --bun eslint --fix --"
+    },
+    "devDependencies": {
+        "@mpen/is-type": "^0.1.15",
+        "@rollup/plugin-commonjs": "^28.0.3",
+        "@rollup/plugin-node-resolve": "^16.0.1",
+        "@rollup/plugin-replace": "^5.0.7",
+        "@rollup/plugin-terser": "^0.4.4",
+        "@rollup/plugin-typescript": "^11.1.6",
+        "@types/eslint": "^8.56.12",
+        "@typescript-eslint/eslint-plugin": "^8.29.1",
+        "@typescript-eslint/parser": "^8.29.1",
+        "bun-types": "^1.2.15",
+        "elysia": "^1.2.25",
+        "eslint": "^8.57.1",
+        "eslint-plugin-react-compiler": "^19.0.0-beta-e993439-20250405",
+        "eslint-plugin-react-hooks": "^5.2.0",
+        "eslint-plugin-react-refresh": "^0.4.19",
+        "eslint-plugin-unused-imports": "^4.1.4",
+        "js-serialize": "^0.6.0",
+        "npm-run-all": "^4.1.5",
+        "rimraf": "^5.0.10",
+        "rollup": "^4.40.0",
+        "serve": "^14.2.4",
+        "tslib": "^2.8.1",
+        "typescript": "^5.8.3"
+    },
+    "peerDependencies": {
+        "csstype": "3.x",
+        "elysia": "1.x"
+    },
+    "peerDependenciesMeta": {
+        "elysia": {
+            "optional": true
+        },
+        "csstype": {
+            "optional": false
+        }
+    },
+    "dependencies": {}
 }

package/dist/htmlspec/AnchorElement.d.ts

@@ -1,83 +0,0 @@
-export type AnchorElement = {
-    /**
-     * Causes the browser to treat the linked URL as a download. Can be used with or without a filename value:
-     *
-     *   - Without a value, the browser will suggest a filename/extension, generated from various sources:
-     *     - The `Content-Disposition` HTTP header
-     *     - The final segment in the URL path
-     *     - The media type (from the Content-Type header, the start of a data: URL, or Blob.type for a blob: URL)
-     *   - `filename`: defining a value suggests it as the filename. / and \ characters are converted to underscores
-     * (_). Filesystems may forbid other characters in filenames, so browsers will adjust the suggested name if
-     * necessary.
-     */
-    download?: true | string;
-    /**
-     * The URL that the hyperlink points to. Links are not restricted to HTTP-based URLs — they can use any URL scheme
-     * supported by browsers:
-     *
-     *   - Sections of a page with document fragments
-     *   - Specific text portions with text fragments
-     *   - Pieces of media files with media fragments
-     *   - Telephone numbers with tel: URLs
-     *   - Email addresses with mailto: URLs
-     *   - SMS text messages with sms: URLs
-     *   - While web browsers may not support other URL schemes, websites can with registerProtocolHandler()
-     */
-    href?: string;
-    /**
-     * Hints at the human language of the linked URL. No built-in functionality. Allowed values are the same as the
-     * global lang attribute.
-     */
-    hreflang?: string;
-    /**
-     * A space-separated list of URLs. When the link is followed, the browser will send POST requests with the body
-     * PING to the URLs. Typically for tracking.
-     */
-    ping?: string;
-    /**
-     * How much of the referrer to send when following the link.
-     */
-    referrerpolicy?: ReferrerPolicy | string;
-    /**
-     * The relationship of the linked URL as space-separated link types.
-     */
-    rel?: string;
-    /**
-     * Where to display the linked URL, as the name for a browsing context (a tab, window, or <iframe>).
-     */
-    target?: '_self' | '_blank' | '_parent' | '_top' | string;
-    /**
-     * Hints at the linked URL's format with a MIME type. No built-in functionality.
-     */
-    type?: string;
-    /**
-     * @deprecated
-     */
-    charset?: string;
-    /**
-     * @deprecated
-     */
-    coords?: string;
-    /**
-     * @deprecated
-     */
-    name?: string;
-    /**
-     * @deprecated
-     */
-    rev?: string;
-    /**
-     * @deprecated
-     */
-    shape?: string;
-};
-export declare const enum ReferrerPolicy {
-    NoReferrer = "no-referrer",
-    NoReferrerWhenDowngrade = "no-referrer-when-downgrade",
-    Origin = "origin",
-    OriginWhenCrossOrigin = "origin-when-cross-origin",
-    SameOrigin = "same-origin",
-    StrictOrigin = "strict-origin",
-    StrictOriginWhenCrossOrigin = "strict-origin-when-cross-origin",
-    UnsafeUrl = "unsafe-url"
-}

package/dist/htmlspec/ButtonElement.d.ts

@@ -1,55 +0,0 @@
-/**
- * All standard attributes for the `<button>` HTML element.
- */
-export type ButtonAttributes = {
-    /** Automatically focus the button when the page loads. */
-    autofocus?: boolean;
-    /**
-     * Action to perform on the controlled element:
-     * - "show-modal" | "close" | "request-close"
-     * - "show-popover" | "hide-popover" | "toggle-popover"
-     * - "--custom": custom command (must start with `--`)
-     */
-    command?: string;
-    /** ID of the element this button controls as a command button. */
-    commandfor?: string;
-    /** Whether the button is disabled and non-interactive. */
-    disabled?: boolean;
-    /** Associates the button with a `<form>` by ID. */
-    form?: string;
-    /** URL to submit to when clicked. Overrides form’s `action`. */
-    formaction?: string;
-    /**
-     * Encoding type for submitted data:
-     * - "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain"
-     */
-    formenctype?: 'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain';
-    /**
-     * Method for submitting the form:
-     * - "get" | "post" | "dialog"
-     */
-    formmethod?: 'get' | 'post' | 'dialog';
-    /** Skip form validation on submit. */
-    formnovalidate?: boolean;
-    /**
-     * Browsing context for the response:
-     * - "_self" | "_blank" | "_parent" | "_top" | custom target
-     */
-    formtarget?: string;
-    /** Name of the button, submitted as name=value with the form. */
-    name?: string;
-    /** ID of the popover element controlled by this button. */
-    popovertarget?: string;
-    /**
-     * Action to perform on the popover:
-     * - "show" | "hide" | "toggle"
-     */
-    popovertargetaction?: 'show' | 'hide' | 'toggle';
-    /**
-     * Button type:
-     * - "submit" (default), "reset", or "button"
-     */
-    type?: 'submit' | 'reset' | 'button';
-    /** Value submitted with the form when using this button. */
-    value?: string;
-};