@mpen/jsxhtml 0.2.2 → 0.4.0

package/dist/htmlspec/elements/track.d.ts

@@ -0,0 +1,31 @@
+import type { CommonAttributes } from '../attributes/ElementAttributes';
+import type { ElementForTag } from './element-types';
+export interface TrackAttributes extends CommonAttributes<ElementForTag<'track'>> {
+    /**
+     * This attribute indicates that the track should be enabled unless the user's preferences indicate that another track is more appropriate. This may only be used on one `track` element per media element.
+     */
+    default?: boolean;
+    /**
+     * How the text track is meant to be used. If omitted the default kind is `subtitles`. If the attribute contains an invalid value, it will use `metadata`. The following keywords are allowed: Subtitles provide transcription or translation of the dialog. They are suitable for when the sound is available but not understood, such as speech or text that is not English in an English language film. Subtitles may contain additional content, usually extra background information. For example the text at the beginning of the Star Wars films, or the date, time, and location of a scene. Subtitles' information complements the audio and video. It is often embedded in the video itself, but can also be provided separately, especially for whole-film translations. Closed captions provide transcription or translation of the dialog, sound effects, relevant musical cues, and other relevant audio information, such as the cue's source (e.g., character, environment). They are suitable for when sound is unavailable or not clearly audible (e.g., because it is muted, drowned-out by ambient noise, or because the user is deaf). Descriptions summarize the _video_ component of the media resource. They are intended to be synthesized as audio when the visual component is obscured, unavailable, or not usable (e.g., because the user is interacting with the application without a screen while driving, or because the user is blind). Chapter titles are intended to be used when the user is navigating the media resource. Tracks used by scripts. Not visible to the user.
+     *
+     * Possible values:
+     * - subtitles
+     * - captions
+     * - descriptions
+     * - chapters
+     * - metadata
+     */
+    kind?: 'subtitles' | 'captions' | 'descriptions' | 'chapters' | 'metadata';
+    /**
+     * A user-readable title of the text track which is used by the browser when listing available text tracks.
+     */
+    label?: string;
+    /**
+     * Address of the track (`.vtt` file). Must be a valid URL. This attribute must be specified and its URL value must have the same origin as the document - unless the audio or video parent element of the `track` element has a `crossorigin` attribute.
+     */
+    src?: string;
+    /**
+     * Language of the track text data. It must be a valid BCP 47 language tag. If the `kind` attribute is set to `subtitles`, then `srclang` must be defined.
+     */
+    srclang?: string;
+}

package/dist/htmlspec/elements/u.d.ts

@@ -0,0 +1,4 @@
+import type { CommonAttributes } from '../attributes/ElementAttributes';
+import type { ElementForTag } from './element-types';
+export interface UAttributes extends CommonAttributes<ElementForTag<'u'>> {
+}

package/dist/htmlspec/elements/ul.d.ts

@@ -0,0 +1,12 @@
+import type { CommonAttributes } from '../attributes/ElementAttributes';
+import type { ElementForTag } from './element-types';
+export interface UlAttributes extends CommonAttributes<ElementForTag<'ul'>> {
+    /**
+     * A fourth bullet type has been defined in the WebTV interface, but not all browsers support it: `triangle`. If not present and if no CSS list-style-type property applies to the element, the user agent selects a bullet type depending on the nesting level of the list.
+     *
+     * Possible values:
+     * - disc
+     * - square
+     */
+    circle?: 'disc' | 'square';
+}

package/dist/htmlspec/elements/var.d.ts

@@ -0,0 +1,4 @@
+import type { CommonAttributes } from '../attributes/ElementAttributes';
+import type { ElementForTag } from './element-types';
+export interface VarAttributes extends CommonAttributes<ElementForTag<'var'>> {
+}

package/dist/htmlspec/elements/video.d.ts

