Add Visual Editor Service

Author: alexcibotari

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@localess/angular",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "private": false,
   "description": "Angular Library for Localess's API. ",
   "keywords": [

package.json

@@ -1,16 +1,16 @@
-import {Inject, Injectable} from '@angular/core';
+import {inject, Inject, Injectable} from '@angular/core';
 import {LOCALESS_BROWSER_CONFIG, LocalessBrowserConfig} from "../localess.config";
 import type {ContentAsset} from "@localess/js-client";
 
 @Injectable({
   providedIn: 'root'
 })
 export class BrowserAssetService {
-
-  constructor(
-      @Inject(LOCALESS_BROWSER_CONFIG) readonly config: LocalessBrowserConfig
-  ) {
-    console.log('[Localess]BrowserAssetService', config);
+  config = inject(LOCALESS_BROWSER_CONFIG)
+  constructor() {
+    if (this.config.debug) {
+      console.log('[Localess]BrowserAssetService', this.config);
+    }
   }
 
   /**

projects/localess-angular/browser/src/services/asset.service.ts

@@ -1,4 +1,4 @@
-import {Inject, Injectable} from '@angular/core';
+import {inject, Inject, Injectable} from '@angular/core';
 import {HttpClient} from '@angular/common/http';
 import {Observable} from 'rxjs';
 import {LOCALESS_BROWSER_CONFIG, LocalessBrowserConfig} from "../localess.config";
@@ -8,12 +8,13 @@ import type {Translations} from "@localess/js-client";
   providedIn: 'root'
 })
 export class BrowserTranslationService {
-
+  config = inject(LOCALESS_BROWSER_CONFIG)
   constructor(
       readonly httpClient: HttpClient,
-      @Inject(LOCALESS_BROWSER_CONFIG) readonly config: LocalessBrowserConfig
   ) {
-    console.log('[Localess]BrowserTranslationService', config);
+    if (this.config.debug) {
+      console.log('[Localess]BrowserTranslationService', this.config);
+    }
   }
 
   /**

projects/localess-angular/browser/src/services/translation.service.ts

@@ -15,20 +15,24 @@ export class BrowserVisualEditorService {
   platformId = inject(PLATFORM_ID)
 
   constructor() {
-    console.log('[Localess]BrowserVisualEditorService');
+    if (this.config.debug) {
+      console.log('[Localess]BrowserVisualEditorService');
+    }
   }
 
   /**
    * Initiate Sync Script Load
    */
   init() {
-    console.log(`[Localess]BrowserVisualEditorService init():${this.platformId}`);
+    if (this.config.debug) {
+      console.log(`[Localess]BrowserVisualEditorService init():${this.platformId}`);
+    }
     if (isPlatformBrowser(this.platformId)) {
-      //if (window.top === window.self) return; // Skip if the page is not loaded in Visual Editor
-      //const isSyncLoaded = typeof window.localess !== 'undefined';
-      //if (isSyncLoaded) return; // Skip if Sync is already loaded
-      //const scriptEl = document.getElementById(JS_SYNC_ID);
-      //if (scriptEl) return; // Skip if script is already loaded
+      if (window.top === window.self) return; // Skip if the page is not loaded in Visual Editor
+      const isSyncLoaded = typeof window.localess !== 'undefined';
+      if (isSyncLoaded) return; // Skip if Sync is already loaded
+      const scriptEl = document.getElementById(JS_SYNC_ID);
+      if (scriptEl) return; // Skip if script is already loaded
       const script = document.createElement('script');
       script.id = JS_SYNC_ID;
       script.type = 'text/javascript';

projects/localess-angular/browser/src/services/visual-editor.service.ts

@@ -1,6 +1,6 @@
 {
   "name": "@localess/angular",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "description": "Angular Library for Localess's API. ",
   "keywords": [
     "localess",