feat(scully): support for markdown options like {:target="_blank"}

projects/scullyio/ng-lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scullyio/ng-lib",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "repository": {
     "type": "GIT",
     "url": "https://github.com/scullyio/scully/tree/master/projects/scullyio/ng-lib"

scully/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scullyio/scully",
-  "version": "0.0.81",
+  "version": "0.0.83",
   "description": "Scully CLI",
   "repository": {
     "type": "GIT",

scully/pluginManagement/systemPlugins.ts

@@ -6,3 +6,4 @@ import '../routerPlugins/defaultRouterPlugin';
 import '../routerPlugins/ignoredRoutePlugin';
 import '../routerPlugins/jsonRoutePlugin';
 import '../renderPlugins/seoHrefCompletionPlugin';
+import '../renderPlugins/customMarkdownOptions';

scully/renderPlugins/contentRenderPlugin.ts

@@ -6,6 +6,7 @@ import {handleFile} from './content-render-utils/handleFile';
 import {insertContent} from './content-render-utils/insertContent';
 import {readFileAndCheckPrePublishSlug} from './content-render-utils/readFileAndCheckPrePublishSlug';
 import {JSDOM} from 'jsdom';
+import {customMarkdownOptions} from './customMarkdownOptions';
 
 registerPlugin('render', 'contentFolder', contentRenderPlugin);
 
@@ -24,7 +25,7 @@ export async function contentRenderPlugin(html: string, route: HandledRoute) {
         .split('>')[0]
         .trim()
     );
-    const additionalHTML = await handleFile(extension, fileContent);
+    const additionalHTML = await customMarkdownOptions(await handleFile(extension, fileContent));
     const htmlWithNgAttr = addNgIdAttribute(additionalHTML, attr);
     return insertContent(scullyBegin, scullyEnd, html, htmlWithNgAttr, getScript(attr));
   } catch (e) {

scully/renderPlugins/customMarkdownOptions.ts

@@ -0,0 +1,28 @@
+export const customMarkdownOptions = (html: string) => {
+  return html.replace(/\<a[^>]*\>[^<]*\<\/a\>\{[^}]*\}/g, (val, pos) => {
+    const [start, rest] = val.split('{:');
+    const injectStr = rest.slice(0, -1);
+    const [initial, end] = start.split('href=');
+    return `${initial} ${injectStr} href=${end}`;
+  });
+};
+
+// const test = `
+// sdfoasjdfkl sakdfjas lkdf;askdjf as;djf asldkjf
+// <a href="url">link</a>{:target="_blank" class="pepe"}
+// SOME BULLSHIT STARTING TEXT
+// <a href="bar">foo</a>{:target="_blank"}
+// BS MIDDLE TEXT
+// <a href="bar">foo</a>{:target="_blank"}
+// END TEXT
+
+// SOME BULLSHIT STARTING TEXT
+// <a href="bar">foo</a>{:target="_blank"}
+// BS MIDDLE TEXT
+// <a href="bar">foo</a>{:target="_blank"}
+// END TEXT
+// `
+
+// customMarkdownOptions(test); //?
+
+// registerPlugin('render','customMarkdownOptions', customMarkdownOptions)