@r2digisolutions/ui 0.0.1 → 0.2.0

package/dist/index.d.ts

@@ -1 +1,2 @@
-export {};
+export * from './stores/I18n.svelte.js';
+export * from './settings/index.js';

package/dist/index.js

@@ -1,2 +1,2 @@
-"use strict";
-// Reexport your entry components here
+export * from './stores/I18n.svelte.js';
+export * from './settings/index.js';

package/dist/settings/index.d.ts

@@ -0,0 +1,2 @@
+import { StoreI18n } from "../stores/I18n.svelte.js";
+export declare const i18n: StoreI18n;

package/dist/settings/index.js

@@ -0,0 +1,2 @@
+import { StoreI18n } from "../stores/I18n.svelte.js";
+export const i18n = new StoreI18n("en", {});

package/dist/stores/I18n.svelte.d.ts

@@ -0,0 +1,10 @@
+export type I18nTranslationType = Record<string, Record<string, string>>;
+export declare class StoreI18n {
+    #private;
+    constructor(currentLanguage: string, translations?: I18nTranslationType);
+    t: (key: string, params?: Record<string, string>) => string;
+    get language(): string;
+    set language(value: string);
+    get translations(): I18nTranslationType;
+    set translations(value: I18nTranslationType);
+}

package/dist/stores/I18n.svelte.js

@@ -0,0 +1,34 @@
+export class StoreI18n {
+    #language = $state("en");
+    #translations = $state({});
+    constructor(currentLanguage, translations = {}) {
+        this.#language = currentLanguage;
+        this.#translations = translations;
+    }
+    t = $derived.by(() => {
+        this.#language;
+        this.#translations;
+        return (key, params = {}) => {
+            const translations = this.#translations[this.#language];
+            const translation = translations[key];
+            if (!translation) {
+                return `--${key}--`;
+            }
+            return Object.entries(params).reduce((acc, [key, value]) => {
+                return acc.replace(`{${key}}`, value);
+            }, translation);
+        };
+    });
+    get language() {
+        return this.#language;
+    }
+    set language(value) {
+        this.#language = value;
+    }
+    get translations() {
+        return this.#translations;
+    }
+    set translations(value) {
+        this.#translations = value;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@r2digisolutions/ui",
-  "version": "0.0.1",
+  "version": "0.2.0",
   "private": false,
   "scripts": {
     "dev": "vite dev",
@@ -16,7 +16,9 @@
     "test": "npm run test:unit -- --run && npm run test:e2e",
     "test:e2e": "playwright test",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "changeset": "changeset",
+    "changeset:deploy": "changeset version"
   },
   "files": [
     "dist",
@@ -54,7 +56,9 @@
     "@sveltejs/kit": "^2.15.1",
     "@sveltejs/package": "^2.3.7",
     "@sveltejs/vite-plugin-svelte": "^5.0.3",
+    "@vitest/browser": "^2.1.8",
     "autoprefixer": "^10.4.20",
+    "changeset": "^0.2.6",
     "eslint": "^9.17.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-svelte": "^2.46.1",