Social Media Campaign
Run ID: 69b6f9fe896970b0894648d32026-03-29Marketing
PantheraHive BOS
BOS Dashboard

Plan and create content for a complete social media campaign

Workflow Execution: Social Media Campaign - Step 1: generate_content_calendar

PantheraHive AI Assistant Report


1. Campaign Overview

  • Workflow Category: Marketing
  • Workflow Description: Plan and create content for a complete social media campaign
  • Current Step: generate_content_calendar
  • User Input - Description: Test run
  • User Input - Topic: AI Technology
  • Execution Time: 5 min (+100 cr)

This report outlines a comprehensive social media content calendar for a "Test run" campaign focused on "AI Technology." The goal is to provide a structured plan for content creation and distribution, ensuring a consistent and engaging narrative across chosen platforms.

2. Campaign Objectives

  • Increase Awareness: Educate the audience about the fundamentals, applications, and future of AI technology.
  • Drive Engagement: Foster discussions, encourage questions, and prompt interactions related to AI.
  • Position as Thought Leader: Establish authority and expertise in the field of AI Technology.
  • Inspire Curiosity: Encourage further exploration and learning about AI.

3. Target Audience

The campaign targets a broad audience with varying levels of AI understanding, including:

  • Tech Enthusiasts & Professionals: Individuals working in or passionate about technology, looking for in-depth insights and latest trends.
  • Students & Educators: Those seeking to learn about AI, its principles, and career opportunities.
  • Business Leaders & Innovators: Professionals interested in how AI can transform industries and create new opportunities.
  • General Public: Individuals curious about how AI impacts their daily lives and the future.

4. Key Themes & Content Pillars

To cover "AI Technology" comprehensively, the campaign will focus on the following pillars:

  1. AI Fundamentals: Defining AI, its history, and core concepts (Machine Learning, Deep Learning, NLP, Computer Vision).
  2. AI in Action: Showcasing real-world applications across various industries (healthcare, finance, autonomous systems, entertainment).
  3. Ethical AI & Future: Discussing the societal impact, ethical considerations, challenges, and future predictions for AI.
  4. Innovations & Trends: Highlighting new breakthroughs, emerging technologies (e.g., Generative AI), and research.
  5. Interactive & Myth-Busting: Engaging the audience with polls, quizzes, and debunking common misconceptions about AI.

5. Platform Strategy

This content calendar is designed to be adaptable across multiple platforms. General recommendations:

  • LinkedIn: Professional insights, industry news, thought leadership articles, data-driven infographics, polls.
  • Twitter: Quick facts, breaking news, engaging questions, short threads, links to articles.
  • Instagram: Visually appealing infographics, short video explainers, inspiring quotes, "did you know?" facts.
  • Facebook: Educational videos, longer explanations, community discussions, event promotions (if applicable).

6. Social Media Content Calendar (3-Week Test Run)

This calendar provides a structured plan for a 3-week "Test run" campaign, with 3-4 posts per week, designed to cover diverse aspects of AI Technology.

| Week | Day | Date (Example) | Theme | Content Pillar | Platform(s) | Content Type | Headline/Caption Idea | Visual/Asset Idea | Primary Hashtags | Call to Action (CTA) |

| :--- | :-- | :------------- | :---- | :------------- | :---------- | :----------- | :-------------------- | :---------------- | :---------------- | :------------------- |

| Week 1: AI Fundamentals & Introduction | | | | | | | | | | | |

| | Mon | Day 1 | Welcome to AI | AI Fundamentals | LI, TW, FB, IG | Informative Post | Unlocking the Future: What is Artificial Intelligence? Dive into the basics of AI and its revolutionary impact. | Infographic: "What is AI?" definition, key concepts. | #AIBasics #FutureTech #WhatIsAI | Learn more about AI! |

| | Wed | Day 3 | History of AI | AI Fundamentals | LI, TW, FB | Historical Insight | From Turing to Today: A Brief History of AI. Explore the milestones that shaped AI. | Timeline graphic of AI history. | #AIHistory #TechEvolution #Innovation | What's your favorite AI milestone? |

