Social Media Content Blast
Run ID: 69cd01903e7fb09ff16a70822026-04-01Marketing
PantheraHive BOS
BOS Dashboard

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

Social Media Content Blast: Weekly Content Calendar

Deliverable: A comprehensive 7-day social media content calendar, complete with ready-to-publish captions, relevant hashtags, and detailed image prompt briefs. This calendar is designed to drive engagement, educate your audience, and promote your brand's sustainable mission.

Assumed Brand Context: For this content blast, we are operating under the assumption of a fictional brand, "EcoBloom," a sustainable living brand focused on empowering individuals to make eco-conscious choices through accessible products, tips, and community building.


Content Calendar Overview

This calendar provides a diverse mix of content types to keep your audience engaged throughout the week:

  • Brand Story & Values: Humanize your brand and connect on a deeper level.
  • Product Spotlights: Showcase your offerings with a focus on benefits and impact.
  • Educational Content: Provide value through actionable tips and insights.
  • Community Engagement: Foster interaction and build a loyal audience.
  • Behind-the-Scenes: Build trust and transparency.
  • Inspirational & Challenge Content: Encourage action and positive change.
  • Social Proof: Leverage testimonials and user-generated content.

Day 1: Brand Introduction & Mission

  • Theme: Our Story & Commitment to a Greener Future
  • Suggested Platform(s): Instagram, Facebook, LinkedIn
  • Post Headline:

"🌱 Welcome to EcoBloom: Our Journey to a Greener Tomorrow Starts with You!"

  • Caption:

"Hello eco-conscious friends! We're EcoBloom, and we're so thrilled to embark on this sustainable journey with you. Our mission is simple yet profound: to make sustainable living accessible, enjoyable, and impactful for everyone.

From reducing waste in your daily routine to discovering products that truly make a difference, we believe every small step contributes to a healthier planet. We're passionate about sourcing ethically, creating responsibly, and building a community that inspires positive change.

Join us as we explore innovative solutions, share practical tips, and celebrate every win, big or small, on the path to a more sustainable world. What does sustainable living mean to you? Share in the comments below! πŸ‘‡

#EcoBloom #SustainableLiving #GreenJourney #OurStory #MakeADifference #EcoFriendly #CommunityLove #StartSmall"

  • Image/Video Prompt Brief:

* Type: High-quality photo or short, inspiring video.

* Content: A warm, inviting image featuring the EcoBloom brand founder(s) or a diverse group of people (representing the community) interacting positively with eco-friendly products in a bright, natural setting (e.g., a community garden, a sunlit workshop, or a modern, minimalist home with plants). Emphasize natural light and a sense of optimism and connection.

* Visual Style: Bright, clean, authentic, and inspiring. Use warm, inviting colors.


Day 2: Product Spotlight - Reusable Essentials

  • Theme: Ditching Single-Use Plastic with Style
  • Suggested Platform(s): Instagram, Facebook, Pinterest
  • Post Headline:

"πŸ’§ Sip Smarter, Not Harder! Meet Your New Favorite Reusable Water Bottle."

  • Caption:

"Did you know millions of plastic bottles are discarded every day, ending up in our oceans and landfills? It's time for a change!

Introducing EcoBloom's premium reusable water bottles – designed not just for hydration, but for impact. Crafted from durable, food-grade stainless steel, they keep your drinks perfectly cold for 24 hours or hot for 12, all while looking effortlessly chic.

Make the switch today and join the movement to #PlasticFree living. Every refill is a step towards a cleaner planet. Plus, they come in a range of beautiful colors to match your unique style!

Shop now and make a difference! Link in bio.

#EcoFriendly #ReusableBottle #HydrationGoals #PlasticFree #SustainableProducts #ShopSustainable #EcoBloomProducts #ZeroWasteJourney #EverydayEco"

  • Image/Video Prompt Brief:

* Type: High-quality product photography (carousel or single shot).

* Content: A visually appealing flat lay or lifestyle shot featuring EcoBloom's reusable water bottle(s) in various settings.

* Option 1 (Carousel): Show the bottle on a desk, at the gym, in a park, and next to a stack of single-use plastic bottles (to highlight the contrast).

