Web development has become one of the most sought-after skills in today's digital world. Whether you're looking to build your own website, start a new career, or simply understand how the web works, this comprehensive guide will give you the foundation you need to get started.

What is Web Development?

Web development is the process of creating websites and web applications. It involves everything from planning and designing to coding and maintaining websites. There are three main areas of web development:

Frontend Development: The visual part of websites that users interact with
Backend Development: The server-side logic that powers websites
Full-Stack Development: Combining both frontend and backend skills

Essential Technologies to Learn

To become a web developer, you'll need to master several key technologies. Let's break them down:

HTML (HyperText Markup Language)

HTML is the backbone of every website. It provides the structure and content of web pages using elements like headings, paragraphs, links, and images. Think of HTML as the skeleton of your website.

CSS (Cascading Style Sheets)

CSS is responsible for the visual presentation of your website. It controls colors, fonts, layouts, and animations. CSS transforms your HTML skeleton into a beautiful, styled website.

JavaScript

JavaScript brings interactivity to your websites. It allows you to create dynamic content, handle user interactions, and build complex web applications. Modern JavaScript is incredibly powerful and versatile.

Getting Started: Your First Steps

Ready to begin your web development journey? Here's a step-by-step approach:

Set up your development environment: Install a code editor like Visual Studio Code
Learn HTML basics: Start with simple tags and structure
Add styling with CSS: Make your pages look professional
Introduce JavaScript: Add interactivity and dynamic behavior
Build projects: Practice with real-world examples

Best Practices for Beginners

As you start your web development journey, keep these best practices in mind:

Write clean, readable code with proper indentation
Use semantic HTML elements for better accessibility
Keep your CSS organized and use meaningful class names
Test your websites across different browsers and devices
Learn version control with Git from the beginning

Building Your First Project

The best way to learn web development is by building real projects. Start with something simple like a personal portfolio website or a landing page for a fictional business. This hands-on experience will help you understand how all the pieces fit together.

Remember, web development is a journey, not a destination. Technologies evolve constantly, so embrace continuous learning and stay curious about new developments in the field.

Next Steps

Once you're comfortable with the basics, consider exploring:

Frontend frameworks like React, Vue, or Angular
Backend technologies like Node.js, Python, or PHP
Databases and data management
Web performance optimization
Mobile-responsive design principles

Web development offers endless opportunities for creativity and problem-solving. With dedication and practice, you'll be building amazing websites and applications in no time!

` }, { id: 2, title: "The Future of Artificial Intelligence", excerpt: "Exploring how AI is transforming industries and what it means for the future of work. From machine learning to neural networks, discover the technologies shaping tomorrow.", category: "AI", author: "Michael Chen", date: "Dec 12, 2024", readTime: "8 min read", image: "https://images.unsplash.com/photo-1485827404703-89b55fcc595e?auto=format&fit=crop&w=1200&q=80", authorBio: "Michael is an AI researcher and data scientist with a PhD in Machine Learning. He has worked with leading tech companies to develop cutting-edge AI solutions and is passionate about making AI accessible to everyone.", content: `

Artificial Intelligence is no longer a concept confined to science fiction. It's here, it's real, and it's transforming every aspect of our lives. From the smartphones in our pockets to the autonomous vehicles on our roads, AI is reshaping how we work, communicate, and interact with the world around us.

The Current State of AI

Today's AI landscape is diverse and rapidly evolving. We're seeing breakthroughs in several key areas:

Natural Language Processing: AI can now understand and generate human-like text
Computer Vision: Machines can interpret and analyze visual information
Machine Learning: Systems that learn and improve from experience
Robotics: Physical AI systems that can interact with the real world

AI in Healthcare

Healthcare is experiencing a revolutionary transformation thanks to AI. From diagnostic imaging to drug discovery, AI is helping doctors make more accurate diagnoses and develop personalized treatment plans. Machine learning algorithms can analyze medical images with precision that sometimes exceeds human capabilities.

The Impact on Work and Employment

One of the most discussed aspects of AI is its impact on employment. While AI will automate certain jobs, it's also creating new opportunities and enhancing human capabilities in others. The key is adaptation and continuous learning.

Jobs Being Transformed

Data analysis and interpretation
Customer service and support
Content creation and curation
Financial planning and analysis

Ethical Considerations

As AI becomes more powerful and prevalent, we must address important ethical questions. How do we ensure AI systems are fair and unbiased? How do we protect privacy while leveraging data for AI advancement? These are challenges that require careful consideration and collaboration between technologists, policymakers, and society as a whole.

The Road Ahead

The future of AI holds incredible promise. We're moving toward more sophisticated systems that can understand context, reason about complex problems, and work collaboratively with humans. The next decade will likely bring AI assistants that are truly helpful partners in our daily lives.

As we navigate this AI-powered future, the key is to remain optimistic while being thoughtful about the challenges and opportunities ahead. AI has the potential to solve some of humanity's greatest challenges, from climate change to disease, if we develop and deploy it responsibly.

` }, { id: 3, title: "Sustainable Living Tips for Beginners", excerpt: "Simple ways to reduce your environmental impact and live more sustainably. Practical tips that anyone can implement in their daily life.", category: "Lifestyle", author: "Emma Wilson", date: "Dec 10, 2024", readTime: "6 min read", image: "https://images.unsplash.com/photo-1542601906990-b4d3fb778b09?auto=format&fit=crop&w=1200&q=80", authorBio: "Emma is an environmental advocate and sustainability consultant. She helps individuals and businesses adopt eco-friendly practices and has been living a zero-waste lifestyle for over 5 years.", content: `

Living sustainably doesn't have to be overwhelming or expensive. With small, intentional changes to your daily routine, you can significantly reduce your environmental impact while often saving money in the process. Here's how to get started on your sustainability journey.

Start with Energy Conservation

Your home's energy consumption is one of the easiest places to make a meaningful impact:

Switch to LED bulbs: They use 75% less energy and last 25 times longer
Unplug devices: Electronics consume energy even when turned off
Adjust your thermostat: Lower it by 2-3 degrees in winter, raise it in summer
Use natural light: Open curtains and blinds during the day

Reduce, Reuse, Recycle

The classic three R's are still the foundation of sustainable living:

Reduce

The most impactful step is to consume less. Before buying something new, ask yourself: "Do I really need this?" Consider borrowing, renting, or buying second-hand instead.

Reuse

Get creative with items before throwing them away. Glass jars become storage containers, old t-shirts become cleaning rags, and cardboard boxes become organizers.

Recycle

Learn your local recycling guidelines. Many people unknowingly contaminate recycling streams by including non-recyclable items.

Sustainable Transportation

Transportation is a major source of carbon emissions. Here are ways to reduce your footprint:

Walk or bike for short trips
Use public transportation when available
Carpool or use ride-sharing services
Combine errands into one trip
Work from home when possible

Every small action counts. When multiplied across millions of people, these individual choices create significant positive change for our planet. Start today, and inspire others to join you on this important journey.

` }, { id: 4, title: "Building Better User Interfaces", excerpt: "Design principles and best practices for creating intuitive and beautiful user interfaces that users love to interact with.", category: "Technology", author: "David Kim", date: "Dec 8, 2024", readTime: "7 min read", image: "https://images.unsplash.com/photo-1559028006-448665bd7c7f?auto=format&fit=crop&w=1200&q=80", authorBio: "David is a UX/UI designer with over 10 years of experience creating user-centered digital experiences. He has worked with startups and Fortune 500 companies to design interfaces that are both beautiful and functional.", content: `

Great user interface design is invisible. When users can accomplish their goals effortlessly, without thinking about the interface itself, that's when you know you've succeeded. Creating such interfaces requires a deep understanding of both design principles and user psychology.

Fundamental Design Principles

Before diving into specific techniques, let's establish the core principles that guide effective UI design:

Clarity

Every element should have a clear purpose. If users have to guess what something does, you've failed. Use familiar patterns, clear labels, and logical groupings to make your interface self-explanatory.

Consistency

Consistent interfaces reduce cognitive load. Use the same colors, fonts, and interaction patterns throughout your application. This creates predictability and builds user confidence.

Hierarchy

Guide users' attention through visual hierarchy. Use size, color, and spacing to emphasize important elements and de-emphasize less critical ones.

The Power of Typography

Typography is often overlooked in UI design, but it's crucial for readability and hierarchy:

Choose readable fonts: Prioritize legibility over novelty
Establish a type scale: Use consistent sizing for headings and body text
Mind your line spacing: Adequate white space improves readability
Consider contrast: Ensure sufficient contrast between text and background

Remember, the best user interface is one that serves your users' needs effectively while providing a delightful experience. Focus on usability first, then enhance with beautiful visual design.

` }, { id: 5, title: "Machine Learning for Everyone", excerpt: "Demystifying machine learning concepts and making them accessible to non-technical audiences. Learn how ML impacts your daily life.", category: "AI", author: "Dr. Lisa Park", date: "Dec 6, 2024", readTime: "9 min read", image: "https://images.unsplash.com/photo-1555949963-aa79dcee981c?auto=format&fit=crop&w=1200&q=80", authorBio: "Dr. Lisa Park is a machine learning researcher and professor who specializes in making complex AI concepts accessible to everyone. She has published numerous papers and speaks regularly at conferences about democratizing AI education.", content: `

