@r2digisolutions/ui 0.0.1 → 0.2.7

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 @@
+import type { I18nTranslationType } from "../types/translates.type.js";
+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/dist/types/translates.type.d.ts

@@ -0,0 +1 @@
+export type I18nTranslationType = Record<string, Record<string, string>>;

package/dist/types/translates.type.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,7 +1,11 @@
 {
   "name": "@r2digisolutions/ui",
-  "version": "0.0.1",
+  "version": "0.2.7",
   "private": false,
+  "packageManager": "pnpm@9.5.0",
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && npm run package",
@@ -16,7 +20,10 @@
     "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:publish": "changeset publish",
+    "changeset:version": "changeset version"
   },
   "files": [
     "dist",
@@ -45,16 +52,18 @@
     "@playwright/test": "^1.49.1",
     "@storybook/addon-essentials": "^8.4.7",
     "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-svelte-csf": "^5.0.0-next.21",
+    "@storybook/addon-svelte-csf": "5.0.0-next.21",
     "@storybook/blocks": "^8.4.7",
     "@storybook/svelte": "^8.4.7",
     "@storybook/sveltekit": "^8.4.7",
     "@storybook/test": "^8.4.7",
     "@sveltejs/adapter-static": "^3.0.8",
-    "@sveltejs/kit": "^2.15.1",
+    "@sveltejs/kit": "^2.15.2",
     "@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",
@@ -62,19 +71,19 @@
     "prettier": "^3.4.2",
     "prettier-plugin-svelte": "^3.3.2",
     "prettier-plugin-tailwindcss": "^0.6.9",
-    "publint": "^0.2.12",
+    "publint": "^0.3.0",
     "storybook": "^8.4.7",
-    "svelte": "^5.16.1",
-    "svelte-check": "^4.1.1",
+    "svelte": "^5.17.0",
+    "svelte-check": "^4.1.3",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.7.2",
-    "typescript-eslint": "^8.19.0",
+    "typescript-eslint": "^8.19.1",
     "vite": "^6.0.7",
     "vitest": "^2.1.8"
   },
   "dependencies": {
     "@tailwindcss/container-queries": "^0.1.1",
-    "@tailwindcss/forms": "^0.5.9",
-    "@tailwindcss/typography": "^0.5.15"
+    "@tailwindcss/forms": "^0.5.10",
+    "@tailwindcss/typography": "^0.5.16"
   }
 }