@ecsplico/editor 0.0.0-stage → 2.0.0

package/dist/vue/suggestion-renderer.js

@@ -0,0 +1,20 @@
+import _sfc_main from "./components/SuggestionList.js";
+import { VueRenderer } from "@tiptap/vue-3";
+//#region src/vue/suggestion-renderer.ts
+/** Mounts `SuggestionList.vue` as the popup of every `@tiptap/suggestion` trigger; the Vue surface registers it through `SuggestionPopup`. */
+const vueSuggestionRenderer = (props, editor) => {
+	const renderer = new VueRenderer(_sfc_main, {
+		props,
+		editor
+	});
+	return {
+		element: renderer.el,
+		update: (p) => renderer.updateProps(p),
+		onKeyDown: (e) => renderer.ref?.onKeyDown(e) ?? false,
+		destroy: () => renderer.destroy()
+	};
+};
+//#endregion
+export { vueSuggestionRenderer };
+
+//# sourceMappingURL=suggestion-renderer.js.map

package/dist/vue/suggestion-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestion-renderer.js","names":["SuggestionList"],"sources":["../../src/vue/suggestion-renderer.ts"],"sourcesContent":["import { VueRenderer } from '@tiptap/vue-3'\nimport type { SuggestionPopupRenderer } from '../core/suggestion-popup'\nimport SuggestionList from './components/SuggestionList.vue'\n\n/** Mounts `SuggestionList.vue` as the popup of every `@tiptap/suggestion` trigger; the Vue surface registers it through `SuggestionPopup`. */\nexport const vueSuggestionRenderer: SuggestionPopupRenderer = (props, editor) => {\n  const renderer = new VueRenderer(SuggestionList, { props, editor })\n  return {\n    element: renderer.el as HTMLElement,\n    update: p => renderer.updateProps(p),\n    onKeyDown: e => renderer.ref?.onKeyDown(e) ?? false,\n    destroy: () => renderer.destroy(),\n  }\n}\n"],"mappings":";;;;AAKA,MAAa,yBAAkD,OAAO,WAAW;CAC/E,MAAM,WAAW,IAAI,YAAYA,WAAgB;EAAE;EAAO;CAAO,CAAC;CAClE,OAAO;EACL,SAAS,SAAS;EAClB,SAAQ,MAAK,SAAS,YAAY,CAAC;EACnC,YAAW,MAAK,SAAS,KAAK,UAAU,CAAC,KAAK;EAC9C,eAAe,SAAS,QAAQ;CAClC;AACF"}

package/dist/vue/use-editor-i18n.d.ts

@@ -0,0 +1,12 @@
+import { Locale, Translate } from "../i18n/index.js";
+//#region src/vue/use-editor-i18n.d.ts
+/**
+ * The app's UI language and translator (`createEditor({ locale, messages })`): `t('toolbar.bold')`. Call during
+ * component setup (it injects the editor context). The language is fixed for the life of the context.
+ */
+export declare function useEditorI18n(): {
+  t: Translate;
+  locale: Locale;
+};
+//#endregion
+//# sourceMappingURL=use-editor-i18n.d.ts.map

package/dist/vue/use-editor-i18n.js

@@ -0,0 +1,17 @@
+import { useEditorContext } from "./context.js";
+//#region src/vue/use-editor-i18n.ts
+/**
+* The app's UI language and translator (`createEditor({ locale, messages })`): `t('toolbar.bold')`. Call during
+* component setup (it injects the editor context). The language is fixed for the life of the context.
+*/
+function useEditorI18n() {
+	const { t, locale } = useEditorContext();
+	return {
+		t,
+		locale
+	};
+}
+//#endregion
+export { useEditorI18n };
+
+//# sourceMappingURL=use-editor-i18n.js.map