Machine learning might sound like complex computer science jargon, but it's actually something you encounter every day. From the recommendations you see on Netflix to the spam filter in your email, machine learning is quietly working behind the scenes to make your digital life better.

What is Machine Learning?

Think of machine learning as teaching computers to recognize patterns and make decisions, much like how humans learn from experience. Instead of programming every possible scenario, we show computers lots of examples and let them figure out the patterns themselves.

A Simple Analogy

Imagine teaching a child to recognize cats in photos. You might show them hundreds of cat pictures, pointing out features like whiskers, pointed ears, and fur. Eventually, they learn to identify cats in new photos they've never seen before. Machine learning works similarly, but with computers processing thousands or millions of examples.

Types of Machine Learning

There are three main approaches to machine learning, each suited for different types of problems:

Supervised Learning

This is like learning with a teacher. We show the computer input-output pairs and let it learn the relationship. For example, showing emails labeled as "spam" or "not spam" teaches the system to classify new emails.

Unsupervised Learning

This is like exploring without a guide. The computer finds hidden patterns in data without being told what to look for. Customer segmentation and recommendation systems often use this approach.

Reinforcement Learning

This is learning through trial and error, like teaching someone to play chess by letting them play many games and learning from wins and losses. This approach powers game-playing AI and autonomous vehicles.

Machine Learning in Your Daily Life

You probably interact with machine learning dozens of times each day without realizing it:

Social Media: News feed algorithms decide what posts you see
Shopping: Product recommendations based on your browsing history
Navigation: GPS apps finding the fastest route in real-time
Entertainment: Streaming services suggesting movies and music
Communication: Autocorrect and predictive text on your phone
Security: Fraud detection protecting your credit cards

The key to navigating this ML-powered future is staying curious and informed. You don't need to become a data scientist, but understanding how these systems work will help you make better decisions as a consumer, voter, and digital citizen.

` }, { id: 6, title: "Mindful Productivity Techniques", excerpt: "Boost your productivity while maintaining mental well-being. Discover techniques that help you work smarter, not harder.", category: "Lifestyle", author: "Alex Rodriguez", date: "Dec 4, 2024", readTime: "5 min read", image: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?auto=format&fit=crop&w=1200&q=80", authorBio: "Alex is a productivity coach and mindfulness instructor who helps professionals achieve their goals while maintaining work-life balance. They have developed workshops that have helped thousands improve their focus and well-being.", content: `

In our fast-paced world, productivity often feels like a race against time. But what if we could be more productive while also feeling calmer and more focused? Mindful productivity combines ancient mindfulness practices with modern productivity techniques to help you work more effectively while maintaining your mental well-being.

Understanding Mindful Productivity

Mindful productivity isn't about doing more things faster. It's about being fully present and intentional with your work, making conscious choices about how you spend your time and energy. This approach leads to better quality work, reduced stress, and increased satisfaction.

The Core Principles

Presence: Being fully engaged with the current task
Intention: Working with purpose and clear goals
Awareness: Recognizing your energy levels and mental state
Balance: Maintaining harmony between work and rest

Mindful Time Management

Traditional time management focuses on scheduling every minute. Mindful time management considers your natural rhythms and energy levels:

Energy-Based Scheduling

Track your energy levels throughout the day for a week. When are you most alert? When do you feel creative? Schedule your most important work during these peak periods.

The Two-Minute Rule

If a task takes less than two minutes, do it immediately. This prevents small tasks from accumulating and becoming overwhelming.

Time Blocking with Buffers

Schedule your tasks in blocks, but include buffer time between activities. This reduces stress and allows for natural transitions between different types of work.

Remember, mindful productivity is a journey, not a destination. The goal is to create a sustainable approach to work that honors both your ambitions and your well-being. By staying present, working with intention, and taking care of yourself, you can achieve more while feeling better about the process.

` }, { id: 7, title: "The Science of Sleep", excerpt: "Understanding sleep cycles and how to optimize your rest for better health and performance. Evidence-based tips for better sleep.", category: "Health", author: "Dr. Maria Santos", date: "Dec 2, 2024", readTime: "6 min read", image: "https://images.unsplash.com/photo-1541781774459-bb2af2f05b55?auto=format&fit=crop&w=1200&q=80", authorBio: "Dr. Maria Santos is a sleep specialist and researcher with over 15 years of experience in sleep medicine. She runs a sleep clinic and has published extensively on the importance of sleep for physical and mental health.", content: `

Sleep is one of the most important things you can do for your health, yet it's often the first thing we sacrifice when life gets busy. Understanding the science behind sleep can help you prioritize rest and optimize your sleep quality for better health, mood, and performance.

Understanding Sleep Cycles

Sleep isn't just a period of rest\u2014it's an active process with distinct stages that serve different functions:

Non-REM Sleep (75% of total sleep)

Stage 1: Light sleep, transition from wakefulness
Stage 2: Deeper sleep, body temperature drops
Stage 3: Deep sleep, physical restoration occurs

REM Sleep (25% of total sleep)

Rapid Eye Movement sleep is when most dreaming occurs. This stage is crucial for memory consolidation, emotional processing, and brain development.

The Complete Cycle

A full sleep cycle lasts about 90 minutes, and most adults need 4-6 complete cycles per night (7-9 hours total). Waking up at the end of a cycle often leaves you feeling more refreshed than waking mid-cycle.

Why Sleep Matters

Quality sleep affects virtually every aspect of your health and well-being:

Physical Health

Immune function: Sleep strengthens your immune system
Hormone regulation: Growth hormone, cortisol, and hunger hormones are regulated during sleep
Cellular repair: Your body repairs and regenerates tissues during deep sleep
Cardiovascular health: Poor sleep increases risk of heart disease and stroke

Mental Performance

Memory consolidation: Sleep helps transfer information from short-term to long-term memory
Focus and attention: Well-rested brains can concentrate better and longer
Decision-making: Sleep deprivation impairs judgment and decision-making abilities
Creativity: REM sleep promotes creative problem-solving

Good sleep isn't a luxury\u2014it's a necessity for optimal health and performance. By understanding how sleep works and implementing evidence-based strategies, you can improve your sleep quality and, consequently, your overall quality of life.

` }, { id: 8, title: "Remote Work Best Practices", excerpt: "Essential strategies for thriving in a remote work environment. From communication to time management, master the art of working from home.", category: "Business", author: "Jennifer Lee", date: "Nov 30, 2024", readTime: "8 min read", image: "https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=1200&q=80", authorBio: "Jennifer is a remote work consultant and author who has been working remotely for over 12 years. She helps companies and individuals adapt to remote work cultures and has coached hundreds of professionals in remote work best practices.", content: `

Remote work has transformed from a occasional perk to a fundamental part of how we work. Whether you're new to remote work or looking to improve your existing setup, mastering these best practices will help you be more productive, maintain work-life balance, and thrive in a distributed work environment.

Setting Up Your Home Office

Your physical workspace significantly impacts your productivity and well-being:

Ergonomic Essentials

Proper desk height: Your elbows should be at 90 degrees when typing
Monitor position: Top of screen at eye level, arm's length away
Supportive chair: Invest in a chair that supports your lower back
Good lighting: Natural light is best, supplement with task lighting
Noise control: Use noise-canceling headphones or white noise

Technology Setup

Reliable high-speed internet connection
Quality webcam and microphone for video calls
Backup internet solution (mobile hotspot)
Dual monitors to increase productivity
Secure VPN access to company resources

Communication Strategies

Effective communication is the cornerstone of successful remote work:

Overcommunicate (But Strategically)

In remote settings, context is often lost. Be more explicit about your intentions, timelines, and expectations. However, avoid information overload by being concise and relevant.

Choose the Right Communication Channel

Instant messaging: Quick questions and updates
Email: Formal communications and documentation
Video calls: Complex discussions and team meetings
Phone calls: Urgent matters or sensitive conversations
Project management tools: Task updates and progress tracking

The key to successful remote work is intentionality\u2014being deliberate about how you work, communicate, and maintain relationships. With the right strategies and mindset, remote work can offer unprecedented freedom and productivity.

` }, { id: 9, title: "Creative Writing Techniques", excerpt: "Unlock your creative potential with proven writing techniques. Whether you're a beginner or experienced writer, these tips will enhance your craft.", category: "Creative", author: "Robert Thompson", date: "Nov 28, 2024", readTime: "7 min read", image: "https://images.unsplash.com/photo-1455390582262-044cdead277a?auto=format&fit=crop&w=1200&q=80", authorBio: "Robert is a published novelist and creative writing instructor with over 20 years of experience. He has taught at several universities and writing workshops, helping aspiring writers develop their unique voices and storytelling abilities.", content: `

Creative writing is both an art and a craft. While inspiration plays a role, mastering specific techniques can dramatically improve your storytelling abilities. Whether you're writing fiction, poetry, or creative nonfiction, these proven techniques will help you craft more compelling and engaging narratives.

Finding Your Voice

Your writing voice is your unique style and perspective. It's what makes your writing distinctly yours:

Developing Authenticity

Write from experience: Draw from your own emotions and observations
Read widely: Expose yourself to different styles and voices
Practice regularly: Voice develops through consistent writing
Be honest: Don't try to imitate others; find what feels natural

Voice Exercises