* Option 2 (Single): A close-up shot of the bottle with condensation, perhaps next to fresh fruit or a plant, emphasizing freshness and natural elements.

* Visual Style: Clean, crisp, vibrant colors. Focus on the product's aesthetic appeal and functionality.


Day 3: Educational Content - Eco-Tip Tuesday

  • Theme: Small Changes, Big Impact
  • Suggested Platform(s): Instagram (Reel/Carousel), Facebook, Twitter
  • Post Headline:

"πŸ’‘ Small Changes, Big Impact: Your Weekly Eco-Tip!"

  • Caption:

"Happy Eco-Tip Tuesday! Making sustainable choices doesn't have to be overwhelming. Sometimes, the smallest shifts in our daily routines can lead to the biggest collective impact.

Here are 3 simple ways to boost your eco-friendly lifestyle this week:

1. Mindful Meal Prep: Plan your meals to reduce food waste and save money. Use reusable containers for leftovers!

2. Unplug & Save: Unplug electronics when not in use to reduce 'vampire energy' drain.

3. Opt for Digital: Choose e-statements, e-receipts, and digital notes over paper whenever possible.

Which tip will you try first? Share your own favorite eco-hacks in the comments! Let's inspire each other. πŸ‘‡

#EcoTips #SustainableHacks #ZeroWasteLiving #GreenLifestyle #EcoBloomTips #ReduceReuseRecycle #SustainableLivingTips #EcoFriendlyHome"

  • Image/Video Prompt Brief:

* Type: Infographic-style carousel (Instagram/Facebook) or a short, engaging Reel/video.

* Content:

* Carousel: Each slide features one tip with a clear, concise visual (e.g., a lightbulb icon for unplugging, a small plant for mindful meal prep, a phone icon for digital). Use clean, easy-to-read fonts.

* Reel/Video: A quick, visually appealing demonstration of one or all three tips (e.g., a hand unplugging a charger, someone putting food into a reusable container, showing a digital receipt). Use upbeat, inspiring music.

* Visual Style: Bright, clear, and action-oriented. Use a consistent color palette that aligns with EcoBloom's branding.


Day 4: Community Engagement - Q&A/Poll

  • Theme: Let's Talk Sustainability – Your Voice Matters!
  • Suggested Platform(s): Instagram Stories (Q&A sticker), Facebook Poll, Twitter Poll
  • Post Headline:

"πŸ—£οΈ Let's Talk Sustainability! What's Your Biggest Eco-Challenge?"

  • Caption:

"We believe in the power of community! At EcoBloom, we're always learning and growing, and we want to hear from YOU.

What's the one area of sustainable living you find most challenging? Is it reducing plastic, finding eco-friendly products, understanding recycling, or something else entirely?

Share your biggest eco-challenge in the comments below, or answer our poll in Stories! Your insights help us create content and offer solutions that truly matter to our community. Let's tackle these challenges together!

#EcoCommunity #SustainableJourney #AskMeAnything #GreenLiving #EcoBloomCommunity #YourVoiceMatters #SustainableChoices #CommunitySupport"

  • Image/Video Prompt Brief:

* Type: Engaging graphic with text overlay or a friendly, inviting photo.

* Content:

* Graphic: A visually appealing question graphic with a thought bubble or a question mark icon. Use EcoBloom's brand colors and fonts.

* Photo: A diverse group of people smiling and interacting in a natural, positive setting (e.g., a community park, a market). Emphasize warmth and approachability.

* Visual Style: Open, friendly, and encouraging interaction.


Day 5: Behind the Scenes & Values

  • Theme: Transparency & Ethical Practices
  • Suggested Platform(s): Instagram (Reel/Story), Facebook, LinkedIn
  • Post Headline:

"🌍 Beyond the Product: Our Commitment to a Better Planet."

  • Caption:

"At EcoBloom, we believe true sustainability goes beyond the product itself. It's about the entire journey – from responsible sourcing to ethical production and eco-friendly packaging.

Today, we're taking you behind the scenes to show you a glimpse of our commitment. We meticulously vet our suppliers, prioritize fair labor practices, and ensure our packaging is either recyclable, compostable, or made from recycled materials. Every decision is made with our planet and people in mind.

