tiktok-live-api 1.2.7 → 1.2.10

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 })",
   "",
-  "  client.on('connected', () => connected.value = true)",
-  "  client.on('disconnected', () => connected.value = false)",
-  "  ",
-  "  client.connect().catch(() => connected.value = false)",
+  "watch(() => tiktok.error ? tiktok.error.value : null, (e) => {",
+  "  if(e) addEvent('⚠️ Error: ' + e)",
+  "})",
+  "",
+  "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";
@@ -262,7 +251,7 @@ function runScaffold(choice, targetDir, pm) {
 
   try {
     if (isNuxt) {
-      execSync(npxCmd + ' degit tiktool/tiktok-live-nuxt "' + targetDir + '"', { stdio: 'inherit' });
+      execSync(npxCmd + ' nuxi@latest init "' + targetDir + '" --packageManager ' + pm, { stdio: 'inherit' });
     } 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) {
@@ -271,9 +260,34 @@ function runScaffold(choice, targetDir, pm) {
     }
 
     if (isNuxt) {
-      console.log("\\n  " + B + "📦 Installing dependencies using " + pm + "..." + R + "\\n");
-      const installAllCmd = pm === 'npm' ? 'npm install' : pm === 'yarn' ? 'yarn' : pm === 'pnpm' ? 'pnpm install' : 'bun install';
-      execSync(installAllCmd, { cwd: fullPath, stdio: 'inherit' });
+      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;
+
+      const compDir = path.join(baseApp, 'components');
+      if (!fs.existsSync(compDir)) fs.mkdirSync(compDir, { recursive: true });
+      fs.writeFileSync(path.join(compDir, 'TikTokLive.vue'), VUE_TEMPLATE);
+
+      const appVue = path.join(baseApp, 'app.vue');
+      fs.writeFileSync(appVue, [
+        '<template>',
+        '  <main style="min-height: 100vh; background: #f9fafb; padding-top: 40px;">',
+        '    <TikTokLive />',
+        '  </main>',
+        '</template>'
+      ].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 {
       console.log("\\n  " + B + "📦 Installing " + C.cyan + "tiktok-live-api" + B + " SDK..." + R + "\\n");
       execSync(installCmd, { cwd: fullPath, stdio: 'inherit' });

package/package.json

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