Prepare jsx-runtime

packages/ui-kit/jsx-runtime/package.json

@@ -0,0 +1,13 @@
+{
+  "private": true,
+  "main": "../dist/cjs/jsx/jsx-runtime.js",
+  "module": "../dist/esm/jsx/jsx-runtime.js",
+  "types": "../dist/esm/jsx/jsx-runtime.d.ts",
+  "typesVersions": {
+    "<4.1": {
+      "*": [
+        "../dist/ts3.4/jsx/*"
+      ]
+    }
+  }
+}

packages/ui-kit/src/index.ts

@@ -47,5 +47,3 @@ export { uiKitModal } from './rendering/surfaces/uiKitModal';
 export { UiKitParserBanner } from './rendering/surfaces/UiKitParserBanner';
 export { UiKitParserMessage } from './rendering/surfaces/UiKitParserMessage';
 export { UiKitParserModal } from './rendering/surfaces/UiKitParserModal';
-
-export { jsx } from './rendering/jsx';

packages/ui-kit/src/rendering/jsx.spec.tsx → packages/ui-kit/src/jsx/jsx-runtime.spec.tsx

@@ -1,8 +1,6 @@
-/** @jsx jsx */
-/** @jsxFrag jsxFrag */
+/** @jsxImportSource . */
 
 import { Option } from '../blocks/Option';
-import { jsx, jsxFrag } from './jsx';
 
 describe('divider', () => {
   it('renders', () => {

packages/ui-kit/src/jsx/jsx-runtime.ts

@@ -0,0 +1,96 @@
+/* eslint-disable import/export */
+/* eslint-disable @typescript-eslint/no-namespace */
+
+import { Block } from '../blocks/Block';
+import { TextObject } from '../blocks/TextObject';
+import { TextObjectType } from '../blocks/TextObjectType';
+
+type TypeToPropsMap = {
+  [T in TextObject as T['type']]: Omit<T, 'type' | 'text'> & {
+    children?: string;
+  };
+};
+
+type PropsForBlock<B extends Block> = Omit<
+  {
+    [K in keyof B]: Exclude<B[K], undefined> extends Block | Block[]
+      ? JSXInternal.Element
+      : B[K];
+  },
+  'type'
+>;
+
+namespace JSXInternal {
+  export type Element = Block | Block[];
+  export type IntrinsicElements = {
+    [B in Block as B['type']]: PropsForBlock<B>;
+  };
+}
+
+export function jsx(
+  type: undefined,
+  props: {
+    children: Block;
+  }
+): [Block];
+
+export function jsx(
+  type: TextObject['type'],
+  props: TypeToPropsMap[TextObject['type']]
+): TextObject;
+
+export function jsx<B extends Block>(
+  type: B['type'],
+  props: PropsForBlock<B>,
+  ...children: never
+): B;
+
+export function jsx(
+  type: undefined | TextObject['type'] | unknown,
+  props:
+    | {
+        children: Block;
+      }
+    | TypeToPropsMap[TextObject['type']]
+    | Record<string, unknown>
+): unknown {
+  switch (type) {
+    case undefined:
+      return [props.children];
+
+    case TextObjectType.PLAIN_TEXT:
+    case TextObjectType.MARKDOWN: {
+      const { children, ...rest } = props;
+      return { type, text: children, ...rest };
+    }
+
+    default:
+      return { type, ...props };
+  }
+}
+
+export function jsxs<B extends Block[]>(
+  type: undefined,
+  props: {
+    children: B;
+  }
+): B;
+
+export function jsxs(
+  type: Block['type'] | undefined,
+  props: Record<string, unknown>
+) {
+  switch (type) {
+    case undefined:
+      return props.children;
+
+    default:
+      return jsx(type, props);
+  }
+}
+
+export namespace jsx {
+  export import JSX = JSXInternal;
+}
+
+export { JSXInternal as JSX };