@growthub/cli 0.3.59 → 0.4.1

package/assets/worker-kits/growthub-zernio-social-v1/studio/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "growthub-agentic-social-media-platform",
+  "version": "1.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "serve": "node serve.mjs"
+  },
+  "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.3.1",
+    "vite": "^5.4.2"
+  }
+}

package/assets/worker-kits/growthub-zernio-social-v1/studio/serve.mjs

@@ -0,0 +1,60 @@
+import http from "node:http";
+import fs from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const studioDir = path.dirname(fileURLToPath(import.meta.url));
+const distDir = path.join(studioDir, "dist");
+const host = process.env.HOST || "127.0.0.1";
+const port = Number.parseInt(process.env.PORT || "4173", 10);
+
+const MIME_TYPES = new Map([
+  [".html", "text/html; charset=utf-8"],
+  [".js", "application/javascript; charset=utf-8"],
+  [".css", "text/css; charset=utf-8"],
+  [".json", "application/json; charset=utf-8"],
+  [".svg", "image/svg+xml"],
+  [".png", "image/png"],
+  [".jpg", "image/jpeg"],
+  [".jpeg", "image/jpeg"],
+  [".ico", "image/x-icon"],
+  [".txt", "text/plain; charset=utf-8"],
+]);
+
+function safeResolve(requestPath) {
+  const relativePath = requestPath === "/" ? "index.html" : requestPath.replace(/^\/+/, "");
+  const resolvedPath = path.resolve(distDir, relativePath);
+  if (!resolvedPath.startsWith(distDir + path.sep) && resolvedPath !== path.join(distDir, "index.html")) {
+    return null;
+  }
+  return resolvedPath;
+}
+
+function sendFile(res, filePath) {
+  const ext = path.extname(filePath).toLowerCase();
+  const contentType = MIME_TYPES.get(ext) || "application/octet-stream";
+  res.writeHead(200, { "Content-Type": contentType });
+  fs.createReadStream(filePath).pipe(res);
+}
+
+const server = http.createServer((req, res) => {
+  const url = new URL(req.url || "/", `http://${req.headers.host || "localhost"}`);
+  const filePath = safeResolve(url.pathname);
+
+  if (!filePath) {
+    res.writeHead(403, { "Content-Type": "text/plain; charset=utf-8" });
+    res.end("Forbidden");
+    return;
+  }
+
+  if (fs.existsSync(filePath) && fs.statSync(filePath).isFile()) {
+    sendFile(res, filePath);
+    return;
+  }
+
+  sendFile(res, path.join(distDir, "index.html"));
+});
+
+server.listen(port, host, () => {
+  process.stdout.write(`Zernio studio bundle running at http://${host}:${port}\n`);
+});

package/assets/worker-kits/growthub-zernio-social-v1/studio/src/App.jsx

