tiktok-live-api 1.2.17 → 1.2.19

package/bin/demo.mjs

@@ -275,8 +275,7 @@ function runScaffold(choice, targetDir, pm) {
     } else if (isNext) {
       execSync(npxCmd + ' create-next-app@latest "' + targetDir + '" --js --eslint --tailwind --app --src-dir --import-alias "@/*" --use-' + pm, { stdio: 'inherit' });
     } else if (isVite) {
-      const createCmd = pm === 'npm' ? 'npm create vite@latest' : pm === 'yarn' ? 'yarn create vite' : pm === 'pnpm' ? 'pnpm create vite' : 'bun create vite';
-      execSync(createCmd + ' "' + targetDir + '" -- --template react', { stdio: 'inherit' });
+      execSync(npxCmd + ' create-vite@latest "' + targetDir + '" --no-interactive --template react', { stdio: 'inherit' });
     }
 
     if (isNode) {
@@ -493,12 +492,13 @@ function runScaffold(choice, targetDir, pm) {
           "}",
         ].join('\n') + '\n');
       } else if (isVite) {
-        const compDir = path.join(fullPath, 'src', 'components');
+        const srcDir = path.join(fullPath, 'src');
+        const compDir = path.join(srcDir, 'components');
         if (!fs.existsSync(compDir)) fs.mkdirSync(compDir, { recursive: true });
         fs.writeFileSync(path.join(compDir, 'TikTokLive.jsx'), REACT_TEMPLATE);
 
-        // Write App.jsx — overwrite whatever create-vite generated (could be .jsx or .tsx)
-        const appContent = [
+        // Write App.jsx
+        fs.writeFileSync(path.join(srcDir, 'App.jsx'), [
           "import TikTokLive from './components/TikTokLive';",
           "",
           "export default function App() {",
@@ -508,11 +508,42 @@ function runScaffold(choice, targetDir, pm) {
           "    </main>",
           "  );",
           "}",
-        ].join('\n') + '\n';
-        fs.writeFileSync(path.join(fullPath, 'src', 'App.jsx'), appContent);
-        // Also remove App.tsx if it exists (create-vite sometimes uses TypeScript)
-        const appTsx = path.join(fullPath, 'src', 'App.tsx');
-        if (fs.existsSync(appTsx)) fs.unlinkSync(appTsx);
+        ].join('\n') + '\n');
+
+        // Write main.jsx entry point
+        fs.writeFileSync(path.join(srcDir, 'main.jsx'), [
+          "import React from 'react';",
+          "import ReactDOM from 'react-dom/client';",
+          "import App from './App';",
+          "",
+          "ReactDOM.createRoot(document.getElementById('root')).render(",
+          "  <React.StrictMode>",
+          "    <App />",
+          "  </React.StrictMode>",
+          ");",
+        ].join('\n') + '\n');
+
+        // Clean up TypeScript files that conflict with our JSX files
+        for (const f of ['App.tsx', 'App.ts', 'main.tsx', 'main.ts']) {
+          const fp = path.join(srcDir, f);
+          if (fs.existsSync(fp)) fs.unlinkSync(fp);
+        }
+
+        // Update index.html to reference main.jsx instead of main.ts/main.tsx
+        const indexHtml = path.join(fullPath, 'index.html');
+        if (fs.existsSync(indexHtml)) {
+          let html = fs.readFileSync(indexHtml, 'utf8');
+          html = html.replace(/src=\/src\/main\.tsx?/g, 'src=/src/main.jsx');
+          html = html.replace(/src="\/src\/main\.tsx?"/g, 'src="/src/main.jsx"');
+          fs.writeFileSync(indexHtml, html);
+        }
+
+        // Install dependencies for Vite (create-vite --no-interactive doesn't auto-install)
+        if (isVite) {
+          const installBase = pm === 'npm' ? 'npm install' : pm === 'yarn' ? 'yarn' : pm === 'pnpm' ? 'pnpm install' : 'bun install';
+          console.log("\n  " + B + "📦 Installing dependencies..." + R + "\n");
+          execSync(installBase, { cwd: fullPath, stdio: 'inherit' });
+        }
       }
     }
 
@@ -524,9 +555,6 @@ function runScaffold(choice, targetDir, pm) {
     } else if (isNode) {
       console.log("    node index.mjs\n");
     } else {
-      if (isVite && pm !== 'bun') {
-        console.log("    " + pm + " install");
-      }
       console.log("    " + devCmd + "\n");
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tiktok-live-api",
-  "version": "1.2.17",
+  "version": "1.2.19",
   "description": "Unofficial TikTok LIVE API Client — Real-time chat, gifts, viewers, battles, and AI live captions from any TikTok livestream. Managed WebSocket API with 99.9% uptime.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",