@jiggai/kitchen-plugin-marketing 0.2.1

package/dist/tabs/accounts.js

@@ -0,0 +1,44 @@
+(() => {
+  // src/tabs/accounts.tsx
+  function Accounts() {
+    return `
+    <div class="p-6">
+      <h2 class="text-2xl font-bold mb-4">Social Media Accounts</h2>
+      <div class="bg-yellow-50 border border-yellow-200 rounded-lg p-4 mb-6">
+        <p class="text-yellow-800">\u{1F517} Connect and manage your social media accounts here!</p>
+      </div>
+      
+      <div class="mb-6">
+        <h3 class="font-semibold text-lg mb-3">Add New Account</h3>
+        <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
+          <button class="bg-blue-500 text-white p-4 rounded-lg hover:bg-blue-600 transition-colors">
+            <div class="text-xl mb-2">\u{1F426}</div>
+            <div>Twitter/X</div>
+          </button>
+          <button class="bg-pink-500 text-white p-4 rounded-lg hover:bg-pink-600 transition-colors">
+            <div class="text-xl mb-2">\u{1F4F7}</div>
+            <div>Instagram</div>
+          </button>
+          <button class="bg-red-500 text-white p-4 rounded-lg hover:bg-red-600 transition-colors">
+            <div class="text-xl mb-2">\u{1F3AC}</div>
+            <div>YouTube</div>
+          </button>
+          <button class="bg-purple-500 text-white p-4 rounded-lg hover:bg-purple-600 transition-colors">
+            <div class="text-xl mb-2">\u{1F3B5}</div>
+            <div>TikTok</div>
+          </button>
+        </div>
+      </div>
+      
+      <div class="bg-white border rounded-lg p-6">
+        <h3 class="font-semibold text-lg mb-4">Connected Accounts</h3>
+        <div class="text-center py-8">
+          <div class="text-4xl mb-2">\u{1F50C}</div>
+          <p class="text-gray-600">No accounts connected yet</p>
+          <p class="text-sm text-gray-500">Click one of the platforms above to get started</p>
+        </div>
+      </div>
+    </div>
+  `;
+  }
+})();

package/dist/tabs/analytics.js

@@ -0,0 +1,39 @@
+(() => {
+  // src/tabs/analytics.tsx
+  function Analytics() {
+    return `
+    <div class="p-6">
+      <h2 class="text-2xl font-bold mb-4">Analytics</h2>
+      <div class="bg-purple-50 border border-purple-200 rounded-lg p-4 mb-6">
+        <p class="text-purple-800">\u{1F4CA} Analytics dashboard - track your content performance!</p>
+      </div>
+      
+      <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-6">
+        <div class="bg-white border rounded-lg p-4">
+          <div class="text-2xl font-bold text-blue-600">0</div>
+          <div class="text-gray-600">Total Posts</div>
+        </div>
+        <div class="bg-white border rounded-lg p-4">
+          <div class="text-2xl font-bold text-green-600">0</div>
+          <div class="text-gray-600">Total Engagement</div>
+        </div>
+        <div class="bg-white border rounded-lg p-4">
+          <div class="text-2xl font-bold text-orange-600">0</div>
+          <div class="text-gray-600">New Followers</div>
+        </div>
+      </div>
+      
+      <div class="bg-white border rounded-lg p-6">
+        <h3 class="font-semibold text-lg mb-4">Engagement Over Time</h3>
+        <div class="h-64 bg-gray-50 rounded border flex items-center justify-center">
+          <div class="text-center">
+            <div class="text-4xl mb-2">\u{1F4C8}</div>
+            <p class="text-gray-600">Your engagement chart will appear here</p>
+            <p class="text-sm text-gray-500">Start publishing content to see analytics</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  `;
+  }
+})();

package/dist/tabs/content-calendar.js

