Remark and rehype plugins (#562)

* remark plugins

* remove unused dependency

* enable codeblocks

* backward compatibility with remark-code-titles

* add support for rehype plugins

* add proper types for plugins

* fixes after review

- connect plugins by name
- make plugins configurable
- connect gfm and footnotes if no plugins provided from config
- add more plugins to example

* update and rename example

* add documentation for markdown plugins

* chore: rename with-markdown-plugins example

* chore: restructure dependencies

* feat: add back smartypants, fix mdx expressions

* chore: remove log

* test: add markdown plugin tests

* chore: add changeset

* docs: update markdown doc

Co-authored-by: Nate Moore <nate@skypack.dev>

1 files changed, 53 insertions, 0 deletions

diff --git a/examples/with-markdown-plugins/public/global.css b/examples/with-markdown-plugins/public/global.css
new file mode 100644
index 000000000..f1e536546
--- /dev/null
+++ b/examples/with-markdown-plugins/public/global.css
@@ -0,0 +1,53 @@
+body {
+  font-family: system-ui;
+}
+
+.content {
+  max-width: 640px;
+  margin: 40px auto;
+  padding: 0 20px;
+}
+
+.title {
+  position: relative;
+}
+.title a {
+  position: absolute;
+  display: block;
+  height: 100%;
+  width: 100%;
+  color: inherit;
+}
+
+.title a:before {
+  position: absolute;
+  right: 100%;
+  display: block;
+  content: '#';
+  margin-right: 0.2em;
+  visibility: hidden;
+  opacity: 0.5;
+}
+
+.title:hover a:before {
+  visibility: visible;
+}
+
+.remark-code-title,
+pre[class^="language-"] {
+  padding: 10px;
+  margin: 0;
+}
+
+.remark-code-title {
+  border-bottom: 1px solid rgba(0,0,0,.05);
+  border-radius: 4px 4px 0 0;
+  background: rgba(0,0,0,.08);
+  font-family: monospace;
+  font-weight: bold;
+}
+
+pre[class^="language-"] {
+  background: rgba(0,0,0,.05);
+  border-radius: 0 0 4px 4px;
+}