tiktok-live-api 1.2.6 → 1.2.8

package/bin/demo.mjs

@@ -119,62 +119,51 @@ const VUE_TEMPLATE = [
   "</template>",
   "",
   "<script setup>",
-  "import { ref, onMounted, onUnmounted } from 'vue'",
-  "import { TikTokLive } from 'tiktok-live-api'",
+  "import { ref, watch, onMounted } from 'vue'",
   "",
   "const inputUsername = ref('aljazeeraenglish')",
   "const activeUsername = ref('aljazeeraenglish')",
   "const apiKey = ref('demo_tiktokliveapi_public_2026')",
-  "const connected = ref(false)",
   "const events = ref([])",
-  "let client = null",
   "",
-  "const connectClient = () => {",
-  "  if (client) client.disconnect()",
-  "  events.value = []",
-  "  connected.value = false",
-  "  activeUsername.value = inputUsername.value",
-  "  ",
-  "  if (!activeUsername.value) return",
-  "  ",
-  "  client = new TikTokLive(activeUsername.value, { apiKey: apiKey.value })",
-  "  ",
-  "  client.on('chat', (e) => {",
-  '    events.value.push("💬 " + e.user.uniqueId + ": " + e.comment)',
-  "    if (events.value.length > 40) events.value.shift()",
-  "  })",
-  "  ",
-  "  client.on('gift', (e) => {",
-  '    events.value.push("🎁 " + e.user.uniqueId + " sent " + e.giftName)',
-  "    if (events.value.length > 40) events.value.shift()",
-  "  })",
+  "let hook = null;",
+  "try { if (typeof useTikTokLive !== 'undefined') hook = useTikTokLive; } catch (e) { }",
+  "const tiktok = hook ? hook(activeUsername, { apiKey, autoConnect: false }) : { connected: ref(false), allEvents: ref([]) }",
+  "const connected = tiktok.connected",
   "",
-  "  client.on('member', (e) => {",
-  '    events.value.push("👋 " + e.user.uniqueId + " joined")',
-  "    if (events.value.length > 40) events.value.shift()",
-  "  })",
-  "  ",
-  "  client.on('like', (e) => {",
-  '    events.value.push("❤️ " + e.user.uniqueId + " liked")',
-  "    if (events.value.length > 40) events.value.shift()",
-  "  })",
+  "watch(() => tiktok.allEvents.value, (all) => {",
+  "  if (all && all.length) {",
+  "    const last = all[all.length - 1];",
+  "    if (last.type === 'chat') addEvent(`💬 ${last.data.user.uniqueId}: ${last.data.comment}`)",
+  "    if (last.type === 'gift') addEvent(`🎁 ${last.data.user.uniqueId} sent ${last.data.giftName}`)",
+  "    if (last.type === 'like') addEvent(`❤️ ${last.data.user.uniqueId} liked`)",
+  "    if (last.type === 'member') addEvent(`👋 ${last.data.user.uniqueId} joined`)",
+  "    if (last.type === 'connected') addEvent('✅ Connected successfully!')",
+  "    if (last.type === 'disconnected') addEvent('❌ Disconnected from stream.')",
+  "  }",
+  "}, { deep: true })",
+  "",
+  "watch(() => tiktok.error ? tiktok.error.value : null, (e) => {",
+  "  if(e) addEvent('⚠️ Error: ' + e)",
+  "})",
   "",
-  "  client.on('connected', () => connected.value = true)",
-  "  client.on('disconnected', () => connected.value = false)",
-  "  ",
-  "  client.connect().catch(() => connected.value = false)",
+  "const addEvent = (str) => {",
+  "  events.value.push(str)",
+  "  if(events.value.length > 50) events.value.shift()",
   "}",
   "",
   "const handleConnect = () => {",
-  "  connectClient()",
+  "  if (tiktok.disconnect) tiktok.disconnect()",
+  "  events.value = []",
+  "  activeUsername.value = inputUsername.value",
+  "  if (!activeUsername.value) return",
+  "  if (tiktok.connect) {",
+  "    tiktok.connect().catch(e => addEvent('⚠️ Failed: ' + e.message))",
+  "  }",
   "}",
   "",
   "onMounted(() => {",
-  "  connectClient()",
-  "})",
-  "",
-  "onUnmounted(() => {",
-  "  if (client) client.disconnect()",
+  "  handleConnect()",
   "})",
   "</script>"
 ].join('\n') + "\n";
@@ -270,10 +259,11 @@ function runScaffold(choice, targetDir, pm) {
       execSync(createCmd + ' "' + targetDir + '" -- --template react', { stdio: 'inherit' });
     }
 
