Registry / web-framework / multi-framework-component-transpiler

multi-framework-component-transpiler

JSON →
library1.0.2jsnpmunverified

A CLI tool that transpiles plain JavaScript or framework-specific components into multiple frontend frameworks: React, Vue, Svelte, Angular, and Vanilla JS. Version 1.0.2 is the initial release. It reads input files (.js, .ts, .jsx, .tsx, .vue, .svelte) and outputs framework-ready components with appropriate lifecycle hooks (useEffect, onMounted, onMount, ngOnInit). Supports both JavaScript and TypeScript output. Intended for code migration or multi-framework component generation, but lacks modular architecture, error handling, and active maintenance. Differentiators: multi-framework output from a single input, but limited customization and no plugin system.

web-frameworkdevops
npm install multi-framework-component-transpiler
github ↗package ↗
INSTALL
IMPORT
SIG · MULTI-FRAMEWORK-CO
M
multi-framework-component-transpiler
web-frameworkjavascriptv1.0.2
harness data pending
Install & Compatibility
Where this runs

No compatibility data collected yet for this library.

Code
Verified usage

Verified import paths — ran on the pinned version, not inferred.

multi-transpile (CLI)
✓ npx multi-framework-component-transpiler <inputFile> [outputDir]
✗ npm install -g multi-framework-component-transpiler
Use npx to run without global install, or install globally and run 'multi-transpile'.

Transpiles input.js into React, Vue, Svelte, Angular, and Vanilla JS components in ./output.

npx multi-framework-component-transpiler input.js ./output
mct --version
Debug
Known issues
gotchaThe tool does NOT parse complex code structures; only top-level function declarations and simple statements are transpiled. Classes, async/await, or module imports may be dropped or mis-handled.
fix
Review generated output for missing code; manually refactor complex patterns.
affects: <=1.0.2
gotchaOutput file names can cause conflicts: underscores in input filenames may lead to duplicate component names across frameworks.
fix
Use clear, unique input file names or manually rename output files.
affects: <=1.0.2
gotchaThe CLI overwrites output directory without warning if it exists.
fix
Specify a non-existent or empty output directory, or back up contents.
affects: <=1.0.2
gotchaOnly UTF-8 encoded files are supported; other encodings may produce corrupted output.
fix
Ensure input files are UTF-8 encoded.
affects: <=1.0.2
Errors
Common errors & fixes
Error: Cannot find module 'multi-framework-component-transpiler'
Package not installed when using global command without npx.
fix
Run with npx: npx multi-framework-component-transpiler <inputFile> [outputDir]
TypeError: inputFile is not a string
Missing or invalid input file argument.
fix
Provide a valid input file path as first argument.
Error: Unsupported file extension: .xyz
Input file has unsupported extension.
fix
Use one of: .js, .ts, .jsx, .tsx, .vue, .svelte
Upgrade
Version history
1.0.2latest on npm
Audit
Dependencies

No dependency data recorded yet.

Agent activity
8 hits · last 30 days
node
8
Resources
githubhttps://github.com/LuisArmando-TestCoder/multi-framework-component-transpiler ↗
packagehttps://www.npmjs.com/package/multi-framework-component-transpiler ↗
multi-framework-component-transpiler — npm install multi-framework-component-transpiler · libregistry