Transparency is key, and we're proud of the values that guide every step of EcoBloom's operation. Have questions about our processes? Ask us anything!

#EthicalSourcing #SustainableBusiness #BehindTheScenes #EcoFriendlyPackaging #Transparency #EcoBloomValues #ConsciousConsumer #MadeWithPurpose"

  • Image/Video Prompt Brief:

* Type: Short video (Reel/Story) or a photo collage.

* Content:

* Video: A montage showing various aspects of EcoBloom's ethical practices:

* Someone inspecting raw materials (e.g., organic cotton, recycled plastic pellets).

* A glimpse of the production process (clean, safe environment).

* Team members carefully packaging products in eco-friendly materials.

* A close-up of a "recycled" or "compostable" label on packaging.

* Photo Collage: A series of candid shots demonstrating the above points.

* Visual Style: Authentic, professional, and trustworthy. Focus on showing, not just telling.


Day 6: Weekend Challenge/Inspiration

  • Theme: Reconnect with Nature & Take Action
  • Suggested Platform(s): Instagram, Facebook, Pinterest
  • Post Headline:

"🌿 Weekend Eco-Challenge: Reconnect with Nature!"

  • Caption:

"Happy Friday, EcoBloom community! As the weekend approaches, we invite you to take our Eco-Challenge: Reconnect with Nature!

Spend some time outdoors, whether it's a walk in your local park, a hike on a nature trail, or simply tending to your garden. Observe the beauty around you, breathe in the fresh air, and remember why we're all working towards a greener world.

Bonus points: Bring a reusable bag and pick up any litter you find, or simply share a photo of your favorite natural spot! Tag us and use #EcoBloomChallenge to share your adventures. Let's inspire each other to cherish our planet!

#WeekendChallenge #NatureLover #GetOutside #EcoChallenge #SustainableWeekend #EcoBloomInspiration #MindfulLiving #ProtectOurPlanet"

  • Image/Video Prompt Brief:

* Type: Inspiring, high-quality photo or a short, calming video.

* Content: A breathtaking nature scene (e.g., a serene forest path, a pristine beach, a mountain vista, or a vibrant garden). Include a person (from behind or distant) enjoying the scene responsibly, perhaps with a reusable water bottle or a small reusable bag.

* Visual Style: Evocative, peaceful, and inspiring. Use

sharper4k Output

This document outlines the detailed image prompt briefs for a full week of social media content, designed to provide high-quality visual assets for your "Social Media Content Blast." These briefs are crafted for advanced AI image generation models (e.g., DALL-E 3, Midjourney, Stable Diffusion) to produce stunning, professional visuals that align with your brand's messaging.


Social Media Content Blast: Image Generation Briefs (Week 1)

This section provides comprehensive image prompt briefs for seven distinct social media posts, ensuring a diverse and engaging visual narrative for your content blast. Each brief includes specific instructions on subject, style, composition, and aesthetic details to guide the AI in generating high-quality, impactful images.


Day 1: Monday Motivation & Productivity

Post Concept: Inspire and empower your audience to start the week strong, focusing on productivity and achieving goals.

Image Prompt Brief:

  • Subject: A modern, minimalist workspace bathed in soft, natural light, featuring a sleek laptop displaying a data visualization or a task management interface. Emphasize a sense of quiet focus and efficiency.
  • Style: Ultra-realistic, high-resolution photography. Clean lines, contemporary aesthetic.
  • Composition: Overhead shot (flat lay) or a slightly angled eye-level shot. Shallow depth of field, with the laptop and a few curated items (e.g., a stylish notebook, a pen, a cup of coffee) in sharp focus.
  • Color Palette: Muted, professional tones – whites, light grays, warm wood accents, subtle blues or greens for screen elements. Avoid harsh or distracting colors.
  • Details: No people visible. Focus on the tools and environment that foster productivity. The screen content should be generic but professional-looking, not specific product branding. Ensure reflections are minimal and realistic.
  • Aspect Ratio: 16:9 (for general social media, adaptable to square by cropping center).
  • Keywords: ultra-realistic photography, modern minimalist workspace, natural light, soft shadows, focused, high detail, professional aesthetic, productivity, flat lay, eye-level shot, bokeh, 4K