@@ -0,0 +1,66 @@
+import type { CommonAttributes } from '../attributes/ElementAttributes';
+import type { ElementForTag } from './element-types';
+import type { Numeric } from '../attributes/StandardGlobalAttributes';
+export interface VideoAttributes extends CommonAttributes<ElementForTag<'video'>> {
+    /**
+     * A Boolean attribute; if specified, the video automatically begins to play back as soon as it can without stopping to finish loading the data. To disable video autoplay, `autoplay="false"` will not work; the video will autoplay if the attribute is there in the `<video ` tag at all. To remove autoplay, the attribute needs to be removed altogether.
+     */
+    autoplay?: boolean;
+    /**
+     * If this attribute is present, the browser will offer controls to allow the user to control video playback, including volume, seeking, and pause/resume playback.
+     */
+    controls?: boolean;
+    /**
+     * The `controlslist` attribute, when specified, helps the browser select what controls to show for the `video` element whenever the browser shows its own set of controls (that is, when the `controls` attribute is specified). The allowed values are `nodownload`, `nofullscreen` and `noremoteplayback`. Use the `disablepictureinpicture` attribute if you want to disable the Picture-In-Picture mode (and the control).
+     */
+    controlslist?: 'anonymous' | 'use-credentials';
+    /**
+     * The **`crossorigin`** attribute, valid on the audio, img, link, script, and video elements, provides support for CORS, defining how the element handles cross-origin requests, thereby enabling the configuration of the CORS requests for the element's fetched data. Depending on the element, the attribute can be a CORS settings attribute.
+     */
+    crossorigin?: 'anonymous' | 'use-credentials';
+    /**
+     * Prevents the browser from suggesting a Picture-in-Picture context menu or to request Picture-in-Picture automatically in some cases.
+     */
+    disablepictureinpicture?: string;
+    /**
+     * A Boolean attribute used to disable the capability of remote playback in devices that are attached using wired (HDMI, DVI, etc.) and wireless technologies (Miracast, Chromecast, DLNA, AirPlay, etc.). In Safari, you can use `x-webkit-airplay="deny"` as a fallback.
+     */
+    disableremoteplayback?: string;
+    /**
+     * The height of the video's display area, in CSS pixels (absolute values only; no percentages).
+     */
+    height?: Numeric;
+    /**
+     * A Boolean attribute; if specified, the browser will automatically seek back to the start upon reaching the end of the video.
+     */
+    loop?: boolean;
+    /**
+     * A Boolean attribute that indicates the default audio mute setting contained in the video. If set, the audio will be initially silenced. Its default value is `false`, meaning the audio will be played when the video is played.
+     */
+    muted?: boolean;
+    /**
+     * A Boolean attribute indicating that the video is to be played "inline", that is, within the element's playback area. Note that the absence of this attribute _does not_ imply that the video will always be played in fullscreen.
+     */
+    playsinline?: boolean;
+    /**
+     * A URL for an image to be shown while the video is downloading. If this attribute isn't specified, nothing is displayed until the first frame is available, then the first frame is shown as the poster frame.
+     */
+    poster?: string;
+    /**
+     * This enumerated attribute is intended to provide a hint to the browser about what the author thinks will lead to the best user experience regarding what content is loaded before the video is played. It may have one of the following values: The default value is different for each browser. The spec advises it to be set to `metadata`.
+     *
+     * Possible values:
+     * - none
+     * - metadata
+     * - auto
+     */
+    preload?: 'none' | 'metadata' | 'auto';
+    /**
+     * The width of the video's display area, in CSS pixels (absolute values only; no percentages).
+     */
+    width?: Numeric;
+    /**
+     * The URL of the video to embed. This is optional; you may instead use the source element within the video block to specify the video to embed.
+     */
+    src?: string;
+}

package/dist/htmlspec/elements/wbr.d.ts

@@ -0,0 +1,4 @@
+import type { CommonAttributes } from '../attributes/ElementAttributes';
+import type { ElementForTag } from './element-types';
+export interface WbrAttributes extends CommonAttributes<ElementForTag<'wbr'>> {
+}

package/dist/index.cjs

@@ -4,11 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 
-var jsxRuntime = require("./jsx-runtime-DpEMYmD9.js");
-
-function RawHtml({children}) {
-    return new jsxRuntime.JsxRawHtml(jsxRuntime.flattenString(children));
-}
+var jsxRuntime = require("./jsx-runtime-BQPDXeiv.js");
 
 function C({children}) {
     {
@@ -16,10 +12,49 @@ function C({children}) {
     }
 }
 
+function Checkbox(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "checkbox"
+    });
+}
+
+function ColorInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "color"
+    });
+}
+
+function DateInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "date"
+    });
+}
+
 function DocType(props) {
     return new jsxRuntime.JsxDocType(props);
 }
 
