@mpen/jsxhtml 0.2.2 → 0.4.0

package/dist/jsx-runtime.cjs

@@ -1,9 +1,11 @@
 "use strict";
 
-var jsxRuntime = require("./jsx-runtime-DpEMYmD9.js");
+var jsxRuntime = require("./jsx-runtime-BQPDXeiv.js");
 
 exports.Fragment = jsxRuntime.Fragment;
 
+exports.JSX = jsxRuntime.JSX;
+
 exports.jsx = jsxRuntime.jsx;
 
 exports.jsxs = jsxRuntime.jsxs;

package/dist/jsx-runtime.mjs

@@ -1 +1 @@
-export { F as Fragment, b as jsx, j as jsxs } from "./jsx-runtime-CsQM2fQb.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,34 +1,16 @@
 import type { JsxNode } from './jsx-node';
-import type { AllGlobalAttributes } from './htmlspec/GlobalAttributes';
-import type { Override } from './util-types';
-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 = import('classcat').Class;
-export type StyleObject = import('csstype').Properties | import('csstype').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 = Override<AllGlobalAttributes, SpecialProps>;
-export type AnyAttributes = Override<AttrObj, CommonProps>;
+export type { JsxRenderable, JsxChildren };
+export type { SpecialAttributes };
+export type { CommonAttributes, AnyAttributes };
 export type JsxComponent<P = AnyAttributes> = ((props: P) => JsxNode) & {
     displayName?: string;
     name?: string;

package/dist/jsx.d.ts

@@ -1,6 +1,6 @@
 /// <reference no-default-lib="true"/>
-import { JsxNode } from './jsx-node';
-import * as instrinsic from './htmlspec/IntrinsicElements';
+import type { JsxNode } from './jsx-node';
+import type * as instrinsic from './htmlspec/IntrinsicElements';
 export type ComponentType<P = {}> = FunctionComponent<P>;
 export type JsxChild = string | number | boolean | null | undefined | JsxNode | JsxNode[];
 export interface FunctionComponent<P = {}> {
@@ -31,3 +31,4 @@ export declare namespace JSX {
     interface IntrinsicElements extends instrinsic.IntrinsicElements {
     }
 }
+export declare const JSX: {};

package/dist/jsx.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/template-strings.d.ts

@@ -0,0 +1,12 @@
+export declare class JsFrag {
+    private readonly str;
+    constructor(str: string);
+    toString(): string;
+}
+export declare function js(strings: TemplateStringsArray, ...values: any[]): JsFrag;
+export declare class CssFrag {
+    private readonly str;
+    constructor(str: string);
+    toString(): string;
+}
+export declare function css(strings: TemplateStringsArray, ...values: any[]): CssFrag;

package/dist/template-strings.test.d.ts

@@ -0,0 +1,6 @@
+declare module 'bun:test' {
+    interface Matchers<T = unknown> {
+        toStrEq(expected: string): void;
+    }
+}
+export {};

package/package.json

@@ -1,86 +1,97 @@
 {
-  "name": "@mpen/jsxhtml",
-  "version": "0.2.2",
-  "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",
-    "html",
-    "render",
-    "server-side",
-    "elysia"
-  ],
-  "scripts": {
-    "dev:build": "rollup -cw",
-    "_dev:serve": "serve -l tcp://0.0.0.0:8080",
-    "dev": "run-p \"dev:**\"",
-    "dev:serve": "bun run --hot src/dev.tsx",
-    "test": "NODE_ENV=production bun 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": "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.9",
-    "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",
-    "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"
-}