{"library":"gatsby-plugin-babel-react-live","type":"library","category":null,"description":"Gatsby plugin that transforms JavaScript/TypeScript code inside LiveProvider components to strings using Babel, enabling React Live to display syntax-highlighted source code with full TypeScript support. Version 1.4.5 (latest) works with Gatsby and requires Node >=14.17.0. It is part of the Eufemia design system. Key differentiator: unlike manual stringification, this plugin automatically converts JSX/TSX inside LiveProvider children to string literals, supporting render callbacks with noInline output. Known limitations: currently works only with .tsx files, requires emotion v5, and needs cache clearing after changes to the Babel plugin.","language":"javascript","status":"active","version":"1.4.5","tags":["javascript","gatsby","gatsby-plugin","react","react live"],"last_verified":"Wed May 27","install":[{"cmd":"npm install gatsby-plugin-babel-react-live","imports":["// gatsby-config.js\nplugins: ['gatsby-plugin-babel-react-live']","import { LiveProvider } from 'react-live'","// used internally by the Gatsby plugin; no direct import needed"]},{"cmd":"yarn add gatsby-plugin-babel-react-live","imports":[]},{"cmd":"pnpm add gatsby-plugin-babel-react-live","imports":[]}],"homepage":"https://eufemia.dnb.no","github":"https://github.com/dnbexperience/eufemia","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/gatsby-plugin-babel-react-live","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/gatsby-plugin-babel-react-live/compatibility"}}