diff --git a/nx-dev/data-access-documents/src/lib/documents.api.ts b/nx-dev/data-access-documents/src/lib/documents.api.ts index 5cc1177bc3..cc1295e44e 100644 --- a/nx-dev/data-access-documents/src/lib/documents.api.ts +++ b/nx-dev/data-access-documents/src/lib/documents.api.ts @@ -1,7 +1,7 @@ import { readFileSync } from 'fs'; import { join } from 'path'; import matter from 'gray-matter'; -import * as marked from 'marked'; +import { readJsonFile } from '@nrwl/workspace'; import { archiveRootPath, extractTitle, @@ -12,7 +12,6 @@ import { DocumentData, DocumentMetadata, } from './documents.models'; -import { readJsonFile } from '@nrwl/workspace'; export function getDocument( version: string, @@ -32,7 +31,7 @@ export function getDocument( return { filePath: docPath, data: file.data, - content: marked.parse(file.content), + content: file.content, excerpt: file.excerpt, }; } diff --git a/nx-dev/feature-doc-viewer/src/lib/content.tsx b/nx-dev/feature-doc-viewer/src/lib/content.tsx index 8f640654aa..f86006d090 100644 --- a/nx-dev/feature-doc-viewer/src/lib/content.tsx +++ b/nx-dev/feature-doc-viewer/src/lib/content.tsx @@ -1,15 +1,60 @@ import React from 'react'; +import ReactMarkdown from 'react-markdown'; +import gfm from 'remark-gfm'; +import autolinkHeadings from 'rehype-autolink-headings'; +import slug from 'rehype-slug'; +import highlight from 'rehype-highlight/light'; +import { transformLinkPath } from './renderers/transform-link-path'; +import { transformImagePath } from './renderers/transform-image-path'; +import { renderIframes } from './renderers/render-iframe'; export interface ContentProps { data: string; + flavor: string; + version: string; } export function Content(props: ContentProps) { return (