@reapit/elements 5.0.0-beta.70 → 5.0.0-beta.71

package/bin/elements.cjs

@@ -0,0 +1,71 @@
+#!/usr/bin/env node
+const { spawn } = require('node:child_process')
+const { join } = require('node:path')
+const { readFileSync } = require('node:fs')
+
+const args = process.argv.slice(2)
+const command = args[0]
+
+function getVersion() {
+  const packageJsonPath = join(__dirname, '..', 'package.json')
+  const packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf8'))
+  return packageJson.version
+}
+
+function printHelp() {
+  console.log(`
+@reapit/elements CLI
+
+Usage: elements <command> [options]
+
+Commands:
+  codemod                 Run codemods to migrate code (see 'elements codemod --help')
+
+Options:
+  --version, -v           Show version number
+  --help, -h              Show this help message
+
+Examples:
+  elements codemod list
+  elements codemod apply at-a-glance-article-card src/
+  elements --version
+
+For more information, visit: https://github.com/reapit/elements
+`)
+}
+
+function handleCodemod(codemodArgs) {
+  const child = spawn(
+    process.execPath,
+    ['--experimental-strip-types', '--no-warnings', join(__dirname, '..', 'codemods', 'bin.ts'), ...codemodArgs],
+    { stdio: 'inherit' },
+  )
+
+  child.on('exit', (code) => {
+    process.exit(code ?? 0)
+  })
+}
+
+// Handle no command or help
+if (!command || command === '--help' || command === '-h') {
+  printHelp()
+  process.exit(0)
+}
+
+// Handle version
+if (command === '--version' || command === '-v') {
+  console.log(getVersion())
+  process.exit(0)
+}
+
+// Route commands
+switch (command) {
+  case 'codemod':
+    handleCodemod(args.slice(1))
+    break
+
+  default:
+    console.error(`Error: Unknown command '${command}'`)
+    console.log("\nRun 'elements --help' for usage information.")
+    process.exit(1)
+}

package/codemods/at-a-glance-article-card/README.md

@@ -10,19 +10,19 @@ Migrates old `AtAGlance.Card` usage to the new `AtAGlance.ArticleCard` component
 
 ```bash
 # List available codemods
-yarn codemod list
+yarn dlx @reapit/elements@beta codemod list
 
 # Show detailed info about this codemod
-yarn codemod info at-a-glance-article-card
+yarn dlx @reapit/elements@beta codemod info at-a-glance-article-card
 
 # Run on a directory
-yarn codemod apply at-a-glance-article-card src/
+yarn dlx @reapit/elements@beta codemod apply at-a-glance-article-card src/
 
 # Preview changes without writing files
-yarn codemod apply at-a-glance-article-card src/ --dry-run
+yarn dlx @reapit/elements@beta codemod apply at-a-glance-article-card src/ --dry-run
 
 # Specify file extensions
-yarn codemod apply at-a-glance-article-card src/ --ext .tsx,.jsx
+yarn dlx @reapit/elements@beta codemod apply at-a-glance-article-card src/ --ext .tsx,.jsx
 ```
 
 ### Facade Package Support
@@ -30,7 +30,7 @@ yarn codemod apply at-a-glance-article-card src/ --ext .tsx,.jsx
 If your project re-exports `@reapit/elements` through an internal facade package, use the `--facade-package` flag:
 
 ```bash
-yarn codemod apply at-a-glance-article-card src/ --facade-package @company/ui-components
+yarn dlx @reapit/elements@beta codemod apply at-a-glance-article-card src/ --facade-package @company/ui-components
 ```
 
 The codemod uses **prefix matching**, so specifying a base package will match all its subpaths:
@@ -41,14 +41,14 @@ The codemod uses **prefix matching**, so specifying a base package will match al
 # - @company/design-system/core
 # - @company/design-system/utils
 # - etc.
-yarn codemod apply at-a-glance-article-card src/ --facade-package @company/design-system
+yarn dlx @reapit/elements@beta codemod apply at-a-glance-article-card src/ --facade-package @company/design-system
 ```
 
 If you have multiple unrelated facade packages, run the codemod once for each package:
 
 ```bash
-yarn codemod apply at-a-glance-article-card src/ --facade-package @company/ui
-yarn codemod apply at-a-glance-article-card src/ --facade-package @another/design-lib
+yarn dlx @reapit/elements@beta codemod apply at-a-glance-article-card src/ --facade-package @company/ui
+yarn dlx @reapit/elements@beta codemod apply at-a-glance-article-card src/ --facade-package @another/design-lib
 ```
 
 **Example with facade package:**

package/codemods/bin.ts

@@ -4,7 +4,7 @@ import { parseFrontMatter } from './readme-parser.ts'
 
 function printHelp(): void {
   console.log(`
-Usage: codemod <command> [options]
+Usage: yarn dlx @reapit/elements@beta codemod <command> [options]
 
 Commands:
   list                    List available codemods
@@ -15,16 +15,16 @@ Options:
   --help, -h              Show this help message
 
 Examples:
