@wanderleedev/color-lib 0.0.2

package/README.md

@@ -0,0 +1,64 @@
+# ColorLib
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 21.2.0.
+
+## Code scaffolding
+
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+
+```bash
+ng generate component component-name
+```
+
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+
+```bash
+ng generate --help
+```
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build color-lib
+```
+
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+
+### Publishing the Library
+
+Once the project is built, you can publish your library by following these steps:
+
+1. Navigate to the `dist` directory:
+
+   ```bash
+   cd dist/color-lib
+   ```
+
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm publish
+   ```
+
+## Running unit tests
+
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+
+```bash
+ng test
+```
+
+## Running end-to-end tests
+
+For end-to-end (e2e) testing, run:
+
+```bash
+ng e2e
+```
+
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+
+## Additional Resources
+
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/fesm2022/color-lib.mjs

@@ -0,0 +1,42 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, Injectable } from '@angular/core';
+
+/**
+ * Token para inyectar el color favorito configurado via ng-add.
+ *
+ * Registro manual (si no usaste ng-add):
+ *   providers: [{ provide: COLOR_LIB_COLOR, useValue: 'blue' }]
+ */
+const COLOR_LIB_COLOR = new InjectionToken('COLOR_LIB_COLOR', {
+    providedIn: 'root',
+    factory: () => 'blue', // valor por defecto
+});
+
+class ColorService {
+    color = inject(COLOR_LIB_COLOR);
+    /** Retorna el color favorito configurado. */
+    getColor() {
+        return this.color;
+    }
+    /** Loguea el color favorito en consola con estilo CSS. */
+    logColor() {
+        console.log(`%c 🎨 Tu color favorito es: ${this.color} `, `background:${this.color}; color:#fff; font-size:14px; padding:4px 8px; border-radius:4px;`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: ColorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: ColorService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: ColorService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/*
+ * Public API Surface of color-lib
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { COLOR_LIB_COLOR, ColorService };
+//# sourceMappingURL=color-lib.mjs.map

package/fesm2022/color-lib.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-lib.mjs","sources":["../../../projects/color-lib/src/lib/color.token.ts","../../../projects/color-lib/src/lib/color.service.ts","../../../projects/color-lib/src/public-api.ts","../../../projects/color-lib/src/color-lib.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\n/**\n * Token para inyectar el color favorito configurado via ng-add.\n *\n * Registro manual (si no usaste ng-add):\n *   providers: [{ provide: COLOR_LIB_COLOR, useValue: 'blue' }]\n */\nexport const COLOR_LIB_COLOR = new InjectionToken<string>('COLOR_LIB_COLOR', {\n  providedIn: 'root',\n  factory: () => 'blue', // valor por defecto\n});\n","import { Injectable, inject } from '@angular/core';\nimport { COLOR_LIB_COLOR } from './color.token';\n\n@Injectable({ providedIn: 'root' })\nexport class ColorService {\n  private readonly color = inject(COLOR_LIB_COLOR);\n\n  /** Retorna el color favorito configurado. */\n  getColor(): string {\n    return this.color;\n  }\n\n  /** Loguea el color favorito en consola con estilo CSS. */\n  logColor(): void {\n    console.log(\n      `%c 🎨 Tu color favorito es: ${this.color} `,\n      `background:${this.color}; color:#fff; font-size:14px; padding:4px 8px; border-radius:4px;`\n    );\n  }\n}\n","/*\n * Public API Surface of color-lib\n */\n\nexport { ColorService } from './lib/color.service';\nexport { COLOR_LIB_COLOR } from './lib/color.token';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAEA;;;;;AAKG;MACU,eAAe,GAAG,IAAI,cAAc,CAAS,iBAAiB,EAAE;AAC3E,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,OAAO,EAAE,MAAM,MAAM;AACtB,CAAA;;MCPY,YAAY,CAAA;AACN,IAAA,KAAK,GAAG,MAAM,CAAC,eAAe,CAAC;;IAGhD,QAAQ,GAAA;QACN,OAAO,IAAI,CAAC,KAAK;IACnB;;IAGA,QAAQ,GAAA;AACN,QAAA,OAAO,CAAC,GAAG,CACT,CAAA,4BAAA,EAA+B,IAAI,CAAC,KAAK,CAAA,CAAA,CAAG,EAC5C,cAAc,IAAI,CAAC,KAAK,CAAA,iEAAA,CAAmE,CAC5F;IACH;uGAdW,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAZ,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,cADC,MAAM,EAAA,CAAA;;2FACnB,YAAY,EAAA,UAAA,EAAA,CAAA;kBADxB,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;ACHlC;;AAEG;;ACFH;;AAEG;;;;"}

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@wanderleedev/color-lib",
+  "version": "0.0.2",
+  "peerDependencies": {
+    "@angular/common": "^21.2.0",
+    "@angular/core": "^21.2.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "schematics": "./schematics/collection.json",
+  "ng-add": {
+    "save": "dependencies"
+  },
+  "module": "fesm2022/color-lib.mjs",
+  "typings": "types/color-lib.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/color-lib.d.ts",
+      "default": "./fesm2022/color-lib.mjs"
+    }
+  },
+  "type": "module"
+}

package/schematics/collection.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "schematics": {
+    "ng-add": {
+      "description": "Instala color-lib y configura tu color favorito.",
+      "factory": "./ng-add/index#ngAdd",
+      "schema": "./ng-add/schema.json"
+    }
+  }
+}

package/schematics/ng-add/files/color-lib.config.ts.template

@@ -0,0 +1,4 @@
+// Generado automáticamente por color-lib ng-add
+// Modifica este archivo para cambiar tu color favorito.
+
+export const COLOR = '<%= color %>';

package/schematics/ng-add/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from './schema';
+export declare function ngAdd(options: Schema): Rule;

package/schematics/ng-add/index.js

@@ -0,0 +1,104 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ngAdd = ngAdd;
+const schematics_1 = require("@angular-devkit/schematics");
+const core_1 = require("@angular-devkit/core");
+function createHost(tree) {
+    return {
+        readFile(path) {
+            return __awaiter(this, void 0, void 0, function* () {
+                const data = tree.read(path);
+                if (!data) {
+                    throw new schematics_1.SchematicsException(`File not found: ${path}`);
+                }
+                return data.toString('utf-8');
+            });
+        },
+        writeFile(path, data) {
+            return __awaiter(this, void 0, void 0, function* () {
+                return tree.overwrite(path, data);
+            });
+        },
+        isDirectory(path) {
+            return __awaiter(this, void 0, void 0, function* () {
+                return !tree.exists(path) && tree.getDir(path).subfiles.length > 0;
+            });
+        },
+        isFile(path) {
+            return __awaiter(this, void 0, void 0, function* () {
+                return tree.exists(path);
+            });
+        },
+    };
+}
+function ngAdd(options) {
+    return (tree) => __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        // ── 1. Leer workspace angular.json ────────────────────────────────────
+        const host = createHost(tree);
+        const { workspace } = yield core_1.workspaces.readWorkspace('/', host);
+        // ── 2. Resolver el proyecto destino ───────────────────────────────────
+        const projectName = (_a = options.project) !== null && _a !== void 0 ? _a : workspace.extensions['defaultProject'];
+        const project = projectName ? workspace.projects.get(projectName) : null;
+        if (!project) {
+            throw new schematics_1.SchematicsException(`Proyecto "${projectName}" no encontrado en angular.json. ` +
+                `Usa --project=<nombre> para especificarlo.`);
+        }
+        const projectType = project.extensions['projectType'] === 'application' ? 'app' : 'lib';
+        const srcPath = `${project.sourceRoot}/${projectType}`;
+        // ── 3. Generar color-lib.config.ts desde template ─────────────────────
+        const templateSource = (0, schematics_1.apply)((0, schematics_1.url)('./files'), [
+            (0, schematics_1.applyTemplates)({
+                color: options.color,
+                projectName: projectName,
+            }),
+            (0, schematics_1.move)((0, core_1.normalize)(srcPath)),
+        ]);
+        // ── 4. Inyectar provider en app.config.ts o app.module.ts ─────────────
+        const registerProvider = (hostTree) => {
+            const appConfigPath = `${srcPath}/app.config.ts`;
+            const appModulePath = `${srcPath}/app.module.ts`;
+            if (hostTree.exists(appConfigPath)) {
+                let content = hostTree.read(appConfigPath).toString('utf-8');
+                if (!content.includes('color-lib')) {
+                    const importLine = `import { COLOR_LIB_COLOR } from 'color-lib';\n` +
+                        `import { COLOR } from './color-lib.config';\n`;
+                    content = importLine + content;
+                    content = content.replace(/providers\s*:\s*\[/, `providers: [\n    { provide: COLOR_LIB_COLOR, useValue: COLOR },`);
+                    hostTree.overwrite(appConfigPath, content);
+                }
+            }
+            else if (hostTree.exists(appModulePath)) {
+                let content = hostTree.read(appModulePath).toString('utf-8');
+                if (!content.includes('color-lib')) {
+                    const importLine = `import { COLOR_LIB_COLOR } from 'color-lib';\n` +
+                        `import { COLOR } from './color-lib.config';\n`;
+                    content = importLine + content;
+                    content = content.replace(/providers\s*:\s*\[/, `providers: [\n    { provide: COLOR_LIB_COLOR, useValue: COLOR },`);
+                    hostTree.overwrite(appModulePath, content);
+                }
+            }
+            else {
+                console.warn(`\n⚠️  No se encontró app.config.ts ni app.module.ts en "${srcPath}".\n` +
+                    `   Registra manualmente el provider:\n` +
+                    `   { provide: COLOR_LIB_COLOR, useValue: COLOR }\n` +
+                    `   importando COLOR desde './color-lib.config'\n`);
+            }
+            return hostTree;
+        };
+        return (0, schematics_1.chain)([
+            (0, schematics_1.mergeWith)(templateSource),
+            registerProvider,
+        ]);
+    });
+}
+//# sourceMappingURL=index.js.map

package/schematics/ng-add/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../projects/color-lib/schematics/ng-add/index.ts"],"names":[],"mappings":"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"}

package/schematics/ng-add/schema.d.ts

@@ -0,0 +1,6 @@
+export interface Schema {
+    /** El color favorito ingresado por el usuario via prompt */
+    color: string;
+    /** Nombre del proyecto Angular destino */
+    project?: string;
+}

package/schematics/ng-add/schema.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=schema.js.map

package/schematics/ng-add/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../../projects/color-lib/schematics/ng-add/schema.ts"],"names":[],"mappings":""}

package/schematics/ng-add/schema.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "ColorLibNgAdd",
+  "title": "Color Lib ng-add Schema",
+  "type": "object",
+  "properties": {
+    "color": {
+      "description": "¿Cuál es tu color favorito? (ej: blue, #ff6600, tomato)",
+      "type": "string",
+      "x-prompt": "¿Cuál es tu color favorito? (ej: blue, #ff6600, tomato)"
+    },
+    "project": {
+      "type": "string",
+      "description": "El nombre del proyecto Angular donde instalar la lib.",
+      "$default": {
+        "$source": "projectName"
+      }
+    }
+  },
+  "required": ["color"]
+}

package/types/color-lib.d.ts

@@ -0,0 +1,22 @@
+import * as i0 from '@angular/core';
+import { InjectionToken } from '@angular/core';
+
+declare class ColorService {
+    private readonly color;
+    /** Retorna el color favorito configurado. */
+    getColor(): string;
+    /** Loguea el color favorito en consola con estilo CSS. */
+    logColor(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ColorService>;
+}
+
+/**
+ * Token para inyectar el color favorito configurado via ng-add.
+ *
+ * Registro manual (si no usaste ng-add):
+ *   providers: [{ provide: COLOR_LIB_COLOR, useValue: 'blue' }]
+ */
+declare const COLOR_LIB_COLOR: InjectionToken<string>;
+
+export { COLOR_LIB_COLOR, ColorService };