npm - ngx-translate-multi-http-loader - Versions diffs - 7.0.5 → 8.0.0 - Mend

ngx-translate-multi-http-loader 7.0.5 → 8.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/README.md +89 -7
package/{lib → dist}/multi-http-loader.d.ts +13 -13
package/{fesm2020/ngx-translate-multi-http-loader.mjs → dist/multi-http-loader.js} +19 -28
package/package.json +15 -26
package/esm2020/index.mjs +0 -3
package/esm2020/lib/multi-http-loader.mjs +0 -21
package/esm2020/ngx-translate-multi-http-loader.mjs +0 -5
package/fesm2015/ngx-translate-multi-http-loader.mjs +0 -30
package/fesm2015/ngx-translate-multi-http-loader.mjs.map +0 -1
package/fesm2020/ngx-translate-multi-http-loader.mjs.map +0 -1
package/index.d.ts +0 -1
package/ngx-translate-multi-http-loader.d.ts +0 -5

package/README.md CHANGED Viewed

@@ -1,7 +1,89 @@
-# ngx-translate-multi-http-loader
-This library was generated with [Nx](https://nx.dev).
-## Running unit tests
-Run `nx test ngx-translate-multi-http-loader` to execute the unit tests.
+# @ngx-translate/multi-http-loader [![npm version](https://badge.fury.io/js/ngx-translate-multi-http-loader.svg)](https://badge.fury.io/js/ngx-translate-multi-http-loader)
+A loader for [ngx-translate](https://github.com/ngx-translate/core) that loads translations using http.
+Angular 6 example: https://stackblitz.com/edit/ngx-translate-multi-http-loader-sample
+Angular 13 example: https://github.com/denniske/ngx-translate-multi-http-loader-demo
+Get the complete changelog here: https://github.com/denniske/ngx-translate-multi-http-loader/releases
+* [Installation](#installation)
+* [Usage](#usage)
+## Installation
+We assume that you already installed [ngx-translate](https://github.com/ngx-translate/core).
+Now you need to install the npm module for `MultiTranslateHttpLoader`:
+```sh
+npm install ngx-translate-multi-http-loader --save
+```
+Choose the version corresponding to your Angular version:
+ Angular     | @ngx-translate/core | ngx-translate-multi-http-loader
+ ----------- |---------------------| --------------------------
+ 13          | 14.x+               | 7.x+
+ 6           | 10.x+               | 1.x+
+## Usage
+#### 1. Setup the `TranslateModule` to use the `MultiTranslateHttpLoader`:
+The `MultiTranslateHttpLoader` uses HttpClient to load translations, which means that you have to import the HttpClientModule from `@angular/common/http` before the `TranslateModule`:
+```ts
+import {NgModule} from '@angular/core';
+import {BrowserModule} from '@angular/platform-browser';
+import {HttpClientModule, HttpClient} from '@angular/common/http';
+import {TranslateModule, TranslateLoader} from '@ngx-translate/core';
+import {MultiTranslateHttpLoader} from "ngx-translate-multi-http-loader";
+import {AppComponent} from "./app";
+// AoT requires an exported function for factories
+export function HttpLoaderFactory(http: HttpClient) {
+    return new MultiTranslateHttpLoader(http, [
+        {prefix: "./assets/translate/core/", suffix: ".json"},
+        {prefix: "./assets/translate/shared/", suffix: ".json"},
+    ]);
+}
+@NgModule({
+    imports: [
+        BrowserModule,
+        HttpClientModule,
+        TranslateModule.forRoot({
+            loader: {
+                provide: TranslateLoader,
+                useFactory: HttpLoaderFactory,
+                deps: [HttpClient]
+            }
+        })
+    ],
+    bootstrap: [AppComponent]
+})
+export class AppModule { }
+```
+The `MultiTranslateHttpLoader` takes a list of translation file configurations. Each configuration has two optional parameters:
+- prefix: string = "/assets/translate/"
+- suffix: string = ".json"
+By using those default parameters, it will load your translations files for the lang "en" from: `/assets/translate/en.json`.
+You can change those in the `HttpLoaderFactory` method that we just defined. For example if you want to load the "en" translations from `/assets/translate/core/en.json` and `/assets/translate/shared/en.json` you would use:
+```ts
+export function HttpLoaderFactory(http: HttpClient) {
+    return new MultiTranslateHttpLoader(http, [
+        {prefix: "./assets/translate/core/", suffix: ".json"},
+        {prefix: "./assets/translate/shared/", suffix: ".json"},
+    ]);
+}
+```
+For now this loader only support the json format.
+The loader will merge all translation files from the server using [deepmerge](https://github.com/KyleAMathews/deepmerge).

package/{lib → dist}/multi-http-loader.d.ts RENAMED Viewed

@@ -1,13 +1,13 @@
-import { HttpClient } from "@angular/common/http";
-import { TranslateLoader } from "@ngx-translate/core";
-import { Observable } from "rxjs";
-export interface ITranslationResource {
-    prefix: string;
-    suffix: string;
-}
-export declare class MultiTranslateHttpLoader implements TranslateLoader {
-    private http;
-    private resources;
-    constructor(http: HttpClient, resources: ITranslationResource[]);
-    getTranslation(lang: string): Observable<any>;
-}
+import { HttpClient } from "@angular/common/http";
+import { TranslateLoader } from "@ngx-translate/core";
+import { Observable } from "rxjs";
+export interface ITranslationResource {
+    prefix: string;
+    suffix: string;
+}
+export declare class MultiTranslateHttpLoader implements TranslateLoader {
+    private http;
+    private resources;
+    constructor(http: HttpClient, resources: ITranslationResource[]);
+    getTranslation(lang: string): Observable<any>;
+}

package/{fesm2020/ngx-translate-multi-http-loader.mjs → dist/multi-http-loader.js} RENAMED Viewed

@@ -1,30 +1,21 @@
-import { of, forkJoin } from 'rxjs';
-import { catchError, map } from 'rxjs/operators';
+import { forkJoin, of } from "rxjs";
+import { catchError, map } from "rxjs/operators";
+// @ts-ignore
 import merge from 'deepmerge';
-class MultiTranslateHttpLoader {
-    constructor(http, resources) {
-        this.http = http;
-        this.resources = resources;
-    }
-    getTranslation(lang) {
-        const requests = this.resources.map(resource => {
-            const path = resource.prefix + lang + resource.suffix;
-            return this.http.get(path).pipe(catchError(res => {
-                console.error("Something went wrong for the following translation file:", path);
-                console.error(res.message);
-                return of({});
-            }));
-        });
-        return forkJoin(requests).pipe(map(response => merge.all(response)));
-    }
+export class MultiTranslateHttpLoader {
+    constructor(http, resources) {
+        this.http = http;
+        this.resources = resources;
+    }
+    getTranslation(lang) {
+        const requests = this.resources.map(resource => {
+            const path = resource.prefix + lang + resource.suffix;
+            return this.http.get(path).pipe(catchError(res => {
+                console.error("Something went wrong for the following translation file:", path);
+                console.error(res.message);
+                return of({});
+            }));
+        });
+        return forkJoin(requests).pipe(map(response => merge.all(response)));
+    }
 }
-// export * from './lib/ngx-translate-multi-http-loader.module';
-/**
- * Generated bundle index. Do not edit.
- */
-export { MultiTranslateHttpLoader };
-//# sourceMappingURL=ngx-translate-multi-http-loader.mjs.map

package/package.json CHANGED Viewed

@@ -1,38 +1,27 @@
 {
   "name": "ngx-translate-multi-http-loader",
-  "version": "7.0.5",
-  "license": "MIT",
+  "version": "8.0.0",
   "maintainers": [
     "denniske.npm@gmail.com"
   ],
   "peerDependencies": {
     "@angular/common": "^13.0.0",
-    "@angular/core": "^13.0.0",
-    "@ngx-translate/core": ">=14.0.0",
-    "rxjs": "^7.4.0"
+    "@angular/core": "^13.0.0"
   },
   "dependencies": {
-    "tslib": "^2.3.0",
-    "deepmerge": ">=4.2.2"
+    "@angular/common": ">=14.0.0",
+    "@angular/core": ">=14.0.0",
+    "@ngx-translate/core": ">=14.0.0",
+    "deepmerge": ">=4.2.2",
+    "rxjs": ">=7.4.0",
+    "tslib": ">=2.0.0"
   },
-  "module": "fesm2015/ngx-translate-multi-http-loader.mjs",
-  "es2020": "fesm2020/ngx-translate-multi-http-loader.mjs",
-  "esm2020": "esm2020/ngx-translate-multi-http-loader.mjs",
-  "fesm2020": "fesm2020/ngx-translate-multi-http-loader.mjs",
-  "fesm2015": "fesm2015/ngx-translate-multi-http-loader.mjs",
-  "typings": "ngx-translate-multi-http-loader.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./ngx-translate-multi-http-loader.d.ts",
-      "esm2020": "./esm2020/ngx-translate-multi-http-loader.mjs",
-      "es2020": "./fesm2020/ngx-translate-multi-http-loader.mjs",
-      "es2015": "./fesm2015/ngx-translate-multi-http-loader.mjs",
-      "node": "./fesm2015/ngx-translate-multi-http-loader.mjs",
-      "default": "./fesm2020/ngx-translate-multi-http-loader.mjs"
-    }
+  "devDependencies": {
+    "typescript": ">=4.4.3"
   },
-  "sideEffects": false
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "/dist"
+  ]
 }

package/esm2020/index.mjs DELETED Viewed

@@ -1,3 +0,0 @@
-// export * from './lib/ngx-translate-multi-http-loader.module';
-export * from './lib/multi-http-loader';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL25neC10cmFuc2xhdGUtbXVsdGktaHR0cC1sb2FkZXIvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGdFQUFnRTtBQUNoRSxjQUFjLHlCQUF5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvbmd4LXRyYW5zbGF0ZS1tdWx0aS1odHRwLWxvYWRlci5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tdWx0aS1odHRwLWxvYWRlcic7XHJcbiJdfQ==

package/esm2020/lib/multi-http-loader.mjs DELETED Viewed

@@ -1,21 +0,0 @@
-import { forkJoin, of } from "rxjs";
-import { catchError, map } from "rxjs/operators";
-import merge from 'deepmerge';
-export class MultiTranslateHttpLoader {
-    constructor(http, resources) {
-        this.http = http;
-        this.resources = resources;
-    }
-    getTranslation(lang) {
-        const requests = this.resources.map(resource => {
-            const path = resource.prefix + lang + resource.suffix;
-            return this.http.get(path).pipe(catchError(res => {
-                console.error("Something went wrong for the following translation file:", path);
-                console.error(res.message);
-                return of({});
-            }));
-        });
-        return forkJoin(requests).pipe(map(response => merge.all(response)));
-    }
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGktaHR0cC1sb2FkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL25neC10cmFuc2xhdGUtbXVsdGktaHR0cC1sb2FkZXIvc3JjL2xpYi9tdWx0aS1odHRwLWxvYWRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLEVBQWEsUUFBUSxFQUFFLEVBQUUsRUFBQyxNQUFNLE1BQU0sQ0FBQztBQUM5QyxPQUFPLEVBQUMsVUFBVSxFQUFFLEdBQUcsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQy9DLE9BQU8sS0FBSyxNQUFNLFdBQVcsQ0FBQztBQVE5QixNQUFNLE9BQU8sd0JBQXdCO0lBQ25DLFlBQ1UsSUFBZ0IsRUFDaEIsU0FBaUM7UUFEakMsU0FBSSxHQUFKLElBQUksQ0FBWTtRQUNoQixjQUFTLEdBQVQsU0FBUyxDQUF3QjtJQUN4QyxDQUFDO0lBRUcsY0FBYyxDQUFDLElBQVk7UUFDaEMsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLEVBQUU7WUFDN0MsTUFBTSxJQUFJLEdBQUcsUUFBUSxDQUFDLE1BQU0sR0FBRyxJQUFJLEdBQUcsUUFBUSxDQUFDLE1BQU0sQ0FBQztZQUN0RCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLEVBQUU7Z0JBQy9DLE9BQU8sQ0FBQyxLQUFLLENBQUMsMERBQTBELEVBQUUsSUFBSSxDQUFDLENBQUM7Z0JBQ2hGLE9BQU8sQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDO2dCQUMzQixPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztZQUNoQixDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ04sQ0FBQyxDQUFDLENBQUM7UUFDSCxPQUFPLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDdkUsQ0FBQztDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtIdHRwQ2xpZW50fSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uL2h0dHBcIjtcclxuaW1wb3J0IHtUcmFuc2xhdGVMb2FkZXJ9IGZyb20gXCJAbmd4LXRyYW5zbGF0ZS9jb3JlXCI7XHJcbmltcG9ydCB7T2JzZXJ2YWJsZSwgZm9ya0pvaW4sIG9mfSBmcm9tIFwicnhqc1wiO1xyXG5pbXBvcnQge2NhdGNoRXJyb3IsIG1hcH0gZnJvbSBcInJ4anMvb3BlcmF0b3JzXCI7XHJcbmltcG9ydCBtZXJnZSBmcm9tICdkZWVwbWVyZ2UnO1xyXG5cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgSVRyYW5zbGF0aW9uUmVzb3VyY2Uge1xyXG4gIHByZWZpeDogc3RyaW5nO1xyXG4gIHN1ZmZpeDogc3RyaW5nO1xyXG59XHJcblxyXG5leHBvcnQgY2xhc3MgTXVsdGlUcmFuc2xhdGVIdHRwTG9hZGVyIGltcGxlbWVudHMgVHJhbnNsYXRlTG9hZGVyIHtcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgaHR0cDogSHR0cENsaWVudCxcclxuICAgIHByaXZhdGUgcmVzb3VyY2VzOiBJVHJhbnNsYXRpb25SZXNvdXJjZVtdLFxyXG4gICkge31cclxuXHJcbiAgcHVibGljIGdldFRyYW5zbGF0aW9uKGxhbmc6IHN0cmluZyk6IE9ic2VydmFibGU8YW55PiB7XHJcbiAgICBjb25zdCByZXF1ZXN0cyA9IHRoaXMucmVzb3VyY2VzLm1hcChyZXNvdXJjZSA9PiB7XHJcbiAgICAgIGNvbnN0IHBhdGggPSByZXNvdXJjZS5wcmVmaXggKyBsYW5nICsgcmVzb3VyY2Uuc3VmZml4O1xyXG4gICAgICByZXR1cm4gdGhpcy5odHRwLmdldChwYXRoKS5waXBlKGNhdGNoRXJyb3IocmVzID0+IHtcclxuICAgICAgICBjb25zb2xlLmVycm9yKFwiU29tZXRoaW5nIHdlbnQgd3JvbmcgZm9yIHRoZSBmb2xsb3dpbmcgdHJhbnNsYXRpb24gZmlsZTpcIiwgcGF0aCk7XHJcbiAgICAgICAgY29uc29sZS5lcnJvcihyZXMubWVzc2FnZSk7XHJcbiAgICAgICAgcmV0dXJuIG9mKHt9KTtcclxuICAgICAgfSkpO1xyXG4gICAgfSk7XHJcbiAgICByZXR1cm4gZm9ya0pvaW4ocmVxdWVzdHMpLnBpcGUobWFwKHJlc3BvbnNlID0+IG1lcmdlLmFsbChyZXNwb25zZSkpKTtcclxuICB9XHJcbn1cclxuIl19

package/esm2020/ngx-translate-multi-http-loader.mjs DELETED Viewed

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXRyYW5zbGF0ZS1tdWx0aS1odHRwLWxvYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvbmd4LXRyYW5zbGF0ZS1tdWx0aS1odHRwLWxvYWRlci9zcmMvbmd4LXRyYW5zbGF0ZS1tdWx0aS1odHRwLWxvYWRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/fesm2015/ngx-translate-multi-http-loader.mjs DELETED Viewed

@@ -1,30 +0,0 @@
-import { of, forkJoin } from 'rxjs';
-import { catchError, map } from 'rxjs/operators';
-import merge from 'deepmerge';
-class MultiTranslateHttpLoader {
-    constructor(http, resources) {
-        this.http = http;
-        this.resources = resources;
-    }
-    getTranslation(lang) {
-        const requests = this.resources.map(resource => {
-            const path = resource.prefix + lang + resource.suffix;
-            return this.http.get(path).pipe(catchError(res => {
-                console.error("Something went wrong for the following translation file:", path);
-                console.error(res.message);
-                return of({});
-            }));
-        });
-        return forkJoin(requests).pipe(map(response => merge.all(response)));
-    }
-}
-// export * from './lib/ngx-translate-multi-http-loader.module';
-/**
- * Generated bundle index. Do not edit.
- */
-export { MultiTranslateHttpLoader };
-//# sourceMappingURL=ngx-translate-multi-http-loader.mjs.map

package/fesm2015/ngx-translate-multi-http-loader.mjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ngx-translate-multi-http-loader.mjs","sources":["../../../../libs/ngx-translate-multi-http-loader/src/lib/multi-http-loader.ts","../../../../libs/ngx-translate-multi-http-loader/src/index.ts","../../../../libs/ngx-translate-multi-http-loader/src/ngx-translate-multi-http-loader.ts"],"sourcesContent":["import {HttpClient} from \"@angular/common/http\";\r\nimport {TranslateLoader} from \"@ngx-translate/core\";\r\nimport {Observable, forkJoin, of} from \"rxjs\";\r\nimport {catchError, map} from \"rxjs/operators\";\r\nimport merge from 'deepmerge';\r\n\r\n\r\nexport interface ITranslationResource {\r\n prefix: string;\r\n suffix: string;\r\n}\r\n\r\nexport class MultiTranslateHttpLoader implements TranslateLoader {\r\n constructor(\r\n private http: HttpClient,\r\n private resources: ITranslationResource[],\r\n ) {}\r\n\r\n public getTranslation(lang: string): Observable<any> {\r\n const requests = this.resources.map(resource => {\r\n const path = resource.prefix + lang + resource.suffix;\r\n return this.http.get(path).pipe(catchError(res => {\r\n console.error(\"Something went wrong for the following translation file:\", path);\r\n console.error(res.message);\r\n return of({});\r\n }));\r\n });\r\n return forkJoin(requests).pipe(map(response => merge.all(response)));\r\n }\r\n}\r\n","// export * from './lib/ngx-translate-multi-http-loader.module';\r\nexport * from './lib/multi-http-loader';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAYa,wBAAwB;IACnC,YACU,IAAgB,EAChB,SAAiC;QADjC,SAAI,GAAJ,IAAI,CAAY;QAChB,cAAS,GAAT,SAAS,CAAwB;KACvC;IAEG,cAAc,CAAC,IAAY;QAChC,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ;YAC1C,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,GAAG,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC;YACtD,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG;gBAC5C,OAAO,CAAC,KAAK,CAAC,0DAA0D,EAAE,IAAI,CAAC,CAAC;gBAChF,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;gBAC3B,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;aACf,CAAC,CAAC,CAAC;SACL,CAAC,CAAC;QACH,OAAO,QAAQ,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,IAAI,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;KACtE;;;AC5BH;;ACAA;;;;;;"}

package/fesm2020/ngx-translate-multi-http-loader.mjs.map DELETED Viewed

@@ -1 +0,0 @@

package/index.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export * from './lib/multi-http-loader';

package/ngx-translate-multi-http-loader.d.ts DELETED Viewed

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="ngx-translate-multi-http-loader" />
-export * from './index';