@@ -0,0 +1,33 @@
+(() => {
+  // src/tabs/content-calendar.tsx
+  function ContentCalendar() {
+    return `
+    <div class="p-6">
+      <h2 class="text-2xl font-bold mb-4">Content Calendar</h2>
+      <div class="bg-green-50 border border-green-200 rounded-lg p-4 mb-6">
+        <p class="text-green-800">\u{1F4C5} This is the Content Calendar tab - schedule and plan your content!</p>
+      </div>
+      <div class="bg-white border rounded-lg p-6">
+        <div class="grid grid-cols-7 gap-2 mb-4">
+          <div class="font-semibold text-center p-2">Sun</div>
+          <div class="font-semibold text-center p-2">Mon</div>
+          <div class="font-semibold text-center p-2">Tue</div>
+          <div class="font-semibold text-center p-2">Wed</div>
+          <div class="font-semibold text-center p-2">Thu</div>
+          <div class="font-semibold text-center p-2">Fri</div>
+          <div class="font-semibold text-center p-2">Sat</div>
+        </div>
+        <div class="grid grid-cols-7 gap-2">
+          ${Array.from({ length: 35 }, (_, i) => {
+      const day = i % 7 === 0 ? Math.floor(i / 7) + 1 : "";
+      return `<div class="border rounded p-2 h-20 ${day ? "bg-gray-50" : "bg-gray-100"}">
+              ${day ? `<div class="text-sm font-medium">${day}</div>` : ""}
+            </div>`;
+    }).join("")}
+        </div>
+        <p class="text-gray-500 text-sm mt-4">Scheduled posts would appear on their respective dates. Drag to reschedule!</p>
+      </div>
+    </div>
+  `;
+  }
+})();

package/dist/tabs/content-library.js

@@ -0,0 +1,29 @@
+(() => {
+  // src/tabs/content-library.tsx
+  function ContentLibrary() {
+    return `
+    <div class="p-6">
+      <h2 class="text-2xl font-bold mb-4">Content Library</h2>
+      <div class="bg-blue-50 border border-blue-200 rounded-lg p-4 mb-6">
+        <p class="text-blue-800">\u{1F389} Marketing Suite plugin is working! This is the Content Library tab.</p>
+      </div>
+      <div class="space-y-4">
+        <div class="bg-white border rounded-lg p-4">
+          <h3 class="font-semibold text-lg mb-2">Create New Post</h3>
+          <p class="text-gray-600">Your content creation tools would go here. You could add:</p>
+          <ul class="list-disc list-inside mt-2 text-gray-600">
+            <li>Rich text editor</li>
+            <li>Media upload</li>
+            <li>Platform selection (Twitter, Instagram, etc.)</li>
+            <li>Scheduling options</li>
+          </ul>
+        </div>
+        <div class="bg-white border rounded-lg p-4">
+          <h3 class="font-semibold text-lg mb-2">Recent Posts</h3>
+          <p class="text-gray-500 italic">No posts yet. Create your first post above!</p>
+        </div>
+      </div>
+    </div>
+  `;
+  }
+})();

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@jiggai/kitchen-plugin-marketing",
+  "version": "0.2.1",
+  "description": "Marketing Suite plugin for ClawKitchen",
+  "main": "dist/index.js",
+  "files": [
+    "dist/",
+    "db/migrations/",
+    "scripts/kitchen-cli.js",
+    "README.md"
+  ],
+  "bin": {
+    "kitchen-plugin-marketing": "scripts/kitchen-cli.js",
+    "@jiggai/kitchen-plugin-marketing": "scripts/kitchen-cli.js"
+  },
+  "kitchenPlugin": {
+    "id": "marketing",
+    "name": "Marketing Suite",
+    "teamTypes": [
+      "marketing-team",
+      "claw-marketing-team"
+    ],
+    "tabs": [
+      {
+        "id": "content-library",
+        "label": "Content Library",
+        "icon": "library",
+        "bundle": "./dist/tabs/content-library.js"
+      },
+      {
+        "id": "content-calendar",
+        "label": "Content Calendar",
+        "icon": "calendar",
+        "bundle": "./dist/tabs/content-calendar.js"
+      },
+      {
+        "id": "analytics",
+        "label": "Analytics",
+        "icon": "chart",
+        "bundle": "./dist/tabs/analytics.js"
+      },
+      {
+        "id": "accounts",
+        "label": "Accounts",
+        "icon": "users",
+        "bundle": "./dist/tabs/accounts.js"
+      }
+    ],
+    "apiRoutes": "./dist/api/routes.js",
+    "migrations": "./db/migrations"
+  },
+  "scripts": {
+    "build": "node scripts/build.js",
+    "dev": "node scripts/dev.js",
+    "db:generate": "drizzle-kit generate:sqlite",
+    "db:migrate": "drizzle-kit push:sqlite",
+    "db:studio": "drizzle-kit studio",
+    "prepublishOnly": "npm run build",
+    "test": "echo \"No tests yet\" && exit 0"
+  },
+  "dependencies": {
+    "better-sqlite3": "^9.4.5",
+    "drizzle-orm": "^0.38.0",
+    "express": "^4.18.2",
+    "multer": "^1.4.4"
+  },
+  "devDependencies": {
+    "@types/better-sqlite3": "^7.6.10",
+    "@types/express": "^4.17.21",
+    "@types/multer": "^1.4.11",
+    "@types/node": "^20.0.0",
+    "drizzle-kit": "^0.20.0",
+    "esbuild": "^0.24.0",
+    "typescript": "^5.0.0"
+  }
+}