-  yarn codemod list
-  yarn codemod info at-a-glance
-  yarn codemod apply at-a-glance src/
-  yarn codemod apply at-a-glance src/ --dry-run
+  yarn dlx @reapit/elements@beta codemod list
+  yarn dlx @reapit/elements@beta codemod info at-a-glance-article-card
+  yarn dlx @reapit/elements@beta codemod apply at-a-glance-article-card src/
+  yarn dlx @reapit/elements@beta codemod apply at-a-glance-article-card src/ --dry-run
 `)
 }
 
 function printApplyHelp(codemodName: string): void {
   console.log(`
-Usage: codemod apply ${codemodName} <directory> [options]
+Usage: yarn dlx @reapit/elements@beta codemod apply ${codemodName} <directory> [options]
 
 Arguments:
   <directory>             Directory to search for files to transform
@@ -36,10 +36,10 @@ Options:
   --help, -h              Show this help message
 
 Examples:
-  yarn codemod apply ${codemodName} src/
-  yarn codemod apply ${codemodName} src/ --dry-run
-  yarn codemod apply ${codemodName} src/ --ext .tsx,.jsx
-  yarn codemod apply ${codemodName} src/ --facade-package @company/ui-components
+  yarn dlx @reapit/elements@beta codemod apply ${codemodName} src/
+  yarn dlx @reapit/elements@beta codemod apply ${codemodName} src/ --dry-run
+  yarn dlx @reapit/elements@beta codemod apply ${codemodName} src/ --ext .tsx,.jsx
+  yarn dlx @reapit/elements@beta codemod apply ${codemodName} src/ --facade-package @company/ui-components
 `)
 }
 
@@ -66,7 +66,7 @@ function printList(): void {
     }
   }
 
-  console.log("\nRun 'codemod info <name>' for more details.")
+  console.log("\nRun 'yarn dlx @reapit/elements@beta codemod info <name>' for more details.")
 }
 
 function printInfo(name: string): void {
@@ -122,8 +122,8 @@ async function handleApply(args: string[]): Promise<void> {
 
   if (!codemodName || codemodName.startsWith('-')) {
     console.error('Error: No codemod name provided')
-    console.log('\nUsage: codemod apply <name> <directory> [options]')
-    console.log("\nRun 'codemod list' to see available codemods.")
+    console.log('\nUsage: yarn dlx @reapit/elements@beta codemod apply <name> <directory> [options]')
+    console.log("\nRun 'yarn dlx @reapit/elements@beta codemod list' to see available codemods.")
     process.exit(1)
   }
 
@@ -180,8 +180,8 @@ async function main(): Promise<void> {
       const name = args[1]
       if (!name || name.startsWith('-')) {
         console.error('Error: No codemod name provided')
-        console.log('\nUsage: codemod info <name>')
-        console.log("\nRun 'codemod list' to see available codemods.")
+        console.log('\nUsage: yarn dlx @reapit/elements@beta codemod info <name>')
+        console.log("\nRun 'yarn dlx @reapit/elements@beta codemod list' to see available codemods.")
         process.exit(1)
       }
       printInfo(name)

package/package.json

@@ -1,16 +1,13 @@
 {
   "name": "@reapit/elements",
-  "version": "5.0.0-beta.70",
+  "version": "5.0.0-beta.71",
   "description": "A collection of React components and utilities for building apps for Reapit Marketplace",
   "homepage": "https://github.com/reapit/elements#readme",
   "bugs": {
     "url": "https://github.com/reapit/elements/issues"
   },
   "type": "module",
-  "bin": {
-    "codemod": "./codemods/bin.cjs",
-    "elements-deploy": "./scripts/cdk/bin/rpt-cdk.cjs"
-  },
+  "bin": "./bin/elements.cjs",
   "engines": {
     "node": ">=22.18.0"
   },
@@ -74,6 +71,7 @@
     "dist/",
     "assets/",
     "coverage/badges",
+    "bin/",
     "codemods/"
   ],
   "scripts": {
@@ -98,7 +96,7 @@
     "check:lint:es": "eslint --cache --ext=ts,tsx,js src",
     "make-badge": "coverage-badges --type ${0} --source coverage/report/coverage-summary.json --output coverage/badges/badge-${0}.svg --jsonPath total.${0}.pct",
     "publish": "yarn npm publish --access public",
-    "deploy": "elements-deploy deploy",
+    "deploy": "yarn node scripts/cdk/bin/rpt-cdk.cjs deploy",
     "start": "storybook dev -p 6006",
     "test": "vitest",
     "visual-test": "yarn build:storybook && yarn playwright test"

package/codemods/bin.cjs

@@ -1,13 +0,0 @@
-#!/usr/bin/env node
-const { spawn } = require('node:child_process')
-const { join } = require('node:path')
-
-const child = spawn(
-  process.execPath,
-  ['--experimental-strip-types', '--no-warnings', join(__dirname, 'bin.ts'), ...process.argv.slice(2)],
-  { stdio: 'inherit' },
-)
-
-child.on('exit', (code) => {
-  process.exit(code ?? 0)
-})

package/scripts/cdk/bin/rpt-cdk.cjs

@@ -1,10 +0,0 @@
-#! /usr/bin/env node
-const path = require('path')
-const fs = require('fs')
-
-const tsConfigLocation = path.resolve(__dirname, '../tsconfig.json')
-
-const config = JSON.parse(fs.readFileSync(tsConfigLocation, 'utf-8'))
-
-require('ts-node').register(config)
-require('../src/bin/rpt-cdk.cts')