+function EmailInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "email"
+    });
+}
+
+function Empty() {
+    return jsxRuntime.EMPTY;
+}
+
+function FileInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "file"
+    });
+}
+
 function HtmlDocument({children, ...htmlAttrs}) {
     return jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [ jsxRuntime.jsx(DocType, {
@@ -31,8 +66,78 @@ function HtmlDocument({children, ...htmlAttrs}) {
     });
 }
 
-function Empty() {
-    return jsxRuntime.EMPTY;
+function NumberInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "number"
+    });
+}
+
+function PasswordInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "password"
+    });
+}
+
+function RadioButton(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "radio"
+    });
+}
+
+function RangeInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "range"
+    });
+}
+
+function RawHtml({children}) {
+    return new jsxRuntime.JsxRawHtml(jsxRuntime.flattenString(children));
+}
+
+function SearchInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "search"
+    });
+}
+
+function TelephoneInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "tel"
+    });
+}
+
+function TextInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "text"
+    });
+}
+
+function TimeInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "time"
+    });
+}
+
+function UrlInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "url"
+    });
+}
+
+function WeekInput(props) {
+    return jsxRuntime.jsx("input", {
+        ...props,
+        type: "week"
+    });
 }
 
 function elysiaJsx() {
@@ -81,16 +186,48 @@ exports.JsxRawHtml = jsxRuntime.JsxRawHtml;
 
 exports.isJsxNode = jsxRuntime.isJsxNode;
 
+exports.js = jsxRuntime.js;
+
 exports.C = C;
 
+exports.Checkbox = Checkbox;
+
+exports.ColorInput = ColorInput;
+
+exports.DateInput = DateInput;
+
 exports.DocType = DocType;
 
+exports.EmailInput = EmailInput;
+
 exports.Empty = Empty;
 
+exports.FileInput = FileInput;
+
 exports.HtmlDocument = HtmlDocument;
 
+exports.NumberInput = NumberInput;
+
+exports.PasswordInput = PasswordInput;
+
+exports.RadioButton = RadioButton;
+
+exports.RangeInput = RangeInput;
+
 exports.RawHtml = RawHtml;
 
+exports.SearchInput = SearchInput;
+
+exports.TelephoneInput = TelephoneInput;
+
+exports.TextInput = TextInput;
+
+exports.TimeInput = TimeInput;
+
+exports.UrlInput = UrlInput;
+
+exports.WeekInput = WeekInput;
+
 exports.default = React$1;
 
 exports.elysiaJsx = elysiaJsx;

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export * from './jsx-elements';
 export * from './custom-components';
 export * from './elysia-plugin';
 export * from './jsx-node';
+export { js } from './template-strings';
 import type { AnyAttributes, JsxComponent, JsxRenderable } from './jsx-types';
 import { Fragment as _Fragment } from './jsx-runtime';
 declare namespace React {

package/dist/index.mjs

@@ -1,10 +1,6 @@
-import { J as JsxRawHtml, f as flattenString, E as EMPTY, a as JsxDocType, j as jsxs, b as jsx, F as Fragment, i as isJsxNode } from "./jsx-runtime-CsQM2fQb.js";
+import { E as EMPTY, j as jsx, J as JsxDocType, a as jsxs, F as Fragment, b as JsxRawHtml, f as flattenString, i as isJsxNode } from "./jsx-runtime-DlHYwToA.js";
 
-export { d as JsxComment, c as JsxElement, e as JsxEmpty, g as JsxFragment, h as JsxNode } from "./jsx-runtime-CsQM2fQb.js";
-
-function RawHtml({children}) {
-    return new JsxRawHtml(flattenString(children));
-}
+export { e as JsxComment, d as JsxElement, g as JsxEmpty, h as JsxFragment, k as JsxNode, c as js } from "./jsx-runtime-DlHYwToA.js";
 
 function C({children}) {
     {
@@ -12,10 +8,49 @@ function C({children}) {
     }
 }
 
+function Checkbox(props) {
+    return jsx("input", {
+        ...props,
+        type: "checkbox"
+    });
+}
+
+function ColorInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "color"
+    });
+}
+
+function DateInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "date"
+    });
+}
+
 function DocType(props) {
     return new JsxDocType(props);
 }
 