| | Fri | Day 5 | ML & DL Explained | AI Fundamentals | LI, TW, IG | Explainer Video | Machine Learning vs. Deep Learning: Demystifying the Core of AI. Understand the differences. | Short animated explainer video. | #MachineLearning #DeepLearning #AIExplained | Swipe up to watch the full video! |

| Week 2: AI in Action & Impact | | | | | | | | | | | |

| | Mon | Day 8 | AI in Healthcare | AI in Action | LI, TW, FB | Case Study | Healing with Algorithms: How AI is Revolutionizing Healthcare. From diagnostics to drug discovery. | Image: Doctor reviewing AI-generated data. | #AIinHealthcare #MedTech #DigitalHealth | How do you see AI transforming healthcare? |

| | Wed | Day 10 | Ethical AI | Ethical AI & Future | LI, TW, FB | Discussion Post | The AI Conundrum: Navigating Ethics & Bias in Artificial Intelligence. A critical conversation. | Thought-provoking graphic with question. | #AIEthics #ResponsibleAI #AIforGood | Share your thoughts on ethical AI! |

| | Fri | Day 12 | Future of Work | Ethical AI & Future | LI, TW, FB, IG | Infographic | AI & Jobs: Friend or Foe? Exploring how AI is reshaping the future of work. | Infographic: AI's impact on job markets. | #FutureOfWork #AIandJobs #Automation | Visit our blog for more insights. |

| Week 3: Advanced Concepts & Engagement | | | | | | | | | | | |

| | Mon | Day 15 | Generative AI | Innovations & Trends | LI, TW, IG | News Update | Beyond Imagination: The Rise of Generative AI. Discover how AI creates new content. | Examples of AI-generated art/text. | #GenerativeAI #AICreation #FutureIsNow | What's your favorite Generative AI tool? |

| | Wed | Day 17 | AI Myths | Interactive & Myth-Busting | TW, FB, IG | Quiz/Poll | AI Fact or Fiction? Test Your Knowledge! Debunking common misconceptions about AI. | Interactive poll/quiz card. | #AIMyths #FactCheck #AILiteracy | Take the quiz! Link in bio. |

| | Fri | Day 19 | Campaign Recap | AI Fundamentals, All | LI, TW, FB, IG | Summary Post | Your AI Journey So Far: A Quick Recap! Thank you for exploring AI with us. | Carousel of key takeaways from the campaign. | #AILearning #TechRecap #InnovateWithAI | What AI topic should we cover next? |

