Rich text viewer | Implementation of markdown parser

change/@ni-nimble-components-99393253-07d1-4ec4-902b-41680bddd36e.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Implementation of markdown parser for converting markdown input to rich text content in the viewer",
+  "packageName": "@ni/nimble-components",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/nimble-components/package.json

@@ -69,11 +69,14 @@
     "@types/d3-scale": "^4.0.2",
     "@types/d3-selection": "^3.0.0",
     "@types/d3-zoom": "^3.0.0",
+    "@types/markdown-it": "^12.2.3",
     "d3-array": "^3.2.2",
     "d3-random": "^3.0.1",
     "d3-scale": "^4.0.2",
     "d3-selection": "^3.0.0",
     "d3-zoom": "^3.0.0",
+    "prosemirror-markdown": "^1.11.0",
+    "prosemirror-model": "^1.19.2",
     "tslib": "^2.2.0"
   },
   "devDependencies": {
@@ -82,6 +85,7 @@
     "@ni/eslint-config-javascript": "^4.2.0",
     "@ni/eslint-config-typescript": "^4.2.0",
     "@rollup/plugin-commonjs": "^24.0.1",
+    "@rollup/plugin-json": "^6.0.0",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-replace": "^5.0.1",
     "@rollup/plugin-terser": "^0.4.0",
@@ -125,6 +129,7 @@
     "puppeteer": "^10.1.0",
     "remark-gfm": "^3.0.1",
     "rollup": "^3.10.1",
+    "rollup-plugin-polyfill-node": "^0.12.0",
     "rollup-plugin-sourcemaps": "^0.6.3",
     "storybook": "^7.0.4",
     "ts-loader": "^9.2.5",

packages/nimble-components/rollup.config.js

@@ -3,6 +3,8 @@ import resolve from '@rollup/plugin-node-resolve';
 import sourcemaps from 'rollup-plugin-sourcemaps';
 import terser from '@rollup/plugin-terser';
 import replace from '@rollup/plugin-replace';
+import json from '@rollup/plugin-json';
+import nodePolyfills from 'rollup-plugin-polyfill-node';
 
 const umdDevelopmentPlugin = () => replace({
     'process.env.NODE_ENV': JSON.stringify('development')
@@ -21,7 +23,14 @@ export default [
             format: 'iife',
             sourcemap: true
         },
-        plugins: [umdDevelopmentPlugin(), sourcemaps(), resolve(), commonJS()]
+        plugins: [
+            umdDevelopmentPlugin(),
+            nodePolyfills(),
+            sourcemaps(),
+            resolve(),
+            commonJS(),
+            json()
+        ]
     },
     {
         input: 'dist/esm/all-components.js',
@@ -37,6 +46,13 @@ export default [
                 })
             ]
         },
-        plugins: [umdProductionPlugin(), sourcemaps(), resolve(), commonJS()]
+        plugins: [
+            umdProductionPlugin(),
+            nodePolyfills(),
+            sourcemaps(),
+            resolve(),
+            commonJS(),
+            json()
+        ]
     }
 ];