New line with `\` not respected

Hey 👋 ,

I noticed an interesting situation with line breaks. Take this example:

RUN bash -lc "rvm install ruby-2.5.1 && \
              rvm use ruby-ruby-2.5.1 --default"

It renders as follows:

Adding a second \ to the code block as in this snippet renders as expected:

RUN bash -lc "rvm install ruby-2.5.1 && \\
              rvm use ruby-ruby-2.5.1 --default"

I couldn’t find a related issue. Has anyone seen that and has a potential fix?

🙏

[Cahllagerfeld]

Thought: Might this be caused by returning the code with the @html decorator from svelte?

I came up with a potential fix, by returning the highlighted code with a JSON.stringify.

import { defineMDSveXConfig as defineConfig, escapeSvelte } from "mdsvex";
import Prism from "prismjs";
import "prismjs/components/prism-bash.js";

const config = defineConfig({
  extensions: [".svelte.md", ".md", ".svx"],
  highlight: {
    highlighter: async (code, lang) => {
      const highlighted = escapeSvelte(
        Prism.highlight(code, Prism.languages["bash"], "bash")
      );
      return `<pre class="language-${lang}"><code class="language-${lang}">{@html ${JSON.stringify(
        highlighted
      )}}</code></pre>`;
    },
  },
  smartypants: {
    dashes: "oldschool",
  },

  remarkPlugins: [],
  rehypePlugins: [],
});

export default config;

Thats the sample repo for it

[mikenikles]

Thanks again for going way down the stack to help figure out what’s going on 🙏 . We are working towards a tight deadline to release the project. I’ll focus on launching the site next week, then come back to this issue with a link to the source code which will be open source.

The hint about Dockerfile vs dockerfile was great, thank you! The project is a migration from Gatsby (via Sapper) to Svelte Kit and the Gatsby code highlighter plugin seemed fine with a capital D in Dockerfile. All good on that front now.