@@ -0,0 +1,130 @@
+import { useState, useEffect, createContext, useContext } from 'react';
+import { api, PROFILE_ID } from './api.js';
+import Dashboard    from './views/Dashboard.jsx';
+import Accounts     from './views/Accounts.jsx';
+import Compose      from './views/Compose.jsx';
+import Scheduled    from './views/Scheduled.jsx';
+import Queues       from './views/Queues.jsx';
+import Analytics    from './views/Analytics.jsx';
+import Agent        from './views/Agent.jsx';
+import ApiKeys      from './views/ApiKeys.jsx';
+import Automations  from './views/Automations.jsx';
+import Templates    from './views/Templates.jsx';
+import CommentRules from './views/CommentRules.jsx';
+import Sequences    from './views/Sequences.jsx';
+
+export const AppCtx = createContext({});
+export const useApp = () => useContext(AppCtx);
+
+const NAV = [
+  { section: 'Publishing' },
+  { id: 'dashboard', label: 'Dashboard',  icon: '🏠' },
+  { id: 'accounts',  label: 'Accounts',   icon: '🔗' },
+  { id: 'compose',   label: 'Compose',    icon: '✏️' },
+  { id: 'scheduled', label: 'Scheduled',  icon: '📅' },
+  { id: 'queues',    label: 'Queues',     icon: '🔄' },
+  { id: 'analytics', label: 'Analytics',  icon: '📊' },
+  { section: 'Comment Automation' },
+  { id: 'templates',    label: 'Templates',     icon: '📝' },
+  { id: 'commentrules', label: 'Comment Rules',  icon: '💬' },
+  { id: 'sequences',    label: 'Sequences',      icon: '🔀' },
+  { id: 'automations',  label: 'Automations',    icon: '⚡' },
+  { section: 'Agent' },
+  { id: 'agent',   label: 'Agent / Swarm', icon: '🤖' },
+  { id: 'apikeys', label: 'API Keys',      icon: '🔑' },
+];
+
+const VIEWS = {
+  dashboard:    Dashboard,
+  accounts:     Accounts,
+  compose:      Compose,
+  scheduled:    Scheduled,
+  queues:       Queues,
+  analytics:    Analytics,
+  agent:        Agent,
+  automations:  Automations,
+  apikeys:      ApiKeys,
+  templates:    Templates,
+  commentrules: CommentRules,
+  sequences:    Sequences,
+};
+
+export default function App() {
+  const [view, setView]       = useState('dashboard');
+  const [profile, setProfile] = useState(null);
+  const [accounts, setAccounts] = useState([]);
+  const [toast, setToast]     = useState(null);
+  const [toastOk, setToastOk] = useState(true);
+
+  const showToast = (msg, ok = true) => {
+    setToast(msg);
+    setToastOk(ok);
+    setTimeout(() => setToast(null), 3500);
+  };
+
+  const reload = () => {
+    if (!PROFILE_ID) return;
+    Promise.all([api.getProfile(PROFILE_ID), api.getAccounts(PROFILE_ID)])
+      .then(([prof, accs]) => {
+        setProfile(prof);
+        setAccounts(accs.accounts || []);
+      })
+      .catch(e => showToast(e.message, false));
+  };
+
+  useEffect(reload, []);
+
+  const Current = VIEWS[view] || Dashboard;
+  const navLabel = NAV.find(n => n.id === view)?.label || '';
+
+  return (
+    <AppCtx.Provider value={{ profile, accounts, PROFILE_ID, showToast, reload }}>
+      <div className="layout">
+        <nav className="sidebar">
+          <div className="logo">⚡ Growthub</div>
+
+          {NAV.map((item, i) =>
+            item.section
+              ? <div key={i} className="nav-section">{item.section}</div>
+              : (
+                <button
+                  key={item.id}
+                  className={`nav-item ${view === item.id ? 'active' : ''}`}
+                  onClick={() => setView(item.id)}
+                >
+                  <span className="nav-icon">{item.icon}</span>
+                  {item.label}
+                </button>
+              )
+          )}
+
+          <div className="sidebar-bottom">
+            <div className="account-badge">
+              <span className="dot" />
+              <span>{profile?.name || (PROFILE_ID ? 'Loading…' : 'No profile set')}</span>
+            </div>
+          </div>
+        </nav>
+
+        <div className="main">
+          <div className="topbar">
+            <span className="topbar-title">{navLabel}</span>
+            <div className="row">
+              <button className="btn btn-ghost btn-sm" onClick={reload}>↻ Refresh</button>
+              <button className="btn btn-primary btn-sm" onClick={() => setView('compose')}>+ New Post</button>
+            </div>
+          </div>
+          <div className="content">
+            <Current onNavigate={setView} />
+          </div>
+        </div>
+      </div>
+
+      {toast && (
+        <div className={`toast ${toastOk ? 'toast-ok' : 'toast-err'}`}>
+          {toast}
+        </div>
+      )}
+    </AppCtx.Provider>
+  );
+}

package/assets/worker-kits/growthub-zernio-social-v1/studio/src/api.js

