#ReactLynx

import { 
function defineConfig<const Config extends RslibConfig, const Definition extends Config | ((env: ConfigParams) => Config) | ((env: ConfigParams) => Promise<Config>)>(config: Definition & (Definition extends (...args: never[]) => infer CallbackResult ? [Awaited<CallbackResult>] extends [RslibConfig] ? unknown : never : RslibConfig & Record<Exclude<keyof Definition, keyof RslibConfig>, never>)): Definition extends (...args: never[]) => infer CallbackResult ? [CallbackResult] extends [RslibConfig] ? RslibConfigSyncFn : RslibConfigAsyncFn : RslibConfig (+4 overloads)
This function helps you to autocomplete configuration types.
It accepts a Rslib config object, or a function that returns a config.defineConfig } from '@rslib/core';
import { 
const pluginReact: (options?: PluginReactOptions) => RsbuildPluginpluginReact } from '@rsbuild/plugin-react'; 

export default 
defineConfig<RslibConfig, {
    readonly bundle: false;
    readonly output: {
        readonly target: "web";
        readonly filename: {
            readonly js: "[name].jsx";
        };
    };
    readonly plugins: [RsbuildPlugin];
}>(config: {
    readonly bundle: false;
    readonly output: {
        readonly target: "web";
        readonly filename: {
            readonly js: "[name].jsx";
        };
    };
    readonly plugins: [RsbuildPlugin];
} & RslibConfig & Record<never, never>): RslibConfig (+4 overloads)
This function helps you to autocomplete configuration types.
It accepts a Rslib config object, or a function that returns a config.defineConfig({
  
bundle: false
Whether to bundle the library.
@defaultValuetrue@seehttps://rslib.rs/config/lib/bundlebundle: false,
  
output: {
    readonly target: "web";
    readonly filename: {
        readonly js: "[name].jsx";
    };
} & RslibOutputConfig
Options for build outputs.
@inheritdocoutput: {
    
target: "web"
Setting the build target for Rsbuild.
@override@default'node'target: 'web',
    
filename: {
    readonly js: "[name].jsx";
} & FilenameConfig
Sets the filename of output files.filename: {
      
js: "[name].jsx" | ("[name].jsx" & ((pathData: PathData, assetInfo?: AssetInfo) => string))
The name of the JavaScript files.
@default
-  dev: '[name].js'

prod: '[name].[contenthash:10].js'
js: '[name].jsx',
    },
  },
  
plugins: [RsbuildPlugin] & RsbuildPlugins
Configure Rsbuild plugins.plugins: [
    
function pluginReact(options?: PluginReactOptions): RsbuildPluginpluginReact({
      
swcReactOptions?: ReactConfig | undefined
Configure the behavior of SWC to transform React code,
the same as SWC's jsc.transform.react.swcReactOptions: {
        
ReactConfig.runtime?: "automatic" | "classic" | "preserve" | undefined
Decides which runtime to use when transforming JSX.

"automatic" - Automatically imports the functions that JSX transpiles to.
This is the modern approach introduced in React 17+ that eliminates the need to
manually import React in every file that uses JSX.
"classic" - Uses the traditional JSX transform that relies on React.createElement
calls. Requires React to be in scope, which was the standard behavior before React 17.
"preserve" - Leaves JSX syntax unchanged without transforming it.
@default"classic"runtime: 'preserve',
      },
    }),
  ],
});

import { pluginReactLynx } from '@lynx-js/react-rsbuild-plugin'; 
import { withDefaultConfig } from '@lynx-js/react/testing-library/rstest-config'; 
import { withRslibConfig } from '@rstest/adapter-rslib';
import { defineConfig } from '@rstest/core';

export default defineConfig({
  extends: [withDefaultConfig(), withRslibConfig()],
  plugins: [pluginReactLynx()],
});

export { ScrollList } from 'reactlynx-scroll-list';

import { dirname } from 'node:path';
import { fileURLToPath } from 'node:url';
import { pluginReact } from '@rsbuild/plugin-react';
import { defineConfig } from '@rslib/core';

const scrollListDir = dirname(
  fileURLToPath(import.meta.resolve('reactlynx-scroll-list')),
);
const reactPlugin = pluginReact({
  swcReactOptions: {
    runtime: 'preserve',
  },
});

export default defineConfig({
  lib: [
    {
      id: 'components',
      bundle: false,
      dts: true,
      source: {
        entry: {
          index: [
            './src/**/*',
            '!./src/scroll-list/**',
          ],
        },
      },
      plugins: [reactPlugin],
    },
    {
      id: 'bundled-components',
      source: {
        entry: {
          'scroll-list/index': './src/scroll-list/index.ts',
        },
      },
      output: {
        externals: {
          'reactlynx-scroll-list': '../vendor/reactlynx-scroll-list/index.jsx',
        },
      },
    },
    {
      id: 'vendor',
      bundle: false,
      outBase: scrollListDir,
      source: {
        entry: {
          index: `${scrollListDir}/**/*.{js,jsx,css,svg}`,
        },
      },
      output: {
        distPath: './dist/vendor/reactlynx-scroll-list',
      },
      plugins: [reactPlugin],
    },
  ],
  output: {
    target: 'web',
    filename: {
      js: '[name].jsx',
    },
  },
});

import { dirname } from 'node:path';
import { fileURLToPath } from 'node:url';
import { pluginReact } from '@rsbuild/plugin-react';
import { defineConfig } from '@rslib/core';

const scrollListDir = dirname(
  fileURLToPath(import.meta.resolve('reactlynx-scroll-list')),
);

export default defineConfig({
  bundle: false,
  dts: true,
  output: {
    target: 'web',
    filename: {
      js: '[name].jsx',
    },
    externals: {
      'reactlynx-scroll-list': '../vendor/reactlynx-scroll-list/index.jsx',
    },
    copy: [
      {
        from: scrollListDir,
        to: 'vendor/reactlynx-scroll-list',
      },
    ],
  },
  plugins: [
    pluginReact({
      swcReactOptions: {
        runtime: 'preserve',
      },
    }),
  ],
});