substance codeblock is now in the app elements

app/components/SimpleEditor/config.js

@@ -14,9 +14,8 @@ import {
   SuperscriptPackage
 } from 'substance'
 
-import CodeblockPackage from 'substance/packages/codeblock/CodeblockPackage'
-
 // My Elements
+import CodeblockPackage from './elements/codeblock/CodeblockPackage'
 import CommentPackage from './elements/comment/CommentPackage'
 import ExtractPackage from './elements/extract/ExtractPackage'
 import NotePackage from './elements/note/NotePackage'
@@ -42,7 +41,6 @@ let config = {
     config.import(ParagraphPackage)
     config.import(HeadingPackage)
     config.import(BlockquotePackage)
-    config.import(CodeblockPackage)
     config.import(EmphasisPackage)
     config.import(StrongPackage)
     config.import(SubscriptPackage)
@@ -51,6 +49,7 @@ let config = {
     // config.import(LinkPackage)
     config.import(PersistencePackage)
 
+    config.import(CodeblockPackage)
     config.import(LinkPackage)
     // config.import(DialoguePackage)
     config.import(ExtractPackage)

app/components/SimpleEditor/elements/codeblock/Codeblock.js

+import { TextBlock } from 'substance'
+
+class Codeblock extends TextBlock {}
+
+Codeblock.type = 'codeblock'
+
+export default Codeblock

app/components/SimpleEditor/elements/codeblock/CodeblockComponent.js

+import { TextBlockComponent } from 'substance'
+
+class CodeblockComponent extends TextBlockComponent {
+  render ($$) {
+    let el = super.render.call(this, $$)
+    return el.addClass('sc-codeblock')
+  }
+}
+
+export default CodeblockComponent

app/components/SimpleEditor/elements/codeblock/CodeblockHTMLConverter.js

+export default {
+  type: 'codeblock',
+  tagName: 'pre',
+
+  import: function (el, node, converter) {
+    let codeEl = el.find('code')
+    if (codeEl) {
+      node.content = converter.annotatedText(codeEl, [node.id, 'content'], { preserveWhitespace: true })
+    }
+  },
+
+  export: function (node, el, converter) {
+    let $$ = converter.$$
+
+    el.append(
+      $$('code').append(
+        converter.annotatedText([node.id, 'content'])
+      )
+    )
+  }
+}

app/components/SimpleEditor/elements/codeblock/CodeblockPackage.js

+import Codeblock from './Codeblock'
+import CodeblockComponent from './CodeblockComponent'
+import CodeblockHTMLConverter from './CodeblockHTMLConverter'
+
+export default {
+  name: 'codeblock',
+  configure: function (config) {
+    config.addNode(Codeblock)
+
+    config.addComponent('codeblock', CodeblockComponent)
+    config.addConverter('html', CodeblockHTMLConverter)
+
+    config.addTextType({
+      name: 'codeblock',
+      data: {type: 'codeblock'}
+    })
+
+    config.addLabel('codeblock', {
+      en: 'Codeblock',
+      de: 'Codeblock'
+    })
+  }
+
+  // Codeblock: Codeblock,
+  // CodeblockComponent: CodeblockComponent,
+  // CodeblockHTMLConverter: CodeblockHTMLConverter
+}

app/components/SimpleEditor/elements/codeblock/codeblock.scss

+.sc-codeblock {
+  font-family: var(--font-family-code);
+  font-size: 15px;
+}
+
+// Toolbar styles
+// .sc-switch-text-type .se-option.sm-codeblock {
+//   font-family: var(--font-family-code);
+//   font-size: 15px;
+// }

app/components/SimpleEditor/elements/elements.scss

+@import './codeblock/codeblock';
 @import './comment/comment';
 // @import './dialogue/dialogue';
 @import './extract/extract';