svelte-intlayer 7.1.9 → 7.2.0

package/README.md

@@ -188,6 +188,7 @@ Explore our comprehensive documentation to get started with Intlayer and learn h
   <li><a href="https://intlayer.org/doc/environment/react-native-and-expo" rel=''>React Native</a></li>
   <li><a href="https://intlayer.org/doc/environment/lynx-and-react" rel=''>Lynx + React</a></li>
   <li><a href="https://intlayer.org/doc/environment/vite-and-svelte" rel=''>Vite + Svelte</a></li>
+  <li><a href="https://intlayer.org/doc/environment/sveltekit" rel=''>SvelteKit</a></li>
   <li><a href="https://intlayer.org/doc/environment/vite-and-preact" rel=''>Vite + Preact</a></li>
   <li><a href="https://intlayer.org/doc/environment/vite-and-vue" rel=''>Vite + Vue</a></li>
   <li><a href="https://intlayer.org/doc/environment/vite-and-nuxt" rel=''>Vite + Nuxt</a></li>

package/dist/client/index.d.ts

@@ -2,6 +2,7 @@ export { getBrowserLocale } from './getBrowserLocale';
 export { getIntlayerContext, setIntlayerContext } from './intlayerContext';
 export type { IntlayerStoreType } from './intlayerStore';
 export { intlayerStore } from './intlayerStore';
+export { setupIntlayer } from './setupIntlayer';
 export { useDictionary } from './useDictionary';
 export { useDictionaryAsync } from './useDictionaryAsync';
 export { useDictionaryDynamic } from './useDictionaryDynamic';

package/dist/client/index.js

@@ -1,10 +1,7 @@
-// Export all client-side functionality for Svelte applications
-// Locale management
 export { getBrowserLocale } from './getBrowserLocale';
-// Context and providers
 export { getIntlayerContext, setIntlayerContext } from './intlayerContext';
 export { intlayerStore } from './intlayerStore';
-// Core hooks
+export { setupIntlayer } from './setupIntlayer';
 export { useDictionary } from './useDictionary';
 export { useDictionaryAsync } from './useDictionaryAsync';
 export { useDictionaryDynamic } from './useDictionaryDynamic';

package/dist/client/setupIntlayer.d.ts

@@ -0,0 +1,5 @@
+import type { LocalesValues } from '@intlayer/types';
+export declare const setupIntlayer: (initialLocale: LocalesValues) => {
+    readonly locale: LocalesValues;
+    setLocale: (newLocale: LocalesValues) => void;
+};

package/dist/client/setupIntlayer.js

@@ -0,0 +1,32 @@
+import { createCommunicator } from '../editor/communicator';
+import { createEditorEnabledClient } from '../editor/editorEnabled';
+import { createFocusDictionaryClient } from '../editor/focusDictionary';
+import { useEditor } from '../editor/useEditor';
+// Assuming setIntlayerContext exports a specific key or symbol
+import { setIntlayerContext } from './intlayerContext';
+export const setupIntlayer = (initialLocale) => {
+    // 1. Initialize your side effects
+    // Note: If these need to run only in the browser, wrap them in $effect or onMount
+    // inside your side-effect logic if they aren't already safe.
+    createCommunicator();
+    createEditorEnabledClient();
+    createFocusDictionaryClient();
+    useEditor();
+    // 2. Create Reactive State (Svelte 5)
+    // We make the locale a "rune" so updates propagate
+    let locale = $state(initialLocale);
+    // 3. Define the Context Object
+    const contextValue = {
+        get locale() {
+            return locale;
+        },
+        setLocale: (newLocale) => {
+            locale = newLocale;
+        },
+    };
+    // 4. Set the Context
+    // setIntlayerContext internal logic usually wraps setContext(KEY, value)
+    setIntlayerContext(contextValue);
+    // Return the state if you need it immediately in the layout
+    return contextValue;
+};

package/dist/client/useLocale.js

@@ -26,7 +26,11 @@ export const useLocale = ({ isCookieEnabled, onLocaleChange, } = {}) => {
     // Fallback to global store
     return {
         locale: intlayerStore.getLocale(),
-        setLocale: intlayerStore.setLocale,
+        setLocale: (locale) => {
+            intlayerStore.setLocale(locale);
+            setLocaleInStorage(locale, isCookieEnabled ?? true);
+            onLocaleChange?.(locale);
+        },
         defaultLocale,
         availableLocales,
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-intlayer",
-  "version": "7.1.9",
+  "version": "7.2.0",
   "description": "Easily internationalize i18n your Svelte applications with type-safe multilingual content management.",
   "keywords": [
     "intlayer",
@@ -67,12 +67,12 @@
     "typecheck": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@intlayer/api": "7.1.9",
-    "@intlayer/config": "7.1.9",
-    "@intlayer/core": "7.1.9",
-    "@intlayer/editor": "7.1.9",
-    "@intlayer/types": "7.1.9",
-    "@intlayer/unmerged-dictionaries-entry": "7.1.9"
+    "@intlayer/api": "7.2.0",
+    "@intlayer/config": "7.2.0",
+    "@intlayer/core": "7.2.0",
+    "@intlayer/editor": "7.2.0",
+    "@intlayer/types": "7.2.0",
+    "@intlayer/unmerged-dictionaries-entry": "7.2.0"
   },
   "devDependencies": {
     "@sveltejs/package": "^2.5.4",

package/dist/client/IntlayerProvider.svelte

@@ -1,24 +0,0 @@
-<script lang="ts">
-import type { LocalesValues } from '@intlayer/types';
-import { createCommunicator } from '../editor/communicator';
-import { createEditorEnabledClient } from '../editor/editorEnabled';
-import { createFocusDictionaryClient } from '../editor/focusDictionary';
-import { useEditor } from '../editor/useEditor';
-import { setIntlayerContext } from './intlayerContext';
-
-export let locale: LocalesValues;
-
-createCommunicator();
-createEditorEnabledClient();
-createFocusDictionaryClient();
-
-useEditor();
-
-setIntlayerContext({
-  locale,
-  setLocale: () => {},
-});
-</script>
-
-<slot />
-

package/dist/client/IntlayerProvider.svelte.d.ts

@@ -1,30 +0,0 @@
-import type { LocalesValues } from '@intlayer/types';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const IntlayerProvider: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    locale: LocalesValues;
-}, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type IntlayerProvider = InstanceType<typeof IntlayerProvider>;
-export default IntlayerProvider;