@translifycc/angular 0.1.2 → 0.1.4

package/package.json

@@ -1,9 +1,19 @@
 {
   "name": "@translifycc/angular",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Angular language selector component for Translify",
-  "main": "src/index.js",
-  "types": "src/index.d.ts",
+  "main": "dist/fesm2022/translifycc-angular.mjs",
+  "module": "fesm2022/translifycc-angular.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "default": "./fesm2022/translifycc-angular.mjs",
+      "types": "./types/translifycc-angular.d.ts"
+    },
+    "./package.json": {
+      "default": "./package.json"
+    }
+  },
   "peerDependencies": {
     "@angular/common": ">=15.0.0",
     "@angular/core": ">=15.0.0"
@@ -14,5 +24,10 @@
     "translation",
     "angular"
   ],
-  "license": "MIT"
-}
+  "license": "MIT",
+  "typings": "types/translifycc-angular.d.ts",
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/types/translifycc-angular.d.ts

@@ -0,0 +1,83 @@
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy, NgZone, ChangeDetectorRef } from '@angular/core';
+
+interface Language {
+    code: string;
+    name: string;
+    nativeName: string;
+    isRTL: boolean;
+}
+
+declare class TranslifySelectorComponent implements OnInit, OnDestroy {
+    private ngZone;
+    private cdr;
+    apiKey: string;
+    apiBase: string;
+    domain: string;
+    classNames: {
+        trigger?: string;
+        dropdown?: string;
+        dropdownHeader?: string;
+        option?: string;
+        optionActive?: string;
+        optionNative?: string;
+        optionName?: string;
+        optionRtl?: string;
+        restore?: string;
+        overlay?: string;
+        overlaySpinner?: string;
+        overlayTitle?: string;
+        overlaySub?: string;
+        toast?: string;
+    };
+    labels: {
+        trigger?: string;
+        dropdownHeader?: string;
+        restore?: string;
+        overlayTitle?: string;
+        overlaySub?: string;
+    };
+    languages: Language[];
+    activeLang: string | null;
+    isOpen: boolean;
+    loadingState: 'idle' | 'overlay' | 'toast';
+    overlayVisible: boolean;
+    toastVisible: boolean;
+    private originalTexts;
+    private translationCache;
+    private currentCacheLang;
+    private isTranslating;
+    private pendingNodes;
+    private observer;
+    private debounceTimer;
+    private overlayTimer;
+    constructor(ngZone: NgZone, cdr: ChangeDetectorRef);
+    get activeLangObj(): Language | undefined;
+    ngOnInit(): Promise<void>;
+    ngOnDestroy(): void;
+    private ensureCacheLoaded;
+    private applyCache;
+    private showOverlay;
+    private hideOverlay;
+    private showToast;
+    private hideToast;
+    private flushNodes;
+    private startObserver;
+    private stopObserver;
+    private patchHistory;
+    private onRouteChange;
+    translate(targetLang: string): Promise<void>;
+    restore(): void;
+    handleSelect(langCode: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranslifySelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TranslifySelectorComponent, "translify-selector", never, { "apiKey": { "alias": "apiKey"; "required": false; }; "apiBase": { "alias": "apiBase"; "required": false; }; "domain": { "alias": "domain"; "required": false; }; "classNames": { "alias": "classNames"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class TranslifyModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranslifyModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TranslifyModule, never, [typeof TranslifySelectorComponent], [typeof TranslifySelectorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TranslifyModule>;
+}
+
+export { TranslifyModule, TranslifySelectorComponent };
+export type { Language };

package/src/index.d.ts

@@ -1,9 +0,0 @@
-export { TranslifySelectorComponent } from './translify-selector.component';
-export { TranslifyModule } from './translify.module';
-
-export interface Language {
-  code: string;
-  name: string;
-  nativeName: string;
-  isRTL: boolean;
-}

package/src/index.ts

@@ -1,3 +0,0 @@
-export { TranslifySelectorComponent } from './translify-selector.component';
-export { TranslifyModule } from './translify.module';
-export type { Language } from './translate';

package/src/translate.ts

@@ -1,112 +0,0 @@
-export interface Language {
-  code: string;
-  name: string;
-  nativeName: string;
-  isRTL: boolean;
-}
-
-const SKIP_TAGS = new Set([
-  'SCRIPT', 'STYLE', 'NOSCRIPT', 'IFRAME',
-  'CODE', 'PRE', 'SVG', 'MATH', 'INPUT', 'TEXTAREA',
-]);
-
-export function getSavedLang(): string | null {
-  return localStorage.getItem('translify_lang');
-}
-
-export function saveLang(lang: string): void {
-  localStorage.setItem('translify_lang', lang);
-}
-
-export function clearSavedLang(): void {
-  localStorage.removeItem('translify_lang');
-}
-
-export function loadTranslationCache(lang: string): Map<string, string> {
-  try {
-    const stored = localStorage.getItem(`translify_cache_${lang}`);
-    return stored ? new Map(Object.entries(JSON.parse(stored))) : new Map();
-  } catch {
-    return new Map();
-  }
-}
-
-export function saveTranslationCache(lang: string, cache: Map<string, string>): void {
-  try {
-    const obj: Record<string, string> = {};
-    cache.forEach((v, k) => { obj[k] = v; });
-    localStorage.setItem(`translify_cache_${lang}`, JSON.stringify(obj));
-  } catch {}
-}
-
-export function getTextNodes(root: Node): Text[] {
-  const nodes: Text[] = [];
-  const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, {
-    acceptNode(node: Node) {
-      const text = (node as Text);
-      if (!text.textContent?.trim()) return NodeFilter.FILTER_REJECT;
-      if (SKIP_TAGS.has((text.parentElement?.tagName ?? ''))) return NodeFilter.FILTER_REJECT;
-      if ((text.textContent?.trim().length ?? 0) > 5000) return NodeFilter.FILTER_REJECT;
-      if (text.parentElement?.closest('[translate="no"]')) return NodeFilter.FILTER_REJECT;
-      return NodeFilter.FILTER_ACCEPT;
-    },
-  });
-  let n: Node | null;
-  while ((n = walker.nextNode())) nodes.push(n as Text);
-  return nodes;
-}
-
-export function collectNewTextNodes(node: Node, originalTexts: Map<Node, string>): Text[] {
-  const nodes: Text[] = [];
-  if (node.nodeType === Node.TEXT_NODE) {
-    const t = node as Text;
-    if (!originalTexts.has(t) && t.textContent?.trim()) nodes.push(t);
-  } else if (node.nodeType === Node.ELEMENT_NODE) {
-    const walker = document.createTreeWalker(node, NodeFilter.SHOW_TEXT);
-    let n: Node | null;
-    while ((n = walker.nextNode())) {
-      const t = n as Text;
-      if (
-        !originalTexts.has(t) &&
-        t.textContent?.trim() &&
-        !SKIP_TAGS.has(t.parentElement?.tagName ?? '') &&
-        !t.parentElement?.closest('[translate="no"]')
-      ) {
-        nodes.push(t);
-      }
-    }
-  }
-  return nodes;
-}
-
-export async function fetchLanguages(apiBase: string): Promise<Language[]> {
-  const res = await fetch(`${apiBase}/translate/languages`);
-  const json = await res.json();
-  return json.data.languages;
-}
-
-export async function callTranslateApi(
-  apiBase: string,
-  apiKey: string,
-  domain: string,
-  texts: string[],
-  targetLang: string,
-): Promise<string[]> {
-  const results: string[] = [];
-  for (let i = 0; i < texts.length; i += 100) {
-    const chunk = texts.slice(i, i + 100);
-    const res = await fetch(`${apiBase}/translate`, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        'x-api-key': apiKey,
-        'x-domain': domain,
-      },
-      body: JSON.stringify({ texts: chunk, targetLanguage: targetLang, sourceLanguage: 'auto' }),
-    });
-    const json = await res.json();
-    if (!json.success) throw new Error(json.message || 'Translation failed');
-    results.push(...json.data.translations);
-  }
-  return results;
-}