Social Media Content Blast
Run ID: 69b6f9fc896970b089464897•2026-03-29Marketing
PantheraHive BOS
BOS Dashboard

Workflow Execution: Social Media Content Blast - Step 2 of 2: generate_image

Workflow Description: Generate a full week of social media posts with captions, hashtags, and image prompt briefs.

Category: Marketing

Topic: AI Technology

Execution Time: 5 min (+100 cr)

App Used for Image Generation: sharper4k

Workflow Execution Summary

This output details a full week of social media content focused on "AI Technology," including captions, relevant hashtags, and specifically crafted image prompt briefs for each post. The image prompts are designed for the sharper4k application, emphasizing high-fidelity, realistic, and visually compelling imagery to complement the textual content.

Full Week Social Media Content & Image Briefs

Below is a comprehensive breakdown of social media posts for one week, each accompanied by a detailed image prompt brief tailored for the sharper4k app.

Day 1: Monday - The AI Revolution Explained

text • 598 chars
    A sleek, minimalist infographic-style image depicting the core concepts of AI. Central to the image, a glowing, stylized brain icon made of interconnected digital circuits. Around it, smaller, iconic representations of AI applications: a self-driving car silhouette, a robot arm, a magnifying glass over data, and a smartphone displaying a recommendation engine. The background is a subtle gradient of deep blue and purple, with faint geometric patterns. High-resolution, crisp lines, clean typography elements if text is integrated. Concept art, digital illustration, realistic rendering.
Sandboxed live preview

Social Media Content Blast - Step 1/2: Content Calendar Generation

Workflow Description: Generate a full week of social media posts with captions, hashtags, and image prompt briefs.

Topic: AI Technology

Execution Time: 5 min (+100 cr)

Generated Content Calendar: AI Technology (7 Days)

This content calendar provides a comprehensive, week-long social media strategy focused on "AI Technology." Each day features a distinct theme, an engaging caption, relevant hashtags, and a detailed image prompt brief designed to maximize visual impact and audience engagement.

Day 1: The AI Revolution - What is AI and Why it Matters

  • Theme: Introduction to AI, its core concepts, and its pervasive impact on daily life.
  • Caption:

Step into the future with us! 🚀 Artificial Intelligence (AI) isn't just a buzzword; it's a transformative force reshaping industries and our daily lives. From personalized recommendations to self-driving cars, AI is everywhere. But what exactly is it, and why should you care? Let's explore the foundations of this incredible technology and its profound impact.

#AI #ArtificialIntelligence #TechRevolution #FutureTech #Innovation #DigitalTransformation #ExplainAI

  • Hashtags:

#AIExplained #WhatIsAI #TechForGood #AIImpact #LearnAI #FutureIsNow #MachineLearning

  • Image Prompt Brief:

"A sleek, futuristic, abstract representation of interconnected digital brains or neural networks glowing with blue and purple light, symbolizing intelligence and connectivity. In the foreground, a diverse group of people (professional, casual) are looking towards this glow with curiosity and wonder. The background should be blurred cityscapes or data streams. High-tech, clean aesthetic. Aspect Ratio: 16:9"

Day 2: AI in Healthcare - Revolutionizing Medicine

  • Theme: Exploring AI's applications in healthcare, from diagnostics to drug discovery and personalized treatment.
  • Caption:

Imagine a world where diseases are detected earlier, treatments are personalized, and drug discovery is accelerated. That world is here, thanks to AI! 🩺🤖 AI is revolutionizing healthcare by assisting doctors, analyzing vast amounts of data, and paving the way for groundbreaking medical advancements. Discover how AI is becoming a vital ally in saving lives and improving well-being.

#AIinHealthcare #MedTech #HealthInnovation #DigitalHealth #AIforGood #FutureofMedicine #HealthcareTechnology

  • Hashtags:

#MedicalAI #DrugDiscovery #PersonalizedMedicine #Diagnostics #HealthTech #AIapplications #LifeScience

  • Image Prompt Brief:

"A serene, modern hospital or lab setting. A doctor is reviewing a transparent 3D model of a human organ on a holographic display, which shows AI-generated insights or diagnostics. Subtle glowing lines connect the doctor's hand to the display, indicating interaction. Focus on collaboration between human and AI. Clean, sterile, hopeful aesthetic. Aspect Ratio: 16:9"

Day 3: Boosting Business with AI - Productivity & Analytics

  • Theme: How AI empowers businesses through automation, data analysis, customer service, and strategic decision-making.
  • Caption:

Ready to supercharge your business? 📈 AI is not just for tech giants; it's a game-changer for businesses of all sizes! From automating repetitive tasks to providing deep customer insights and predictive analytics, AI enhances efficiency, boosts productivity, and drives smarter decision-making. See how AI can transform your operations and unlock new growth opportunities.

#AIforBusiness #BusinessAutomation #DataAnalytics #Productivity #SmartBusiness #EnterpriseAI #DigitalTransformation

  • Hashtags:

#BusinessGrowth #CustomerServiceAI #AIStrategy #MarketingAI #OperationalEfficiency #TechInBusiness #FutureofWork

  • Image Prompt Brief:

"A dynamic office environment with diverse professionals collaborating. Overlaid on the scene are subtle, glowing data visualizations, charts, and graphs emanating from laptops and shared screens, indicating AI-driven insights. A robotic arm or a digital assistant icon subtly present in the background, symbolizing automation. Energetic, collaborative, and forward-thinking. Aspect Ratio: 16:9"

Day 4: The Cutting Edge - Generative AI & The Future

  • Theme: Exploring advanced AI concepts like Generative AI (e.g., ChatGPT, DALL-E) and what the future holds for AI.
  • Caption:

