tiptapify 0.0.6 → 0.0.8

package/src/components/extensions/components/LinkDialog.vue

@@ -1,98 +0,0 @@
-<script setup lang="ts">
-
-import * as mdi from '@mdi/js'
-import { useEditor } from "@tiptapify/composable/useEditor";
-
-import { useI18n } from 'vue-i18n'
-import { computed, ref, watch } from 'vue'
-
-defineExpose({ open })
-
-interface Props {
-  value?: string
-  target?: '_self' | '_blank'
-  destroy?: () => void
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  value: undefined,
-  target: '_blank',
-  destroy: undefined
-})
-
-const editor = useEditor().editor
-const editorInstance = editor.getInstance()
-
-const { t } = useI18n()
-
-const generateLinkAttrs = () => ({
-  href: '',
-  target: '_blank'
-})
-
-const attrs = ref(generateLinkAttrs())
-
-const dialog = ref<boolean>(false)
-
-const isDisabled = computed(() => {
-  const { href, target } = attrs.value
-  if (!href) return true
-
-  return props.value === href && props.target === target
-})
-
-function apply() {
-  const { href, target } = attrs.value
-
-  if (href) {
-    editorInstance.value.chain().focus().extendMarkRange('link').setLink({ href, target }).run()
-  }
-  close()
-}
-
-function open() {
-  dialog.value = true
-}
-
-function close() {
-  dialog.value = false
-  attrs.value = generateLinkAttrs()
-
-  setTimeout(() => props.destroy?.(), 300)
-}
-
-watch(dialog, val => {
-  if (!val) return
-
-  attrs.value = {
-    href: props.value,
-    target: props.target
-  }
-})
-</script>
-
-<template>
-  <VDialog v-model="dialog" max-width="400" absolute @click:outside="close">
-    <VCard>
-      <VToolbar class="px-6" density="compact">
-        <span class="headline">{{ t('dialog.link.title') }}</span>
-
-        <VSpacer />
-
-        <VBtn class="mx-0" icon @click="close">
-          <VIcon :icon="mdi.mdiClose" />
-        </VBtn>
-      </VToolbar>
-
-      <VCardText>
-        <VTextField v-model="attrs.href" :label="t('dialog.link.placeholder')" autofocus />
-      </VCardText>
-
-      <VCardActions>
-        <VBtn :disabled="isDisabled" @click="apply">
-          {{ t('dialog.apply') }}
-        </VBtn>
-      </VCardActions>
-    </VCard>
-  </VDialog>
-</template>

package/src/composable/useEditor.ts

@@ -1,35 +0,0 @@
-import { useEditor as useEditorOriginal } from '@tiptap/vue-3'
-
-import { editorExtensions } from '@tiptapify/components/editorExtensions'
-
-let editorInstance: any = null
-
-export function useEditor(content: any = '', placeholder: string = '', slashCommands: boolean = true) {
-  class TiptapifyEditor {
-    private editor
-
-    constructor() {
-      const extensions = editorExtensions(placeholder, slashCommands)
-      this.editor = useEditorOriginal({
-        content,
-        extensions,
-      })
-    }
-
-    getInstance() {
-      return this.editor
-    }
-
-    destroy() {
-      this.editor.value.destroy()
-    }
-  }
-
-  if (!editorInstance) {
-    editorInstance = new TiptapifyEditor()
-  }
-
-  return {
-    editor: editorInstance
-  }
-}