wally-ui 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Walisson
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,8 @@
+# Wally UI
+
+Angular component generator CLI
+
+## Usage
+```bash
+npx @wally-ui/cli add button    # Add button component
+npx @wally-ui/cli list          # List available components

package/dist/cli.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=cli.d.ts.map

package/dist/cli.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":""}

package/dist/cli.js

@@ -0,0 +1,70 @@
+#!/usr/bin/env node
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const commander_1 = require("commander");
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const chalk_1 = __importDefault(require("chalk"));
+const path_1 = __importDefault(require("path"));
+console.log(chalk_1.default.whiteBright(`
+██╗    ██╗ █████╗ ██╗     ██╗  ██╗   ██╗
+██║    ██║██╔══██╗██║     ██║  ╚██╗ ██╔╝
+██║ █╗ ██║███████║██║     ██║   ╚████╔╝ 
+██║███╗██║██╔══██║██║     ██║    ╚██╔╝  
+╚███╔███╔╝██║  ██║███████╗███████╗██║   
+ ╚══╝╚══╝ ╚═╝  ╚═╝╚══════╝╚══════╝╚═╝   
+                                        
+ Where’s Wally? Right here with Angular UI
+ Stop searching, start building
+`));
+const program = new commander_1.Command();
+program
+    .name('wally')
+    .description('Angular component generator')
+    .version('1.0.0');
+program
+    .command('add <component>')
+    .description('Add a new component')
+    .action(async (component) => {
+    // Check if Angular project
+    if (!fs_extra_1.default.existsSync('angular.json')) {
+        console.log(chalk_1.default.red('Not an Angular project. Run this in Angular project root.'));
+        return;
+    }
+    const templatePath = path_1.default.join(__dirname, '..', 'templates', component);
+    try {
+        const typescriptFile = await fs_extra_1.default.readFile(path_1.default.join(templatePath, `${component}.component.ts`), 'utf8');
+        const htmlFile = await fs_extra_1.default.readFile(path_1.default.join(templatePath, `${component}.component.html`), 'utf8');
+        // Create component directory
+        const componentPath = `src/app/components/${component}`;
+        await fs_extra_1.default.ensureDir(componentPath);
+        // Write files
+        await fs_extra_1.default.writeFile(`${componentPath}/${component}.component.ts`, typescriptFile);
+        await fs_extra_1.default.writeFile(`${componentPath}/${component}.component.html`, htmlFile);
+        console.log(chalk_1.default.green('Template loaded successfully!'));
+    }
+    catch (error) {
+        console.log(chalk_1.default.red(`Template not found: ${component}`));
+    }
+});
+program
+    .command('list')
+    .alias('ls')
+    .description('List available components')
+    .action(async () => {
+    const templatesPath = path_1.default.join(__dirname, '..', 'templates');
+    try {
+        const components = await fs_extra_1.default.readdir(templatesPath);
+        console.log(chalk_1.default.blue('\nAvailable components:'));
+        components.forEach(component => {
+            console.log(chalk_1.default.green(`  ✓ ${component}`));
+        });
+    }
+    catch (error) {
+        console.log(chalk_1.default.red('No templates found'));
+    }
+});
+program.parse();
+//# sourceMappingURL=cli.js.map

package/dist/cli.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.js","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":";;;;;;AAEA,yCAAoC;AACpC,wDAA0B;AAC1B,kDAA0B;AAC1B,gDAAwB;AAExB,OAAO,CAAC,GAAG,CAAC,eAAK,CAAC,WAAW,CAAC;;;;;;;;;;CAU7B,CAAC,CAAC,CAAC;AAEJ,MAAM,OAAO,GAAY,IAAI,mBAAO,EAAE,CAAC;AAEvC,OAAO;KACF,IAAI,CAAC,OAAO,CAAC;KACb,WAAW,CAAC,6BAA6B,CAAC;KAC1C,OAAO,CAAC,OAAO,CAAC,CAAC;AAEtB,OAAO;KACF,OAAO,CAAC,iBAAiB,CAAC;KAC1B,WAAW,CAAC,qBAAqB,CAAC;KAClC,MAAM,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE;IACxB,2BAA2B;IAC3B,IAAI,CAAC,kBAAE,CAAC,UAAU,CAAC,cAAc,CAAC,EAAE,CAAC;QACjC,OAAO,CAAC,GAAG,CAAC,eAAK,CAAC,GAAG,CAAC,2DAA2D,CAAC,CAAC,CAAC;QACpF,OAAO;IACX,CAAC;IAED,MAAM,YAAY,GAAG,cAAI,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC;IAExE,IAAI,CAAC;QACD,MAAM,cAAc,GAAG,MAAM,kBAAE,CAAC,QAAQ,CAAC,cAAI,CAAC,IAAI,CAAC,YAAY,EAAE,GAAG,SAAS,eAAe,CAAC,EAAE,MAAM,CAAC,CAAC;QACvG,MAAM,QAAQ,GAAG,MAAM,kBAAE,CAAC,QAAQ,CAAC,cAAI,CAAC,IAAI,CAAC,YAAY,EAAE,GAAG,SAAS,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAC;QAEnG,6BAA6B;QAC7B,MAAM,aAAa,GAAG,sBAAsB,SAAS,EAAE,CAAC;QACxD,MAAM,kBAAE,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;QAElC,cAAc;QACd,MAAM,kBAAE,CAAC,SAAS,CAAC,GAAG,aAAa,IAAI,SAAS,eAAe,EAAE,cAAc,CAAC,CAAC;QACjF,MAAM,kBAAE,CAAC,SAAS,CAAC,GAAG,aAAa,IAAI,SAAS,iBAAiB,EAAE,QAAQ,CAAC,CAAC;QAE7E,OAAO,CAAC,GAAG,CAAC,eAAK,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC,CAAC;IAC9D,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACb,OAAO,CAAC,GAAG,CAAC,eAAK,CAAC,GAAG,CAAC,uBAAuB,SAAS,EAAE,CAAC,CAAC,CAAC;IAC/D,CAAC;AACL,CAAC,CAAC,CAAC;AAEP,OAAO;KACF,OAAO,CAAC,MAAM,CAAC;KACf,KAAK,CAAC,IAAI,CAAC;KACX,WAAW,CAAC,2BAA2B,CAAC;KACxC,MAAM,CAAC,KAAK,IAAI,EAAE;IACf,MAAM,aAAa,GAAW,cAAI,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC;IAEtE,IAAI,CAAC;QACD,MAAM,UAAU,GAAa,MAAM,kBAAE,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QAC7D,OAAO,CAAC,GAAG,CAAC,eAAK,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC;QACnD,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;YAC3B,OAAO,CAAC,GAAG,CAAC,eAAK,CAAC,KAAK,CAAC,OAAO,SAAS,EAAE,CAAC,CAAC,CAAC;QACjD,CAAC,CAAC,CAAA;IACN,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACb,OAAO,CAAC,GAAG,CAAC,eAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC,CAAC;IACjD,CAAC;AACL,CAAC,CAAC,CAAA;AAEN,OAAO,CAAC,KAAK,EAAE,CAAC"}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "wally-ui",
+  "version": "1.0.0",
+  "description": "About Where’s Wally? Right here — bringing you ready-to-use Angular components with Wally-UI. Stop searching, start building.",
+  "bin": {
+    "wally": "dist/cli.js"
+  },
+  "files": [
+    "dist/**/*",
+    "templates/**/*",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "test": "echo 'Tests temporarily disabled' && exit 0",
+    "prepublishOnly": "npm run build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/WalissonCF/wally-ui.git"
+  },
+  "keywords": [
+    "angular",
+    "cli",
+    "component-generator",
+    "tailwind",
+    "typescript"
+  ],
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "author": "Walisson Ferreira",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/WalissonCF/wally-ui/issues"
+  },
+  "homepage": "https://github.com/WalissonCF/wally-ui#readme",
+  "devDependencies": {
+    "@types/fs-extra": "^11.0.4",
+    "@types/node": "^24.5.1",
+    "typescript": "^5.9.2"
+  },
+  "dependencies": {
+    "chalk": "^5.6.2",
+    "commander": "^14.0.1",
+    "fs-extra": "^11.3.2"
+  }
+}

package/templates/button/button.component.html

@@ -0,0 +1,16 @@
+<div class="max-w-md mx-auto bg-white rounded-xl shadow-md p-6">
+    <h2 class="text-2xl font-bold text-gray-900 mb-4 text-center">
+        {{ title() }}
+    </h2>
+
+    <button (click)="onClick()"
+        class="w-full bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 px-6 rounded-lg transition-colors">
+        Clique em mim!
+    </button>
+
+    <div class="mt-4 text-center">
+        <span class="text-lg font-semibold text-blue-600">
+            Cliques: {{ clickCount() }}
+        </span>
+    </div>
+</div>

package/templates/button/button.component.ts

@@ -0,0 +1,18 @@
+import { Component, signal } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+@Component({
+    selector: 'app-button',
+    standalone: true,
+    imports: [CommonModule],
+    templateUrl: './button.component.html'
+})
+export class ButtonComponent {
+    title = signal('Button Component');
+    clickCount = signal(0);
+
+    onClick() {
+        this.clickCount.update(count => count + 1);
+        console.log(`${this.title()} clicado ${this.clickCount()} vezes`);
+    }
+}