tiptapify 0.0.11 → 0.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (94) hide show
  1. package/README.md +6 -2
  2. package/dist/tiptapify.css +1 -1
  3. package/dist/tiptapify.mjs +16191 -15808
  4. package/dist/tiptapify.umd.js +73 -33
  5. package/index.d.ts +2 -2
  6. package/package.json +2 -1
  7. package/src/components/MenuBubble.vue +8 -8
  8. package/src/components/Tiptapify.vue +4 -5
  9. package/src/components/Toolbar/Group.vue +2 -2
  10. package/src/components/Toolbar/GroupBtn.vue +11 -8
  11. package/src/components/Toolbar/GroupDropdown.vue +3 -17
  12. package/src/components/Toolbar/Index.vue +13 -10
  13. package/src/components/Toolbar/Items.vue +3 -6
  14. package/src/components/Toolbar/Toggle.vue +2 -4
  15. package/src/components/Toolbar/defaultExtensionComponents.ts +34 -13
  16. package/src/components/Toolbar/items.ts +43 -60
  17. package/src/components/UI/BtnIcon.vue +24 -0
  18. package/src/components/UI/{Dialog.vue → TiptapifyDialog.vue} +4 -3
  19. package/src/components/editorExtensions.ts +16 -1
  20. package/src/components/index.ts +8 -2
  21. package/src/composables/Toolbar/Actions/useRedo.ts +23 -0
  22. package/src/composables/Toolbar/Actions/useUndo.ts +23 -0
  23. package/src/composables/Toolbar/Alignment/useAlignmentCenter.ts +24 -0
  24. package/src/composables/Toolbar/Alignment/useAlignmentJustify.ts +24 -0
  25. package/src/composables/Toolbar/Alignment/useAlignmentLeft.ts +24 -0
  26. package/src/composables/Toolbar/Alignment/useAlignmentRight.ts +24 -0
  27. package/src/composables/Toolbar/Format/useBold.ts +24 -0
  28. package/src/composables/Toolbar/Format/useItalic.ts +24 -0
  29. package/src/composables/Toolbar/Format/useStrike.ts +24 -0
  30. package/src/composables/Toolbar/Format/useUnderline.ts +24 -0
  31. package/src/composables/Toolbar/FormatExtra/useBlockquote.ts +24 -0
  32. package/src/composables/Toolbar/FormatExtra/useCode.ts +24 -0
  33. package/src/composables/Toolbar/FormatExtra/useCodeBlock.ts +24 -0
  34. package/src/composables/Toolbar/FormatExtra/useSub.ts +24 -0
  35. package/src/composables/Toolbar/FormatExtra/useSup.ts +24 -0
  36. package/src/composables/Toolbar/List/useBullet.ts +23 -0
  37. package/src/composables/Toolbar/List/useIndent.ts +24 -0
  38. package/src/composables/Toolbar/List/useNumbered.ts +23 -0
  39. package/src/composables/Toolbar/List/useOutdent.ts +24 -0
  40. package/src/composables/Toolbar/List/useTask.ts +23 -0
  41. package/src/composables/Toolbar/Media/useImage.ts +24 -0
  42. package/src/composables/Toolbar/Media/useLink.ts +24 -0
  43. package/src/composables/Toolbar/Media/useTable.ts +188 -0
  44. package/src/composables/Toolbar/Misc/useBreak.ts +21 -0
  45. package/src/composables/Toolbar/Misc/useFormatClear.ts +23 -0
  46. package/src/composables/Toolbar/Misc/useInvisibleCharacters.ts +23 -0
  47. package/src/composables/Toolbar/Misc/useLine.ts +21 -0
  48. package/src/composables/Toolbar/Misc/usePreview.ts +20 -0
  49. package/src/composables/Toolbar/Misc/useSource.ts +21 -0
  50. package/src/composables/Toolbar/Style/useColor.ts +36 -0
  51. package/src/composables/Toolbar/Style/useFontFamily.ts +49 -0
  52. package/src/composables/Toolbar/Style/useFontSize.ts +50 -0
  53. package/src/composables/Toolbar/Style/useHeading.ts +64 -0
  54. package/src/composables/Toolbar/Style/useHighlight.ts +36 -0
  55. package/src/composables/Toolbar/Style/useLineHeight.ts +49 -0
  56. package/src/composables/Toolbar/useActionsItems.ts +5 -31
  57. package/src/composables/Toolbar/useAlignmentItems.ts +9 -59
  58. package/src/composables/Toolbar/useFormatExtraItems.ts +11 -72
  59. package/src/composables/Toolbar/useFormatItems.ts +9 -59
  60. package/src/composables/Toolbar/useListItems.ts +11 -69
  61. package/src/composables/Toolbar/useMediaItems.ts +7 -209
  62. package/src/composables/Toolbar/useMiscItems.ts +13 -58
  63. package/src/composables/Toolbar/useStyleItems.ts +14 -228
  64. package/src/extensions/components/ImageDialog.vue +7 -3
  65. package/src/extensions/components/LinkDialog.vue +7 -3
  66. package/src/extensions/components/PreviewDialog.vue +11 -4
  67. package/src/extensions/components/ShowSourceDialog.vue +7 -4
  68. package/src/extensions/components/StyleColor.vue +2 -2
  69. package/src/extensions/components/slashCommands/CommandsList.vue +1 -4
  70. package/src/extensions/image.ts +2 -1
  71. package/src/extensions/link.ts +2 -1
  72. package/src/extensions/preview.ts +2 -1
  73. package/src/extensions/view-source.ts +2 -1
  74. package/src/i18n/index.ts +1 -0
  75. package/src/i18n/locales/ch.json +2 -1
  76. package/src/i18n/locales/cz.json +2 -1
  77. package/src/i18n/locales/de.json +2 -1
  78. package/src/i18n/locales/en.json +2 -1
  79. package/src/i18n/locales/es.json +2 -1
  80. package/src/i18n/locales/fr.json +2 -1
  81. package/src/i18n/locales/it.json +2 -1
  82. package/src/i18n/locales/la.json +2 -1
  83. package/src/i18n/locales/lt.json +2 -1
  84. package/src/i18n/locales/nl.json +2 -1
  85. package/src/i18n/locales/pl.json +2 -1
  86. package/src/i18n/locales/pt.json +2 -1
  87. package/src/i18n/locales/ru.json +2 -1
  88. package/src/i18n/locales/se.json +2 -1
  89. package/src/i18n/locales/ua.json +2 -1
  90. package/src/index.ts +3 -1
  91. package/src/types/extensionComponents.ts +22 -0
  92. package/src/types/toolbarItems.ts +43 -0
  93. package/src/types/toolbarSections.ts +11 -0
  94. package/src/types/overridable-extensions.ts +0 -6
