Socket
Socket
Sign inDemoInstall

jsxte

Package Overview
Dependencies
Maintainers
1
Versions
34
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

jsxte - npm Package Compare versions

Comparing version 3.1.2 to 3.1.3

CONTRIBUTING.md

18

CHANGELOG.md

@@ -0,1 +1,15 @@

## 3.1.3 (September 5, 2023)
### BREAKING CHANGES
- #### fix: removed prop types exports ([#193](https://github.com/ncpa0/jsxte/pull/193))
Exports of all tags prop types were removed, instead those are available via the `JSXTE` global namespace.
### Bug Fixes
- #### fix: as attribute typing for link tag ([#193](https://github.com/ncpa0/jsxte/pull/193))
Added missing property from the `<link>` tag's prop type, the `as` attribute.
## 3.1.2 (August 27, 2023)

@@ -32,3 +46,3 @@

Added code optimizations:
1. Instead of `for..of` loops that rely on iterators used the good ol' `for..let i = 0;` loops which are much faster

@@ -42,3 +56,3 @@ 2. Replaced all usages of `String.join()` with a much faster custom implementation

Multiple improvements to the render function for string template tags:
- New `<Interpolate>` and `<InterpolateTag>` components. Contents of those will be interpolated into the string template as is for Interpolate, and as a rendered tag for InterpolateTag (see JSDoc comments on those for more details.

@@ -45,0 +59,0 @@ - Falsy values passed to the attributes will prevent those attributes from being added at all, while truthy values will cause those attributes to be added with their names as values.

6

dist/legacy/error-boundary/error-boundary.js

@@ -27,3 +27,5 @@ "use strict";

var ErrorBoundary = class {
/** @internal */
/**
* @internal
*/
static _isErrorBoundary(o) {

@@ -37,5 +39,5 @@ const canBeClass = typeof o === "function";

}
constructor(props) {
constructor(_) {
}
};
ErrorBoundary._baseName = "ErrorBoundary";

1

dist/legacy/index.js

@@ -40,3 +40,2 @@ "use strict";

__reExport(src_exports, require("./jsx/jsx.types.js"), module.exports);
__reExport(src_exports, require("./jsx/prop-types/index.js"), module.exports);
var import_interpolate = require("./string-template-parser/interpolate.js");

@@ -43,0 +42,0 @@ var import_default_cache = require("./string-template-parser/default-cache.js");

17

dist/legacy/jsx/prop-types/a-jsx-props.js
"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/jsx/prop-types/a-jsx-props.ts
var a_jsx_props_exports = {};
module.exports = __toCommonJS(a_jsx_props_exports);

17

dist/legacy/jsx/prop-types/area-jsx-props.js
"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/jsx/prop-types/area-jsx-props.ts
var area_jsx_props_exports = {};
module.exports = __toCommonJS(area_jsx_props_exports);

17

dist/legacy/jsx/prop-types/audio-jsx-props.js
"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/jsx/prop-types/audio-jsx-props.ts
var audio_jsx_props_exports = {};
module.exports = __toCommonJS(audio_jsx_props_exports);

17

dist/legacy/jsx/prop-types/base-jsx-props.js
"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/jsx/prop-types/base-jsx-props.ts
var base_jsx_props_exports = {};
module.exports = __toCommonJS(base_jsx_props_exports);

17

dist/legacy/jsx/prop-types/button-jsx-props.js
"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/jsx/prop-types/button-jsx-props.ts
var button_jsx_props_exports = {};
module.exports = __toCommonJS(button_jsx_props_exports);

17

dist/legacy/jsx/prop-types/details-jsx-props.js
"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/jsx/prop-types/details-jsx-props.ts
var details_jsx_props_exports = {};
module.exports = __toCommonJS(details_jsx_props_exports);

17

dist/legacy/jsx/prop-types/dialog-jsx-props.js
"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/jsx/prop-types/dialog-jsx-props.ts
var dialog_jsx_props_exports = {};
module.exports = __toCommonJS(dialog_jsx_props_exports);

17

dist/legacy/jsx/prop-types/fieldset-jsx-prop.js
"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/jsx/prop-types/fieldset-jsx-prop.ts
var fieldset_jsx_prop_exports = {};
module.exports = __toCommonJS(fieldset_jsx_prop_exports);

17

dist/legacy/jsx/prop-types/form-jsx-props.js
"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/jsx/prop-types/form-jsx-props.ts
var form_jsx_props_exports = {};
module.exports = __toCommonJS(form_jsx_props_exports);

17

dist/legacy/jsx/prop-types/img-jsx-props.js
"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/jsx/prop-types/img-jsx-props.ts
var img_jsx_props_exports = {};
module.exports = __toCommonJS(img_jsx_props_exports);

17

dist/legacy/jsx/prop-types/link-jsx-props.js
"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/jsx/prop-types/link-jsx-props.ts
var link_jsx_props_exports = {};
module.exports = __toCommonJS(link_jsx_props_exports);

17

dist/legacy/jsx/prop-types/object-jsx-props.js
"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/jsx/prop-types/object-jsx-props.ts
var object_jsx_props_exports = {};
module.exports = __toCommonJS(object_jsx_props_exports);

17

dist/legacy/jsx/prop-types/ol-jsx-props.js
"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/jsx/prop-types/ol-jsx-props.ts
var ol_jsx_props_exports = {};
module.exports = __toCommonJS(ol_jsx_props_exports);

17

dist/legacy/jsx/prop-types/optgroup-jsx-props.js
"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/jsx/prop-types/optgroup-jsx-props.ts
var optgroup_jsx_props_exports = {};
module.exports = __toCommonJS(optgroup_jsx_props_exports);

17

dist/legacy/jsx/prop-types/option-jsx-props.js
"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/jsx/prop-types/option-jsx-props.ts
var option_jsx_props_exports = {};
module.exports = __toCommonJS(option_jsx_props_exports);

17

dist/legacy/jsx/prop-types/script-jsx-props.js
"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/jsx/prop-types/script-jsx-props.ts
var script_jsx_props_exports = {};
module.exports = __toCommonJS(script_jsx_props_exports);

17

dist/legacy/jsx/prop-types/select-jsx-props.js
"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/jsx/prop-types/select-jsx-props.ts
var select_jsx_props_exports = {};
module.exports = __toCommonJS(select_jsx_props_exports);

17

dist/legacy/jsx/prop-types/textarea-jsx-props.js
"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/jsx/prop-types/textarea-jsx-props.ts
var textarea_jsx_props_exports = {};
module.exports = __toCommonJS(textarea_jsx_props_exports);

17

dist/legacy/jsx/prop-types/track-jsx-props.js
"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/jsx/prop-types/track-jsx-props.ts
var track_jsx_props_exports = {};
module.exports = __toCommonJS(track_jsx_props_exports);

17

dist/legacy/jsx/prop-types/video-jsx-props.js
"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/jsx/prop-types/video-jsx-props.ts
var video_jsx_props_exports = {};
module.exports = __toCommonJS(video_jsx_props_exports);

4

dist/legacy/string-template-parser/interpolate.js

@@ -39,3 +39,3 @@ "use strict";

}
constructor(props) {
constructor(_) {
}

@@ -56,5 +56,5 @@ };

}
constructor(props) {
constructor(_) {
}
};
InterpolateTag._baseName = "InterpolateTag";

