feat(Stencila components addon): Addon for adding Stencila Web Compon…

…ents for document nodes

src/addons/addons.ts

@@ -6,7 +6,9 @@
 export const addons: {
   mathjax: Promise<unknown>
   prism: Promise<unknown>
+  stencilaComponents: Promise<unknown>
 } = {
   mathjax: import('./mathjax'),
-  prism: import('./prism')
+  prism: import('./prism'),
+  stencilaComponents: import('./stencilaComponents')
 }

src/addons/stencilaComponents/README.md

@@ -0,0 +1,16 @@
+# Stencila Web Components addon
+
+Adds Stencila's [Web Components](https://github.com/stencila/designa/tree/master/packages/components) to provide interactivity to certain types of document nodes.
+
+Currently the following node types have Web Components:
+
+| Node type        | Custom element               |
+| ---------------- | ---------------------------- |
+| `CodeChunk`      | `<stencila-code-chunk>`      |
+| `CodeExpression` | `<stencila-code-expression>` |
+
+## Notes
+
+- We anticipate that more components will be added over time, for other document nodes, to provide greater interactivity in documents.
+
+- Theme authors should be able to override the styles of the web components as part of their theme.

src/addons/stencilaComponents/index.ts

@@ -0,0 +1 @@
+import '@stencila/components/dist/stencila-components/stencila-components'

src/addons/stencilaComponents/styles.css

@@ -0,0 +1 @@
+@import '@stencila/components/dist/stencila-components/stencila-components.css';