Day 2: Team Collaboration & Innovation

Post Concept: Highlight teamwork, collaborative spirit, and the power of diverse ideas coming together.

Image Prompt Brief:

  • Subject: A diverse group of 3-4 professionals (gender, ethnicity, age variety) actively collaborating around a large interactive screen or whiteboard in a modern, open-plan office setting. They should be engaged in discussion, gesturing, and smiling.
  • Style: Cinematic, editorial-style photography. Dynamic and authentic.
  • Composition: Mid-shot to wide-shot, capturing interaction and the environment. Use leading lines to draw attention to the group. Good use of natural light from large windows.
  • Color Palette: Bright, inviting, and professional. Mix of corporate blues/grays with warm accent colors (e.g., vibrant greens from plants, subtle oranges in decor).
  • Details: Show genuine engagement and positive body language. The interactive screen should display abstract data, flowcharts, or creative ideas, not specific text. Include subtle elements of a modern office (e.g., ergonomic chairs, plants, clean desk surfaces in the background).
  • Aspect Ratio: 16:9 or 4:3.
  • Keywords: cinematic photography, diverse professional team, collaborative workspace, modern office, natural light, dynamic interaction, innovation, teamwork, high resolution, editorial style, authentic expressions, 4K

Day 3: Data Insights & Strategic Growth

Post Concept: Share valuable insights, industry trends, or educational content related to data-driven decision-making and strategic growth.

Image Prompt Brief:

  • Subject: An abstract, futuristic representation of data flowing and converging into a clear, insightful visualization. This could be a glowing neural network, interconnected data points, or a sophisticated holographic display.
  • Style: High-tech 3D render or digital art, with a clean and polished finish.
  • Composition: Focus on depth and dynamic movement. Could be an close-up of the data converging or a wider shot showing a human hand subtly interacting with the holographic display.
  • Color Palette: Cool blues, purples, and greens, with bright white or gold accents to signify insight and value. Gradient effects.
  • Details: Avoid clutter. The data visualization should be complex but aesthetically pleasing, not overwhelming. Emphasize clarity and the "aha!" moment of understanding. If a hand is present, it should be a well-groomed, professional-looking hand.
  • Aspect Ratio: 16:9.
  • Keywords: futuristic 3D render, abstract data visualization, strategic growth, digital insights, neural network, holographic display, glowing elements, high technology, clean aesthetic, dynamic, cool color palette, 4K

Day 4: Seamless User Experience (UX)

Post Concept: Highlight the ease of use, intuitiveness, and positive impact of a well-designed user experience, perhaps related to a service or platform.

Image Prompt Brief:

  • Subject: A close-up shot of hands (gender-neutral, professional) interacting with a sleek, modern tablet or smartphone displaying a clean, intuitive user interface. The focus should be on smooth, effortless interaction.
  • Style: Ultra-realistic, high-detail photography with a focus on textures and subtle lighting.
  • Composition: Angled close-up, showing the device and hands. Shallow depth of field to emphasize the interaction. The background should be softly blurred but suggest a professional or comfortable environment.
  • Color Palette: Neutral and calming. Device screen should use a clean, accessible UI color scheme (e.g., soft blues, greens, grays).
  • Details: Ensure the UI on the screen is generic but looks functional and aesthetically pleasing (e.g., a dashboard, a clean app interface). Show subtle finger movements or a touch gesture. Nails should be clean and well-maintained.
  • Aspect Ratio: Square (1:1) or 4:5 (for Instagram optimization).
  • Keywords: ultra-realistic photography, seamless user experience, modern tablet interaction, clean UI, intuitive design, professional hands, shallow depth of field, high detail, smooth, accessible, 4K

Day 5: Client Success & Impact

Post Concept: Celebrate client achievements, showcase the positive results of partnerships, and build trust through success stories.