package/dist/vue/use-editor-i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-editor-i18n.js","names":[],"sources":["../../src/vue/use-editor-i18n.ts"],"sourcesContent":["import type { Locale, Translate } from '../i18n'\nimport { useEditorContext } from './context'\n\n/**\n * The app's UI language and translator (`createEditor({ locale, messages })`): `t('toolbar.bold')`. Call during\n * component setup (it injects the editor context). The language is fixed for the life of the context.\n */\nexport function useEditorI18n(): { t: Translate, locale: Locale } {\n  const { t, locale } = useEditorContext()\n  return { t, locale }\n}\n"],"mappings":";;;;;;AAOA,SAAgB,gBAAkD;CAChE,MAAM,EAAE,GAAG,WAAW,iBAAiB;CACvC,OAAO;EAAE;EAAG;CAAO;AACrB"}

package/dist/vue/use-editor-ui.d.ts

@@ -0,0 +1,15 @@
+import { EditorUi } from "../core/editor-ui.js";
+import { ComputedRef, InjectionKey, MaybeRefOrGetter } from "vue";
+import { Editor } from "@tiptap/core";
+//#region src/vue/use-editor-ui.d.ts
+/** Provided by `EditorSurface` to its subtree (e.g. `AiSelectionMenu` → `ModelQuickSwitch`). */
+export declare const EDITOR_UI: InjectionKey<EditorUi>;
+/**
+ * The chrome of the surface a component belongs to. Without an argument: the `EDITOR_UI` provided by an ancestor
+ * surface (components inside the editor's subtree). Components a host places beside the editor (`EditorToolbar`, a
+ * sidebar) pass the editor they work on and get the chrome registered for exactly that editor, even inside another
+ * surface's subtree — never another editor's on the same page. `undefined` while that editor is missing or unknown.
+ */
+export declare function useEditorUi(editor?: MaybeRefOrGetter<Editor | undefined>): ComputedRef<EditorUi | undefined>;
+//#endregion
+//# sourceMappingURL=use-editor-ui.d.ts.map

package/dist/vue/use-editor-ui.js

@@ -0,0 +1,23 @@
+import { editorEntryOf } from "../core/editor-ui.js";
+import { computed, inject, toRaw, toValue } from "vue";
+//#region src/vue/use-editor-ui.ts
+/** Provided by `EditorSurface` to its subtree (e.g. `AiSelectionMenu` → `ModelQuickSwitch`). */
+const EDITOR_UI = Symbol("tiptap-editor:ui");
+/**
+* The chrome of the surface a component belongs to. Without an argument: the `EDITOR_UI` provided by an ancestor
+* surface (components inside the editor's subtree). Components a host places beside the editor (`EditorToolbar`, a
+* sidebar) pass the editor they work on and get the chrome registered for exactly that editor, even inside another
+* surface's subtree — never another editor's on the same page. `undefined` while that editor is missing or unknown.
+*/
+function useEditorUi(editor) {
+	const injected = inject(EDITOR_UI, null);
+	return computed(() => {
+		if (editor === void 0) return injected ?? void 0;
+		const value = toValue(editor);
+		return editorEntryOf(value && toRaw(value))?.ui;
+	});
+}
+//#endregion
+export { EDITOR_UI, useEditorUi };
+
+//# sourceMappingURL=use-editor-ui.js.map

