Added mintNew method

Author: megoth

markdown/index.tsx

@@ -1,14 +1,30 @@
 import * as Surplus from 'surplus'
-import { PaneDefinition } from '../types'
-// import data from 'surplus-mixin-data'
+import { NewPaneOptions, PaneDefinition } from '../types'
+import solidUi from 'solid-ui'
+import { NamedNode, sym } from 'rdflib'
 
 const { S } = Surplus
+const { icons, store } = solidUi
 
 export const Pane: PaneDefinition = {
-  icon: 'crazy/url/icon.svg',
+  icon: `${icons.iconBase}noun_15177.svg`,
   name: 'MarkdownPane',
-  label: () => 'Handle markdown file',
-  render: (_subject: any, dom: HTMLDocument) => {
+  label: (subject: NamedNode) => subject.uri.endsWith('.md') ? 'Handle markdown file' : null,
+  mintNew: function (options: NewPaneOptions) {
+    const newInstance = createFileName(options)
+    return store.fetcher.webOperation('PUT', newInstance, {
+      data: '# This is your markdown file\n\nHere be stuff!',
+      contentType: 'text/markdown; charset=UTF-8'
+    })
+      .then(() => ({
+        newInstance,
+        ...options
+      }))
+      .catch((err: any) => {
+        console.error('Error creating new instance of markdown file', err)
+      })
+  },
+  render: () => {
     let counter = 0
     let counterData = S.data(counter)
     const incr = () => {
@@ -22,3 +38,11 @@ export const Pane: PaneDefinition = {
     </div>
   }
 }
+
+function createFileName (options: NewPaneOptions): NamedNode {
+  let uri = options.newBase
+  if (uri.endsWith('/')) {
+    uri = uri.slice(0, -1) + '.md'
+  }
+  return sym(uri)
+}

types.ts

@@ -9,9 +9,10 @@ export interface PaneDefinition {
   shouldGetFocus?: (subject: NamedNode) => boolean;
   requireQueryButton?: boolean;
   mintClass?: NamedNode;
-  mintNew?: (options: NewPaneOptions) => Promise<NewPaneOptions & { newInstance: NamedNode }>;
-};
-interface NewPaneOptions {
+  mintNew?: (options: NewPaneOptions) => Promise<NewPaneOptions & {newInstance: NamedNode}>;
+}
+
+export interface NewPaneOptions {
   appPathSegment: string;
   div: HTMLDivElement;
   dom: HTMLDocument;
@@ -32,24 +33,10 @@ export interface ViewParams {
   store: IndexedFormula;
   visitNode: (node: NamedNode) => void;
   user?: NamedNode;
-};
+}
 
 export interface RevampPaneDefinition {
   canHandle: (subject: NamedNode, store: IndexedFormula) => boolean;
   view: (params: ViewParams) => void;
   label: (subject: NamedNode, store: IndexedFormula) => string | null;
-};
-interface NewPaneOptions {
-  appPathSegment: string;
-  div: HTMLDivElement;
-  dom: HTMLDocument;
-  folder: NamedNode;
-  iconEle: HTMLImageElement;
-  me?: NamedNode;
-  newBase: string;
-  newInstance: NamedNode;
-  noIndexHTML: boolean;
-  noun: string;
-  pane: PaneDefinition;
-  refreshTarget: HTMLTableElement;
 }

typings/solid-ui/index.d.ts

@@ -1,6 +1,14 @@
+
 declare module 'solid-ui' {
-  export type SolidUi = any
+  export type SolidUi = {
+    authn: any
+    create: any
+    icons: any
+    ns: any
+    pad: any
+    store: any
+    widgets: any
+  }
   const solidUi: SolidUi
-
   export default solidUi
 }