Merge branch 'next'

readmeio · Apr 5, 2024 · 50f43f1 · 50f43f1
2 parents 09fcbb3 + 3b48c90
commit 50f43f1
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 3 deletions.
diff --git a/__tests__/flavored-parsers/__snapshots__/reusable-content.test.js.snap b/__tests__/flavored-parsers/__snapshots__/reusable-content.test.js.snap
@@ -225,9 +225,9 @@ Object {
   ],
   "position": Position {
     "end": Object {
-      "column": 1,
+      "column": 2,
       "line": 3,
-      "offset": 23,
+      "offset": 24,
     },
     "indent": Array [
       1,

diff --git a/__tests__/flavored-parsers/reusable-content.test.js b/__tests__/flavored-parsers/reusable-content.test.js
@@ -1,6 +1,23 @@
 import { mdast } from '../../index';
 
 describe('reusable content transfomer', () => {
+  it('parses camel cased content', () => {
+    const md = '<TestComponent />';
+    const tree = mdast(md);
+
+    expect(tree.children[0].type).toBe('reusable-content');
+    expect(tree.children[0].tag).toBe('TestComponent');
+  });
+
+  it('parses content in a container', () => {
+    const md = '> <TestComponent />';
+    const tree = mdast(md);
+
+    expect(tree.children[0].type).toBe('blockquote');
+    expect(tree.children[0].children[0].type).toBe('reusable-content');
+    expect(tree.children[0].children[0].tag).toBe('TestComponent');
+  });
+
   it('should replace a reusable content block if the block is provided', () => {
     const tags = {
       Test: `

diff --git a/components/Image/style.scss b/components/Image/style.scss
@@ -40,6 +40,7 @@
 
     &[width='80%'],
     &[align='center'],
+    &[align='middle'],
     &[alt~='align-center'] {
       @extend %img-align-center;
     }

diff --git a/processor/parse/reusable-content-parser.js b/processor/parse/reusable-content-parser.js
@@ -8,7 +8,7 @@ function tokenizeReusableContent(eat, value, silent) {
 
   // Modifies the regular expression to match from
   // the start of the line
-  const match = /^<(?<tag>[A-Z]\S+)\s*\/>\s*\n/.exec(value);
+  const match = /^<(?<tag>[A-Z]\S+)\s*\/>\s*/.exec(value);
 
   if (!match || !match.groups.tag) return false;
   const { tag } = match.groups;