+function EmailInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "email"
+    });
+}
+
+function Empty() {
+    return EMPTY;
+}
+
+function FileInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "file"
+    });
+}
+
 function HtmlDocument({children, ...htmlAttrs}) {
     return jsxs(Fragment, {
         children: [ jsx(DocType, {
@@ -27,8 +62,78 @@ function HtmlDocument({children, ...htmlAttrs}) {
     });
 }
 
-function Empty() {
-    return EMPTY;
+function NumberInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "number"
+    });
+}
+
+function PasswordInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "password"
+    });
+}
+
+function RadioButton(props) {
+    return jsx("input", {
+        ...props,
+        type: "radio"
+    });
+}
+
+function RangeInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "range"
+    });
+}
+
+function RawHtml({children}) {
+    return new JsxRawHtml(flattenString(children));
+}
+
+function SearchInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "search"
+    });
+}
+
+function TelephoneInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "tel"
+    });
+}
+
+function TextInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "text"
+    });
+}
+
+function TimeInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "time"
+    });
+}
+
+function UrlInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "url"
+    });
+}
+
+function WeekInput(props) {
+    return jsx("input", {
+        ...props,
+        type: "week"
+    });
 }
 
 function elysiaJsx() {
@@ -59,4 +164,4 @@ var React;
 
 var React$1 = React;
 
-export { C, DocType, EMPTY, Empty, HtmlDocument, JsxDocType, JsxRawHtml, RawHtml, React$1 as default, elysiaJsx, isJsxNode };
+export { C, Checkbox, ColorInput, DateInput, DocType, EMPTY, EmailInput, Empty, FileInput, HtmlDocument, JsxDocType, JsxRawHtml, NumberInput, PasswordInput, RadioButton, RangeInput, RawHtml, SearchInput, TelephoneInput, TextInput, TimeInput, UrlInput, WeekInput, React$1 as default, elysiaJsx, isJsxNode };

package/dist/internal/dev.d.ts

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

package/dist/internal/kitchen-sink-dev.d.ts

@@ -0,0 +1,7 @@
+#!/usr/bin/env -S bun --hot
+import { type ServerWebSocket } from "bun";
+type WSData = {};
+declare global {
+    var _clients: Set<ServerWebSocket<WSData>> | undefined;
+}
+export {};

package/dist/internal/kitchen-sink.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env -S bun
+export declare const kitchenSink: import("src/jsx-runtime").JSX.Element;

package/dist/internal/log.d.ts

@@ -0,0 +1,2 @@
+export declare function devLog(...vars: any[]): void;
+export declare function logFull(...vars: any[]): void;

package/dist/internal/type-assert.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Checks that `Value` is assignable to `Target`.
+ *
+ * ```ts
+ * expectType<TypeOf<number, 123>>(true);
+ * expectType<TypeOf<123, number>>(false);
+ * ```
+ */
+export type TypeOf<Target, Value> = Exclude<Value, Target> extends never ? true : false;
+/**
+ * Checks that `Value` is equal to the same type as `Target`.
+ *
+ * ```ts
+ * expectType<TypeEqual<123, 123>>(true);
+ * expectType<TypeEqual<123, number>>(false);
+ * expectType<TypeEqual<number, 123>>(false);
+ * expectType<TypeEqual<number, number>>(true);
+ * ```
+ */
+export type TypeEqual<Target, Value> = (<T>() => T extends Target ? 1 : 2) extends <T>() => T extends Value ? 1 : 2 ? true : false;
+/**
+ * Asserts the `value` type is assignable to the generic `Type`.
+ *
+ * ```ts
+ * expectType<number>(123);
+ * expectType<boolean>(true);
+ * ```
+ */
+export declare const expectType: <Type>(_: Type) => void;
+/**
+ * Asserts the `value` type is `never`, i.e. this function should never be called.
+ * If it is called at runtime, it will throw a `TypeError`. The return type is
+ * `never` to support returning in exhaustive type checks.
+ *
+ * ```ts
+ * return expectNever(value);
+ * ```
+ */
+export declare const expectNever: (value: never) => never;

package/dist/jsx-dev-runtime.cjs

@@ -1,10 +1,9 @@
 "use strict";
 
-var jsxRuntime = require("./jsx-runtime-DpEMYmD9.js");
+var jsxRuntime = require("./jsx-runtime-BQPDXeiv.js");
 
 function jsxDEV(tag, props, key, isStaticChildren, source, self) {
     let node = jsxRuntime.jsx(...arguments);
-    if (process.env.JSXHTML_DEV) return node;
     if (jsxRuntime.isJsxComponent(tag) && !(node instanceof jsxRuntime.JsxComment)) {
         const name = tag.displayName ?? tag.name ?? "Unknown";
         node = new jsxRuntime.JsxFragment([ new jsxRuntime.JsxComment(`<${name}>`), node, new jsxRuntime.JsxComment(`</${name}>`) ]);
@@ -14,6 +13,8 @@ function jsxDEV(tag, props, key, isStaticChildren, source, self) {
 
 exports.Fragment = jsxRuntime.Fragment;
 
+exports.JSX = jsxRuntime.JSX;
+
 exports.jsx = jsxRuntime.jsx;
 
 exports.jsxDEV = jsxDEV;

package/dist/jsx-dev-runtime.mjs

@@ -1,10 +1,9 @@
-import { b as jsx, k as isJsxComponent, d as JsxComment, g as JsxFragment } from "./jsx-runtime-CsQM2fQb.js";
+import { j as jsx, l as isJsxComponent, e as JsxComment, h as JsxFragment } from "./jsx-runtime-DlHYwToA.js";
 
-export { F as Fragment } from "./jsx-runtime-CsQM2fQb.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}>`) ]);