Write the same scene from three different characters' perspectives
Rewrite a news article as a personal narrative
Practice writing in different genres to explore your range
Record yourself speaking and notice your natural rhythms

Character Development

Compelling characters are the heart of great stories. They should feel like real people with complex motivations:

Creating Depth

Give characters contradictions: Real people aren't all good or all bad
Develop backstories: Know more about your characters than you'll ever write
Use specific details: A character who collects vintage postcards feels more real
Show through action: Reveal character through what they do, not just description

Show, Don't Tell

This fundamental writing principle means demonstrating story elements through action, sensory details, and dialogue rather than explicit exposition:

Showing vs. Telling Examples

Telling: "John was angry."
Showing: "John's jaw clenched as he slammed the door."

Remember that writing is a lifelong journey of learning and growth. Every writer has their own process, timeline, and challenges. The key is to keep writing, keep learning, and keep pushing your creative boundaries.

` } ]; // virtual:/apps/web/src/app/category/creative/page.jsx function CreativeCategoryPage() { const [searchTerm, setSearchTerm] = (0, import_react2.useState)(""); const [sortBy, setSortBy] = (0, import_react2.useState)("date"); const creativeArticles = articles.filter( (article) => article.category === "Creative Arts" || article.category === "Creative" ); const filteredArticles = creativeArticles.filter( (article) => article.title.toLowerCase().includes(searchTerm.toLowerCase()) || article.excerpt.toLowerCase().includes(searchTerm.toLowerCase()) || article.author.toLowerCase().includes(searchTerm.toLowerCase()) ); const sortedArticles = [...filteredArticles].sort((a, b) => { if (sortBy === "date") { return new Date(b.date) - new Date(a.date); } else if (sortBy === "title") { return a.title.localeCompare(b.title); } else if (sortBy === "readTime") { return parseInt(a.readTime) - parseInt(b.readTime); } return 0; }); return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement( "link", { href: "https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400;1,700&family=Inter:wght@400;500;600;700&display=swap", rel: "stylesheet" } ), /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-white dark:bg-[#121212]" }, /* @__PURE__ */ React.createElement(Header, null), /* @__PURE__ */ React.createElement("section", { className: "py-16 md:py-24 px-6 bg-[#F1F0EC] dark:bg-[#1A1A1A]" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-[1200px] mx-auto" }, /* @__PURE__ */ React.createElement("div", { className: "mb-8" }, /* @__PURE__ */ React.createElement("nav", { className: "flex items-center space-x-2 text-sm" }, /* @__PURE__ */ React.createElement( "a", { href: "/categories", className: "text-[#646461] dark:text-[#B0B0B0] hover:text-black dark:hover:text-white transition-colors", style: { fontFamily: "Inter, system-ui, sans-serif" } }, "Categories" ), /* @__PURE__ */ React.createElement("span", { className: "text-[#999] dark:text-[#666]" }, "/"), /* @__PURE__ */ React.createElement( "span", { className: "text-black dark:text-white font-medium", style: { fontFamily: "Inter, system-ui, sans-serif" } }, "Creative Arts" ))), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-8" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-4 mb-6" }, /* @__PURE__ */ React.createElement( "div", { className: "w-16 h-16 rounded-2xl flex items-center justify-center", style: { backgroundColor: "#AB47BC" } }, /* @__PURE__ */ React.createElement(import_lucide_react2.Camera, { size: 32, strokeWidth: 1.5, className: "text-white" }) ), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement( "h1", { className: "text-4xl md:text-6xl leading-tight text-black dark:text-white", style: { fontFamily: "Libre Caslon Text, serif", fontWeight: "700" } }, "Creative ", /* @__PURE__ */ React.createElement("em", { className: "font-bold" }, "Arts") ), /* @__PURE__ */ React.createElement( "p", { className: "text-lg text-[#646461] dark:text-[#B0B0B0] mt-2", style: { fontFamily: "Inter, system-ui, sans-serif" } }, creativeArticles.length, " articles" ))), /* @__PURE__ */ React.createElement( "p", { className: "text-lg md:text-xl text-[#646461] dark:text-[#B0B0B0] max-w-2xl", style: { fontFamily: "Inter, system-ui, sans-serif" } }, "Explore photography techniques, design principles, artistic inspiration, and creative processes. Unleash your artistic potential with expert insights and tutorials." )), /* @__PURE__ */ React.createElement("div", { className: "lg:w-96 space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement( import_lucide_react2.Search, { size: 20, className: "absolute left-4 top-1/2 transform -translate-y-1/2 text-[#999] dark:text-[#666]" } ), /* @__PURE__ */ React.createElement( "input", { type: "text", placeholder: "Search creative articles...", value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), className: "w-full pl-12 pr-4 py-4 rounded-2xl border border-[#E8E7E4] dark:border-[#404040] bg-white dark:bg-[#1E1E1E] text-black dark:text-white placeholder-[#999] dark:placeholder-[#666] focus:outline-none focus:ring-2 focus:ring-[#AB47BC] focus:border-transparent transition-all duration-200", style: { fontFamily: "Inter, system-ui, sans-serif" } } )), /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement( import_lucide_react2.Filter, { size: 20, className: "absolute left-4 top-1/2 transform -translate-y-1/2 text-[#999] dark:text-[#666]" } ), /* @__PURE__ */ React.createElement( "select", { value: sortBy, onChange: (e) => setSortBy(e.target.value), className: "w-full pl-12 pr-4 py-4 rounded-2xl border border-[#E8E7E4] dark:border-[#404040] bg-white dark:bg-[#1E1E1E] text-black dark:text-white focus:outline-none focus:ring-2 focus:ring-[#AB47BC] focus:border-transparent transition-all duration-200 appearance-none", style: { fontFamily: "Inter, system-ui, sans-serif" } }, /* @__PURE__ */ React.createElement("option", { value: "date" }, "Sort by Date"), /* @__PURE__ */ React.createElement("option", { value: "title" }, "Sort by Title"), /* @__PURE__ */ React.createElement("option", { value: "readTime" }, "Sort by Read Time") )))))), /* @__PURE__ */ React.createElement("section", { className: "py-16 md:py-24 px-6 bg-white dark:bg-[#121212]" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-[1200px] mx-auto" }, /* @__PURE__ */ React.createElement("div", { className: "mb-8" }, /* @__PURE__ */ React.createElement( "p", { className: "text-[#646461] dark:text-[#B0B0B0]", style: { fontFamily: "Inter, system-ui, sans-serif" } }, sortedArticles.length, " ", sortedArticles.length === 1 ? "article" : "articles", " found" )), sortedArticles.length > 0 ? /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" }, sortedArticles.map((article) => /* @__PURE__ */ React.createElement( "article", { key: article.id, className: "group cursor-pointer" }, /* @__PURE__ */ React.createElement( "a", { href: `/article/${article.id}`, className: "block focus:outline-none focus:ring-2 focus:ring-[#AB47BC] focus:ring-opacity-50 rounded-3xl" }, /* @__PURE__ */ React.createElement("div", { className: "relative overflow-hidden rounded-3xl mb-6 aspect-[4/3] bg-[#F5F5F5] dark:bg-[#2A2A2A]" }, /* @__PURE__ */ React.createElement( "img", { src: article.image, alt: article.title, className: "w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" } ), /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-10 transition-all duration-300" })), /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-4 text-sm text-[#999] dark:text-[#666]" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React.createElement(import_lucide_react2.Calendar, { size: 14 }), /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "Inter, system-ui, sans-serif" } }, article.date)), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React.createElement(import_lucide_react2.Clock, { size: 14 }), /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "Inter, system-ui, sans-serif" } }, article.readTime))), /* @__PURE__ */ React.createElement( "h2", { className: "text-xl md:text-2xl leading-tight text-black dark:text-white group-hover:text-[#AB47BC] transition-colors duration-200", style: { fontFamily: "Libre Caslon Text, serif", fontWeight: "700" } }, article.title ), /* @__PURE__ */ React.createElement( "p", { className: "text-[#646461] dark:text-[#B0B0B0] leading-relaxed", style: { fontFamily: "Inter, system-ui, sans-serif" } }, article.excerpt ), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between pt-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React.createElement( "div", { className: "w-8 h-8 rounded-full bg-[#AB47BC] flex items-center justify-center text-white text-sm font-medium", style: { fontFamily: "Inter, system-ui, sans-serif" } }, article.author.charAt(0) ), /* @__PURE__ */ React.createElement( "span", { className: "text-sm text-[#646461] dark:text-[#B0B0B0]", style: { fontFamily: "Inter, system-ui, sans-serif" } }, article.author )), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 text-[#AB47BC] group-hover:gap-3 transition-all duration-200" }, /* @__PURE__ */ React.createElement( "span", { className: "text-sm font-medium", style: { fontFamily: "Inter, system-ui, sans-serif" } }, "Read article" ), /* @__PURE__ */ React.createElement(import_lucide_react2.ArrowRight, { size: 16, className: "group-hover:translate-x-1 transition-transform duration-200" })))) ) ))) : ( /* No results message */ /* @__PURE__ */ React.createElement("div", { className: "text-center py-16" }, /* @__PURE__ */ React.createElement("div", { className: "w-16 h-16 rounded-full bg-[#F5F5F5] dark:bg-[#333] flex items-center justify-center mx-auto mb-4" }, /* @__PURE__ */ React.createElement(import_lucide_react2.BookOpen, { size: 24, className: "text-[#999] dark:text-[#666]" })), /* @__PURE__ */ React.createElement( "h3", { className: "text-xl text-black dark:text-white mb-2", style: { fontFamily: "Inter, system-ui, sans-serif", fontWeight: "600" } }, "No articles found" ), /* @__PURE__ */ React.createElement( "p", { className: "text-[#646461] dark:text-[#B0B0B0] mb-6", style: { fontFamily: "Inter, system-ui, sans-serif" } }, "Try adjusting your search terms or browse all categories" ), /* @__PURE__ */ React.createElement( "a", { href: "/categories", className: "inline-flex items-center gap-2 px-6 py-3 bg-[#AB47BC] text-white rounded-xl hover:bg-[#9C27B0] transition-colors duration-200", style: { fontFamily: "Inter, system-ui, sans-serif", fontWeight: "500" } }, "Browse Categories", /* @__PURE__ */ React.createElement(import_lucide_react2.ArrowRight, { size: 16 }) )) ), sortedArticles.length > 0 && /* @__PURE__ */ React.createElement("section", { className: "mt-16 pt-16 border-t border-[#E8E7E4] dark:border-[#404040]" }, /* @__PURE__ */ React.createElement( "h3", { className: "text-2xl text-black dark:text-white mb-8", style: { fontFamily: "Libre Caslon Text, serif", fontWeight: "700" } }, "Explore Related Categories" ), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6" }, [ { name: "Lifestyle", href: "/category/lifestyle", color: "#4ECDC4", icon: "\u{1F33F}" }, { name: "Technology", href: "/category/technology", color: "#8B70F6", icon: "\u{1F4BB}" }, { name: "Business", href: "/category/business", color: "#FFA726", icon: "\u{1F4BC}" } ].map((category) => /* @__PURE__ */ React.createElement( "a", { key: category.name, href: category.href, className: "group block p-6 rounded-2xl border border-[#E8E7E4] dark:border-[#404040] bg-[#FAFAFA] dark:bg-[#1E1E1E] hover:bg-white dark:hover:bg-[#262626] transition-all duration-200 hover:shadow-lg" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React.createElement( "div", { className: "w-12 h-12 rounded-xl flex items-center justify-center text-xl", style: { backgroundColor: `${category.color}20` } }, category.icon ), /* @__PURE__ */ React.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React.createElement( "h4", { className: "text-lg text-black dark:text-white group-hover:text-[#AB47BC] transition-colors", style: { fontFamily: "Inter, system-ui, sans-serif", fontWeight: "600" } }, category.name )), /* @__PURE__ */ React.createElement( import_lucide_react2.ArrowRight, { size: 16, className: "text-[#999] dark:text-[#666] group-hover:text-[#AB47BC] group-hover:translate-x-1 transition-all duration-200" } )) )))))), /* @__PURE__ */ React.createElement(Footer, null))); } // virtual:/apps/web/src/app/layout.jsx init_injected_globals(); // ../../../node_modules/@tanstack/react-query/build/modern/index.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/index.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/retryer.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/focusManager.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/subscribable.js init_injected_globals(); var Subscribable = class { constructor() { this.listeners = /* @__PURE__ */ new Set(); this.subscribe = this.subscribe.bind(this); } subscribe(listener) { this.listeners.add(listener); this.onSubscribe(); return () => { this.listeners.delete(listener); this.onUnsubscribe(); }; } hasListeners() { return this.listeners.size > 0; } onSubscribe() { } onUnsubscribe() { } }; // ../../../node_modules/@tanstack/query-core/build/modern/utils.js init_injected_globals(); var isServer = typeof window === "undefined" || "Deno" in globalThis; function noop() { } function functionalUpdate(updater, input) { return typeof updater === "function" ? updater(input) : updater; } function isValidTimeout(value) { return typeof value === "number" && value >= 0 && value !== Infinity; } function timeUntilStale(updatedAt, staleTime) { return Math.max(updatedAt + (staleTime || 0) - Date.now(), 0); } function resolveStaleTime(staleTime, query) { return typeof staleTime === "function" ? staleTime(query) : staleTime; } function resolveEnabled(enabled, query) { return typeof enabled === "function" ? enabled(query) : enabled; } function matchQuery(filters, query) { const { type = "all", exact, fetchStatus, predicate, queryKey, stale } = filters; if (queryKey) { if (exact) { if (query.queryHash !== hashQueryKeyByOptions(queryKey, query.options)) { return false; } } else if (!partialMatchKey(query.queryKey, queryKey)) { return false; } } if (type !== "all") { const isActive = query.isActive(); if (type === "active" && !isActive) { return false; } if (type === "inactive" && isActive) { return false; } } if (typeof stale === "boolean" && query.isStale() !== stale) { return false; } if (fetchStatus && fetchStatus !== query.state.fetchStatus) { return false; } if (predicate && !predicate(query)) { return false; } return true; } function matchMutation(filters, mutation) { const { exact, status, predicate, mutationKey } = filters; if (mutationKey) { if (!mutation.options.mutationKey) { return false; } if (exact) { if (hashKey(mutation.options.mutationKey) !== hashKey(mutationKey)) { return false; } } else if (!partialMatchKey(mutation.options.mutationKey, mutationKey)) { return false; } } if (status && mutation.state.status !== status) { return false; } if (predicate && !predicate(mutation)) { return false; } return true; } function hashQueryKeyByOptions(queryKey, options) { const hashFn = options?.queryKeyHashFn || hashKey; return hashFn(queryKey); } function hashKey(queryKey) { return JSON.stringify( queryKey, (_, val) => isPlainObject(val) ? Object.keys(val).sort().reduce((result, key) => { result[key] = val[key]; return result; }, {}) : val ); } function partialMatchKey(a, b) { if (a === b) { return true; } if (typeof a !== typeof b) { return false; } if (a && b && typeof a === "object" && typeof b === "object") { return Object.keys(b).every((key) => partialMatchKey(a[key], b[key])); } return false; } function replaceEqualDeep(a, b) { if (a === b) { return a; } const array = isPlainArray(a) && isPlainArray(b); if (array || isPlainObject(a) && isPlainObject(b)) { const aItems = array ? a : Object.keys(a); const aSize = aItems.length; const bItems = array ? b : Object.keys(b); const bSize = bItems.length; const copy = array ? [] : {}; let equalItems = 0; for (let i = 0; i < bSize; i++) { const key = array ? i : bItems[i]; if ((!array && aItems.includes(key) || array) && a[key] === void 0 && b[key] === void 0) { copy[key] = void 0; equalItems++; } else { copy[key] = replaceEqualDeep(a[key], b[key]); if (copy[key] === a[key] && a[key] !== void 0) { equalItems++; } } } return aSize === bSize && equalItems === aSize ? a : copy; } return b; } function isPlainArray(value) { return Array.isArray(value) && value.length === Object.keys(value).length; } function isPlainObject(o) { if (!hasObjectPrototype(o)) { return false; } const ctor = o.constructor; if (ctor === void 0) { return true; } const prot = ctor.prototype; if (!hasObjectPrototype(prot)) { return false; } if (!prot.hasOwnProperty("isPrototypeOf")) { return false; } if (Object.getPrototypeOf(o) !== Object.prototype) { return false; } return true; } function hasObjectPrototype(o) { return Object.prototype.toString.call(o) === "[object Object]"; } function sleep(timeout) { return new Promise((resolve) => { setTimeout(resolve, timeout); }); } function replaceData(prevData, data, options) { if (typeof options.structuralSharing === "function") { return options.structuralSharing(prevData, data); } else if (options.structuralSharing !== false) { if (true) { try { return replaceEqualDeep(prevData, data); } catch (error) { console.error( `Structural sharing requires data to be JSON serializable. To fix this, turn off structuralSharing or return JSON-serializable data from your queryFn. [${options.queryHash}]: ${error}` ); throw error; } } return replaceEqualDeep(prevData, data); } return data; } function addToEnd(items, item, max = 0) { const newItems = [...items, item]; return max && newItems.length > max ? newItems.slice(1) : newItems; } function addToStart(items, item, max = 0) { const newItems = [item, ...items]; return max && newItems.length > max ? newItems.slice(0, -1) : newItems; } var skipToken = Symbol(); function ensureQueryFn(options, fetchOptions) { if (true) { if (options.queryFn === skipToken) { console.error( `Attempted to invoke queryFn when set to skipToken. This is likely a configuration error. Query hash: '${options.queryHash}'` ); } } if (!options.queryFn && fetchOptions?.initialPromise) { return () => fetchOptions.initialPromise; } if (!options.queryFn || options.queryFn === skipToken) { return () => Promise.reject(new Error(`Missing queryFn: '${options.queryHash}'`)); } return options.queryFn; } // ../../../node_modules/@tanstack/query-core/build/modern/focusManager.js var FocusManager = class extends Subscribable { #focused; #cleanup; #setup; constructor() { super(); this.#setup = (onFocus) => { if (!isServer && window.addEventListener) { const listener = () => onFocus(); window.addEventListener("visibilitychange", listener, false); return () => { window.removeEventListener("visibilitychange", listener); }; } return; }; } onSubscribe() { if (!this.#cleanup) { this.setEventListener(this.#setup); } } onUnsubscribe() { if (!this.hasListeners()) { this.#cleanup?.(); this.#cleanup = void 0; } } setEventListener(setup) { this.#setup = setup; this.#cleanup?.(); this.#cleanup = setup((focused) => { if (typeof focused === "boolean") { this.setFocused(focused); } else { this.onFocus(); } }); } setFocused(focused) { const changed = this.#focused !== focused; if (changed) { this.#focused = focused; this.onFocus(); } } onFocus() { const isFocused = this.isFocused(); this.listeners.forEach((listener) => { listener(isFocused); }); } isFocused() { if (typeof this.#focused === "boolean") { return this.#focused; } return globalThis.document?.visibilityState !== "hidden"; } }; var focusManager = new FocusManager(); // ../../../node_modules/@tanstack/query-core/build/modern/onlineManager.js init_injected_globals(); var OnlineManager = class extends Subscribable { #online = true; #cleanup; #setup; constructor() { super(); this.#setup = (onOnline) => { if (!isServer && window.addEventListener) { const onlineListener = () => onOnline(true); const offlineListener = () => onOnline(false); window.addEventListener("online", onlineListener, false); window.addEventListener("offline", offlineListener, false); return () => { window.removeEventListener("online", onlineListener); window.removeEventListener("offline", offlineListener); }; } return; }; } onSubscribe() { if (!this.#cleanup) { this.setEventListener(this.#setup); } } onUnsubscribe() { if (!this.hasListeners()) { this.#cleanup?.(); this.#cleanup = void 0; } } setEventListener(setup) { this.#setup = setup; this.#cleanup?.(); this.#cleanup = setup(this.setOnline.bind(this)); } setOnline(online) { const changed = this.#online !== online; if (changed) { this.#online = online; this.listeners.forEach((listener) => { listener(online); }); } } isOnline() { return this.#online; } }; var onlineManager = new OnlineManager(); // ../../../node_modules/@tanstack/query-core/build/modern/thenable.js init_injected_globals(); function pendingThenable() { let resolve; let reject; const thenable = new Promise((_resolve, _reject) => { resolve = _resolve; reject = _reject; }); thenable.status = "pending"; thenable.catch(() => { }); function finalize(data) { Object.assign(thenable, data); delete thenable.resolve; delete thenable.reject; } thenable.resolve = (value) => { finalize({ status: "fulfilled", value }); resolve(value); }; thenable.reject = (reason) => { finalize({ status: "rejected", reason }); reject(reason); }; return thenable; } // ../../../node_modules/@tanstack/query-core/build/modern/retryer.js function defaultRetryDelay(failureCount) { return Math.min(1e3 * 2 ** failureCount, 3e4); } function canFetch(networkMode) { return (networkMode ?? "online") === "online" ? onlineManager.isOnline() : true; } var CancelledError = class extends Error { constructor(options) { super("CancelledError"); this.revert = options?.revert; this.silent = options?.silent; } }; function isCancelledError(value) { return value instanceof CancelledError; } function createRetryer(config) { let isRetryCancelled = false; let failureCount = 0; let isResolved = false; let continueFn; const thenable = pendingThenable(); const cancel = (cancelOptions) => { if (!isResolved) { reject(new CancelledError(cancelOptions)); config.abort?.(); } }; const cancelRetry = () => { isRetryCancelled = true; }; const continueRetry = () => { isRetryCancelled = false; }; const canContinue = () => focusManager.isFocused() && (config.networkMode === "always" || onlineManager.isOnline()) && config.canRun(); const canStart = () => canFetch(config.networkMode) && config.canRun(); const resolve = (value) => { if (!isResolved) { isResolved = true; config.onSuccess?.(value); continueFn?.(); thenable.resolve(value); } }; const reject = (value) => { if (!isResolved) { isResolved = true; config.onError?.(value); continueFn?.(); thenable.reject(value); } }; const pause = () => { return new Promise((continueResolve) => { continueFn = (value) => { if (isResolved || canContinue()) { continueResolve(value); } }; config.onPause?.(); }).then(() => { continueFn = void 0; if (!isResolved) { config.onContinue?.(); } }); }; const run = () => { if (isResolved) { return; } let promiseOrValue; const initialPromise = failureCount === 0 ? config.initialPromise : void 0; try { promiseOrValue = initialPromise ?? config.fn(); } catch (error) { promiseOrValue = Promise.reject(error); } Promise.resolve(promiseOrValue).then(resolve).catch((error) => { if (isResolved) { return; } const retry = config.retry ?? (isServer ? 0 : 3); const retryDelay = config.retryDelay ?? defaultRetryDelay; const delay = typeof retryDelay === "function" ? retryDelay(failureCount, error) : retryDelay; const shouldRetry = retry === true || typeof retry === "number" && failureCount < retry || typeof retry === "function" && retry(failureCount, error); if (isRetryCancelled || !shouldRetry) { reject(error); return; } failureCount++; config.onFail?.(failureCount, error); sleep(delay).then(() => { return canContinue() ? void 0 : pause(); }).then(() => { if (isRetryCancelled) { reject(error); } else { run(); } }); }); }; return { promise: thenable, cancel, continue: () => { continueFn?.(); return thenable; }, cancelRetry, continueRetry, canStart, start: () => { if (canStart()) { run(); } else { pause().then(run); } return thenable; } }; } // ../../../node_modules/@tanstack/query-core/build/modern/queryCache.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/query.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/notifyManager.js init_injected_globals(); var defaultScheduler = (cb) => setTimeout(cb, 0); function createNotifyManager() { let queue = []; let transactions = 0; let notifyFn = (callback) => { callback(); }; let batchNotifyFn = (callback) => { callback(); }; let scheduleFn = defaultScheduler; const schedule = (callback) => { if (transactions) { queue.push(callback); } else { scheduleFn(() => { notifyFn(callback); }); } }; const flush = () => { const originalQueue = queue; queue = []; if (originalQueue.length) { scheduleFn(() => { batchNotifyFn(() => { originalQueue.forEach((callback) => { notifyFn(callback); }); }); }); } }; return { batch: (callback) => { let result; transactions++; try { result = callback(); } finally { transactions--; if (!transactions) { flush(); } } return result; }, /** * All calls to the wrapped function will be batched. */ batchCalls: (callback) => { return (...args) => { schedule(() => { callback(...args); }); }; }, schedule, /** * Use this method to set a custom notify function. * This can be used to for example wrap notifications with `React.act` while running tests. */ setNotifyFunction: (fn) => { notifyFn = fn; }, /** * Use this method to set a custom function to batch notifications together into a single tick. * By default React Query will use the batch function provided by ReactDOM or React Native. */ setBatchNotifyFunction: (fn) => { batchNotifyFn = fn; }, setScheduler: (fn) => { scheduleFn = fn; } }; } var notifyManager = createNotifyManager(); // ../../../node_modules/@tanstack/query-core/build/modern/removable.js init_injected_globals(); var Removable = class { #gcTimeout; destroy() { this.clearGcTimeout(); } scheduleGc() { this.clearGcTimeout(); if (isValidTimeout(this.gcTime)) { this.#gcTimeout = setTimeout(() => { this.optionalRemove(); }, this.gcTime); } } updateGcTime(newGcTime) { this.gcTime = Math.max( this.gcTime || 0, newGcTime ?? (isServer ? Infinity : 5 * 60 * 1e3) ); } clearGcTimeout() { if (this.#gcTimeout) { clearTimeout(this.#gcTimeout); this.#gcTimeout = void 0; } } }; // ../../../node_modules/@tanstack/query-core/build/modern/query.js var Query = class extends Removable { #initialState; #revertState; #cache; #client; #retryer; #defaultOptions; #abortSignalConsumed; constructor(config) { super(); this.#abortSignalConsumed = false; this.#defaultOptions = config.defaultOptions; this.setOptions(config.options); this.observers = []; this.#client = config.client; this.#cache = this.#client.getQueryCache(); this.queryKey = config.queryKey; this.queryHash = config.queryHash; this.#initialState = getDefaultState(this.options); this.state = config.state ?? this.#initialState; this.scheduleGc(); } get meta() { return this.options.meta; } get promise() { return this.#retryer?.promise; } setOptions(options) { this.options = { ...this.#defaultOptions, ...options }; this.updateGcTime(this.options.gcTime); } optionalRemove() { if (!this.observers.length && this.state.fetchStatus === "idle") { this.#cache.remove(this); } } setData(newData, options) { const data = replaceData(this.state.data, newData, this.options); this.#dispatch({ data, type: "success", dataUpdatedAt: options?.updatedAt, manual: options?.manual }); return data; } setState(state, setStateOptions) { this.#dispatch({ type: "setState", state, setStateOptions }); } cancel(options) { const promise = this.#retryer?.promise; this.#retryer?.cancel(options); return promise ? promise.then(noop).catch(noop) : Promise.resolve(); } destroy() { super.destroy(); this.cancel({ silent: true }); } reset() { this.destroy(); this.setState(this.#initialState); } isActive() { return this.observers.some( (observer) => resolveEnabled(observer.options.enabled, this) !== false ); } isDisabled() { if (this.getObserversCount() > 0) { return !this.isActive(); } return this.options.queryFn === skipToken || this.state.dataUpdateCount + this.state.errorUpdateCount === 0; } isStale() { if (this.state.isInvalidated) { return true; } if (this.getObserversCount() > 0) { return this.observers.some( (observer) => observer.getCurrentResult().isStale ); } return this.state.data === void 0; } isStaleByTime(staleTime = 0) { return this.state.isInvalidated || this.state.data === void 0 || !timeUntilStale(this.state.dataUpdatedAt, staleTime); } onFocus() { const observer = this.observers.find((x) => x.shouldFetchOnWindowFocus()); observer?.refetch({ cancelRefetch: false }); this.#retryer?.continue(); } onOnline() { const observer = this.observers.find((x) => x.shouldFetchOnReconnect()); observer?.refetch({ cancelRefetch: false }); this.#retryer?.continue(); } addObserver(observer) { if (!this.observers.includes(observer)) { this.observers.push(observer); this.clearGcTimeout(); this.#cache.notify({ type: "observerAdded", query: this, observer }); } } removeObserver(observer) { if (this.observers.includes(observer)) { this.observers = this.observers.filter((x) => x !== observer); if (!this.observers.length) { if (this.#retryer) { if (this.#abortSignalConsumed) { this.#retryer.cancel({ revert: true }); } else { this.#retryer.cancelRetry(); } } this.scheduleGc(); } this.#cache.notify({ type: "observerRemoved", query: this, observer }); } } getObserversCount() { return this.observers.length; } invalidate() { if (!this.state.isInvalidated) { this.#dispatch({ type: "invalidate" }); } } fetch(options, fetchOptions) { if (this.state.fetchStatus !== "idle") { if (this.state.data !== void 0 && fetchOptions?.cancelRefetch) { this.cancel({ silent: true }); } else if (this.#retryer) { this.#retryer.continueRetry(); return this.#retryer.promise; } } if (options) { this.setOptions(options); } if (!this.options.queryFn) { const observer = this.observers.find((x) => x.options.queryFn); if (observer) { this.setOptions(observer.options); } } if (true) { if (!Array.isArray(this.options.queryKey)) { console.error( `As of v4, queryKey needs to be an Array. If you are using a string like 'repoData', please change it to an Array, e.g. ['repoData']` ); } } const abortController = new AbortController(); const addSignalProperty = (object) => { Object.defineProperty(object, "signal", { enumerable: true, get: () => { this.#abortSignalConsumed = true; return abortController.signal; } }); }; const fetchFn = () => { const queryFn = ensureQueryFn(this.options, fetchOptions); const queryFnContext = { client: this.#client, queryKey: this.queryKey, meta: this.meta }; addSignalProperty(queryFnContext); this.#abortSignalConsumed = false; if (this.options.persister) { return this.options.persister( queryFn, queryFnContext, this ); } return queryFn(queryFnContext); }; const context = { fetchOptions, options: this.options, queryKey: this.queryKey, client: this.#client, state: this.state, fetchFn }; addSignalProperty(context); this.options.behavior?.onFetch( context, this ); this.#revertState = this.state; if (this.state.fetchStatus === "idle" || this.state.fetchMeta !== context.fetchOptions?.meta) { this.#dispatch({ type: "fetch", meta: context.fetchOptions?.meta }); } const onError = (error) => { if (!(isCancelledError(error) && error.silent)) { this.#dispatch({ type: "error", error }); } if (!isCancelledError(error)) { this.#cache.config.onError?.( error, this ); this.#cache.config.onSettled?.( this.state.data, error, this ); } this.scheduleGc(); }; this.#retryer = createRetryer({ initialPromise: fetchOptions?.initialPromise, fn: context.fetchFn, abort: abortController.abort.bind(abortController), onSuccess: (data) => { if (data === void 0) { if (true) { console.error( `Query data cannot be undefined. Please make sure to return a value other than undefined from your query function. Affected query key: ${this.queryHash}` ); } onError(new Error(`${this.queryHash} data is undefined`)); return; } try { this.setData(data); } catch (error) { onError(error); return; } this.#cache.config.onSuccess?.(data, this); this.#cache.config.onSettled?.( data, this.state.error, this ); this.scheduleGc(); }, onError, onFail: (failureCount, error) => { this.#dispatch({ type: "failed", failureCount, error }); }, onPause: () => { this.#dispatch({ type: "pause" }); }, onContinue: () => { this.#dispatch({ type: "continue" }); }, retry: context.options.retry, retryDelay: context.options.retryDelay, networkMode: context.options.networkMode, canRun: () => true }); return this.#retryer.start(); } #dispatch(action) { const reducer = (state) => { switch (action.type) { case "failed": return { ...state, fetchFailureCount: action.failureCount, fetchFailureReason: action.error }; case "pause": return { ...state, fetchStatus: "paused" }; case "continue": return { ...state, fetchStatus: "fetching" }; case "fetch": return { ...state, ...fetchState(state.data, this.options), fetchMeta: action.meta ?? null }; case "success": return { ...state, data: action.data, dataUpdateCount: state.dataUpdateCount + 1, dataUpdatedAt: action.dataUpdatedAt ?? Date.now(), error: null, isInvalidated: false, status: "success", ...!action.manual && { fetchStatus: "idle", fetchFailureCount: 0, fetchFailureReason: null } }; case "error": const error = action.error; if (isCancelledError(error) && error.revert && this.#revertState) { return { ...this.#revertState, fetchStatus: "idle" }; } return { ...state, error, errorUpdateCount: state.errorUpdateCount + 1, errorUpdatedAt: Date.now(), fetchFailureCount: state.fetchFailureCount + 1, fetchFailureReason: error, fetchStatus: "idle", status: "error" }; case "invalidate": return { ...state, isInvalidated: true }; case "setState": return { ...state, ...action.state }; } }; this.state = reducer(this.state); notifyManager.batch(() => { this.observers.forEach((observer) => { observer.onQueryUpdate(); }); this.#cache.notify({ query: this, type: "updated", action }); }); } }; function fetchState(data, options) { return { fetchFailureCount: 0, fetchFailureReason: null, fetchStatus: canFetch(options.networkMode) ? "fetching" : "paused", ...data === void 0 && { error: null, status: "pending" } }; } function getDefaultState(options) { const data = typeof options.initialData === "function" ? options.initialData() : options.initialData; const hasData = data !== void 0; const initialDataUpdatedAt = hasData ? typeof options.initialDataUpdatedAt === "function" ? options.initialDataUpdatedAt() : options.initialDataUpdatedAt : 0; return { data, dataUpdateCount: 0, dataUpdatedAt: hasData ? initialDataUpdatedAt ?? Date.now() : 0, error: null, errorUpdateCount: 0, errorUpdatedAt: 0, fetchFailureCount: 0, fetchFailureReason: null, fetchMeta: null, isInvalidated: false, status: hasData ? "success" : "pending", fetchStatus: "idle" }; } // ../../../node_modules/@tanstack/query-core/build/modern/queryCache.js var QueryCache = class extends Subscribable { constructor(config = {}) { super(); this.config = config; this.#queries = /* @__PURE__ */ new Map(); } #queries; build(client, options, state) { const queryKey = options.queryKey; const queryHash = options.queryHash ?? hashQueryKeyByOptions(queryKey, options); let query = this.get(queryHash); if (!query) { query = new Query({ client, queryKey, queryHash, options: client.defaultQueryOptions(options), state, defaultOptions: client.getQueryDefaults(queryKey) }); this.add(query); } return query; } add(query) { if (!this.#queries.has(query.queryHash)) { this.#queries.set(query.queryHash, query); this.notify({ type: "added", query }); } } remove(query) { const queryInMap = this.#queries.get(query.queryHash); if (queryInMap) { query.destroy(); if (queryInMap === query) { this.#queries.delete(query.queryHash); } this.notify({ type: "removed", query }); } } clear() { notifyManager.batch(() => { this.getAll().forEach((query) => { this.remove(query); }); }); } get(queryHash) { return this.#queries.get(queryHash); } getAll() { return [...this.#queries.values()]; } find(filters) { const defaultedFilters = { exact: true, ...filters }; return this.getAll().find( (query) => matchQuery(defaultedFilters, query) ); } findAll(filters = {}) { const queries = this.getAll(); return Object.keys(filters).length > 0 ? queries.filter((query) => matchQuery(filters, query)) : queries; } notify(event) { notifyManager.batch(() => { this.listeners.forEach((listener) => { listener(event); }); }); } onFocus() { notifyManager.batch(() => { this.getAll().forEach((query) => { query.onFocus(); }); }); } onOnline() { notifyManager.batch(() => { this.getAll().forEach((query) => { query.onOnline(); }); }); } }; // ../../../node_modules/@tanstack/query-core/build/modern/queryClient.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/mutationCache.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/mutation.js init_injected_globals(); var Mutation = class extends Removable { #observers; #mutationCache; #retryer; constructor(config) { super(); this.mutationId = config.mutationId; this.#mutationCache = config.mutationCache; this.#observers = []; this.state = config.state || getDefaultState2(); this.setOptions(config.options); this.scheduleGc(); } setOptions(options) { this.options = options; this.updateGcTime(this.options.gcTime); } get meta() { return this.options.meta; } addObserver(observer) { if (!this.#observers.includes(observer)) { this.#observers.push(observer); this.clearGcTimeout(); this.#mutationCache.notify({ type: "observerAdded", mutation: this, observer }); } } removeObserver(observer) { this.#observers = this.#observers.filter((x) => x !== observer); this.scheduleGc(); this.#mutationCache.notify({ type: "observerRemoved", mutation: this, observer }); } optionalRemove() { if (!this.#observers.length) { if (this.state.status === "pending") { this.scheduleGc(); } else { this.#mutationCache.remove(this); } } } continue() { return this.#retryer?.continue() ?? // continuing a mutation assumes that variables are set, mutation must have been dehydrated before this.execute(this.state.variables); } async execute(variables) { const onContinue = () => { this.#dispatch({ type: "continue" }); }; this.#retryer = createRetryer({ fn: () => { if (!this.options.mutationFn) { return Promise.reject(new Error("No mutationFn found")); } return this.options.mutationFn(variables); }, onFail: (failureCount, error) => { this.#dispatch({ type: "failed", failureCount, error }); }, onPause: () => { this.#dispatch({ type: "pause" }); }, onContinue, retry: this.options.retry ?? 0, retryDelay: this.options.retryDelay, networkMode: this.options.networkMode, canRun: () => this.#mutationCache.canRun(this) }); const restored = this.state.status === "pending"; const isPaused = !this.#retryer.canStart(); try { if (restored) { onContinue(); } else { this.#dispatch({ type: "pending", variables, isPaused }); await this.#mutationCache.config.onMutate?.( variables, this ); const context = await this.options.onMutate?.(variables); if (context !== this.state.context) { this.#dispatch({ type: "pending", context, variables, isPaused }); } } const data = await this.#retryer.start(); await this.#mutationCache.config.onSuccess?.( data, variables, this.state.context, this ); await this.options.onSuccess?.(data, variables, this.state.context); await this.#mutationCache.config.onSettled?.( data, null, this.state.variables, this.state.context, this ); await this.options.onSettled?.(data, null, variables, this.state.context); this.#dispatch({ type: "success", data }); return data; } catch (error) { try { await this.#mutationCache.config.onError?.( error, variables, this.state.context, this ); await this.options.onError?.( error, variables, this.state.context ); await this.#mutationCache.config.onSettled?.( void 0, error, this.state.variables, this.state.context, this ); await this.options.onSettled?.( void 0, error, variables, this.state.context ); throw error; } finally { this.#dispatch({ type: "error", error }); } } finally { this.#mutationCache.runNext(this); } } #dispatch(action) { const reducer = (state) => { switch (action.type) { case "failed": return { ...state, failureCount: action.failureCount, failureReason: action.error }; case "pause": return { ...state, isPaused: true }; case "continue": return { ...state, isPaused: false }; case "pending": return { ...state, context: action.context, data: void 0, failureCount: 0, failureReason: null, error: null, isPaused: action.isPaused, status: "pending", variables: action.variables, submittedAt: Date.now() }; case "success": return { ...state, data: action.data, failureCount: 0, failureReason: null, error: null, status: "success", isPaused: false }; case "error": return { ...state, data: void 0, error: action.error, failureCount: state.failureCount + 1, failureReason: action.error, isPaused: false, status: "error" }; } }; this.state = reducer(this.state); notifyManager.batch(() => { this.#observers.forEach((observer) => { observer.onMutationUpdate(action); }); this.#mutationCache.notify({ mutation: this, type: "updated", action }); }); } }; function getDefaultState2() { return { context: void 0, data: void 0, error: null, failureCount: 0, failureReason: null, isPaused: false, status: "idle", variables: void 0, submittedAt: 0 }; } // ../../../node_modules/@tanstack/query-core/build/modern/mutationCache.js var MutationCache = class extends Subscribable { constructor(config = {}) { super(); this.config = config; this.#mutations = /* @__PURE__ */ new Set(); this.#scopes = /* @__PURE__ */ new Map(); this.#mutationId = 0; } #mutations; #scopes; #mutationId; build(client, options, state) { const mutation = new Mutation({ mutationCache: this, mutationId: ++this.#mutationId, options: client.defaultMutationOptions(options), state }); this.add(mutation); return mutation; } add(mutation) { this.#mutations.add(mutation); const scope = scopeFor(mutation); if (typeof scope === "string") { const scopedMutations = this.#scopes.get(scope); if (scopedMutations) { scopedMutations.push(mutation); } else { this.#scopes.set(scope, [mutation]); } } this.notify({ type: "added", mutation }); } remove(mutation) { if (this.#mutations.delete(mutation)) { const scope = scopeFor(mutation); if (typeof scope === "string") { const scopedMutations = this.#scopes.get(scope); if (scopedMutations) { if (scopedMutations.length > 1) { const index = scopedMutations.indexOf(mutation); if (index !== -1) { scopedMutations.splice(index, 1); } } else if (scopedMutations[0] === mutation) { this.#scopes.delete(scope); } } } } this.notify({ type: "removed", mutation }); } canRun(mutation) { const scope = scopeFor(mutation); if (typeof scope === "string") { const mutationsWithSameScope = this.#scopes.get(scope); const firstPendingMutation = mutationsWithSameScope?.find( (m) => m.state.status === "pending" ); return !firstPendingMutation || firstPendingMutation === mutation; } else { return true; } } runNext(mutation) { const scope = scopeFor(mutation); if (typeof scope === "string") { const foundMutation = this.#scopes.get(scope)?.find((m) => m !== mutation && m.state.isPaused); return foundMutation?.continue() ?? Promise.resolve(); } else { return Promise.resolve(); } } clear() { notifyManager.batch(() => { this.#mutations.forEach((mutation) => { this.notify({ type: "removed", mutation }); }); this.#mutations.clear(); this.#scopes.clear(); }); } getAll() { return Array.from(this.#mutations); } find(filters) { const defaultedFilters = { exact: true, ...filters }; return this.getAll().find( (mutation) => matchMutation(defaultedFilters, mutation) ); } findAll(filters = {}) { return this.getAll().filter((mutation) => matchMutation(filters, mutation)); } notify(event) { notifyManager.batch(() => { this.listeners.forEach((listener) => { listener(event); }); }); } resumePausedMutations() { const pausedMutations = this.getAll().filter((x) => x.state.isPaused); return notifyManager.batch( () => Promise.all( pausedMutations.map((mutation) => mutation.continue().catch(noop)) ) ); } }; function scopeFor(mutation) { return mutation.options.scope?.id; } // ../../../node_modules/@tanstack/query-core/build/modern/infiniteQueryBehavior.js init_injected_globals(); function infiniteQueryBehavior(pages) { return { onFetch: (context, query) => { const options = context.options; const direction = context.fetchOptions?.meta?.fetchMore?.direction; const oldPages = context.state.data?.pages || []; const oldPageParams = context.state.data?.pageParams || []; let result = { pages: [], pageParams: [] }; let currentPage = 0; const fetchFn = async () => { let cancelled = false; const addSignalProperty = (object) => { Object.defineProperty(object, "signal", { enumerable: true, get: () => { if (context.signal.aborted) { cancelled = true; } else { context.signal.addEventListener("abort", () => { cancelled = true; }); } return context.signal; } }); }; const queryFn = ensureQueryFn(context.options, context.fetchOptions); const fetchPage = async (data, param, previous) => { if (cancelled) { return Promise.reject(); } if (param == null && data.pages.length) { return Promise.resolve(data); } const queryFnContext = { client: context.client, queryKey: context.queryKey, pageParam: param, direction: previous ? "backward" : "forward", meta: context.options.meta }; addSignalProperty(queryFnContext); const page = await queryFn( queryFnContext ); const { maxPages } = context.options; const addTo = previous ? addToStart : addToEnd; return { pages: addTo(data.pages, page, maxPages), pageParams: addTo(data.pageParams, param, maxPages) }; }; if (direction && oldPages.length) { const previous = direction === "backward"; const pageParamFn = previous ? getPreviousPageParam : getNextPageParam; const oldData = { pages: oldPages, pageParams: oldPageParams }; const param = pageParamFn(options, oldData); result = await fetchPage(oldData, param, previous); } else { const remainingPages = pages ?? oldPages.length; do { const param = currentPage === 0 ? oldPageParams[0] ?? options.initialPageParam : getNextPageParam(options, result); if (currentPage > 0 && param == null) { break; } result = await fetchPage(result, param); currentPage++; } while (currentPage < remainingPages); } return result; }; if (context.options.persister) { context.fetchFn = () => { return context.options.persister?.( fetchFn, { client: context.client, queryKey: context.queryKey, meta: context.options.meta, signal: context.signal }, query ); }; } else { context.fetchFn = fetchFn; } } }; } function getNextPageParam(options, { pages, pageParams }) { const lastIndex = pages.length - 1; return pages.length > 0 ? options.getNextPageParam( pages[lastIndex], pages, pageParams[lastIndex], pageParams ) : void 0; } function getPreviousPageParam(options, { pages, pageParams }) { return pages.length > 0 ? options.getPreviousPageParam?.(pages[0], pages, pageParams[0], pageParams) : void 0; } // ../../../node_modules/@tanstack/query-core/build/modern/queryClient.js var QueryClient = class { #queryCache; #mutationCache; #defaultOptions; #queryDefaults; #mutationDefaults; #mountCount; #unsubscribeFocus; #unsubscribeOnline; constructor(config = {}) { this.#queryCache = config.queryCache || new QueryCache(); this.#mutationCache = config.mutationCache || new MutationCache(); this.#defaultOptions = config.defaultOptions || {}; this.#queryDefaults = /* @__PURE__ */ new Map(); this.#mutationDefaults = /* @__PURE__ */ new Map(); this.#mountCount = 0; } mount() { this.#mountCount++; if (this.#mountCount !== 1) return; this.#unsubscribeFocus = focusManager.subscribe(async (focused) => { if (focused) { await this.resumePausedMutations(); this.#queryCache.onFocus(); } }); this.#unsubscribeOnline = onlineManager.subscribe(async (online) => { if (online) { await this.resumePausedMutations(); this.#queryCache.onOnline(); } }); } unmount() { this.#mountCount--; if (this.#mountCount !== 0) return; this.#unsubscribeFocus?.(); this.#unsubscribeFocus = void 0; this.#unsubscribeOnline?.(); this.#unsubscribeOnline = void 0; } isFetching(filters) { return this.#queryCache.findAll({ ...filters, fetchStatus: "fetching" }).length; } isMutating(filters) { return this.#mutationCache.findAll({ ...filters, status: "pending" }).length; } /** * Imperative (non-reactive) way to retrieve data for a QueryKey. * Should only be used in callbacks or functions where reading the latest data is necessary, e.g. for optimistic updates. * * Hint: Do not use this function inside a component, because it won't receive updates. * Use `useQuery` to create a `QueryObserver` that subscribes to changes. */ getQueryData(queryKey) { const options = this.defaultQueryOptions({ queryKey }); return this.#queryCache.get(options.queryHash)?.state.data; } ensureQueryData(options) { const defaultedOptions = this.defaultQueryOptions(options); const query = this.#queryCache.build(this, defaultedOptions); const cachedData = query.state.data; if (cachedData === void 0) { return this.fetchQuery(options); } if (options.revalidateIfStale && query.isStaleByTime(resolveStaleTime(defaultedOptions.staleTime, query))) { void this.prefetchQuery(defaultedOptions); } return Promise.resolve(cachedData); } getQueriesData(filters) { return this.#queryCache.findAll(filters).map(({ queryKey, state }) => { const data = state.data; return [queryKey, data]; }); } setQueryData(queryKey, updater, options) { const defaultedOptions = this.defaultQueryOptions({ queryKey }); const query = this.#queryCache.get( defaultedOptions.queryHash ); const prevData = query?.state.data; const data = functionalUpdate(updater, prevData); if (data === void 0) { return void 0; } return this.#queryCache.build(this, defaultedOptions).setData(data, { ...options, manual: true }); } setQueriesData(filters, updater, options) { return notifyManager.batch( () => this.#queryCache.findAll(filters).map(({ queryKey }) => [ queryKey, this.setQueryData(queryKey, updater, options) ]) ); } getQueryState(queryKey) { const options = this.defaultQueryOptions({ queryKey }); return this.#queryCache.get( options.queryHash )?.state; } removeQueries(filters) { const queryCache = this.#queryCache; notifyManager.batch(() => { queryCache.findAll(filters).forEach((query) => { queryCache.remove(query); }); }); } resetQueries(filters, options) { const queryCache = this.#queryCache; return notifyManager.batch(() => { queryCache.findAll(filters).forEach((query) => { query.reset(); }); return this.refetchQueries( { type: "active", ...filters }, options ); }); } cancelQueries(filters, cancelOptions = {}) { const defaultedCancelOptions = { revert: true, ...cancelOptions }; const promises = notifyManager.batch( () => this.#queryCache.findAll(filters).map((query) => query.cancel(defaultedCancelOptions)) ); return Promise.all(promises).then(noop).catch(noop); } invalidateQueries(filters, options = {}) { return notifyManager.batch(() => { this.#queryCache.findAll(filters).forEach((query) => { query.invalidate(); }); if (filters?.refetchType === "none") { return Promise.resolve(); } return this.refetchQueries( { ...filters, type: filters?.refetchType ?? filters?.type ?? "active" }, options ); }); } refetchQueries(filters, options = {}) { const fetchOptions = { ...options, cancelRefetch: options.cancelRefetch ?? true }; const promises = notifyManager.batch( () => this.#queryCache.findAll(filters).filter((query) => !query.isDisabled()).map((query) => { let promise = query.fetch(void 0, fetchOptions); if (!fetchOptions.throwOnError) { promise = promise.catch(noop); } return query.state.fetchStatus === "paused" ? Promise.resolve() : promise; }) ); return Promise.all(promises).then(noop); } fetchQuery(options) { const defaultedOptions = this.defaultQueryOptions(options); if (defaultedOptions.retry === void 0) { defaultedOptions.retry = false; } const query = this.#queryCache.build(this, defaultedOptions); return query.isStaleByTime( resolveStaleTime(defaultedOptions.staleTime, query) ) ? query.fetch(defaultedOptions) : Promise.resolve(query.state.data); } prefetchQuery(options) { return this.fetchQuery(options).then(noop).catch(noop); } fetchInfiniteQuery(options) { options.behavior = infiniteQueryBehavior(options.pages); return this.fetchQuery(options); } prefetchInfiniteQuery(options) { return this.fetchInfiniteQuery(options).then(noop).catch(noop); } ensureInfiniteQueryData(options) { options.behavior = infiniteQueryBehavior(options.pages); return this.ensureQueryData(options); } resumePausedMutations() { if (onlineManager.isOnline()) { return this.#mutationCache.resumePausedMutations(); } return Promise.resolve(); } getQueryCache() { return this.#queryCache; } getMutationCache() { return this.#mutationCache; } getDefaultOptions() { return this.#defaultOptions; } setDefaultOptions(options) { this.#defaultOptions = options; } setQueryDefaults(queryKey, options) { this.#queryDefaults.set(hashKey(queryKey), { queryKey, defaultOptions: options }); } getQueryDefaults(queryKey) { const defaults = [...this.#queryDefaults.values()]; const result = {}; defaults.forEach((queryDefault) => { if (partialMatchKey(queryKey, queryDefault.queryKey)) { Object.assign(result, queryDefault.defaultOptions); } }); return result; } setMutationDefaults(mutationKey, options) { this.#mutationDefaults.set(hashKey(mutationKey), { mutationKey, defaultOptions: options }); } getMutationDefaults(mutationKey) { const defaults = [...this.#mutationDefaults.values()]; const result = {}; defaults.forEach((queryDefault) => { if (partialMatchKey(mutationKey, queryDefault.mutationKey)) { Object.assign(result, queryDefault.defaultOptions); } }); return result; } defaultQueryOptions(options) { if (options._defaulted) { return options; } const defaultedOptions = { ...this.#defaultOptions.queries, ...this.getQueryDefaults(options.queryKey), ...options, _defaulted: true }; if (!defaultedOptions.queryHash) { defaultedOptions.queryHash = hashQueryKeyByOptions( defaultedOptions.queryKey, defaultedOptions ); } if (defaultedOptions.refetchOnReconnect === void 0) { defaultedOptions.refetchOnReconnect = defaultedOptions.networkMode !== "always"; } if (defaultedOptions.throwOnError === void 0) { defaultedOptions.throwOnError = !!defaultedOptions.suspense; } if (!defaultedOptions.networkMode && defaultedOptions.persister) { defaultedOptions.networkMode = "offlineFirst"; } if (defaultedOptions.queryFn === skipToken) { defaultedOptions.enabled = false; } return defaultedOptions; } defaultMutationOptions(options) { if (options?._defaulted) { return options; } return { ...this.#defaultOptions.mutations, ...options?.mutationKey && this.getMutationDefaults(options.mutationKey), ...options, _defaulted: true }; } clear() { this.#queryCache.clear(); this.#mutationCache.clear(); } }; // ../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js init_injected_globals(); var React2 = __toESM(require_react(), 1); var import_jsx_runtime = __toESM(require_jsx_runtime(), 1); var QueryClientContext = React2.createContext( void 0 ); var QueryClientProvider = ({ client, children }) => { React2.useEffect(() => { client.mount(); return () => { client.unmount(); }; }, [client]); return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QueryClientContext.Provider, { value: client, children }); }; // virtual:/apps/web/src/app/layout.jsx var queryClient = new QueryClient({ defaultOptions: { queries: { staleTime: 1e3 * 60 * 5, // 5 minutes cacheTime: 1e3 * 60 * 30, // 30 minutes retry: 1, refetchOnWindowFocus: false } } }); function RootLayout({ children }) { return /* @__PURE__ */ React.createElement(QueryClientProvider, { client: queryClient }, children); } // virtual:/__wrapped_entry__.jsx function WrappedPage(props) { let content = /* @__PURE__ */ import_react3.default.createElement(CreativeCategoryPage, { ...props }); content = /* @__PURE__ */ import_react3.default.createElement(RootLayout, null, content); return content; } return __toCommonJS(wrapped_entry_exports); })(); /*! Bundled license information: lucide-react/dist/cjs/lucide-react.js: (** * @license lucide-react v0.358.0 - ISC * * This source code is licensed under the ISC license. * See the LICENSE file in the root directory of this source tree. *) react/cjs/react-jsx-runtime.development.js: (** * @license React * react-jsx-runtime.development.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. *) */