@fluffjs/cli 0.3.3 → 0.3.6

package/Cli.js

@@ -79,9 +79,13 @@ Options:
   --cwd <dir>             Set working directory
   --no-gzip               Disable gzip compression (overrides config)
 
+Generate Options:
+  --packageManager, -p    Package manager to use (npm, yarn, pnpm, bun)
+
 Examples:
   fluff init              Create fluff.json with default configuration
   fluff generate my-app   Create a new Fluff app called 'my-app'
+  fluff generate my-app --packageManager pnpm   Create app and install with pnpm
   fluff build             Build the default target
   fluff build app         Build the 'app' target
   fluff --nx @myorg/app build   Build an nx package
@@ -263,16 +267,31 @@ Examples:
         console.log(`Configuration saved to ${configPath}`);
     }
     generate(args) {
-        const [appName] = args;
+        let appName = undefined;
+        let packageManager = undefined;
+        for (let i = 0; i < args.length; i++) {
+            const arg = args[i];
+            if (arg === '--packageManager' || arg === '-p') {
+                const nextArg = args[i + 1];
+                if (nextArg === 'npm' || nextArg === 'yarn' || nextArg === 'pnpm' || nextArg === 'bun') {
+                    packageManager = nextArg;
+                    i++;
+                }
+            }
+            else if (!arg.startsWith('-')) {
+                appName = arg;
+            }
+        }
         if (!appName) {
-            console.error('Usage: fluff generate <app-name>');
-            console.error('Example: fluff generate my-app');
+            console.error('Usage: fluff generate <app-name> [--packageManager npm|yarn|pnpm|bun]');
+            console.error('Example: fluff generate my-app --packageManager npm');
             process.exit(1);
         }
         const generator = new Generator();
         generator.generate({
             appName,
-            outputDir: this.cwd
+            outputDir: this.cwd,
+            packageManager
         });
     }
     async build(args) {

package/ComponentCompiler.js

@@ -13,6 +13,7 @@ import importsPlugin from './babel-plugin-imports.js';
 import reactivePlugin, { reactivePropertiesMap } from './babel-plugin-reactive.js';
 import { generate } from './BabelHelpers.js';
 import { CodeGenerator } from './CodeGenerator.js';
+import { DecoratorValidator } from './DecoratorValidator.js';
 import { ErrorHelpers } from './ErrorHelpers.js';
 import { GetterDependencyExtractor } from './GetterDependencyExtractor.js';
 import { Parse5Helpers } from './Parse5Helpers.js';
@@ -154,6 +155,7 @@ export class ComponentCompiler {
         if (!skipDefine) {
             result = this.addCustomElementsDefine(result, selector, className);
         }
+        DecoratorValidator.validate(result, filePath);
         const tsResult = await this.stripTypeScriptWithSourceMap(result, filePath, sourcemap);
         const watchFiles = [];
         if (templatePath) {

package/DecoratorValidator.d.ts

@@ -0,0 +1,10 @@
+export declare class DecoratorValidator {
+    static validate(code: string, filePath: string): void;
+    private static findDecorators;
+    private static checkNode;
+    private static checkClassDeclaration;
+    private static checkClassMember;
+    private static getMemberName;
+    private static getDecoratorName;
+}
+//# sourceMappingURL=DecoratorValidator.d.ts.map

package/DecoratorValidator.js

@@ -0,0 +1,94 @@
+import { parse } from '@babel/parser';
+import * as t from '@babel/types';
+export class DecoratorValidator {
+    static validate(code, filePath) {
+        const decorators = DecoratorValidator.findDecorators(code);
+        if (decorators.length > 0) {
+            const details = decorators.map(d => `  - @${d.name} on ${d.target} '${d.targetName}' at line ${d.line}, column ${d.column}`).join('\n');
+            throw new Error(`Decorators must be stripped before output but ${decorators.length} decorator(s) remain in ${filePath}:\n${details}`);
+        }
+    }
+    static findDecorators(code) {
+        const results = [];
+        let ast = null;
+        try {
+            ast = parse(code, {
+                sourceType: 'module',
+                plugins: ['typescript', 'decorators']
+            });
+        }
+        catch {
+            return results;
+        }
+        if (!ast) {
+            return results;
+        }
+        for (const node of ast.program.body) {
+            DecoratorValidator.checkNode(node, results);
+        }
+        return results;
+    }
+    static checkNode(node, results) {
+        if (t.isExportNamedDeclaration(node) && node.declaration) {
+            DecoratorValidator.checkNode(node.declaration, results);
+            return;
+        }
+        if (t.isExportDefaultDeclaration(node) && t.isClassDeclaration(node.declaration)) {
+            DecoratorValidator.checkClassDeclaration(node.declaration, results);
+            return;
+        }
+        if (t.isClassDeclaration(node)) {
+            DecoratorValidator.checkClassDeclaration(node, results);
+        }
+    }
+    static checkClassDeclaration(node, results) {
+        const className = node.id?.name ?? '<anonymous>';
+        if (node.decorators && node.decorators.length > 0) {
+            for (const decorator of node.decorators) {
+                results.push({
+                    name: DecoratorValidator.getDecoratorName(decorator),
+                    line: decorator.loc?.start.line ?? 0,
+                    column: decorator.loc?.start.column ?? 0,
+                    target: 'class',
+                    targetName: className
+                });
+            }
+        }
+        for (const member of node.body.body) {
+            DecoratorValidator.checkClassMember(member, className, results);
+        }
+    }
+    static checkClassMember(member, className, results) {
+        if (!('decorators' in member) || !member.decorators || member.decorators.length === 0) {
+            return;
+        }
+        const memberName = DecoratorValidator.getMemberName(member);
+        const target = t.isClassMethod(member) ? 'method' : 'property';
+        for (const decorator of member.decorators) {
+            results.push({
+                name: DecoratorValidator.getDecoratorName(decorator),
+                line: decorator.loc?.start.line ?? 0,
+                column: decorator.loc?.start.column ?? 0,
+                target,
+                targetName: `${className}.${memberName}`
+            });
+        }
+    }
+    static getMemberName(member) {
+        if ('key' in member && t.isIdentifier(member.key)) {
+            return member.key.name;
+        }
+        return '<unknown>';
+    }
+    static getDecoratorName(decorator) {
+        if (t.isCallExpression(decorator.expression)) {
+            if (t.isIdentifier(decorator.expression.callee)) {
+                return decorator.expression.callee.name;
+            }
+        }
+        else if (t.isIdentifier(decorator.expression)) {
+            return decorator.expression.name;
+        }
+        return '<unknown>';
+    }
+}

package/Generator.js

@@ -1,4 +1,5 @@
 import * as t from '@babel/types';
+import { execSync } from 'child_process';
 import * as fs from 'fs';
 import * as parse5 from 'parse5';
 import * as path from 'path';
@@ -35,13 +36,26 @@ export class Generator {
         console.log(`   ✓ Created src/app/${kebabName}.component.ts`);
         console.log(`   ✓ Created src/app/${kebabName}.component.html`);
         console.log(`   ✓ Created src/app/${kebabName}.component.css`);
-        console.log('');
-        console.log('✅ App created successfully!');
-        console.log('');
-        console.log('Next steps:');
-        console.log(`   cd ${kebabName}`);
-        console.log('   npm install');
-        console.log('   npx @fluffjs/cli serve');
+        if (options.packageManager) {
+            console.log('');
+            console.log(`   Installing dependencies with ${options.packageManager}...`);
+            execSync(`${options.packageManager} install`, { cwd: appDir, stdio: 'inherit' });
+            console.log('');
+            console.log('✅ App created successfully!');
+            console.log('');
+            console.log('Next steps:');
+            console.log(`   cd ${kebabName}`);
+            console.log('   npx @fluffjs/cli serve');
+        }
+        else {
+            console.log('');
+            console.log('✅ App created successfully!');
+            console.log('');
+            console.log('Next steps:');
+            console.log(`   cd ${kebabName}`);
+            console.log('   npm install');
+            console.log('   npx @fluffjs/cli serve');
+        }
     }
     writeFile(filePath, content) {
         if (fs.existsSync(filePath)) {

package/fluff-esbuild-plugin.js

@@ -6,6 +6,7 @@ import * as t from '@babel/types';
 import { generate } from './BabelHelpers.js';
 import { CodeGenerator } from './CodeGenerator.js';
 import { ComponentCompiler } from './ComponentCompiler.js';
+import { DecoratorValidator } from './DecoratorValidator.js';
 const VIRTUAL_EXPR_TABLE_ID = '@fluff/expr-table';
 function findFluffSourcePath() {
     const thisFile = fileURLToPath(import.meta.url);
@@ -121,6 +122,7 @@ export function fluffPlugin(options) {
                 }
                 if (decorators.hasPipe) {
                     const transformed = await compiler.transformPipeDecorators(source, args.path);
+                    DecoratorValidator.validate(transformed, args.path);
                     return {
                         contents: transformed,
                         loader: 'ts',

package/index.d.ts

@@ -2,6 +2,8 @@ export { ComponentCompiler } from './ComponentCompiler.js';
 export { TemplateParser } from './TemplateParser.js';
 export { CodeGenerator } from './CodeGenerator.js';
 export { Cli } from './Cli.js';
+export { Generator } from './Generator.js';
+export type { PackageManager } from './interfaces/GeneratorOptions.js';
 export type { ComponentInfo } from './interfaces/ComponentInfo.js';
 export type { CompilerOptions } from './interfaces/CompilerOptions.js';
 export type { ControlFlow, SwitchCaseOld } from './interfaces/ControlFlow.js';

package/index.js

@@ -2,3 +2,4 @@ export { ComponentCompiler } from './ComponentCompiler.js';
 export { TemplateParser } from './TemplateParser.js';
 export { CodeGenerator } from './CodeGenerator.js';
 export { Cli } from './Cli.js';
+export { Generator } from './Generator.js';

package/interfaces/GeneratorOptions.d.ts

@@ -1,5 +1,7 @@
+export type PackageManager = 'npm' | 'yarn' | 'pnpm' | 'bun';
 export interface GeneratorOptions {
     appName: string;
     outputDir: string;
+    packageManager?: PackageManager;
 }
 //# sourceMappingURL=GeneratorOptions.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluffjs/cli",
-  "version": "0.3.3",
+  "version": "0.3.6",
   "type": "module",
   "main": "./index.js",
   "module": "./index.js",