2

dist/types/error-boundary/error-boundary.d.ts

@@ -5,5 +5,5 @@ import type { ComponentApi } from "../component-api/component-api";

private static _baseName;
constructor(props: JSXTE.PropsWithChildren<P>);
constructor(_: JSXTE.PropsWithChildren<P>);
abstract render(props: JSXTE.PropsWithChildren<P>, contextMap: ComponentApi): JSX.Element | Promise<JSX.Element>;
abstract onError(error: unknown, originalProps: JSXTE.PropsWithChildren<P>, contextMap: ComponentApi): JSX.Element;
}

1

dist/types/index.d.ts
import "./utilities/array-flat-polyfill";
export * from "./express/index";
export * from "./jsx/jsx.types";
export * from "./jsx/prop-types/index";
export { Interpolate, InterpolateTag, } from "./string-template-parser/interpolate";

@@ -6,0 +5,0 @@ export { DefaultTemplateArrayCache } from "./string-template-parser/default-cache";

429

dist/types/jsx/jsx.types.d.ts
import type { HTMLProps } from "./base-html-tag-props";
import type { AnchorTagProps } from "./prop-types/a-jsx-props";
import type { AreaTagProps } from "./prop-types/area-jsx-props";
import type { AudioTagProps } from "./prop-types/audio-jsx-props";
import type { BaseTagProps } from "./prop-types/base-jsx-props";
import type { BdoTagProps } from "./prop-types/bdo-jsx-props";
import type { BlockquoteTagProps } from "./prop-types/blockquote-jsx-props";
import type { ButtonTagProps } from "./prop-types/button-jsx-props";
import type { CanvasTagProps } from "./prop-types/canvas-jsx-props";
import type { ColTagProps } from "./prop-types/col-jsx-props";
import type { ColgroupTagProps } from "./prop-types/colgroup-jsx-props";
import type { DataTagProps } from "./prop-types/data-jsx-props";
import type { DelTagProps } from "./prop-types/del-jsx-props";
import type { DetailsTagProps } from "./prop-types/details-jsx-props";
import type { DialogTagProps } from "./prop-types/dialog-jsx-props";
import type { EmbedTagProps } from "./prop-types/embed-jsx-props";
import type { FieldsetTagProps } from "./prop-types/fieldset-jsx-prop";
import type { FormTagProps } from "./prop-types/form-jsx-props";
import type { HtmlTagProps } from "./prop-types/html-jsx-props";
import type { IframeTagProps } from "./prop-types/iframe-jsx-props";
import type { ImgTagProps } from "./prop-types/img-jsx-props";
import type { InputTagProps } from "./prop-types/input-jsx-props";
import type { InsTagProps } from "./prop-types/ins-jsx-props";
import type { LabelTagProps } from "./prop-types/label-jsx-props";
import type { LiTagProps } from "./prop-types/li-jsx.props";
import type { LinkTagProps } from "./prop-types/link-jsx-props";
import type { MapTagProps } from "./prop-types/map-jsx-props";
import type { MetaTagProps } from "./prop-types/meta-jsx-props";
import type { MeterTagProps } from "./prop-types/meter-jsx-props";
import type { ObjectTagProps } from "./prop-types/object-jsx-props";
import type { OlTagProps } from "./prop-types/ol-jsx-props";
import type { OptgroupTagProps } from "./prop-types/optgroup-jsx-props";
import type { OptionTagProps } from "./prop-types/option-jsx-props";
import type { OutputTagProps } from "./prop-types/output-jsx-props";
import type { ParamTagProps } from "./prop-types/param-jsx-props";
import type { ProgressTagProps } from "./prop-types/progress-jsx-props";
import type { QTagProps } from "./prop-types/q-jsx-props";
import type { ScriptTagProps } from "./prop-types/script-jsx-props";
import type { SelectTagProps } from "./prop-types/select-jsx-props";
import type { SourceTagProps } from "./prop-types/source-jsx-props";
import type { StyleTagProps } from "./prop-types/style-jsx-props";
import type { TdTagProps } from "./prop-types/td-jsx-props";
import type { TextareaTagProps } from "./prop-types/textarea-jsx-props";
import type { ThTagProps } from "./prop-types/th-jsx-props";
import type { TimeTagProps } from "./prop-types/time-jsx-props";
import type { TrackTagProps } from "./prop-types/track-jsx-props";
import type { VideoTagProps } from "./prop-types/video-jsx-props";
declare global {

@@ -53,124 +7,269 @@ namespace JSX {

type Element = SyncElement | AsyncElement;
type LibraryManagedAttributes<T, PropsWithChildren> = PropsWithChildren;
interface IntrinsicElements {
a: HTMLProps<AnchorTagProps>;
abbr: HTMLProps;
address: HTMLProps;
area: HTMLProps<AreaTagProps>;
article: HTMLProps;
aside: HTMLProps;
audio: HTMLProps<AudioTagProps>;
b: HTMLProps;
base: HTMLProps<BaseTagProps>;
bdi: HTMLProps;
bdo: HTMLProps<BdoTagProps>;
big: HTMLProps;
blockquote: HTMLProps<BlockquoteTagProps>;
body: HTMLProps;
br: HTMLProps;
button: HTMLProps<ButtonTagProps>;
canvas: HTMLProps<CanvasTagProps>;
caption: HTMLProps;
cite: HTMLProps;
code: HTMLProps;
col: HTMLProps<ColTagProps>;
colgroup: HTMLProps<ColgroupTagProps>;
data: HTMLProps<DataTagProps>;
datalist: HTMLProps;
dd: HTMLProps;
del: HTMLProps<DelTagProps>;
details: HTMLProps<DetailsTagProps>;
dfn: HTMLProps;
dialog: HTMLProps<DialogTagProps>;
div: HTMLProps;
dl: HTMLProps;
dt: HTMLProps;
em: HTMLProps;
embed: HTMLProps<EmbedTagProps>;
fieldset: HTMLProps<FieldsetTagProps>;
figcaption: HTMLProps;
figure: HTMLProps;
footer: HTMLProps;
form: HTMLProps<FormTagProps>;
h1: HTMLProps;
h2: HTMLProps;
h3: HTMLProps;
h4: HTMLProps;
h5: HTMLProps;
h6: HTMLProps;
head: HTMLProps;
header: HTMLProps;
hgroup: HTMLProps;
hr: HTMLProps;
html: HTMLProps<HtmlTagProps>;
i: HTMLProps;
iframe: HTMLProps<IframeTagProps>;
img: HTMLProps<ImgTagProps>;
input: HTMLProps<InputTagProps>;
ins: HTMLProps<InsTagProps>;
kbd: HTMLProps;
keygen: HTMLProps;
label: HTMLProps<LabelTagProps>;
legend: HTMLProps;
li: HTMLProps<LiTagProps>;
link: HTMLProps<LinkTagProps>;
main: HTMLProps;
map: HTMLProps<MapTagProps>;
mark: HTMLProps;
menu: HTMLProps;
menuitem: HTMLProps;
meta: HTMLProps<MetaTagProps>;
meter: HTMLProps<MeterTagProps>;
nav: HTMLProps;
noindex: HTMLProps;
noscript: HTMLProps;
object: HTMLProps<ObjectTagProps>;
ol: HTMLProps<OlTagProps>;
optgroup: HTMLProps<OptgroupTagProps>;
option: HTMLProps<OptionTagProps>;
output: HTMLProps<OutputTagProps>;
p: HTMLProps;
param: HTMLProps<ParamTagProps>;
picture: HTMLProps;
pre: HTMLProps;
progress: HTMLProps<ProgressTagProps>;
q: HTMLProps<QTagProps>;
rp: HTMLProps;
rt: HTMLProps;
ruby: HTMLProps;
s: HTMLProps;
samp: HTMLProps;
slot: HTMLProps;
script: HTMLProps<ScriptTagProps>;
section: HTMLProps;
select: HTMLProps<SelectTagProps>;
small: HTMLProps;
source: HTMLProps<SourceTagProps>;
span: HTMLProps;
strong: HTMLProps;
style: HTMLProps<StyleTagProps>;
sub: HTMLProps;
summary: HTMLProps;
sup: HTMLProps;
table: HTMLProps;
template: HTMLProps;
tbody: HTMLProps;
td: HTMLProps<TdTagProps>;
textarea: HTMLProps<TextareaTagProps>;
tfoot: HTMLProps;
th: HTMLProps<ThTagProps>;
thead: HTMLProps;
time: HTMLProps<TimeTagProps>;
title: HTMLProps;
tr: HTMLProps;
track: HTMLProps<TrackTagProps>;
u: HTMLProps;
ul: HTMLProps;
var: HTMLProps;
video: HTMLProps<VideoTagProps>;
wbr: HTMLProps;
webview: HTMLProps;
svg: HTMLProps;
a: HTMLProps<JSXTE.AnchorTagProps>;
abbr: HTMLProps<JSXTE.AbbrTagProps>;
address: HTMLProps<JSXTE.AddressTagProps>;
area: HTMLProps<JSXTE.AreaTagProps>;
article: HTMLProps<JSXTE.ArticleTagProps>;
aside: HTMLProps<JSXTE.AsideTagProps>;
audio: HTMLProps<JSXTE.AudioTagProps>;
b: HTMLProps<JSXTE.BTagProps>;
base: HTMLProps<JSXTE.BaseTagProps>;
bdi: HTMLProps<JSXTE.BdiTagProps>;
bdo: HTMLProps<JSXTE.BdoTagProps>;
big: HTMLProps<JSXTE.BigTagProps>;
blockquote: HTMLProps<JSXTE.BlockquoteTagProps>;
body: HTMLProps<JSXTE.BodyTagProps>;
br: HTMLProps<JSXTE.BrTagProps>;
button: HTMLProps<JSXTE.ButtonTagProps>;
canvas: HTMLProps<JSXTE.CanvasTagProps>;
caption: HTMLProps<JSXTE.CaptionTagProps>;
cite: HTMLProps<JSXTE.CiteTagProps>;
code: HTMLProps<JSXTE.CodeTagProps>;
col: HTMLProps<JSXTE.ColTagProps>;
colgroup: HTMLProps<JSXTE.ColgroupTagProps>;
data: HTMLProps<JSXTE.DataTagProps>;
datalist: HTMLProps<JSXTE.DatalistTagProps>;
dd: HTMLProps<JSXTE.DdTagProps>;
del: HTMLProps<JSXTE.DelTagProps>;
details: HTMLProps<JSXTE.DetailsTagProps>;
dfn: HTMLProps<JSXTE.DfnTagProps>;
dialog: HTMLProps<JSXTE.DialogTagProps>;
div: HTMLProps<JSXTE.DivTagProps>;
dl: HTMLProps<JSXTE.DlTagProps>;
dt: HTMLProps<JSXTE.DtTagProps>;
em: HTMLProps<JSXTE.EmTagProps>;
embed: HTMLProps<JSXTE.EmbedTagProps>;
fieldset: HTMLProps<JSXTE.FieldsetTagProps>;
figcaption: HTMLProps<JSXTE.FigcaptionTagProps>;
figure: HTMLProps<JSXTE.FigureTagProps>;
footer: HTMLProps<JSXTE.FooterTagProps>;
form: HTMLProps<JSXTE.FormTagProps>;
h1: HTMLProps<JSXTE.H1TagProps>;
h2: HTMLProps<JSXTE.H2TagProps>;
h3: HTMLProps<JSXTE.H3TagProps>;
h4: HTMLProps<JSXTE.H4TagProps>;
h5: HTMLProps<JSXTE.H5TagProps>;
h6: HTMLProps<JSXTE.H6TagProps>;
head: HTMLProps<JSXTE.HeadTagProps>;
header: HTMLProps<JSXTE.HeaderTagProps>;
hgroup: HTMLProps<JSXTE.HgroupTagProps>;
hr: HTMLProps<JSXTE.HrTagProps>;
html: HTMLProps<JSXTE.HtmlTagProps>;
i: HTMLProps<JSXTE.ITagProps>;
iframe: HTMLProps<JSXTE.IframeTagProps>;
img: HTMLProps<JSXTE.ImgTagProps>;
input: HTMLProps<JSXTE.InputTagProps>;
ins: HTMLProps<JSXTE.InsTagProps>;
kbd: HTMLProps<JSXTE.KbdTagProps>;
keygen: HTMLProps<JSXTE.KeygenTagProps>;
label: HTMLProps<JSXTE.LabelTagProps>;
legend: HTMLProps<JSXTE.LegendTagProps>;
li: HTMLProps<JSXTE.LiTagProps>;
link: HTMLProps<JSXTE.LinkTagProps>;
main: HTMLProps<JSXTE.MainTagProps>;
map: HTMLProps<JSXTE.MapTagProps>;
mark: HTMLProps<JSXTE.MarkTagProps>;
menu: HTMLProps<JSXTE.MenuTagProps>;
menuitem: HTMLProps<JSXTE.MenuitemTagProps>;
meta: HTMLProps<JSXTE.MetaTagProps>;
meter: HTMLProps<JSXTE.MeterTagProps>;
nav: HTMLProps<JSXTE.NavTagProps>;
noindex: HTMLProps<JSXTE.NoindexTagProps>;
noscript: HTMLProps<JSXTE.NoscriptTagProps>;
object: HTMLProps<JSXTE.ObjectTagProps>;
ol: HTMLProps<JSXTE.OlTagProps>;
optgroup: HTMLProps<JSXTE.OptgroupTagProps>;
option: HTMLProps<JSXTE.OptionTagProps>;
output: HTMLProps<JSXTE.OutputTagProps>;
p: HTMLProps<JSXTE.ParagraphTagProps>;
param: HTMLProps<JSXTE.ParamTagProps>;
picture: HTMLProps<JSXTE.PictureTagProps>;
pre: HTMLProps<JSXTE.PreTagProps>;
progress: HTMLProps<JSXTE.ProgressTagProps>;
q: HTMLProps<JSXTE.QTagProps>;
rp: HTMLProps<JSXTE.RpTagProps>;
rt: HTMLProps<JSXTE.RtTagProps>;
ruby: HTMLProps<JSXTE.RubyTagProps>;
s: HTMLProps<JSXTE.STagProps>;
samp: HTMLProps<JSXTE.SampTagProps>;
slot: HTMLProps<JSXTE.SlotTagProps>;
script: HTMLProps<JSXTE.ScriptTagProps>;
section: HTMLProps<JSXTE.SectionTagProps>;
select: HTMLProps<JSXTE.SelectTagProps>;
small: HTMLProps<JSXTE.SmallTagProps>;
source: HTMLProps<JSXTE.SourceTagProps>;
span: HTMLProps<JSXTE.SpanTagProps>;
strong: HTMLProps<JSXTE.StrongTagProps>;
style: HTMLProps<JSXTE.StyleTagProps>;
sub: HTMLProps<JSXTE.SubTagProps>;
summary: HTMLProps<JSXTE.SummaryTagProps>;
sup: HTMLProps<JSXTE.SupTagProps>;
table: HTMLProps<JSXTE.TableTagProps>;
template: HTMLProps<JSXTE.TemplateTagProps>;
tbody: HTMLProps<JSXTE.TbodyTagProps>;
td: HTMLProps<JSXTE.TdTagProps>;
textarea: HTMLProps<JSXTE.TextareaTagProps>;
tfoot: HTMLProps<JSXTE.TfootTagProps>;
th: HTMLProps<JSXTE.ThTagProps>;
thead: HTMLProps<JSXTE.TheadTagProps>;
time: HTMLProps<JSXTE.TimeTagProps>;
title: HTMLProps<JSXTE.TitleTagProps>;
tr: HTMLProps<JSXTE.TrTagProps>;
track: HTMLProps<JSXTE.TrackTagProps>;
u: HTMLProps<JSXTE.UTagProps>;
ul: HTMLProps<JSXTE.UlTagProps>;
var: HTMLProps<JSXTE.VarTagProps>;
video: HTMLProps<JSXTE.VideoTagProps>;
wbr: HTMLProps<JSXTE.WbrTagProps>;
webview: HTMLProps<JSXTE.WebviewTagProps>;
svg: HTMLProps<JSXTE.SvgTagProps>;
}
}
namespace JSXTE {
interface AbbrTagProps {
}
interface AddressTagProps {
}
interface ArticleTagProps {
}
interface AsideTagProps {
}
interface BTagProps {
}
interface BdiTagProps {
}
interface BigTagProps {
}
interface BodyTagProps {
}
interface BrTagProps {
}
interface CaptionTagProps {
}
interface CiteTagProps {
}
interface CodeTagProps {
}
interface DatalistTagProps {
}
interface DdTagProps {
}
interface DfnTagProps {
}
interface DivTagProps {
}
interface DlTagProps {
}
interface DtTagProps {
}
interface EmTagProps {
}
interface FigcaptionTagProps {
}
interface FigureTagProps {
}
interface FooterTagProps {
}
interface H1TagProps {
}
interface H2TagProps {
}
interface H3TagProps {
}
interface H4TagProps {
}
interface H5TagProps {
}
interface H6TagProps {
}
interface HeadTagProps {
}
interface HeaderTagProps {
}
interface HgroupTagProps {
}
interface HrTagProps {
}
interface ITagProps {
}
interface KbdTagProps {
}
interface KeygenTagProps {
}
interface LegendTagProps {
}
interface MainTagProps {
}
interface MarkTagProps {
}
interface MenuTagProps {
}
interface MenuitemTagProps {
}
interface NavTagProps {
}
interface NoindexTagProps {
}
interface NoscriptTagProps {
}
interface ParagraphTagProps {
}
interface PictureTagProps {
}
interface PreTagProps {
}
interface RpTagProps {
}
interface RtTagProps {
}
interface RubyTagProps {
}
interface STagProps {
}
interface SampTagProps {
}
interface SlotTagProps {
}
interface SectionTagProps {
}
interface SmallTagProps {
}
interface SpanTagProps {
}
interface StrongTagProps {
}
interface SubTagProps {
}
interface SummaryTagProps {
}
interface SupTagProps {
}
interface TableTagProps {
}
interface TemplateTagProps {
}
interface TbodyTagProps {
}
interface TfootTagProps {
}
interface TheadTagProps {
}
interface TitleTagProps {
}
interface TrTagProps {
}
interface UTagProps {
}
interface UlTagProps {
}
interface VarTagProps {
}
interface WbrTagProps {
}
interface WebviewTagProps {
}
interface SvgTagProps {
}
}
}

