chore(script): init http script lib

angular.json

@@ -349,6 +349,44 @@
           "styleext": "scss"
         }
       }
+    },
+    "http-script": {
+      "root": "libs/http/script",
+      "sourceRoot": "libs/http/script/src",
+      "projectType": "library",
+      "prefix": "ng-lab",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-ng-packagr:build",
+          "options": {
+            "tsConfig": "libs/http/script/tsconfig.lib.json",
+            "project": "libs/http/script/ng-package.json"
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "libs/http/script/tsconfig.lib.json",
+              "libs/http/script/tsconfig.spec.json"
+            ],
+            "exclude": ["**/node_modules/**"]
+          }
+        },
+        "test": {
+          "builder": "@nrwl/builders:jest",
+          "options": {
+            "jestConfig": "libs/http/script/jest.config.js",
+            "tsConfig": "libs/http/script/tsconfig.spec.json",
+            "setupFile": "libs/http/script/src/test-setup.ts"
+          }
+        }
+      },
+      "schematics": {
+        "@nrwl/schematics:component": {
+          "styleext": "scss"
+        }
+      }
     }
   },
   "cli": {

libs/http/script/jest.config.js

@@ -0,0 +1,9 @@
+module.exports = {
+  name: 'http-script',
+  preset: '../../../jest.config.js',
+  coverageDirectory: '../../../coverage/libs/http/script',
+  snapshotSerializers: [
+    'jest-preset-angular/AngularSnapshotSerializer.js',
+    'jest-preset-angular/HTMLCommentSerializer.js'
+  ]
+};

libs/http/script/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../../dist/libs/http/script",
+  "lib": {
+    "entryFile": "src/index.ts"
+  }
+}

libs/http/script/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@ng-lab/http-script",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^7.2.0",
+    "@angular/core": "^7.2.0"
+  }
+}

libs/http/script/src/index.ts

@@ -0,0 +1,4 @@
+export * from './lib/http-script.module';
+
+export { SCRIPTS_LOADER } from './lib/http-script.token';
+export { HttpScriptLoaderService } from './lib/http-script.service';

libs/http/script/src/lib/http-script.module.spec.ts

@@ -0,0 +1,14 @@
+import { async, TestBed } from '@angular/core/testing';
+import { HttpScriptModule } from './http-script.module';
+
+describe('HttpScriptModule', () => {
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      imports: [HttpScriptModule]
+    }).compileComponents();
+  }));
+
+  it('should create', () => {
+    expect(HttpScriptModule).toBeDefined();
+  });
+});

libs/http/script/src/lib/http-script.module.ts

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { CommonModule, DOCUMENT } from '@angular/common';
+
+import { SCRIPTS_LOADER } from './http-script.token';
+import { HttpScriptLoaderService } from './http-script.service';
+
+@NgModule({
+  imports: [CommonModule],
+  providers: [
+    {
+      provide: SCRIPTS_LOADER,
+      useValue: []
+    },
+    {
+      provide: HttpScriptLoaderService,
+      useClass: HttpScriptLoaderService,
+      deps: [DOCUMENT, SCRIPTS_LOADER]
+    }
+  ]
+})
+export class HttpScriptModule {}

libs/http/script/src/lib/http-script.service.ts

