@kopynator/angular 1.0.0

package/README.md

@@ -0,0 +1,47 @@
+# @kopynator/angular
+
+Angular wrapper for the Kopynator i18n platform. Works with Angular 17+ (Signals support).
+
+## Features
+- **Signal-based**: Reacts to locale changes and loading states using Angular Signals.
+- **Pipe & Directive**: Use `{{ 'key' | kopy }}` or `<span [kopy]="'key'"></span>`.
+- **Impure Pipe**: Automatically updates when translations are loaded or changed.
+
+## Installation
+```bash
+npm install @kopynator/core @kopynator/angular
+```
+
+## Usage
+
+### 1. Configuration
+In your `app.config.ts`:
+
+```typescript
+import { KOPY_CONFIG } from '@kopynator/angular';
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    {
+      provide: KOPY_CONFIG,
+      useValue: {
+        apiKey: 'YOUR_TOKEN',
+        projectId: 'YOUR_PROJECT_ID',
+        defaultLocale: 'en'
+      }
+    }
+  ]
+};
+```
+
+### 2. In Templates
+```html
+<!-- Using Pipe -->
+<h1>{{ 'welcome_title' | kopy }}</h1>
+
+<!-- Using Directive -->
+<p [kopy]="'description'" [kopyParams]="{ name: 'Carlos' }"></p>
+
+<!-- Using Service -->
+<button (click)="kopyService.setLocale('es')">Español</button>
+```

package/dist/public-api.d.mts

@@ -0,0 +1,34 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken, PipeTransform, ChangeDetectorRef, OnChanges, ElementRef, SimpleChanges } from '@angular/core';
+import { KopyConfig } from '@kopynator/core';
+
+declare const KOPY_CONFIG: InjectionToken<KopyConfig>;
+declare class KopyService {
+    private config;
+    private kopy;
+    isReady: _angular_core.WritableSignal<boolean>;
+    constructor(config: KopyConfig);
+    private init;
+    translate(key: string, params?: Record<string, any>): string;
+    setLocale(locale: string): Promise<void>;
+    t(key: string, params?: Record<string, any>): string;
+}
+
+declare class KopyPipe implements PipeTransform {
+    private kopyService;
+    private cdr;
+    constructor(kopyService: KopyService, cdr: ChangeDetectorRef);
+    transform(key: string, params?: Record<string, any>): string;
+}
+
+declare class KopyDirective implements OnChanges {
+    private el;
+    private kopyService;
+    key: string;
+    kopyParams: Record<string, any>;
+    constructor(el: ElementRef, kopyService: KopyService);
+    ngOnChanges(changes: SimpleChanges): void;
+    private render;
+}
+
+export { KOPY_CONFIG, KopyDirective, KopyPipe, KopyService };

package/dist/public-api.d.ts

@@ -0,0 +1,34 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken, PipeTransform, ChangeDetectorRef, OnChanges, ElementRef, SimpleChanges } from '@angular/core';
+import { KopyConfig } from '@kopynator/core';
+
+declare const KOPY_CONFIG: InjectionToken<KopyConfig>;
+declare class KopyService {
+    private config;
+    private kopy;
+    isReady: _angular_core.WritableSignal<boolean>;
+    constructor(config: KopyConfig);
+    private init;
+    translate(key: string, params?: Record<string, any>): string;
+    setLocale(locale: string): Promise<void>;
+    t(key: string, params?: Record<string, any>): string;
+}
+
+declare class KopyPipe implements PipeTransform {
+    private kopyService;
+    private cdr;
+    constructor(kopyService: KopyService, cdr: ChangeDetectorRef);
+    transform(key: string, params?: Record<string, any>): string;
+}
+
+declare class KopyDirective implements OnChanges {
+    private el;
+    private kopyService;
+    key: string;
+    kopyParams: Record<string, any>;
+    constructor(el: ElementRef, kopyService: KopyService);
+    ngOnChanges(changes: SimpleChanges): void;
+    private render;
+}
+
+export { KOPY_CONFIG, KopyDirective, KopyPipe, KopyService };

package/dist/public-api.js

