CHANGELOG.md

2.4.0 (2024-04-17)

Features

• add support for renderExtraFooter and onOpenEditor and onCloseEditor (#55) (886d862)

2.3.1 (2024-01-26)

Bug Fixes

• fix HTML parsing error (#54) (5c1aa7f)

2.3.0 (2024-01-26)

Features

• add support for one-click copy code (#53) (f379146)

2.2.1 (2022-09-07)

Bug Fixes

• CodeEditor: fix Codemirror being initialized twice (#40) (bb4aa2c)

2.2.0 (2022-08-01)

Bug Fixes

• Renderer: fix timely re-renders (#39) (cf77850)

Performance Improvements

• transform: use sucrase instead of @swc/wasm-web to improve transcoding performance #38

2.1.0 (2022-07-12)

Features

• support for rendering multiple examples in markdown (#35) (d021789)

2.0.0

Features

Use @swc/wasm-web instead of babel to compile code in the browser.

Importing babel.min.js on the page will no longer be required. How it is used in v1

Refactored webpack loader for markdown.

// v1

export default {
  module: {
     rules: [
      {
        test: /\.md$/,
        use: [{
          loader: 'html-loader'
        }, {
          loader: 'markdown-loader',
          options: {
            renderer: markdownRenderer()
          }
        }]
      }
    ]

  }
};

// v2
export default {
  module: {
    rules: [
      {
        test: /\.md$/,
        use:[
          loader: 'react-code-view/webpack-md-loader',
          options:{
            parseLanguages: ['typescript','rust']
          }
        ]
      }
    ]
  }
};

Props redefined

v1

Name	Type	Default value	Description
babelTransformOptions	Object	{ presets: ['stage-0', 'react', 'es2015'] }	Babel configuration parameters [options][babeljs]
dependencies	Object		Dependent components.
renderToolbar	Function		Custom toolbar.
showCode	boolean	true	Display code.
theme	string	'light'	Theme, options light and dark.

v2

Name	Type	Default value	Description
afterCompile	(code: string) => string		Executed after compiling the code
beforeCompile	(code: string) => string		Executed before compiling the code
children	any		The code to be rendered is executed. Usually imported via markdown-loader
compiler	(code: string) => string		A compiler that transforms the code. Use swc.transformSync by default
dependencies	object		Dependent objects required by the executed code
editable	boolean	false	Renders a code editor that can modify the source code
editor	object		Editor properties
onChange	(code?: string) => void		Callback triggered after code change
renderToolbar	(buttons: ReactNode) => ReactNode		Customize the rendering toolbar
sourceCode	string		The code to be rendered is executed
theme	'light' , 'dark'	'light'	Code editor theme, applied to CodeMirror
compileOptions	object	defaultTransformOptions	swc configuration https://swc.rs/docs/configuration/compilation