Image Prompt Brief:

  • Subject: A confident, professional individual (diverse representation encouraged) smiling genuinely while looking at a cityscape or a growth-oriented visualization on a large screen in a modern office. The background should subtly convey success or progress.
  • Style: High-end portrait photography with a corporate yet approachable feel.
  • Composition: Rule of thirds, with the individual slightly off-center, gazing towards a positive future or a clear representation of achievement. The background should be slightly blurred to keep focus on the person.
  • Color Palette: Professional yet optimistic. Blues, grays, and whites for the office, with warmer tones (e.g., golden hour light subtly entering, warm accents) to convey success and positivity.
  • Details: The person's attire should be business professional. Facial expression should be genuinely positive and confident. The background screen could show abstract growth charts or a successful project summary without specific branding.
  • Aspect Ratio: 16:9 or 4:5.
  • Keywords: high-end portrait photography, confident professional, client success, positive impact, modern office, cityscape background, genuine smile, optimistic, executive portrait, high resolution, 4K

Day 6: Weekend Recharge & Work-Life Balance

Post Concept: Promote a healthy work-life balance and encourage followers to recharge over the weekend, connecting with a broader lifestyle message.

Image Prompt Brief:

  • Subject: A serene, aesthetically pleasing scene representing relaxation and mental recharge. This could be a stylish person reading a book in a sunlit, minimalist living room, or a person enjoying a quiet moment with a cup of coffee on a modern balcony overlooking nature or a calm city view.
  • Style: Lifestyle photography, warm and inviting, with a touch of aspirational minimalism.
  • Composition: Well-composed, capturing a sense of peace and tranquility. Use soft, diffused lighting.
  • Color Palette: Warm, earthy tones mixed with calming neutrals (e.g., soft greens, creams, light woods, subtle blues).
  • Details: The person should appear relaxed and content, perhaps partially obscured to maintain anonymity and relatability. Focus on the atmosphere rather than specific faces. Include elements that signify relaxation without being overly casual (e.g., a design-forward armchair, a beautifully arranged plant).
  • Aspect Ratio: Square (1:1) or 4:5.
  • Keywords: lifestyle photography, weekend recharge, work-life balance, serene scene, minimalist aesthetic, natural light, warm tones, peaceful, tranquil, high quality, 4K

Day 7: Future Vision & Innovation

Post Concept: Look ahead to the future, discuss upcoming trends, innovation, and the company's vision for what's next.

Image Prompt Brief:

  • Subject: An inspiring, futuristic landscape or cityscape viewed from a high vantage point, with subtle elements of advanced technology integrated seamlessly. Emphasize progress, vision, and limitless possibilities.
  • Style: Sci-fi concept art, highly detailed, with a sense of grandeur and optimism.
  • Composition: Wide-shot or panoramic, showing expansive views. Use dynamic lighting (e.g., dawn or dusk) to create mood and depth.
  • Color Palette: Cool blues, purples, and greens dominate, with bright, ethereal light sources (e.g., glowing pathways, futuristic vehicle lights) providing contrast and focal points.
  • Details: The technology should be integrated organically, not overtly dominant. Avoid dystopian elements; focus on a positive, advanced future. Could include subtle representations of sustainable energy or smart infrastructure.
  • Aspect Ratio: 16:9 (ideal for wide, expansive views).
  • Keywords: sci-fi concept art, futuristic cityscape, innovation, future vision, advanced technology, glowing elements, panoramic view, dynamic lighting, high detail, optimistic, grandeur, 4K

By leveraging these detailed briefs, your AI image generation process will produce captivating and professional visuals, significantly enhancing your social media content blast.

social_media_content_blast.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
"); 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' import ReactDOM from 'react-dom/client' import App from './App' import './index.css' ReactDOM.createRoot(document.getElementById('root')!).render( ) "); 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' import './App.css' function App(){ return(

"+slugTitle(pn)+"

