@messagevisor/vue 0.0.1 → 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,16 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.1.0](https://github.com/messagevisor/messagevisor/compare/v0.0.2...v0.1.0) (2026-05-31)
+
+**Note:** Version bump only for package @messagevisor/vue
+
+
+
+
+
+## 0.0.2 (2026-05-31)
+
+**Note:** Version bump only for package @messagevisor/vue

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2026 Fahad Heylaal (https://fahad19.com)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,9 @@
+# @messagevisor/vue
+
+# @messagevisor/sdk
+
+Visit [https://messagevisor.com/docs/sdks/vue/](https://messagevisor.com/docs/sdks/vue/) for more information.
+
+## License
+
+MIT © [Fahad Heylaal](https://fahad19.com)

package/jest.config.js

@@ -0,0 +1,13 @@
+const base = require("../../jest.config");
+
+module.exports = {
+  ...base,
+  rootDir: __dirname,
+  testEnvironment: "jsdom",
+  testRegex: undefined,
+  testMatch: ["<rootDir>/src/**/*.spec.ts"],
+  moduleNameMapper: {
+    "^@messagevisor/sdk$": "<rootDir>/../sdk/src/index.ts",
+    "^@messagevisor/module-icu$": "<rootDir>/../module-icu/src/index.ts",
+  },
+};

package/lib/MessagevisorContext.d.ts

@@ -0,0 +1,21 @@
+import type { Messagevisor, MessagevisorTranslationSource } from "@messagevisor/sdk";
+import type { MessageKey } from "@messagevisor/types";
+import type { InjectionKey, VNodeChild } from "vue";
+export type VueMessageChunk = VNodeChild;
+export type VueRichTextElementHandler = (chunks: Array<string | VueMessageChunk>) => VueMessageChunk;
+export interface MessagevisorProviderModule {
+    name?: string;
+    transform?: (payload: {
+        translation: VueMessageChunk;
+        locale: string;
+        source: MessagevisorTranslationSource;
+        messageKey?: MessageKey;
+    }) => VueMessageChunk | void;
+}
+export interface MessagevisorVueContextValue {
+    instance: Messagevisor;
+    defaultRichTextElements: Record<string, VueRichTextElementHandler>;
+    wrapRichTextChunksInFragment: boolean;
+    modules: MessagevisorProviderModule[];
+}
+export declare const MessagevisorInjectionKey: InjectionKey<MessagevisorVueContextValue>;

package/lib/MessagevisorContext.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessagevisorInjectionKey = void 0;
+exports.MessagevisorInjectionKey = Symbol("Messagevisor");
+//# sourceMappingURL=MessagevisorContext.js.map

package/lib/MessagevisorContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessagevisorContext.js","sourceRoot":"","sources":["../src/MessagevisorContext.ts"],"names":[],"mappings":";;;AA0Ba,QAAA,wBAAwB,GACnC,MAAM,CAAC,cAAc,CAAC,CAAC"}

package/lib/MessagevisorProvider.d.ts

@@ -0,0 +1,44 @@
+import type { Messagevisor } from "@messagevisor/sdk";
+import { type PropType } from "vue";
+import { type MessagevisorProviderModule, type VueRichTextElementHandler } from "./MessagevisorContext";
+export declare const MessagevisorProvider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    instance: {
+        type: PropType<Messagevisor>;
+        required: true;
+    };
+    defaultRichTextElements: {
+        type: PropType<Record<string, VueRichTextElementHandler>>;
+        default: () => {};
+    };
+    wrapRichTextChunksInFragment: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modules: {
+        type: PropType<MessagevisorProviderModule[]>;
+        default: () => any[];
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    instance: {
+        type: PropType<Messagevisor>;
+        required: true;
+    };
+    defaultRichTextElements: {
+        type: PropType<Record<string, VueRichTextElementHandler>>;
+        default: () => {};
+    };
+    wrapRichTextChunksInFragment: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modules: {
+        type: PropType<MessagevisorProviderModule[]>;
+        default: () => any[];
+    };
+}>> & Readonly<{}>, {
+    defaultRichTextElements: Record<string, VueRichTextElementHandler>;
+    wrapRichTextChunksInFragment: boolean;
+    modules: MessagevisorProviderModule[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/MessagevisorProvider.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessagevisorProvider = void 0;
+var vue_1 = require("vue");
+var MessagevisorContext_1 = require("./MessagevisorContext");
+exports.MessagevisorProvider = (0, vue_1.defineComponent)({
+    name: "MessagevisorProvider",
+    props: {
+        instance: {
+            type: Object,
+            required: true,
+        },
+        defaultRichTextElements: {
+            type: Object,
+            default: function () { return ({}); },
+        },
+        wrapRichTextChunksInFragment: {
+            type: Boolean,
+            default: true,
+        },
+        modules: {
+            type: Array,
+            default: function () { return []; },
+        },
+    },
+    setup: function (props, _a) {
+        var slots = _a.slots;
+        (0, vue_1.provide)(MessagevisorContext_1.MessagevisorInjectionKey, {
+            get instance() {
+                return props.instance;
+            },
+            get defaultRichTextElements() {
+                return props.defaultRichTextElements;
+            },
+            get wrapRichTextChunksInFragment() {
+                return props.wrapRichTextChunksInFragment;
+            },
+            get modules() {
+                return props.modules;
+            },
+        });
+        return function () { var _a; return (0, vue_1.h)(vue_1.Fragment, null, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)); };
+    },
+});
+//# sourceMappingURL=MessagevisorProvider.js.map

package/lib/MessagevisorProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessagevisorProvider.js","sourceRoot":"","sources":["../src/MessagevisorProvider.ts"],"names":[],"mappings":";;;AACA,2BAA2E;AAE3E,6DAI+B;AAElB,QAAA,oBAAoB,GAAG,IAAA,qBAAe,EAAC;IAClD,IAAI,EAAE,sBAAsB;IAC5B,KAAK,EAAE;QACL,QAAQ,EAAE;YACR,IAAI,EAAE,MAAgC;YACtC,QAAQ,EAAE,IAAI;SACf;QACD,uBAAuB,EAAE;YACvB,IAAI,EAAE,MAA6D;YACnE,OAAO,EAAE,cAAM,OAAA,CAAC,EAAE,CAAC,EAAJ,CAAI;SACpB;QACD,4BAA4B,EAAE;YAC5B,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,IAAI;SACd;QACD,OAAO,EAAE;YACP,IAAI,EAAE,KAA+C;YACrD,OAAO,EAAE,cAAM,OAAA,EAAE,EAAF,CAAE;SAClB;KACF;IACD,KAAK,YAAC,KAAK,EAAE,EAAS;YAAP,KAAK,WAAA;QAClB,IAAA,aAAO,EAAC,8CAAwB,EAAE;YAChC,IAAI,QAAQ;gBACV,OAAO,KAAK,CAAC,QAAQ,CAAC;YACxB,CAAC;YACD,IAAI,uBAAuB;gBACzB,OAAO,KAAK,CAAC,uBAAuB,CAAC;YACvC,CAAC;YACD,IAAI,4BAA4B;gBAC9B,OAAO,KAAK,CAAC,4BAA4B,CAAC;YAC5C,CAAC;YACD,IAAI,OAAO;gBACT,OAAO,KAAK,CAAC,OAAO,CAAC;YACvB,CAAC;SACF,CAAC,CAAC;QAEH,OAAO,sBAAM,OAAA,IAAA,OAAC,EAAC,cAAQ,EAAE,IAAI,EAAE,MAAA,KAAK,CAAC,OAAO,qDAAI,CAAC,CAAA,EAAA,CAAC;IACpD,CAAC;CACF,CAAC,CAAC"}

package/lib/api.d.ts

@@ -0,0 +1,20 @@
+import type { EvaluationOptions, MessageFormatResult, MessagePrimitiveValue, Messagevisor, TranslateOptions } from "@messagevisor/sdk";
+import type { MessageKey } from "@messagevisor/types";
+import type { MessagevisorVueContextValue, VueMessageChunk } from "./MessagevisorContext";
+import { type VueRichMessageValues } from "./richText";
+declare const BOUND_METHODS: readonly ["formatNumber", "formatNumberToParts", "formatDate", "formatDateToParts", "formatTime", "formatTimeToParts", "formatDateTimeRange", "formatRelativeTime", "formatPlural", "formatList", "formatListToParts", "formatDisplayName", "setLocale", "getLocale", "getDirection", "setContext", "getContext", "setCurrency", "getCurrency", "setTimeZone", "getTimeZone", "setDatafile", "getRevision"];
+type VueTranslationMethod = {
+    (messageKey: MessageKey, values?: Record<string, MessagePrimitiveValue>, options?: TranslateOptions): string;
+    (messageKey: MessageKey, values: VueRichMessageValues, options?: TranslateOptions): MessageFormatResult<VueMessageChunk>;
+};
+type VueFormatMessageMethod = {
+    (message: string, values?: Record<string, MessagePrimitiveValue>, options?: EvaluationOptions): string;
+    (message: string, values: VueRichMessageValues, options?: EvaluationOptions): MessageFormatResult<VueMessageChunk>;
+};
+export type MessagevisorApi = {
+    t: VueTranslationMethod;
+    translate: VueTranslationMethod;
+    formatMessage: VueFormatMessageMethod;
+} & Pick<Messagevisor, (typeof BOUND_METHODS)[number]>;
+export declare function createMessagevisorApi(context: MessagevisorVueContextValue): MessagevisorApi;
+export {};

package/lib/api.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createMessagevisorApi = createMessagevisorApi;
+var richText_1 = require("./richText");
+var BOUND_METHODS = [
+    "formatNumber",
+    "formatNumberToParts",
+    "formatDate",
+    "formatDateToParts",
+    "formatTime",
+    "formatTimeToParts",
+    "formatDateTimeRange",
+    "formatRelativeTime",
+    "formatPlural",
+    "formatList",
+    "formatListToParts",
+    "formatDisplayName",
+    "setLocale",
+    "getLocale",
+    "getDirection",
+    "setContext",
+    "getContext",
+    "setCurrency",
+    "getCurrency",
+    "setTimeZone",
+    "getTimeZone",
+    "setDatafile",
+    "getRevision",
+];
+function bindMethod(instance, key) {
+    return instance[key].bind(instance);
+}
+function createMessagevisorApi(context) {
+    var sdk = context.instance;
+    var richText = (0, richText_1.createRichTextTools)(context);
+    var translate = (function (messageKey, values, options) {
+        var message = sdk.getRawTranslation(messageKey, options);
+        var translation = sdk.translate(messageKey, richText.mergeValues(values, message), options);
+        return richText.wrapResult(richText.runModules(translation, {
+            source: "translation",
+            messageKey: messageKey,
+        }));
+    });
+    var result = {
+        t: translate,
+        translate: translate,
+        formatMessage: (function (message, values, options) {
+            var translation = sdk.formatMessage(message, richText.mergeValues(values, message), options);
+            return richText.wrapResult(richText.runModules(translation, {
+                source: "formatMessage",
+            }));
+        }),
+    };
+    for (var _i = 0, BOUND_METHODS_1 = BOUND_METHODS; _i < BOUND_METHODS_1.length; _i++) {
+        var key = BOUND_METHODS_1[_i];
+        result[key] = bindMethod(sdk, key);
+    }
+    return result;
+}
+//# sourceMappingURL=api.js.map

package/lib/api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../src/api.ts"],"names":[],"mappings":";;AA2EA,sDA2CC;AA3GD,uCAAmG;AAEnG,IAAM,aAAa,GAAG;IACpB,cAAc;IACd,qBAAqB;IACrB,YAAY;IACZ,mBAAmB;IACnB,YAAY;IACZ,mBAAmB;IACnB,qBAAqB;IACrB,oBAAoB;IACpB,cAAc;IACd,YAAY;IACZ,mBAAmB;IACnB,mBAAmB;IACnB,WAAW;IACX,WAAW;IACX,cAAc;IACd,YAAY;IACZ,YAAY;IACZ,aAAa;IACb,aAAa;IACb,aAAa;IACb,aAAa;IACb,aAAa;IACb,aAAa;CACqC,CAAC;AAkCrD,SAAS,UAAU,CAA+B,QAAsB,EAAE,GAAM;IAC9E,OAAQ,QAAQ,CAAC,GAAG,CAAmC,CAAC,IAAI,CAAC,QAAQ,CAAoB,CAAC;AAC5F,CAAC;AAED,SAAgB,qBAAqB,CAAC,OAAoC;IACxE,IAAM,GAAG,GAAG,OAAO,CAAC,QAAQ,CAAC;IAC7B,IAAM,QAAQ,GAAG,IAAA,8BAAmB,EAAC,OAAO,CAAC,CAAC;IAE9C,IAAM,SAAS,GAAG,CAAC,UAAC,UAAU,EAAE,MAAM,EAAE,OAAO;QAC7C,IAAM,OAAO,GAAG,GAAG,CAAC,iBAAiB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QAC3D,IAAM,WAAW,GAAG,GAAG,CAAC,SAAS,CAC/B,UAAU,EACV,QAAQ,CAAC,WAAW,CAAC,MAA0B,EAAE,OAAO,CAAmC,EAC3F,OAAO,CACR,CAAC;QAEF,OAAO,QAAQ,CAAC,UAAU,CACxB,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE;YAC/B,MAAM,EAAE,aAAa;YACrB,UAAU,YAAA;SACX,CAAC,CACH,CAAC;IACJ,CAAC,CAAyB,CAAC;IAE3B,IAAM,MAAM,GAAG;QACb,CAAC,EAAE,SAAS;QACZ,SAAS,WAAA;QACT,aAAa,EAAE,CAAC,UAAC,OAAO,EAAE,MAAM,EAAE,OAAO;YACvC,IAAM,WAAW,GAAG,GAAG,CAAC,aAAa,CACnC,OAAO,EACP,QAAQ,CAAC,WAAW,CAAC,MAA0B,EAAE,OAAO,CAAmC,EAC3F,OAAO,CACR,CAAC;YAEF,OAAO,QAAQ,CAAC,UAAU,CACxB,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE;gBAC/B,MAAM,EAAE,eAAe;aACxB,CAAC,CACH,CAAC;QACJ,CAAC,CAA2B;KACV,CAAC;IAErB,KAAkB,UAAa,EAAb,+BAAa,EAAb,2BAAa,EAAb,IAAa,EAAE,CAAC;QAA7B,IAAM,GAAG,sBAAA;QACZ,MAAM,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE,GAAG,CAAU,CAAC;IAC9C,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/lib/components.d.ts

@@ -0,0 +1,86 @@
+import type { EvaluationOptions, TranslateOptions } from "@messagevisor/sdk";
+import type { MessageKey } from "@messagevisor/types";
+import { type PropType } from "vue";
+import { type VueMessageValues } from "./richText";
+export declare const MessageTranslation: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    messageKey: {
+        type: PropType<MessageKey>;
+        required: true;
+    };
+    values: {
+        type: PropType<VueMessageValues>;
+        default: any;
+    };
+    options: {
+        type: PropType<TranslateOptions>;
+        default: any;
+    };
+    tag: {
+        type: PropType<string | object | false>;
+        default: any;
+    };
+}>, () => string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNodeArrayChildren, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    messageKey: {
+        type: PropType<MessageKey>;
+        required: true;
+    };
+    values: {
+        type: PropType<VueMessageValues>;
+        default: any;
+    };
+    options: {
+        type: PropType<TranslateOptions>;
+        default: any;
+    };
+    tag: {
+        type: PropType<string | object | false>;
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    values: VueMessageValues;
+    options: TranslateOptions;
+    tag: string | false | object;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const FormatMessage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    message: {
+        type: StringConstructor;
+        required: true;
+    };
+    values: {
+        type: PropType<VueMessageValues>;
+        default: any;
+    };
+    options: {
+        type: PropType<EvaluationOptions>;
+        default: any;
+    };
+    tag: {
+        type: PropType<string | object | false>;
+        default: any;
+    };
+}>, () => string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNodeArrayChildren, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    message: {
+        type: StringConstructor;
+        required: true;
+    };
+    values: {
+        type: PropType<VueMessageValues>;
+        default: any;
+    };
+    options: {
+        type: PropType<EvaluationOptions>;
+        default: any;
+    };
+    tag: {
+        type: PropType<string | object | false>;
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    values: VueMessageValues;
+    options: EvaluationOptions;
+    tag: string | false | object;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components.js

@@ -0,0 +1,95 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormatMessage = exports.MessageTranslation = void 0;
+var vue_1 = require("vue");
+var richText_1 = require("./richText");
+var useSdk_1 = require("./useSdk");
+function getSlotValues(slots) {
+    return Object.fromEntries(Object.keys(slots)
+        .filter(function (key) { return key !== "default"; })
+        .map(function (key) { return [key, function (chunks) { var _a; return (_a = slots[key]) === null || _a === void 0 ? void 0 : _a.call(slots, { chunks: chunks }); }]; }));
+}
+exports.MessageTranslation = (0, vue_1.defineComponent)({
+    name: "MessageTranslation",
+    inheritAttrs: false,
+    props: {
+        messageKey: {
+            type: String,
+            required: true,
+        },
+        values: {
+            type: Object,
+            default: undefined,
+        },
+        options: {
+            type: Object,
+            default: undefined,
+        },
+        tag: {
+            type: [String, Object],
+            default: undefined,
+        },
+    },
+    setup: function (props, _a) {
+        var attrs = _a.attrs, slots = _a.slots;
+        var context = (0, useSdk_1.useMessagevisorContextValue)();
+        var richText = (0, richText_1.createRichTextTools)(context);
+        return function () {
+            var message = context.instance.getRawTranslation(props.messageKey, props.options);
+            var values = __assign(__assign({}, ((0, richText_1.resolveRecord)(props.values) || {})), getSlotValues(slots));
+            var translation = context.instance.translate(props.messageKey, richText.mergeValues(values, message), props.options);
+            var result = richText.wrapResult(richText.runModules(translation, {
+                source: "translation",
+                messageKey: props.messageKey,
+            }));
+            return props.tag ? (0, vue_1.h)(props.tag, attrs, result) : result;
+        };
+    },
+});
+exports.FormatMessage = (0, vue_1.defineComponent)({
+    name: "FormatMessage",
+    inheritAttrs: false,
+    props: {
+        message: {
+            type: String,
+            required: true,
+        },
+        values: {
+            type: Object,
+            default: undefined,
+        },
+        options: {
+            type: Object,
+            default: undefined,
+        },
+        tag: {
+            type: [String, Object],
+            default: undefined,
+        },
+    },
+    setup: function (props, _a) {
+        var attrs = _a.attrs, slots = _a.slots;
+        var context = (0, useSdk_1.useMessagevisorContextValue)();
+        var richText = (0, richText_1.createRichTextTools)(context);
+        return function () {
+            var values = __assign(__assign({}, ((0, richText_1.resolveRecord)(props.values) || {})), getSlotValues(slots));
+            var translation = context.instance.formatMessage(props.message, richText.mergeValues(values, props.message), props.options);
+            var result = richText.wrapResult(richText.runModules(translation, {
+                source: "formatMessage",
+            }));
+            return props.tag ? (0, vue_1.h)(props.tag, attrs, result) : result;
+        };
+    },
+});
+//# sourceMappingURL=components.js.map

package/lib/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"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"}

package/lib/createMessagevisorProvider.d.ts

@@ -0,0 +1,18 @@
+import type { Messagevisor } from "@messagevisor/sdk";
+import type { Plugin } from "vue";
+import { type MessagevisorProviderModule, type VueRichTextElementHandler } from "./MessagevisorContext";
+import { type MessagevisorApi } from "./api";
+export interface MessagevisorProviderOptions {
+    instance: Messagevisor;
+    defaultRichTextElements?: Record<string, VueRichTextElementHandler>;
+    wrapRichTextChunksInFragment?: boolean;
+    modules?: MessagevisorProviderModule[];
+}
+export declare function createMessagevisorProvider(options: MessagevisorProviderOptions): Plugin;
+declare module "vue" {
+    interface ComponentCustomProperties {
+        $messagevisor: MessagevisorApi;
+        $m: MessagevisorApi;
+        $t: MessagevisorApi["t"];
+    }
+}

package/lib/createMessagevisorProvider.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createMessagevisorProvider = createMessagevisorProvider;
+var MessagevisorContext_1 = require("./MessagevisorContext");
+var api_1 = require("./api");
+function createMessagevisorProvider(options) {
+    return {
+        install: function (app) {
+            var _a;
+            var context = {
+                instance: options.instance,
+                defaultRichTextElements: options.defaultRichTextElements || {},
+                wrapRichTextChunksInFragment: (_a = options.wrapRichTextChunksInFragment) !== null && _a !== void 0 ? _a : true,
+                modules: options.modules || [],
+            };
+            var api = (0, api_1.createMessagevisorApi)(context);
+            app.provide(MessagevisorContext_1.MessagevisorInjectionKey, context);
+            app.config.globalProperties.$messagevisor = api;
+            app.config.globalProperties.$m = api;
+            app.config.globalProperties.$t = api.t;
+        },
+    };
+}
+//# sourceMappingURL=createMessagevisorProvider.js.map

package/lib/createMessagevisorProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createMessagevisorProvider.js","sourceRoot":"","sources":["../src/createMessagevisorProvider.ts"],"names":[],"mappings":";;AAiBA,gEAiBC;AA/BD,6DAI+B;AAC/B,6BAAoE;AASpE,SAAgB,0BAA0B,CAAC,OAAoC;IAC7E,OAAO;QACL,OAAO,YAAC,GAAQ;;YACd,IAAM,OAAO,GAAG;gBACd,QAAQ,EAAE,OAAO,CAAC,QAAQ;gBAC1B,uBAAuB,EAAE,OAAO,CAAC,uBAAuB,IAAI,EAAE;gBAC9D,4BAA4B,EAAE,MAAA,OAAO,CAAC,4BAA4B,mCAAI,IAAI;gBAC1E,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,EAAE;aAC/B,CAAC;YACF,IAAM,GAAG,GAAG,IAAA,2BAAqB,EAAC,OAAO,CAAC,CAAC;YAE3C,GAAG,CAAC,OAAO,CAAC,8CAAwB,EAAE,OAAO,CAAC,CAAC;YAC/C,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,aAAa,GAAG,GAAG,CAAC;YAChD,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,GAAG,GAAG,CAAC;YACrC,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC;QACzC,CAAC;KACF,CAAC;AACJ,CAAC"}

package/lib/index.d.ts

@@ -0,0 +1,10 @@
+export { MessagevisorInjectionKey, type MessagevisorProviderModule, type MessagevisorVueContextValue, type VueMessageChunk, type VueRichTextElementHandler, } from "./MessagevisorContext";
+export { MessagevisorProvider } from "./MessagevisorProvider";
+export { MessageTranslation, FormatMessage } from "./components";
+export { createMessagevisorProvider, type MessagevisorProviderOptions, } from "./createMessagevisorProvider";
+export { useMessagevisor } from "./useMessagevisor";
+export { useMessagevisorSnapshot } from "./useMessagevisorSnapshot";
+export { useSdk, useMessagevisorContextValue } from "./useSdk";
+export { useCurrency, useDirection, useFormatDate, useFormatDateTimeRange, useFormatDateToParts, useFormatDisplayName, useFormatList, useFormatListToParts, useFormatMessage, useFormatNumber, useFormatNumberToParts, useFormatPlural, useFormatRelativeTime, useFormatTime, useFormatTimeToParts, useLocale, useLocaleInfo, useMessagevisorContext, useTimeZone, useTranslation, type LocaleInfo, } from "./useReactiveMessagevisor";
+export { type MessagevisorApi } from "./api";
+export { type VueMessageValues, type VueRichMessageValues } from "./richText";

package/lib/index.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTranslation = exports.useTimeZone = exports.useMessagevisorContext = exports.useLocaleInfo = exports.useLocale = exports.useFormatTimeToParts = exports.useFormatTime = exports.useFormatRelativeTime = exports.useFormatPlural = exports.useFormatNumberToParts = exports.useFormatNumber = exports.useFormatMessage = exports.useFormatListToParts = exports.useFormatList = exports.useFormatDisplayName = exports.useFormatDateToParts = exports.useFormatDateTimeRange = exports.useFormatDate = exports.useDirection = exports.useCurrency = exports.useMessagevisorContextValue = exports.useSdk = exports.useMessagevisorSnapshot = exports.useMessagevisor = exports.createMessagevisorProvider = exports.FormatMessage = exports.MessageTranslation = exports.MessagevisorProvider = exports.MessagevisorInjectionKey = void 0;
+var MessagevisorContext_1 = require("./MessagevisorContext");
+Object.defineProperty(exports, "MessagevisorInjectionKey", { enumerable: true, get: function () { return MessagevisorContext_1.MessagevisorInjectionKey; } });
+var MessagevisorProvider_1 = require("./MessagevisorProvider");
+Object.defineProperty(exports, "MessagevisorProvider", { enumerable: true, get: function () { return MessagevisorProvider_1.MessagevisorProvider; } });
+var components_1 = require("./components");
+Object.defineProperty(exports, "MessageTranslation", { enumerable: true, get: function () { return components_1.MessageTranslation; } });
+Object.defineProperty(exports, "FormatMessage", { enumerable: true, get: function () { return components_1.FormatMessage; } });
+var createMessagevisorProvider_1 = require("./createMessagevisorProvider");
+Object.defineProperty(exports, "createMessagevisorProvider", { enumerable: true, get: function () { return createMessagevisorProvider_1.createMessagevisorProvider; } });
+var useMessagevisor_1 = require("./useMessagevisor");
+Object.defineProperty(exports, "useMessagevisor", { enumerable: true, get: function () { return useMessagevisor_1.useMessagevisor; } });
+var useMessagevisorSnapshot_1 = require("./useMessagevisorSnapshot");
+Object.defineProperty(exports, "useMessagevisorSnapshot", { enumerable: true, get: function () { return useMessagevisorSnapshot_1.useMessagevisorSnapshot; } });
+var useSdk_1 = require("./useSdk");
+Object.defineProperty(exports, "useSdk", { enumerable: true, get: function () { return useSdk_1.useSdk; } });
+Object.defineProperty(exports, "useMessagevisorContextValue", { enumerable: true, get: function () { return useSdk_1.useMessagevisorContextValue; } });
+var useReactiveMessagevisor_1 = require("./useReactiveMessagevisor");
+Object.defineProperty(exports, "useCurrency", { enumerable: true, get: function () { return useReactiveMessagevisor_1.useCurrency; } });
+Object.defineProperty(exports, "useDirection", { enumerable: true, get: function () { return useReactiveMessagevisor_1.useDirection; } });
+Object.defineProperty(exports, "useFormatDate", { enumerable: true, get: function () { return useReactiveMessagevisor_1.useFormatDate; } });
+Object.defineProperty(exports, "useFormatDateTimeRange", { enumerable: true, get: function () { return useReactiveMessagevisor_1.useFormatDateTimeRange; } });
+Object.defineProperty(exports, "useFormatDateToParts", { enumerable: true, get: function () { return useReactiveMessagevisor_1.useFormatDateToParts; } });
+Object.defineProperty(exports, "useFormatDisplayName", { enumerable: true, get: function () { return useReactiveMessagevisor_1.useFormatDisplayName; } });
+Object.defineProperty(exports, "useFormatList", { enumerable: true, get: function () { return useReactiveMessagevisor_1.useFormatList; } });
+Object.defineProperty(exports, "useFormatListToParts", { enumerable: true, get: function () { return useReactiveMessagevisor_1.useFormatListToParts; } });
+Object.defineProperty(exports, "useFormatMessage", { enumerable: true, get: function () { return useReactiveMessagevisor_1.useFormatMessage; } });
+Object.defineProperty(exports, "useFormatNumber", { enumerable: true, get: function () { return useReactiveMessagevisor_1.useFormatNumber; } });
+Object.defineProperty(exports, "useFormatNumberToParts", { enumerable: true, get: function () { return useReactiveMessagevisor_1.useFormatNumberToParts; } });
+Object.defineProperty(exports, "useFormatPlural", { enumerable: true, get: function () { return useReactiveMessagevisor_1.useFormatPlural; } });
+Object.defineProperty(exports, "useFormatRelativeTime", { enumerable: true, get: function () { return useReactiveMessagevisor_1.useFormatRelativeTime; } });
+Object.defineProperty(exports, "useFormatTime", { enumerable: true, get: function () { return useReactiveMessagevisor_1.useFormatTime; } });
+Object.defineProperty(exports, "useFormatTimeToParts", { enumerable: true, get: function () { return useReactiveMessagevisor_1.useFormatTimeToParts; } });
+Object.defineProperty(exports, "useLocale", { enumerable: true, get: function () { return useReactiveMessagevisor_1.useLocale; } });
+Object.defineProperty(exports, "useLocaleInfo", { enumerable: true, get: function () { return useReactiveMessagevisor_1.useLocaleInfo; } });
+Object.defineProperty(exports, "useMessagevisorContext", { enumerable: true, get: function () { return useReactiveMessagevisor_1.useMessagevisorContext; } });
+Object.defineProperty(exports, "useTimeZone", { enumerable: true, get: function () { return useReactiveMessagevisor_1.useTimeZone; } });
+Object.defineProperty(exports, "useTranslation", { enumerable: true, get: function () { return useReactiveMessagevisor_1.useTranslation; } });
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,6DAM+B;AAL7B,+HAAA,wBAAwB,OAAA;AAM1B,+DAA8D;AAArD,4HAAA,oBAAoB,OAAA;AAC7B,2CAAiE;AAAxD,gHAAA,kBAAkB,OAAA;AAAE,2GAAA,aAAa,OAAA;AAC1C,2EAGsC;AAFpC,wIAAA,0BAA0B,OAAA;AAG5B,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AACxB,qEAAoE;AAA3D,kIAAA,uBAAuB,OAAA;AAChC,mCAA+D;AAAtD,gGAAA,MAAM,OAAA;AAAE,qHAAA,2BAA2B,OAAA;AAC5C,qEAsBmC;AArBjC,sHAAA,WAAW,OAAA;AACX,uHAAA,YAAY,OAAA;AACZ,wHAAA,aAAa,OAAA;AACb,iIAAA,sBAAsB,OAAA;AACtB,+HAAA,oBAAoB,OAAA;AACpB,+HAAA,oBAAoB,OAAA;AACpB,wHAAA,aAAa,OAAA;AACb,+HAAA,oBAAoB,OAAA;AACpB,2HAAA,gBAAgB,OAAA;AAChB,0HAAA,eAAe,OAAA;AACf,iIAAA,sBAAsB,OAAA;AACtB,0HAAA,eAAe,OAAA;AACf,gIAAA,qBAAqB,OAAA;AACrB,wHAAA,aAAa,OAAA;AACb,+HAAA,oBAAoB,OAAA;AACpB,oHAAA,SAAS,OAAA;AACT,wHAAA,aAAa,OAAA;AACb,iIAAA,sBAAsB,OAAA;AACtB,sHAAA,WAAW,OAAA;AACX,yHAAA,cAAc,OAAA"}

package/lib/richText.d.ts

@@ -0,0 +1,16 @@
+import type { MessagePrimitiveValue, MessageValue, MessagevisorTranslationSource } from "@messagevisor/sdk";
+import type { MessageKey } from "@messagevisor/types";
+import type { MessagevisorVueContextValue, VueMessageChunk, VueRichTextElementHandler } from "./MessagevisorContext";
+export type VueMessageValues = Record<string, MessageValue<VueMessageChunk>>;
+export type VueRichMessageValues = Record<string, MessagePrimitiveValue | VueRichTextElementHandler>;
+export declare function resolveRecord<TRecord extends Record<string, unknown>>(value?: TRecord | (() => TRecord)): TRecord;
+export declare function createRichTextTools(context: MessagevisorVueContextValue): {
+    mergeValues: (values?: VueMessageValues, message?: string) => VueMessageValues;
+    runModules: <TTranslation>(translation: TTranslation, payload: {
+        source: MessagevisorTranslationSource;
+        messageKey?: MessageKey;
+    }) => import("vue").VNodeChild | TTranslation;
+    wrapResult: <T>(result: T) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | T;
+};