@i18n-micro/devtools-ui 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+ 
+ Copyright (c) 2016 
+ 
+ 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,27 @@
+# @i18n-micro/devtools-ui
+
+UI component library for i18n DevTools. Provides a customizable interface for managing translations in development mode.
+
+## Installation
+
+```bash
+pnpm add @i18n-micro/devtools-ui
+# or
+npm install @i18n-micro/devtools-ui
+# or
+yarn add @i18n-micro/devtools-ui
+```
+
+## Quick Start
+
+This package is primarily used internally by other `@i18n-micro` packages for DevTools integration. For usage examples, see the documentation.
+
+## Resources
+
+- **Repository**: [https://github.com/s00d/nuxt-i18n-micro](https://github.com/s00d/nuxt-i18n-micro)
+- **Documentation**: [https://s00d.github.io/nuxt-i18n-micro/](https://s00d.github.io/nuxt-i18n-micro/)
+
+## License
+
+MIT
+

package/dist/App.ce.vue.d.ts

@@ -0,0 +1,14 @@
+import { PropType } from 'vue';
+import { I18nDevToolsBridge } from './bridge/interface';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    bridge: {
+        type: PropType<I18nDevToolsBridge>;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    bridge: {
+        type: PropType<I18nDevToolsBridge>;
+        required: false;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/bridge/interface.d.ts

@@ -0,0 +1,36 @@
+import { ModuleOptions } from '@i18n-micro/types';
+export type JSONValue = string | null | number | boolean | {
+    [key: string]: JSONValue;
+};
+export interface TranslationContent {
+    [key: string]: JSONValue;
+}
+export type LocaleData = Record<string, TranslationContent>;
+/**
+ * Bridge interface for communication between DevTools UI and framework-specific RPC
+ * This abstraction allows the UI to work with both Nuxt and Astro DevTools
+ */
+export interface I18nDevToolsBridge {
+    /**
+     * Get all locales and their translation files
+     * @returns Promise resolving to a record of file paths to translation content
+     */
+    getLocalesAndTranslations(): Promise<LocaleData>;
+    /**
+     * Get i18n module configuration
+     * @returns Promise resolving to module options
+     */
+    getConfigs(): Promise<ModuleOptions>;
+    /**
+     * Save translation content to a file
+     * @param filePath - Path to the translation file
+     * @param content - Translation content to save
+     */
+    saveTranslation(filePath: string, content: TranslationContent): Promise<void>;
+    /**
+     * Subscribe to locale updates from the server
+     * @param callback - Function to call when locales are updated
+     * @returns Unsubscribe function
+     */
+    onLocalesUpdate(callback: (data: LocaleData) => void): () => void;
+}

package/dist/components/config/ConfigCard.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    title: string;
+    icon?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/config/DiffViewer.vue.d.ts

@@ -0,0 +1,7 @@
+import { TranslationContent } from '../../types';
+type __VLS_Props = {
+    current: TranslationContent;
+    base: TranslationContent;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/config/SettingsCard.vue.d.ts

@@ -0,0 +1,22 @@
+interface Props {
+    title: string;
+    icon?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/data/LocaleTable.vue.d.ts

@@ -0,0 +1,13 @@
+interface Locale {
+    code: string;
+    displayName?: string;
+    iso?: string;
+    dir?: string;
+    baseUrl?: string;
+    disabled?: boolean;
+}
+type __VLS_Props = {
+    locales: Locale[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/data/LocalesList.vue.d.ts

@@ -0,0 +1,11 @@
+import { LocaleData } from '../../types';
+type __VLS_Props = {
+    locales: LocaleData;
+    selectedFile: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    fileSelected: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onFileSelected?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/data/StatItem.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    label: StringConstructor;
+    value: (NumberConstructor | StringConstructor)[];
+    trend: NumberConstructor;
+    stacked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    label: StringConstructor;
+    value: (NumberConstructor | StringConstructor)[];
+    trend: NumberConstructor;
+    stacked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    stacked: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/components/data/Statistics.vue.d.ts

@@ -0,0 +1,21 @@
+import { TranslationContent } from '../../types';
+type __VLS_Props = {
+    content: TranslationContent;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    diffModal: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        current: TranslationContent;
+        base: TranslationContent;
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        current: TranslationContent;
+        base: TranslationContent;
+    }> & Readonly<{}>, {}, {}, {}, {}, {}> | null;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/data/TreeItem.vue.d.ts

@@ -0,0 +1,15 @@
+import { TreeNode } from '../../types';
+type __VLS_Props = {
+    node: TreeNode;
+    depth: number;
+    locale: string;
+    selectedFile: string;
+    defaultExpanded?: boolean;
+    selected?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    fileSelected: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onFileSelected?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/editor/TranslationControls.vue.d.ts

@@ -0,0 +1,21 @@
+interface Props {
+    driver: string;
+    apiToken: string;
+    options: {
+        [key: string]: string;
+    };
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:driver": (value: string) => any;
+    "update:apiToken": (value: string) => any;
+    "update:options": (value: {
+        [key: string]: string;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:driver"?: ((value: string) => any) | undefined;
+    "onUpdate:apiToken"?: ((value: string) => any) | undefined;
+    "onUpdate:options"?: ((value: {
+        [key: string]: string;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/editor/TranslationEditor.vue.d.ts

@@ -0,0 +1,10 @@
+import { TranslationContent } from '../../types';
+type __VLS_Props = {
+    modelValue: TranslationContent;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: TranslationContent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: TranslationContent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/layout/ActionBar.vue.d.ts

@@ -0,0 +1,17 @@
+interface Props {
+    showTranslateButton?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    export: () => any;
+    import: () => any;
+    "show-stats": () => any;
+    "translate-missing": () => any;
+    save: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onExport?: (() => any) | undefined;
+    onImport?: (() => any) | undefined;
+    "onShow-stats"?: (() => any) | undefined;
+    "onTranslate-missing"?: (() => any) | undefined;
+    onSave?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/layout/SplitPane.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    storageKey?: string;
+    defaultLeftWidth?: string;
+    minLeftWidth?: number;
+    minRightWidth?: number;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        left?(_: {}): any;
+        right?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    defaultLeftWidth: string;
+    minLeftWidth: number;
+    minRightWidth: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ui/Button.vue.d.ts

@@ -0,0 +1,32 @@
+type __VLS_Props = {
+    variant?: 'primary' | 'secondary' | 'danger' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    type?: 'button' | 'submit' | 'reset';
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    type: "button" | "submit" | "reset";
+    disabled: boolean;
+    variant: "primary" | "secondary" | "danger" | "ghost";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ui/Loader.vue.d.ts

@@ -0,0 +1,9 @@
+interface LoaderProps {
+    message?: string;
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const _default: import('vue').DefineComponent<LoaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LoaderProps> & Readonly<{}>, {
+    size: "sm" | "md" | "lg";
+    message: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/ui/Modal.vue.d.ts

@@ -0,0 +1,41 @@
+type __VLS_Props = {
+    show: boolean;
+    title?: string;
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'custom';
+    width?: string;
+    height?: string;
+    disableOutsideClick?: boolean;
+    disableEsc?: boolean;
+    showCloseButton?: boolean;
+    headerClass?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+    "update:show": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:show"?: ((value: boolean) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg" | "xl" | "custom";
+    disableOutsideClick: boolean;
+    disableEsc: boolean;
+    showCloseButton: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ui/Pagination.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    currentPage: number;
+    totalPages: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:page": (page: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:page"?: ((page: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/ui/StatusIndicator.vue.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    status: 'active' | 'inactive' | 'enabled' | 'disabled' | 'success' | 'warning' | 'error' | 'info';
+    label: string;
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: "sm" | "md" | "lg";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/ui/Tabs.vue.d.ts

@@ -0,0 +1,16 @@
+import { Component } from 'vue';
+interface Tab {
+    label: string;
+    value: string;
+    icon?: string | Component;
+}
+type __VLS_Props = {
+    modelValue: string;
+    tabs: Tab[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/ui/icons/GlobeIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/dist/components/ui/icons/ServerIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/dist/components/ui/icons/SettingsIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;