Work in progress - surplus

Taking surplus for a spin - seems very easy to make use of, I like it!

Author: megoth

index.js

@@ -47,6 +47,8 @@ if (typeof window !== 'undefined') {
 
 let register = panes.register
 
+register(require('./markdown/index.tsx').Pane)
+
 register(require('issue-pane'))
 register(require('contacts-pane'))
 

markdown/index.tsx

@@ -0,0 +1,24 @@
+import * as Surplus from 'surplus'
+import { PaneDefinition } from '../types'
+// import data from 'surplus-mixin-data'
+
+const { S } = Surplus
+
+export const Pane: PaneDefinition = {
+  icon: 'crazy/url/icon.svg',
+  name: 'MarkdownPane',
+  label: () => 'Handle markdown file',
+  render: (_subject: any, dom: HTMLDocument) => {
+    let counter = 0
+    let counterData = S.data(counter)
+    const incr = () => {
+      counter++
+      counterData(counter)
+      console.log(counter, counterData())
+    }
+    return <div>
+      test --- <span>{counterData}</span>
+      <button onClick={incr}>Increment counter</button>
+    </div>
+  }
+}