24

dist/types/jsx/prop-types/a-jsx-props.d.ts
import type { RefererPolicy } from "./shared/referer-policy";
import type { Target } from "./shared/target";
export interface AnchorTagProps {
download?: string;
href?: string;
hreflang?: string;
ping?: string;
media?: string;
referrerpolicy?: RefererPolicy;
rel?: "alternate" | "author" | "bookmark" | "external" | "help" | "license" | "next" | "nofollow" | "noreferrer" | "noopener" | "prev" | "search" | "tag";
target?: Target;
type?: string;
declare global {
namespace JSXTE {
interface AnchorTagProps {
download?: string;
href?: string;
hreflang?: string;
ping?: string;
media?: string;
referrerpolicy?: RefererPolicy;
rel?: "alternate" | "author" | "bookmark" | "external" | "help" | "license" | "next" | "nofollow" | "noreferrer" | "noopener" | "prev" | "search" | "tag";
target?: Target;
type?: string;
}
}
}

28

dist/types/jsx/prop-types/area-jsx-props.d.ts
import type { RefererPolicy } from "./shared/referer-policy";
import type { Target } from "./shared/target";
export interface AreaTagProps {
alt?: string;
coords?: string;
download?: string;
href?: string;
hreflang?: string;
media?: string;
referrerpolicy?: RefererPolicy;
rel?: "alternate" | "author" | "bookmark" | "help" | "license" | "next" | "nofollow" | "noreferrer" | "prefetch" | "prev" | "search" | "tag";
shape?: "default" | "rect" | "circle" | "poly";
target?: Target;
type?: string;
declare global {
namespace JSXTE {
interface AreaTagProps {
alt?: string;
coords?: string;
download?: string;
href?: string;
hreflang?: string;
media?: string;
referrerpolicy?: RefererPolicy;
rel?: "alternate" | "author" | "bookmark" | "help" | "license" | "next" | "nofollow" | "noreferrer" | "prefetch" | "prev" | "search" | "tag";
shape?: "default" | "rect" | "circle" | "poly";
target?: Target;
type?: string;
}
}
}

18

dist/types/jsx/prop-types/audio-jsx-props.d.ts
import type { AttributeBool } from "../base-html-tag-props";
export interface AudioTagProps {
autoplay?: AttributeBool;
controls?: AttributeBool;
loop?: AttributeBool;
muted?: AttributeBool;
preload?: "auto" | "metadata" | "none";
src?: string;
declare global {
namespace JSXTE {
interface AudioTagProps {
autoplay?: AttributeBool;
controls?: AttributeBool;
loop?: AttributeBool;
muted?: AttributeBool;
preload?: "auto" | "metadata" | "none";
src?: string;
}
}
}

10

dist/types/jsx/prop-types/base-jsx-props.d.ts
import type { Target } from "./shared/target";
export interface BaseTagProps {
href?: string;
target?: Target;
declare global {
namespace JSXTE {
interface BaseTagProps {
href?: string;
target?: Target;
}
}
}

9

dist/types/jsx/prop-types/bdo-jsx-props.d.ts

@@ -1,3 +0,8 @@

export interface BdoTagProps {
dir?: "ltr" | "rtl";
declare global {
namespace JSXTE {
interface BdoTagProps {
dir?: "ltr" | "rtl";
}
}
}
export {};

9

dist/types/jsx/prop-types/blockquote-jsx-props.d.ts

@@ -1,3 +0,8 @@

export interface BlockquoteTagProps {
cite?: string;
declare global {
namespace JSXTE {
interface BlockquoteTagProps {
cite?: string;
}
}
}
export {};

28

dist/types/jsx/prop-types/button-jsx-props.d.ts
import type { AttributeBool } from "../base-html-tag-props";
export interface ButtonTagProps {
autofocus?: AttributeBool;
disabled?: string;
form?: string;
formaction?: string;
formenctype?: string;
formmethod?: string;
formnovalidate?: string;
formtarget?: string;
name?: string;
type?: "button" | "reset" | "submit";
value?: string;
declare global {
namespace JSXTE {
interface ButtonTagProps {
autofocus?: AttributeBool;
disabled?: string;
form?: string;
formaction?: string;
formenctype?: string;
formmethod?: string;
formnovalidate?: string;
formtarget?: string;
name?: string;
type?: "button" | "reset" | "submit";
value?: string;
}
}
}

11

dist/types/jsx/prop-types/canvas-jsx-props.d.ts

@@ -1,4 +0,9 @@

export interface CanvasTagProps {
height?: string | number;
width?: string | number;
declare global {
namespace JSXTE {
interface CanvasTagProps {
height?: string | number;
width?: string | number;
}
}
}
export {};

9

dist/types/jsx/prop-types/col-jsx-props.d.ts

@@ -1,3 +0,8 @@

export interface ColTagProps {
span?: string | number;
declare global {
namespace JSXTE {
interface ColTagProps {
span?: string | number;
}
}
}
export {};

9

dist/types/jsx/prop-types/colgroup-jsx-props.d.ts

@@ -1,3 +0,8 @@

export interface ColgroupTagProps {
span?: string | number;
declare global {
namespace JSXTE {
interface ColgroupTagProps {
span?: string | number;
}
}
}
export {};

9

dist/types/jsx/prop-types/data-jsx-props.d.ts

@@ -1,3 +0,8 @@

export interface DataTagProps {
value?: string;
declare global {
namespace JSXTE {
interface DataTagProps {
value?: string;
}
}
}
export {};

11

dist/types/jsx/prop-types/del-jsx-props.d.ts

@@ -1,4 +0,9 @@

export interface DelTagProps {
cite?: string;
datetime?: string;
declare global {
namespace JSXTE {
interface DelTagProps {
cite?: string;
datetime?: string;
}
}
}
export {};

8

dist/types/jsx/prop-types/details-jsx-props.d.ts
import type { AttributeBool } from "../base-html-tag-props";
export interface DetailsTagProps {
open?: AttributeBool;
declare global {
namespace JSXTE {
interface DetailsTagProps {
open?: AttributeBool;
}
}
}

8

dist/types/jsx/prop-types/dialog-jsx-props.d.ts
import type { AttributeBool } from "../base-html-tag-props";
export interface DialogTagProps {
open?: AttributeBool;
declare global {
namespace JSXTE {
interface DialogTagProps {
open?: AttributeBool;
}
}
}

15

dist/types/jsx/prop-types/embed-jsx-props.d.ts

@@ -1,6 +0,11 @@

export interface EmbedTagProps {
height?: string | number;
src?: string;
type?: string;
width?: string | number;
declare global {
namespace JSXTE {
interface EmbedTagProps {
height?: string | number;
src?: string;
type?: string;
width?: string | number;
}
}
}
export {};

12

dist/types/jsx/prop-types/fieldset-jsx-prop.d.ts
import type { AttributeBool } from "../base-html-tag-props";
export interface FieldsetTagProps {
disabled?: AttributeBool;
form?: string;
name?: string;
declare global {
namespace JSXTE {
interface FieldsetTagProps {
disabled?: AttributeBool;
form?: string;
name?: string;
}
}
}

24

dist/types/jsx/prop-types/form-jsx-props.d.ts
import type { AttributeBool } from "../base-html-tag-props";
import type { Target } from "./shared/target";
export interface FormTagProps {
"accept-charset"?: string;
action?: string;
autocomplete?: "on" | "off";
enctype?: "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain";
method?: "get" | "post";
name?: string;
novalidate?: AttributeBool;
rel?: "external" | "help" | "license" | "next" | "nofollow" | "noopener" | "noreferrer" | "opener" | "prev" | "search";
target?: Target;
declare global {
namespace JSXTE {
interface FormTagProps {
"accept-charset"?: string;
action?: string;
autocomplete?: "on" | "off";
enctype?: "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain";
method?: "get" | "post";
name?: string;
novalidate?: AttributeBool;
rel?: "external" | "help" | "license" | "next" | "nofollow" | "noopener" | "noreferrer" | "opener" | "prev" | "search";
target?: Target;
}
}
}

9

dist/types/jsx/prop-types/html-jsx-props.d.ts

@@ -1,3 +0,8 @@

export interface HtmlTagProps {
xmlns?: string;
declare global {
namespace JSXTE {
interface HtmlTagProps {
xmlns?: string;
}
}
}
export {};

29

dist/types/jsx/prop-types/iframe-jsx-props.d.ts
import type { AttributeBool } from "../base-html-tag-props";
import type { RefererPolicy } from "./shared/referer-policy";
export interface IframeTagProps {
allow?: string;
allowfullscreen?: AttributeBool;
allowpaymentrequest?: AttributeBool;
height?: string | number;
loading?: "eager" | "lazy";
name?: string;
referrerpolicy?: RefererPolicy;
sandbox?: "allow-forms" | "allow-pointer-lock" | "allow-popups" | "allow-same-origin" | "allow-scripts" | "allow-top-navigation";
src?: string;
srcdoc?: string;
width?: string | number;
declare global {
namespace JSXTE {
interface IframeTagProps {
allow?: string;
allowfullscreen?: AttributeBool;
allowpaymentrequest?: AttributeBool;
height?: string | number;
loading?: "eager" | "lazy";
name?: string;
referrerpolicy?: RefererPolicy;
sandbox?: "allow-forms" | "allow-pointer-lock" | "allow-popups" | "allow-same-origin" | "allow-scripts" | "allow-top-navigation";
src?: string;
srcdoc?: string;
width?: string | number;
}
}
}
export {};

30

dist/types/jsx/prop-types/img-jsx-props.d.ts
import type { AttributeBool } from "../base-html-tag-props";
import type { RefererPolicy } from "./shared/referer-policy";
export interface ImgTagProps {
alt?: string;
crossorigin?: "anonymous" | "use-credentials";
height?: string | number;
ismap?: AttributeBool;
loading?: "eager" | "lazy";
longdesc?: string;
referrerpolicy?: RefererPolicy;
sizes?: string;
src?: string;
srcset?: string;
usemap?: string;
width?: string | number;
declare global {
namespace JSXTE {
interface ImgTagProps {
alt?: string;
crossorigin?: "anonymous" | "use-credentials";
height?: string | number;
ismap?: AttributeBool;
loading?: "eager" | "lazy";
longdesc?: string;
referrerpolicy?: RefererPolicy;
sizes?: string;
src?: string;
srcset?: string;
usemap?: string;
width?: string | number;
}
}
}

68

dist/types/jsx/prop-types/input-jsx-props.d.ts
import type { AttributeBool } from "../base-html-tag-props";
export type InputType = "button" | "checkbox" | "color" | "date" | "datetime-local" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week";
export interface InputTagProps {
accept?: string;
alt?: string;
autocomplete?: "on" | "off";
autofocus?: AttributeBool;
checked?: AttributeBool;
dirname?: string;
disabled?: AttributeBool;
form?: string;
formaction?: string;
formenctype?: "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain";
formmethod?: "get" | "post";
formnovalidate?: string;
formtarget?: string;
height?: string | number;
list?: string;
max?: string | number;
maxlength?: string | number;
min?: string | number;
minlength?: string | number;
multiple?: string;
name?: string;
pattern?: string;
placeholder?: string;
readonly?: AttributeBool;
required?: AttributeBool;
size?: string | number;
src?: string;
step?: string | number;
type?: InputType;
value?: string | number;
width?: string | number;
declare global {
namespace JSXTE {
interface InputTagProps {
accept?: string;
alt?: string;
autocomplete?: "on" | "off";
autofocus?: AttributeBool;
checked?: AttributeBool;
dirname?: string;
disabled?: AttributeBool;
form?: string;
formaction?: string;
formenctype?: "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain";
formmethod?: "get" | "post";
formnovalidate?: string;
formtarget?: string;
height?: string | number;
list?: string;
max?: string | number;
maxlength?: string | number;
min?: string | number;
minlength?: string | number;
multiple?: string;
name?: string;
pattern?: string;
placeholder?: string;
readonly?: AttributeBool;
required?: AttributeBool;
size?: string | number;
src?: string;
step?: string | number;
type?: InputType;
value?: string | number;
width?: string | number;
}
}
}

11

dist/types/jsx/prop-types/ins-jsx-props.d.ts

@@ -1,4 +0,9 @@

export interface InsTagProps {
cite?: string;
datetime?: string;
declare global {
namespace JSXTE {
interface InsTagProps {
cite?: string;
datetime?: string;
}
}
}
export {};

11

dist/types/jsx/prop-types/label-jsx-props.d.ts

@@ -1,4 +0,9 @@

export interface LabelTagProps {
for?: string;
form?: string;
declare global {
namespace JSXTE {
interface LabelTagProps {
for?: string;
form?: string;
}
}
}
export {};

9

dist/types/jsx/prop-types/li-jsx.props.d.ts

@@ -1,3 +0,8 @@

export interface LiTagProps {
value?: string;
declare global {
namespace JSXTE {
interface LiTagProps {
value?: string;
}
}
}
export {};

30

dist/types/jsx/prop-types/link-jsx-props.d.ts
import type { Crossorigin } from "./shared/crossorigin";
import type { RefererPolicy } from "./shared/referer-policy";
export interface LinkTagProps {
crossorigin?: Crossorigin;
href?: string;
hreflang?: string;
media?: string;
referrerpolicy?: RefererPolicy;
rel?: "alternate" | "author" | "dns-prefetch" | "help" | "icon" | "license" | "next" | "pingback" | "preconnect" | "prefetch" | "preload" | "prerender" | "prev" | "search" | "stylesheet";
sizes?: string;
title?: string;
type?: string;
declare global {
namespace JSXTE {
interface LinkTagProps {
as?: "audio" | "document" | "embed" | "fetch" | "font" | "image" | "object" | "script" | "style" | "track" | "video" | "worker";
crossorigin?: Crossorigin;
href?: string;
hreflang?: string;
imagesizes?: string;
imagesrcset?: string;
integrity?: string;
media?: string;
prefetch?: string;
referrerpolicy?: RefererPolicy;
rel?: "alternate" | "author" | "dns-prefetch" | "help" | "icon" | "license" | "next" | "pingback" | "preconnect" | "prefetch" | "preload" | "prerender" | "prev" | "search" | "stylesheet";
sizes?: string;
title?: string;
type?: string;
blocking?: string;
}
}
}

9

dist/types/jsx/prop-types/map-jsx-props.d.ts

@@ -1,3 +0,8 @@

export interface MapTagProps {
name?: string;
declare global {
namespace JSXTE {
interface MapTagProps {
name?: string;
}
}
}
export {};

15

dist/types/jsx/prop-types/meta-jsx-props.d.ts

@@ -1,6 +0,11 @@

export interface MetaTagProps {
"http-equiv"?: "content-security-policy" | "content-type" | "default-style" | "x-ua-compatible" | "refresh";
charset?: string;
content?: string;
name?: "application-name" | "author" | "description" | "generator" | "keywords" | "viewport";
declare global {
namespace JSXTE {
interface MetaTagProps {
"http-equiv"?: "content-security-policy" | "content-type" | "default-style" | "x-ua-compatible" | "refresh";
charset?: string;
content?: string;
name?: "application-name" | "author" | "description" | "generator" | "keywords" | "viewport";
}
}
}
export {};

21

dist/types/jsx/prop-types/meter-jsx-props.d.ts

@@ -1,9 +0,14 @@

export interface MeterTagProps {
form?: string;
high?: string | number;
low?: string | number;
max?: string | number;
min?: string | number;
optimum?: string | number;
value?: string | number;
declare global {
namespace JSXTE {
interface MeterTagProps {
form?: string;
high?: string | number;
low?: string | number;
max?: string | number;
min?: string | number;
optimum?: string | number;
value?: string | number;
}
}
}
export {};

22

dist/types/jsx/prop-types/object-jsx-props.d.ts
import type { AttributeBool } from "../base-html-tag-props";
export interface ObjectTagProps {
data?: string;
form?: string;
height?: string | number;
name?: string;
type?: string;
typemustmatch?: AttributeBool;
usemap?: string;
width?: string | number;
declare global {
namespace JSXTE {
interface ObjectTagProps {
data?: string;
form?: string;
height?: string | number;
name?: string;
type?: string;
typemustmatch?: AttributeBool;
usemap?: string;
width?: string | number;
}
}
}

12

dist/types/jsx/prop-types/ol-jsx-props.d.ts
import type { AttributeBool } from "../base-html-tag-props";
export interface OlTagProps {
reversed?: AttributeBool;
start?: string | number;
type?: "1" | "A" | "a" | "I" | "i";
declare global {
namespace JSXTE {
interface OlTagProps {
reversed?: AttributeBool;
start?: string | number;
type?: "1" | "A" | "a" | "I" | "i";
}
}
}

10

dist/types/jsx/prop-types/optgroup-jsx-props.d.ts
import type { AttributeBool } from "../base-html-tag-props";
export interface OptgroupTagProps {
disabled?: AttributeBool;
label?: string;
declare global {
namespace JSXTE {
interface OptgroupTagProps {
disabled?: AttributeBool;
label?: string;
}
}
}

14

dist/types/jsx/prop-types/option-jsx-props.d.ts
import type { AttributeBool } from "../base-html-tag-props";
export interface OptionTagProps {
disabled?: AttributeBool;
label?: string;
selected?: AttributeBool;
value?: string;
declare global {
namespace JSXTE {
interface OptionTagProps {
disabled?: AttributeBool;
label?: string;
selected?: AttributeBool;
value?: string;
}
}
}

13

dist/types/jsx/prop-types/output-jsx-props.d.ts

@@ -1,5 +0,10 @@

export interface OutputTagProps {
for?: string;
form?: string;
name?: string;
declare global {
namespace JSXTE {
interface OutputTagProps {
for?: string;
form?: string;
name?: string;
}
}
}
export {};

11

dist/types/jsx/prop-types/param-jsx-props.d.ts

@@ -1,4 +0,9 @@

export interface ParamTagProps {
name?: string;
value?: string;
declare global {
namespace JSXTE {
interface ParamTagProps {
name?: string;
value?: string;
}
}
}
export {};

11

dist/types/jsx/prop-types/progress-jsx-props.d.ts

@@ -1,4 +0,9 @@

export interface ProgressTagProps {
max?: string | number;
value?: string | number;
declare global {
namespace JSXTE {
interface ProgressTagProps {
max?: string | number;
value?: string | number;
}
}
}
export {};

9

dist/types/jsx/prop-types/q-jsx-props.d.ts

@@ -1,3 +0,8 @@

export interface QTagProps {
cite?: string;
declare global {
namespace JSXTE {
interface QTagProps {
cite?: string;
}
}
}
export {};

22

dist/types/jsx/prop-types/script-jsx-props.d.ts
import type { AttributeBool } from "../base-html-tag-props";
import type { Crossorigin } from "./shared/crossorigin";
import type { RefererPolicy } from "./shared/referer-policy";
export interface ScriptTagProps {
async?: AttributeBool;
crossorigin?: Crossorigin;
defer?: AttributeBool;
integrity?: string;
nomodule?: "True" | "False";
referrerpolicy?: RefererPolicy;
src?: string;
type?: string;
declare global {
namespace JSXTE {
interface ScriptTagProps {
async?: AttributeBool;
crossorigin?: Crossorigin;
defer?: AttributeBool;
integrity?: string;
nomodule?: "True" | "False";
referrerpolicy?: RefererPolicy;
src?: string;
type?: string;
}
}
}

20

dist/types/jsx/prop-types/select-jsx-props.d.ts
import type { AttributeBool } from "../base-html-tag-props";
export interface SelectTagProps {
autofocus?: AttributeBool;
disabled?: AttributeBool;
form?: string;
multiple?: AttributeBool;
name?: string;
required?: AttributeBool;
size?: string | number;
declare global {
namespace JSXTE {
interface SelectTagProps {
autofocus?: AttributeBool;
disabled?: AttributeBool;
form?: string;
multiple?: AttributeBool;
name?: string;
required?: AttributeBool;
size?: string | number;
}
}
}

17

dist/types/jsx/prop-types/source-jsx-props.d.ts

@@ -1,7 +0,12 @@

export interface SourceTagProps {
media?: string;
sizes?: string;
src?: string;
srcset?: string;
type?: string;
declare global {
namespace JSXTE {
interface SourceTagProps {
media?: string;
sizes?: string;
src?: string;
srcset?: string;
type?: string;
}
}
}
export {};

11

dist/types/jsx/prop-types/style-jsx-props.d.ts

@@ -1,4 +0,9 @@

export interface StyleTagProps {
media?: string;
type?: string;
declare global {
namespace JSXTE {
interface StyleTagProps {
media?: string;
type?: string;
}
}
}
export {};

13

dist/types/jsx/prop-types/td-jsx-props.d.ts

@@ -1,5 +0,10 @@

export interface TdTagProps {
colspan?: string | number;
headers?: string;
rowspan?: string | number;
declare global {
namespace JSXTE {
interface TdTagProps {
colspan?: string | number;
headers?: string;
rowspan?: string | number;
}
}
}
export {};

30

dist/types/jsx/prop-types/textarea-jsx-props.d.ts
import type { AttributeBool } from "../base-html-tag-props";
export interface TextareaTagProps {
autofocus?: AttributeBool;
cols?: string | number;
dirname?: string;
disabled?: AttributeBool;
form?: string;
maxlength?: string | number;
name?: string;
placeholder?: string;
readonly?: AttributeBool;
required?: AttributeBool;
rows?: string | number;
wrap?: "hard" | "soft";
declare global {
namespace JSXTE {
interface TextareaTagProps {
autofocus?: AttributeBool;
cols?: string | number;
dirname?: string;
disabled?: AttributeBool;
form?: string;
maxlength?: string | number;
name?: string;
placeholder?: string;
readonly?: AttributeBool;
required?: AttributeBool;
rows?: string | number;
wrap?: "hard" | "soft";
}
}
}

17

dist/types/jsx/prop-types/th-jsx-props.d.ts

@@ -1,7 +0,12 @@

export interface ThTagProps {
abbr?: string;
colspan?: string | number;
headers?: string;
rowspan?: string | number;
scope?: "col" | "colgroup" | "row" | "rowgroup";
declare global {
namespace JSXTE {
interface ThTagProps {
abbr?: string;
colspan?: string | number;
headers?: string;
rowspan?: string | number;
scope?: "col" | "colgroup" | "row" | "rowgroup";
}
}
}
export {};

9

dist/types/jsx/prop-types/time-jsx-props.d.ts

@@ -1,3 +0,8 @@

export interface TimeTagProps {
datetime?: string;
declare global {
namespace JSXTE {
interface TimeTagProps {
datetime?: string;
}
}
}
export {};

16

dist/types/jsx/prop-types/track-jsx-props.d.ts
import type { AttributeBool } from "../base-html-tag-props";
export interface TrackTagProps {
default?: AttributeBool;
kind?: "captions" | "chapters" | "descriptions" | "metadata" | "subtitles";
label?: string;
src?: string;
srclang?: string;
declare global {
namespace JSXTE {
interface TrackTagProps {
default?: AttributeBool;
kind?: "captions" | "chapters" | "descriptions" | "metadata" | "subtitles";
label?: string;
src?: string;
srclang?: string;
}
}
}

24

dist/types/jsx/prop-types/video-jsx-props.d.ts
import type { AttributeBool } from "../base-html-tag-props";
export interface VideoTagProps {
autoplay?: AttributeBool;
controls?: AttributeBool;
height?: string | number;
loop?: AttributeBool;
muted?: AttributeBool;
poster?: string;
preload?: "auto" | "metadata" | "none";
src?: string;
width?: string | number;
declare global {
namespace JSXTE {
interface VideoTagProps {
autoplay?: AttributeBool;
controls?: AttributeBool;
height?: string | number;
loop?: AttributeBool;
muted?: AttributeBool;
poster?: string;
preload?: "auto" | "metadata" | "none";
src?: string;
width?: string | number;
}
}
}

12

dist/types/string-template-parser/interpolate.d.ts
/**
* Only fo use with the `renderToStringTemplateTag` render function.
*
* Whatever is passed to this component as children will be
* interpolated into the template string.
* Whatever is passed to this component as children will be interpolated into
* the template string.
*

@@ -32,3 +32,3 @@ * Example

private static _baseName;
constructor(props: {
constructor(_: {
children?: any;

@@ -40,4 +40,4 @@ });

*
* Whatever is passed to this component as children will be rendered
* using the tag function and interpolated into the template string.
* Whatever is passed to this component as children will be rendered using the
* tag function and interpolated into the template string.
*

@@ -67,5 +67,5 @@ * Example

private static _baseName;
constructor(props: {
constructor(_: {
children?: any;
});
}

37

package.json
{
"name": "jsxte",
"version": "3.1.2",
"version": "3.1.3",
"description": "JSX-based html templating engine for browsers or Node environments.",

@@ -44,21 +44,20 @@ "license": "MIT",

"devDependencies": {
"@ncpa0cpl/nodepack": "^2.0.2",
"@types/jest": "^27.5.1",
"@typescript-eslint/eslint-plugin": "^5.23.0",
"@typescript-eslint/parser": "^5.23.0",
"axios": "^1.3.4",
"crypto": "^1.0.1",
"esbuild": "^0.19.2",
"eslint": "^8.15.0",
"eslint-config-prettier": "^9.0.0",
"eslint-plugin-prettier": "^5.0.0",
"@ncpa0cpl/nodepack": "~2.3.0",
"@types/jest": "~29.5.4",
"@typescript-eslint/eslint-plugin": "~6.5.0",
"@typescript-eslint/parser": "~6.6.0",
"axios": "~1.5.0",
"esbuild": "~0.19.2",
"eslint": "~8.48.0",
"eslint-config-prettier": "~9.0.0",
"eslint-plugin-prettier": "~5.0.0",
"git-hook-tasks": "ncpa0cpl/git-hook-tasks",
"husky": "^8.0.1",
"jest": "^28.1.0",
"node-os-walk": "^1.0.2",
"pr-changelog-gen": "^1.1.3",
"prettier": "^3.0.0",
"prettier-plugin-jsdoc": "^1.0.1",
"ts-jest": "^28.0.2",
"typescript": "^5.0.2"
"husky": "~8.0.3",
"jest": "~29.6.4",
"node-os-walk": "~1.0.2",
"pr-changelog-gen": "~1.1.3",
"prettier": "~3.0.2",
"prettier-plugin-jsdoc": "~1.0.1",
"ts-jest": "~29.1.1",
"typescript": "latest"
},

@@ -65,0 +64,0 @@ "packageManager": "yarn@1.22.19",

85

README.md

@@ -23,2 +23,4 @@ # JSX Template Engine

1. [Example](#example-2)
9. [Monkey-Patching type definitions](#monkey-patching-type-definitions)
10. [Contributing](#contributing)

@@ -70,4 +72,10 @@ ## Getting started

<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta
http-equiv="X-UA-Compatible"
content="IE=edge"
/>
<meta
name="viewport"
content="width=device-width, initial-scale=1"
/>
</head>

@@ -132,4 +140,10 @@ <body>

<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta
http-equiv="X-UA-Compatible"
content="IE=edge"
/>
<meta
name="viewport"
content="width=device-width, initial-scale=1"
/>
</head>

@@ -249,3 +263,3 @@ <body>

originalProps: JSXTE.ElementProps,
componentApi: ComponentApi
componentApi: ComponentApi,
) {

@@ -265,3 +279,3 @@ return <h1>Something went wrong!</h1>;

</Boundary>
</div>
</div>,
);

@@ -369,3 +383,3 @@

<h1>{props.header}</h1>
</div>
</div>,
);

@@ -380,3 +394,6 @@ ```

<div>
<button class="my-class" onclick={handler}>
<button
class="my-class"
onclick={handler}
>
Click Me

@@ -390,4 +407,54 @@ </button>

},
}
},
);
```
## Monkey-Patching type definitions
It is possible to monkey-patch type definition of all HTML tags and add new attributes to them.
#### Extend prop types of a specific tag
The following adds a new attribute to the `<div />` tag - `data-my-attr`:
```tsx
declare global {
namespace JSXTE {
interface DivTagProps {
"data-my-attr"?: string;
}
}
}
```
#### Extends prop of all html tags
The following adds a new attribute to all html tags - `hx-post`:
```tsx
declare global {
namespace JSXTE {
interface BaseHTMLTagProps {
"hx-post"?: string;
}
}
}
```
#### Change the accepted type for a specific attribute
The following adds a `Function` type to the `onclick` attribute of all html tags:
```tsx
declare global {
namespace JSXTE {
interface AttributeAcceptedTypes {
onclick?: Function;
}
}
}
```
## Contributing
If you want to contribute please See [CONTRIBUTING.md](./CONTRIBUTING.md)
.prettierrc.mjs
dist/cjs/jsx/prop-types/index.cjs
dist/esm/jsx/prop-types/index.mjs
dist/legacy/jsx/prop-types/index.js
dist/types/jsx/prop-types/index.d.ts
dist/cjs/error-boundary/error-boundary.cjs

Sorry, the diff of this file is not supported yet

dist/cjs/index.cjs

Sorry, the diff of this file is not supported yet

dist/cjs/jsx/prop-types/a-jsx-props.cjs

Sorry, the diff of this file is not supported yet

dist/cjs/jsx/prop-types/area-jsx-props.cjs

Sorry, the diff of this file is not supported yet

dist/cjs/jsx/prop-types/audio-jsx-props.cjs

Sorry, the diff of this file is not supported yet

dist/cjs/jsx/prop-types/base-jsx-props.cjs

Sorry, the diff of this file is not supported yet

dist/cjs/jsx/prop-types/button-jsx-props.cjs

Sorry, the diff of this file is not supported yet

dist/cjs/jsx/prop-types/details-jsx-props.cjs

Sorry, the diff of this file is not supported yet

dist/cjs/jsx/prop-types/dialog-jsx-props.cjs

Sorry, the diff of this file is not supported yet

dist/cjs/jsx/prop-types/fieldset-jsx-prop.cjs

Sorry, the diff of this file is not supported yet

dist/cjs/jsx/prop-types/form-jsx-props.cjs

Sorry, the diff of this file is not supported yet

dist/cjs/jsx/prop-types/img-jsx-props.cjs

Sorry, the diff of this file is not supported yet

dist/cjs/jsx/prop-types/link-jsx-props.cjs

Sorry, the diff of this file is not supported yet

dist/cjs/jsx/prop-types/object-jsx-props.cjs

Sorry, the diff of this file is not supported yet

dist/cjs/jsx/prop-types/ol-jsx-props.cjs

Sorry, the diff of this file is not supported yet

dist/cjs/jsx/prop-types/optgroup-jsx-props.cjs

Sorry, the diff of this file is not supported yet

dist/cjs/jsx/prop-types/option-jsx-props.cjs

Sorry, the diff of this file is not supported yet

dist/cjs/jsx/prop-types/script-jsx-props.cjs

Sorry, the diff of this file is not supported yet

dist/cjs/jsx/prop-types/select-jsx-props.cjs

Sorry, the diff of this file is not supported yet

dist/cjs/jsx/prop-types/textarea-jsx-props.cjs

Sorry, the diff of this file is not supported yet

dist/cjs/jsx/prop-types/track-jsx-props.cjs

Sorry, the diff of this file is not supported yet

dist/cjs/jsx/prop-types/video-jsx-props.cjs

Sorry, the diff of this file is not supported yet

dist/cjs/string-template-parser/interpolate.cjs

Sorry, the diff of this file is not supported yet

dist/esm/error-boundary/error-boundary.mjs

Sorry, the diff of this file is not supported yet

dist/esm/index.mjs

Sorry, the diff of this file is not supported yet

dist/esm/string-template-parser/interpolate.mjs

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc