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

package/src/commands/packages/enable-publishing.ts

@@ -1,161 +0,0 @@
-import { Command, Flags } from '@oclif/core';
-import { Logger } from '../../utils/logger.js';
-import { loadPackageJson, writePackageJson } from '../../utils/package-json.js';
-import { glob } from 'glob';
-import { readFile } from 'node:fs/promises';
-
-interface ChangesetConfig {
-  $schema?: string;
-  changelog: string;
-  commit: boolean;
-  fixed: string[];
-  linked: string[];
-  access: string;
-  baseBranch: string;
-  updateInternalDependencies: string;
-  ignore: string[];
-}
-
-const REACT_PACKAGE_PATTERNS = [
-  'packages/elements-react/*/package.json',
-  'packages/lib-react/*/package.json',
-];
-
-const CHANGESET_CONFIG_PATH = '.changeset/config.json';
-
-export default class EnablePublishing extends Command {
-  static override description = 'Enable React package publishing by removing private flags';
-
-  static override examples = [
-    '<%= config.bin %> <%= command.id %> --dry-run',
-    '<%= config.bin %> <%= command.id %>',
-  ];
-
-  static override flags = {
-    'dry-run': Flags.boolean({
-      description: 'Show what would be changed without making any changes',
-      default: false,
-    }),
-  };
-
-  private logger = new Logger();
-
-  public async run(): Promise<void> {
-    const { flags } = await this.parse(EnablePublishing);
-
-    this.logger.section('🔄 React Package Publishing Migration');
-
-    if (flags['dry-run']) {
-      this.logger.info('🔍 DRY RUN MODE - No changes will be made\n');
-    }
-
-    const changes: string[] = [];
-    let totalPackages = 0;
-
-    // Step 1: Find all React packages
-    this.logger.info('📦 Finding React packages...');
-    const packagePaths: string[] = [];
-    for (const pattern of REACT_PACKAGE_PATTERNS) {
-      const matches = await glob(pattern);
-      packagePaths.push(...matches);
-    }
-
-    this.logger.info(`   Found ${packagePaths.length} React packages\n`);
-
-    // Step 2: Remove "private": true from package.json files
-    this.logger.info('🔓 Removing private flag from React packages...');
-    const packageNames: string[] = [];
-
-    for (const pkgPath of packagePaths) {
-      const pkg = await loadPackageJson(pkgPath);
-
-      packageNames.push(pkg.name);
-
-      if (pkg.private === true) {
-        totalPackages++;
-        this.logger.info(`   ✓ ${pkg.name}`);
-        changes.push(`Remove private flag from ${pkg.name}`);
-
-        if (!flags['dry-run']) {
-          // Remove the private field
-          delete pkg.private;
-
-          // Write back with proper formatting
-          await writePackageJson(pkgPath, pkg);
-        }
-      }
-    }
-
-    this.logger.info(`   Modified ${totalPackages} package.json files\n`);
-
-    // Step 3: Update .changeset/config.json
-    this.logger.info('⚙️  Updating changeset configuration...');
-    const changesetContent = await readFile(CHANGESET_CONFIG_PATH, 'utf-8');
-    const changesetConfig = JSON.parse(changesetContent) as ChangesetConfig;
-
-    // Filter out React packages from ignore list
-    const reactPackageSet = new Set(packageNames);
-    const originalIgnoreCount = changesetConfig.ignore.length;
-    const newIgnore = changesetConfig.ignore.filter((name) => !reactPackageSet.has(name));
-
-    const removedCount = originalIgnoreCount - newIgnore.length;
-    this.logger.info(`   Removing ${removedCount} packages from ignore list`);
-    changes.push(`Remove ${removedCount} React packages from changeset ignore list`);
-
-    if (!flags['dry-run']) {
-      changesetConfig.ignore = newIgnore;
-      await writePackageJson(CHANGESET_CONFIG_PATH, changesetConfig as any);
-    }
-
-    this.logger.info(`   Updated ${CHANGESET_CONFIG_PATH}\n`);
-
-    // Summary
-    this.logger.section('📋 Summary of Changes');
-
-    for (const change of changes) {
-      this.logger.info(`   • ${change}`);
-    }
-
-    this.logger.info(`\n   Total packages enabled for publishing: ${totalPackages}`);
-
-    if (flags['dry-run']) {
-      this.logger.warn('\n⚠️  This was a dry run. No files were modified.');
-      this.logger.info(
-        '   Run without --dry-run to apply these changes:\n   bun run cli packages:enable-publishing\n'
-      );
-    } else {
-      this.logger.success('\n✅ Migration complete!');
-      this.logger.info('\nNext steps:');
-      this.logger.info('1. Review the changes with: git diff');
-      this.logger.info('2. Create changesets for the React packages you want to publish:');
-      this.logger.info('   bun run changeset');
-      this.logger.info('3. Commit and push the changes:');
-      this.logger.info('   git add .');
-      this.logger.info('   git commit -m "chore: enable React package publishing"');
-      this.logger.info('   git push');
-      this.logger.info('4. Wait for the automated Version Packages PR and merge it to publish\n');
-    }
-
-    // Provide package list
-    this.logger.section('\n📦 Packages that will now be published');
-
-    const elementPackages = packageNames.filter((name) => name.startsWith('@pie-element/'));
-    const libPackages = packageNames.filter((name) => name.startsWith('@pie-lib/'));
-
-    if (elementPackages.length > 0) {
-      this.logger.info('React Elements:');
-      for (const name of elementPackages.sort()) {
-        this.logger.info(`   • ${name}`);
-      }
-      this.log();
-    }
-
-    if (libPackages.length > 0) {
-      this.logger.info('React Libraries:');
-      for (const name of libPackages.sort()) {
-        this.logger.info(`   • ${name}`);
-      }
-      this.log();
-    }
-  }
-}