@@ -0,0 +1,146 @@
+const BASE = import.meta.env.VITE_ZERNIO_API_URL || 'https://zernio.com/api/v1';
+const KEY  = import.meta.env.VITE_ZERNIO_API_KEY  || '';
+export const PROFILE_ID = import.meta.env.VITE_ZERNIO_PROFILE_ID || '';
+
+function authHeaders(extra = {}) {
+  return { 'Authorization': `Bearer ${KEY}`, 'Content-Type': 'application/json', ...extra };
+}
+
+async function request(method, path, body, idempotencyKey) {
+  const h = authHeaders(idempotencyKey ? { 'Idempotency-Key': idempotencyKey } : {});
+  const opts = { method, headers: h };
+  if (body !== undefined) opts.body = JSON.stringify(body);
+
+  for (let attempt = 0; attempt < 3; attempt++) {
+    const r = await fetch(`${BASE}${path}`, opts);
+    if (r.status === 429) {
+      const wait = (parseInt(r.headers.get('Retry-After') || '5', 10) * 1000) + 500;
+      await new Promise(res => setTimeout(res, wait));
+      continue;
+    }
+    if (!r.ok) {
+      const err = await r.json().catch(() => ({}));
+      const code = err?.error?.code || '';
+      const msg  = err?.error?.message || `HTTP ${r.status}`;
+      const e = new Error(msg);
+      e.code = code;
+      e.status = r.status;
+      throw e;
+    }
+    return r.json();
+  }
+  throw new Error('Rate limited: max retries reached');
+}
+
+const get  = (path)              => request('GET',    path);
+const post = (path, body, ikey)  => request('POST',   path, body, ikey);
+const put  = (path, body)        => request('PUT',    path, body);
+const del  = (path)              => request('DELETE', path);
+
+export const api = {
+  // ── Profiles ────────────────────────────────────────────────────────────────
+  getProfiles:   ()   => get('/profiles'),
+  getProfile:    (id) => get(`/profiles/${id}`),
+
+  // ── Accounts ────────────────────────────────────────────────────────────────
+  getAccounts: (profileId) => get(`/accounts?profileId=${profileId}`),
+
+  // ── Posts ───────────────────────────────────────────────────────────────────
+  getPosts:    (profileId, status = 'scheduled') => get(`/posts?profileId=${profileId}&status=${status}`),
+  getAllPosts:  (profileId) => get(`/posts?profileId=${profileId}`),
+  getPost:     (id)         => get(`/posts/${id}`),
+  // Normalises the response: API returns { post: {...} } on create
+  createPost:  async (body, ikey) => {
+    const d = await post('/posts', body, ikey);
+    return d.post || d;
+  },
+  deletePost:  (id)         => del(`/posts/${id}`),
+
+  // ── Queues ──────────────────────────────────────────────────────────────────
+  getQueues:    (profileId) => get(`/queues?profileId=${profileId}`),
+  createQueue:  (body)      => post('/queues', body),
+  updateQueue:  (id, body)  => put(`/queues/${id}`, body),
+  deleteQueue:  (id)        => del(`/queues/${id}`),
+
+  // ── Media ───────────────────────────────────────────────────────────────────
+  uploadMedia: async (file) => {
+    const fd = new FormData();
+    fd.append('file', file);
+    const r = await fetch(`${BASE}/media`, {
+      method: 'POST',
+      headers: { 'Authorization': `Bearer ${KEY}` },
+      body: fd,
+    });
+    if (!r.ok) {
+      const e = await r.json().catch(() => ({}));
+      throw new Error(e?.error?.message || `HTTP ${r.status}`);
+    }
+    return r.json();
+  },
+  getMedia: (id) => get(`/media/${id}`),
+
+  // ── Inbox ───────────────────────────────────────────────────────────────────
+  getInbox:           (profileId) => get(`/inbox?profileId=${profileId}`),
+  getConversation:    (id)        => get(`/inbox/${id}`),
+  replyConversation:  (id, body)  => post(`/inbox/${id}/reply`, body),
+
+  // ── Analytics ───────────────────────────────────────────────────────────────
+  getPostAnalytics:    (profileId, from, to) => get(`/analytics/posts?profileId=${profileId}&from=${from}&to=${to}`),
+  getAccountAnalytics: (profileId, from, to) => get(`/analytics/accounts?profileId=${profileId}&from=${from}&to=${to}`),
+
+  // ── API Keys ─────────────────────────────────────────────────────────────────
+  getApiKeys:    ()          => get('/api-keys'),
+  createApiKey:  (body)      => post('/api-keys', body),
+  deleteApiKey:  (id)        => del(`/api-keys/${id}`),
+
+  // ── Platforms ────────────────────────────────────────────────────────────────
+  getPlatforms: () => get('/platforms'),
+
+  // ── Connect ──────────────────────────────────────────────────────────────────
+  connectPlatform: (platform) => get(`/connect/${platform}`),
+
+  // ── Contacts ─────────────────────────────────────────────────────────────────
+  getContacts:  ()     => get('/contacts'),
+  createContact:(body) => post('/contacts', body),
+
+  // ── Broadcasts ───────────────────────────────────────────────────────────────
+  getBroadcasts:    ()     => get('/broadcasts'),
+  createBroadcast:  (body) => post('/broadcasts', body),
+  getBroadcast:     (id)   => get(`/broadcasts/${id}`),
+
+  // ── Sequences ────────────────────────────────────────────────────────────────
+  getSequences:   () => get('/sequences'),
+  getSequence:    (id) => get(`/sequences/${id}`),
+  activateSequence: (id) => post(`/sequences/${id}/activate`, {}),
+  pauseSequence:    (id) => post(`/sequences/${id}/pause`, {}),
+
+  // ── Comment-to-DM Automations (Instagram + Facebook only) ───────────────────
+  // Real endpoint: POST /api/v1/comment-automations
+  // Required: name, profileId, accountId, platformPostId, dmMessage
+  // Optional: keywords (comma-separated string), commentReply, isActive
+  getCommentAutomations:    (profileId) => get(`/comment-automations${profileId ? '?profileId=' + profileId : ''}`),
+  getCommentAutomation:     (id)        => get(`/comment-automations/${id}`),
+  createCommentAutomation:  (body)      => post('/comment-automations', body),
+  updateCommentAutomation:  (id, body)  => put(`/comment-automations/${id}`, body),
+  deleteCommentAutomation:  (id)        => del(`/comment-automations/${id}`),
+  getCommentAutomationLogs: (id)        => get(`/comment-automations/${id}/logs`),
+
+  // ── Platform OAuth connect ────────────────────────────────────────────────
+  getConnectUrl: (platform, profileId) => get(`/connect/${platform}?profileId=${profileId || PROFILE_ID}`),
+
+  // ── Comments on posts ─────────────────────────────────────────────────────
+  getPostComments:  (postId, accountId) => get(`/posts/${postId}/comments?accountId=${accountId}`),
+  replyToComment:   (postId, body)      => post(`/posts/${postId}/comments`, body),
+  deleteComment:    (postId, commentId, accountId) => del(`/posts/${postId}/comments/${commentId}?accountId=${accountId}`),
+  hideComment:      (postId, commentId, body) => post(`/posts/${postId}/comments/${commentId}/hide`, body),
+
+  // ── Legacy stubs (kept for backward compat in Agent view) ────────────────
+  getAutomations:    ()          => get('/comment-automations'),
+  runAutomation:     (id)        => post(`/comment-automations/${id}/run`, {}),
+
+  // ── Webhooks ─────────────────────────────────────────────────────────────────
+  getWebhooks:   () => get('/webhooks'),
+  createWebhook: (body) => post('/webhooks', body),
+  updateWebhook: (id, body) => put(`/webhooks/${id}`, body),
+  getWebhookLogs: (id) => get(`/webhooks/${id}/logs`),
+};