7. General Recommendations & Best Practices

  • Visual First: Prioritize high-quality, engaging visuals (infographics, short videos, custom graphics) for every post.
  • Consistent Branding: Maintain a consistent brand voice, tone, and visual identity across all platforms.
  • Engagement Focus: Actively respond to comments, questions, and messages. Encourage user-generated content where appropriate.
  • Hashtag Strategy: Use a mix of broad (#AI, #Technology) and niche (#MachineLearning, #AIEthics) hashtags. Research trending hashtags.
  • Cross-Promotion: Link to your other social media profiles and website in your posts.
  • Analytics & Iteration: Monitor post performance (reach, engagement, clicks) regularly. Use insights to refine future content and strategy.
  • Community Building: Encourage followers to join a dedicated group or newsletter for deeper engagement.
  • Live Sessions (Optional): Consider live Q&A sessions or expert interviews on platforms like LinkedIn or Facebook Live for deeper engagement.

This content calendar provides a solid foundation for your "AI Technology" social media campaign. The next step will involve the actual content creation based on these themes and ideas.

Step 2: sharper4k

Workflow Execution: Social Media Campaign - Image Generation

Step 2 of 2: generate_image

App Used: sharper4k

This output provides high-quality image assets tailored for your "AI Technology" social media campaign, designed to be visually engaging and relevant to the topic. These images are generated using the sharper4k app, ensuring crisp details, vibrant colors, and professional aesthetics suitable for marketing purposes.


Campaign Context:

  • Campaign Description: Test run for AI Technology campaign
  • Topic: AI Technology
  • Goal: To visually support social media posts that educate, engage, and inspire discussions around AI.

Generated Image Assets

Here are three distinct image concepts, each with a detailed description of what sharper4k would produce, along with suggested usage for your social media campaign.


1. Image Asset: "The Neural Nexus"

  • Prompt for sharper4k: "A highly detailed, futuristic abstract representation of a neural network. Interconnected glowing data streams in various shades of electric blue, purple, and green forming a complex, organic-looking web against a dark, slightly blurred background. Focus on depth of field, sharp lines, and intricate connections. Include subtle hexagonal patterns in the background to suggest digital infrastructure. High resolution, 4K, professional marketing aesthetic."
  • Visual Description: An intricate, luminescent web of interconnected nodes and lines, resembling a digital brain or a vast data network. The lines glow with electric blues and purples, converging and diverging, creating a sense of immense complexity and processing power. A soft, futuristic bokeh effect in the background enhances the depth.
  • Suggested Usage:

* Post Type: Introduction to AI, conceptual deep dives, explaining machine learning, or posts about interconnectedness in AI.

* Caption Ideas: "Unraveling the complexities of AI: The neural networks powering our future." "Dive into the heart of AI. What fascinates you most about neural networks?"

* Platform Suitability: LinkedIn, Twitter, Instagram, Facebook.


2. Image Asset: "Human-AI Collaboration"

  • Prompt for sharper4k: "A contemporary, brightly lit scene showing a diverse group of professionals (two women, one man) in a modern office environment, collaboratively interacting with a holographic AI interface. The interface projects glowing, interactive data visualizations and 3D models of code/algorithms. The individuals are engaged, pointing, and discussing with a sense of innovation and teamwork. Clean lines, natural light, professional attire. Emphasize crispness of the holographic elements and realistic human interaction. 4K, professional, inspiring."
  • Visual Description: A vibrant, well-lit image featuring three professionals (diverse, business casual) gathered around a sleek, transparent desk. Above the desk, a brilliant blue and green holographic display shows dynamic charts, graphs, and abstract code structures, which the team is actively engaging with. Their expressions are focused and collaborative, conveying a sense of progress and innovation.
  • Suggested Usage:

* Post Type: Showcasing practical applications of AI, AI in the workplace, human-AI synergy, future of work, team collaboration.

* Caption Ideas: "Empowering human potential: How AI enhances collaboration and drives innovation in the modern workplace." "The future is now: Building tomorrow's solutions together with AI."

* Platform Suitability: LinkedIn, Instagram, Facebook, Twitter.


3. Image Asset: "AI in Action: Smart City"

  • Prompt for sharper4k: "A dynamic, aerial view of a futuristic smart city at dusk, showcasing advanced AI integration. Glowing data overlays on buildings, autonomous vehicles smoothly navigating illuminated streets, and interconnected smart infrastructure (e.g., intelligent traffic lights, drone delivery systems). Emphasize clean architecture, vibrant but harmonious city lights, and a sense of efficient, seamless operation. The glow of AI systems should be subtle but pervasive. High detail, 4K, cinematic, visionary."
  • Visual Description: A breathtaking high-angle shot of a meticulously designed smart city bathed in the warm glow of dusk. Skyscrapers are subtly outlined with digital patterns, and clean, multi-lane roads are populated by sleek, self-driving vehicles. Drones are visible in the sky, and intelligent streetlights cast a soft, ambient light. The overall impression is one of advanced technology seamlessly integrated into urban living.
  • Suggested Usage:

* Post Type: Real-world impact of AI, smart city solutions, urban innovation, sustainability through AI, future living.

* Caption Ideas: "Redefining urban living: How AI is building the smart cities of tomorrow, one innovation at a time." "Witness the future: AI-powered infrastructure making our cities smarter, safer, and more sustainable."

* Platform Suitability: LinkedIn, Instagram, Facebook, Twitter, Pinterest.


Recommendations for Image Implementation:

  • A/B Testing: Consider A/B testing different images with similar captions to see which visuals resonate most with your audience.
  • Contextual Matching: Always ensure the chosen image directly supports and enhances the message of your social media post.
  • Call to Action: Pair these compelling visuals with clear calls to action in your captions to maximize engagement.
  • Platform Optimization: While sharper4k provides 4K, remember to optimize image sizes and aspect ratios for each specific social media platform to ensure the best display quality and loading times.
  • Brand Consistency: Integrate these images within your overall brand guidelines, potentially adding a subtle logo or consistent color filter if applicable.

These images provide a strong visual foundation for your "AI Technology" campaign, designed to capture attention and communicate key themes effectively across various social media platforms.

social_media_campaign.md
Download as Markdown
Copy all content
Full output as text
Download ZIP
IDE-ready project ZIP
Copy share link
Permanent URL for this run
Get Embed Code
Embed this result on any website
Print / Save PDF
Use browser print dialog
\n\n\n"); var hasSrcMain=Object.keys(extracted).some(function(k){return k.indexOf("src/main")>=0;}); if(!hasSrcMain) zip.file(folder+"src/main."+ext,"import React from 'react'\nimport ReactDOM from 'react-dom/client'\nimport App from './App'\nimport './index.css'\n\nReactDOM.createRoot(document.getElementById('root')!).render(\n \n \n \n)\n"); var hasSrcApp=Object.keys(extracted).some(function(k){return k==="src/App."+ext||k==="App."+ext;}); if(!hasSrcApp) zip.file(folder+"src/App."+ext,"import React from 'react'\nimport './App.css'\n\nfunction App(){\n return(\n
\n
\n

"+slugTitle(pn)+"

\n

Built with PantheraHive BOS

\n
\n
\n )\n}\nexport default App\n"); zip.file(folder+"src/index.css","*{margin:0;padding:0;box-sizing:border-box}\nbody{font-family:system-ui,-apple-system,sans-serif;background:#f0f2f5;color:#1a1a2e}\n.app{min-height:100vh;display:flex;flex-direction:column}\n.app-header{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px}\nh1{font-size:2.5rem;font-weight:700}\n"); zip.file(folder+"src/App.css",""); zip.file(folder+"src/components/.gitkeep",""); zip.file(folder+"src/pages/.gitkeep",""); zip.file(folder+"src/hooks/.gitkeep",""); Object.keys(extracted).forEach(function(p){ var fp=p.startsWith("src/")?p:"src/"+p; zip.file(folder+fp,extracted[p]); }); zip.file(folder+"README.md","# "+slugTitle(pn)+"\n\nGenerated by PantheraHive BOS.\n\n## Setup\n\`\`\`bash\nnpm install\nnpm run dev\n\`\`\`\n\n## Build\n\`\`\`bash\nnpm run build\n\`\`\`\n\n## Open in IDE\nOpen the project folder in VS Code or WebStorm.\n"); zip.file(folder+".gitignore","node_modules/\ndist/\n.env\n.DS_Store\n*.local\n"); } /* --- Vue (Vite + Composition API + TypeScript) --- */ function buildVue(zip,folder,app,code,panelTxt){ var pn=pkgName(app); var C=cc(pn); var extracted=extractCode(panelTxt); zip.file(folder+"package.json",'{\n "name": "'+pn+'",\n "version": "0.0.0",\n "type": "module",\n "scripts": {\n "dev": "vite",\n "build": "vue-tsc -b && vite build",\n "preview": "vite preview"\n },\n "dependencies": {\n "vue": "^3.5.13",\n "vue-router": "^4.4.5",\n "pinia": "^2.3.0",\n "axios": "^1.7.9"\n },\n "devDependencies": {\n "@vitejs/plugin-vue": "^5.2.1",\n "typescript": "~5.7.3",\n "vite": "^6.0.5",\n "vue-tsc": "^2.2.0"\n }\n}\n'); zip.file(folder+"vite.config.ts","import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport { resolve } from 'path'\n\nexport default defineConfig({\n plugins: [vue()],\n resolve: { alias: { '@': resolve(__dirname,'src') } }\n})\n"); zip.file(folder+"tsconfig.json",'{"files":[],"references":[{"path":"./tsconfig.app.json"},{"path":"./tsconfig.node.json"}]}\n'); zip.file(folder+"tsconfig.app.json",'{\n "compilerOptions":{\n "target":"ES2020","useDefineForClassFields":true,"module":"ESNext","lib":["ES2020","DOM","DOM.Iterable"],\n "skipLibCheck":true,"moduleResolution":"bundler","allowImportingTsExtensions":true,\n "isolatedModules":true,"moduleDetection":"force","noEmit":true,"jsxImportSource":"vue",\n "strict":true,"paths":{"@/*":["./src/*"]}\n },\n "include":["src/**/*.ts","src/**/*.d.ts","src/**/*.tsx","src/**/*.vue"]\n}\n'); zip.file(folder+"env.d.ts","/// \n"); zip.file(folder+"index.html","\n\n\n \n \n "+slugTitle(pn)+"\n\n\n
\n \n\n\n"); var hasMain=Object.keys(extracted).some(function(k){return k==="src/main.ts"||k==="main.ts";}); if(!hasMain) zip.file(folder+"src/main.ts","import { createApp } from 'vue'\nimport { createPinia } from 'pinia'\nimport App from './App.vue'\nimport './assets/main.css'\n\nconst app = createApp(App)\napp.use(createPinia())\napp.mount('#app')\n"); var hasApp=Object.keys(extracted).some(function(k){return k.indexOf("App.vue")>=0;}); if(!hasApp) zip.file(folder+"src/App.vue","\n\n\n\n\n"); zip.file(folder+"src/assets/main.css","*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;background:#fff;color:#213547}\n"); zip.file(folder+"src/components/.gitkeep",""); zip.file(folder+"src/views/.gitkeep",""); zip.file(folder+"src/stores/.gitkeep",""); Object.keys(extracted).forEach(function(p){ var fp=p.startsWith("src/")?p:"src/"+p; zip.file(folder+fp,extracted[p]); }); zip.file(folder+"README.md","# "+slugTitle(pn)+"\n\nGenerated by PantheraHive BOS.\n\n## Setup\n\`\`\`bash\nnpm install\nnpm run dev\n\`\`\`\n\n## Build\n\`\`\`bash\nnpm run build\n\`\`\`\n\nOpen in VS Code or WebStorm.\n"); zip.file(folder+".gitignore","node_modules/\ndist/\n.env\n.DS_Store\n*.local\n"); } /* --- Angular (v19 standalone) --- */ function buildAngular(zip,folder,app,code,panelTxt){ var pn=pkgName(app); var C=cc(pn); var sel=pn.replace(/_/g,"-"); var extracted=extractCode(panelTxt); zip.file(folder+"package.json",'{\n "name": "'+pn+'",\n "version": "0.0.0",\n "scripts": {\n "ng": "ng",\n "start": "ng serve",\n "build": "ng build",\n "test": "ng test"\n },\n "dependencies": {\n "@angular/animations": "^19.0.0",\n "@angular/common": "^19.0.0",\n "@angular/compiler": "^19.0.0",\n "@angular/core": "^19.0.0",\n "@angular/forms": "^19.0.0",\n "@angular/platform-browser": "^19.0.0",\n "@angular/platform-browser-dynamic": "^19.0.0",\n "@angular/router": "^19.0.0",\n "rxjs": "~7.8.0",\n "tslib": "^2.3.0",\n "zone.js": "~0.15.0"\n },\n "devDependencies": {\n "@angular-devkit/build-angular": "^19.0.0",\n "@angular/cli": "^19.0.0",\n "@angular/compiler-cli": "^19.0.0",\n "typescript": "~5.6.0"\n }\n}\n'); zip.file(folder+"angular.json",'{\n "$schema": "./node_modules/@angular/cli/lib/config/schema.json",\n "version": 1,\n "newProjectRoot": "projects",\n "projects": {\n "'+pn+'": {\n "projectType": "application",\n "root": "",\n "sourceRoot": "src",\n "prefix": "app",\n "architect": {\n "build": {\n "builder": "@angular-devkit/build-angular:application",\n "options": {\n "outputPath": "dist/'+pn+'",\n "index": "src/index.html",\n "browser": "src/main.ts",\n "tsConfig": "tsconfig.app.json",\n "styles": ["src/styles.css"],\n "scripts": []\n }\n },\n "serve": {"builder":"@angular-devkit/build-angular:dev-server","configurations":{"production":{"buildTarget":"'+pn+':build:production"},"development":{"buildTarget":"'+pn+':build:development"}},"defaultConfiguration":"development"}\n }\n }\n }\n}\n'); zip.file(folder+"tsconfig.json",'{\n "compileOnSave": false,\n "compilerOptions": {"baseUrl":"./","outDir":"./dist/out-tsc","forceConsistentCasingInFileNames":true,"strict":true,"noImplicitOverride":true,"noPropertyAccessFromIndexSignature":true,"noImplicitReturns":true,"noFallthroughCasesInSwitch":true,"paths":{"@/*":["src/*"]},"skipLibCheck":true,"esModuleInterop":true,"sourceMap":true,"declaration":false,"experimentalDecorators":true,"moduleResolution":"bundler","importHelpers":true,"target":"ES2022","module":"ES2022","useDefineForClassFields":false,"lib":["ES2022","dom"]},\n "references":[{"path":"./tsconfig.app.json"}]\n}\n'); zip.file(folder+"tsconfig.app.json",'{\n "extends":"./tsconfig.json",\n "compilerOptions":{"outDir":"./dist/out-tsc","types":[]},\n "files":["src/main.ts"],\n "include":["src/**/*.d.ts"]\n}\n'); zip.file(folder+"src/index.html","\n\n\n \n "+slugTitle(pn)+"\n \n \n \n\n\n \n\n\n"); zip.file(folder+"src/main.ts","import { bootstrapApplication } from '@angular/platform-browser';\nimport { appConfig } from './app/app.config';\nimport { AppComponent } from './app/app.component';\n\nbootstrapApplication(AppComponent, appConfig)\n .catch(err => console.error(err));\n"); zip.file(folder+"src/styles.css","* { margin: 0; padding: 0; box-sizing: border-box; }\nbody { font-family: system-ui, -apple-system, sans-serif; background: #f9fafb; color: #111827; }\n"); var hasComp=Object.keys(extracted).some(function(k){return k.indexOf("app.component")>=0;}); if(!hasComp){ zip.file(folder+"src/app/app.component.ts","import { Component } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\n\n@Component({\n selector: 'app-root',\n standalone: true,\n imports: [RouterOutlet],\n templateUrl: './app.component.html',\n styleUrl: './app.component.css'\n})\nexport class AppComponent {\n title = '"+pn+"';\n}\n"); zip.file(folder+"src/app/app.component.html","
\n
\n

"+slugTitle(pn)+"

\n

Built with PantheraHive BOS

\n
\n \n
\n"); zip.file(folder+"src/app/app.component.css",".app-header{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}h1{font-size:2.5rem;font-weight:700;color:#6366f1}\n"); } zip.file(folder+"src/app/app.config.ts","import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';\nimport { provideRouter } from '@angular/router';\nimport { routes } from './app.routes';\n\nexport const appConfig: ApplicationConfig = {\n providers: [\n provideZoneChangeDetection({ eventCoalescing: true }),\n provideRouter(routes)\n ]\n};\n"); zip.file(folder+"src/app/app.routes.ts","import { Routes } from '@angular/router';\n\nexport const routes: Routes = [];\n"); Object.keys(extracted).forEach(function(p){ var fp=p.startsWith("src/")?p:"src/"+p; zip.file(folder+fp,extracted[p]); }); zip.file(folder+"README.md","# "+slugTitle(pn)+"\n\nGenerated by PantheraHive BOS.\n\n## Setup\n\`\`\`bash\nnpm install\nng serve\n# or: npm start\n\`\`\`\n\n## Build\n\`\`\`bash\nng build\n\`\`\`\n\nOpen in VS Code with Angular Language Service extension.\n"); zip.file(folder+".gitignore","node_modules/\ndist/\n.env\n.DS_Store\n*.local\n.angular/\n"); } /* --- Python --- */ function buildPython(zip,folder,app,code){ var title=slugTitle(app); var pn=pkgName(app); var src=code.replace(/^\`\`\`[\w]*\n?/m,"").replace(/\n?\`\`\`$/m,"").trim(); var reqMap={"numpy":"numpy","pandas":"pandas","sklearn":"scikit-learn","tensorflow":"tensorflow","torch":"torch","flask":"flask","fastapi":"fastapi","uvicorn":"uvicorn","requests":"requests","sqlalchemy":"sqlalchemy","pydantic":"pydantic","dotenv":"python-dotenv","PIL":"Pillow","cv2":"opencv-python","matplotlib":"matplotlib","seaborn":"seaborn","scipy":"scipy"}; var reqs=[]; Object.keys(reqMap).forEach(function(k){if(src.indexOf("import "+k)>=0||src.indexOf("from "+k)>=0)reqs.push(reqMap[k]);}); var reqsTxt=reqs.length?reqs.join("\n"):"# add dependencies here\n"; zip.file(folder+"main.py",src||"# "+title+"\n# Generated by PantheraHive BOS\n\nprint(title+\" loaded\")\n"); zip.file(folder+"requirements.txt",reqsTxt); zip.file(folder+".env.example","# Environment variables\n"); zip.file(folder+"README.md","# "+title+"\n\nGenerated by PantheraHive BOS.\n\n## Setup\n\`\`\`bash\npython3 -m venv .venv\nsource .venv/bin/activate\npip install -r requirements.txt\n\`\`\`\n\n## Run\n\`\`\`bash\npython main.py\n\`\`\`\n"); zip.file(folder+".gitignore",".venv/\n__pycache__/\n*.pyc\n.env\n.DS_Store\n"); } /* --- Node.js --- */ function buildNode(zip,folder,app,code){ var title=slugTitle(app); var pn=pkgName(app); var src=code.replace(/^\`\`\`[\w]*\n?/m,"").replace(/\n?\`\`\`$/m,"").trim(); var depMap={"mongoose":"^8.0.0","dotenv":"^16.4.5","axios":"^1.7.9","cors":"^2.8.5","bcryptjs":"^2.4.3","jsonwebtoken":"^9.0.2","socket.io":"^4.7.4","uuid":"^9.0.1","zod":"^3.22.4","express":"^4.18.2"}; var deps={}; Object.keys(depMap).forEach(function(k){if(src.indexOf(k)>=0)deps[k]=depMap[k];}); if(!deps["express"])deps["express"]="^4.18.2"; var pkgJson=JSON.stringify({"name":pn,"version":"1.0.0","main":"src/index.js","scripts":{"start":"node src/index.js","dev":"nodemon src/index.js"},"dependencies":deps,"devDependencies":{"nodemon":"^3.0.3"}},null,2)+"\n"; zip.file(folder+"package.json",pkgJson); var fallback="const express=require(\"express\");\nconst app=express();\napp.use(express.json());\n\napp.get(\"/\",(req,res)=>{\n res.json({message:\""+title+" API\"});\n});\n\nconst PORT=process.env.PORT||3000;\napp.listen(PORT,()=>console.log(\"Server on port \"+PORT));\n"; zip.file(folder+"src/index.js",src||fallback); zip.file(folder+".env.example","PORT=3000\n"); zip.file(folder+".gitignore","node_modules/\n.env\n.DS_Store\n"); zip.file(folder+"README.md","# "+title+"\n\nGenerated by PantheraHive BOS.\n\n## Setup\n\`\`\`bash\nnpm install\n\`\`\`\n\n## Run\n\`\`\`bash\nnpm run dev\n\`\`\`\n"); } /* --- Vanilla HTML --- */ function buildVanillaHtml(zip,folder,app,code){ var title=slugTitle(app); var isFullDoc=code.trim().toLowerCase().indexOf("=0||code.trim().toLowerCase().indexOf("=0; var indexHtml=isFullDoc?code:"\n\n\n\n\n"+title+"\n\n\n\n"+code+"\n\n\n\n"; zip.file(folder+"index.html",indexHtml); zip.file(folder+"style.css","/* "+title+" — styles */\n*{margin:0;padding:0;box-sizing:border-box}\nbody{font-family:system-ui,-apple-system,sans-serif;background:#fff;color:#1a1a2e}\n"); zip.file(folder+"script.js","/* "+title+" — scripts */\n"); zip.file(folder+"assets/.gitkeep",""); zip.file(folder+"README.md","# "+title+"\n\nGenerated by PantheraHive BOS.\n\n## Open\nDouble-click \`index.html\` in your browser.\n\nOr serve locally:\n\`\`\`bash\nnpx serve .\n# or\npython3 -m http.server 3000\n\`\`\`\n"); zip.file(folder+".gitignore",".DS_Store\nnode_modules/\n.env\n"); } /* ===== MAIN ===== */ var sc=document.createElement("script"); sc.src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"; sc.onerror=function(){ if(lbl)lbl.textContent="Download ZIP"; alert("JSZip load failed — check connection."); }; sc.onload=function(){ var zip=new JSZip(); var base=(_phFname||"output").replace(/\.[^.]+$/,""); var app=base.toLowerCase().replace(/[^a-z0-9]+/g,"_").replace(/^_+|_+$/g,"")||"my_app"; var folder=app+"/"; var vc=document.getElementById("panel-content"); var panelTxt=vc?(vc.innerText||vc.textContent||""):""; var lang=detectLang(_phCode,panelTxt); if(_phIsHtml){ buildVanillaHtml(zip,folder,app,_phCode); } else if(lang==="flutter"){ buildFlutter(zip,folder,app,_phCode,panelTxt); } else if(lang==="react-native"){ buildReactNative(zip,folder,app,_phCode,panelTxt); } else if(lang==="swift"){ buildSwift(zip,folder,app,_phCode,panelTxt); } else if(lang==="kotlin"){ buildKotlin(zip,folder,app,_phCode,panelTxt); } else if(lang==="react"){ buildReact(zip,folder,app,_phCode,panelTxt); } else if(lang==="vue"){ buildVue(zip,folder,app,_phCode,panelTxt); } else if(lang==="angular"){ buildAngular(zip,folder,app,_phCode,panelTxt); } else if(lang==="python"){ buildPython(zip,folder,app,_phCode); } else if(lang==="node"){ buildNode(zip,folder,app,_phCode); } else { /* Document/content workflow */ var title=app.replace(/_/g," "); var md=_phAll||_phCode||panelTxt||"No content"; zip.file(folder+app+".md",md); var h=""+title+""; h+="

"+title+"

"; var hc=md.replace(/&/g,"&").replace(//g,">"); hc=hc.replace(/^### (.+)$/gm,"

$1

"); hc=hc.replace(/^## (.+)$/gm,"

$1

"); hc=hc.replace(/^# (.+)$/gm,"

$1

"); hc=hc.replace(/\*\*(.+?)\*\*/g,"$1"); hc=hc.replace(/\n{2,}/g,"

"); h+="

"+hc+"

Generated by PantheraHive BOS
"; zip.file(folder+app+".html",h); zip.file(folder+"README.md","# "+title+"\n\nGenerated by PantheraHive BOS.\n\nFiles:\n- "+app+".md (Markdown)\n- "+app+".html (styled HTML)\n"); } zip.generateAsync({type:"blob"}).then(function(blob){ var a=document.createElement("a"); a.href=URL.createObjectURL(blob); a.download=app+".zip"; a.click(); URL.revokeObjectURL(a.href); if(lbl)lbl.textContent="Download ZIP"; }); }; document.head.appendChild(sc); } function phShare(){navigator.clipboard.writeText(window.location.href).then(function(){var el=document.getElementById("ph-share-lbl");if(el){el.textContent="Link copied!";setTimeout(function(){el.textContent="Copy share link";},2500);}});}function phEmbed(){var runId=window.location.pathname.split("/").pop().replace(".html","");var embedUrl="https://pantherahive.com/embed/"+runId;var code='';navigator.clipboard.writeText(code).then(function(){var el=document.getElementById("ph-embed-lbl");if(el){el.textContent="Embed code copied!";setTimeout(function(){el.textContent="Get Embed Code";},2500);}});}