package/src/commands/packages/init-synced-elements.ts

@@ -1,259 +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';
-const PIE_ELEMENTS_DIR = '../pie-elements/packages';
-
-interface PackageTemplate {
-  name: string;
-  private: boolean;
-  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 InitSyncedElements extends Command {
-  static override description =
-    'Initialize package.json and vite.config.ts files for synced React elements';
-
-  static override examples = [
-    '<%= config.bin %> <%= command.id %>',
-    '<%= config.bin %> <%= command.id %> --element=categorize',
-    '<%= config.bin %> <%= command.id %> --dry-run',
-  ];
-
-  static override flags = {
-    element: Flags.string({
-      description: 'Initialize only specified element',
-    }),
-    '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(InitSyncedElements);
-
-    this.logger = new Logger(flags.verbose);
-
-    this.logger.section('🔧 Initializing synced React elements');
-
-    if (flags['dry-run']) {
-      this.logger.info('   Mode: DRY RUN\n');
-    }
-
-    const elements = await readdir(ELEMENTS_REACT_DIR);
-    let created = 0;
-    let skipped = 0;
-
-    for (const element of elements) {
-      // Skip if filtering by element and this isn't it
-      if (flags.element && element !== flags.element) {
-        continue;
-      }
-
-      const elementDir = join(ELEMENTS_REACT_DIR, element);
-
-      // Skip if not a directory
-      const statResult = await fsStat(elementDir).catch(() => null);
-      if (!statResult?.isDirectory()) {
-        continue;
-      }
-
-      // Skip if src directory doesn't exist
-      if (!existsSync(join(elementDir, 'src'))) {
-        continue;
-      }
-
-      const packageJsonPath = join(elementDir, 'package.json');
-
-      // Skip if package.json already exists
-      if (existsSync(packageJsonPath)) {
-        if (flags.verbose) {
-          this.logger.info(`  ⏭️  ${element}: package.json already exists`);
-        }
-        skipped++;
-        continue;
-      }
-
-      // Read upstream package.json
-      const upstreamPkg = await this.readUpstreamPackageJson(element);
-      if (!upstreamPkg) {
-        this.logger.warn(`  ⚠️  ${element}: Could not read upstream package.json`);
-        continue;
-      }
-
-      // Generate package.json
-      const pkg = this.generatePackageJson(element, upstreamPkg);
-
-      if (!flags['dry-run']) {
-        await writeFile(packageJsonPath, `${JSON.stringify(pkg, null, 2)}\n`, 'utf-8');
-        this.logger.success(`  ✨ ${element}: Created package.json`);
-      } else {
-        this.logger.info(`  🔍 ${element}: Would create package.json`);
-      }
-
-      // Generate vite.config.ts
-      const viteConfigPath = join(elementDir, 'vite.config.ts');
-      if (!existsSync(viteConfigPath)) {
-        if (!flags['dry-run']) {
-          await writeFile(viteConfigPath, this.generateViteConfig(), 'utf-8');
-          this.logger.success(`  ✨ ${element}: Created vite.config.ts`);
-        } else {
-          this.logger.info(`  🔍 ${element}: Would create vite.config.ts`);
-        }
-      }
-
-      created++;
-    }
-
-    this.logger.section(
-      `\n📊 Summary: ${created} ${flags['dry-run'] ? 'would be created' : 'created'}, ${skipped} skipped`
-    );
-  }
-
-  private async readUpstreamPackageJson(
-    elementName: string
-  ): Promise<Record<string, unknown> | null> {
-    const upstreamPath = join(PIE_ELEMENTS_DIR, elementName, 'package.json');
-
-    if (!existsSync(upstreamPath)) {
-      return null;
-    }
-
-    try {
-      const content = await readFile(upstreamPath, 'utf-8');
-      return JSON.parse(content);
-    } catch {
-      return null;
-    }
-  }
-
-  private generatePackageJson(
-    elementName: string,
-    upstreamPkg: Record<string, unknown>
-  ): PackageTemplate {
-    const deps: Record<string, string> = {};
-
-    // Map upstream dependencies to workspace:* for @pie-lib packages
-    const upstreamDeps = upstreamPkg.dependencies as Record<string, string> | undefined;
-    if (upstreamDeps) {
-      for (const [name] of Object.entries(upstreamDeps)) {
-        if (name.startsWith('@pie-lib/')) {
-          deps[name] = 'workspace:*';
-        } else if (!name.startsWith('react') && name !== 'react-dom') {
-          deps[name] = '*';
-        }
-      }
-    }
-
-    return {
-      name: `@pie-element/${elementName}`,
-      private: true,
-      version: '0.1.0',
-      description: `React implementation of ${elementName} 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',
-        },
-      },
-      files: ['dist', 'src'],
-      scripts: {
-        dev: 'vite',
-        build: 'vite build && tsc --emitDeclarationOnly',
-        test: 'vitest run',
-        lint: 'biome check .',
-        'lint:fix': 'biome check --write .',
-      },
-      dependencies: deps,
-      peerDependencies: {
-        react: '^18.0.0',
-        'react-dom': '^18.0.0',
-      },
-      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', 'assessment', elementName],
-      license: 'ISC',
-      repository: {
-        type: 'git',
-        url: 'https://github.com/pie-framework/pie-elements-ng.git',
-        directory: `packages/elements-react/${elementName}`,
-      },
-    };
-  }
-
-  private generateViteConfig(): string {
-    return `import { resolve } from 'node:path';
-import react from '@vitejs/plugin-react';
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-  plugins: [react()],
-  build: {
-    lib: {
-      entry: {
-        index: resolve(__dirname, 'src/index.ts'),
-      },
-      formats: ['es'],
-    },
-    rollupOptions: {
-      external: (id) => {
-        return (
-          /^react($|\\/)/.test(id) ||
-          /^react-dom($|\\/)/.test(id) ||
-          /^@pie-lib\\//.test(id) ||
-          /^@pie-element\\//.test(id) ||
-          /^@pie-framework\\//.test(id) ||
-          /^@mui\\//.test(id) ||
-          /^d3-/.test(id) ||
-          id === 'lodash' ||
-          /^lodash\\//.test(id) ||
-          ['prop-types', 'classnames', 'debug'].includes(id)
-        );
-      },
-      output: {
-        preserveModules: true,
-        preserveModulesRoot: 'src',
-      },
-    },
-  },
-});
-`;
-  }
-}