npm - @open-motion/cli - Versions diffs - 0.0.1-alpha.0 → 0.0.2 - Mend

@open-motion/cli 0.0.1-alpha.0 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/README.md ADDED Viewed

@@ -0,0 +1,32 @@
+# @open-motion/cli
+The Command Line Interface for **OpenMotion** — the open-source programmatic video engine.
+## 🚀 Features
+- 🏗️ **Quick Init**: Scaffold new OpenMotion projects instantly.
+- 🎥 **High-Speed Rendering**: Capture and encode videos directly from your React code.
+- 🚀 **Parallel Execution**: Leverage multi-core CPUs for faster frame capturing.
+- 🎛️ **Dynamic Props**: Inject external data into your videos via JSON.
+## 🛠 Installation
+```bash
+npm install -g @open-motion/cli
+# or use via npx
+npx @open-motion/cli --help
+```
+## 📖 Usage
+### Initialize a project
+```bash
+open-motion init my-video
+```
+### Render a video
+```bash
+open-motion render --url http://localhost:5173 --out out.mp4 --concurrency 4
+```
+Learn more at the [main OpenMotion repository](https://github.com/jsongo/open-motion).

package/dist/index.js CHANGED Viewed

@@ -9,6 +9,7 @@ const encoder_1 = require("@open-motion/encoder");
 const path_1 = __importDefault(require("path"));
 const fs_1 = __importDefault(require("fs"));
 const commander_1 = require("commander");
+const cli_progress_1 = __importDefault(require("cli-progress"));
 const runInit = async (projectName) => {
     const targetDir = path_1.default.join(process.cwd(), projectName);
     if (fs_1.default.existsSync(targetDir)) {
@@ -50,7 +51,7 @@ const runInit = async (projectName) => {
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>${projectName}</title>
+    <title>\${projectName}</title>
   </head>
   <body>
     <div id="root"></div>
@@ -59,9 +60,17 @@ const runInit = async (projectName) => {
 </html>`,
         'vite.config.ts': `import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import path from 'path';
 export default defineConfig({
   plugins: [react()],
+  resolve: {
+    alias: {
+      'react': path.resolve(__dirname, 'node_modules/react'),
+      'react-dom': path.resolve(__dirname, 'node_modules/react-dom'),
+    },
+    dedupe: ['react', 'react-dom'],
+  },
 });`,
         'src/main.tsx': `import React from 'react';
 import ReactDOM from 'react-dom/client';
@@ -129,9 +138,9 @@ export const App = () => {
     for (const [name, content] of Object.entries(files)) {
         fs_1.default.writeFileSync(path_1.default.join(targetDir, name), content);
     }
-    console.log(`Success! Project ${projectName} initialized.`);
+    console.log(`Success! Project \${projectName} initialized.`);
     console.log(`Next steps:`);
-    console.log(`  cd ${projectName}`);
+    console.log(`  cd \${projectName}`);
     console.log(`  npm install (or pnpm install)`);
     console.log(`  npm run dev`);
 };
@@ -139,6 +148,7 @@ exports.runInit = runInit;
 const runRender = async (options) => {
     const tmpDir = path_1.default.join(process.cwd(), '.open-motion-tmp');
     const inputProps = options.props ? JSON.parse(options.props) : {};
+    const startTime = Date.now();
     console.log(`Fetching compositions from ${options.url}...`);
     const compositions = await (0, renderer_1.getCompositions)(options.url);
     if (compositions.length === 0) {
@@ -160,23 +170,57 @@ const runRender = async (options) => {
         durationInFrames: options.duration || selectedComp.durationInFrames
     };
     console.log(`Rendering composition: ${selectedComp.id} (${config.width}x${config.height}, ${config.fps}fps, ${config.durationInFrames} frames)`);
+    const multibar = new cli_progress_1.default.MultiBar({
+        clearOnComplete: false,
+        hideCursor: true,
+        format: ' {bar} | {percentage}% | {value}/{total} | {task}',
+    }, cli_progress_1.default.Presets.shades_grey);
+    const renderBar = multibar.create(config.durationInFrames, 0, { task: 'Rendering' });
     const { audioAssets } = await (0, renderer_1.renderFrames)({
         url: options.url,
         config,
         outputDir: tmpDir,
         compositionId: selectedComp.id,
         inputProps,
-        concurrency: options.concurrency || 1
+        concurrency: options.concurrency || 1,
+        onProgress: (frame) => renderBar.update(frame)
     });
-    // Handle first audio asset for now (simplified)
-    const audioFile = audioAssets.length > 0 ? audioAssets[0].src : undefined;
+    renderBar.update(config.durationInFrames);
+    // Resolve audio paths to absolute file paths if they are relative URLs
+    console.log(`DEBUG: Found ${audioAssets.length} audio assets in browser.`);
+    const resolvedAudioAssets = audioAssets.map(asset => {
+        console.log(`DEBUG: Processing asset: ${asset.src}`);
+        if (asset.src.startsWith('/') && !asset.src.startsWith('//')) {
+            // Look for public folder relative to the URL if possible, but for now
+            // let's try common locations
+            const possiblePaths = [
+                path_1.default.join(process.cwd(), 'examples/demo/public', asset.src.substring(1)),
+                path_1.default.join(process.cwd(), 'public', asset.src.substring(1)),
+            ];
+            for (const p of possiblePaths) {
+                console.log(`DEBUG: Checking path: ${p}`);
+                if (fs_1.default.existsSync(p)) {
+                    console.log(`DEBUG: Found local file at ${p}!`);
+                    return { ...asset, src: p };
+                }
+            }
+        }
+        return asset;
+    });
+    const encodeBar = multibar.create(100, 0, { task: 'Encoding ' });
     await (0, encoder_1.encodeVideo)({
         framesDir: tmpDir,
         fps: config.fps,
         outputFile: options.out,
-        audioFile
+        audioAssets: resolvedAudioAssets,
+        onProgress: (percent) => encodeBar.update(Math.round(percent))
     });
-    console.log(`Success! Video rendered to ${options.out}`);
+    encodeBar.update(100);
+    multibar.stop();
+    const endTime = Date.now();
+    const durationSec = ((endTime - startTime) / 1000).toFixed(1);
+    console.log(`\nSuccess! Video rendered to ${options.out}`);
+    console.log(`Total time: ${durationSec}s`);
 };
 exports.runRender = runRender;
 const main = () => {
@@ -211,7 +255,17 @@ const main = () => {
         .option('--duration <number>', 'Override duration in frames', parseInt)
         .action(async (options) => {
         try {
-            await (0, exports.runRender)(options);
+            await (0, exports.runRender)({
+                url: options.url,
+                out: options.out,
+                compositionId: options.composition,
+                props: options.props,
+                concurrency: options.concurrency,
+                width: options.width,
+                height: options.height,
+                fps: options.fps,
+                duration: options.duration
+            });
         }
         catch (err) {
             console.error('Render failed:', err);

package/package.json CHANGED Viewed

@@ -1,13 +1,13 @@
 {
   "name": "@open-motion/cli",
-  "version": "0.0.1-alpha.0",
+  "version": "0.0.2",
   "bin": {
     "open-motion": "dist/bin.js"
   },
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/open-motion/open-motion.git",
+    "url": "https://github.com/jsongo/open-motion.git",
     "directory": "packages/cli"
   },
   "publishConfig": {
@@ -17,10 +17,14 @@
     "dist"
   ],
   "dependencies": {
+    "cli-progress": "^3.12.0",
     "commander": "^11.0.0",
-    "@open-motion/renderer": "0.0.1-alpha.0",
-    "@open-motion/core": "0.0.1-alpha.0",
-    "@open-motion/encoder": "0.0.1-alpha.0"
+    "@open-motion/encoder": "0.0.2",
+    "@open-motion/renderer": "0.0.2",
+    "@open-motion/core": "0.0.2"
+  },
+  "devDependencies": {
+    "@types/cli-progress": "^3.11.6"
   },
   "scripts": {
     "build": "tsc && chmod +x dist/bin.js"