question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

react-scripts README template contains <br> which shows on BitBucket as text (non-valid markdown code)

See original GitHub issue

Not sure if if it’s bug report. I wanted to create PR right away, but then I found closed PR: https://github.com/facebook/create-react-app/pull/1393 which added <br> explicitly. @gaearon commented it was good.

I did npm init react-app my-new-app, and it created, all works fine. Here is piece from package.json:

"dependencies": {
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react-scripts": "3.0.1"
  },

But README.md file does contain non-markdown code, which affects how readme shown on BitBucket:

Screenshot 2019-05-25 at 19 16 16

I looked up files:

https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md

https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template-typescript/README.md

and they indeed contain <br>.

I work with ReactJS ~2 years, but I faced with using react-scripts first time last year, and the issue persist since then. Coz I have old instance (Oct-2017) and new instance (May-2019) of create-react-app.

Both are rendered/shown on GitHub properly. Here is my README files from those 2 instances:

And BitBucket renders both with <br> as text (assumable it’s not proper markdown code). Here are BitBucket examples (public):

So the issue is ONLY for BitBucket representation of README/markdown code.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:7 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
heyimalexcommented, May 25, 2019

From discussion here it looks like we might be able to change them to forward slashes. Would you check whether bitbucket supports this syntax? It works on github and gitlab.

hello\
world

We also need to see if it works on npm I suppose.

0reactions
heyimalexcommented, May 27, 2019

@alundiak Trailing two whitespaces is the canonical way to do line breaks in markdown. I’ve created a snippet trying all versions and it’s the only way that works.

I’ve opened an issue at bitbucket for making the backslash syntax work, and there’s another issue open for supporting html.

From reading the other issues in their tracker, it looks like their markdown support is pretty basic/partial, so I’m sure it’ll be revisited soon. I’d rather wait for bitbucket to change to at least support the backslash syntax before creating a change here. So I’m closing this as bitbucket’s problem.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Markdown syntax guide | Bitbucket Data Center and Server 8.6
If your repository contains a README.md file at the root level, Bitbucket displays its contents on the repository's Source page if the file...
Read more >
How to write one new line in Bitbucket markdown?
Two new lines in the source creates one new paragraph. I only want a new line. And I don't want to use a...
Read more >
Open Source Used In Assist 3.1 - Cisco
This document contains licenses and notices for open source software used in this product.
Read more >
Plain Diff
+ +To format our code whenever we make a commit in git, ... you will see its value set to `abcdef`, and the...
Read more >
package.json - rouch/Cypress - NotABug.org
Cypress - Fast, easy and reliable testing for anything that runs in a browser.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found