Built with PantheraHive BOS

) } export default App "); zip.file(folder+"src/index.css","*{margin:0;padding:0;box-sizing:border-box} body{font-family:system-ui,-apple-system,sans-serif;background:#f0f2f5;color:#1a1a2e} .app{min-height:100vh;display:flex;flex-direction:column} .app-header{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px} h1{font-size:2.5rem;font-weight:700} "); 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)+" Generated by PantheraHive BOS. ## Setup ```bash npm install npm run dev ``` ## Build ```bash npm run build ``` ## Open in IDE Open the project folder in VS Code or WebStorm. "); zip.file(folder+".gitignore","node_modules/ dist/ .env .DS_Store *.local "); } /* --- 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",'{ "name": "'+pn+'", "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "vue-tsc -b && vite build", "preview": "vite preview" }, "dependencies": { "vue": "^3.5.13", "vue-router": "^4.4.5", "pinia": "^2.3.0", "axios": "^1.7.9" }, "devDependencies": { "@vitejs/plugin-vue": "^5.2.1", "typescript": "~5.7.3", "vite": "^6.0.5", "vue-tsc": "^2.2.0" } } '); zip.file(folder+"vite.config.ts","import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import { resolve } from 'path' export default defineConfig({ plugins: [vue()], resolve: { alias: { '@': resolve(__dirname,'src') } } }) "); zip.file(folder+"tsconfig.json",'{"files":[],"references":[{"path":"./tsconfig.app.json"},{"path":"./tsconfig.node.json"}]} '); zip.file(folder+"tsconfig.app.json",'{ "compilerOptions":{ "target":"ES2020","useDefineForClassFields":true,"module":"ESNext","lib":["ES2020","DOM","DOM.Iterable"], "skipLibCheck":true,"moduleResolution":"bundler","allowImportingTsExtensions":true, "isolatedModules":true,"moduleDetection":"force","noEmit":true,"jsxImportSource":"vue", "strict":true,"paths":{"@/*":["./src/*"]} }, "include":["src/**/*.ts","src/**/*.d.ts","src/**/*.tsx","src/**/*.vue"] } '); zip.file(folder+"env.d.ts","/// "); zip.file(folder+"index.html"," "+slugTitle(pn)+"
"); 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' import { createPinia } from 'pinia' import App from './App.vue' import './assets/main.css' const app = createApp(App) app.use(createPinia()) app.mount('#app') "); var hasApp=Object.keys(extracted).some(function(k){return k.indexOf("App.vue")>=0;}); if(!hasApp) zip.file(folder+"src/App.vue"," "); 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} "); 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)+" Generated by PantheraHive BOS. ## Setup ```bash npm install npm run dev ``` ## Build ```bash npm run build ``` Open in VS Code or WebStorm. "); zip.file(folder+".gitignore","node_modules/ dist/ .env .DS_Store *.local "); } /* --- 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",'{ "name": "'+pn+'", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test" }, "dependencies": { "@angular/animations": "^19.0.0", "@angular/common": "^19.0.0", "@angular/compiler": "^19.0.0", "@angular/core": "^19.0.0", "@angular/forms": "^19.0.0", "@angular/platform-browser": "^19.0.0", "@angular/platform-browser-dynamic": "^19.0.0", "@angular/router": "^19.0.0", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.15.0" }, "devDependencies": { "@angular-devkit/build-angular": "^19.0.0", "@angular/cli": "^19.0.0", "@angular/compiler-cli": "^19.0.0", "typescript": "~5.6.0" } } '); zip.file(folder+"angular.json",'{ "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "version": 1, "newProjectRoot": "projects", "projects": { "'+pn+'": { "projectType": "application", "root": "", "sourceRoot": "src", "prefix": "app", "architect": { "build": { "builder": "@angular-devkit/build-angular:application", "options": { "outputPath": "dist/'+pn+'", "index": "src/index.html", "browser": "src/main.ts", "tsConfig": "tsconfig.app.json", "styles": ["src/styles.css"], "scripts": [] } }, "serve": {"builder":"@angular-devkit/build-angular:dev-server","configurations":{"production":{"buildTarget":"'+pn+':build:production"},"development":{"buildTarget":"'+pn+':build:development"}},"defaultConfiguration":"development"} } } } } '); zip.file(folder+"tsconfig.json",'{ "compileOnSave": false, "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"]}, "references":[{"path":"./tsconfig.app.json"}] } '); zip.file(folder+"tsconfig.app.json",'{ "extends":"./tsconfig.json", "compilerOptions":{"outDir":"./dist/out-tsc","types":[]}, "files":["src/main.ts"], "include":["src/**/*.d.ts"] } '); zip.file(folder+"src/index.html"," "+slugTitle(pn)+" "); zip.file(folder+"src/main.ts","import { bootstrapApplication } from '@angular/platform-browser'; import { appConfig } from './app/app.config'; import { AppComponent } from './app/app.component'; bootstrapApplication(AppComponent, appConfig) .catch(err => console.error(err)); "); zip.file(folder+"src/styles.css","* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: system-ui, -apple-system, sans-serif; background: #f9fafb; color: #111827; } "); 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'; import { RouterOutlet } from '@angular/router'; @Component({ selector: 'app-root', standalone: true, imports: [RouterOutlet], templateUrl: './app.component.html', styleUrl: './app.component.css' }) export class AppComponent { title = '"+pn+"'; } "); zip.file(folder+"src/app/app.component.html","

