chore: add emoji and kmages remark plugins default

ccontrols · Jun 28, 2020 · c87e3b5 · c87e3b5
1 parent b861526
commit c87e3b5
Show file tree

Hide file tree

Showing 16 changed files with 360 additions and 32 deletions.
diff --git a/core/instrument/package.json b/core/instrument/package.json
@@ -45,6 +45,8 @@
     "js-string-escape": "^1.0.1",
     "prettier": "^1.19.1",
     "read-package-json": "^2.1.1",
+    "remark-images": "^2.0.0",
+    "remark-emoji": "^2.1.0",
     "resolve": "^1.15.1",
     "typescript": "^3.8.3"
   },

diff --git a/core/instrument/src/types.ts b/core/instrument/src/types.ts
@@ -1,5 +1,7 @@
 import { ParserOptions } from '@babel/parser';
 import { Document, StoriesStore } from '@component-controls/core';
+import images from 'remark-images';
+import emoji from 'remark-emoji';
 import { SyncOpts as ResolveOptions } from 'resolve';
 import {
   Options,
@@ -42,6 +44,7 @@ import { mdx } from '@mdx-js/react';
 export const defaultMDXOptions: MDXOptions = {
   test: /\.(mdx|md)$/i,
   renderer: DEFAULT_MDX_RENDERER,
+  mdPlugins: [images, emoji],
 };
 
 /**

diff --git a/core/instrument/src/typings.d.ts b/core/instrument/src/typings.d.ts
@@ -3,3 +3,5 @@ declare module '@hutson/parse-repository-url';
 declare module 'hosted-git-info';
 declare module '@mdx-js/mdx';
 declare module 'js-string-escape';
+declare module 'remark-emoji';
+declare module 'remark-images';
diff --git a/core/instrument/test/__snapshots__/csf-hoisted.test.ts.snap b/core/instrument/test/__snapshots__/csf-hoisted.test.ts.snap
@@ -35,6 +35,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -122,6 +124,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -223,6 +227,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },

diff --git a/core/instrument/test/__snapshots__/csf-named-exports.test.ts.snap b/core/instrument/test/__snapshots__/csf-named-exports.test.ts.snap
@@ -29,6 +29,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -112,6 +114,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -195,6 +199,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },

diff --git a/core/instrument/test/__snapshots__/csf-parameters.test.ts.snap b/core/instrument/test/__snapshots__/csf-parameters.test.ts.snap
@@ -35,6 +35,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -124,6 +126,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -227,6 +231,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },

diff --git a/core/instrument/test/__snapshots__/csf-props-info.test.ts.snap b/core/instrument/test/__snapshots__/csf-props-info.test.ts.snap
@@ -2492,6 +2492,8 @@ user setting can display only props table or only controls",
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },

diff --git a/core/instrument/test/__snapshots__/csf-props-usage.test.ts.snap b/core/instrument/test/__snapshots__/csf-props-usage.test.ts.snap
@@ -29,6 +29,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -144,6 +146,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -287,6 +291,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -412,6 +418,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -555,6 +563,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -704,6 +714,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -935,6 +947,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -1045,6 +1059,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -1185,6 +1201,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -1328,6 +1346,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -1479,6 +1499,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -1687,6 +1709,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -1811,6 +1835,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -1969,6 +1995,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },

diff --git a/core/instrument/test/__snapshots__/csf-stories.test.ts.snap b/core/instrument/test/__snapshots__/csf-stories.test.ts.snap
@@ -29,6 +29,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -92,6 +94,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -170,6 +174,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -231,6 +237,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -324,6 +332,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -475,6 +485,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -582,6 +594,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -704,6 +718,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -826,6 +842,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },

diff --git a/core/instrument/test/__snapshots__/csf-story-doc.test.ts.snap b/core/instrument/test/__snapshots__/csf-story-doc.test.ts.snap
@@ -30,6 +30,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -103,6 +105,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -184,6 +188,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },
@@ -255,6 +261,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },

diff --git a/core/instrument/test/__snapshots__/csf-toggle.test.ts.snap b/core/instrument/test/__snapshots__/csf-toggle.test.ts.snap
@@ -42,6 +42,8 @@ Object {
         "js-string-escape": "^1.0.1",
         "prettier": "^1.19.1",
         "read-package-json": "^2.1.1",
+        "remark-emoji": "^2.1.0",
+        "remark-images": "^2.0.0",
         "resolve": "^1.15.1",
         "typescript": "^3.8.3",
       },