@@ -0,0 +1,78 @@
+/**
+ * @license
+ * Copyright NgLab All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://www.ng-lab.com/license
+ */
+import { DOCUMENT } from '@angular/common';
+import { Injectable, Inject } from '@angular/core';
+
+import { Observable, Observer } from 'rxjs';
+
+import { SCRIPTS_LOADER } from './http-script.token';
+import { ScriptInterface } from './http-script.typing';
+
+@Injectable()
+export class HttpScriptLoaderService {
+  private _scripts: ScriptInterface[] = [];
+
+  constructor(
+    @Inject(DOCUMENT) private _doc: HTMLDocument,
+    @Inject(SCRIPTS_LOADER) private _loadScripts: ScriptInterface[]
+  ) {
+    this._initLoader();
+  }
+
+  public load(script: ScriptInterface): Observable<ScriptInterface> {
+    return new Observable<ScriptInterface>(
+      (observer: Observer<ScriptInterface>) => {
+        const scriptExist = this._scripts.find(js => js.name === script.name);
+
+        if (scriptExist && scriptExist.loaded) {
+          observer.next(scriptExist);
+          observer.complete();
+        } else {
+          this._scripts.push(script);
+          this._createHeaderScriptTag(script, observer);
+        }
+      }
+    );
+  }
+
+  public hasScript(name: string): boolean {
+    return !!this._scripts.find(script => script.name === name);
+  }
+
+  public isLoaded(name: string): boolean {
+    const script = this._scripts.find(js => js.name === name);
+
+    return script ? script.loaded : false;
+  }
+
+  private _initLoader(): void {
+    this._loadScripts.map(script => this.load(script).subscribe());
+  }
+
+  private _createHeaderScriptTag(
+    script: ScriptInterface,
+    observer: Observer<ScriptInterface>
+  ): void {
+    const scriptTag = this._doc.createElement('script');
+    scriptTag.type = 'text/javascript';
+    scriptTag.src = script.src;
+    scriptTag.async = true;
+
+    scriptTag.addEventListener('load', () => {
+      script.loaded = true;
+      observer.next(script);
+      observer.complete();
+    });
+
+    scriptTag.addEventListener('error', () => {
+      observer.error(`Cannot load script ${script.name}.`);
+    });
+
+    this._doc.getElementsByTagName('body')[0].appendChild(scriptTag);
+  }
+}

libs/http/script/src/lib/http-script.token.ts

@@ -0,0 +1,11 @@
+import { InjectionToken } from '@angular/core';
+
+import { ScriptInterface } from './http-script.typing';
+
+export const SCRIPTS_LOADER = new InjectionToken<ScriptInterface>(
+  '[SCRIPTS] Scripts loader token',
+  {
+    providedIn: 'root',
+    factory: () => [] as any
+  }
+);

libs/http/script/src/lib/http-script.typing.ts

@@ -0,0 +1,5 @@
+export interface ScriptInterface {
+  name: string;
+  src: string;
+  loaded: boolean;
+}

libs/http/script/src/test-setup.ts

@@ -0,0 +1 @@
+import 'jest-preset-angular';

libs/http/script/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "types": ["node", "jest"]
+  },
+  "include": ["**/*.ts"]
+}

libs/http/script/tsconfig.lib.json

@@ -0,0 +1,29 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../dist/out-tsc/libs/http/script",
+    "target": "es2015",
+    "module": "es2015",
+    "moduleResolution": "node",
+    "declaration": true,
+    "sourceMap": true,
+    "inlineSources": true,
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "importHelpers": true,
+    "types": [],
+    "lib": ["dom", "es2018"],
+    "paths": {
+      "@ng-lab/*": ["dist/libs/*"]
+    }
+  },
+  "angularCompilerOptions": {
+    "annotateForClosureCompiler": true,
+    "skipTemplateCodegen": true,
+    "strictMetadataEmit": true,
+    "fullTemplateTypeCheck": true,
+    "strictInjectionParameters": true,
+    "enableResourceInlining": true
+  },
+  "exclude": ["src/test.ts", "**/*.spec.ts"]
+}

libs/http/script/tsconfig.spec.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../dist/out-tsc/libs/http/script",
+    "module": "commonjs",
+    "types": ["jest", "node"]
+  },
+  "files": ["src/test-setup.ts"],
+  "include": ["**/*.spec.ts", "**/*.d.ts"]
+}

libs/http/script/tslint.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../../tslint.json",
+  "rules": {
+    "directive-selector": [true, "attribute", "ng-lab", "camelCase"],
+    "component-selector": [true, "element", "ng-lab", "kebab-case"]
+  }
+}

nx.json

@@ -31,6 +31,9 @@
     },
     "http-url": {
       "tags": ["scope:lib", "type:functional"]
+    },
+    "http-script": {
+      "tags": ["scope:lib", "type:functional"]
     }
   }
 }

tsconfig.json

@@ -18,7 +18,8 @@
       "@ng-lab/hub": ["libs/hub/src/index.ts"],
       "@ng-lab/responsive": ["libs/responsive/src/index.ts"],
       "@ng-lab/jwt": ["libs/jwt/src/index.ts"],
-      "@ng-lab/http/url": ["libs/http/url/src/index.ts"]
+      "@ng-lab/http/url": ["libs/http/url/src/index.ts"],
+      "@ng-lab/http/script": ["libs/http/script/src/index.ts"]
     }
   },
   "exclude": ["node_modules", "tmp"]