package/src/index.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { Plugin } from 'vue';
2
2
  import Tiptapify from '@tiptapify/components/Tiptapify.vue';
3
+ import TiptapifyDialog from '@tiptapify/components/UI/TiptapifyDialog.vue';
3
4
  import { getI18n } from "@tiptapify/i18n";
4
5
 
5
6
  interface PackageOptions {
@@ -11,8 +12,9 @@ const TiptapifyPlugin: Plugin = {
11
12
  const locale = options.locale || 'en'
12
13
  app.use(getI18n(locale));
13
14
  app.component('Tiptapify', Tiptapify);
15
+ app.component('TiptapifyDialog', TiptapifyDialog);
14
16
  }
15
17
  };
16
18
 
17
- export { Tiptapify };
19
+ export { Tiptapify, TiptapifyDialog };
18
20
  export default TiptapifyPlugin;
@@ -0,0 +1,22 @@
1
+ import { ToolbarSections } from "@tiptapify/types/toolbarSections";
2
+ import { ComputedRef } from "vue";
3
+
4
+ export enum ToolbarItemType {
5
+ dropdown = 'dropdown',
6
+ modal = 'modal',
7
+ }
8
+
9
+ export type extensionComponents = {
10
+ [key: string]: {
11
+ type: ToolbarItemType,
12
+ component: any,
13
+ extensions?: Array<any>,
14
+ componentProps?: any
15
+ props?: any
16
+ attrs?: any
17
+ section: ToolbarSections,
18
+ name: ComputedRef|string,
19
+ tooltip: ComputedRef|string,
20
+ icon: ComputedRef|string,
21
+ }
22
+ }
@@ -0,0 +1,43 @@
1
+ import { ComputedRef } from "vue";
2
+
3
+ type ToolbarItemAttrs = {
4
+ [key: string]: Function | any
5
+ }
6
+
7
+ type ToolbarItemProps = {
8
+ [key: string]: any
9
+ }
10
+
11
+ export type ToolbarItem = {
12
+ // type: ToolbarItemType,
13
+ name: string|number|ComputedRef<string>,
14
+ tooltip: string|ComputedRef<string>,
15
+ icon: string|ComputedRef<string>,
16
+ icon2?: string|ComputedRef<string>,
17
+ svg?: boolean,
18
+ noI18n?: boolean,
19
+ enabled: boolean,
20
+ component?: any,
21
+ modelValue?: any,
22
+ group?: boolean,
23
+ toggle?: boolean,
24
+ icon2Props?: ToolbarItemProps,
25
+ componentProps?: ToolbarItemProps,
26
+ props?: ToolbarItemProps,
27
+ attrs?: ToolbarItemAttrs,
28
+ children?: ToolbarItems|ToolbarItem[],
29
+ }
30
+
31
+ export type ToolbarItems = {
32
+ [key: string]: ToolbarItem
33
+ }
34
+
35
+ export type ToolbarItemSection = {
36
+ group?: boolean,
37
+ toggle?: boolean,
38
+ items: ToolbarItems | {},
39
+ }
40
+
41
+ export type ToolbarItemSections = {
42
+ [key: string]: ToolbarItemSection
43
+ }
@@ -0,0 +1,11 @@
1
+ export enum ToolbarSections {
2
+ actions = 'actions',
3
+ alignment = 'alignment',
4
+ extra = 'extra',
5
+ formatExtra = 'formatExtra',
6
+ format = 'format',
7
+ list = 'list',
8
+ media = 'media',
9
+ misc = 'misc',
10
+ style = 'style',
11
+ }
@@ -1,6 +0,0 @@
1
- export enum OverridableExtensions {
2
- link = 'link',
3
- image = 'image',
4
- }
5
-
6
- export interface extensionsComponents { [key: string]: { component: any, props?: any} }