@tolgee/svelte 4.2.1 → 4.3.0-rc.3106ab8.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 4.3.0-rc.3106ab8.0 (2022-03-28)
+
+
+### Features
+
+* ui is now included automatically ([3106ab8](https://github.com/tolgee/tolgee-js/commit/3106ab8d8e7915b1fc7b72a776df9765a3280100))
+
+
+
+
+
 ## [4.2.1](https://github.com/tolgee/tolgee-js/compare/v4.2.0...v4.2.1) (2022-03-14)
 
 **Note:** Version bump only for package @tolgee/svelte

package/README.md

@@ -1,4 +1,5 @@
 # Tolgee for Svelte
+
 ![test workflow](https://github.com/tolgee/tolgee-js/actions/workflows/test.yml/badge.svg)
 ![@tolgee/svelte version](https://img.shields.io/npm/v/@tolgee/svelte?label=%40tolgee%2Fsvelte)
 ![types typescript](https://img.shields.io/badge/Types-Typescript-blue)
@@ -27,7 +28,7 @@ Lokalize (translate) your Svelte projects to multiple languages with Tolgee. Int
 
 First, install the package.
 
-    npm install @tolgee/svelte @tolgee/ui --save
+    npm install @tolgee/svelte
 
 Then use the library in your app:
 
@@ -35,17 +36,14 @@ Then use the library in your app:
 
 <script lang="ts">
   import { TolgeeProvider } from "@tolgee/svelte";
-  import UI from "@tolgee/ui";
   import type { TolgeeConfig } from "@tolgee/core";
 
   const tolgeeConfig = {
     preloadFallback: true,
-    
+
     // when using SvelteKit and .env, otherwise you can set those params directly or use some dotenv library
     apiUrl: import.meta.env.VITE_TOLGEE_API_KEY,
-    //this can be omitted for production build
-    ui: import.meta.env.VITE_TOLGEE_API_KEY ? UI : undefined,
-    apiKey: import.meta.env.VITE_TOLGEE_API_KEY 
+    apiKey: import.meta.env.VITE_TOLGEE_API_KEY
   } as TolgeeConfig;
 </script>
 
@@ -60,6 +58,7 @@ Then use the library in your app:
 To translate texts using Tolgee Svelte integration, you can use `T` component or `getTranslate` function.
 
 ### T component
+
 ```sveltehtml
 
 <script>
@@ -71,7 +70,9 @@ To translate texts using Tolgee Svelte integration, you can use `T` component or
 ```
 
 ### getTranslate function
+
 The `getTranslate` function returns store containing the function, which actually translates your key.
+
 ```sveltehtml
 <script>
   import { getTranslate } from "@tolgee/svelte";
@@ -84,6 +85,7 @@ The `getTranslate` function returns store containing the function, which actuall
 ```
 
 ### Changing the language
+
 To change the current language, use `getLanguageStore` method. For example, you can bind it to select value.
 
 ```sveltehtml
@@ -108,4 +110,4 @@ To change the current language, use `getLanguageStore` method. For example, you
 
 ## Quick integration guide
 
-Learn more at our [documentation website 📖](https://tolgee.io). 
+Learn more at our [documentation website 📖](https://tolgee.io).

package/TolgeeProvider.svelte

@@ -3,6 +3,11 @@ import { IcuFormatter, Tolgee, TolgeeConfig } from '@tolgee/core';
 export let config;
 const tolgee = Tolgee.use(IcuFormatter).init({
     wrapperMode: 'invisible',
+    ui: process.env.NODE_ENV !== 'development'
+        ? undefined
+        : typeof require !== 'undefined'
+            ? require('@tolgee/ui')
+            : import('@tolgee/ui'),
     ...(config || new TolgeeConfig()),
 });
 let tolgeeRunPromise;

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@tolgee/svelte",
-  "version": "4.2.1",
+  "version": "4.3.0-rc.3106ab8.0",
   "dependencies": {
-    "jest-fetch-mock": "^3.0.3"
+    "@tolgee/core": "^4.3.0-rc.3106ab8.0",
+    "@tolgee/ui": "^4.3.0-rc.3106ab8.0"
   },
   "devDependencies": {
     "@sveltejs/kit": "next",
     "@testing-library/jest-dom": "5.16.2",
     "@testing-library/svelte": "3.0.3",
-    "@tolgee/core": "^4.2.1",
     "@types/jest": "27.4.1",
     "@typescript-eslint/eslint-plugin": "^5.14.0",
     "@typescript-eslint/parser": "^5.14.0",
@@ -16,6 +16,7 @@
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-svelte3": "^3.4.1",
     "jest": "27.5.1",
+    "jest-fetch-mock": "^3.0.3",
     "nodemon": "^2.0.15",
     "prettier": "^2.5.1",
     "prettier-plugin-svelte": "^2.6.0",