"+slugTitle(pn)+"

Built with PantheraHive BOS

"); 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} "); } zip.file(folder+"src/app/app.config.ts","import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core'; import { provideRouter } from '@angular/router'; import { routes } from './app.routes'; export const appConfig: ApplicationConfig = { providers: [ provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes) ] }; "); zip.file(folder+"src/app/app.routes.ts","import { Routes } from '@angular/router'; export const routes: Routes = []; "); 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)+" Generated by PantheraHive BOS. ## Setup ```bash npm install ng serve # or: npm start ``` ## Build ```bash ng build ``` Open in VS Code with Angular Language Service extension. "); zip.file(folder+".gitignore","node_modules/ dist/ .env .DS_Store *.local .angular/ "); } /* --- Python --- */ function buildPython(zip,folder,app,code){ var title=slugTitle(app); var pn=pkgName(app); var src=code.replace(/^```[w]* ?/m,"").replace(/ ?```$/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(" "):"# add dependencies here "; zip.file(folder+"main.py",src||"# "+title+" # Generated by PantheraHive BOS print(title+" loaded") "); zip.file(folder+"requirements.txt",reqsTxt); zip.file(folder+".env.example","# Environment variables "); zip.file(folder+"README.md","# "+title+" Generated by PantheraHive BOS. ## Setup ```bash python3 -m venv .venv source .venv/bin/activate pip install -r requirements.txt ``` ## Run ```bash python main.py ``` "); zip.file(folder+".gitignore",".venv/ __pycache__/ *.pyc .env .DS_Store "); } /* --- Node.js --- */ function buildNode(zip,folder,app,code){ var title=slugTitle(app); var pn=pkgName(app); var src=code.replace(/^```[w]* ?/m,"").replace(/ ?```$/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)+" "; zip.file(folder+"package.json",pkgJson); var fallback="const express=require("express"); const app=express(); app.use(express.json()); app.get("/",(req,res)=>{ res.json({message:""+title+" API"}); }); const PORT=process.env.PORT||3000; app.listen(PORT,()=>console.log("Server on port "+PORT)); "; zip.file(folder+"src/index.js",src||fallback); zip.file(folder+".env.example","PORT=3000 "); zip.file(folder+".gitignore","node_modules/ .env .DS_Store "); zip.file(folder+"README.md","# "+title+" Generated by PantheraHive BOS. ## Setup ```bash npm install ``` ## Run ```bash npm run dev ``` "); } /* --- 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:" "+title+" "+code+" "; zip.file(folder+"index.html",indexHtml); zip.file(folder+"style.css","/* "+title+" β€” styles */ *{margin:0;padding:0;box-sizing:border-box} body{font-family:system-ui,-apple-system,sans-serif;background:#fff;color:#1a1a2e} "); zip.file(folder+"script.js","/* "+title+" β€” scripts */ "); zip.file(folder+"assets/.gitkeep",""); zip.file(folder+"README.md","# "+title+" Generated by PantheraHive BOS. ## Open Double-click `index.html` in your browser. Or serve locally: ```bash npx serve . # or python3 -m http.server 3000 ``` "); zip.file(folder+".gitignore",".DS_Store node_modules/ .env "); } /* ===== 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(/ {2,}/g,"

"); h+="

"+hc+"

Generated by PantheraHive BOS
"; zip.file(folder+app+".html",h); zip.file(folder+"README.md","# "+title+" Generated by PantheraHive BOS. Files: - "+app+".md (Markdown) - "+app+".html (styled HTML) "); } 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);}});}