feat: add markdown inspector in storybook (#1619)

* feat: add markdown inspector in storybook

* [autofix.ci] apply automated fixes

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

Author: Saul-Mirone

Diff for: packages/crepe/src/feature/code-mirror/index.ts

@@ -75,12 +75,10 @@ export const defineFeature: DefineFeature<CodeMirrorFeatureConfig> = (
         renderPreview: config.renderPreview || defaultConfig.renderPreview,
         previewToggleButton: (previewOnlyMode) => {
           return html`
-            ${config.previewToggleText?.(previewOnlyMode) || previewOnlyMode
-              ? editIcon
-              : visibilityOffIcon}
-            ${config.previewToggleIcon?.(previewOnlyMode) || previewOnlyMode
-              ? 'Edit'
-              : 'Hide'}
+            ${config.previewToggleIcon?.(previewOnlyMode) ||
+            (previewOnlyMode ? editIcon : visibilityOffIcon)}
+            ${config.previewToggleText?.(previewOnlyMode) ||
+            (previewOnlyMode ? 'Edit' : 'Hide')}
           `
         },
         previewLabel: config.previewLabel || defaultConfig.previewLabel,

Diff for: pnpm-lock.yaml

@@ -24,6 +24,7 @@
     "atomico": "^1.75.1",
     "codemirror": "^6.0.1",
     "katex": "^0.16.0",
+    "shiki": "^1.27.0",
     "tslib": "^2.5.0"
   },
   "devDependencies": {