@pie-element/cli 0.1.1 → 0.1.2-next.0

package/src/commands/packages/create-lib-react.ts

@@ -1,279 +0,0 @@
-import { Command, Flags } from '@oclif/core';
-import { Logger } from '../../utils/logger.js';
-import { loadPackageJson } from '../../utils/package-json.js';
-import { existsSync } from 'node:fs';
-import { mkdir, readdir, writeFile, stat as fsStat } from 'node:fs/promises';
-import { join } from 'node:path';
-
-interface PackageJson {
-  name: string;
-  version: string;
-  description: string;
-  type: string;
-  main: string;
-  types: string;
-  exports: Record<string, unknown>;
-  files: string[];
-  scripts: Record<string, string>;
-  dependencies?: Record<string, string>;
-  peerDependencies?: Record<string, string>;
-  devDependencies?: Record<string, string>;
-  keywords: string[];
-  license: string;
-  repository: {
-    type: string;
-    url: string;
-    directory: string;
-  };
-}
-
-export default class CreateLibReact extends Command {
-  static override description = 'Create package.json files for synced @pie-lib packages';
-
-  static override examples = [
-    '<%= config.bin %> <%= command.id %>',
-    '<%= config.bin %> <%= command.id %> --dry-run',
-  ];
-
-  static override flags = {
-    'dry-run': Flags.boolean({
-      description: 'Show what would be created without making changes',
-      default: false,
-    }),
-    verbose: Flags.boolean({
-      char: 'v',
-      description: 'Show detailed output',
-      default: false,
-    }),
-  };
-
-  private logger = new Logger();
-
-  public async run(): Promise<void> {
-    const { flags } = await this.parse(CreateLibReact);
-
-    this.logger = new Logger(flags.verbose);
-
-    this.logger.section('📦 Creating package.json files for @pie-lib packages');
-    this.logger.info(`   Mode: ${flags['dry-run'] ? 'DRY RUN' : 'LIVE'}\n`);
-
-    const libReactDir = 'packages/lib-react';
-    const packages = await readdir(libReactDir);
-
-    let created = 0;
-    let skipped = 0;
-
-    for (const pkg of packages) {
-      const pkgPath = join(libReactDir, pkg);
-      const statResult = await fsStat(pkgPath);
-
-      if (!statResult.isDirectory() || pkg === 'node_modules') {
-        continue;
-      }
-
-      // Check if src directory exists
-      const srcPath = join(pkgPath, 'src');
-      if (!existsSync(srcPath)) {
-        continue;
-      }
-
-      try {
-        const packageJsonPath = join(pkgPath, 'package.json');
-        if (existsSync(packageJsonPath)) {
-          skipped++;
-          this.logger.info(`  ⏭️  ${pkg}: Already configured`);
-          continue;
-        }
-
-        await this.createPackageJson(pkg, flags['dry-run']);
-        await this.createViteConfig(pkg, flags['dry-run']);
-        await this.createTsConfig(pkg, flags['dry-run']);
-        created++;
-      } catch (error) {
-        this.logger.error(`  ❌ ${pkg}: Error - ${error}`);
-      }
-    }
-
-    this.logger.success(`\n✅ Created ${created} package configurations`);
-    this.logger.info(`⏭️  Skipped ${skipped} existing packages`);
-
-    if (!flags['dry-run'] && created > 0) {
-      this.logger.section('\n💡 Next steps');
-      this.logger.info('  1. Run: bun install (to link workspace packages)');
-      this.logger.info('  2. Run: bun run build --filter="@pie-lib/*" (to build all lib packages)');
-      this.logger.info('  3. Update React elements to use the new workspace dependencies\n');
-    }
-  }
-
-  private async getUpstreamPackageJson(pkgName: string): Promise<PackageJson | null> {
-    const upstreamPath = join('../pie-lib/packages', pkgName, 'package.json');
-    if (existsSync(upstreamPath)) {
-      return (await loadPackageJson(upstreamPath)) as unknown as PackageJson;
-    }
-    return null;
-  }
-
-  private convertDependencies(deps: Record<string, string> | undefined): Record<string, string> {
-    if (!deps) return {};
-
-    const converted: Record<string, string> = {};
-    for (const [name, version] of Object.entries(deps)) {
-      if (name.startsWith('@pie-lib/')) {
-        // Convert to workspace dependency
-        converted[name] = 'workspace:*';
-      } else {
-        // Keep external dependencies as-is
-        converted[name] = version;
-      }
-    }
-    return converted;
-  }
-
-  private async createPackageJson(pkgName: string, dryRun: boolean = false): Promise<void> {
-    const targetDir = join('packages/lib-react', pkgName);
-    const targetPath = join(targetDir, 'package.json');
-
-    // Skip if package.json already exists
-    if (existsSync(targetPath)) {
-      this.logger.info(`  ⏭️  ${pkgName}: package.json already exists`);
-      return;
-    }
-
-    // Get upstream package.json for dependencies
-    const upstream = await this.getUpstreamPackageJson(pkgName);
-
-    const packageJson: PackageJson = {
-      name: `@pie-lib/${pkgName}`,
-      version: '0.1.0',
-      description:
-        upstream?.description || `React implementation of @pie-lib/${pkgName} synced from pie-lib`,
-      type: 'module',
-      main: './dist/index.js',
-      types: './dist/index.d.ts',
-      exports: {
-        '.': {
-          types: './dist/index.d.ts',
-          default: './dist/index.js',
-        },
-      },
-      files: ['dist', 'src'],
-      scripts: {
-        build: 'vite build && tsc --emitDeclarationOnly',
-        lint: 'biome check .',
-        'lint:fix': 'biome check --write .',
-      },
-      keywords: ['pie', 'pie-lib', 'react', pkgName],
-      license: 'ISC',
-      repository: {
-        type: 'git',
-        url: 'https://github.com/pie-framework/pie-elements-ng.git',
-        directory: `packages/lib-react/${pkgName}`,
-      },
-    };
-
-    // Convert dependencies
-    if (upstream?.dependencies) {
-      packageJson.dependencies = this.convertDependencies(upstream.dependencies);
-    }
-
-    if (upstream?.peerDependencies) {
-      packageJson.peerDependencies = this.convertDependencies(upstream.peerDependencies);
-    }
-
-    // Add common devDependencies
-    packageJson.devDependencies = {
-      '@types/react': '^18.2.0',
-      '@types/react-dom': '^18.2.0',
-      '@vitejs/plugin-react': '^4.2.0',
-      typescript: '^5.9.3',
-      vite: '^6.0.0',
-    };
-
-    if (dryRun) {
-      this.logger.info(`  🔍 ${pkgName}: Would create package.json`);
-    } else {
-      await mkdir(targetDir, { recursive: true });
-      await writeFile(targetPath, `${JSON.stringify(packageJson, null, 2)}\n`, 'utf-8');
-      this.logger.success(`  ✨ ${pkgName}: Created package.json`);
-    }
-  }
-
-  private async createViteConfig(pkgName: string, dryRun: boolean = false): Promise<void> {
-    const targetDir = join('packages/lib-react', pkgName);
-    const targetPath = join(targetDir, 'vite.config.ts');
-
-    // Skip if vite.config.ts already exists
-    if (existsSync(targetPath)) {
-      return;
-    }
-
-    const viteConfig = `import react from '@vitejs/plugin-react';
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-  plugins: [react()],
-  build: {
-    lib: {
-      entry: './src/index.ts',
-      formats: ['es'],
-      fileName: () => 'index.js',
-    },
-    rollupOptions: {
-      external: [
-        'react',
-        'react-dom',
-        'react/jsx-runtime',
-        'prop-types',
-        'lodash',
-        'debug',
-        'classnames',
-        /^@pie-lib\\//,
-        /^@pie-framework\\//,
-        /^@pie-element\\//,
-        /^@mui\\//,
-        /^@emotion\\//,
-        /^@dnd-kit\\//,
-        /^react-transition-group/,
-      ],
-    },
-    outDir: 'dist',
-    emptyOutDir: true,
-  },
-});
-`;
-
-    if (dryRun) {
-      this.logger.info(`  🔍 ${pkgName}: Would create vite.config.ts`);
-    } else {
-      await writeFile(targetPath, viteConfig, 'utf-8');
-    }
-  }
-
-  private async createTsConfig(pkgName: string, dryRun: boolean = false): Promise<void> {
-    const targetDir = join('packages/lib-react', pkgName);
-    const targetPath = join(targetDir, 'tsconfig.json');
-
-    // Skip if tsconfig.json already exists
-    if (existsSync(targetPath)) {
-      return;
-    }
-
-    const tsConfig = {
-      extends: '../../../tsconfig.base.json',
-      compilerOptions: {
-        outDir: './dist',
-        rootDir: './src',
-        declaration: true,
-        emitDeclarationOnly: false,
-      },
-      include: ['src/**/*'],
-      exclude: ['node_modules', 'dist', '**/*.spec.ts', '**/*.spec.tsx'],
-    };
-
-    if (dryRun) {
-      this.logger.info(`  🔍 ${pkgName}: Would create tsconfig.json`);
-    } else {
-      await writeFile(targetPath, `${JSON.stringify(tsConfig, null, 2)}\n`, 'utf-8');
-    }
-  }
-}

