rslib 是否支持打包 ink tui framework??? 做了这个适配吗？

[juwenzhang]

https://github.com/juwenzhang/rag-chat-cli/tree/master/clients/tui

使用 Rslib 打包 Ink（React 终端 UI）项目后，运行产物报错：ReferenceError: React is not defined

想确认 Rslib 是否兼容 Ink 项目打包，以及该如何配置解决此问题

[Timeless0911]

Thanks for the reproduction.

Rslib does not need a special Ink adapter. Ink is a React renderer, so the key is to configure the project as a Node ESM build with React JSX transform enabled.

I noticed a few config issues in the reproduction:

• package.json points bin and start:dist to dist/index.mjs, but rslib.config.ts currently emits dist/index.cjs.
• Ink v5 and some dependencies in the graph are ESM-only / use top-level await, so CJS output can fail at runtime.
• The ReferenceError: React is not defined comes from JSX being compiled to React.createElement(...) while src/index.tsx does not import React.
• jsxImportSource: "ink" should be removed. jsxImportSource expects the package to provide <package>/jsx-runtime, but Ink does not provide ink/jsx-runtime. Ink should use React's JSX runtime.
• The reproduction is using an old Rslib version (@rslib/core@0.5.x). Please also upgrade Rslib and related Rsbuild packages to compatible latest versions.

Recommended changes:

pnpm add -D @rslib/core@latest @rsbuild/plugin-react@latest

Update rslib.config.ts:

import { pluginReact } from '@rsbuild/plugin-react';
import { defineConfig } from '@rslib/core';

export default defineConfig({
  source: {
    entry: { index: './src/index.tsx' },
  },
  lib: [
    {
      format: 'esm',
      bundle: true,
      output: {
        distPath: { root: './dist' },
        filename: { js: 'index.mjs' },
      },
      banner: { js: '#!/usr/bin/env node' },
    },
  ],
  output: {
    target: 'node',
    sourceMap: true,
    minify: true,
  },
  plugins: [pluginReact()],
});

And keep tsconfig.json using React JSX runtime:

{
  "compilerOptions": {
    "jsx": "react-jsx"
  }
}

Do not set:

{
  "jsxImportSource": "ink"
}