package/dist/vue/use-editor-ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-editor-ui.js","names":[],"sources":["../../src/vue/use-editor-ui.ts"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { computed, type ComputedRef, inject, type InjectionKey, type MaybeRefOrGetter, toRaw, toValue } from 'vue'\nimport { editorEntryOf, type EditorUi } from '../core/editor-ui'\n\n/** Provided by `EditorSurface` to its subtree (e.g. `AiSelectionMenu` → `ModelQuickSwitch`). */\nexport const EDITOR_UI: InjectionKey<EditorUi> = Symbol('tiptap-editor:ui')\n\n/**\n * The chrome of the surface a component belongs to. Without an argument: the `EDITOR_UI` provided by an ancestor\n * surface (components inside the editor's subtree). Components a host places beside the editor (`EditorToolbar`, a\n * sidebar) pass the editor they work on and get the chrome registered for exactly that editor, even inside another\n * surface's subtree — never another editor's on the same page. `undefined` while that editor is missing or unknown.\n */\nexport function useEditorUi(editor?: MaybeRefOrGetter<Editor | undefined>): ComputedRef<EditorUi | undefined> {\n  const injected = inject(EDITOR_UI, null)\n  return computed(() => {\n    if (editor === undefined) return injected ?? undefined\n    const value = toValue(editor)\n    return editorEntryOf(value && toRaw(value))?.ui\n  })\n}\n"],"mappings":";;;;AAKA,MAAa,YAAoC,OAAO,kBAAkB;;;;;;;AAQ1E,SAAgB,YAAY,QAAkF;CAC5G,MAAM,WAAW,OAAO,WAAW,IAAI;CACvC,OAAO,eAAe;EACpB,IAAI,WAAW,KAAA,GAAW,OAAO,YAAY,KAAA;EAC7C,MAAM,QAAQ,QAAQ,MAAM;EAC5B,OAAO,cAAc,SAAS,MAAM,KAAK,CAAC,CAAC,EAAE;CAC/C,CAAC;AACH"}

package/dist/vue/use-notifier.d.ts

@@ -0,0 +1,11 @@
+import { Notifier } from "../core/notify.js";
+import { MaybeRefOrGetter } from "vue";
+import { Editor } from "@tiptap/core";
+//#region src/vue/use-notifier.d.ts
+/**
+ * The notifier of `editor`'s surface (its toasts), else the app context's (see `notifierOf`): what `createEditor({ notify })`
+ * of the host receives. `editor` may be a ref or getter. Call during component setup (it injects the editor context).
+ */
+export declare function useNotifier(editor?: MaybeRefOrGetter<Editor | undefined>): Notifier;
+//#endregion
+//# sourceMappingURL=use-notifier.d.ts.map

package/dist/vue/use-notifier.js

@@ -0,0 +1,19 @@
+import { notifierOf } from "../core/editor-ui.js";
+import { useEditorContext } from "./context.js";
+import { toRaw, toValue } from "vue";
+//#region src/vue/use-notifier.ts
+/**
+* The notifier of `editor`'s surface (its toasts), else the app context's (see `notifierOf`): what `createEditor({ notify })`
+* of the host receives. `editor` may be a ref or getter. Call during component setup (it injects the editor context).
+*/
+function useNotifier(editor) {
+	const app = useEditorContext();
+	return notifierOf(() => {
+		const instance = toValue(editor);
+		return instance ? toRaw(instance) : void 0;
+	}, app);
+}
+//#endregion
+export { useNotifier };
+
+//# sourceMappingURL=use-notifier.js.map

package/dist/vue/use-notifier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-notifier.js","names":[],"sources":["../../src/vue/use-notifier.ts"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { type MaybeRefOrGetter, toRaw, toValue } from 'vue'\nimport { notifierOf } from '../core/editor-ui'\nimport type { Notifier } from '../core/notify'\nimport { useEditorContext } from './context'\n\n/**\n * The notifier of `editor`'s surface (its toasts), else the app context's (see `notifierOf`): what `createEditor({ notify })`\n * of the host receives. `editor` may be a ref or getter. Call during component setup (it injects the editor context).\n */\nexport function useNotifier(editor?: MaybeRefOrGetter<Editor | undefined>): Notifier {\n  const app = useEditorContext()\n  return notifierOf(() => {\n    const instance = toValue(editor)\n    // Surfaces register the raw instance; a reactive wrapper is a different key.\n    return instance ? toRaw(instance) : undefined\n  }, app)\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,YAAY,QAAyD;CACnF,MAAM,MAAM,iBAAiB;CAC7B,OAAO,iBAAiB;EACtB,MAAM,WAAW,QAAQ,MAAM;EAE/B,OAAO,WAAW,MAAM,QAAQ,IAAI,KAAA;CACtC,GAAG,GAAG;AACR"}