package/scripts/kitchen-cli.js

@@ -0,0 +1,233 @@
+#!/usr/bin/env node
+
+/**
+ * Kitchen Plugin CLI Commands
+ * 
+ * Usage:
+ *   npx kitchen-plugin-marketing add <plugin-name>
+ *   npx kitchen-plugin-marketing remove <plugin-name>
+ *   npx kitchen-plugin-marketing list
+ *   npx kitchen-plugin-marketing status
+ */
+
+const { execSync } = require('child_process');
+const fs = require('fs');
+const path = require('path');
+
+function findKitchenDir() {
+  // Look for clawkitchen directory
+  const possiblePaths = [
+    path.join(process.cwd(), 'clawkitchen'),
+    path.join(process.cwd()),
+    path.join(process.env.HOME, 'clawkitchen'),
+    '/home/control/clawkitchen'
+  ];
+  
+  for (const dir of possiblePaths) {
+    if (fs.existsSync(path.join(dir, 'package.json'))) {
+      const pkg = JSON.parse(fs.readFileSync(path.join(dir, 'package.json'), 'utf8'));
+      if (pkg.name === 'clawkitchen' || pkg.name === 'kitchen' || pkg.kitchenPlugin === true) {
+        return dir;
+      }
+    }
+  }
+  
+  return null;
+}
+
+function getInstalledPlugins(kitchenDir) {
+  try {
+    const packageJsonPath = path.join(kitchenDir, 'package.json');
+    const pkg = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));
+    
+    const plugins = [];
+    const deps = { ...pkg.dependencies, ...pkg.devDependencies };
+    
+    for (const [name, version] of Object.entries(deps)) {
+      if (name.startsWith('kitchen-plugin-') || name.includes('kitchen-plugin')) {
+        plugins.push({ name, version: version.replace(/[\^~]/, '') });
+      }
+    }
+    
+    return plugins;
+  } catch (error) {
+    return [];
+  }
+}
+
+async function addPlugin(pluginName) {
+  const kitchenDir = findKitchenDir();
+  if (!kitchenDir) {
+    console.error('❌ ClawKitchen directory not found');
+    console.error('Run this command from your ClawKitchen project directory');
+    process.exit(1);
+  }
+  
+  console.log(`📦 Installing plugin: ${pluginName}`);
+  console.log(`📁 Kitchen directory: ${kitchenDir}`);
+  
+  try {
+    // Install the plugin
+    process.chdir(kitchenDir);
+    execSync(`npm install ${pluginName}`, { stdio: 'inherit' });
+    
+    console.log('✅ Plugin installed successfully!');
+    console.log('');
+    console.log('Next steps:');
+    console.log('1. Rebuild ClawKitchen: npm run build');
+    console.log('2. Restart gateway: openclaw gateway restart');
+    console.log('3. Check plugin status: npx kitchen-plugin-marketing status');
+    
+  } catch (error) {
+    console.error('❌ Failed to install plugin:', error.message);
+    process.exit(1);
+  }
+}
+
+async function removePlugin(pluginName) {
+  const kitchenDir = findKitchenDir();
+  if (!kitchenDir) {
+    console.error('❌ ClawKitchen directory not found');
+    process.exit(1);
+  }
+  
+  console.log(`🗑️ Removing plugin: ${pluginName}`);
+  
+  try {
+    process.chdir(kitchenDir);
+    execSync(`npm uninstall ${pluginName}`, { stdio: 'inherit' });
+    
+    console.log('✅ Plugin removed successfully!');
+    console.log('');
+    console.log('Next steps:');
+    console.log('1. Rebuild ClawKitchen: npm run build');
+    console.log('2. Restart gateway: openclaw gateway restart');
+    
+  } catch (error) {
+    console.error('❌ Failed to remove plugin:', error.message);
+    process.exit(1);
+  }
+}
+
+function listPlugins() {
+  const kitchenDir = findKitchenDir();
+  if (!kitchenDir) {
+    console.error('❌ ClawKitchen directory not found');
+    process.exit(1);
+  }
+  
+  console.log('📋 Installed Kitchen Plugins:');
+  console.log('');
+  
+  const plugins = getInstalledPlugins(kitchenDir);
+  
+  if (plugins.length === 0) {
+    console.log('   No kitchen plugins found');
+    console.log('');
+    console.log('💡 Install a plugin with:');
+    console.log('   npx kitchen-plugin-marketing add kitchen-plugin-marketing');
+    return;
+  }
+  
+  plugins.forEach(plugin => {
+    console.log(`   ✓ ${plugin.name} (${plugin.version})`);
+  });
+  
+  console.log('');
+  console.log(`📁 Kitchen directory: ${kitchenDir}`);
+}
+
+function showStatus() {
+  const kitchenDir = findKitchenDir();
+  if (!kitchenDir) {
+    console.error('❌ ClawKitchen directory not found');
+    process.exit(1);
+  }
+  
+  console.log('📊 Kitchen Plugin System Status:');
+  console.log('');
+  
+  const plugins = getInstalledPlugins(kitchenDir);
+  console.log(`📦 Plugins installed: ${plugins.length}`);
+  console.log(`📁 Kitchen directory: ${kitchenDir}`);
+  
+  // Check if Kitchen is built
+  const buildExists = fs.existsSync(path.join(kitchenDir, '.next'));
+  console.log(`🏗️  Kitchen built: ${buildExists ? 'Yes' : 'No'}`);
+  
+  // Check gateway status
+  try {
+    execSync('openclaw health', { stdio: 'pipe' });
+    console.log('🟢 Gateway: Running');
+  } catch {
+    console.log('🔴 Gateway: Not running');
+  }
+  
+  if (plugins.length > 0) {
+    console.log('');
+    console.log('Installed plugins:');
+    plugins.forEach(plugin => {
+      console.log(`   • ${plugin.name}`);
+    });
+  }
+}
+
+function showHelp() {
+  console.log('🍳 Kitchen Plugin Manager');
+  console.log('');
+  console.log('Commands:');
+  console.log('  add <plugin>     Install a kitchen plugin');
+  console.log('  remove <plugin>  Remove a kitchen plugin');
+  console.log('  list             List installed plugins');
+  console.log('  status           Show system status');
+  console.log('  help             Show this help');
+  console.log('');
+  console.log('Examples:');
+  console.log('  npx kitchen-plugin-marketing add kitchen-plugin-marketing');
+  console.log('  npx kitchen-plugin-marketing add @company/kitchen-plugin-crm');
+  console.log('  npx kitchen-plugin-marketing remove kitchen-plugin-marketing');
+  console.log('  npx kitchen-plugin-marketing list');
+  console.log('  npx kitchen-plugin-marketing status');
+}
+
+// Parse command line arguments
+const [,, command, ...args] = process.argv;
+
+switch (command) {
+  case 'add':
+    if (!args[0]) {
+      console.error('❌ Plugin name required');
+      console.error('Usage: npx kitchen-plugin-marketing add <plugin-name>');
+      process.exit(1);
+    }
+    addPlugin(args[0]);
+    break;
+    
+  case 'remove':
+    if (!args[0]) {
+      console.error('❌ Plugin name required');
+      console.error('Usage: npx kitchen-plugin-marketing remove <plugin-name>');
+      process.exit(1);
+    }
+    removePlugin(args[0]);
+    break;
+    
+  case 'list':
+    listPlugins();
+    break;
+    
+  case 'status':
+    showStatus();
+    break;
+    
+  case 'help':
+  case '--help':
+  case '-h':
+    showHelp();
+    break;
+    
+  default:
+    console.error('❌ Unknown command:', command);
+    showHelp();
+    process.exit(1);
+}