@@ -0,0 +1,126 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+var __decorateParam = (index, decorator) => (target, key) => decorator(target, key, index);
+
+// src/public-api.ts
+var public_api_exports = {};
+__export(public_api_exports, {
+  KOPY_CONFIG: () => KOPY_CONFIG,
+  KopyDirective: () => KopyDirective,
+  KopyPipe: () => KopyPipe,
+  KopyService: () => KopyService
+});
+module.exports = __toCommonJS(public_api_exports);
+
+// src/lib/kopy.service.ts
+var import_core = require("@angular/core");
+var import_core2 = require("@kopynator/core");
+var KOPY_CONFIG = new import_core.InjectionToken("KOPY_CONFIG");
+var KopyService = class {
+  constructor(config) {
+    this.config = config;
+    this.isReady = (0, import_core.signal)(false);
+    this.kopy = new import_core2.Kopynator(config);
+    this.init();
+  }
+  async init() {
+    await this.kopy.init();
+    this.isReady.set(true);
+  }
+  translate(key, params = {}) {
+    return this.kopy.translate(key, params);
+  }
+  async setLocale(locale) {
+    this.isReady.set(false);
+    await this.kopy.setLocale(locale);
+    this.isReady.set(true);
+  }
+  t(key, params = {}) {
+    return this.translate(key, params);
+  }
+};
+KopyService = __decorateClass([
+  (0, import_core.Injectable)({
+    providedIn: "root"
+  }),
+  __decorateParam(0, (0, import_core.Inject)(KOPY_CONFIG))
+], KopyService);
+
+// src/lib/kopy.pipe.ts
+var import_core3 = require("@angular/core");
+var KopyPipe = class {
+  constructor(kopyService, cdr) {
+    this.kopyService = kopyService;
+    this.cdr = cdr;
+  }
+  transform(key, params = {}) {
+    return this.kopyService.translate(key, params);
+  }
+};
+KopyPipe = __decorateClass([
+  (0, import_core3.Pipe)({
+    name: "kopy",
+    pure: false,
+    standalone: true
+  })
+], KopyPipe);
+
+// src/lib/kopy.directive.ts
+var import_core4 = require("@angular/core");
+var KopyDirective = class {
+  constructor(el, kopyService) {
+    this.el = el;
+    this.kopyService = kopyService;
+    this.kopyParams = {};
+  }
+  ngOnChanges(changes) {
+    this.render();
+  }
+  render() {
+    if (!this.key) return;
+    this.el.nativeElement.textContent = this.kopyService.translate(this.key, this.kopyParams);
+  }
+};
+__decorateClass([
+  (0, import_core4.Input)("kopy")
+], KopyDirective.prototype, "key", 2);
+__decorateClass([
+  (0, import_core4.Input)()
+], KopyDirective.prototype, "kopyParams", 2);
+KopyDirective = __decorateClass([
+  (0, import_core4.Directive)({
+    selector: "[kopy]",
+    standalone: true
+  })
+], KopyDirective);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  KOPY_CONFIG,
+  KopyDirective,
+  KopyPipe,
+  KopyService
+});

package/dist/public-api.mjs

@@ -0,0 +1,99 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+var __decorateParam = (index, decorator) => (target, key) => decorator(target, key, index);
+
+// src/lib/kopy.service.ts
+import { Injectable, Inject, InjectionToken, signal } from "@angular/core";
+import { Kopynator } from "@kopynator/core";
+var KOPY_CONFIG = new InjectionToken("KOPY_CONFIG");
+var KopyService = class {
+  constructor(config) {
+    this.config = config;
+    this.isReady = signal(false);
+    this.kopy = new Kopynator(config);
+    this.init();
+  }
+  async init() {
+    await this.kopy.init();
+    this.isReady.set(true);
+  }
+  translate(key, params = {}) {
+    return this.kopy.translate(key, params);
+  }
+  async setLocale(locale) {
+    this.isReady.set(false);
+    await this.kopy.setLocale(locale);
+    this.isReady.set(true);
+  }
+  t(key, params = {}) {
+    return this.translate(key, params);
+  }
+};
+KopyService = __decorateClass([
+  Injectable({
+    providedIn: "root"
+  }),
+  __decorateParam(0, Inject(KOPY_CONFIG))
+], KopyService);
+
+// src/lib/kopy.pipe.ts
+import { Pipe } from "@angular/core";
+var KopyPipe = class {
+  constructor(kopyService, cdr) {
+    this.kopyService = kopyService;
+    this.cdr = cdr;
+  }
+  transform(key, params = {}) {
+    return this.kopyService.translate(key, params);
+  }
+};
+KopyPipe = __decorateClass([
+  Pipe({
+    name: "kopy",
+    pure: false,
+    standalone: true
+  })
+], KopyPipe);
+
+// src/lib/kopy.directive.ts
+import { Directive, Input } from "@angular/core";
+var KopyDirective = class {
+  constructor(el, kopyService) {
+    this.el = el;
+    this.kopyService = kopyService;
+    this.kopyParams = {};
+  }
+  ngOnChanges(changes) {
+    this.render();
+  }
+  render() {
+    if (!this.key) return;
+    this.el.nativeElement.textContent = this.kopyService.translate(this.key, this.kopyParams);
+  }
+};
+__decorateClass([
+  Input("kopy")
+], KopyDirective.prototype, "key", 2);
+__decorateClass([
+  Input()
+], KopyDirective.prototype, "kopyParams", 2);
+KopyDirective = __decorateClass([
+  Directive({
+    selector: "[kopy]",
+    standalone: true
+  })
+], KopyDirective);
+export {
+  KOPY_CONFIG,
+  KopyDirective,
+  KopyPipe,
+  KopyService
+};

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@kopynator/angular",
+  "version": "1.0.0",
+  "main": "./dist/public-api.js",
+  "module": "./dist/public-api.mjs",
+  "types": "./dist/public-api.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/public-api.d.ts",
+      "import": "./dist/public-api.mjs",
+      "require": "./dist/public-api.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@angular/common": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0",
+    "@angular/core": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0"
+  },
+  "dependencies": {
+    "@kopynator/core": "1.0.0",
+    "tslib": "^2.3.0"
+  },
+  "devDependencies": {
+    "@angular/common": "^21.0.6",
+    "@angular/core": "^21.0.6",
+    "@angular/platform-browser": "^21.0.6",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  },
+  "scripts": {
+    "build": "tsup src/public-api.ts --format cjs,esm --dts --clean --external @angular/core,@angular/common,@kopynator/core"
+  }
+}