frontmatter-markdown-loader - npm Package Compare versions

Comparing version 3.5.0 to 3.6.0-0

index.js

@@ -148,2 +148,7 @@ const loaderUtils = require('loader-utils')
 
+    const template = fm
+      .html
+      .replace(/<code(\s[^>]+)>(.+)<\/code>/sg, "<code$1 dangerouslySetInnerHTML={{ __html: `$2` }} />")
+      .replace(/<code>(.+)<\/code>/g, "<code dangerouslySetInnerHTML={{ __html: `$1` }} />");
+
     const compiled = babelCore
@@ -153,3 +158,3 @@ .transformSync(`
           <div className="${reactRootClass}">
-            ${fm.html}
+            ${template}
           </div>
@@ -156,0 +161,0 @@ `, {

package.json

 {
   "name": "frontmatter-markdown-loader",
-  "version": "3.5.0",
+  "version": "3.6.0-0",
   "description": "Webpack loader for Front Matter Markdown file to get front matter attributes, compiled markdown and React/Vue component which renders compiled markdown",
@@ -37,6 +37,6 @@ "main": "index.js",
   "devDependencies": {
-    "@babel/core": "7.9.6",
-    "@babel/preset-env": "7.9.6",
-    "@babel/preset-react": "7.9.4",
-    "@vue/babel-preset-app": "4.3.1",
+    "@babel/core": "7.10.2",
+    "@babel/preset-env": "7.10.2",
+    "@babel/preset-react": "7.10.1",
+    "@vue/babel-preset-app": "4.4.1",
     "@vue/component-compiler-utils": "3.1.2",
@@ -43,0 +43,0 @@ "@vue/test-utils": "1.0.3",

test/frontmatter-markdown-loader.test.js

@@ -42,3 +42,5 @@ import { mount, createLocalVue } from "@vue/test-utils";
     it("returns compiled HTML for 'html' property", () => {
-      expect(loaded.html).toBe("<h1>Title</h1>\n<p>GOOD <code>BYE</code> FRIEND\nCHEERS</p>\n");
+      expect(loaded.html).toBe(
+        "<h1>Title</h1>\n<p>GOOD <code>BYE</code> FRIEND\nCHEERS</p>\n<pre><code class=\"language-js\">const multipleLine = true;\nconsole.warn(multipleLine)\n</code></pre>\n"
+      );
     });
@@ -86,3 +88,5 @@
       load(markdownWithFrontmatter, { ...defaultContext, query: { markdownIt: { breaks: true } } });
-      expect(loaded.html).toBe("<h1>Title</h1>\n<p>GOOD <code>BYE</code> FRIEND<br>\nCHEERS</p>\n");
+      expect(loaded.html).toBe(
+        "<h1>Title</h1>\n<p>GOOD <code>BYE</code> FRIEND<br>\nCHEERS</p>\n<pre><code class=\"language-js\">const multipleLine = true;\nconsole.warn(multipleLine)\n</code></pre>\n"
+      )
     });
@@ -101,3 +105,5 @@
       load(markdownWithFrontmatter, { ...defaultContext, query: { markdownIt: markdownItInstance } });
-      expect(loaded.html).toBe("<h1>Title</h1>\n<p data-paragraph=\"hello\">GOOD <code>BYE</code> FRIEND\nCHEERS</p>\n");
+      expect(loaded.html).toBe(
+        "<h1>Title</h1>\n<p data-paragraph=\"hello\">GOOD <code>BYE</code> FRIEND\nCHEERS</p>\n<pre><code class=\"language-js\">const multipleLine = true;\nconsole.warn(multipleLine)\n</code></pre>\n"
+      );
     });
@@ -109,3 +115,5 @@ });
       load(markdownWithFrontmatter, { ...defaultContext, query: { mode: [Mode.BODY] } });
-      expect(loaded.body).toBe("# Title\n\nGOOD `BYE` FRIEND\nCHEERS\n");
+      expect(loaded.body).toBe(
+        "# Title\n\nGOOD `BYE` FRIEND\nCHEERS\n\n```js\nconst multipleLine = true;\nconsole.warn(multipleLine)\n```\n"
+      );
     });
@@ -112,0 +120,0 @@ });

test/with-frontmatter.md

@@ -11,1 +11,6 @@ ---
 CHEERS
+
+```js
+const multipleLine = true;
+console.warn(multipleLine)
+```

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

53124

increased by2.54%

Lines of code

540

increased by2.27%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

No dependency changes