From 25d2e0540c4467140676195bf90be687e8793831 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Fri, 6 Mar 2020 12:18:20 +0100
Subject: [PATCH] add starter kit

---
 content/posts/{test.md => basic.md}      |  0
 content/posts/extensions.md              |  8 +++++
 packages/tiptap-starter-kit/index.ts     | 13 +++++++
 packages/tiptap-starter-kit/package.json | 20 +++++++++++
 src/demos/Basic/index.vue                | 24 ++-----------
 src/demos/HandleExtensions/index.vue     | 46 ++++++++++++++++++++++++
 6 files changed, 90 insertions(+), 21 deletions(-)
 rename content/posts/{test.md => basic.md} (100%)
 create mode 100644 content/posts/extensions.md
 create mode 100644 packages/tiptap-starter-kit/index.ts
 create mode 100644 packages/tiptap-starter-kit/package.json
 create mode 100644 src/demos/HandleExtensions/index.vue

diff --git a/content/posts/test.md b/content/posts/basic.md
similarity index 100%
rename from content/posts/test.md
rename to content/posts/basic.md
diff --git a/content/posts/extensions.md b/content/posts/extensions.md
new file mode 100644
index 00000000..c626a3da
--- /dev/null
+++ b/content/posts/extensions.md
@@ -0,0 +1,8 @@
+---
+title: Handle Extensions
+slug: handle-extensions
+---
+
+Use a custom list of extensions.
+
+<demo name="HandleExtensions" />
\ No newline at end of file
diff --git a/packages/tiptap-starter-kit/index.ts b/packages/tiptap-starter-kit/index.ts
new file mode 100644
index 00000000..d5230054
--- /dev/null
+++ b/packages/tiptap-starter-kit/index.ts
@@ -0,0 +1,13 @@
+import Document from '@tiptap/document-extension'
+import History from '@tiptap/history-extension'
+import Paragraph from '@tiptap/paragraph-extension'
+import Text from '@tiptap/text-extension'
+
+export default function extensions() {
+  return [
+    new Document(),
+    new History(),
+    new Paragraph(),
+    new Text(),
+  ]
+}
\ No newline at end of file
diff --git a/packages/tiptap-starter-kit/package.json b/packages/tiptap-starter-kit/package.json
new file mode 100644
index 00000000..4ff0d8a9
--- /dev/null
+++ b/packages/tiptap-starter-kit/package.json
@@ -0,0 +1,20 @@
+{
+  "name": "@tiptap/starter-kit",
+  "version": "1.0.0",
+  "source": "index.ts",
+  "main": "dist/tiptap-starter-kit.js",
+  "umd:main": "dist/tiptap-starter-kit.umd.js",
+  "module": "dist/tiptap-starter-kit.mjs", 
+  "unpkg": "dist/tiptap-starter-kit.js",
+  "jsdelivr": "dist/tiptap-starter-kit.js",
+  "files": [
+    "src",
+    "dist"
+  ],
+  "dependencies": {
+    "@tiptap/document-extension": "1.x",
+    "@tiptap/history-extension": "1.x",
+    "@tiptap/paragraph-extension": "1.x",
+    "@tiptap/text-extension": "1.x"
+  }
+}
diff --git a/src/demos/Basic/index.vue b/src/demos/Basic/index.vue
index 7fadb566..0e80572c 100644
--- a/src/demos/Basic/index.vue
+++ b/src/demos/Basic/index.vue
@@ -1,23 +1,10 @@
 <template>
-  <div>
-    <div v-if="editor">
-      <button @click="editor.undo().focus()">
-        undo
-      </button>
-      <button @click="editor.redo().focus()">
-        redo
-      </button>
-    </div>
-    <div ref="editor"></div>
-  </div>
+  <div ref="editor"></div>
 </template>
 
 <script>
 import Editor from '@tiptap/core'
-import Document from '@tiptap/document-extension'
-import Paragraph from '@tiptap/paragraph-extension'
-import Text from '@tiptap/text-extension'
-import History from '@tiptap/history-extension'
+import extensions from '@tiptap/starter-kit'
 
 export default {
   data() {
@@ -30,12 +17,7 @@ export default {
     this.editor = new Editor({
       element: this.$refs.editor,
       content: '<p>foo</p>',
-      extensions: [
-        new Document(),
-        new Paragraph(),
-        new Text(),
-        new History(),
-      ],
+      extensions: extensions(),
     })
   },
 
diff --git a/src/demos/HandleExtensions/index.vue b/src/demos/HandleExtensions/index.vue
new file mode 100644
index 00000000..7fadb566
--- /dev/null
+++ b/src/demos/HandleExtensions/index.vue
@@ -0,0 +1,46 @@
+<template>
+  <div>
+    <div v-if="editor">
+      <button @click="editor.undo().focus()">
+        undo
+      </button>
+      <button @click="editor.redo().focus()">
+        redo
+      </button>
+    </div>
+    <div ref="editor"></div>
+  </div>
+</template>
+
+<script>
+import Editor from '@tiptap/core'
+import Document from '@tiptap/document-extension'
+import Paragraph from '@tiptap/paragraph-extension'
+import Text from '@tiptap/text-extension'
+import History from '@tiptap/history-extension'
+
+export default {
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      element: this.$refs.editor,
+      content: '<p>foo</p>',
+      extensions: [
+        new Document(),
+        new Paragraph(),
+        new Text(),
+        new History(),
+      ],
+    })
+  },
+
+  beforeDestroy() {
+    this.editor.destroy()
+  },
+}
+</script>
\ No newline at end of file