tera-system-ui 0.0.29 → 0.0.34

package/dist/components/avatar/Avatar.d.ts

@@ -78,5 +78,6 @@ export interface AvatarProps extends AvatarVariants {
     src?: string;
     ref?: any;
     userUid?: string;
+    apiUrl?: string;
 }
 export {};

package/dist/components/avatar/Avatar.svelte

@@ -12,6 +12,7 @@
         border = true,
         ref = $bindable(),
         userUid,
+        apiUrl,
         ...props
     }: AvatarProps = $props();
 
@@ -21,7 +22,7 @@
         isError = true
     }
 
-    let imgUrl = src ? src : userUid ? getUserAvatarUrl(userUid) : undefined
+    let imgUrl = src ? src : userUid ? getUserAvatarUrl(userUid, apiUrl) : undefined
 </script>
 
 <div bind:this={ref}

package/dist/components/language-picker-button/LanguagePickerButton.d.ts

@@ -4,5 +4,8 @@ type LanguagePickerButtonVariants = VariantProps<typeof styles>;
 export interface LanguagePickerButtonProps extends LanguagePickerButtonVariants {
     children?: any;
     class?: string;
+    language?: string;
+    supportLanguages?: string[];
+    basePath?: string;
 }
 export {};

package/dist/components/language-picker-button/LanguagePickerButton.svelte

@@ -9,6 +9,10 @@
     let {
         children,
         onLangSelect,
+
+        language,
+        supportLanguages,
+        basePath,
         ...props
     }: LanguagePickerButtonProps & {
         onLangSelect: (langCode: string) => void
@@ -16,6 +20,10 @@
 
     let context = getGlobalContext()
 
+    supportLanguages = supportLanguages ?? context.supportLanguages!;
+    language = language ?? context.language
+    basePath = basePath ?? context.basePath
+
 
     const LANGUAGE_LIST = [
         {
@@ -59,17 +67,17 @@
             flag: 'vietnam'
         }
         // @ts-ignore
-    ].filter(lang => context.supportLanguages!.includes(lang.code))
+    ].filter(lang => supportLanguages.includes(lang.code))
 
 
-    let currentLangItem = $derived(LANGUAGE_LIST.find(l => l.code === context.language)!)
+    let currentLangItem = $derived(LANGUAGE_LIST.find(l => l.code === language)!)
 
 
     function getFlagUrl(flag: string) {
         if (flag === 'spain') {
-            return `${context.basePath ?? ''}/world-flags/${flag}.png`
+            return `${basePath ?? ''}/world-flags/${flag}.png`
         }
-        return `${context.basePath ?? ''}/world-flags/${flag}.svg`
+        return `${basePath ?? ''}/world-flags/${flag}.svg`
     }
 
     let openDialog = $state(false)
@@ -95,7 +103,7 @@
                         onLangSelect?.(lang.code)
                         openDialog = false
                     }}
-                    data-selected={lang.code === context.language ? '' : undefined}>
+                    data-selected={lang.code === language ? '' : undefined}>
                 <div class="flex items-center gap-2">
                     <img class="size-8 flag-img" src={getFlagUrl(lang.flag)} alt={currentLangItem.flag} loading="lazy">
                     {lang.label}

package/dist/components/side-navigation/SideNavigation.d.ts

