@sveltia/ui 0.41.5 → 0.42.1

package/dist/components/util/app-shell.svelte

@@ -6,6 +6,7 @@
 -->
 <script>
   import { onMount } from 'svelte';
+  import { initLocales } from '../../services/i18n';
 
   /**
    * @import { Snippet } from 'svelte';
@@ -38,6 +39,10 @@
 
   let fontLoaded = $state(false);
 
+  $effect.pre(() => {
+    initLocales();
+  });
+
   onMount(() => {
     const mediaQuery = globalThis.matchMedia('(prefers-color-scheme: dark)');
     const { dataset } = document.documentElement;

package/dist/index.d.ts

@@ -78,3 +78,4 @@ export { default as EmptyState } from "./components/util/empty-state.svelte";
 export { default as Group } from "./components/util/group.svelte";
 export { default as Modal } from "./components/util/modal.svelte";
 export * from "./typedefs.js";
+export { initLocales, resources } from "./services/i18n.js";

package/dist/index.js

@@ -1,7 +1,3 @@
-import { initLocales } from './services/i18n.js';
-
-initLocales();
-
 export { default as Alert } from './components/alert/alert.svelte';
 export { default as Infobar } from './components/alert/infobar.svelte';
 export { default as BottomNavigation } from './components/bottom-navigation/bottom-navigation.svelte';
@@ -81,6 +77,7 @@ export { default as AppShell } from './components/util/app-shell.svelte';
 export { default as EmptyState } from './components/util/empty-state.svelte';
 export { default as Group } from './components/util/group.svelte';
 export { default as Modal } from './components/util/modal.svelte';
+export { initLocales, resources } from './services/i18n.js';
 
 // eslint-disable-next-line import/export
 export * from './typedefs.js';

package/dist/services/i18n.d.ts

@@ -1,3 +1,9 @@
+/**
+ * Object containing all the locale resources, with the locale names as keys and the corresponding
+ * strings as values.
+ * @type {Record<string, Record<string, string>>}
+ */
+export const resources: Record<string, Record<string, string>>;
 export function initLocales({ fallbackLocale, initialLocale }?: {
     fallbackLocale?: string | undefined;
     initialLocale?: string | undefined;

package/dist/services/i18n.js

@@ -1,8 +1,22 @@
 import { addMessages, init } from '@sveltia/i18n';
-import { parse as parseYaml } from 'yaml';
+
+const rawResources = import.meta.glob('../locales/*.yaml', { eager: true, import: 'default' });
+
+/**
+ * Object containing all the locale resources, with the locale names as keys and the corresponding
+ * strings as values.
+ * @type {Record<string, Record<string, string>>}
+ */
+export const resources = Object.fromEntries(
+  Object.entries(rawResources).map(([path, resource]) => [
+    /** @type {string} */ (path.match(/.+\/(?<locale>.+?)\.yaml$/)?.groups?.locale),
+    /** @type {Record<string, string>} */ (resource),
+  ]),
+);
 
 /**
- * Load strings and initialize the locales.
+ * Load strings and initialize the locales. Consumers can use this function to load the localized
+ * strings for their application. If `<AppShell>` is used, this function is called automatically.
  * @param {object} [init] Initialize options.
  * @param {string} [init.fallbackLocale] Fallback locale.
  * @param {string} [init.initialLocale] Initial locale.
@@ -10,18 +24,9 @@ import { parse as parseYaml } from 'yaml';
  * @see https://vitejs.dev/guide/features.html#glob-import
  */
 export const initLocales = ({ fallbackLocale = 'en', initialLocale = 'en' } = {}) => {
-  const resources = import.meta.glob('../locales/*.yaml', {
-    eager: true,
-    query: '?raw',
-    import: 'default',
-  });
-
-  Object.entries(resources).forEach(([path, resource]) => {
-    addMessages(
-      /** @type {string} */ (path.match(/.+\/(?<locale>.+?)\.yaml$/)?.groups?.locale),
-      // Add `_sui` suffix to avoid collision with app localization
-      { _sui: parseYaml(/** @type {string} */ (resource)) },
-    );
+  Object.entries(resources).forEach(([locale, resource]) => {
+    // Add `_sui` suffix to avoid collision with app localization
+    addMessages(locale, { _sui: resource });
   });
 
   init({ fallbackLocale, initialLocale });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.41.5",
+  "version": "0.42.1",
   "description": "A collection of Svelte components and utilities for building user interfaces.",
   "repository": {
     "type": "git",
@@ -33,36 +33,36 @@
     "!dist/**/*.test.*"
   ],
   "dependencies": {
-    "@lexical/code": "^0.46.0",
-    "@lexical/code-prism": "^0.46.0",
-    "@lexical/dragon": "^0.46.0",
-    "@lexical/extension": "^0.46.0",
-    "@lexical/history": "^0.46.0",
-    "@lexical/link": "^0.46.0",
-    "@lexical/list": "^0.46.0",
-    "@lexical/markdown": "^0.46.0",
-    "@lexical/rich-text": "^0.46.0",
-    "@lexical/selection": "^0.46.0",
-    "@lexical/table": "^0.46.0",
-    "@lexical/utils": "^0.46.0",
+    "@lexical/code": "^0.47.0",
+    "@lexical/code-prism": "^0.47.0",
+    "@lexical/dragon": "^0.47.0",
+    "@lexical/extension": "^0.47.0",
+    "@lexical/history": "^0.47.0",
+    "@lexical/link": "^0.47.0",
+    "@lexical/list": "^0.47.0",
+    "@lexical/markdown": "^0.47.0",
+    "@lexical/rich-text": "^0.47.0",
+    "@lexical/selection": "^0.47.0",
+    "@lexical/table": "^0.47.0",
+    "@lexical/utils": "^0.47.0",
     "@sveltia/i18n": "^1.1.2",
     "@sveltia/utils": "^0.10.7",
-    "lexical": "^0.46.0",
-    "prismjs": "^1.30.0",
-    "yaml": "^2.9.0"
+    "lexical": "^0.47.0",
+    "prismjs": "^1.30.0"
   },
   "devDependencies": {
+    "@rollup/plugin-yaml": "^5.0.0",
     "@sveltejs/adapter-auto": "^7.0.1",
     "@sveltejs/kit": "^2.69.2",
     "@sveltejs/package": "^2.5.8",
     "@sveltejs/vite-plugin-svelte": "^7.2.0",
     "@vitest/coverage-v8": "^4.1.10",
     "cspell": "^10.0.1",
-    "eslint": "^9.39.4",
+    "eslint": "^9.39.5",
     "eslint-config-airbnb-extended": "^3.1.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jsdoc": "^63.0.12",
+    "eslint-plugin-jsdoc": "^63.0.13",
     "eslint-plugin-package-json": "^1.5.0",
     "eslint-plugin-svelte": "^3.20.0",
     "globals": "^17.7.0",
@@ -70,7 +70,7 @@
     "oxlint": "^1.73.0",
     "postcss": "^8.5.16",
     "postcss-html": "^1.8.1",
-    "prettier": "^3.9.4",
+    "prettier": "^3.9.5",
     "prettier-plugin-svelte": "^4.1.1",
     "sass": "^1.101.0",
     "stylelint": "^17.14.0",
@@ -80,7 +80,7 @@
     "svelte-check": "^4.7.2",
     "svelte-preprocess": "^6.0.5",
     "tslib": "^2.8.1",
-    "vite": "^8.1.3",
+    "vite": "^8.1.4",
     "vitest": "^4.1.10"
   },
   "peerDependencies": {