feat(jsx-one-expression-per-line): add spaceMode option (#241)

[exoRift]

Description

Adds the spaceMode option to jsx-one-expression-per-line which uses the HTML   entity instead of JSX {' '}

Linked Issues

#241

Additional context

Important

This PR is not ready and requires assistance

There are a few issues:

• I wasn't able to generate the types.d.ts file (I couldn't figure out how)
• The test is only replacing the text for the first offending source and not the second offending source. I'm not sure why
• There's an issue with how this rule parses sources. If you look at the test I added, the first literal has a space preceding the embedded div. When this rule runs, it treats the preceding space as part of the first literal (which doesn't get targeted because it's not a violation) and thus ignores it. For proper fixing, the rule would have to replace that space with   and then add a newline, however, there's no way for me to do that and simply adding   and then a newline creates two spaces. I'm not sure how to resolve this issue
  • In fact, this is an issue with the rule itself even without these changes as the fix keeps that space and then adds a newline with {' '} as well. (Which, again, is two spaces)

[netlify]

✅ Deploy Preview for eslint-stylistic ready!

Name	Link
🔨 Latest commit	fb65d71
🔍 Latest deploy log	https://app.netlify.com/sites/eslint-stylistic/deploys/658e1c3d6787b000087bb5c3
😎 Deploy Preview	https://deploy-preview-248--eslint-stylistic.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[antfu]

To answer your questions:

1. You can run npm run update on the project root
2. That's how rules works, only one change is applied at one time. You could have some basic test for one occurrence (and check the error messages), and then create a new set of tests like

   eslint-stylistic/packages/eslint-plugin-plus/rules/indent-binary-ops/indent-binary-ops.test.ts

   Lines 31 to 55 in 59070ae

   	it('snapshots', async () => {
   	const { fix } = createLinter('indent-binary-ops', rule)
   	expect(
   	fix(unIndent`
   	if (
   	a && (
   	a.b ||
   	a.c
   	) &&
   	a.d
   	) {}
   	`),
   	).toMatchInlineSnapshot(
   	`
   	"if (
   	a && (
   	a.b ||
   	a.c
   	) &&
   	a.d
   	) {}"
   	`,
   	)

   to test the final result.

[so1ve]

@exoRift Are you on windows? I met this error: privatenumber/tsx#345 and I had to use WSL to develop