@14ch/svelte-ui 0.0.1 → 0.0.2

package/dist/i18n/index.d.ts

@@ -0,0 +1,81 @@
+export type Locale = 'en' | 'ja';
+export declare const MESSAGES: {
+    readonly en: {
+        readonly datepicker: {
+            readonly prevMonth: "Previous month";
+            readonly nextMonth: "Next month";
+            readonly today: " today";
+            readonly selected: " selected";
+        };
+        readonly iconButton: {
+            readonly badgeNew: "New";
+        };
+        readonly imageUploader: {
+            readonly unsupportedFileFormat: "Unsupported file format";
+            readonly fileSizeExceeded: "File size must be {{maxSize}}MB or less";
+            readonly uploadImage: "Upload image";
+            readonly removeFile: "Remove image";
+        };
+        readonly fileUploader: {
+            readonly removeFile: "Remove file";
+            readonly uploadFile: "Upload file";
+            readonly placeholder: "Drag & drop files here<br />or click to select";
+            readonly maxFileSizeError: "File size must be {{maxSize}}MB or less";
+        };
+        readonly combobox: {
+            readonly optionsList: "Options list";
+        };
+        readonly input: {
+            readonly clear: "Clear";
+        };
+        readonly pagination: {
+            readonly prevPage: "Go to previous page";
+            readonly nextPage: "Go to next page";
+            readonly goToPage: "Go to page {{page}}";
+            readonly ellipsis: "Omitted pages";
+        };
+    };
+    readonly ja: {
+        readonly datepicker: {
+            readonly prevMonth: "前の月へ移動";
+            readonly nextMonth: "次の月へ移動";
+            readonly today: " 今日";
+            readonly selected: " 選択済み";
+        };
+        readonly iconButton: {
+            readonly badgeNew: "新しい";
+        };
+        readonly imageUploader: {
+            readonly unsupportedFileFormat: "サポートされていないファイル形式です";
+            readonly fileSizeExceeded: "ファイルサイズは{{maxSize}}MB以下にしてください";
+            readonly uploadImage: "画像をアップロード";
+            readonly removeFile: "画像を削除";
+        };
+        readonly fileUploader: {
+            readonly removeFile: "ファイルを削除";
+            readonly uploadFile: "ファイルをアップロード";
+            readonly placeholder: "ファイルをドラッグ＆ドロップ<br />またはファイルを選択";
+            readonly maxFileSizeError: "ファイルサイズは{{maxSize}}MB以下にしてください";
+        };
+        readonly combobox: {
+            readonly optionsList: "オプション一覧";
+        };
+        readonly input: {
+            readonly clear: "クリア";
+        };
+        readonly pagination: {
+            readonly prevPage: "前のページへ移動";
+            readonly nextPage: "次のページへ移動";
+            readonly goToPage: "{{page}}ページ目へ移動";
+            readonly ellipsis: "省略されたページ";
+        };
+    };
+};
+export declare const getLocale: () => Locale;
+type NestedKeyOf<T> = T extends object ? {
+    [K in keyof T]: K extends string ? T[K] extends object ? `${K}.${NestedKeyOf<T[K]>}` : K : never;
+}[keyof T] : never;
+export declare const t: (key: NestedKeyOf<typeof MESSAGES.en>, params?: Record<string, any>) => string;
+export declare const debugLocale: () => Locale;
+export declare const setLocale: (locale: Locale) => void;
+export {};

package/dist/i18n/index.js

@@ -0,0 +1,59 @@
+import { en } from './locales/en';
+import { ja } from './locales/ja';
+export const MESSAGES = {
+    en,
+    ja
+};
+// ブラウザの言語設定を取得
+export const getLocale = () => {
+    if (typeof navigator !== 'undefined') {
+        // navigator.languages を使用して言語の優先順位を確認
+        const languages = navigator.languages || [navigator.language];
+        // 最初の言語（最優先言語）をチェック
+        const primaryLanguage = languages[0];
+        if (primaryLanguage.startsWith('ja')) {
+            return 'ja';
+        }
+    }
+    return 'en';
+};
+// パラメータ置換のヘルパー関数
+const replaceParams = (message, params) => {
+    if (!params)
+        return message;
+    return message.replace(/\{\{(\w+)\}\}/g, (match, key) => {
+        return params[key] !== undefined ? String(params[key]) : match;
+    });
+};
+// 標準的なi18n関数
+export const t = (key, params) => {
+    const locale = getLocaleWithManual();
+    const message = key.split('.').reduce((obj, k) => obj?.[k], MESSAGES[locale]);
+    if (typeof message !== 'string') {
+        console.warn(`Translation key "${key}" not found for locale "${locale}"`);
+        return key;
+    }
+    return replaceParams(message, params);
+};
+// デバッグ用: 現在の言語設定を確認
+export const debugLocale = () => {
+    if (typeof navigator !== 'undefined') {
+        console.log('navigator.language:', navigator.language);
+        console.log('navigator.languages:', navigator.languages);
+        console.log('detected locale:', getLocale());
+    }
+    return getLocale();
+};
+// テスト用: 手動で言語を切り替え
+let manualLocale = null;
+export const setLocale = (locale) => {
+    manualLocale = locale;
+    console.log(`🔧 Manual locale set to: ${locale}`);
+};
+// 手動設定を優先するgetLocale
+const getLocaleWithManual = () => {
+    if (manualLocale) {
+        return manualLocale;
+    }
+    return getLocale();
+};

package/dist/i18n/locales/en.d.ts

