feat: export dedicated children aliases for DOM and React. (#94)

Author: knightedcodemonkey

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@knighted/jsx",
-  "version": "1.13.0",
+  "version": "1.13.1",
   "description": "Runtime JSX tagged template that renders DOM or React trees anywhere with or without a build step.",
   "keywords": [
     "jsx runtime",

package.json

@@ -3,4 +3,4 @@ import { enableJsxDebugDiagnostics } from './diagnostics.js'
 enableJsxDebugDiagnostics({ mode: 'always' })
 
 export { jsx } from '../jsx.js'
-export type { JsxRenderable, JsxComponent } from '../jsx.js'
+export type { JsxRenderable, JsxChildren, JsxComponent } from '../jsx.js'

src/debug/index.ts

@@ -1,2 +1,2 @@
 export { jsx } from './jsx.js'
-export type { JsxRenderable, JsxComponent } from './jsx.js'
+export type { JsxRenderable, JsxChildren, JsxComponent } from './jsx.js'

src/index.ts

@@ -9,7 +9,9 @@ export type JsxRenderable =
   | undefined
   | Iterable<JsxRenderable>
 
+export type JsxChildren = JsxRenderable | JsxRenderable[]
+
 export type JsxComponent<Props = Record<string, unknown>> = {
-  (props: Props & { children?: JsxRenderable | JsxRenderable[] }): JsxRenderable
+  (props: Props & { children?: JsxChildren }): JsxRenderable
   displayName?: string
 }

src/internal/jsx-types.ts

@@ -42,7 +42,7 @@ import type { JsxComponent, JsxRenderable } from './internal/jsx-types.js'
 
 type JsxContext = TemplateContext<JsxComponent>
 type ElementWithIndex = Element & Record<string, unknown>
-export type { JsxRenderable, JsxComponent } from './internal/jsx-types.js'
+export type { JsxRenderable, JsxChildren, JsxComponent } from './internal/jsx-types.js'
 
 const ensureDomAvailable = () => {
   if (typeof document === 'undefined' || typeof document.createElement !== 'function') {

src/jsx.ts

@@ -6,4 +6,4 @@ enableJsxDebugDiagnostics({ mode: 'always' })
 ensureNodeDom()
 
 export const jsx = baseJsx
-export type { JsxRenderable, JsxComponent } from '../../jsx.js'
+export type { JsxRenderable, JsxChildren, JsxComponent } from '../../jsx.js'

src/node/debug/index.ts

@@ -4,4 +4,4 @@ import { jsx as baseJsx } from '../jsx.js'
 ensureNodeDom()
 
 export const jsx = baseJsx
-export type { JsxRenderable, JsxComponent } from '../jsx.js'
+export type { JsxRenderable, JsxChildren, JsxComponent } from '../jsx.js'

src/node/index.ts

@@ -1,5 +1,6 @@
 export { reactJsx } from './react-jsx.js'
 export type {
+  ReactJsxChildren,
   ReactJsxComponent,
   ReactJsxDomAttributes,
   ReactJsxEventHandler,

src/react/index.ts

@@ -36,6 +36,7 @@ export type ReactJsxComponent<Props = Record<string, unknown>> = ComponentType<
 >
 
 export type ReactJsxRenderable = ReactNode
+export type ReactJsxChildren = ReactJsxRenderable | ReactJsxRenderable[]
 export type ReactJsxRef<T> = Ref<T>
 export type ReactJsxEventHandler<E extends SyntheticEvent> = EventHandler<E>
 export type ReactJsxDomAttributes<T = unknown> = DOMAttributes<T>