@@ -4,6 +4,8 @@ type SideNavigationVariants = VariantProps<typeof styles>;
 export interface SideNavigationProps extends SideNavigationVariants {
     children?: any;
     class?: string;
+    sideNavHref?: string;
+    language?: string;
 }
 export declare const SCREEN_BREAK_POINTS: {
     sm: number;

package/dist/components/side-navigation/SideNavigation.svelte

@@ -19,7 +19,7 @@
 
     import {getGlobalContext} from "../tera-ui-context/global-context";
 
-    let {children, ...props}: SideNavigationProps = $props();
+    let {children, sideNavHref, language, ...props}: SideNavigationProps = $props();
 
     let temporaryExpand: any = undefined
 
@@ -47,23 +47,24 @@
 
     let globalContext = getGlobalContext()
 
-    console.log('SideNavigation get global context', globalContext)
+    sideNavHref = sideNavHref || globalContext?.sideNavHref
+    language = language || globalContext?.language
+
+    let langPath = (language === 'en' || !language) ? '' : `/${language}`
 
     function isSelected(href: string) {
-        const pathname = globalContext?.sideNavHref
-        return pathname?.startsWith(href)
+        return sideNavHref?.startsWith(href)
     }
 
 
-
     const NAV_ITEM = [
         {
-            href: '/calculator',
+            href: `/calculator${langPath}`,
             icon: IconCalculator,
             title: m.text_calces_scientific_calculator(),
         },
         {
-            href: '/convert',
+            href: `/convert${langPath}`,
             icon: IconTransform,
             title: m.text_unit_converter(),
         },

package/dist/components/side-navigation/SideNavigationLayout.svelte

@@ -2,7 +2,7 @@
     import {SideNavigation} from "./";
     import './sidenav.scss'
 
-    let {children} = $props()
+    let {children, language} = $props()
 </script>
 
 <main
@@ -10,7 +10,7 @@
         class="side-nav_main-layout relative"
         data-side-nav-state="compact"
 >
-    <SideNavigation/>
+    <SideNavigation language={language}/>
 
     <section class="side-nav_main-content">
         {@render children?.()}

package/dist/components/side-navigation/SideNavigationLayout.svelte.d.ts

@@ -1,6 +1,7 @@
 import './sidenav.scss';
 declare const SideNavigationLayout: import("svelte").Component<{
     children: any;
+    language: any;
 }, {}, "">;
 type SideNavigationLayout = ReturnType<typeof SideNavigationLayout>;
 export default SideNavigationLayout;

package/dist/components/tera-ui-context/TeraUiContext.svelte

@@ -2,8 +2,6 @@
     import {type TeraUiContextProps} from "./TeraUiContext";
     import {setGlobalContext} from "./global-context";
     import {setLanguageTag} from "../../paraglide/runtime";
-    import * as m from '../../paraglide/messages'
-
 
     let {
         children,
@@ -12,17 +10,19 @@
         ...props
     }: TeraUiContextProps = $props();
 
-
     setGlobalContext({
         supportLanguages,
         language,
         ...props
     })
 
-    setLanguageTag(language)
-    console.log('setLanguageTag', language)
-    console.log('test translate', m.text_select_language())
+    console.log('tera-system-ui', 'TeraUIContext props', {
+        supportLanguages,
+        language,
+        ...props
+    })
 
+    setLanguageTag(language)
 </script>
 
 {@render children()}

package/dist/components/tera-ui-context/global-context.js

@@ -12,6 +12,7 @@ export function setGlobalContext(data) {
 }
 export function getGlobalContext() {
     let context = getContext('globalContext') || get(globalContextStore);
+    console.log('tera-system-ui', 'getGlobalContext', context);
     if (!context) {
         console.error('tera-system-ui', 'Not set global context yet!', 'Using default context data');
         return {

package/dist/components/user-avatar-with-menu/UserAvatarWithMenu.svelte

@@ -10,12 +10,13 @@
     } from "../dropdown-menu";
     import {IconLogout, IconSettings} from "../icons";
     import {extractShortUsernameFromEmail} from "../../internal/service/user.service";
-
+    import * as m from '../../paraglide/messages'
     let {children, user, onLogout,...props}: UserAvatarWithMenuProps = $props();
 
     let shortUserName = extractShortUsernameFromEmail(user?.email)
     let triggerRef = $state()
     let open = $state(false)
+
 </script>
 
 
@@ -54,14 +55,14 @@
                 href="/account-settings"
             >
                 <IconSettings/>
-                Account Settings
+                {m.text_account_settings()}
             </DropdownMenuItem>
         </DropdownMenuGroup>
         <DropdownMenuSeparator/>
         <DropdownMenuGroup>
             <DropdownMenuItem onclick={onLogout}>
                 <IconLogout/>
-                Logout
+                {m.text_logout()}
             </DropdownMenuItem>
         </DropdownMenuGroup>
     </DropdownMenu>

package/dist/internal/service/user.service.d.ts

@@ -1,2 +1,2 @@
 export declare function extractShortUsernameFromEmail(email: string): string;
-export declare function getUserAvatarUrl(userUid: string): string;
+export declare function getUserAvatarUrl(userUid: string, apiUrl?: string): string;

package/dist/internal/service/user.service.js

@@ -14,7 +14,7 @@ export function extractShortUsernameFromEmail(email) {
     shortForm = shortForm.slice(0, 4).toUpperCase();
     return shortForm || '?';
 }
-export function getUserAvatarUrl(userUid) {
-    let baseUrl = `${getGlobalContext().apiUrl || 'https://hoidap.xyz/api/v1'}/users`;
+export function getUserAvatarUrl(userUid, apiUrl) {
+    let baseUrl = `${apiUrl || getGlobalContext().apiUrl || 'https://hoidap.xyz/api/v1'}/users`;
     return `${baseUrl}/avatar/${encodeURI(userUid)}`;
 }

package/dist/paraglide/messages/de.d.ts

@@ -2,3 +2,5 @@ export function text_select_language(): string;
 export function text_unit_converter(): string;
 export function text_calces_scientific_calculator(): string;
 export function text_calces_documentation(): string;
+export function text_account_settings(): string;
+export function text_logout(): string;

package/dist/paraglide/messages/de.js

@@ -40,3 +40,19 @@ export const text_calces_scientific_calculator = () => `CalcES Sci. Rechner`
  */
 /* @__NO_SIDE_EFFECTS__ */
 export const text_calces_documentation = () => `CalcES Dokumentation`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_account_settings = () => `Kontoeinstellungen`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_logout = () => `Abmelden`

package/dist/paraglide/messages/en.d.ts

@@ -2,3 +2,5 @@ export function text_select_language(): string;
 export function text_unit_converter(): string;
 export function text_calces_scientific_calculator(): string;
 export function text_calces_documentation(): string;
+export function text_account_settings(): string;
+export function text_logout(): string;

package/dist/paraglide/messages/en.js

@@ -40,3 +40,19 @@ export const text_calces_scientific_calculator = () => `CalcES Scientific Calcul
  */
 /* @__NO_SIDE_EFFECTS__ */
 export const text_calces_documentation = () => `CalcES Documentation`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_account_settings = () => `Account Settings`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_logout = () => `Logout`

package/dist/paraglide/messages/es.d.ts

@@ -2,3 +2,5 @@ export function text_select_language(): string;
 export function text_unit_converter(): string;
 export function text_calces_scientific_calculator(): string;
 export function text_calces_documentation(): string;
+export function text_account_settings(): string;
+export function text_logout(): string;

package/dist/paraglide/messages/es.js

@@ -40,3 +40,19 @@ export const text_calces_scientific_calculator = () => `Calculadora Científica`
  */
 /* @__NO_SIDE_EFFECTS__ */
 export const text_calces_documentation = () => `Documentación de CalcES`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_account_settings = () => `Configuración de la cuenta`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_logout = () => `Cerrar sesión`

package/dist/paraglide/messages/fr.d.ts

@@ -2,3 +2,5 @@ export function text_select_language(): string;
 export function text_unit_converter(): string;
 export function text_calces_scientific_calculator(): string;
 export function text_calces_documentation(): string;
+export function text_account_settings(): string;
+export function text_logout(): string;

package/dist/paraglide/messages/fr.js

@@ -40,3 +40,19 @@ export const text_calces_scientific_calculator = () => `Calculatrice Scientifiqu
  */
 /* @__NO_SIDE_EFFECTS__ */
 export const text_calces_documentation = () => `Documentation de CalcES`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_account_settings = () => `Paramètres du compte`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_logout = () => `Déconnexion`

package/dist/paraglide/messages/it.d.ts

@@ -2,3 +2,5 @@ export function text_select_language(): string;
 export function text_unit_converter(): string;
 export function text_calces_scientific_calculator(): string;
 export function text_calces_documentation(): string;
+export function text_account_settings(): string;
+export function text_logout(): string;

package/dist/paraglide/messages/it.js

@@ -40,3 +40,19 @@ export const text_calces_scientific_calculator = () => `Calcolatrice Scientifica
  */
 /* @__NO_SIDE_EFFECTS__ */
 export const text_calces_documentation = () => `Documentazione di CalcES`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_account_settings = () => `Impostazioni dell'account`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_logout = () => `Disconnettersi`

package/dist/paraglide/messages/pt.d.ts

@@ -2,3 +2,5 @@ export function text_select_language(): string;
 export function text_unit_converter(): string;
 export function text_calces_scientific_calculator(): string;
 export function text_calces_documentation(): string;
+export function text_account_settings(): string;
+export function text_logout(): string;

package/dist/paraglide/messages/pt.js

@@ -40,3 +40,19 @@ export const text_calces_scientific_calculator = () => `Calculadora Científica`
  */
 /* @__NO_SIDE_EFFECTS__ */
 export const text_calces_documentation = () => `Documentação CalcES`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_account_settings = () => `Configurações da conta`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_logout = () => `Sair`

package/dist/paraglide/messages/ru.d.ts

@@ -2,3 +2,5 @@ export function text_select_language(): string;
 export function text_unit_converter(): string;
 export function text_calces_scientific_calculator(): string;
 export function text_calces_documentation(): string;
+export function text_account_settings(): string;
+export function text_logout(): string;

package/dist/paraglide/messages/ru.js

@@ -40,3 +40,19 @@ export const text_calces_scientific_calculator = () => `Научный каль
  */
 /* @__NO_SIDE_EFFECTS__ */
 export const text_calces_documentation = () => `Документация CalcES`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_account_settings = () => `Настройки аккаунта`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_logout = () => `Выйти`

package/dist/paraglide/messages/vi.d.ts

@@ -2,3 +2,5 @@ export function text_select_language(): string;
 export function text_unit_converter(): string;
 export function text_calces_scientific_calculator(): string;
 export function text_calces_documentation(): string;
+export function text_account_settings(): string;
+export function text_logout(): string;

package/dist/paraglide/messages/vi.js

@@ -40,3 +40,19 @@ export const text_calces_scientific_calculator = () => `Máy Tính Khoa Học`
  */
 /* @__NO_SIDE_EFFECTS__ */
 export const text_calces_documentation = () => `Tài Liệu CalcES`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_account_settings = () => `Cài đặt tài khoản`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_logout = () => `Đăng xuất`

package/dist/paraglide/messages.d.ts

@@ -10,3 +10,9 @@ export function text_calces_scientific_calculator(params?: {}, options?: {
 export function text_calces_documentation(params?: {}, options?: {
     languageTag?: "de" | "en" | "es" | "fr" | "pt" | "vi" | "ru" | "it";
 }): string;
+export function text_account_settings(params?: {}, options?: {
+    languageTag?: "de" | "en" | "es" | "fr" | "pt" | "vi" | "ru" | "it";
+}): string;
+export function text_logout(params?: {}, options?: {
+    languageTag?: "de" | "en" | "es" | "fr" | "pt" | "vi" | "ru" | "it";
+}): string;

package/dist/paraglide/messages.js

@@ -120,3 +120,59 @@ export const text_calces_documentation = (params = {}, options = {}) => {
 	}[options.languageTag ?? languageTag()]()
 }
 
+
+
+/**
+ * This message has been compiled by [inlang paraglide](https://inlang.com/m/gerre34r/library-inlang-paraglideJs).
+ *
+ * - Don't edit the message's code. Use [Sherlock (VS Code extension)](https://inlang.com/m/r7kp499g/app-inlang-ideExtension),
+ *   the [web editor](https://inlang.com/m/tdozzpar/app-inlang-finkLocalizationEditor) instead, or edit the translation files manually.
+ * 
+ * - The params are NonNullable<unknown> because the inlang SDK does not provide information on the type of a param (yet).
+ * 
+ * @param {{}} params
+ * @param {{ languageTag?: "de" | "en" | "es" | "fr" | "pt" | "vi" | "ru" | "it" }} options
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_account_settings = (params = {}, options = {}) => {
+	return {
+		de: de.text_account_settings,
+		en: en.text_account_settings,
+		es: es.text_account_settings,
+		fr: fr.text_account_settings,
+		it: it.text_account_settings,
+		pt: pt.text_account_settings,
+		ru: ru.text_account_settings,
+		vi: vi.text_account_settings
+	}[options.languageTag ?? languageTag()]()
+}
+
+
+
+/**
+ * This message has been compiled by [inlang paraglide](https://inlang.com/m/gerre34r/library-inlang-paraglideJs).
+ *
+ * - Don't edit the message's code. Use [Sherlock (VS Code extension)](https://inlang.com/m/r7kp499g/app-inlang-ideExtension),
+ *   the [web editor](https://inlang.com/m/tdozzpar/app-inlang-finkLocalizationEditor) instead, or edit the translation files manually.
+ * 
+ * - The params are NonNullable<unknown> because the inlang SDK does not provide information on the type of a param (yet).
+ * 
+ * @param {{}} params
+ * @param {{ languageTag?: "de" | "en" | "es" | "fr" | "pt" | "vi" | "ru" | "it" }} options
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_logout = (params = {}, options = {}) => {
+	return {
+		de: de.text_logout,
+		en: en.text_logout,
+		es: es.text_logout,
+		fr: fr.text_logout,
+		it: it.text_logout,
+		pt: pt.text_logout,
+		ru: ru.text_logout,
+		vi: vi.text_logout
+	}[options.languageTag ?? languageTag()]()
+}
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tera-system-ui",
-  "version": "0.0.29",
+  "version": "0.0.34",
   "scripts": {
     "dev": "vite dev",
     "build": "npm run customPrepublish && npm run generate-index && vite build && npm run package && npm run postpublish",
@@ -65,7 +65,7 @@
     "@storybook/addon-interactions": "^8.4.4",
     "@storybook/addon-links": "^8.4.4",
     "@storybook/addon-styling": "^1.3.7",
-    "@storybook/addon-svelte-csf": "^5.0.0-next.8",
+    "@storybook/addon-svelte-csf": "^5.0.0-next.11",
     "@storybook/addon-themes": "^8.4.4",
     "@storybook/addon-viewport": "^8.4.4",
     "@storybook/blocks": "^8.4.4",