[Doc] Automatically convert TS examples to JS

[djhi]

Done client side and only when needed.
I compared locally with the previous docs and didn't notice any difference even with CPU throttling x6 on slow 3G

How to test

• Open AccordionForm.md
• Click on the AccordionForm.Panel section
• Scroll down
• The first snippet is bi-lingual

[fzaninotto]

When I click on a language tab, the screen "jumps". Can we avoid that?

[fzaninotto]

Also, it seems the indentation differs between JS and TS. Can we make it consistent?

[djhi]

When I click on a language tab, the screen "jumps". Can we avoid that?

I don't see how. This is because we often have more code in TS

[djhi]

Also, it seems the indentation differs between JS and TS. Can we make it consistent?

I'm afraid we have inconsistent indentation everywhere so we'd have to apply the same everywhere as well

[slax57]

Code seems good.

BUT, I saw 2 issues:

• Once you switch to TSX, all JSX code snippets disappear! (it can be seen in AccordionForm.md)
• New lines are not preserved when they are in the JSX code. Example in the code below taken from Tutorial.md:

// in src/App.tsx
import { Admin, Resource, ListGuesser, EditGuesser, ShowGuesser } from 'react-admin';
import { dataProvider } from './dataProvider';

export const App = () => (
    <Admin dataProvider={dataProvider}>

    </Admin>
);

The new lines between <Admin> and </Admin> are not preserved.

[slax57]

shouldn't you rename this file to style-v18?

[djhi]

As discussed with Francois, it's actually unnecessary. @fzaninotto Did I get that right?

[slax57]

@fzaninotto I'll let you check one last time 😉