-    console.log("\n  " + B + "📦 Installing " + C.cyan + "tiktok-live-api" + B + " SDK..." + R + "\n");
-    execSync(installCmd, { cwd: fullPath, stdio: 'inherit' });
-
     if (isNuxt) {
+      console.log("\\n  " + B + "📦 Installing " + C.cyan + "tiktok-live-nuxt" + B + " Module..." + R + "\\n");
+      const nuxtInstallCmd = pm === 'npm' ? 'npm install tiktok-live-nuxt' : pm === 'yarn' ? 'yarn add tiktok-live-nuxt' : pm === 'pnpm' ? 'pnpm add tiktok-live-nuxt' : 'bun add tiktok-live-nuxt';
+      execSync(nuxtInstallCmd, { cwd: fullPath, stdio: 'inherit' });
+
       const isNuxt4 = fs.existsSync(path.join(fullPath, 'app', 'app.vue')) || !fs.existsSync(path.join(fullPath, 'app.vue'));
       const baseApp = isNuxt4 ? path.join(fullPath, 'app') : fullPath;
 
@@ -289,43 +279,57 @@ function runScaffold(choice, targetDir, pm) {
         '  </main>',
         '</template>'
       ].join('\\n') + '\\n');
-    } else if (isNext) {
-      const compDir = path.join(fullPath, 'src', 'components');
-      if (!fs.existsSync(compDir)) fs.mkdirSync(compDir, { recursive: true });
-      fs.writeFileSync(path.join(compDir, 'TikTokLive.jsx'), REACT_TEMPLATE);
-
-      const pageJs = path.join(fullPath, 'src', 'app', 'page.js');
-      if (fs.existsSync(pageJs)) {
-        fs.writeFileSync(pageJs, [
-          "import TikTokLive from '@/components/TikTokLive';",
-          "",
-          "export default function Home() {",
-          "  return (",
-          '    <main style={{ minHeight: "100vh", background: "#f9fafb", paddingTop: "40px" }}>',
-          "      <TikTokLive />",
-          "    </main>",
-          "  );",
-          "}"
-        ].join('\n') + '\n');
+
+      const nuxtConfig = path.join(fullPath, 'nuxt.config.ts');
+      if (fs.existsSync(nuxtConfig)) {
+        let config = fs.readFileSync(nuxtConfig, 'utf8');
+        if (config.includes('defineNuxtConfig({')) {
+          config = config.replace('defineNuxtConfig({', "defineNuxtConfig({\\n  modules: ['tiktok-live-nuxt'],\\n");
+          fs.writeFileSync(nuxtConfig, config);
+        }
       }
-    } else if (isVite) {
-      const compDir = path.join(fullPath, 'src', 'components');
-      if (!fs.existsSync(compDir)) fs.mkdirSync(compDir, { recursive: true });
-      fs.writeFileSync(path.join(compDir, 'TikTokLive.jsx'), REACT_TEMPLATE);
-
-      const appJsx = path.join(fullPath, 'src', 'App.jsx');
-      if (fs.existsSync(appJsx)) {
-        fs.writeFileSync(appJsx, [
-          "import TikTokLive from './components/TikTokLive';",
-          "",
-          "export default function App() {",
-          "  return (",
-          '    <main style={{ minHeight: "100vh", background: "#f9fafb", paddingTop: "40px" }}>',
-          "      <TikTokLive />",
-          "    </main>",
-          "  );",
-          "}"
-        ].join('\n') + '\n');
+    } else {
+      console.log("\\n  " + B + "📦 Installing " + C.cyan + "tiktok-live-api" + B + " SDK..." + R + "\\n");
+      execSync(installCmd, { cwd: fullPath, stdio: 'inherit' });
+
+      if (isNext) {
+        const compDir = path.join(fullPath, 'src', 'components');
+        if (!fs.existsSync(compDir)) fs.mkdirSync(compDir, { recursive: true });
+        fs.writeFileSync(path.join(compDir, 'TikTokLive.jsx'), REACT_TEMPLATE);
+
+        const pageJs = path.join(fullPath, 'src', 'app', 'page.js');
+        if (fs.existsSync(pageJs)) {
+          fs.writeFileSync(pageJs, [
+            "import TikTokLive from '@/components/TikTokLive';",
+            "",
+            "export default function Home() {",
+            "  return (",
+            '    <main style={{ minHeight: "100vh", background: "#f9fafb", paddingTop: "40px" }}>',
+            "      <TikTokLive />",
+            "    </main>",
+            "  );",
+            "}"
+          ].join('\n') + '\n');
+        }
+      } else if (isVite) {
+        const compDir = path.join(fullPath, 'src', 'components');
+        if (!fs.existsSync(compDir)) fs.mkdirSync(compDir, { recursive: true });
+        fs.writeFileSync(path.join(compDir, 'TikTokLive.jsx'), REACT_TEMPLATE);
+
+        const appJsx = path.join(fullPath, 'src', 'App.jsx');
+        if (fs.existsSync(appJsx)) {
+          fs.writeFileSync(appJsx, [
+            "import TikTokLive from './components/TikTokLive';",
+            "",
+            "export default function App() {",
+            "  return (",
+            '    <main style={{ minHeight: "100vh", background: "#f9fafb", paddingTop: "40px" }}>',
+            "      <TikTokLive />",
+            "    </main>",
+            "  );",
+            "}"
+          ].join('\n') + '\n');
+        }
       }
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tiktok-live-api",
-  "version": "1.2.6",
+  "version": "1.2.8",
   "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",