package/src/commands/packages/create-react-elements.ts

@@ -1,306 +0,0 @@
-import { Command, Flags } from '@oclif/core';
-import { Logger } from '../../utils/logger.js';
-import { existsSync } from 'node:fs';
-import { readdir, readFile, writeFile, stat as fsStat } from 'node:fs/promises';
-import { join } from 'node:path';
-
-const ELEMENTS_REACT_DIR = 'packages/elements-react';
-
-interface ElementDeps {
-  deps: Set<string>;
-  peerDeps: Set<string>;
-}
-
-export default class CreateReactElements extends Command {
-  static override description = 'Create package.json files for synced React elements';
-
-  static override examples = ['<%= config.bin %> <%= command.id %>'];
-
-  static override flags = {
-    verbose: Flags.boolean({
-      char: 'v',
-      description: 'Show detailed output',
-      default: false,
-    }),
-  };
-
-  private logger = new Logger();
-
-  public async run(): Promise<void> {
-    const { flags } = await this.parse(CreateReactElements);
-
-    this.logger = new Logger(flags.verbose);
-
-    this.logger.section('📦 Creating package.json files for React elements');
-
-    const elements = await readdir(ELEMENTS_REACT_DIR);
-    let created = 0;
-    let skipped = 0;
-
-    for (const element of elements) {
-      const elementDir = join(ELEMENTS_REACT_DIR, element);
-      const packageJsonPath = join(elementDir, 'package.json');
-
-      // Skip if not a directory
-      const statResult = await fsStat(elementDir).catch(() => null);
-      if (!statResult?.isDirectory()) {
-        continue;
-      }
-
-      // Skip if package.json already exists
-      if (existsSync(packageJsonPath)) {
-        this.logger.info(`  ⏭️  ${element}: package.json already exists`);
-        skipped++;
-        continue;
-      }
-
-      // Scan for dependencies
-      const { deps, peerDeps } = await this.scanElement(elementDir);
-
-      // Add controller package as a dependency
-      const controllerPkg = `@pie-element/${element}-controller`;
-      deps.add(controllerPkg);
-
-      // Generate package.json
-      const packageContent = this.generatePackageJson(
-        element,
-        Array.from(deps),
-        Array.from(peerDeps)
-      );
-
-      // Write package.json
-      await writeFile(packageJsonPath, packageContent, 'utf-8');
-
-      // Generate vite.config.ts
-      const viteConfigPath = join(elementDir, 'vite.config.ts');
-      if (!existsSync(viteConfigPath)) {
-        await writeFile(viteConfigPath, this.generateViteConfig(), 'utf-8');
-      }
-
-      // Generate tsconfig.json
-      const tsconfigPath = join(elementDir, 'tsconfig.json');
-      if (!existsSync(tsconfigPath)) {
-        await writeFile(tsconfigPath, this.generateTsConfig(), 'utf-8');
-      }
-
-      this.logger.success(
-        `  ✅ ${element}: Created package.json (${deps.size} deps, ${peerDeps.size} peer deps)`
-      );
-      created++;
-    }
-
-    this.logger.section(`\n📊 Summary: ${created} created, ${skipped} skipped`);
-  }
-
-  private async scanElement(elementDir: string): Promise<ElementDeps> {
-    const srcDir = join(elementDir, 'src');
-    const deps = new Set<string>();
-    const peerDeps = new Set<string>();
-
-    if (!existsSync(srcDir)) {
-      return { deps, peerDeps };
-    }
-
-    // Recursively scan all .ts and .tsx files
-    const scanDir = async (dir: string): Promise<void> => {
-      const items = await readdir(dir, { withFileTypes: true });
-
-      for (const item of items) {
-        const itemPath = join(dir, item.name);
-
-        if (item.isDirectory()) {
-          await scanDir(itemPath);
-        } else if (item.name.endsWith('.ts') || item.name.endsWith('.tsx')) {
-          const content = await readFile(itemPath, 'utf-8');
-          const fileDeps = this.extractDeps(content);
-
-          for (const dep of fileDeps.deps) deps.add(dep);
-          for (const dep of fileDeps.peerDeps) peerDeps.add(dep);
-        }
-      }
-    };
-
-    await scanDir(srcDir);
-
-    return { deps, peerDeps };
-  }
-
-  private extractDeps(content: string): { deps: string[]; peerDeps: string[] } {
-    const deps = new Set<string>();
-    const peerDeps = new Set<string>();
-
-    // Match import statements
-    const importRegex = /^import .* from ['"]([^'"]+)['"]/gm;
-    const matches = content.matchAll(importRegex);
-
-    for (const match of matches) {
-      const dep = match[1];
-
-      // Skip relative imports
-      if (dep.startsWith('.')) continue;
-
-      // React is a peer dependency
-      if (dep === 'react' || dep.startsWith('react/')) {
-        peerDeps.add('react');
-        continue;
-      }
-      if (dep === 'react-dom' || dep.startsWith('react-dom/')) {
-        peerDeps.add('react-dom');
-        continue;
-      }
-
-      // Add @pie-lib packages
-      if (dep.startsWith('@pie-lib/')) {
-        deps.add(dep.split('/').slice(0, 2).join('/'));
-      }
-      // Add @pie-element packages (controller packages)
-      else if (dep.startsWith('@pie-element/')) {
-        deps.add(dep.split('/').slice(0, 2).join('/'));
-      }
-      // Add other scoped packages
-      else if (dep.startsWith('@')) {
-        deps.add(dep.split('/').slice(0, 2).join('/'));
-      }
-      // Add non-scoped packages
-      else if (!dep.includes('/')) {
-        deps.add(dep);
-      } else {
-        // Package with sub-path (e.g., lodash/get)
-        deps.add(dep.split('/')[0]);
-      }
-    }
-
-    return {
-      deps: Array.from(deps).sort(),
-      peerDeps: Array.from(peerDeps).sort(),
-    };
-  }
-
-  private generatePackageJson(name: string, deps: string[], peerDeps: string[]): string {
-    const dependencies: Record<string, string> = {};
-    const peerDependencies: Record<string, string> = {};
-
-    // Add dependencies (use * for external deps, they're in root package.json)
-    for (const dep of deps) {
-      // Use workspace protocol for internal packages
-      if (dep.startsWith('@pie-element/')) {
-        dependencies[dep] = 'workspace:*';
-      } else {
-        dependencies[dep] = '*';
-      }
-    }
-
-    // Add peer dependencies
-    for (const dep of peerDeps) {
-      peerDependencies[dep] = '^18.0.0';
-    }
-
-    const pkg = {
-      name: `@pie-element/${name}`,
-      version: '0.1.0',
-      description: `React implementation of ${name} element synced from pie-elements`,
-      type: 'module',
-      main: './dist/index.js',
-      types: './dist/index.d.ts',
-      exports: {
-        '.': {
-          types: './dist/index.d.ts',
-          default: './dist/index.js',
-        },
-        './delivery': {
-          types: './dist/delivery/index.d.ts',
-          default: './dist/delivery/index.js',
-        },
-        './configure': {
-          types: './dist/configure/index.d.ts',
-          default: './dist/configure/index.js',
-        },
-        './controller': {
-          types: './dist/controller/index.d.ts',
-          default: './dist/controller/index.js',
-        },
-      },
-      files: ['dist', 'src'],
-      scripts: {
-        dev: 'vite',
-        build: 'vite build && tsc --emitDeclarationOnly',
-        test: 'vitest run',
-        lint: 'biome check .',
-        'lint:fix': 'biome check --write .',
-      },
-      dependencies: Object.keys(dependencies).length > 0 ? dependencies : undefined,
-      peerDependencies: Object.keys(peerDependencies).length > 0 ? peerDependencies : undefined,
-      devDependencies: {
-        '@types/react': '^18.2.0',
-        '@types/react-dom': '^18.2.0',
-        '@vitejs/plugin-react': '^4.2.0',
-        typescript: '^5.9.3',
-        vite: '^6.0.0',
-        vitest: '^2.1.0',
-      },
-      keywords: ['pie', 'pie-element', 'react', name, 'assessment'],
-      license: 'ISC',
-      repository: {
-        type: 'git',
-        url: 'https://github.com/pie-framework/pie-elements-ng.git',
-        directory: `packages/elements-react/${name}`,
-      },
-    };
-
-    // Remove undefined fields
-    const cleaned = JSON.parse(JSON.stringify(pkg));
-
-    return `${JSON.stringify(cleaned, null, 2)}\n`;
-  }
-
-  private generateViteConfig(): string {
-    return `import react from '@vitejs/plugin-react';
-import { defineConfig } from 'vite';
-import { resolve } from 'node:path';
-
-export default defineConfig({
-  plugins: [react()],
-  build: {
-    lib: {
-      entry: {
-        index: resolve(__dirname, 'src/index.ts'),
-        'delivery/index': resolve(__dirname, 'src/index.ts'),
-        'configure/index': resolve(__dirname, 'src/configure/index.ts'),
-      },
-      formats: ['es'],
-    },
-    rollupOptions: {
-      external: [
-        /^react($|\\/)/,
-        /^react-dom($|\\/)/,
-        /^@pie-lib/,
-        /^@pie-element/,
-        /^@pie-framework/,
-        /^@mui/,
-      ],
-      output: {
-        preserveModules: true,
-        preserveModulesRoot: 'src',
-      },
-    },
-  },
-});
-`;
-  }
-
-  private generateTsConfig(): string {
-    return `{
-  "extends": "../../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./dist",
-    "rootDir": "./src",
-    "jsx": "react-jsx",
-    "declaration": true,
-    "emitDeclarationOnly": false
-  },
-  "include": ["src/**/*"],
-  "exclude": ["node_modules", "dist", "**/*.test.ts", "**/*.test.tsx"]
-}
-`;
-  }
-}