Skip to content

CHANGELOG.md

Latest commit

 

History

History
137 lines (91 loc) · 6.67 KB

CHANGELOG.md

File metadata and controls

137 lines (91 loc) · 6.67 KB

2.6.1 (2025-07-04)

Bug Fixes

  • types: add support for data-* attributes in button props (#58) (92bb75c)

2.6.0 (2025-07-04)

Features

  • improve copy button functionality and styling (#57) (255d109)

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

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

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