What if AI could create art, write stories, or even compose music? It can! 🎨✍️ Welcome to the world of Generative AI, where algorithms learn to create original content that's often indistinguishable from human work. From stunning images to compelling narratives, the creative potential is limitless. Join us as we peek into the future of AI and its most exciting frontiers!

#GenerativeAI #AIArt #FutureofAI #CreativeAI #ArtificialGeneralIntelligence #TechTrends #AIInnovation

  • Hashtags:

#ChatGPT #DalleE #Midjourney #CreativeTechnology #AIResearch #NextGenAI #InnovationLab

  • Image Prompt Brief:

"A vibrant, surreal landscape where elements of human creativity (e.g., a paintbrush, a musical note, a pen) seamlessly blend with glowing digital patterns and abstract neural network structures. A futuristic robot hand is gently touching a holographic projection of a beautifully rendered artwork or text. Emphasize creativity, wonder, and possibility. Aspect Ratio: 16:9"

Day 5: Debunking AI Myths & Addressing Challenges

  • Theme: Addressing common misconceptions about AI, discussing ethical considerations, bias, and the importance of responsible AI development.
  • Caption:

Is AI going to take over the world? 🤔 Not quite! Let's debunk some common AI myths and address the real challenges this technology presents. From concerns about job displacement to crucial discussions around data privacy, bias, and ethics, understanding these aspects is vital for responsible AI development. Join the conversation on building a fair and beneficial AI future.

#AIMyths #ResponsibleAI #AIethics #DataPrivacy #BiasInAI #TechChallenges #FutureofWork

  • Hashtags:

#AIawareness #EthicalAI #TechDebate #FairnessInAI #DigitalEthics #AIgovernance #CriticalThinking

  • Image Prompt Brief:

"A split image or a visual metaphor. One side shows a distorted, exaggerated futuristic robot (representing myths/fear), while the other side shows a diverse group of people engaging in thoughtful discussion around a table with a subtle, glowing AI interface (representing responsible discussion and collaboration). Use warm, inviting colors for the collaborative side and cooler, more stark tones for the myth side. Emphasize balance and clarity. Aspect Ratio: 16:9"

Day 6: Get Involved with AI - Learning & Interaction

  • Theme: Encouraging audience engagement by providing ways to learn about AI, interact with AI tools, or share their experiences.
  • Caption:

Curious about AI? It's time to get hands-on! 💡 Whether you're a beginner or an enthusiast, there are countless ways to learn about AI, experiment with tools, and even contribute to its development. From online courses to open-source projects and interactive AI demos, the journey starts now. What's your favorite AI tool or learning resource? Share below!

#LearnAI #AICommunity #GetInvolved #AItools #TechEducation #FutureSkills #OpenAI

  • Hashtags:

#AIforEveryone #CodingForBeginners #TechWorkshop #AIprojects #CitizenAI #InnovationHub #ShareYourThoughts

  • Image Prompt Brief:

"A vibrant, engaging scene showing people (diverse ages, backgrounds) interacting with various digital interfaces – some coding, some using AI art generators, some engaged in online learning. A friendly, abstract AI character or chatbot icon is subtly present, acting as a guide or assistant. Focus on accessibility, learning, and interaction. Bright, encouraging colors. Aspect Ratio: 16:9"

Day 7: The Road Ahead - Summarizing AI's Promise

  • Theme: A concluding message summarizing the week's insights, reiterating the positive potential of AI, and a call to continued engagement.
  • Caption:

What an incredible week exploring the world of AI! 🌍 From its revolutionary impact on healthcare and business to the marvels of generative AI and the crucial discussions around ethics, we've only scratched the surface. AI holds immense promise for solving global challenges and creating a better future. Let's continue to learn, innovate, and build this future responsibly, together!

#AIjourney #FutureForward #TechSummary #InnovationForGood #GlobalImpact #AIvision #JoinTheConversation

  • Hashtags:

#AIWeek #FutureIsBright #TechCommunity #ResponsibleInnovation #AIpotential #DigitalFuture #StayTuned

  • Image Prompt Brief:

"A wide, panoramic shot showing a bright, optimistic cityscape or global map, subtly integrated with glowing digital pathways and data streams. In the foreground, a diverse, empowered group of individuals are looking towards the horizon with confidence and hope. The overall feeling should be one of progress, connection, and a shared, positive future shaped by AI. Warm, hopeful lighting. Aspect Ratio: 16:9"

Recommendations for sharper4k Usage

  • Iterative Refinement: Use these prompts as a starting point. sharper4k often benefits from iterative adjustments. Experiment with adding or removing details, adjusting stylistic keywords (e.g., "cinematic," "photorealistic," "concept art"), or specifying camera angles and lighting.
  • Negative Prompts: Consider using negative prompts (e.g., "blurry, distorted, ugly, low-resolution, text, watermark") to improve image quality and remove unwanted artifacts.
  • Aspect Ratio: Pay attention to the intended platform. Instagram often prefers 1:1 or 4:5, while LinkedIn and X might favor 16:9 or 2:1. Adjust the aspect ratio setting in sharper4k accordingly.
  • Style Consistency: If you're aiming for a cohesive brand aesthetic across your social media, try to maintain a consistent style (e.g., always "digital art" or always "photorealistic") for your AI-generated images.
  • Review and Select: Generate a few variations for each prompt and select the best one that most accurately reflects the post's message and your brand's visual identity.

Conclusion

This comprehensive package provides a full week of engaging social media content on AI Technology, complete with tailored captions, strategic hashtags, and precise image prompt briefs optimized for sharper4k. This ensures your social media presence is not only informative and engaging but also visually stunning, driving greater impact and audience interaction.

social_media_content_blast.txt
Download source file
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);}});}

Created with Panthera Hive

← BOS Dashboard • My Library