@@ -0,0 +1,35 @@
+export declare const en: {
+    readonly datepicker: {
+        readonly prevMonth: "Previous month";
+        readonly nextMonth: "Next month";
+        readonly today: " today";
+        readonly selected: " selected";
+    };
+    readonly iconButton: {
+        readonly badgeNew: "New";
+    };
+    readonly imageUploader: {
+        readonly unsupportedFileFormat: "Unsupported file format";
+        readonly fileSizeExceeded: "File size must be {{maxSize}}MB or less";
+        readonly uploadImage: "Upload image";
+        readonly removeFile: "Remove image";
+    };
+    readonly fileUploader: {
+        readonly removeFile: "Remove file";
+        readonly uploadFile: "Upload file";
+        readonly placeholder: "Drag & drop files here<br />or click to select";
+        readonly maxFileSizeError: "File size must be {{maxSize}}MB or less";
+    };
+    readonly combobox: {
+        readonly optionsList: "Options list";
+    };
+    readonly input: {
+        readonly clear: "Clear";
+    };
+    readonly pagination: {
+        readonly prevPage: "Go to previous page";
+        readonly nextPage: "Go to next page";
+        readonly goToPage: "Go to page {{page}}";
+        readonly ellipsis: "Omitted pages";
+    };
+};

package/dist/i18n/locales/en.js

@@ -0,0 +1,35 @@
+export const en = {
+    datepicker: {
+        prevMonth: 'Previous month',
+        nextMonth: 'Next month',
+        today: ' today',
+        selected: ' selected'
+    },
+    iconButton: {
+        badgeNew: 'New'
+    },
+    imageUploader: {
+        unsupportedFileFormat: 'Unsupported file format',
+        fileSizeExceeded: 'File size must be {{maxSize}}MB or less',
+        uploadImage: 'Upload image',
+        removeFile: 'Remove image'
+    },
+    fileUploader: {
+        removeFile: 'Remove file',
+        uploadFile: 'Upload file',
+        placeholder: 'Drag & drop files here<br />or click to select',
+        maxFileSizeError: 'File size must be {{maxSize}}MB or less'
+    },
+    combobox: {
+        optionsList: 'Options list'
+    },
+    input: {
+        clear: 'Clear'
+    },
+    pagination: {
+        prevPage: 'Go to previous page',
+        nextPage: 'Go to next page',
+        goToPage: 'Go to page {{page}}',
+        ellipsis: 'Omitted pages'
+    }
+};

package/dist/i18n/locales/ja.d.ts

@@ -0,0 +1,35 @@
+export declare const ja: {
+    readonly datepicker: {
+        readonly prevMonth: "前の月へ移動";
+        readonly nextMonth: "次の月へ移動";
+        readonly today: " 今日";
+        readonly selected: " 選択済み";
+    };
+    readonly iconButton: {
+        readonly badgeNew: "新しい";
+    };
+    readonly imageUploader: {
+        readonly unsupportedFileFormat: "サポートされていないファイル形式です";
+        readonly fileSizeExceeded: "ファイルサイズは{{maxSize}}MB以下にしてください";
+        readonly uploadImage: "画像をアップロード";
+        readonly removeFile: "画像を削除";
+    };
+    readonly fileUploader: {
+        readonly removeFile: "ファイルを削除";
+        readonly uploadFile: "ファイルをアップロード";
+        readonly placeholder: "ファイルをドラッグ＆ドロップ<br />またはファイルを選択";
+        readonly maxFileSizeError: "ファイルサイズは{{maxSize}}MB以下にしてください";
+    };
+    readonly combobox: {
+        readonly optionsList: "オプション一覧";
+    };
+    readonly input: {
+        readonly clear: "クリア";
+    };
+    readonly pagination: {
+        readonly prevPage: "前のページへ移動";
+        readonly nextPage: "次のページへ移動";
+        readonly goToPage: "{{page}}ページ目へ移動";
+        readonly ellipsis: "省略されたページ";
+    };
+};

package/dist/i18n/locales/ja.js

@@ -0,0 +1,35 @@
+export const ja = {
+    datepicker: {
+        prevMonth: '前の月へ移動',
+        nextMonth: '次の月へ移動',
+        today: ' 今日',
+        selected: ' 選択済み'
+    },
+    iconButton: {
+        badgeNew: '新しい'
+    },
+    imageUploader: {
+        unsupportedFileFormat: 'サポートされていないファイル形式です',
+        fileSizeExceeded: 'ファイルサイズは{{maxSize}}MB以下にしてください',
+        uploadImage: '画像をアップロード',
+        removeFile: '画像を削除'
+    },
+    fileUploader: {
+        removeFile: 'ファイルを削除',
+        uploadFile: 'ファイルをアップロード',
+        placeholder: 'ファイルをドラッグ＆ドロップ<br />またはファイルを選択',
+        maxFileSizeError: 'ファイルサイズは{{maxSize}}MB以下にしてください'
+    },
+    combobox: {
+        optionsList: 'オプション一覧'
+    },
+    input: {
+        clear: 'クリア'
+    },
+    pagination: {
+        prevPage: '前のページへ移動',
+        nextPage: '次のページへ移動',
+        goToPage: '{{page}}ページ目へ移動',
+        ellipsis: '省略されたページ'
+    }
+};

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@14ch/svelte-ui",
 	"description": "Modern Svelte UI components library with TypeScript support",
 	"private": false,
-	"version": "0.0.1",
+	"version": "0.0.2",
 	"type": "module",
 	"keywords": [
 		"svelte",
@@ -36,6 +36,7 @@
 		"dist/types/",
 		"dist/utils/",
 		"dist/assets/",
+		"dist/i18n/",
 		"dist/index.js",
 		"dist/index.d.ts"
 	],