mono-jsx 0.0.0-alpha.1

package/types/jsx-runtime.d.ts

@@ -0,0 +1,9 @@
+import type { FC, Fragment, VNode } from "./jsx.d.ts";
+
+export function jsx(
+  tag: string | FC<any>,
+  props: Record<string, unknown>,
+  key?: string | number,
+): VNode;
+
+export { Fragment, jsx as jsxDEV, jsx as jsxs };

package/types/jsx.d.ts

@@ -0,0 +1,51 @@
+import * as Mono from "./mono.d.ts";
+import { HTML } from "./html.d.ts";
+export { BaseCSSProperties, CSSProperties } from "./mono.d.ts";
+
+export type ChildType = VNode | string | number | bigint | boolean | null;
+export type Child = ChildType | ChildType[] | Generator<ChildType> | AsyncGenerator<ChildType>;
+
+export type VNode =
+  & {
+    tag: string | symbol | FC<any>;
+    props: Record<string, any> | null;
+    children?: Child[];
+    innerHTML?: string;
+    at?: string;
+  }
+  & Mono.Attributes
+  & Mono.AsyncComponentAttributes;
+
+export type PropsWithChildren<P extends Record<string, any> = {}> = P & { children?: Child[] };
+
+export interface FC<P = PropsWithChildren<{}>> {
+  (props: P): VNode | null | Promise<VNode | null> | Generator<VNode> | AsyncGenerator<VNode>;
+  displayName?: string;
+  rendering?: "eager" | "lazy" | (string | {});
+}
+export type TC = (strings: TemplateStringsArray, ...values: any[]) => VNode;
+
+export const h: (tag: string | FC<any>, props: Record<string, any> | null, ...children: Child[]) => VNode;
+export const Fragment: FC<PropsWithChildren<{ key?: string | number }>>;
+export const customElements: typeof JSX.customElements;
+export const html: TC, css: TC, js: TC, markdown: TC;
+
+declare global {
+  namespace JSX {
+    type ElementType<P = any> =
+      | {
+        [K in keyof IntrinsicElements]: P extends IntrinsicElements[K] ? K : never;
+      }[keyof IntrinsicElements]
+      | FC<P>;
+    interface Element extends VNode {}
+    interface CustomElements {}
+    interface IntrinsicAttributes extends Mono.Attributes, Mono.AsyncComponentAttributes {}
+    interface IntrinsicElements extends HTML.Elements, HTML.SVGElements, Mono.Elements, CustomElements {}
+    const customElements: {
+      define(tagName: string, component: FC<any>): typeof customElements;
+      define(elements: Record<string, FC<any>>): typeof customElements;
+    };
+  }
+  // deno-lint-ignore no-var
+  var html: TC, css: TC, js: TC, markdown: TC;
+}

package/types/mono.d.ts

@@ -0,0 +1,99 @@
+import * as CSS from "./css.d.ts";
+
+type Num1_9 = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
+type Num0_100 = 0 | Num1_9 | `${Num1_9}${0 | Num1_9}` | 100;
+type TransitionProps = { delay?: number; ease?: CSS.DataType.EasingFunction };
+
+export interface BaseCSSProperties extends CSS.Properties<string | number>, Partial<JSX.CustomCSSRules> {
+  "@apply"?: string | string[];
+}
+
+export interface AtRuleCSSProperties {
+  [key: `@media${" " | "("}${string}`]: BaseCSSProperties;
+  [key: `@supports${" " | "("}${string}`]: BaseCSSProperties;
+  [key: `@keyframes ${string}`]: {
+    [key in "from" | "to" | `${Num0_100}%`]?: BaseCSSProperties;
+  };
+}
+
+export interface PseudoCSSProperties {
+  ":active"?: BaseCSSProperties;
+  ":focus"?: BaseCSSProperties;
+  ":focus-visible"?: BaseCSSProperties;
+  ":focus-within"?: BaseCSSProperties;
+  ":hover"?: BaseCSSProperties;
+  ":link"?: BaseCSSProperties;
+  ":visited"?: BaseCSSProperties;
+  ":checked"?: BaseCSSProperties;
+  ":disabled"?: BaseCSSProperties;
+  ":invalid"?: BaseCSSProperties;
+  ":first-letter"?: BaseCSSProperties;
+  ":first-line"?: BaseCSSProperties;
+  ":first-child"?: BaseCSSProperties;
+  ":first-of-type"?: BaseCSSProperties;
+  ":last-child"?: BaseCSSProperties;
+  ":last-of-type"?: BaseCSSProperties;
+  "::after"?: BaseCSSProperties;
+  "::backdrop"?: BaseCSSProperties;
+  "::before"?: BaseCSSProperties;
+  "::first-letter"?: BaseCSSProperties;
+  "::placeholder"?: BaseCSSProperties;
+  "::selection"?: BaseCSSProperties;
+  [key: `:nth-child(${string})`]: BaseCSSProperties;
+  [key: `:is(${string})`]: BaseCSSProperties;
+  [key: `:not(${string})`]: BaseCSSProperties;
+  [key: `:has(${string})`]: BaseCSSProperties;
+}
+
+export interface CSSProperties extends BaseCSSProperties, AtRuleCSSProperties, PseudoCSSProperties {
+  [key: `& ${string}`]: CSSProperties;
+  /** alias to `:nth-child(even)`. */
+  ":even"?: BaseCSSProperties;
+  /** alias to `:nth-child(odd)`. */
+  ":odd"?: BaseCSSProperties;
+  /** Mono page in.  */
+  ":in"?: BaseCSSProperties & TransitionProps;
+  /** Mono page out.  */
+  ":out"?: BaseCSSProperties & TransitionProps;
+}
+
+export interface Attributes {
+  key?: string | number;
+  slot?: string;
+  route?: `/${string}` | "404";
+  rendering?: "eager" | "lazy";
+}
+
+export interface AsyncComponentAttributes {
+  pending?: JSX.Element;
+  catch?: (err: any) => JSX.Element;
+}
+
+export interface Elements {
+  cache:
+    & Attributes
+    & AsyncComponentAttributes
+    & {
+      /** The cache key is used to identify the cache. */
+      key: string;
+      /** The `etag` (or **entity tag**) is an identifier for a specific version of a rendering cache. */
+      etag?: string;
+      /** The `max-age=N` prop indicates that the cache remains fresh until N seconds after the cache is generated. */
+      maxAge?: number;
+      /** The `stale-while-revalidate` prop indicates that the cache could reuse a stale rendering while it revalidates it to a cache. */
+      swr?: number;
+    };
+  markdown:
+    & Attributes
+    & AsyncComponentAttributes
+    & {
+      src?: string | URL;
+      renderer?: (frontMatter: Record<string, any>) => JSX.Element;
+    };
+}
+
+declare global {
+  namespace JSX {
+    interface CustomCSSRules {}
+  }
+}