@opentui/react 0.4.5 → 0.5.0

package/{chunk-hjtp6jv9.js → chunk-tyqqzmyr.js}

@@ -9,6 +9,7 @@ import {
   BoxRenderable,
   CodeRenderable,
   DiffRenderable,
+  ImageRenderable,
   InputRenderable,
   LineNumberRenderable,
   MarkdownRenderable,
@@ -97,6 +98,7 @@ var baseComponents = {
   "ascii-font": ASCIIFontRenderable,
   "tab-select": TabSelectRenderable,
   "line-number": LineNumberRenderable,
+  image: ImageRenderable,
   span: SpanRenderable,
   br: LineBreakRenderable,
   b: BoldSpanRenderable,
@@ -159,14 +161,14 @@ class ErrorBoundary extends React.Component {
 
 // src/reconciler/reconciler.ts
 import ReactReconciler from "react-reconciler";
-import { ConcurrentRoot } from "react-reconciler/constants";
+import { ConcurrentRoot } from "react-reconciler/constants.js";
 
 // src/reconciler/host-config.ts
-import { TextNodeRenderable as TextNodeRenderable2 } from "@opentui/core";
+import { ImageRenderable as ImageRenderable2, TextNodeRenderable as TextNodeRenderable2 } from "@opentui/core";
 // package.json
 var package_default = {
   name: "@opentui/react",
-  version: "0.4.5",
+  version: "0.5.0",
   description: "React renderer for building terminal user interfaces using OpenTUI core",
   license: "MIT",
   repository: {
@@ -244,7 +246,7 @@ var package_default = {
 
 // src/reconciler/host-config.ts
 import { createContext as createContext2 } from "react";
-import { DefaultEventPriority, NoEventPriority } from "react-reconciler/constants";
+import { DefaultEventPriority, NoEventPriority } from "react-reconciler/constants.js";
 
 // src/utils/id.ts
 var idCounter = new Map;
@@ -376,6 +378,11 @@ function updateProperties(instance, type, oldProps, newProps) {
 
 // src/reconciler/host-config.ts
 var currentUpdatePriority = NoEventPriority;
+function initialInstanceProps(type, props) {
+  if (type !== "image" || props.source === undefined)
+    return props;
+  return { ...props, source: undefined };
+}
 var hostConfig = {
   supportsMutation: true,
   supportsPersistence: false,
@@ -393,7 +400,7 @@ var hostConfig = {
     }
     return new components[type](rootContainerInstance.ctx, {
       id,
-      ...props
+      ...initialInstanceProps(type, props)
     });
   },
   appendChild(parent, child) {
@@ -444,10 +451,13 @@ var hostConfig = {
     return true;
   },
   finalizeInitialChildren(instance, type, props, rootContainerInstance, hostContext) {
-    setInitialProperties(instance, type, props);
-    return false;
+    setInitialProperties(instance, type, initialInstanceProps(type, props));
+    return type === "image" && props.source !== undefined;
+  },
+  commitMount(instance, type, props, internalInstanceHandle) {
+    if (instance instanceof ImageRenderable2)
+      instance.source = props.source;
   },
-  commitMount(instance, type, props, internalInstanceHandle) {},
   commitUpdate(instance, type, oldProps, newProps, internalInstanceHandle) {
     updateProperties(instance, type, oldProps, newProps);
   },

package/index.js

@@ -11,7 +11,7 @@ import {
   getComponentCatalogue,
   jsxDEV,
   useAppContext
-} from "./chunk-hjtp6jv9.js";
+} from "./chunk-tyqqzmyr.js";
 import"./chunk-2mx7fq49.js";
 // src/hooks/use-blur.ts
 import { useEffect } from "react";

package/jsx-namespace.d.ts

@@ -5,6 +5,7 @@ import type {
   CodeProps,
   DiffProps,
   ExtendedIntrinsicElements,
+  ImageProps,
   InputProps,
   LineBreakProps,
   LineNumberProps,
@@ -50,6 +51,7 @@ export namespace JSX {
     "ascii-font": AsciiFontProps
     "tab-select": TabSelectProps
     "line-number": LineNumberProps
+    image: ImageProps
     // Text modifiers
     b: SpanProps
     i: SpanProps

package/package.json

@@ -4,7 +4,7 @@
   "main": "index.js",
   "types": "src/index.d.ts",
   "type": "module",
-  "version": "0.4.5",
+  "version": "0.5.0",
   "description": "React renderer for building terminal user interfaces using OpenTUI core",
   "license": "MIT",
   "repository": {
@@ -52,7 +52,7 @@
     }
   },
   "dependencies": {
-    "@opentui/core": "0.4.5",
+    "@opentui/core": "0.5.0",
     "react-reconciler": "^0.33.0"
   },
   "devDependencies": {

package/src/components/index.d.ts

@@ -1,4 +1,4 @@
-import { ASCIIFontRenderable, BoxRenderable, CodeRenderable, DiffRenderable, InputRenderable, LineNumberRenderable, MarkdownRenderable, ScrollBoxRenderable, SelectRenderable, TabSelectRenderable, TextareaRenderable, TextRenderable } from "@opentui/core";
+import { ASCIIFontRenderable, BoxRenderable, CodeRenderable, DiffRenderable, ImageRenderable, InputRenderable, LineNumberRenderable, MarkdownRenderable, ScrollBoxRenderable, SelectRenderable, TabSelectRenderable, TextareaRenderable, TextRenderable } from "@opentui/core";
 import type { RenderableConstructor } from "../types/components.js";
 import { BoldSpanRenderable, ItalicSpanRenderable, LineBreakRenderable, LinkRenderable, SpanRenderable, UnderlineSpanRenderable } from "./text.js";
 export declare const baseComponents: {
@@ -14,6 +14,7 @@ export declare const baseComponents: {
     "ascii-font": typeof ASCIIFontRenderable;
     "tab-select": typeof TabSelectRenderable;
     "line-number": typeof LineNumberRenderable;
+    image: typeof ImageRenderable;
     span: typeof SpanRenderable;
     br: typeof LineBreakRenderable;
     b: typeof BoldSpanRenderable;

package/src/types/components.d.ts

@@ -1,4 +1,4 @@
-import type { ASCIIFontOptions, ASCIIFontRenderable, BaseRenderable, BoxOptions, BoxRenderable, CodeOptions, CodeRenderable, DiffRenderable, DiffRenderableOptions, InputRenderable, InputRenderableOptions, LineNumberOptions, LineNumberRenderable, MarkdownOptions, MarkdownRenderable, RenderableOptions, RenderContext, ScrollBoxOptions, ScrollBoxRenderable, SelectOption, SelectRenderable, SelectRenderableOptions, TabSelectOption, TabSelectRenderable, TabSelectRenderableOptions, TextareaOptions, TextareaRenderable, TextNodeOptions, TextNodeRenderable, TextOptions, TextRenderable, CursorChangeEvent, ContentChangeEvent, KeyEvent } from "@opentui/core";
+import type { ASCIIFontOptions, ASCIIFontRenderable, BaseRenderable, BoxOptions, BoxRenderable, CodeOptions, CodeRenderable, DiffRenderable, DiffRenderableOptions, ImageRenderable, ImageRenderableOptions, InputRenderable, InputRenderableOptions, LineNumberOptions, LineNumberRenderable, MarkdownOptions, MarkdownRenderable, RenderableOptions, RenderContext, ScrollBoxOptions, ScrollBoxRenderable, SelectOption, SelectRenderable, SelectRenderableOptions, TabSelectOption, TabSelectRenderable, TabSelectRenderableOptions, TextareaOptions, TextareaRenderable, TextNodeOptions, TextNodeRenderable, TextOptions, TextRenderable, CursorChangeEvent, ContentChangeEvent, KeyEvent } from "@opentui/core";
 import type React from "react";
 /** Properties that should not be included in the style prop */
 export type NonStyledProps = "id" | "buffered" | "live" | "enableLayout" | "selectable" | "renderAfter" | "renderBefore" | `on${string}`;
@@ -14,7 +14,7 @@ type ExtractRenderableOptions<TConstructor> = TConstructor extends new (ctx: Ren
 /** Extract the renderable type from a constructor */
 type ExtractRenderable<TConstructor> = TConstructor extends new (ctx: RenderContext, options: any) => infer TRenderable ? TRenderable : never;
 /** Determine which properties should be excluded from styling for different renderable types */
-export type GetNonStyledProperties<TConstructor> = TConstructor extends RenderableConstructor<TextRenderable> ? NonStyledProps | "content" : TConstructor extends RenderableConstructor<BoxRenderable> ? NonStyledProps | "title" | "bottomTitle" : TConstructor extends RenderableConstructor<ASCIIFontRenderable> ? NonStyledProps | "text" | "selectable" : TConstructor extends RenderableConstructor<InputRenderable> ? NonStyledProps | "placeholder" | "value" : TConstructor extends RenderableConstructor<TextareaRenderable> ? NonStyledProps | "placeholder" | "initialValue" : TConstructor extends RenderableConstructor<CodeRenderable> ? NonStyledProps | "content" | "filetype" | "syntaxStyle" | "treeSitterClient" | "conceal" | "drawUnstyledText" : TConstructor extends RenderableConstructor<MarkdownRenderable> ? NonStyledProps | "content" | "syntaxStyle" | "treeSitterClient" | "conceal" | "renderNode" : NonStyledProps;
+export type GetNonStyledProperties<TConstructor> = TConstructor extends RenderableConstructor<TextRenderable> ? NonStyledProps | "content" : TConstructor extends RenderableConstructor<BoxRenderable> ? NonStyledProps | "title" | "bottomTitle" : TConstructor extends RenderableConstructor<ASCIIFontRenderable> ? NonStyledProps | "text" | "selectable" : TConstructor extends RenderableConstructor<InputRenderable> ? NonStyledProps | "placeholder" | "value" : TConstructor extends RenderableConstructor<TextareaRenderable> ? NonStyledProps | "placeholder" | "initialValue" : TConstructor extends RenderableConstructor<CodeRenderable> ? NonStyledProps | "content" | "filetype" | "syntaxStyle" | "treeSitterClient" | "conceal" | "drawUnstyledText" : TConstructor extends RenderableConstructor<MarkdownRenderable> ? NonStyledProps | "content" | "syntaxStyle" | "treeSitterClient" | "conceal" | "renderNode" : TConstructor extends RenderableConstructor<ImageRenderable> ? NonStyledProps | "source" : NonStyledProps;
 /** Base props for container components that accept children */
 type ContainerProps<TOptions> = TOptions & {
     children?: React.ReactNode;
@@ -52,6 +52,7 @@ export type TextareaProps = ComponentProps<TextareaOptions, TextareaRenderable>
     onKeyDown?: (event: KeyEvent) => void;
 };
 export type CodeProps = ComponentProps<CodeOptions, CodeRenderable>;
+export type ImageProps = ComponentProps<ImageRenderableOptions, ImageRenderable>;
 export type MarkdownProps = ComponentProps<MarkdownOptions, MarkdownRenderable>;
 export type DiffProps = ComponentProps<DiffRenderableOptions, DiffRenderable>;
 export type SelectProps = ComponentProps<SelectRenderableOptions, SelectRenderable> & {

package/test-utils.js

@@ -1,7 +1,7 @@
 // @bun
 import {
   createRoot
-} from "./chunk-hjtp6jv9.js";
+} from "./chunk-tyqqzmyr.js";
 import"./chunk-2mx7fq49.js";
 
 // src/test-utils.ts