Introduce the connector bundle logic to create the minified JS output

Author: saikambaiyyagari

package.json

@@ -32,7 +32,8 @@
     "standard": "^17.0.0",
     "ts-node": "^10.9.1",
     "typescript": "~4.7.4",
-    "yarn-audit-fix": "^10.1.1"
+    "yarn-audit-fix": "^10.1.1",
+    "@types/sinon-chai": "^4.0.0"
   },
   "engines": {
     "node": ">=20.17.0"

packages/zcli-connectors/package.json

@@ -23,7 +23,12 @@
     "chalk": "^4.1.2",
     "fs-extra": "^10.0.0",
     "rimraf": "^3.0.2",
-    "tslib": "^2.4.0"
+    "tslib": "^2.4.0",
+    "ora": "^5.4.1",
+    "@rollup/plugin-babel": "^6.0.0",
+    "@rollup/plugin-commonjs": "^25.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.0",
+    "vite": "7.1.3"
   },
   "devDependencies": {
     "@oclif/test": "=2.1.0",
@@ -39,7 +44,8 @@
     "eslint-config-oclif-typescript": "^1.0.2",
     "lerna": "^5.6.2",
     "mocha": "^10.8.2",
-    "sinon": "^14.0.0"
+    "sinon": "^14.0.0",
+    "sinon-chai": "^4.0.1"
   },
   "files": [
     "/bin",

packages/zcli-connectors/src/commands/connectors/bundle.ts

@@ -1,27 +1,125 @@
-import { Command } from '@oclif/core'
-import * as path from 'path'
+import { Command, Flags } from '@oclif/core'
+import { existsSync, mkdirSync } from 'fs'
+import { join, resolve } from 'path'
 import * as chalk from 'chalk'
+import { ViteConfigBuilder, ViteRunner } from '../../lib/vite'
+import * as ora from 'ora'
 
 export default class Bundle extends Command {
-  static description = 'bundles your connector package (Note: This command is not yet available for customers)'
+  static examples = [
+    '<%= config.bin %> <%= command.id %> ./example-connector',
+    '<%= config.bin %> <%= command.id %> ./example-connector --output ./bundled',
+    '<%= config.bin %> <%= command.id %> --input ./dist --output ./bundle'
+  ]
+
+  static flags = {
+    help: Flags.help({ char: 'h' }),
+    input: Flags.string({
+      char: 'i',
+      description: 'input directory containing built connector files',
+      default: '.'
+    }),
+    output: Flags.string({
+      char: 'o',
+      description: 'output directory for bundled files'
+    }),
+    verbose: Flags.boolean({
+      char: 'v',
+      description: 'verbose output',
+      default: false
+    }),
+    watch: Flags.boolean({
+      char: 'w',
+      description: 'watch for changes and rebuild',
+      default: false
+    })
+  }
 
   static args = [
-    { name: 'connectorDirectory', default: '.', description: 'connector path where configuration exists' }
+    {
+      name: 'path',
+      description: 'path to connector directory (will use dist/ folder inside)'
+    }
   ]
 
-  static examples = [
-    '$ zcli connectors:bundle .',
-    '$ zcli connectors:bundle ./connector1'
-  ]
+  async run (): Promise<void> {
+    const { args, flags } = await this.parse(Bundle)
+
+    let inputPath: string
+    if (args.path) {
+      inputPath = resolve(join(args.path, 'src'))
+    } else {
+      inputPath = resolve(flags.input)
+    }
+
+    const outputPath = flags.output ? resolve(flags.output) : resolve('dist')
+    if (!existsSync(outputPath)) {
+      mkdirSync(outputPath, { recursive: true })
+    }
+
+    const spinner = ora(
+      `Bundling connector from ${inputPath} to ${outputPath}...`
+    ).start()
+
+    try {
+      await this.generateViteBundle(inputPath, outputPath, flags, spinner)
+
+      if (flags.watch) {
+        spinner.succeed(
+          chalk.green('Watching for changes... (Press Ctrl+C to stop)')
+        )
+      } else {
+        spinner.succeed(chalk.green('Bundle created successfully!'))
+      }
+    } catch (error) {
+      spinner.fail(chalk.red('Failed to bundle the connector'))
+
+      if (error instanceof Error) {
+        this.log('\n' + chalk.red('Error Details:'))
+        this.log(error.message)
+      }
+    }
+  }
+
+  private async generateViteBundle (
+    inputPath: string,
+    outputPath: string,
+    flags: { watch: boolean },
+    spinner: ora.Ora
+  ): Promise<void> {
+    const { watch } = flags
+    const viteConfig = ViteConfigBuilder.createConfig(
+      {
+        inputPath,
+        outputPath,
+        useLocalWorkspace: false,
+        watch
+      },
+      this
+    )
+
+    spinner.text = watch
+      ? 'Building connector and watching for changes...'
+      : 'Building connector...'
+    const stats = await ViteRunner.run(viteConfig)
+
+    if (stats.hasErrors()) {
+      spinner.fail(chalk.red('Bundle failed with errors!'))
 
-  async run () {
-    const { args } = await this.parse(Bundle)
-    const { connectorDirectory } = args
+      const errors = stats.toJson().errors || []
+      errors.forEach((error: any) => {
+        this.log(chalk.red(`Error: ${error.message}`))
+      })
 
-    const connectorPath = path.resolve(connectorDirectory)
+      throw new Error('Connector build failed')
+    }
 
-    this.log(chalk.yellow(`Bundling connector from: ${connectorPath}`))
-    // Placeholder for actual bundling logic
-    this.log(chalk.green('Connector bundle created successfully!'))
+    if (stats.hasWarnings()) {
+      const warnings = stats.toJson().warnings || []
+      this.log(chalk.yellow('\nWarnings:'))
+      warnings.forEach((warning: any) => {
+        this.log(chalk.yellow(`  - ${warning.message}`))
+      })
+    }
   }
 }

packages/zcli-connectors/src/lib/vite/index.ts

@@ -0,0 +1,6 @@
+export {
+  ViteConfigBuilder,
+  ViteConfigOptions,
+  createConnectorViteConfig
+} from './vite-config'
+export { ViteRunner } from './vite-runner'