[{"data":1,"prerenderedAt":9647},["ShallowReactive",2],{"navigation":3,"/static-assets-and-frontend-integration/using-build-tools-like-vite-or-webpack":1016,"/static-assets-and-frontend-integration/using-build-tools-like-vite-or-webpack-surround":9642},[4,54,89,123,165,211,253,331,389,439,462,488,514,540,578,624,650,672,702,736,774,800,850,856,862,868,874,928],{"title":5,"path":6,"stem":7,"children":8},"Introduction and Foundations","/introduction-and-foundations","01.introduction-and-foundations/01.index",[9,10,14,18,22,26,30,34,38,42,46,50],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"What is Django","/introduction-and-foundations/what-is-django","01.introduction-and-foundations/02.what-is-django",{"title":15,"path":16,"stem":17},"Key Concepts and Philosophy","/introduction-and-foundations/key-concepts-and-philosophy","01.introduction-and-foundations/03.key-concepts-and-philosophy",{"title":19,"path":20,"stem":21},"MVC vs MVT: Understanding Django's Architecture","/introduction-and-foundations/mvc-vs-mvt","01.introduction-and-foundations/04.mvc-vs-mvt",{"title":23,"path":24,"stem":25},"Project Structure Overview","/introduction-and-foundations/project-structure-overview","01.introduction-and-foundations/05.project-structure-overview",{"title":27,"path":28,"stem":29},"Installing Django","/introduction-and-foundations/installing-django","01.introduction-and-foundations/06.installing-django",{"title":31,"path":32,"stem":33},"Creating Your First Django Project","/introduction-and-foundations/creating-first-project","01.introduction-and-foundations/07.creating-first-project",{"title":35,"path":36,"stem":37},"Creating Your First Django App","/introduction-and-foundations/creating-first-app","01.introduction-and-foundations/08.creating-first-app",{"title":39,"path":40,"stem":41},"Your First Django \"Hello World\"","/introduction-and-foundations/hello-world","01.introduction-and-foundations/09.hello-world",{"title":43,"path":44,"stem":45},"Django Quick Start Guide","/introduction-and-foundations/quick-start-guide","01.introduction-and-foundations/10.quick-start-guide",{"title":47,"path":48,"stem":49},"How Django Handles Requests","/introduction-and-foundations/how-django-handles-requests","01.introduction-and-foundations/11.how-django-handles-requests",{"title":51,"path":52,"stem":53},"Django Settings","/introduction-and-foundations/django-settings","01.introduction-and-foundations/12.django-settings",{"title":55,"path":56,"stem":57,"children":58},"The Development Environment","/development-environment","02.development-environment/1.index",[59,61,65,69,73,77,81,85],{"title":60,"path":56,"stem":57},"Development Environment",{"title":62,"path":63,"stem":64},"Recommended Tooling for Django Development","/development-environment/recommended-tooling","02.development-environment/2.recommended-tooling",{"title":66,"path":67,"stem":68},"Virtual Environments","/development-environment/virtual-environments","02.development-environment/3.virtual-environments",{"title":70,"path":71,"stem":72},"Django Admin and Management Commands","/development-environment/admin-and-management-commands","02.development-environment/4.admin-and-management-commands",{"title":74,"path":75,"stem":76},"Django Project Settings","/development-environment/project-settings","02.development-environment/5.project-settings",{"title":78,"path":79,"stem":80},"Managing Django Environments: Local, Staging, and Production","/development-environment/environments-local-staging-production","02.development-environment/6.environments-local-staging-production",{"title":82,"path":83,"stem":84},"Running Django Development Server","/development-environment/running-development-server","02.development-environment/7.running-development-server",{"title":86,"path":87,"stem":88},"Working with Django Shell","/development-environment/working-with-shell","02.development-environment/8.working-with-shell",{"title":90,"path":91,"stem":92,"children":93},"Templates and Presentation Layer","/templates-and-presentation","03.templates-and-presentation/1.index",[94,95,99,103,107,111,115,119],{"title":90,"path":91,"stem":92},{"title":96,"path":97,"stem":98},"Introduction to Django Templates","/templates-and-presentation/introduction-to-templates","03.templates-and-presentation/2.introduction-to-templates",{"title":100,"path":101,"stem":102},"The Django Template Language","/templates-and-presentation/django-template-language","03.templates-and-presentation/3.django-template-language",{"title":104,"path":105,"stem":106},"Template Inheritance","/templates-and-presentation/template-inheritance","03.templates-and-presentation/4.template-inheritance",{"title":108,"path":109,"stem":110},"Built-in Template Tags and Filters","/templates-and-presentation/built-in-template-tags-and-filters","03.templates-and-presentation/5.built-in-template-tags-and-filters",{"title":112,"path":113,"stem":114},"Including Static Files","/templates-and-presentation/including-static-files","03.templates-and-presentation/6.including-static-files",{"title":116,"path":117,"stem":118},"Working with Media Files","/templates-and-presentation/working-with-media-files","03.templates-and-presentation/7.working-with-media-files",{"title":120,"path":121,"stem":122},"Using Alternative Template Engines","/templates-and-presentation/using-alternative-template-engines","03.templates-and-presentation/8.using-alternative-template-engines",{"title":124,"path":125,"stem":126,"children":127},"URLs and Views","/urls-and-views","04.urls-and-views/01.index",[128,129,133,137,141,145,149,153,157,161],{"title":124,"path":125,"stem":126},{"title":130,"path":131,"stem":132},"The URL Dispatcher","/urls-and-views/the-url-dispatcher","04.urls-and-views/02.the-url-dispatcher",{"title":134,"path":135,"stem":136},"Writing Function-Based Views","/urls-and-views/writing-function-based-views","04.urls-and-views/03.writing-function-based-views",{"title":138,"path":139,"stem":140},"View Decorators","/urls-and-views/view-decorators","04.urls-and-views/04.view-decorators",{"title":142,"path":143,"stem":144},"Rendering Responses","/urls-and-views/rendering-responses","04.urls-and-views/05.rendering-responses",{"title":146,"path":147,"stem":148},"Redirects","/urls-and-views/redirects","04.urls-and-views/06.redirects",{"title":150,"path":151,"stem":152},"Handling HTTP Methods","/urls-and-views/handling-http-methods","04.urls-and-views/07.handling-http-methods",{"title":154,"path":155,"stem":156},"Conditional View Processing","/urls-and-views/conditional-view-processing","04.urls-and-views/08.conditional-view-processing",{"title":158,"path":159,"stem":160},"File Uploads","/urls-and-views/file-uploads","04.urls-and-views/09.file-uploads",{"title":162,"path":163,"stem":164},"Using Django Shortcut Functions","/urls-and-views/using-django-shortcut-functions","04.urls-and-views/10.using-django-shortcut-functions",{"title":166,"path":167,"stem":168,"children":169},"Class Based Views","/class-based-views","05.class-based-views/01.index",[170,171,175,179,183,187,191,195,199,203,207],{"title":166,"path":167,"stem":168},{"title":172,"path":173,"stem":174},"Introduction to Class-Based Views","/class-based-views/introduction-to-class-based-views","05.class-based-views/02.introduction-to-class-based-views",{"title":176,"path":177,"stem":178},"Common Base Classes","/class-based-views/common-base-classes","05.class-based-views/03.common-base-classes",{"title":180,"path":181,"stem":182},"Built-in Generic Views","/class-based-views/built-in-generic-views","05.class-based-views/04.built-in-generic-views",{"title":184,"path":185,"stem":186},"Views for CRUD Operations","/class-based-views/views-for-crud-operations","05.class-based-views/05.views-for-crud-operations",{"title":188,"path":189,"stem":190},"Handling Forms with Class-Based Views","/class-based-views/handling-forms-with-class-based-views","05.class-based-views/06.handling-forms-with-class-based-views",{"title":192,"path":193,"stem":194},"Using Mixins","/class-based-views/using-mixins","05.class-based-views/07.using-mixins",{"title":196,"path":197,"stem":198},"URL Configuration with Class-Based Views","/class-based-views/url-configuration-with-class-based-views","05.class-based-views/08.url-configuration-with-class-based-views",{"title":200,"path":201,"stem":202},"Subclassing Generic Views","/class-based-views/subclassing-generic-views","05.class-based-views/09.subclassing-generic-views",{"title":204,"path":205,"stem":206},"Asynchronous Class-Based Views","/class-based-views/asynchronous-class-based-views","05.class-based-views/10.asynchronous-class-based-views",{"title":208,"path":209,"stem":210},"Pagination","/class-based-views/pagination","05.class-based-views/11.pagination",{"title":212,"path":213,"stem":214,"children":215},"Forms and User Input","/forms-and-user-input","06.forms-and-user-input/01.index",[216,217,221,225,229,233,237,241,245,249],{"title":212,"path":213,"stem":214},{"title":218,"path":219,"stem":220},"Understanding HTML Forms","/forms-and-user-input/understanding-html-forms","06.forms-and-user-input/02.understanding-html-forms",{"title":222,"path":223,"stem":224},"Django's Role in Form Handling","/forms-and-user-input/djangos-role-in-form-handling","06.forms-and-user-input/03.djangos-role-in-form-handling",{"title":226,"path":227,"stem":228},"Creating Forms with Forms API","/forms-and-user-input/creating-forms-with-forms-api","06.forms-and-user-input/04.creating-forms-with-forms-api",{"title":230,"path":231,"stem":232},"Form Validation","/forms-and-user-input/form-validation","06.forms-and-user-input/05.form-validation",{"title":234,"path":235,"stem":236},"Built-in Fields and Widgets","/forms-and-user-input/built-in-fields-and-widgets","06.forms-and-user-input/06.built-in-fields-and-widgets",{"title":238,"path":239,"stem":240},"Form Rendering in Templates","/forms-and-user-input/form-rendering-in-templates","06.forms-and-user-input/07.form-rendering-in-templates",{"title":242,"path":243,"stem":244},"Model Forms","/forms-and-user-input/model-forms","06.forms-and-user-input/08.model-forms",{"title":246,"path":247,"stem":248},"Advanced Form Techniques","/forms-and-user-input/advanced-form-techniques","06.forms-and-user-input/09.advanced-form-techniques",{"title":250,"path":251,"stem":252},"Security Considerations for Forms","/forms-and-user-input/security-considerations-for-forms","06.forms-and-user-input/10.security-considerations-for-forms",{"title":254,"path":255,"stem":256,"children":257},"Models and Databases","/models-and-databases","07.models-and-databases/01.index",[258,259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327],{"title":254,"path":255,"stem":256},{"title":260,"path":261,"stem":262},"Understanding Django Models","/models-and-databases/understanding-django-models","07.models-and-databases/02.understanding-django-models",{"title":264,"path":265,"stem":266},"Defining Fields","/models-and-databases/defining-fields","07.models-and-databases/03.defining-fields",{"title":268,"path":269,"stem":270},"Relationships and Foreign Keys","/models-and-databases/relationships-and-foreign-keys","07.models-and-databases/04.relationships-and-foreign-keys",{"title":272,"path":273,"stem":274},"Examples of Relationship Patterns","/models-and-databases/examples-of-relationship-patterns","07.models-and-databases/05.examples-of-relationship-patterns",{"title":276,"path":277,"stem":278},"Making Queries","/models-and-databases/making-queries","07.models-and-databases/06.making-queries",{"title":280,"path":281,"stem":282},"Filtering, Ordering, and Slicing","/models-and-databases/filtering-ordering-slicing","07.models-and-databases/07.filtering-ordering-slicing",{"title":284,"path":285,"stem":286},"Managers and QuerySets","/models-and-databases/managers-and-querysets","07.models-and-databases/08.managers-and-querysets",{"title":288,"path":289,"stem":290},"Aggregation","/models-and-databases/aggregation","07.models-and-databases/09.aggregation",{"title":292,"path":293,"stem":294},"Search","/models-and-databases/search","07.models-and-databases/10.search",{"title":296,"path":297,"stem":298},"Raw SQL Queries","/models-and-databases/raw-sql-queries","07.models-and-databases/11.raw-sql-queries",{"title":300,"path":301,"stem":302},"Transactions","/models-and-databases/transactions","07.models-and-databases/12.transactions",{"title":304,"path":305,"stem":306},"Multiple Databases","/models-and-databases/multiple-databases","07.models-and-databases/13.multiple-databases",{"title":308,"path":309,"stem":310},"Tablespaces","/models-and-databases/tablespaces","07.models-and-databases/14.tablespaces",{"title":312,"path":313,"stem":314},"Composite Primary Keys","/models-and-databases/composite-primary-keys","07.models-and-databases/15.composite-primary-keys",{"title":316,"path":317,"stem":318},"Database Instrumentation","/models-and-databases/database-instrumentation","07.models-and-databases/16.database-instrumentation",{"title":320,"path":321,"stem":322},"Database Optimization","/models-and-databases/database-optimization","07.models-and-databases/17.database-optimization",{"title":324,"path":325,"stem":326},"Fixtures","/models-and-databases/fixtures","07.models-and-databases/18.fixtures",{"title":328,"path":329,"stem":330},"Signals","/models-and-databases/signals","07.models-and-databases/19.signals",{"title":332,"path":333,"stem":334,"children":335},"Migrations","/migrations","08.migrations/01.index",[336,337,341,345,349,353,357,361,365,369,373,377,381,385],{"title":332,"path":333,"stem":334},{"title":338,"path":339,"stem":340},"How Migrations Work","/migrations/how-migrations-work","08.migrations/02.how-migrations-work",{"title":342,"path":343,"stem":344},"Management Commands","/migrations/management-commands","08.migrations/03.management-commands",{"title":346,"path":347,"stem":348},"Dependencies and Workflow","/migrations/dependencies-and-workflow","08.migrations/04.dependencies-and-workflow",{"title":350,"path":351,"stem":352},"Transaction Handling","/migrations/transaction-handling","08.migrations/05.transaction-handling",{"title":354,"path":355,"stem":356},"Adding Migrations to Apps","/migrations/adding-migrations-to-apps","08.migrations/06.adding-migrations-to-apps",{"title":358,"path":359,"stem":360},"Reversing Migrations","/migrations/reversing-migrations","08.migrations/07.reversing-migrations",{"title":362,"path":363,"stem":364},"Historical Models","/migrations/historical-models","08.migrations/08.historical-models",{"title":366,"path":367,"stem":368},"Considerations When Removing Fields","/migrations/considerations-when-removing-fields","08.migrations/09.considerations-when-removing-fields",{"title":370,"path":371,"stem":372},"Data Migrations","/migrations/data-migrations","08.migrations/10.data-migrations",{"title":374,"path":375,"stem":376},"Squashing Migrations","/migrations/squashing-migrations","08.migrations/11.squashing-migrations",{"title":378,"path":379,"stem":380},"Serializing Values","/migrations/serializing-values","08.migrations/12.serializing-values",{"title":382,"path":383,"stem":384},"Supporting Multiple Django Versions","/migrations/supporting-multiple-django-versions","08.migrations/13.supporting-multiple-django-versions",{"title":386,"path":387,"stem":388},"Django Serialization Framework","/migrations/django-serialization-framework","08.migrations/14.django-serialization-framework",{"title":390,"path":391,"stem":392,"children":393},"Authentication and Authorization","/authentication-and-authorization","09.authentication-and-authorization/01.index",[394,395,399,403,407,411,415,419,423,427,431,435],{"title":390,"path":391,"stem":392},{"title":396,"path":397,"stem":398},"Overview of Django's Authentication System","/authentication-and-authorization/overview-of-django-authentication-system","09.authentication-and-authorization/02.overview-of-django-authentication-system",{"title":400,"path":401,"stem":402},"Users and Groups","/authentication-and-authorization/users-and-groups","09.authentication-and-authorization/03.users-and-groups",{"title":404,"path":405,"stem":406},"Permissions","/authentication-and-authorization/permissions","09.authentication-and-authorization/04.permissions",{"title":408,"path":409,"stem":410},"Password Management","/authentication-and-authorization/password-management","09.authentication-and-authorization/05.password-management",{"title":412,"path":413,"stem":414},"Authentication Views","/authentication-and-authorization/authentication-views","09.authentication-and-authorization/06.authentication-views",{"title":416,"path":417,"stem":418},"Login and Logout","/authentication-and-authorization/login-and-logout","09.authentication-and-authorization/07.login-and-logout",{"title":420,"path":421,"stem":422},"Custom User Models","/authentication-and-authorization/custom-user-models","09.authentication-and-authorization/08.custom-user-models",{"title":424,"path":425,"stem":426},"Middleware for Authentication","/authentication-and-authorization/middleware-for-authentication","09.authentication-and-authorization/09.middleware-for-authentication",{"title":428,"path":429,"stem":430},"Authorization in Views and Templates","/authentication-and-authorization/authorization-in-views-and-templates","09.authentication-and-authorization/10.authorization-in-views-and-templates",{"title":432,"path":433,"stem":434},"Integrating Social Authentication","/authentication-and-authorization/integrating-social-authentication","09.authentication-and-authorization/11.integrating-social-authentication",{"title":436,"path":437,"stem":438},"Security Best Practices","/authentication-and-authorization/security-best-practices","09.authentication-and-authorization/12.security-best-practices",{"title":440,"path":441,"stem":442,"children":443},"Sessions, Cookies, and State","/sessions-cookies-state","10.sessions-cookies-state/01.index",[444,446,450,454,458],{"title":445,"path":441,"stem":442},"Sessions, Cookies, and State Management",{"title":447,"path":448,"stem":449},"Introduction to Sessions","/sessions-cookies-state/introduction-to-sessions","10.sessions-cookies-state/02.introduction-to-sessions",{"title":451,"path":452,"stem":453},"Working with Cookies","/sessions-cookies-state/working-with-cookies","10.sessions-cookies-state/03.working-with-cookies",{"title":455,"path":456,"stem":457},"Server-Side Session Storage Options","/sessions-cookies-state/server-side-session-storage-options","10.sessions-cookies-state/04.server-side-session-storage-options",{"title":459,"path":460,"stem":461},"Session Security","/sessions-cookies-state/session-security","10.sessions-cookies-state/05.session-security",{"title":463,"path":464,"stem":465,"children":466},"Working with Files","/working-with-files","11.working-with-files/01.index",[467,468,472,476,480,484],{"title":463,"path":464,"stem":465},{"title":469,"path":470,"stem":471},"Files in Models","/working-with-files/files-in-models","11.working-with-files/02.files-in-models",{"title":473,"path":474,"stem":475},"The File Object","/working-with-files/the-file-object","11.working-with-files/03.the-file-object",{"title":477,"path":478,"stem":479},"Storage Backends","/working-with-files/storage-backends","11.working-with-files/04.storage-backends",{"title":481,"path":482,"stem":483},"Using Cloud Storage Providers","/working-with-files/using-cloud-storage-providers","11.working-with-files/05.using-cloud-storage-providers",{"title":485,"path":486,"stem":487},"Managing Media in Production","/working-with-files/managing-media-in-production","11.working-with-files/06.managing-media-in-production",{"title":489,"path":490,"stem":491,"children":492},"Admin Site","/admin-site","12.admin-site/01.index",[493,494,498,502,506,510],{"title":489,"path":490,"stem":491},{"title":495,"path":496,"stem":497},"Enabling the Admin","/admin-site/enabling-the-admin","12.admin-site/02.enabling-the-admin",{"title":499,"path":500,"stem":501},"Registering Models","/admin-site/registering-models","12.admin-site/03.registering-models",{"title":503,"path":504,"stem":505},"Customizing Admin Display","/admin-site/customizing-admin-display","12.admin-site/04.customizing-admin-display",{"title":507,"path":508,"stem":509},"Admin Actions","/admin-site/admin-actions","12.admin-site/05.admin-actions",{"title":511,"path":512,"stem":513},"Admin Security Best Practices","/admin-site/admin-security-best-practices","12.admin-site/06.admin-security-best-practices",{"title":515,"path":516,"stem":517,"children":518},"Middleware","/middleware","13.middleware/01.index",[519,520,524,528,532,536],{"title":515,"path":516,"stem":517},{"title":521,"path":522,"stem":523},"Middleware Overview","/middleware/middleware-overview","13.middleware/02.middleware-overview",{"title":525,"path":526,"stem":527},"Built-in Middleware","/middleware/built-in-middleware","13.middleware/03.built-in-middleware",{"title":529,"path":530,"stem":531},"Creating Custom Middleware","/middleware/creating-custom-middleware","13.middleware/04.creating-custom-middleware",{"title":533,"path":534,"stem":535},"Middleware Ordering","/middleware/middleware-ordering","13.middleware/05.middleware-ordering",{"title":537,"path":538,"stem":539},"Performance and Debugging","/middleware/performance-and-debugging","13.middleware/06.performance-and-debugging",{"title":541,"path":542,"stem":543,"children":544},"Security","/security","14.security/01.index",[545,546,550,554,558,562,566,570,574],{"title":541,"path":542,"stem":543},{"title":547,"path":548,"stem":549},"Django Security Philosophy","/security/django-security-philosophy","14.security/02.django-security-philosophy",{"title":551,"path":552,"stem":553},"Cross Site Request Forgery","/security/cross-site-request-forgery","14.security/03.cross-site-request-forgery",{"title":555,"path":556,"stem":557},"Cross Site Scripting","/security/cross-site-scripting","14.security/04.cross-site-scripting",{"title":559,"path":560,"stem":561},"SQL Injection Protection","/security/sql-injection-protection","14.security/05.sql-injection-protection",{"title":563,"path":564,"stem":565},"Clickjacking Protection","/security/clickjacking-protection","14.security/06.clickjacking-protection",{"title":567,"path":568,"stem":569},"HTTPS Setup and HSTS","/security/https-setup-and-hsts","14.security/07.https-setup-and-hsts",{"title":571,"path":572,"stem":573},"Password Storage and Cryptography","/security/password-storage-and-cryptography","14.security/08.password-storage-and-cryptography",{"title":575,"path":576,"stem":577},"Secure Deployment Checklist","/security/secure-deployment-checklist","14.security/09.secure-deployment-checklist",{"title":579,"path":580,"stem":581,"children":582},"Testing","/testing","15.testing/01.index",[583,584,588,592,596,600,604,608,612,616,620],{"title":579,"path":580,"stem":581},{"title":585,"path":586,"stem":587},"Introduction to Django Testing","/testing/introduction-to-django-testing","15.testing/02.introduction-to-django-testing",{"title":589,"path":590,"stem":591},"Writing and Running Tests","/testing/writing-and-running-tests","15.testing/03.writing-and-running-tests",{"title":593,"path":594,"stem":595},"Test Tools","/testing/test-tools","15.testing/04.test-tools",{"title":597,"path":598,"stem":599},"Testing Models","/testing/testing-models","15.testing/05.testing-models",{"title":601,"path":602,"stem":603},"Testing Views","/testing/testing-views","15.testing/06.testing-views",{"title":605,"path":606,"stem":607},"Testing Forms","/testing/testing-forms","15.testing/07.testing-forms",{"title":609,"path":610,"stem":611},"Testing Templates","/testing/testing-templates","15.testing/08.testing-templates",{"title":613,"path":614,"stem":615},"Testing Authentication","/testing/testing-authentication","15.testing/09.testing-authentication",{"title":617,"path":618,"stem":619},"Advanced Testing Topics","/testing/advanced-testing-topics","15.testing/10.advanced-testing-topics",{"title":621,"path":622,"stem":623},"Performance Testing","/testing/performance-testing","15.testing/11.performance-testing",{"title":625,"path":626,"stem":627,"children":628},"Static Assets and Frontend Integration","/static-assets-and-frontend-integration","16.static-assets-and-frontend-integration/01.index",[629,630,634,638,642,646],{"title":625,"path":626,"stem":627},{"title":631,"path":632,"stem":633},"Working with Static Files","/static-assets-and-frontend-integration/working-with-static-files","16.static-assets-and-frontend-integration/02.working-with-static-files",{"title":635,"path":636,"stem":637},"Integrating CSS and JavaScript","/static-assets-and-frontend-integration/integrating-css-and-javascript","16.static-assets-and-frontend-integration/03.integrating-css-and-javascript",{"title":639,"path":640,"stem":641},"Using Build Tools like Vite or Webpack","/static-assets-and-frontend-integration/using-build-tools-like-vite-or-webpack","16.static-assets-and-frontend-integration/04.using-build-tools-like-vite-or-webpack",{"title":643,"path":644,"stem":645},"Using React or Vue with Django","/static-assets-and-frontend-integration/using-react-or-vue-with-django","16.static-assets-and-frontend-integration/05.using-react-or-vue-with-django",{"title":647,"path":648,"stem":649},"Managing CORS","/static-assets-and-frontend-integration/managing-cors","16.static-assets-and-frontend-integration/06.managing-cors",{"title":651,"path":652,"stem":653,"children":654},"Internationalization and Localization","/internationalization-and-localization","17.internationalization-and-localization/01.index",[655,656,660,664,668],{"title":651,"path":652,"stem":653},{"title":657,"path":658,"stem":659},"Enabling Translation","/internationalization-and-localization/enabling-translation","17.internationalization-and-localization/02.enabling-translation",{"title":661,"path":662,"stem":663},"Translating Text in Code and Templates","/internationalization-and-localization/translating-text-in-code-and-templates","17.internationalization-and-localization/03.translating-text-in-code-and-templates",{"title":665,"path":666,"stem":667},"Timezone Support","/internationalization-and-localization/timezone-support","17.internationalization-and-localization/04.timezone-support",{"title":669,"path":670,"stem":671},"Locale Middleware","/internationalization-and-localization/locale-middleware","17.internationalization-and-localization/05.locale-middleware",{"title":673,"path":674,"stem":675,"children":676},"Caching","/caching","18.caching/01.index",[677,678,682,686,690,694,698],{"title":673,"path":674,"stem":675},{"title":679,"path":680,"stem":681},"Introduction to Caching","/caching/introduction-to-caching","18.caching/02.introduction-to-caching",{"title":683,"path":684,"stem":685},"Cache Backends","/caching/cache-backends","18.caching/03.cache-backends",{"title":687,"path":688,"stem":689},"Per View Caching","/caching/per-view-caching","18.caching/04.per-view-caching",{"title":691,"path":692,"stem":693},"Low Level Cache API","/caching/low-level-cache-api","18.caching/05.low-level-cache-api",{"title":695,"path":696,"stem":697},"Template Fragment Caching","/caching/template-fragment-caching","18.caching/06.template-fragment-caching",{"title":699,"path":700,"stem":701},"Deployment Level Caching Patterns","/caching/deployment-level-caching-patterns","18.caching/07.deployment-level-caching-patterns",{"title":703,"path":704,"stem":705,"children":706},"Asynchronous Django","/asynchronous-django","19.asynchronous-django/01.index",[707,708,712,716,720,724,728,732],{"title":703,"path":704,"stem":705},{"title":709,"path":710,"stem":711},"Introduction to ASGI","/asynchronous-django/introduction-to-asgi","19.asynchronous-django/02.introduction-to-asgi",{"title":713,"path":714,"stem":715},"Async Views","/asynchronous-django/async-views","19.asynchronous-django/03.async-views",{"title":717,"path":718,"stem":719},"Async ORM Status","/asynchronous-django/async-orm-status","19.asynchronous-django/04.async-orm-status",{"title":721,"path":722,"stem":723},"WebSockets with Channels","/asynchronous-django/websockets-with-channels","19.asynchronous-django/05.websockets-with-channels",{"title":725,"path":726,"stem":727},"Background Tasks with Celery or RQ","/asynchronous-django/background-tasks-with-celery-or-rq","19.asynchronous-django/06.background-tasks-with-celery-or-rq",{"title":729,"path":730,"stem":731},"Asynchronous Support","/asynchronous-django/asynchronous-support","19.asynchronous-django/07.asynchronous-support",{"title":733,"path":734,"stem":735},"Django's Tasks Framework","/asynchronous-django/django-tasks-framework","19.asynchronous-django/08.django-tasks-framework",{"title":737,"path":738,"stem":739,"children":740},"Deployment","/deployment","20.deployment/01.index",[741,742,746,750,754,758,762,766,770],{"title":737,"path":738,"stem":739},{"title":743,"path":744,"stem":745},"Preparing for Production","/deployment/preparing-for-production","20.deployment/02.preparing-for-production",{"title":747,"path":748,"stem":749},"Using WSGI and ASGI Servers","/deployment/using-wsgi-and-asgi-servers","20.deployment/03.using-wsgi-and-asgi-servers",{"title":751,"path":752,"stem":753},"Deploying on Linux Servers","/deployment/deploying-on-linux-servers","20.deployment/04.deploying-on-linux-servers",{"title":755,"path":756,"stem":757},"Using Docker","/deployment/using-docker","20.deployment/05.using-docker",{"title":759,"path":760,"stem":761},"Cloud Deployment Guides","/deployment/cloud-deployment-guides","20.deployment/06.cloud-deployment-guides",{"title":763,"path":764,"stem":765},"Scaling and Load Balancing","/deployment/scaling-and-load-balancing","20.deployment/07.scaling-and-load-balancing",{"title":767,"path":768,"stem":769},"Monitoring and Logging","/deployment/monitoring-and-logging","20.deployment/08.monitoring-and-logging",{"title":771,"path":772,"stem":773},"Backup Strategies","/deployment/backup-strategies","20.deployment/09.backup-strategies",{"title":775,"path":776,"stem":777,"children":778},"Performance and Optimization","/performance-and-optimization","21.performance-and-optimization/01.index",[779,780,784,788,792,796],{"title":775,"path":776,"stem":777},{"title":781,"path":782,"stem":783},"Query Optimization","/performance-and-optimization/query-optimization","21.performance-and-optimization/02.query-optimization",{"title":785,"path":786,"stem":787},"Template Rendering Optimization","/performance-and-optimization/template-rendering-optimization","21.performance-and-optimization/03.template-rendering-optimization",{"title":789,"path":790,"stem":791},"Using Select Related and Prefetch Related","/performance-and-optimization/using-select-related-and-prefetch-related","21.performance-and-optimization/04.using-select-related-and-prefetch-related",{"title":793,"path":794,"stem":795},"Caching Strategies","/performance-and-optimization/caching-strategies","21.performance-and-optimization/05.caching-strategies",{"title":797,"path":798,"stem":799},"Profiling Django Apps","/performance-and-optimization/profiling-django-apps","21.performance-and-optimization/06.profiling-django-apps",{"title":801,"path":802,"stem":803,"children":804},"Advanced and Expert Topics","/advanced-and-expert-topics","22.advanced-and-expert-topics/01.index",[805,806,810,814,818,822,826,830,834,838,842,846],{"title":801,"path":802,"stem":803},{"title":807,"path":808,"stem":809},"System Architecture Patterns","/advanced-and-expert-topics/system-architecture-patterns","22.advanced-and-expert-topics/02.system-architecture-patterns",{"title":811,"path":812,"stem":813},"Domain Driven Design with Django","/advanced-and-expert-topics/domain-driven-design-with-django","22.advanced-and-expert-topics/03.domain-driven-design-with-django",{"title":815,"path":816,"stem":817},"Building Large Scale Django Projects","/advanced-and-expert-topics/building-large-scale-django-projects","22.advanced-and-expert-topics/04.building-large-scale-django-projects",{"title":819,"path":820,"stem":821},"Plugin Architectures for Django Apps","/advanced-and-expert-topics/plugin-architectures-for-django-apps","22.advanced-and-expert-topics/05.plugin-architectures-for-django-apps",{"title":823,"path":824,"stem":825},"Extending Django's Core","/advanced-and-expert-topics/extending-djangos-core","22.advanced-and-expert-topics/06.extending-djangos-core",{"title":827,"path":828,"stem":829},"Custom ORM Expressions","/advanced-and-expert-topics/custom-orm-expressions","22.advanced-and-expert-topics/07.custom-orm-expressions",{"title":831,"path":832,"stem":833},"Custom Management Commands","/advanced-and-expert-topics/custom-management-commands","22.advanced-and-expert-topics/08.custom-management-commands",{"title":835,"path":836,"stem":837},"Working with Signals","/advanced-and-expert-topics/working-with-signals","22.advanced-and-expert-topics/09.working-with-signals",{"title":839,"path":840,"stem":841},"Building Reusable Django Packages","/advanced-and-expert-topics/building-reusable-django-packages","22.advanced-and-expert-topics/10.building-reusable-django-packages",{"title":843,"path":844,"stem":845},"Integrating Microservices","/advanced-and-expert-topics/integrating-microservices","22.advanced-and-expert-topics/11.integrating-microservices",{"title":847,"path":848,"stem":849},"Advanced Security Hardening","/advanced-and-expert-topics/advanced-security-hardening","22.advanced-and-expert-topics/12.advanced-security-hardening",{"title":851,"path":852,"stem":853,"children":854},"Logging in Django","/logging-in-django","23.logging-in-django/01.index",[855],{"title":851,"path":852,"stem":853},{"title":857,"path":858,"stem":859,"children":860},"FAQ and Troubleshooting","/faq-and-troubleshooting","24.faq-and-troubleshooting/01.index",[861],{"title":857,"path":858,"stem":859},{"title":863,"path":864,"stem":865,"children":866},"External Packages and Ecosystem","/external-packages-and-ecosystem","25.external-packages-and-ecosystem/01.index",[867],{"title":863,"path":864,"stem":865},{"title":869,"path":870,"stem":871,"children":872},"Django Internals and Contributing","/django-internals-and-contributing","26.django-internals-and-contributing/01.index",[873],{"title":869,"path":870,"stem":871},{"title":875,"path":876,"stem":877,"children":878},"Microservices with Django","/microservices-with-django","27.microservices-with-django/01.index",[879,880,884,888,892,896,900,904,908,912,916,920,924],{"title":875,"path":876,"stem":877},{"title":881,"path":882,"stem":883},"What Is a Microservice?","/microservices-with-django/what-is-a-microservice","27.microservices-with-django/02.what-is-a-microservice",{"title":885,"path":886,"stem":887},"Introducing the Django Microservices Architecture","/microservices-with-django/django-microservices-architecture","27.microservices-with-django/03.django-microservices-architecture",{"title":889,"path":890,"stem":891},"Setting Up the Development and Runtime Environment","/microservices-with-django/development-environment","27.microservices-with-django/04.development-environment",{"title":893,"path":894,"stem":895},"Cloud-native Data Processing with MongoDB","/microservices-with-django/cloud-native-data-processing","27.microservices-with-django/05.cloud-native-data-processing",{"title":897,"path":898,"stem":899},"Creating RESTful APIs for Microservices","/microservices-with-django/restful-apis","27.microservices-with-django/06.restful-apis",{"title":901,"path":902,"stem":903},"Orchestrating Microservices with Celery and RabbitMQ","/microservices-with-django/orchestrating-celery-rabbitmq","27.microservices-with-django/07.orchestrating-celery-rabbitmq",{"title":905,"path":906,"stem":907},"Testing Microservices","/microservices-with-django/testing-microservices","27.microservices-with-django/08.testing-microservices",{"title":909,"path":910,"stem":911},"Deploying Microservices","/microservices-with-django/deploying-microservices","27.microservices-with-django/09.deploying-microservices",{"title":913,"path":914,"stem":915},"Securing Microservices","/microservices-with-django/securing-microservices","27.microservices-with-django/10.securing-microservices",{"title":917,"path":918,"stem":919},"Improving Microservices Performance with Caching","/microservices-with-django/performance-caching","27.microservices-with-django/11.performance-caching",{"title":921,"path":922,"stem":923},"Best Practices","/microservices-with-django/best-practices","27.microservices-with-django/12.best-practices",{"title":925,"path":926,"stem":927},"Transforming a Monolithic Web App into a Microservice version","/microservices-with-django/monolith-to-microservices","27.microservices-with-django/13.monolith-to-microservices",{"title":929,"path":930,"stem":931,"children":932},"Releases","/releases","releases",[933,936,940,944,948,952,956,960,964,968,972,976,980,984,988,992,996,1000,1004,1008,1012],{"title":934,"path":930,"stem":935},"Django Releases","releases/index",{"title":937,"path":938,"stem":939},"Django 5.1.10 release notes","/releases/5.1.10","releases/5.1.10",{"title":941,"path":942,"stem":943},"Django 5.1.11 release notes","/releases/5.1.11","releases/5.1.11",{"title":945,"path":946,"stem":947},"Django 5.1.12 release notes","/releases/5.1.12","releases/5.1.12",{"title":949,"path":950,"stem":951},"Django 5.1.13 release notes","/releases/5.1.13","releases/5.1.13",{"title":953,"path":954,"stem":955},"Django 5.1.14 release notes","/releases/5.1.14","releases/5.1.14",{"title":957,"path":958,"stem":959},"Django 5.1.15 release notes","/releases/5.1.15","releases/5.1.15",{"title":961,"path":962,"stem":963},"Django 5.2 release notes","/releases/5.2","releases/5.2",{"title":965,"path":966,"stem":967},"Django 5.2.1 release notes","/releases/5.2.1","releases/5.2.1",{"title":969,"path":970,"stem":971},"Django 5.2.10 release notes","/releases/5.2.10","releases/5.2.10",{"title":973,"path":974,"stem":975},"Django 5.2.2 release notes","/releases/5.2.2","releases/5.2.2",{"title":977,"path":978,"stem":979},"Django 5.2.3 release notes","/releases/5.2.3","releases/5.2.3",{"title":981,"path":982,"stem":983},"Django 5.2.4 release notes","/releases/5.2.4","releases/5.2.4",{"title":985,"path":986,"stem":987},"Django 5.2.5 release notes","/releases/5.2.5","releases/5.2.5",{"title":989,"path":990,"stem":991},"Django 5.2.6 release notes","/releases/5.2.6","releases/5.2.6",{"title":993,"path":994,"stem":995},"Django 5.2.7 release notes","/releases/5.2.7","releases/5.2.7",{"title":997,"path":998,"stem":999},"Django 5.2.8 release notes","/releases/5.2.8","releases/5.2.8",{"title":1001,"path":1002,"stem":1003},"Django 5.2.9 release notes","/releases/5.2.9","releases/5.2.9",{"title":1005,"path":1006,"stem":1007},"Django 6.0 release notes","/releases/6.0","releases/6.0",{"title":1009,"path":1010,"stem":1011},"Django 6.0.1 release notes","/releases/6.0.1","releases/6.0.1",{"title":1013,"path":1014,"stem":1015},"Django 6.1 release notes - UNDER DEVELOPMENT","/releases/6.1","releases/6.1",{"id":1017,"title":639,"body":1018,"description":1028,"extension":9637,"links":9638,"meta":9639,"navigation":1535,"path":640,"seo":9640,"stem":641,"__hash__":9641},"docs/16.static-assets-and-frontend-integration/04.using-build-tools-like-vite-or-webpack.md",{"type":1019,"value":1020,"toc":9613},"minimark",[1021,1025,1029,1034,1039,1450,2789,2793,3187,3904,4129,4133,4141,4524,4528,4532,6175,6179,7028,7590,7594,7598,7839,7843,7880,7915,7919,8611,8615,8619,8951,8955,9164,9168,9172,9399,9403,9607,9610],[1022,1023,639],"h1",{"id":1024},"using-build-tools-like-vite-or-webpack",[1026,1027,1028],"p",{},"Modern build tools transform the frontend development experience by providing features like hot module replacement, code splitting, automatic optimization, and seamless integration with CSS preprocessors and JavaScript transpilers. This chapter covers integrating Vite and Webpack with Django to create efficient development workflows and optimized production builds.",[1030,1031,1033],"h2",{"id":1032},"vite-integration-with-django","Vite Integration with Django",[1035,1036,1038],"h3",{"id":1037},"setting-up-vite","Setting Up Vite",[1040,1041,1046],"pre",{"className":1042,"code":1043,"language":1044,"meta":1045,"style":1045},"language-json shiki shiki-themes material-theme-lighter vitesse-light vitesse-dark","// package.json\n{\n  \"name\": \"django-vite-frontend\",\n  \"version\": \"1.0.0\",\n  \"type\": \"module\",\n  \"scripts\": {\n    \"dev\": \"vite\",\n    \"build\": \"vite build\",\n    \"preview\": \"vite preview\",\n    \"watch\": \"vite build --watch\"\n  },\n  \"devDependencies\": {\n    \"vite\": \"^5.0.0\",\n    \"@vitejs/plugin-legacy\": \"^5.0.0\",\n    \"sass\": \"^1.69.0\",\n    \"autoprefixer\": \"^10.4.16\",\n    \"postcss\": \"^8.4.31\",\n    \"tailwindcss\": \"^3.3.5\"\n  },\n  \"dependencies\": {\n    \"alpinejs\": \"^3.13.0\",\n    \"axios\": \"^1.6.0\"\n  }\n}\n","json","",[1047,1048,1049,1058,1065,1095,1116,1137,1152,1175,1196,1217,1237,1243,1257,1277,1297,1318,1339,1360,1379,1384,1398,1419,1438,1444],"code",{"__ignoreMap":1045},[1050,1051,1054],"span",{"class":1052,"line":1053},"line",1,[1050,1055,1057],{"class":1056},"s9Tkl","// package.json\n",[1050,1059,1061],{"class":1052,"line":1060},2,[1050,1062,1064],{"class":1063},"soVBu","{\n",[1050,1066,1068,1072,1076,1079,1082,1086,1090,1092],{"class":1052,"line":1067},3,[1050,1069,1071],{"class":1070},"s4Jsk","  \"",[1050,1073,1075],{"class":1074},"sLorS","name",[1050,1077,1078],{"class":1070},"\"",[1050,1080,1081],{"class":1063},":",[1050,1083,1085],{"class":1084},"sbYkP"," \"",[1050,1087,1089],{"class":1088},"sTbE_","django-vite-frontend",[1050,1091,1078],{"class":1084},[1050,1093,1094],{"class":1063},",\n",[1050,1096,1098,1100,1103,1105,1107,1109,1112,1114],{"class":1052,"line":1097},4,[1050,1099,1071],{"class":1070},[1050,1101,1102],{"class":1074},"version",[1050,1104,1078],{"class":1070},[1050,1106,1081],{"class":1063},[1050,1108,1085],{"class":1084},[1050,1110,1111],{"class":1088},"1.0.0",[1050,1113,1078],{"class":1084},[1050,1115,1094],{"class":1063},[1050,1117,1119,1121,1124,1126,1128,1130,1133,1135],{"class":1052,"line":1118},5,[1050,1120,1071],{"class":1070},[1050,1122,1123],{"class":1074},"type",[1050,1125,1078],{"class":1070},[1050,1127,1081],{"class":1063},[1050,1129,1085],{"class":1084},[1050,1131,1132],{"class":1088},"module",[1050,1134,1078],{"class":1084},[1050,1136,1094],{"class":1063},[1050,1138,1140,1142,1145,1147,1149],{"class":1052,"line":1139},6,[1050,1141,1071],{"class":1070},[1050,1143,1144],{"class":1074},"scripts",[1050,1146,1078],{"class":1070},[1050,1148,1081],{"class":1063},[1050,1150,1151],{"class":1063}," {\n",[1050,1153,1155,1158,1162,1164,1166,1168,1171,1173],{"class":1052,"line":1154},7,[1050,1156,1157],{"class":1070},"    \"",[1050,1159,1161],{"class":1160},"sa2tF","dev",[1050,1163,1078],{"class":1070},[1050,1165,1081],{"class":1063},[1050,1167,1085],{"class":1084},[1050,1169,1170],{"class":1088},"vite",[1050,1172,1078],{"class":1084},[1050,1174,1094],{"class":1063},[1050,1176,1178,1180,1183,1185,1187,1189,1192,1194],{"class":1052,"line":1177},8,[1050,1179,1157],{"class":1070},[1050,1181,1182],{"class":1160},"build",[1050,1184,1078],{"class":1070},[1050,1186,1081],{"class":1063},[1050,1188,1085],{"class":1084},[1050,1190,1191],{"class":1088},"vite build",[1050,1193,1078],{"class":1084},[1050,1195,1094],{"class":1063},[1050,1197,1199,1201,1204,1206,1208,1210,1213,1215],{"class":1052,"line":1198},9,[1050,1200,1157],{"class":1070},[1050,1202,1203],{"class":1160},"preview",[1050,1205,1078],{"class":1070},[1050,1207,1081],{"class":1063},[1050,1209,1085],{"class":1084},[1050,1211,1212],{"class":1088},"vite preview",[1050,1214,1078],{"class":1084},[1050,1216,1094],{"class":1063},[1050,1218,1220,1222,1225,1227,1229,1231,1234],{"class":1052,"line":1219},10,[1050,1221,1157],{"class":1070},[1050,1223,1224],{"class":1160},"watch",[1050,1226,1078],{"class":1070},[1050,1228,1081],{"class":1063},[1050,1230,1085],{"class":1084},[1050,1232,1233],{"class":1088},"vite build --watch",[1050,1235,1236],{"class":1084},"\"\n",[1050,1238,1240],{"class":1052,"line":1239},11,[1050,1241,1242],{"class":1063},"  },\n",[1050,1244,1246,1248,1251,1253,1255],{"class":1052,"line":1245},12,[1050,1247,1071],{"class":1070},[1050,1249,1250],{"class":1074},"devDependencies",[1050,1252,1078],{"class":1070},[1050,1254,1081],{"class":1063},[1050,1256,1151],{"class":1063},[1050,1258,1260,1262,1264,1266,1268,1270,1273,1275],{"class":1052,"line":1259},13,[1050,1261,1157],{"class":1070},[1050,1263,1170],{"class":1160},[1050,1265,1078],{"class":1070},[1050,1267,1081],{"class":1063},[1050,1269,1085],{"class":1084},[1050,1271,1272],{"class":1088},"^5.0.0",[1050,1274,1078],{"class":1084},[1050,1276,1094],{"class":1063},[1050,1278,1280,1282,1285,1287,1289,1291,1293,1295],{"class":1052,"line":1279},14,[1050,1281,1157],{"class":1070},[1050,1283,1284],{"class":1160},"@vitejs/plugin-legacy",[1050,1286,1078],{"class":1070},[1050,1288,1081],{"class":1063},[1050,1290,1085],{"class":1084},[1050,1292,1272],{"class":1088},[1050,1294,1078],{"class":1084},[1050,1296,1094],{"class":1063},[1050,1298,1300,1302,1305,1307,1309,1311,1314,1316],{"class":1052,"line":1299},15,[1050,1301,1157],{"class":1070},[1050,1303,1304],{"class":1160},"sass",[1050,1306,1078],{"class":1070},[1050,1308,1081],{"class":1063},[1050,1310,1085],{"class":1084},[1050,1312,1313],{"class":1088},"^1.69.0",[1050,1315,1078],{"class":1084},[1050,1317,1094],{"class":1063},[1050,1319,1321,1323,1326,1328,1330,1332,1335,1337],{"class":1052,"line":1320},16,[1050,1322,1157],{"class":1070},[1050,1324,1325],{"class":1160},"autoprefixer",[1050,1327,1078],{"class":1070},[1050,1329,1081],{"class":1063},[1050,1331,1085],{"class":1084},[1050,1333,1334],{"class":1088},"^10.4.16",[1050,1336,1078],{"class":1084},[1050,1338,1094],{"class":1063},[1050,1340,1342,1344,1347,1349,1351,1353,1356,1358],{"class":1052,"line":1341},17,[1050,1343,1157],{"class":1070},[1050,1345,1346],{"class":1160},"postcss",[1050,1348,1078],{"class":1070},[1050,1350,1081],{"class":1063},[1050,1352,1085],{"class":1084},[1050,1354,1355],{"class":1088},"^8.4.31",[1050,1357,1078],{"class":1084},[1050,1359,1094],{"class":1063},[1050,1361,1363,1365,1368,1370,1372,1374,1377],{"class":1052,"line":1362},18,[1050,1364,1157],{"class":1070},[1050,1366,1367],{"class":1160},"tailwindcss",[1050,1369,1078],{"class":1070},[1050,1371,1081],{"class":1063},[1050,1373,1085],{"class":1084},[1050,1375,1376],{"class":1088},"^3.3.5",[1050,1378,1236],{"class":1084},[1050,1380,1382],{"class":1052,"line":1381},19,[1050,1383,1242],{"class":1063},[1050,1385,1387,1389,1392,1394,1396],{"class":1052,"line":1386},20,[1050,1388,1071],{"class":1070},[1050,1390,1391],{"class":1074},"dependencies",[1050,1393,1078],{"class":1070},[1050,1395,1081],{"class":1063},[1050,1397,1151],{"class":1063},[1050,1399,1401,1403,1406,1408,1410,1412,1415,1417],{"class":1052,"line":1400},21,[1050,1402,1157],{"class":1070},[1050,1404,1405],{"class":1160},"alpinejs",[1050,1407,1078],{"class":1070},[1050,1409,1081],{"class":1063},[1050,1411,1085],{"class":1084},[1050,1413,1414],{"class":1088},"^3.13.0",[1050,1416,1078],{"class":1084},[1050,1418,1094],{"class":1063},[1050,1420,1422,1424,1427,1429,1431,1433,1436],{"class":1052,"line":1421},22,[1050,1423,1157],{"class":1070},[1050,1425,1426],{"class":1160},"axios",[1050,1428,1078],{"class":1070},[1050,1430,1081],{"class":1063},[1050,1432,1085],{"class":1084},[1050,1434,1435],{"class":1088},"^1.6.0",[1050,1437,1236],{"class":1084},[1050,1439,1441],{"class":1052,"line":1440},23,[1050,1442,1443],{"class":1063},"  }\n",[1050,1445,1447],{"class":1052,"line":1446},24,[1050,1448,1449],{"class":1063},"}\n",[1040,1451,1455],{"className":1452,"code":1453,"language":1454,"meta":1045,"style":1045},"language-javascript shiki shiki-themes material-theme-lighter vitesse-light vitesse-dark","// vite.config.js\nimport { defineConfig } from 'vite';\nimport { resolve } from 'path';\nimport legacy from '@vitejs/plugin-legacy';\n\nexport default defineConfig({\n  plugins: [\n    legacy({\n      targets: ['defaults', 'not IE 11']\n    })\n  ],\n  \n  // Build configuration\n  build: {\n    // Output directory (Django's STATIC_ROOT)\n    outDir: 'staticfiles/dist',\n    \n    // Generate manifest for Django integration\n    manifest: true,\n    \n    // Entry points\n    rollupOptions: {\n      input: {\n        main: resolve(__dirname, 'frontend/js/main.js'),\n        admin: resolve(__dirname, 'frontend/js/admin.js'),\n        blog: resolve(__dirname, 'frontend/js/blog.js')\n      },\n      output: {\n        // Organize output files\n        assetFileNames: (assetInfo) => {\n          const info = assetInfo.name.split('.');\n          const ext = info[info.length - 1];\n          \n          if (/\\.(css)$/.test(assetInfo.name)) {\n            return `css/[name]-[hash].${ext}`;\n          }\n          if (/\\.(png|jpe?g|svg|gif|tiff|bmp|ico)$/i.test(assetInfo.name)) {\n            return `images/[name]-[hash].${ext}`;\n          }\n          if (/\\.(woff2?|eot|ttf|otf)$/i.test(assetInfo.name)) {\n            return `fonts/[name]-[hash].${ext}`;\n          }\n          return `assets/[name]-[hash].${ext}`;\n        },\n        chunkFileNames: 'js/[name]-[hash].js',\n        entryFileNames: 'js/[name]-[hash].js'\n      }\n    },\n    \n    // Code splitting\n    chunkSizeWarningLimit: 1000,\n    \n    // Source maps for production debugging\n    sourcemap: true\n  },\n  \n  // Development server\n  server: {\n    host: 'localhost',\n    port: 3000,\n    \n    // Proxy API requests to Django\n    proxy: {\n      '/api': {\n        target: 'http://localhost:8000',\n        changeOrigin: true\n      },\n      '/admin': {\n        target: 'http://localhost:8000',\n        changeOrigin: true\n      }\n    }\n  },\n  \n  // CSS configuration\n  css: {\n    preprocessorOptions: {\n      scss: {\n        additionalData: `@import \"frontend/scss/variables.scss\";`\n      }\n    },\n    postcss: {\n      plugins: [\n        require('tailwindcss'),\n        require('autoprefixer')\n      ]\n    }\n  },\n  \n  // Resolve configuration\n  resolve: {\n    alias: {\n      '@': resolve(__dirname, 'frontend'),\n      '@components': resolve(__dirname, 'frontend/js/components'),\n      '@utils': resolve(__dirname, 'frontend/js/utils'),\n      '@styles': resolve(__dirname, 'frontend/scss')\n    }\n  }\n});\n","javascript",[1047,1456,1457,1462,1492,1514,1531,1537,1554,1565,1574,1604,1612,1619,1625,1630,1639,1644,1660,1665,1670,1683,1687,1692,1701,1710,1738,1765,1790,1796,1806,1812,1835,1874,1911,1918,1964,1992,1998,2078,2098,2103,2160,2180,2185,2206,2212,2229,2244,2250,2256,2261,2267,2280,2285,2291,2302,2307,2312,2318,2328,2345,2358,2363,2369,2379,2395,2412,2422,2427,2441,2456,2465,2470,2476,2481,2486,2492,2502,2512,2522,2538,2543,2548,2558,2568,2586,2601,2607,2612,2617,2622,2628,2638,2648,2679,2710,2741,2770,2775,2780],{"__ignoreMap":1045},[1050,1458,1459],{"class":1052,"line":1053},[1050,1460,1461],{"class":1056},"// vite.config.js\n",[1050,1463,1464,1468,1471,1475,1478,1481,1484,1486,1489],{"class":1052,"line":1060},[1050,1465,1467],{"class":1466},"siDh9","import",[1050,1469,1470],{"class":1063}," {",[1050,1472,1474],{"class":1473},"sSC40"," defineConfig",[1050,1476,1477],{"class":1063}," }",[1050,1479,1480],{"class":1466}," from",[1050,1482,1483],{"class":1084}," '",[1050,1485,1170],{"class":1088},[1050,1487,1488],{"class":1084},"'",[1050,1490,1491],{"class":1063},";\n",[1050,1493,1494,1496,1498,1501,1503,1505,1507,1510,1512],{"class":1052,"line":1067},[1050,1495,1467],{"class":1466},[1050,1497,1470],{"class":1063},[1050,1499,1500],{"class":1473}," resolve",[1050,1502,1477],{"class":1063},[1050,1504,1480],{"class":1466},[1050,1506,1483],{"class":1084},[1050,1508,1509],{"class":1088},"path",[1050,1511,1488],{"class":1084},[1050,1513,1491],{"class":1063},[1050,1515,1516,1518,1521,1523,1525,1527,1529],{"class":1052,"line":1097},[1050,1517,1467],{"class":1466},[1050,1519,1520],{"class":1473}," legacy",[1050,1522,1480],{"class":1466},[1050,1524,1483],{"class":1084},[1050,1526,1284],{"class":1088},[1050,1528,1488],{"class":1084},[1050,1530,1491],{"class":1063},[1050,1532,1533],{"class":1052,"line":1118},[1050,1534,1536],{"emptyLinePlaceholder":1535},true,"\n",[1050,1538,1539,1542,1545,1548,1552],{"class":1052,"line":1139},[1050,1540,1541],{"class":1466},"export",[1050,1543,1544],{"class":1466}," default",[1050,1546,1474],{"class":1547},"sljsM",[1050,1549,1551],{"class":1550},"snCua","(",[1050,1553,1064],{"class":1063},[1050,1555,1556,1560,1562],{"class":1052,"line":1154},[1050,1557,1559],{"class":1558},"suXOh","  plugins",[1050,1561,1081],{"class":1063},[1050,1563,1564],{"class":1550}," [\n",[1050,1566,1567,1570,1572],{"class":1052,"line":1177},[1050,1568,1569],{"class":1547},"    legacy",[1050,1571,1551],{"class":1550},[1050,1573,1064],{"class":1063},[1050,1575,1576,1579,1581,1584,1586,1589,1591,1594,1596,1599,1601],{"class":1052,"line":1198},[1050,1577,1578],{"class":1558},"      targets",[1050,1580,1081],{"class":1063},[1050,1582,1583],{"class":1550}," [",[1050,1585,1488],{"class":1084},[1050,1587,1588],{"class":1088},"defaults",[1050,1590,1488],{"class":1084},[1050,1592,1593],{"class":1063},",",[1050,1595,1483],{"class":1084},[1050,1597,1598],{"class":1088},"not IE 11",[1050,1600,1488],{"class":1084},[1050,1602,1603],{"class":1550},"]\n",[1050,1605,1606,1609],{"class":1052,"line":1219},[1050,1607,1608],{"class":1063},"    }",[1050,1610,1611],{"class":1550},")\n",[1050,1613,1614,1617],{"class":1052,"line":1239},[1050,1615,1616],{"class":1550},"  ]",[1050,1618,1094],{"class":1063},[1050,1620,1621],{"class":1052,"line":1245},[1050,1622,1624],{"class":1623},"sftqT","  \n",[1050,1626,1627],{"class":1052,"line":1259},[1050,1628,1629],{"class":1056},"  // Build configuration\n",[1050,1631,1632,1635,1637],{"class":1052,"line":1279},[1050,1633,1634],{"class":1558},"  build",[1050,1636,1081],{"class":1063},[1050,1638,1151],{"class":1063},[1050,1640,1641],{"class":1052,"line":1299},[1050,1642,1643],{"class":1056},"    // Output directory (Django's STATIC_ROOT)\n",[1050,1645,1646,1649,1651,1653,1656,1658],{"class":1052,"line":1320},[1050,1647,1648],{"class":1558},"    outDir",[1050,1650,1081],{"class":1063},[1050,1652,1483],{"class":1084},[1050,1654,1655],{"class":1088},"staticfiles/dist",[1050,1657,1488],{"class":1084},[1050,1659,1094],{"class":1063},[1050,1661,1662],{"class":1052,"line":1341},[1050,1663,1664],{"class":1623},"    \n",[1050,1666,1667],{"class":1052,"line":1362},[1050,1668,1669],{"class":1056},"    // Generate manifest for Django integration\n",[1050,1671,1672,1675,1677,1681],{"class":1052,"line":1381},[1050,1673,1674],{"class":1558},"    manifest",[1050,1676,1081],{"class":1063},[1050,1678,1680],{"class":1679},"sq3J1"," true",[1050,1682,1094],{"class":1063},[1050,1684,1685],{"class":1052,"line":1386},[1050,1686,1664],{"class":1623},[1050,1688,1689],{"class":1052,"line":1400},[1050,1690,1691],{"class":1056},"    // Entry points\n",[1050,1693,1694,1697,1699],{"class":1052,"line":1421},[1050,1695,1696],{"class":1558},"    rollupOptions",[1050,1698,1081],{"class":1063},[1050,1700,1151],{"class":1063},[1050,1702,1703,1706,1708],{"class":1052,"line":1440},[1050,1704,1705],{"class":1558},"      input",[1050,1707,1081],{"class":1063},[1050,1709,1151],{"class":1063},[1050,1711,1712,1715,1717,1719,1721,1724,1726,1728,1731,1733,1736],{"class":1052,"line":1446},[1050,1713,1714],{"class":1558},"        main",[1050,1716,1081],{"class":1063},[1050,1718,1500],{"class":1547},[1050,1720,1551],{"class":1550},[1050,1722,1723],{"class":1473},"__dirname",[1050,1725,1593],{"class":1063},[1050,1727,1483],{"class":1084},[1050,1729,1730],{"class":1088},"frontend/js/main.js",[1050,1732,1488],{"class":1084},[1050,1734,1735],{"class":1550},")",[1050,1737,1094],{"class":1063},[1050,1739,1741,1744,1746,1748,1750,1752,1754,1756,1759,1761,1763],{"class":1052,"line":1740},25,[1050,1742,1743],{"class":1558},"        admin",[1050,1745,1081],{"class":1063},[1050,1747,1500],{"class":1547},[1050,1749,1551],{"class":1550},[1050,1751,1723],{"class":1473},[1050,1753,1593],{"class":1063},[1050,1755,1483],{"class":1084},[1050,1757,1758],{"class":1088},"frontend/js/admin.js",[1050,1760,1488],{"class":1084},[1050,1762,1735],{"class":1550},[1050,1764,1094],{"class":1063},[1050,1766,1768,1771,1773,1775,1777,1779,1781,1783,1786,1788],{"class":1052,"line":1767},26,[1050,1769,1770],{"class":1558},"        blog",[1050,1772,1081],{"class":1063},[1050,1774,1500],{"class":1547},[1050,1776,1551],{"class":1550},[1050,1778,1723],{"class":1473},[1050,1780,1593],{"class":1063},[1050,1782,1483],{"class":1084},[1050,1784,1785],{"class":1088},"frontend/js/blog.js",[1050,1787,1488],{"class":1084},[1050,1789,1611],{"class":1550},[1050,1791,1793],{"class":1052,"line":1792},27,[1050,1794,1795],{"class":1063},"      },\n",[1050,1797,1799,1802,1804],{"class":1052,"line":1798},28,[1050,1800,1801],{"class":1558},"      output",[1050,1803,1081],{"class":1063},[1050,1805,1151],{"class":1063},[1050,1807,1809],{"class":1052,"line":1808},29,[1050,1810,1811],{"class":1056},"        // Organize output files\n",[1050,1813,1815,1818,1820,1823,1827,1829,1833],{"class":1052,"line":1814},30,[1050,1816,1817],{"class":1547},"        assetFileNames",[1050,1819,1081],{"class":1063},[1050,1821,1822],{"class":1063}," (",[1050,1824,1826],{"class":1825},"sqOPj","assetInfo",[1050,1828,1735],{"class":1063},[1050,1830,1832],{"class":1831},"sIOqK"," =>",[1050,1834,1151],{"class":1063},[1050,1836,1838,1842,1845,1848,1851,1854,1856,1858,1861,1864,1866,1868,1870,1872],{"class":1052,"line":1837},31,[1050,1839,1841],{"class":1840},"s5Kfy","          const",[1050,1843,1844],{"class":1473}," info",[1050,1846,1847],{"class":1063}," =",[1050,1849,1850],{"class":1473}," assetInfo",[1050,1852,1853],{"class":1063},".",[1050,1855,1075],{"class":1473},[1050,1857,1853],{"class":1063},[1050,1859,1860],{"class":1547},"split",[1050,1862,1551],{"class":1863},"sLdnO",[1050,1865,1488],{"class":1084},[1050,1867,1853],{"class":1088},[1050,1869,1488],{"class":1084},[1050,1871,1735],{"class":1863},[1050,1873,1491],{"class":1063},[1050,1875,1877,1879,1882,1884,1886,1889,1892,1894,1898,1902,1906,1909],{"class":1052,"line":1876},32,[1050,1878,1841],{"class":1840},[1050,1880,1881],{"class":1473}," ext",[1050,1883,1847],{"class":1063},[1050,1885,1844],{"class":1473},[1050,1887,1888],{"class":1863},"[",[1050,1890,1891],{"class":1473},"info",[1050,1893,1853],{"class":1063},[1050,1895,1897],{"class":1896},"s131V","length",[1050,1899,1901],{"class":1900},"sVsLi"," -",[1050,1903,1905],{"class":1904},"s7CZa"," 1",[1050,1907,1908],{"class":1863},"]",[1050,1910,1491],{"class":1063},[1050,1912,1914],{"class":1052,"line":1913},33,[1050,1915,1917],{"class":1916},"sBPpx","          \n",[1050,1919,1921,1924,1926,1929,1933,1935,1939,1941,1944,1946,1948,1951,1953,1955,1957,1959,1962],{"class":1052,"line":1920},34,[1050,1922,1923],{"class":1466},"          if",[1050,1925,1822],{"class":1863},[1050,1927,1928],{"class":1084},"/",[1050,1930,1932],{"class":1931},"sk0MF","\\.",[1050,1934,1551],{"class":1063},[1050,1936,1938],{"class":1937},"s27EL","css",[1050,1940,1735],{"class":1063},[1050,1942,1943],{"class":1466},"$",[1050,1945,1928],{"class":1084},[1050,1947,1853],{"class":1063},[1050,1949,1950],{"class":1547},"test",[1050,1952,1551],{"class":1863},[1050,1954,1826],{"class":1473},[1050,1956,1853],{"class":1063},[1050,1958,1075],{"class":1473},[1050,1960,1961],{"class":1863},"))",[1050,1963,1151],{"class":1063},[1050,1965,1967,1970,1973,1976,1980,1984,1987,1990],{"class":1052,"line":1966},35,[1050,1968,1969],{"class":1466},"            return",[1050,1971,1972],{"class":1084}," `",[1050,1974,1975],{"class":1088},"css/[name]-[hash].",[1050,1977,1979],{"class":1978},"s8XtY","${",[1050,1981,1983],{"class":1982},"su_V2","ext",[1050,1985,1986],{"class":1978},"}",[1050,1988,1989],{"class":1084},"`",[1050,1991,1491],{"class":1063},[1050,1993,1995],{"class":1052,"line":1994},36,[1050,1996,1997],{"class":1063},"          }\n",[1050,1999,2001,2003,2005,2007,2009,2011,2014,2017,2020,2024,2027,2029,2032,2034,2037,2039,2042,2044,2047,2049,2052,2054,2056,2058,2062,2064,2066,2068,2070,2072,2074,2076],{"class":1052,"line":2000},37,[1050,2002,1923],{"class":1466},[1050,2004,1822],{"class":1863},[1050,2006,1928],{"class":1084},[1050,2008,1932],{"class":1931},[1050,2010,1551],{"class":1063},[1050,2012,2013],{"class":1937},"png",[1050,2015,2016],{"class":1900},"|",[1050,2018,2019],{"class":1937},"jpe",[1050,2021,2023],{"class":2022},"sGuSu","?",[1050,2025,2026],{"class":1937},"g",[1050,2028,2016],{"class":1900},[1050,2030,2031],{"class":1937},"svg",[1050,2033,2016],{"class":1900},[1050,2035,2036],{"class":1937},"gif",[1050,2038,2016],{"class":1900},[1050,2040,2041],{"class":1937},"tiff",[1050,2043,2016],{"class":1900},[1050,2045,2046],{"class":1937},"bmp",[1050,2048,2016],{"class":1900},[1050,2050,2051],{"class":1937},"ico",[1050,2053,1735],{"class":1063},[1050,2055,1943],{"class":1466},[1050,2057,1928],{"class":1084},[1050,2059,2061],{"class":2060},"scgAs","i",[1050,2063,1853],{"class":1063},[1050,2065,1950],{"class":1547},[1050,2067,1551],{"class":1863},[1050,2069,1826],{"class":1473},[1050,2071,1853],{"class":1063},[1050,2073,1075],{"class":1473},[1050,2075,1961],{"class":1863},[1050,2077,1151],{"class":1063},[1050,2079,2081,2083,2085,2088,2090,2092,2094,2096],{"class":1052,"line":2080},38,[1050,2082,1969],{"class":1466},[1050,2084,1972],{"class":1084},[1050,2086,2087],{"class":1088},"images/[name]-[hash].",[1050,2089,1979],{"class":1978},[1050,2091,1983],{"class":1982},[1050,2093,1986],{"class":1978},[1050,2095,1989],{"class":1084},[1050,2097,1491],{"class":1063},[1050,2099,2101],{"class":1052,"line":2100},39,[1050,2102,1997],{"class":1063},[1050,2104,2106,2108,2110,2112,2114,2116,2119,2121,2123,2126,2128,2131,2133,2136,2138,2140,2142,2144,2146,2148,2150,2152,2154,2156,2158],{"class":1052,"line":2105},40,[1050,2107,1923],{"class":1466},[1050,2109,1822],{"class":1863},[1050,2111,1928],{"class":1084},[1050,2113,1932],{"class":1931},[1050,2115,1551],{"class":1063},[1050,2117,2118],{"class":1937},"woff2",[1050,2120,2023],{"class":2022},[1050,2122,2016],{"class":1900},[1050,2124,2125],{"class":1937},"eot",[1050,2127,2016],{"class":1900},[1050,2129,2130],{"class":1937},"ttf",[1050,2132,2016],{"class":1900},[1050,2134,2135],{"class":1937},"otf",[1050,2137,1735],{"class":1063},[1050,2139,1943],{"class":1466},[1050,2141,1928],{"class":1084},[1050,2143,2061],{"class":2060},[1050,2145,1853],{"class":1063},[1050,2147,1950],{"class":1547},[1050,2149,1551],{"class":1863},[1050,2151,1826],{"class":1473},[1050,2153,1853],{"class":1063},[1050,2155,1075],{"class":1473},[1050,2157,1961],{"class":1863},[1050,2159,1151],{"class":1063},[1050,2161,2163,2165,2167,2170,2172,2174,2176,2178],{"class":1052,"line":2162},41,[1050,2164,1969],{"class":1466},[1050,2166,1972],{"class":1084},[1050,2168,2169],{"class":1088},"fonts/[name]-[hash].",[1050,2171,1979],{"class":1978},[1050,2173,1983],{"class":1982},[1050,2175,1986],{"class":1978},[1050,2177,1989],{"class":1084},[1050,2179,1491],{"class":1063},[1050,2181,2183],{"class":1052,"line":2182},42,[1050,2184,1997],{"class":1063},[1050,2186,2188,2191,2193,2196,2198,2200,2202,2204],{"class":1052,"line":2187},43,[1050,2189,2190],{"class":1466},"          return",[1050,2192,1972],{"class":1084},[1050,2194,2195],{"class":1088},"assets/[name]-[hash].",[1050,2197,1979],{"class":1978},[1050,2199,1983],{"class":1982},[1050,2201,1986],{"class":1978},[1050,2203,1989],{"class":1084},[1050,2205,1491],{"class":1063},[1050,2207,2209],{"class":1052,"line":2208},44,[1050,2210,2211],{"class":1063},"        },\n",[1050,2213,2215,2218,2220,2222,2225,2227],{"class":1052,"line":2214},45,[1050,2216,2217],{"class":1558},"        chunkFileNames",[1050,2219,1081],{"class":1063},[1050,2221,1483],{"class":1084},[1050,2223,2224],{"class":1088},"js/[name]-[hash].js",[1050,2226,1488],{"class":1084},[1050,2228,1094],{"class":1063},[1050,2230,2232,2235,2237,2239,2241],{"class":1052,"line":2231},46,[1050,2233,2234],{"class":1558},"        entryFileNames",[1050,2236,1081],{"class":1063},[1050,2238,1483],{"class":1084},[1050,2240,2224],{"class":1088},[1050,2242,2243],{"class":1084},"'\n",[1050,2245,2247],{"class":1052,"line":2246},47,[1050,2248,2249],{"class":1063},"      }\n",[1050,2251,2253],{"class":1052,"line":2252},48,[1050,2254,2255],{"class":1063},"    },\n",[1050,2257,2259],{"class":1052,"line":2258},49,[1050,2260,1664],{"class":1623},[1050,2262,2264],{"class":1052,"line":2263},50,[1050,2265,2266],{"class":1056},"    // Code splitting\n",[1050,2268,2270,2273,2275,2278],{"class":1052,"line":2269},51,[1050,2271,2272],{"class":1558},"    chunkSizeWarningLimit",[1050,2274,1081],{"class":1063},[1050,2276,2277],{"class":1904}," 1000",[1050,2279,1094],{"class":1063},[1050,2281,2283],{"class":1052,"line":2282},52,[1050,2284,1664],{"class":1623},[1050,2286,2288],{"class":1052,"line":2287},53,[1050,2289,2290],{"class":1056},"    // Source maps for production debugging\n",[1050,2292,2294,2297,2299],{"class":1052,"line":2293},54,[1050,2295,2296],{"class":1558},"    sourcemap",[1050,2298,1081],{"class":1063},[1050,2300,2301],{"class":1679}," true\n",[1050,2303,2305],{"class":1052,"line":2304},55,[1050,2306,1242],{"class":1063},[1050,2308,2310],{"class":1052,"line":2309},56,[1050,2311,1624],{"class":1623},[1050,2313,2315],{"class":1052,"line":2314},57,[1050,2316,2317],{"class":1056},"  // Development server\n",[1050,2319,2321,2324,2326],{"class":1052,"line":2320},58,[1050,2322,2323],{"class":1558},"  server",[1050,2325,1081],{"class":1063},[1050,2327,1151],{"class":1063},[1050,2329,2331,2334,2336,2338,2341,2343],{"class":1052,"line":2330},59,[1050,2332,2333],{"class":1558},"    host",[1050,2335,1081],{"class":1063},[1050,2337,1483],{"class":1084},[1050,2339,2340],{"class":1088},"localhost",[1050,2342,1488],{"class":1084},[1050,2344,1094],{"class":1063},[1050,2346,2348,2351,2353,2356],{"class":1052,"line":2347},60,[1050,2349,2350],{"class":1558},"    port",[1050,2352,1081],{"class":1063},[1050,2354,2355],{"class":1904}," 3000",[1050,2357,1094],{"class":1063},[1050,2359,2361],{"class":1052,"line":2360},61,[1050,2362,1664],{"class":1623},[1050,2364,2366],{"class":1052,"line":2365},62,[1050,2367,2368],{"class":1056},"    // Proxy API requests to Django\n",[1050,2370,2372,2375,2377],{"class":1052,"line":2371},63,[1050,2373,2374],{"class":1558},"    proxy",[1050,2376,1081],{"class":1063},[1050,2378,1151],{"class":1063},[1050,2380,2382,2385,2389,2391,2393],{"class":1052,"line":2381},64,[1050,2383,2384],{"class":1084},"      '",[1050,2386,2388],{"class":2387},"sQtxO","/api",[1050,2390,1488],{"class":1084},[1050,2392,1081],{"class":1063},[1050,2394,1151],{"class":1063},[1050,2396,2398,2401,2403,2405,2408,2410],{"class":1052,"line":2397},65,[1050,2399,2400],{"class":1558},"        target",[1050,2402,1081],{"class":1063},[1050,2404,1483],{"class":1084},[1050,2406,2407],{"class":1088},"http://localhost:8000",[1050,2409,1488],{"class":1084},[1050,2411,1094],{"class":1063},[1050,2413,2415,2418,2420],{"class":1052,"line":2414},66,[1050,2416,2417],{"class":1558},"        changeOrigin",[1050,2419,1081],{"class":1063},[1050,2421,2301],{"class":1679},[1050,2423,2425],{"class":1052,"line":2424},67,[1050,2426,1795],{"class":1063},[1050,2428,2430,2432,2435,2437,2439],{"class":1052,"line":2429},68,[1050,2431,2384],{"class":1084},[1050,2433,2434],{"class":2387},"/admin",[1050,2436,1488],{"class":1084},[1050,2438,1081],{"class":1063},[1050,2440,1151],{"class":1063},[1050,2442,2444,2446,2448,2450,2452,2454],{"class":1052,"line":2443},69,[1050,2445,2400],{"class":1558},[1050,2447,1081],{"class":1063},[1050,2449,1483],{"class":1084},[1050,2451,2407],{"class":1088},[1050,2453,1488],{"class":1084},[1050,2455,1094],{"class":1063},[1050,2457,2459,2461,2463],{"class":1052,"line":2458},70,[1050,2460,2417],{"class":1558},[1050,2462,1081],{"class":1063},[1050,2464,2301],{"class":1679},[1050,2466,2468],{"class":1052,"line":2467},71,[1050,2469,2249],{"class":1063},[1050,2471,2473],{"class":1052,"line":2472},72,[1050,2474,2475],{"class":1063},"    }\n",[1050,2477,2479],{"class":1052,"line":2478},73,[1050,2480,1242],{"class":1063},[1050,2482,2484],{"class":1052,"line":2483},74,[1050,2485,1624],{"class":1623},[1050,2487,2489],{"class":1052,"line":2488},75,[1050,2490,2491],{"class":1056},"  // CSS configuration\n",[1050,2493,2495,2498,2500],{"class":1052,"line":2494},76,[1050,2496,2497],{"class":1558},"  css",[1050,2499,1081],{"class":1063},[1050,2501,1151],{"class":1063},[1050,2503,2505,2508,2510],{"class":1052,"line":2504},77,[1050,2506,2507],{"class":1558},"    preprocessorOptions",[1050,2509,1081],{"class":1063},[1050,2511,1151],{"class":1063},[1050,2513,2515,2518,2520],{"class":1052,"line":2514},78,[1050,2516,2517],{"class":1558},"      scss",[1050,2519,1081],{"class":1063},[1050,2521,1151],{"class":1063},[1050,2523,2525,2528,2530,2532,2535],{"class":1052,"line":2524},79,[1050,2526,2527],{"class":1558},"        additionalData",[1050,2529,1081],{"class":1063},[1050,2531,1972],{"class":1084},[1050,2533,2534],{"class":1088},"@import \"frontend/scss/variables.scss\";",[1050,2536,2537],{"class":1084},"`\n",[1050,2539,2541],{"class":1052,"line":2540},80,[1050,2542,2249],{"class":1063},[1050,2544,2546],{"class":1052,"line":2545},81,[1050,2547,2255],{"class":1063},[1050,2549,2551,2554,2556],{"class":1052,"line":2550},82,[1050,2552,2553],{"class":1558},"    postcss",[1050,2555,1081],{"class":1063},[1050,2557,1151],{"class":1063},[1050,2559,2561,2564,2566],{"class":1052,"line":2560},83,[1050,2562,2563],{"class":1558},"      plugins",[1050,2565,1081],{"class":1063},[1050,2567,1564],{"class":1550},[1050,2569,2571,2574,2576,2578,2580,2582,2584],{"class":1052,"line":2570},84,[1050,2572,2573],{"class":1547},"        require",[1050,2575,1551],{"class":1550},[1050,2577,1488],{"class":1084},[1050,2579,1367],{"class":1088},[1050,2581,1488],{"class":1084},[1050,2583,1735],{"class":1550},[1050,2585,1094],{"class":1063},[1050,2587,2589,2591,2593,2595,2597,2599],{"class":1052,"line":2588},85,[1050,2590,2573],{"class":1547},[1050,2592,1551],{"class":1550},[1050,2594,1488],{"class":1084},[1050,2596,1325],{"class":1088},[1050,2598,1488],{"class":1084},[1050,2600,1611],{"class":1550},[1050,2602,2604],{"class":1052,"line":2603},86,[1050,2605,2606],{"class":1550},"      ]\n",[1050,2608,2610],{"class":1052,"line":2609},87,[1050,2611,2475],{"class":1063},[1050,2613,2615],{"class":1052,"line":2614},88,[1050,2616,1242],{"class":1063},[1050,2618,2620],{"class":1052,"line":2619},89,[1050,2621,1624],{"class":1623},[1050,2623,2625],{"class":1052,"line":2624},90,[1050,2626,2627],{"class":1056},"  // Resolve configuration\n",[1050,2629,2631,2634,2636],{"class":1052,"line":2630},91,[1050,2632,2633],{"class":1558},"  resolve",[1050,2635,1081],{"class":1063},[1050,2637,1151],{"class":1063},[1050,2639,2641,2644,2646],{"class":1052,"line":2640},92,[1050,2642,2643],{"class":1558},"    alias",[1050,2645,1081],{"class":1063},[1050,2647,1151],{"class":1063},[1050,2649,2651,2653,2656,2658,2660,2662,2664,2666,2668,2670,2673,2675,2677],{"class":1052,"line":2650},93,[1050,2652,2384],{"class":1084},[1050,2654,2655],{"class":2387},"@",[1050,2657,1488],{"class":1084},[1050,2659,1081],{"class":1063},[1050,2661,1500],{"class":1547},[1050,2663,1551],{"class":1550},[1050,2665,1723],{"class":1473},[1050,2667,1593],{"class":1063},[1050,2669,1483],{"class":1084},[1050,2671,2672],{"class":1088},"frontend",[1050,2674,1488],{"class":1084},[1050,2676,1735],{"class":1550},[1050,2678,1094],{"class":1063},[1050,2680,2682,2684,2687,2689,2691,2693,2695,2697,2699,2701,2704,2706,2708],{"class":1052,"line":2681},94,[1050,2683,2384],{"class":1084},[1050,2685,2686],{"class":2387},"@components",[1050,2688,1488],{"class":1084},[1050,2690,1081],{"class":1063},[1050,2692,1500],{"class":1547},[1050,2694,1551],{"class":1550},[1050,2696,1723],{"class":1473},[1050,2698,1593],{"class":1063},[1050,2700,1483],{"class":1084},[1050,2702,2703],{"class":1088},"frontend/js/components",[1050,2705,1488],{"class":1084},[1050,2707,1735],{"class":1550},[1050,2709,1094],{"class":1063},[1050,2711,2713,2715,2718,2720,2722,2724,2726,2728,2730,2732,2735,2737,2739],{"class":1052,"line":2712},95,[1050,2714,2384],{"class":1084},[1050,2716,2717],{"class":2387},"@utils",[1050,2719,1488],{"class":1084},[1050,2721,1081],{"class":1063},[1050,2723,1500],{"class":1547},[1050,2725,1551],{"class":1550},[1050,2727,1723],{"class":1473},[1050,2729,1593],{"class":1063},[1050,2731,1483],{"class":1084},[1050,2733,2734],{"class":1088},"frontend/js/utils",[1050,2736,1488],{"class":1084},[1050,2738,1735],{"class":1550},[1050,2740,1094],{"class":1063},[1050,2742,2744,2746,2749,2751,2753,2755,2757,2759,2761,2763,2766,2768],{"class":1052,"line":2743},96,[1050,2745,2384],{"class":1084},[1050,2747,2748],{"class":2387},"@styles",[1050,2750,1488],{"class":1084},[1050,2752,1081],{"class":1063},[1050,2754,1500],{"class":1547},[1050,2756,1551],{"class":1550},[1050,2758,1723],{"class":1473},[1050,2760,1593],{"class":1063},[1050,2762,1483],{"class":1084},[1050,2764,2765],{"class":1088},"frontend/scss",[1050,2767,1488],{"class":1084},[1050,2769,1611],{"class":1550},[1050,2771,2773],{"class":1052,"line":2772},97,[1050,2774,2475],{"class":1063},[1050,2776,2778],{"class":1052,"line":2777},98,[1050,2779,1443],{"class":1063},[1050,2781,2783,2785,2787],{"class":1052,"line":2782},99,[1050,2784,1986],{"class":1063},[1050,2786,1735],{"class":1550},[1050,2788,1491],{"class":1063},[1035,2790,2792],{"id":2791},"django-integration-with-vite","Django Integration with Vite",[1040,2794,2798],{"className":2795,"code":2796,"language":2797,"meta":1045,"style":1045},"language-python shiki shiki-themes material-theme-lighter vitesse-light vitesse-dark","# settings.py\nimport os\nimport json\nfrom pathlib import Path\n\n# Vite configuration\nVITE_DEV_MODE = DEBUG and os.environ.get('VITE_DEV_MODE', 'False').lower() == 'true'\nVITE_DEV_SERVER_URL = 'http://localhost:3000'\n\nif VITE_DEV_MODE:\n    # Development: Use Vite dev server\n    STATICFILES_DIRS = [\n        BASE_DIR / 'frontend',\n    ]\nelse:\n    # Production: Use built assets\n    STATICFILES_DIRS = [\n        BASE_DIR / 'staticfiles' / 'dist',\n    ]\n\n# Vite manifest helper\ndef get_vite_manifest():\n    \"\"\"Load Vite manifest for production asset URLs.\"\"\"\n    if VITE_DEV_MODE:\n        return {}\n    \n    manifest_path = BASE_DIR / 'staticfiles' / 'dist' / 'manifest.json'\n    if manifest_path.exists():\n        with open(manifest_path) as f:\n            return json.load(f)\n    return {}\n\nVITE_MANIFEST = get_vite_manifest()\n","python",[1047,2799,2800,2805,2812,2819,2832,2836,2841,2905,2919,2923,2934,2939,2948,2964,2969,2976,2981,2989,3013,3017,3021,3026,3037,3050,3059,3067,3071,3107,3121,3145,3164,3171,3175],{"__ignoreMap":1045},[1050,2801,2802],{"class":1052,"line":1053},[1050,2803,2804],{"class":1056},"# settings.py\n",[1050,2806,2807,2809],{"class":1052,"line":1060},[1050,2808,1467],{"class":1466},[1050,2810,2811],{"class":1623}," os\n",[1050,2813,2814,2816],{"class":1052,"line":1067},[1050,2815,1467],{"class":1466},[1050,2817,2818],{"class":1623}," json\n",[1050,2820,2821,2824,2827,2829],{"class":1052,"line":1097},[1050,2822,2823],{"class":1466},"from",[1050,2825,2826],{"class":1623}," pathlib ",[1050,2828,1467],{"class":1466},[1050,2830,2831],{"class":1623}," Path\n",[1050,2833,2834],{"class":1052,"line":1118},[1050,2835,1536],{"emptyLinePlaceholder":1535},[1050,2837,2838],{"class":1052,"line":1139},[1050,2839,2840],{"class":1056},"# Vite configuration\n",[1050,2842,2843,2847,2849,2852,2855,2858,2860,2863,2865,2869,2871,2873,2875,2877,2879,2881,2884,2886,2889,2892,2895,2898,2900,2903],{"class":1052,"line":1154},[1050,2844,2846],{"class":2845},"se3Ec","VITE_DEV_MODE",[1050,2848,1847],{"class":1063},[1050,2850,2851],{"class":2845}," DEBUG",[1050,2853,2854],{"class":1900}," and",[1050,2856,2857],{"class":1623}," os",[1050,2859,1853],{"class":1063},[1050,2861,2862],{"class":1916},"environ",[1050,2864,1853],{"class":1063},[1050,2866,2868],{"class":2867},"siWMO","get",[1050,2870,1551],{"class":1063},[1050,2872,1488],{"class":1084},[1050,2874,2846],{"class":1088},[1050,2876,1488],{"class":1084},[1050,2878,1593],{"class":1063},[1050,2880,1483],{"class":1084},[1050,2882,2883],{"class":1088},"False",[1050,2885,1488],{"class":1084},[1050,2887,2888],{"class":1063},").",[1050,2890,2891],{"class":2867},"lower",[1050,2893,2894],{"class":1063},"()",[1050,2896,2897],{"class":1900}," ==",[1050,2899,1483],{"class":1084},[1050,2901,2902],{"class":1088},"true",[1050,2904,2243],{"class":1084},[1050,2906,2907,2910,2912,2914,2917],{"class":1052,"line":1177},[1050,2908,2909],{"class":2845},"VITE_DEV_SERVER_URL",[1050,2911,1847],{"class":1063},[1050,2913,1483],{"class":1084},[1050,2915,2916],{"class":1088},"http://localhost:3000",[1050,2918,2243],{"class":1084},[1050,2920,2921],{"class":1052,"line":1198},[1050,2922,1536],{"emptyLinePlaceholder":1535},[1050,2924,2925,2928,2931],{"class":1052,"line":1219},[1050,2926,2927],{"class":1466},"if",[1050,2929,2930],{"class":2845}," VITE_DEV_MODE",[1050,2932,2933],{"class":1063},":\n",[1050,2935,2936],{"class":1052,"line":1239},[1050,2937,2938],{"class":1056},"    # Development: Use Vite dev server\n",[1050,2940,2941,2944,2946],{"class":1052,"line":1245},[1050,2942,2943],{"class":2845},"    STATICFILES_DIRS",[1050,2945,1847],{"class":1063},[1050,2947,1564],{"class":1063},[1050,2949,2950,2953,2956,2958,2960,2962],{"class":1052,"line":1259},[1050,2951,2952],{"class":2845},"        BASE_DIR",[1050,2954,2955],{"class":1900}," /",[1050,2957,1483],{"class":1084},[1050,2959,2672],{"class":1088},[1050,2961,1488],{"class":1084},[1050,2963,1094],{"class":1063},[1050,2965,2966],{"class":1052,"line":1279},[1050,2967,2968],{"class":1063},"    ]\n",[1050,2970,2971,2974],{"class":1052,"line":1299},[1050,2972,2973],{"class":1466},"else",[1050,2975,2933],{"class":1063},[1050,2977,2978],{"class":1052,"line":1320},[1050,2979,2980],{"class":1056},"    # Production: Use built assets\n",[1050,2982,2983,2985,2987],{"class":1052,"line":1341},[1050,2984,2943],{"class":2845},[1050,2986,1847],{"class":1063},[1050,2988,1564],{"class":1063},[1050,2990,2991,2993,2995,2997,3000,3002,3004,3006,3009,3011],{"class":1052,"line":1362},[1050,2992,2952],{"class":2845},[1050,2994,2955],{"class":1900},[1050,2996,1483],{"class":1084},[1050,2998,2999],{"class":1088},"staticfiles",[1050,3001,1488],{"class":1084},[1050,3003,2955],{"class":1900},[1050,3005,1483],{"class":1084},[1050,3007,3008],{"class":1088},"dist",[1050,3010,1488],{"class":1084},[1050,3012,1094],{"class":1063},[1050,3014,3015],{"class":1052,"line":1381},[1050,3016,2968],{"class":1063},[1050,3018,3019],{"class":1052,"line":1386},[1050,3020,1536],{"emptyLinePlaceholder":1535},[1050,3022,3023],{"class":1052,"line":1400},[1050,3024,3025],{"class":1056},"# Vite manifest helper\n",[1050,3027,3028,3031,3034],{"class":1052,"line":1421},[1050,3029,3030],{"class":1840},"def",[1050,3032,3033],{"class":1547}," get_vite_manifest",[1050,3035,3036],{"class":1063},"():\n",[1050,3038,3039,3043,3047],{"class":1052,"line":1440},[1050,3040,3042],{"class":3041},"sm7ve","    \"\"\"",[1050,3044,3046],{"class":3045},"sVyVU","Load Vite manifest for production asset URLs.",[1050,3048,3049],{"class":3041},"\"\"\"\n",[1050,3051,3052,3055,3057],{"class":1052,"line":1446},[1050,3053,3054],{"class":1466},"    if",[1050,3056,2930],{"class":2845},[1050,3058,2933],{"class":1063},[1050,3060,3061,3064],{"class":1052,"line":1740},[1050,3062,3063],{"class":1466},"        return",[1050,3065,3066],{"class":1063}," {}\n",[1050,3068,3069],{"class":1052,"line":1767},[1050,3070,1664],{"class":1623},[1050,3072,3073,3076,3079,3082,3084,3086,3088,3090,3092,3094,3096,3098,3100,3102,3105],{"class":1052,"line":1792},[1050,3074,3075],{"class":1623},"    manifest_path ",[1050,3077,3078],{"class":1063},"=",[1050,3080,3081],{"class":2845}," BASE_DIR",[1050,3083,2955],{"class":1900},[1050,3085,1483],{"class":1084},[1050,3087,2999],{"class":1088},[1050,3089,1488],{"class":1084},[1050,3091,2955],{"class":1900},[1050,3093,1483],{"class":1084},[1050,3095,3008],{"class":1088},[1050,3097,1488],{"class":1084},[1050,3099,2955],{"class":1900},[1050,3101,1483],{"class":1084},[1050,3103,3104],{"class":1088},"manifest.json",[1050,3106,2243],{"class":1084},[1050,3108,3109,3111,3114,3116,3119],{"class":1052,"line":1798},[1050,3110,3054],{"class":1466},[1050,3112,3113],{"class":1623}," manifest_path",[1050,3115,1853],{"class":1063},[1050,3117,3118],{"class":2867},"exists",[1050,3120,3036],{"class":1063},[1050,3122,3123,3126,3130,3132,3135,3137,3140,3143],{"class":1052,"line":1808},[1050,3124,3125],{"class":1466},"        with",[1050,3127,3129],{"class":3128},"sJdAF"," open",[1050,3131,1551],{"class":1063},[1050,3133,3134],{"class":2867},"manifest_path",[1050,3136,1735],{"class":1063},[1050,3138,3139],{"class":1466}," as",[1050,3141,3142],{"class":1623}," f",[1050,3144,2933],{"class":1063},[1050,3146,3147,3149,3152,3154,3157,3159,3162],{"class":1052,"line":1814},[1050,3148,1969],{"class":1466},[1050,3150,3151],{"class":1623}," json",[1050,3153,1853],{"class":1063},[1050,3155,3156],{"class":2867},"load",[1050,3158,1551],{"class":1063},[1050,3160,3161],{"class":2867},"f",[1050,3163,1611],{"class":1063},[1050,3165,3166,3169],{"class":1052,"line":1837},[1050,3167,3168],{"class":1466},"    return",[1050,3170,3066],{"class":1063},[1050,3172,3173],{"class":1052,"line":1876},[1050,3174,1536],{"emptyLinePlaceholder":1535},[1050,3176,3177,3180,3182,3184],{"class":1052,"line":1913},[1050,3178,3179],{"class":2845},"VITE_MANIFEST",[1050,3181,1847],{"class":1063},[1050,3183,3033],{"class":2867},[1050,3185,3186],{"class":1063},"()\n",[1040,3188,3190],{"className":2795,"code":3189,"language":2797,"meta":1045,"style":1045},"# templatetags/vite_tags.py\nfrom django import template\nfrom django.conf import settings\nfrom django.utils.safestring import mark_safe\nfrom django.templatetags.static import static\n\nregister = template.Library()\n\n@register.simple_tag\ndef vite_asset(entry_name):\n    \"\"\"\n    Generate script/link tags for Vite assets.\n    \n    Usage:\n    {% vite_asset 'main.js' %}\n    {% vite_asset 'main.css' %}\n    \"\"\"\n    if settings.VITE_DEV_MODE:\n        # Development mode: use Vite dev server\n        if entry_name.endswith('.js'):\n            return mark_safe(\n                f'\u003Cscript type=\"module\" src=\"{settings.VITE_DEV_SERVER_URL}/{entry_name}\">\u003C/script>'\n            )\n        elif entry_name.endswith('.css'):\n            return mark_safe(\n                f'\u003Clink rel=\"stylesheet\" href=\"{settings.VITE_DEV_SERVER_URL}/{entry_name}\">'\n            )\n    else:\n        # Production mode: use manifest\n        manifest = getattr(settings, 'VITE_MANIFEST', {})\n        \n        if entry_name in manifest:\n            file_info = manifest[entry_name]\n            file_url = static(file_info['file'])\n            \n            if entry_name.endswith('.js'):\n                html = f'\u003Cscript type=\"module\" src=\"{file_url}\">\u003C/script>'\n                \n                # Add CSS imports\n                if 'css' in file_info:\n                    for css_file in file_info['css']:\n                        css_url = static(css_file)\n                        html += f'\\n\u003Clink rel=\"stylesheet\" href=\"{css_url}\">'\n                \n                return mark_safe(html)\n            elif entry_name.endswith('.css'):\n                return mark_safe(f'\u003Clink rel=\"stylesheet\" href=\"{file_url}\">')\n    \n    return ''\n\n@register.simple_tag\ndef vite_hmr():\n    \"\"\"Add Vite HMR client in development mode.\"\"\"\n    if settings.VITE_DEV_MODE:\n        return mark_safe(\n            f'\u003Cscript type=\"module\" src=\"{settings.VITE_DEV_SERVER_URL}/@vite/client\">\u003C/script>'\n        )\n    return ''\n",[1047,3191,3192,3197,3209,3226,3247,3268,3272,3289,3293,3305,3321,3326,3331,3335,3340,3345,3350,3354,3368,3373,3397,3407,3439,3444,3466,3474,3502,3506,3513,3518,3545,3550,3565,3580,3607,3612,3633,3653,3658,3663,3682,3705,3721,3748,3752,3766,3787,3810,3814,3821,3825,3835,3844,3853,3865,3873,3893,3898],{"__ignoreMap":1045},[1050,3193,3194],{"class":1052,"line":1053},[1050,3195,3196],{"class":1056},"# templatetags/vite_tags.py\n",[1050,3198,3199,3201,3204,3206],{"class":1052,"line":1060},[1050,3200,2823],{"class":1466},[1050,3202,3203],{"class":1623}," django ",[1050,3205,1467],{"class":1466},[1050,3207,3208],{"class":1623}," template\n",[1050,3210,3211,3213,3216,3218,3221,3223],{"class":1052,"line":1067},[1050,3212,2823],{"class":1466},[1050,3214,3215],{"class":1623}," django",[1050,3217,1853],{"class":1063},[1050,3219,3220],{"class":1623},"conf ",[1050,3222,1467],{"class":1466},[1050,3224,3225],{"class":1623}," settings\n",[1050,3227,3228,3230,3232,3234,3237,3239,3242,3244],{"class":1052,"line":1097},[1050,3229,2823],{"class":1466},[1050,3231,3215],{"class":1623},[1050,3233,1853],{"class":1063},[1050,3235,3236],{"class":1623},"utils",[1050,3238,1853],{"class":1063},[1050,3240,3241],{"class":1623},"safestring ",[1050,3243,1467],{"class":1466},[1050,3245,3246],{"class":1623}," mark_safe\n",[1050,3248,3249,3251,3253,3255,3258,3260,3263,3265],{"class":1052,"line":1118},[1050,3250,2823],{"class":1466},[1050,3252,3215],{"class":1623},[1050,3254,1853],{"class":1063},[1050,3256,3257],{"class":1623},"templatetags",[1050,3259,1853],{"class":1063},[1050,3261,3262],{"class":1623},"static ",[1050,3264,1467],{"class":1466},[1050,3266,3267],{"class":1623}," static\n",[1050,3269,3270],{"class":1052,"line":1139},[1050,3271,1536],{"emptyLinePlaceholder":1535},[1050,3273,3274,3277,3279,3282,3284,3287],{"class":1052,"line":1154},[1050,3275,3276],{"class":1623},"register ",[1050,3278,3078],{"class":1063},[1050,3280,3281],{"class":1623}," template",[1050,3283,1853],{"class":1063},[1050,3285,3286],{"class":2867},"Library",[1050,3288,3186],{"class":1063},[1050,3290,3291],{"class":1052,"line":1177},[1050,3292,1536],{"emptyLinePlaceholder":1535},[1050,3294,3295,3297,3300,3302],{"class":1052,"line":1198},[1050,3296,2655],{"class":1063},[1050,3298,3299],{"class":1547},"register",[1050,3301,1853],{"class":1063},[1050,3303,3304],{"class":1547},"simple_tag\n",[1050,3306,3307,3309,3312,3314,3318],{"class":1052,"line":1219},[1050,3308,3030],{"class":1840},[1050,3310,3311],{"class":1547}," vite_asset",[1050,3313,1551],{"class":1063},[1050,3315,3317],{"class":3316},"sCyAa","entry_name",[1050,3319,3320],{"class":1063},"):\n",[1050,3322,3323],{"class":1052,"line":1239},[1050,3324,3325],{"class":3041},"    \"\"\"\n",[1050,3327,3328],{"class":1052,"line":1245},[1050,3329,3330],{"class":3045},"    Generate script/link tags for Vite assets.\n",[1050,3332,3333],{"class":1052,"line":1259},[1050,3334,1664],{"class":3045},[1050,3336,3337],{"class":1052,"line":1279},[1050,3338,3339],{"class":3045},"    Usage:\n",[1050,3341,3342],{"class":1052,"line":1299},[1050,3343,3344],{"class":3045},"    {% vite_asset 'main.js' %}\n",[1050,3346,3347],{"class":1052,"line":1320},[1050,3348,3349],{"class":3045},"    {% vite_asset 'main.css' %}\n",[1050,3351,3352],{"class":1052,"line":1341},[1050,3353,3325],{"class":3041},[1050,3355,3356,3358,3361,3363,3366],{"class":1052,"line":1362},[1050,3357,3054],{"class":1466},[1050,3359,3360],{"class":1623}," settings",[1050,3362,1853],{"class":1063},[1050,3364,2846],{"class":3365},"sFGJz",[1050,3367,2933],{"class":1063},[1050,3369,3370],{"class":1052,"line":1381},[1050,3371,3372],{"class":1056},"        # Development mode: use Vite dev server\n",[1050,3374,3375,3378,3381,3383,3386,3388,3390,3393,3395],{"class":1052,"line":1386},[1050,3376,3377],{"class":1466},"        if",[1050,3379,3380],{"class":1623}," entry_name",[1050,3382,1853],{"class":1063},[1050,3384,3385],{"class":2867},"endswith",[1050,3387,1551],{"class":1063},[1050,3389,1488],{"class":1084},[1050,3391,3392],{"class":1088},".js",[1050,3394,1488],{"class":1084},[1050,3396,3320],{"class":1063},[1050,3398,3399,3401,3404],{"class":1052,"line":1400},[1050,3400,1969],{"class":1466},[1050,3402,3403],{"class":2867}," mark_safe",[1050,3405,3406],{"class":1063},"(\n",[1050,3408,3409,3412,3415,3419,3422,3424,3426,3428,3430,3432,3434,3436],{"class":1052,"line":1421},[1050,3410,3411],{"class":1840},"                f",[1050,3413,3414],{"class":1088},"'\u003Cscript type=\"module\" src=\"",[1050,3416,3418],{"class":3417},"s3h35","{",[1050,3420,3421],{"class":2867},"settings",[1050,3423,1853],{"class":1063},[1050,3425,2909],{"class":3365},[1050,3427,1986],{"class":3417},[1050,3429,1928],{"class":1088},[1050,3431,3418],{"class":3417},[1050,3433,3317],{"class":2867},[1050,3435,1986],{"class":3417},[1050,3437,3438],{"class":1088},"\">\u003C/script>'\n",[1050,3440,3441],{"class":1052,"line":1440},[1050,3442,3443],{"class":1063},"            )\n",[1050,3445,3446,3449,3451,3453,3455,3457,3459,3462,3464],{"class":1052,"line":1446},[1050,3447,3448],{"class":1466},"        elif",[1050,3450,3380],{"class":1623},[1050,3452,1853],{"class":1063},[1050,3454,3385],{"class":2867},[1050,3456,1551],{"class":1063},[1050,3458,1488],{"class":1084},[1050,3460,3461],{"class":1088},".css",[1050,3463,1488],{"class":1084},[1050,3465,3320],{"class":1063},[1050,3467,3468,3470,3472],{"class":1052,"line":1740},[1050,3469,1969],{"class":1466},[1050,3471,3403],{"class":2867},[1050,3473,3406],{"class":1063},[1050,3475,3476,3478,3481,3483,3485,3487,3489,3491,3493,3495,3497,3499],{"class":1052,"line":1767},[1050,3477,3411],{"class":1840},[1050,3479,3480],{"class":1088},"'\u003Clink rel=\"stylesheet\" href=\"",[1050,3482,3418],{"class":3417},[1050,3484,3421],{"class":2867},[1050,3486,1853],{"class":1063},[1050,3488,2909],{"class":3365},[1050,3490,1986],{"class":3417},[1050,3492,1928],{"class":1088},[1050,3494,3418],{"class":3417},[1050,3496,3317],{"class":2867},[1050,3498,1986],{"class":3417},[1050,3500,3501],{"class":1088},"\">'\n",[1050,3503,3504],{"class":1052,"line":1792},[1050,3505,3443],{"class":1063},[1050,3507,3508,3511],{"class":1052,"line":1798},[1050,3509,3510],{"class":1466},"    else",[1050,3512,2933],{"class":1063},[1050,3514,3515],{"class":1052,"line":1808},[1050,3516,3517],{"class":1056},"        # Production mode: use manifest\n",[1050,3519,3520,3523,3525,3528,3530,3532,3534,3536,3538,3540,3542],{"class":1052,"line":1814},[1050,3521,3522],{"class":1623},"        manifest ",[1050,3524,3078],{"class":1063},[1050,3526,3527],{"class":3128}," getattr",[1050,3529,1551],{"class":1063},[1050,3531,3421],{"class":2867},[1050,3533,1593],{"class":1063},[1050,3535,1483],{"class":1084},[1050,3537,3179],{"class":1088},[1050,3539,1488],{"class":1084},[1050,3541,1593],{"class":1063},[1050,3543,3544],{"class":1063}," {})\n",[1050,3546,3547],{"class":1052,"line":1837},[1050,3548,3549],{"class":1623},"        \n",[1050,3551,3552,3554,3557,3560,3563],{"class":1052,"line":1876},[1050,3553,3377],{"class":1466},[1050,3555,3556],{"class":1623}," entry_name ",[1050,3558,3559],{"class":1900},"in",[1050,3561,3562],{"class":1623}," manifest",[1050,3564,2933],{"class":1063},[1050,3566,3567,3570,3572,3574,3576,3578],{"class":1052,"line":1913},[1050,3568,3569],{"class":1623},"            file_info ",[1050,3571,3078],{"class":1063},[1050,3573,3562],{"class":1623},[1050,3575,1888],{"class":1063},[1050,3577,3317],{"class":1623},[1050,3579,1603],{"class":1063},[1050,3581,3582,3585,3587,3590,3592,3595,3597,3599,3602,3604],{"class":1052,"line":1920},[1050,3583,3584],{"class":1623},"            file_url ",[1050,3586,3078],{"class":1063},[1050,3588,3589],{"class":2867}," static",[1050,3591,1551],{"class":1063},[1050,3593,3594],{"class":2867},"file_info",[1050,3596,1888],{"class":1063},[1050,3598,1488],{"class":1084},[1050,3600,3601],{"class":1088},"file",[1050,3603,1488],{"class":1084},[1050,3605,3606],{"class":1063},"])\n",[1050,3608,3609],{"class":1052,"line":1966},[1050,3610,3611],{"class":1623},"            \n",[1050,3613,3614,3617,3619,3621,3623,3625,3627,3629,3631],{"class":1052,"line":1994},[1050,3615,3616],{"class":1466},"            if",[1050,3618,3380],{"class":1623},[1050,3620,1853],{"class":1063},[1050,3622,3385],{"class":2867},[1050,3624,1551],{"class":1063},[1050,3626,1488],{"class":1084},[1050,3628,3392],{"class":1088},[1050,3630,1488],{"class":1084},[1050,3632,3320],{"class":1063},[1050,3634,3635,3638,3640,3642,3644,3646,3649,3651],{"class":1052,"line":2000},[1050,3636,3637],{"class":1623},"                html ",[1050,3639,3078],{"class":1063},[1050,3641,3142],{"class":1840},[1050,3643,3414],{"class":1088},[1050,3645,3418],{"class":3417},[1050,3647,3648],{"class":1623},"file_url",[1050,3650,1986],{"class":3417},[1050,3652,3438],{"class":1088},[1050,3654,3655],{"class":1052,"line":2080},[1050,3656,3657],{"class":1623},"                \n",[1050,3659,3660],{"class":1052,"line":2100},[1050,3661,3662],{"class":1056},"                # Add CSS imports\n",[1050,3664,3665,3668,3670,3672,3674,3677,3680],{"class":1052,"line":2105},[1050,3666,3667],{"class":1466},"                if",[1050,3669,1483],{"class":1084},[1050,3671,1938],{"class":1088},[1050,3673,1488],{"class":1084},[1050,3675,3676],{"class":1900}," in",[1050,3678,3679],{"class":1623}," file_info",[1050,3681,2933],{"class":1063},[1050,3683,3684,3687,3690,3692,3694,3696,3698,3700,3702],{"class":1052,"line":2162},[1050,3685,3686],{"class":1466},"                    for",[1050,3688,3689],{"class":1623}," css_file ",[1050,3691,3559],{"class":1466},[1050,3693,3679],{"class":1623},[1050,3695,1888],{"class":1063},[1050,3697,1488],{"class":1084},[1050,3699,1938],{"class":1088},[1050,3701,1488],{"class":1084},[1050,3703,3704],{"class":1063},"]:\n",[1050,3706,3707,3710,3712,3714,3716,3719],{"class":1052,"line":2182},[1050,3708,3709],{"class":1623},"                        css_url ",[1050,3711,3078],{"class":1063},[1050,3713,3589],{"class":2867},[1050,3715,1551],{"class":1063},[1050,3717,3718],{"class":2867},"css_file",[1050,3720,1611],{"class":1063},[1050,3722,3723,3726,3729,3731,3733,3736,3739,3741,3744,3746],{"class":1052,"line":2187},[1050,3724,3725],{"class":1623},"                        html ",[1050,3727,3728],{"class":1063},"+=",[1050,3730,3142],{"class":1840},[1050,3732,1488],{"class":1088},[1050,3734,3735],{"class":2845},"\\n",[1050,3737,3738],{"class":1088},"\u003Clink rel=\"stylesheet\" href=\"",[1050,3740,3418],{"class":3417},[1050,3742,3743],{"class":1623},"css_url",[1050,3745,1986],{"class":3417},[1050,3747,3501],{"class":1088},[1050,3749,3750],{"class":1052,"line":2208},[1050,3751,3657],{"class":1623},[1050,3753,3754,3757,3759,3761,3764],{"class":1052,"line":2214},[1050,3755,3756],{"class":1466},"                return",[1050,3758,3403],{"class":2867},[1050,3760,1551],{"class":1063},[1050,3762,3763],{"class":2867},"html",[1050,3765,1611],{"class":1063},[1050,3767,3768,3771,3773,3775,3777,3779,3781,3783,3785],{"class":1052,"line":2231},[1050,3769,3770],{"class":1466},"            elif",[1050,3772,3380],{"class":1623},[1050,3774,1853],{"class":1063},[1050,3776,3385],{"class":2867},[1050,3778,1551],{"class":1063},[1050,3780,1488],{"class":1084},[1050,3782,3461],{"class":1088},[1050,3784,1488],{"class":1084},[1050,3786,3320],{"class":1063},[1050,3788,3789,3791,3793,3795,3797,3799,3801,3803,3805,3808],{"class":1052,"line":2246},[1050,3790,3756],{"class":1466},[1050,3792,3403],{"class":2867},[1050,3794,1551],{"class":1063},[1050,3796,3161],{"class":1840},[1050,3798,3480],{"class":1088},[1050,3800,3418],{"class":3417},[1050,3802,3648],{"class":2867},[1050,3804,1986],{"class":3417},[1050,3806,3807],{"class":1088},"\">'",[1050,3809,1611],{"class":1063},[1050,3811,3812],{"class":1052,"line":2252},[1050,3813,1664],{"class":1623},[1050,3815,3816,3818],{"class":1052,"line":2258},[1050,3817,3168],{"class":1466},[1050,3819,3820],{"class":1084}," ''\n",[1050,3822,3823],{"class":1052,"line":2263},[1050,3824,1536],{"emptyLinePlaceholder":1535},[1050,3826,3827,3829,3831,3833],{"class":1052,"line":2269},[1050,3828,2655],{"class":1063},[1050,3830,3299],{"class":1547},[1050,3832,1853],{"class":1063},[1050,3834,3304],{"class":1547},[1050,3836,3837,3839,3842],{"class":1052,"line":2282},[1050,3838,3030],{"class":1840},[1050,3840,3841],{"class":1547}," vite_hmr",[1050,3843,3036],{"class":1063},[1050,3845,3846,3848,3851],{"class":1052,"line":2287},[1050,3847,3042],{"class":3041},[1050,3849,3850],{"class":3045},"Add Vite HMR client in development mode.",[1050,3852,3049],{"class":3041},[1050,3854,3855,3857,3859,3861,3863],{"class":1052,"line":2293},[1050,3856,3054],{"class":1466},[1050,3858,3360],{"class":1623},[1050,3860,1853],{"class":1063},[1050,3862,2846],{"class":3365},[1050,3864,2933],{"class":1063},[1050,3866,3867,3869,3871],{"class":1052,"line":2304},[1050,3868,3063],{"class":1466},[1050,3870,3403],{"class":2867},[1050,3872,3406],{"class":1063},[1050,3874,3875,3878,3880,3882,3884,3886,3888,3890],{"class":1052,"line":2309},[1050,3876,3877],{"class":1840},"            f",[1050,3879,3414],{"class":1088},[1050,3881,3418],{"class":3417},[1050,3883,3421],{"class":2867},[1050,3885,1853],{"class":1063},[1050,3887,2909],{"class":3365},[1050,3889,1986],{"class":3417},[1050,3891,3892],{"class":1088},"/@vite/client\">\u003C/script>'\n",[1050,3894,3895],{"class":1052,"line":2314},[1050,3896,3897],{"class":1063},"        )\n",[1050,3899,3900,3902],{"class":1052,"line":2320},[1050,3901,3168],{"class":1466},[1050,3903,3820],{"class":1084},[1040,3905,3908],{"className":3906,"code":3907,"language":3763,"meta":1045,"style":1045},"language-html shiki shiki-themes material-theme-lighter vitesse-light vitesse-dark","\u003C!-- templates/base.html -->\n{% load vite_tags %}\n\u003C!DOCTYPE html>\n\u003Chtml lang=\"en\">\n\u003Chead>\n    \u003Cmeta charset=\"UTF-8\">\n    \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    \u003Ctitle>{% block title %}Django + Vite{% endblock %}\u003C/title>\n    \n    \u003C!-- Vite HMR in development -->\n    {% vite_hmr %}\n    \n    \u003C!-- Main CSS -->\n    {% vite_asset 'frontend/js/main.js' %}\n    \n    {% block extra_css %}{% endblock %}\n\u003C/head>\n\u003Cbody>\n    {% block content %}{% endblock %}\n    \n    \u003C!-- Page-specific JavaScript -->\n    {% block extra_js %}{% endblock %}\n\u003C/body>\n\u003C/html>\n",[1047,3909,3910,3915,3920,3936,3957,3966,3988,4020,4040,4044,4049,4054,4058,4063,4068,4072,4077,4085,4094,4099,4103,4108,4113,4121],{"__ignoreMap":1045},[1050,3911,3912],{"class":1052,"line":1053},[1050,3913,3914],{"class":1056},"\u003C!-- templates/base.html -->\n",[1050,3916,3917],{"class":1052,"line":1060},[1050,3918,3919],{"class":1623},"{% load vite_tags %}\n",[1050,3921,3922,3925,3929,3933],{"class":1052,"line":1067},[1050,3923,3924],{"class":1063},"\u003C!",[1050,3926,3928],{"class":3927},"sJFLg","DOCTYPE",[1050,3930,3932],{"class":3931},"s5q8q"," html",[1050,3934,3935],{"class":1063},">\n",[1050,3937,3938,3941,3943,3946,3948,3950,3953,3955],{"class":1052,"line":1097},[1050,3939,3940],{"class":1063},"\u003C",[1050,3942,3763],{"class":3927},[1050,3944,3945],{"class":3931}," lang",[1050,3947,3078],{"class":1063},[1050,3949,1078],{"class":1084},[1050,3951,3952],{"class":1088},"en",[1050,3954,1078],{"class":1084},[1050,3956,3935],{"class":1063},[1050,3958,3959,3961,3964],{"class":1052,"line":1118},[1050,3960,3940],{"class":1063},[1050,3962,3963],{"class":3927},"head",[1050,3965,3935],{"class":1063},[1050,3967,3968,3971,3974,3977,3979,3981,3984,3986],{"class":1052,"line":1139},[1050,3969,3970],{"class":1063},"    \u003C",[1050,3972,3973],{"class":3927},"meta",[1050,3975,3976],{"class":3931}," charset",[1050,3978,3078],{"class":1063},[1050,3980,1078],{"class":1084},[1050,3982,3983],{"class":1088},"UTF-8",[1050,3985,1078],{"class":1084},[1050,3987,3935],{"class":1063},[1050,3989,3990,3992,3994,3997,3999,4001,4004,4006,4009,4011,4013,4016,4018],{"class":1052,"line":1154},[1050,3991,3970],{"class":1063},[1050,3993,3973],{"class":3927},[1050,3995,3996],{"class":3931}," name",[1050,3998,3078],{"class":1063},[1050,4000,1078],{"class":1084},[1050,4002,4003],{"class":1088},"viewport",[1050,4005,1078],{"class":1084},[1050,4007,4008],{"class":3931}," content",[1050,4010,3078],{"class":1063},[1050,4012,1078],{"class":1084},[1050,4014,4015],{"class":1088},"width=device-width, initial-scale=1.0",[1050,4017,1078],{"class":1084},[1050,4019,3935],{"class":1063},[1050,4021,4022,4024,4027,4030,4033,4036,4038],{"class":1052,"line":1177},[1050,4023,3970],{"class":1063},[1050,4025,4026],{"class":3927},"title",[1050,4028,4029],{"class":1063},">",[1050,4031,4032],{"class":1623},"{% block title %}Django + Vite{% endblock %}",[1050,4034,4035],{"class":1063},"\u003C/",[1050,4037,4026],{"class":3927},[1050,4039,3935],{"class":1063},[1050,4041,4042],{"class":1052,"line":1198},[1050,4043,1664],{"class":1623},[1050,4045,4046],{"class":1052,"line":1219},[1050,4047,4048],{"class":1056},"    \u003C!-- Vite HMR in development -->\n",[1050,4050,4051],{"class":1052,"line":1239},[1050,4052,4053],{"class":1623},"    {% vite_hmr %}\n",[1050,4055,4056],{"class":1052,"line":1245},[1050,4057,1664],{"class":1623},[1050,4059,4060],{"class":1052,"line":1259},[1050,4061,4062],{"class":1056},"    \u003C!-- Main CSS -->\n",[1050,4064,4065],{"class":1052,"line":1279},[1050,4066,4067],{"class":1623},"    {% vite_asset 'frontend/js/main.js' %}\n",[1050,4069,4070],{"class":1052,"line":1299},[1050,4071,1664],{"class":1623},[1050,4073,4074],{"class":1052,"line":1320},[1050,4075,4076],{"class":1623},"    {% block extra_css %}{% endblock %}\n",[1050,4078,4079,4081,4083],{"class":1052,"line":1341},[1050,4080,4035],{"class":1063},[1050,4082,3963],{"class":3927},[1050,4084,3935],{"class":1063},[1050,4086,4087,4089,4092],{"class":1052,"line":1362},[1050,4088,3940],{"class":1063},[1050,4090,4091],{"class":3927},"body",[1050,4093,3935],{"class":1063},[1050,4095,4096],{"class":1052,"line":1381},[1050,4097,4098],{"class":1623},"    {% block content %}{% endblock %}\n",[1050,4100,4101],{"class":1052,"line":1386},[1050,4102,1664],{"class":1623},[1050,4104,4105],{"class":1052,"line":1400},[1050,4106,4107],{"class":1056},"    \u003C!-- Page-specific JavaScript -->\n",[1050,4109,4110],{"class":1052,"line":1421},[1050,4111,4112],{"class":1623},"    {% block extra_js %}{% endblock %}\n",[1050,4114,4115,4117,4119],{"class":1052,"line":1440},[1050,4116,4035],{"class":1063},[1050,4118,4091],{"class":3927},[1050,4120,3935],{"class":1063},[1050,4122,4123,4125,4127],{"class":1052,"line":1446},[1050,4124,4035],{"class":1063},[1050,4126,3763],{"class":3927},[1050,4128,3935],{"class":1063},[1035,4130,4132],{"id":4131},"frontend-structure","Frontend Structure",[1040,4134,4139],{"className":4135,"code":4137,"language":4138},[4136],"language-text","frontend/\n├── js/\n│   ├── main.js              # Main entry point\n│   ├── components/          # Reusable components\n│   │   ├── modal.js\n│   │   ├── dropdown.js\n│   │   └── form-validator.js\n│   ├── pages/              # Page-specific modules\n│   │   ├── blog.js\n│   │   ├── contact.js\n│   │   └── dashboard.js\n│   └── utils/              # Utility functions\n│       ├── api.js\n│       ├── dom.js\n│       └── validation.js\n├── scss/\n│   ├── main.scss           # Main stylesheet\n│   ├── _variables.scss     # SCSS variables\n│   ├── _mixins.scss        # SCSS mixins\n│   ├── components/         # Component styles\n│   └── pages/              # Page-specific styles\n└── images/\n    └── icons/\n","text",[1047,4140,4137],{"__ignoreMap":1045},[1040,4142,4144],{"className":1452,"code":4143,"language":1454,"meta":1045,"style":1045},"// frontend/js/main.js\nimport '../scss/main.scss';\nimport Alpine from 'alpinejs';\nimport { initializeAPI } from './utils/api.js';\nimport { initializeComponents } from './components/index.js';\n\n// Initialize Alpine.js\nwindow.Alpine = Alpine;\nAlpine.start();\n\n// Initialize API utilities\ninitializeAPI();\n\n// Initialize components\ninitializeComponents();\n\n// Global utilities\nwindow.app = {\n    csrfToken: document.querySelector('[name=csrfmiddlewaretoken]')?.value,\n    \n    // API helper\n    async fetch(url, options = {}) {\n        const defaultOptions = {\n            headers: {\n                'X-CSRFToken': this.csrfToken,\n                'Content-Type': 'application/json',\n            },\n            credentials: 'same-origin'\n        };\n        \n        return fetch(url, { ...defaultOptions, ...options });\n    }\n};\n",[1047,4145,4146,4151,4164,4181,4203,4225,4229,4234,4250,4263,4267,4272,4281,4285,4290,4299,4303,4308,4321,4355,4359,4364,4390,4402,4411,4434,4454,4459,4473,4478,4482,4515,4519],{"__ignoreMap":1045},[1050,4147,4148],{"class":1052,"line":1053},[1050,4149,4150],{"class":1056},"// frontend/js/main.js\n",[1050,4152,4153,4155,4157,4160,4162],{"class":1052,"line":1060},[1050,4154,1467],{"class":1466},[1050,4156,1483],{"class":1084},[1050,4158,4159],{"class":1088},"../scss/main.scss",[1050,4161,1488],{"class":1084},[1050,4163,1491],{"class":1063},[1050,4165,4166,4168,4171,4173,4175,4177,4179],{"class":1052,"line":1067},[1050,4167,1467],{"class":1466},[1050,4169,4170],{"class":1473}," Alpine",[1050,4172,1480],{"class":1466},[1050,4174,1483],{"class":1084},[1050,4176,1405],{"class":1088},[1050,4178,1488],{"class":1084},[1050,4180,1491],{"class":1063},[1050,4182,4183,4185,4187,4190,4192,4194,4196,4199,4201],{"class":1052,"line":1097},[1050,4184,1467],{"class":1466},[1050,4186,1470],{"class":1063},[1050,4188,4189],{"class":1473}," initializeAPI",[1050,4191,1477],{"class":1063},[1050,4193,1480],{"class":1466},[1050,4195,1483],{"class":1084},[1050,4197,4198],{"class":1088},"./utils/api.js",[1050,4200,1488],{"class":1084},[1050,4202,1491],{"class":1063},[1050,4204,4205,4207,4209,4212,4214,4216,4218,4221,4223],{"class":1052,"line":1118},[1050,4206,1467],{"class":1466},[1050,4208,1470],{"class":1063},[1050,4210,4211],{"class":1473}," initializeComponents",[1050,4213,1477],{"class":1063},[1050,4215,1480],{"class":1466},[1050,4217,1483],{"class":1084},[1050,4219,4220],{"class":1088},"./components/index.js",[1050,4222,1488],{"class":1084},[1050,4224,1491],{"class":1063},[1050,4226,4227],{"class":1052,"line":1139},[1050,4228,1536],{"emptyLinePlaceholder":1535},[1050,4230,4231],{"class":1052,"line":1154},[1050,4232,4233],{"class":1056},"// Initialize Alpine.js\n",[1050,4235,4236,4239,4241,4244,4246,4248],{"class":1052,"line":1177},[1050,4237,4238],{"class":1473},"window",[1050,4240,1853],{"class":1063},[1050,4242,4243],{"class":1473},"Alpine",[1050,4245,1847],{"class":1063},[1050,4247,4170],{"class":1473},[1050,4249,1491],{"class":1063},[1050,4251,4252,4254,4256,4259,4261],{"class":1052,"line":1198},[1050,4253,4243],{"class":1473},[1050,4255,1853],{"class":1063},[1050,4257,4258],{"class":1547},"start",[1050,4260,2894],{"class":1550},[1050,4262,1491],{"class":1063},[1050,4264,4265],{"class":1052,"line":1219},[1050,4266,1536],{"emptyLinePlaceholder":1535},[1050,4268,4269],{"class":1052,"line":1239},[1050,4270,4271],{"class":1056},"// Initialize API utilities\n",[1050,4273,4274,4277,4279],{"class":1052,"line":1245},[1050,4275,4276],{"class":1547},"initializeAPI",[1050,4278,2894],{"class":1550},[1050,4280,1491],{"class":1063},[1050,4282,4283],{"class":1052,"line":1259},[1050,4284,1536],{"emptyLinePlaceholder":1535},[1050,4286,4287],{"class":1052,"line":1279},[1050,4288,4289],{"class":1056},"// Initialize components\n",[1050,4291,4292,4295,4297],{"class":1052,"line":1299},[1050,4293,4294],{"class":1547},"initializeComponents",[1050,4296,2894],{"class":1550},[1050,4298,1491],{"class":1063},[1050,4300,4301],{"class":1052,"line":1320},[1050,4302,1536],{"emptyLinePlaceholder":1535},[1050,4304,4305],{"class":1052,"line":1341},[1050,4306,4307],{"class":1056},"// Global utilities\n",[1050,4309,4310,4312,4314,4317,4319],{"class":1052,"line":1362},[1050,4311,4238],{"class":1473},[1050,4313,1853],{"class":1063},[1050,4315,4316],{"class":1473},"app",[1050,4318,1847],{"class":1063},[1050,4320,1151],{"class":1063},[1050,4322,4323,4326,4328,4331,4333,4336,4338,4340,4343,4345,4347,4350,4353],{"class":1052,"line":1381},[1050,4324,4325],{"class":1558},"    csrfToken",[1050,4327,1081],{"class":1063},[1050,4329,4330],{"class":1473}," document",[1050,4332,1853],{"class":1063},[1050,4334,4335],{"class":1547},"querySelector",[1050,4337,1551],{"class":1550},[1050,4339,1488],{"class":1084},[1050,4341,4342],{"class":1088},"[name=csrfmiddlewaretoken]",[1050,4344,1488],{"class":1084},[1050,4346,1735],{"class":1550},[1050,4348,4349],{"class":1063},"?.",[1050,4351,4352],{"class":1473},"value",[1050,4354,1094],{"class":1063},[1050,4356,4357],{"class":1052,"line":1386},[1050,4358,1664],{"class":1623},[1050,4360,4361],{"class":1052,"line":1400},[1050,4362,4363],{"class":1056},"    // API helper\n",[1050,4365,4366,4369,4373,4375,4378,4380,4383,4385,4388],{"class":1052,"line":1421},[1050,4367,4368],{"class":1840},"    async",[1050,4370,4372],{"class":4371},"s8xu_"," fetch",[1050,4374,1551],{"class":1063},[1050,4376,4377],{"class":1825},"url",[1050,4379,1593],{"class":1063},[1050,4381,4382],{"class":1825}," options",[1050,4384,1847],{"class":1063},[1050,4386,4387],{"class":1063}," {})",[1050,4389,1151],{"class":1063},[1050,4391,4392,4395,4398,4400],{"class":1052,"line":1440},[1050,4393,4394],{"class":1840},"        const",[1050,4396,4397],{"class":1473}," defaultOptions",[1050,4399,1847],{"class":1063},[1050,4401,1151],{"class":1063},[1050,4403,4404,4407,4409],{"class":1052,"line":1446},[1050,4405,4406],{"class":1558},"            headers",[1050,4408,1081],{"class":1063},[1050,4410,1151],{"class":1063},[1050,4412,4413,4416,4419,4421,4423,4427,4429,4432],{"class":1052,"line":1740},[1050,4414,4415],{"class":1084},"                '",[1050,4417,4418],{"class":2387},"X-CSRFToken",[1050,4420,1488],{"class":1084},[1050,4422,1081],{"class":1063},[1050,4424,4426],{"class":4425},"sETVe"," this",[1050,4428,1853],{"class":1063},[1050,4430,4431],{"class":1473},"csrfToken",[1050,4433,1094],{"class":1063},[1050,4435,4436,4438,4441,4443,4445,4447,4450,4452],{"class":1052,"line":1767},[1050,4437,4415],{"class":1084},[1050,4439,4440],{"class":2387},"Content-Type",[1050,4442,1488],{"class":1084},[1050,4444,1081],{"class":1063},[1050,4446,1483],{"class":1084},[1050,4448,4449],{"class":1088},"application/json",[1050,4451,1488],{"class":1084},[1050,4453,1094],{"class":1063},[1050,4455,4456],{"class":1052,"line":1792},[1050,4457,4458],{"class":1063},"            },\n",[1050,4460,4461,4464,4466,4468,4471],{"class":1052,"line":1798},[1050,4462,4463],{"class":1558},"            credentials",[1050,4465,1081],{"class":1063},[1050,4467,1483],{"class":1084},[1050,4469,4470],{"class":1088},"same-origin",[1050,4472,2243],{"class":1084},[1050,4474,4475],{"class":1052,"line":1808},[1050,4476,4477],{"class":1063},"        };\n",[1050,4479,4480],{"class":1052,"line":1814},[1050,4481,3549],{"class":1916},[1050,4483,4484,4486,4488,4490,4492,4494,4496,4499,4502,4504,4506,4509,4511,4513],{"class":1052,"line":1837},[1050,4485,3063],{"class":1466},[1050,4487,4372],{"class":1547},[1050,4489,1551],{"class":1863},[1050,4491,4377],{"class":1473},[1050,4493,1593],{"class":1063},[1050,4495,1470],{"class":1063},[1050,4497,4498],{"class":1063}," ...",[1050,4500,4501],{"class":1473},"defaultOptions",[1050,4503,1593],{"class":1063},[1050,4505,4498],{"class":1063},[1050,4507,4508],{"class":1473},"options",[1050,4510,1477],{"class":1063},[1050,4512,1735],{"class":1863},[1050,4514,1491],{"class":1063},[1050,4516,4517],{"class":1052,"line":1876},[1050,4518,2475],{"class":1063},[1050,4520,4521],{"class":1052,"line":1913},[1050,4522,4523],{"class":1063},"};\n",[1030,4525,4527],{"id":4526},"webpack-integration-with-django","Webpack Integration with Django",[1035,4529,4531],{"id":4530},"webpack-configuration","Webpack Configuration",[1040,4533,4535],{"className":1452,"code":4534,"language":1454,"meta":1045,"style":1045},"// webpack.config.js\nconst path = require('path');\nconst MiniCssExtractPlugin = require('mini-css-extract-plugin');\nconst { CleanWebpackPlugin } = require('clean-webpack-plugin');\nconst { WebpackManifestPlugin } = require('webpack-manifest-plugin');\nconst TerserPlugin = require('terser-webpack-plugin');\nconst CssMinimizerPlugin = require('css-minimizer-webpack-plugin');\n\nconst isDevelopment = process.env.NODE_ENV !== 'production';\n\nmodule.exports = {\n  mode: isDevelopment ? 'development' : 'production',\n  \n  entry: {\n    main: './frontend/js/main.js',\n    admin: './frontend/js/admin.js',\n    blog: './frontend/js/blog.js'\n  },\n  \n  output: {\n    path: path.resolve(__dirname, 'staticfiles/dist'),\n    filename: isDevelopment ? 'js/[name].js' : 'js/[name].[contenthash].js',\n    chunkFilename: isDevelopment ? 'js/[name].chunk.js' : 'js/[name].[contenthash].chunk.js',\n    publicPath: '/static/dist/',\n    clean: true\n  },\n  \n  module: {\n    rules: [\n      // JavaScript\n      {\n        test: /\\.js$/,\n        exclude: /node_modules/,\n        use: {\n          loader: 'babel-loader',\n          options: {\n            presets: ['@babel/preset-env'],\n            plugins: ['@babel/plugin-syntax-dynamic-import']\n          }\n        }\n      },\n      \n      // CSS/SCSS\n      {\n        test: /\\.(css|scss|sass)$/,\n        use: [\n          isDevelopment ? 'style-loader' : MiniCssExtractPlugin.loader,\n          'css-loader',\n          'postcss-loader',\n          'sass-loader'\n        ]\n      },\n      \n      // Images\n      {\n        test: /\\.(png|jpe?g|gif|svg)$/i,\n        type: 'asset/resource',\n        generator: {\n          filename: 'images/[name].[hash][ext]'\n        }\n      },\n      \n      // Fonts\n      {\n        test: /\\.(woff2?|eot|ttf|otf)$/i,\n        type: 'asset/resource',\n        generator: {\n          filename: 'fonts/[name].[hash][ext]'\n        }\n      }\n    ]\n  },\n  \n  plugins: [\n    new CleanWebpackPlugin(),\n    \n    new MiniCssExtractPlugin({\n      filename: isDevelopment ? 'css/[name].css' : 'css/[name].[contenthash].css',\n      chunkFilename: isDevelopment ? 'css/[name].chunk.css' : 'css/[name].[contenthash].chunk.css'\n    }),\n    \n    new WebpackManifestPlugin({\n      fileName: 'manifest.json',\n      publicPath: '/static/dist/'\n    })\n  ],\n  \n  optimization: {\n    minimizer: [\n      new TerserPlugin({\n        terserOptions: {\n          compress: {\n            drop_console: !isDevelopment\n          }\n        }\n      }),\n      new CssMinimizerPlugin()\n    ],\n    \n    splitChunks: {\n      chunks: 'all',\n      cacheGroups: {\n        vendor: {\n          test: /[\\\\/]node_modules[\\\\/]/,\n          name: 'vendors',\n          chunks: 'all'\n        }\n      }\n    }\n  },\n  \n  devtool: isDevelopment ? 'eval-source-map' : 'source-map',\n  \n  devServer: {\n    static: {\n      directory: path.join(__dirname, 'staticfiles')\n    },\n    port: 3000,\n    hot: true,\n    proxy: {\n      '/api': 'http://localhost:8000',\n      '/admin': 'http://localhost:8000'\n    }\n  },\n  \n  resolve: {\n    alias: {\n      '@': path.resolve(__dirname, 'frontend'),\n      '@components': path.resolve(__dirname, 'frontend/js/components'),\n      '@utils': path.resolve(__dirname, 'frontend/js/utils'),\n      '@styles': path.resolve(__dirname, 'frontend/scss')\n    }\n  }\n};\n",[1047,4536,4537,4542,4567,4591,4619,4647,4671,4695,4699,4733,4737,4751,4781,4785,4794,4810,4826,4840,4844,4848,4857,4887,4916,4945,4961,4970,4974,4978,4987,4996,5001,5006,5026,5042,5051,5067,5076,5096,5114,5118,5123,5127,5132,5137,5141,5172,5180,5205,5217,5228,5237,5242,5246,5250,5255,5259,5299,5315,5324,5338,5342,5346,5350,5355,5359,5397,5411,5419,5432,5436,5440,5444,5448,5452,5460,5471,5475,5485,5514,5541,5549,5553,5563,5578,5591,5597,5603,5607,5616,5625,5636,5645,5654,5667,5671,5675,5684,5692,5699,5703,5713,5730,5740,5750,5784,5801,5815,5820,5825,5830,5835,5840,5870,5875,5885,5895,5924,5929,5940,5952,5961,5980,5997,6002,6007,6012,6021,6030,6063,6096,6129,6160,6165,6170],{"__ignoreMap":1045},[1050,4538,4539],{"class":1052,"line":1053},[1050,4540,4541],{"class":1056},"// webpack.config.js\n",[1050,4543,4544,4547,4550,4552,4555,4557,4559,4561,4563,4565],{"class":1052,"line":1060},[1050,4545,4546],{"class":1840},"const",[1050,4548,4549],{"class":1473}," path",[1050,4551,1847],{"class":1063},[1050,4553,4554],{"class":1547}," require",[1050,4556,1551],{"class":1550},[1050,4558,1488],{"class":1084},[1050,4560,1509],{"class":1088},[1050,4562,1488],{"class":1084},[1050,4564,1735],{"class":1550},[1050,4566,1491],{"class":1063},[1050,4568,4569,4571,4574,4576,4578,4580,4582,4585,4587,4589],{"class":1052,"line":1067},[1050,4570,4546],{"class":1840},[1050,4572,4573],{"class":1473}," MiniCssExtractPlugin",[1050,4575,1847],{"class":1063},[1050,4577,4554],{"class":1547},[1050,4579,1551],{"class":1550},[1050,4581,1488],{"class":1084},[1050,4583,4584],{"class":1088},"mini-css-extract-plugin",[1050,4586,1488],{"class":1084},[1050,4588,1735],{"class":1550},[1050,4590,1491],{"class":1063},[1050,4592,4593,4595,4597,4600,4602,4604,4606,4608,4610,4613,4615,4617],{"class":1052,"line":1097},[1050,4594,4546],{"class":1840},[1050,4596,1470],{"class":1063},[1050,4598,4599],{"class":1473}," CleanWebpackPlugin",[1050,4601,1477],{"class":1063},[1050,4603,1847],{"class":1063},[1050,4605,4554],{"class":1547},[1050,4607,1551],{"class":1550},[1050,4609,1488],{"class":1084},[1050,4611,4612],{"class":1088},"clean-webpack-plugin",[1050,4614,1488],{"class":1084},[1050,4616,1735],{"class":1550},[1050,4618,1491],{"class":1063},[1050,4620,4621,4623,4625,4628,4630,4632,4634,4636,4638,4641,4643,4645],{"class":1052,"line":1118},[1050,4622,4546],{"class":1840},[1050,4624,1470],{"class":1063},[1050,4626,4627],{"class":1473}," WebpackManifestPlugin",[1050,4629,1477],{"class":1063},[1050,4631,1847],{"class":1063},[1050,4633,4554],{"class":1547},[1050,4635,1551],{"class":1550},[1050,4637,1488],{"class":1084},[1050,4639,4640],{"class":1088},"webpack-manifest-plugin",[1050,4642,1488],{"class":1084},[1050,4644,1735],{"class":1550},[1050,4646,1491],{"class":1063},[1050,4648,4649,4651,4654,4656,4658,4660,4662,4665,4667,4669],{"class":1052,"line":1139},[1050,4650,4546],{"class":1840},[1050,4652,4653],{"class":1473}," TerserPlugin",[1050,4655,1847],{"class":1063},[1050,4657,4554],{"class":1547},[1050,4659,1551],{"class":1550},[1050,4661,1488],{"class":1084},[1050,4663,4664],{"class":1088},"terser-webpack-plugin",[1050,4666,1488],{"class":1084},[1050,4668,1735],{"class":1550},[1050,4670,1491],{"class":1063},[1050,4672,4673,4675,4678,4680,4682,4684,4686,4689,4691,4693],{"class":1052,"line":1154},[1050,4674,4546],{"class":1840},[1050,4676,4677],{"class":1473}," CssMinimizerPlugin",[1050,4679,1847],{"class":1063},[1050,4681,4554],{"class":1547},[1050,4683,1551],{"class":1550},[1050,4685,1488],{"class":1084},[1050,4687,4688],{"class":1088},"css-minimizer-webpack-plugin",[1050,4690,1488],{"class":1084},[1050,4692,1735],{"class":1550},[1050,4694,1491],{"class":1063},[1050,4696,4697],{"class":1052,"line":1177},[1050,4698,1536],{"emptyLinePlaceholder":1535},[1050,4700,4701,4703,4706,4708,4711,4713,4716,4718,4721,4724,4726,4729,4731],{"class":1052,"line":1198},[1050,4702,4546],{"class":1840},[1050,4704,4705],{"class":1473}," isDevelopment",[1050,4707,1847],{"class":1063},[1050,4709,4710],{"class":1473}," process",[1050,4712,1853],{"class":1063},[1050,4714,4715],{"class":1473},"env",[1050,4717,1853],{"class":1063},[1050,4719,4720],{"class":1473},"NODE_ENV",[1050,4722,4723],{"class":1900}," !==",[1050,4725,1483],{"class":1084},[1050,4727,4728],{"class":1088},"production",[1050,4730,1488],{"class":1084},[1050,4732,1491],{"class":1063},[1050,4734,4735],{"class":1052,"line":1219},[1050,4736,1536],{"emptyLinePlaceholder":1535},[1050,4738,4739,4742,4744,4747,4749],{"class":1052,"line":1239},[1050,4740,1132],{"class":4741},"sMNeJ",[1050,4743,1853],{"class":1063},[1050,4745,4746],{"class":4741},"exports",[1050,4748,1847],{"class":1063},[1050,4750,1151],{"class":1063},[1050,4752,4753,4756,4758,4760,4763,4765,4768,4770,4773,4775,4777,4779],{"class":1052,"line":1245},[1050,4754,4755],{"class":1558},"  mode",[1050,4757,1081],{"class":1063},[1050,4759,4705],{"class":1473},[1050,4761,4762],{"class":1900}," ?",[1050,4764,1483],{"class":1084},[1050,4766,4767],{"class":1088},"development",[1050,4769,1488],{"class":1084},[1050,4771,4772],{"class":1900}," :",[1050,4774,1483],{"class":1084},[1050,4776,4728],{"class":1088},[1050,4778,1488],{"class":1084},[1050,4780,1094],{"class":1063},[1050,4782,4783],{"class":1052,"line":1259},[1050,4784,1624],{"class":1623},[1050,4786,4787,4790,4792],{"class":1052,"line":1279},[1050,4788,4789],{"class":1558},"  entry",[1050,4791,1081],{"class":1063},[1050,4793,1151],{"class":1063},[1050,4795,4796,4799,4801,4803,4806,4808],{"class":1052,"line":1299},[1050,4797,4798],{"class":1558},"    main",[1050,4800,1081],{"class":1063},[1050,4802,1483],{"class":1084},[1050,4804,4805],{"class":1088},"./frontend/js/main.js",[1050,4807,1488],{"class":1084},[1050,4809,1094],{"class":1063},[1050,4811,4812,4815,4817,4819,4822,4824],{"class":1052,"line":1320},[1050,4813,4814],{"class":1558},"    admin",[1050,4816,1081],{"class":1063},[1050,4818,1483],{"class":1084},[1050,4820,4821],{"class":1088},"./frontend/js/admin.js",[1050,4823,1488],{"class":1084},[1050,4825,1094],{"class":1063},[1050,4827,4828,4831,4833,4835,4838],{"class":1052,"line":1341},[1050,4829,4830],{"class":1558},"    blog",[1050,4832,1081],{"class":1063},[1050,4834,1483],{"class":1084},[1050,4836,4837],{"class":1088},"./frontend/js/blog.js",[1050,4839,2243],{"class":1084},[1050,4841,4842],{"class":1052,"line":1362},[1050,4843,1242],{"class":1063},[1050,4845,4846],{"class":1052,"line":1381},[1050,4847,1624],{"class":1623},[1050,4849,4850,4853,4855],{"class":1052,"line":1386},[1050,4851,4852],{"class":1558},"  output",[1050,4854,1081],{"class":1063},[1050,4856,1151],{"class":1063},[1050,4858,4859,4862,4864,4866,4868,4871,4873,4875,4877,4879,4881,4883,4885],{"class":1052,"line":1400},[1050,4860,4861],{"class":1558},"    path",[1050,4863,1081],{"class":1063},[1050,4865,4549],{"class":1473},[1050,4867,1853],{"class":1063},[1050,4869,4870],{"class":1547},"resolve",[1050,4872,1551],{"class":1550},[1050,4874,1723],{"class":1473},[1050,4876,1593],{"class":1063},[1050,4878,1483],{"class":1084},[1050,4880,1655],{"class":1088},[1050,4882,1488],{"class":1084},[1050,4884,1735],{"class":1550},[1050,4886,1094],{"class":1063},[1050,4888,4889,4892,4894,4896,4898,4900,4903,4905,4907,4909,4912,4914],{"class":1052,"line":1421},[1050,4890,4891],{"class":1558},"    filename",[1050,4893,1081],{"class":1063},[1050,4895,4705],{"class":1473},[1050,4897,4762],{"class":1900},[1050,4899,1483],{"class":1084},[1050,4901,4902],{"class":1088},"js/[name].js",[1050,4904,1488],{"class":1084},[1050,4906,4772],{"class":1900},[1050,4908,1483],{"class":1084},[1050,4910,4911],{"class":1088},"js/[name].[contenthash].js",[1050,4913,1488],{"class":1084},[1050,4915,1094],{"class":1063},[1050,4917,4918,4921,4923,4925,4927,4929,4932,4934,4936,4938,4941,4943],{"class":1052,"line":1440},[1050,4919,4920],{"class":1558},"    chunkFilename",[1050,4922,1081],{"class":1063},[1050,4924,4705],{"class":1473},[1050,4926,4762],{"class":1900},[1050,4928,1483],{"class":1084},[1050,4930,4931],{"class":1088},"js/[name].chunk.js",[1050,4933,1488],{"class":1084},[1050,4935,4772],{"class":1900},[1050,4937,1483],{"class":1084},[1050,4939,4940],{"class":1088},"js/[name].[contenthash].chunk.js",[1050,4942,1488],{"class":1084},[1050,4944,1094],{"class":1063},[1050,4946,4947,4950,4952,4954,4957,4959],{"class":1052,"line":1446},[1050,4948,4949],{"class":1558},"    publicPath",[1050,4951,1081],{"class":1063},[1050,4953,1483],{"class":1084},[1050,4955,4956],{"class":1088},"/static/dist/",[1050,4958,1488],{"class":1084},[1050,4960,1094],{"class":1063},[1050,4962,4963,4966,4968],{"class":1052,"line":1740},[1050,4964,4965],{"class":1558},"    clean",[1050,4967,1081],{"class":1063},[1050,4969,2301],{"class":1679},[1050,4971,4972],{"class":1052,"line":1767},[1050,4973,1242],{"class":1063},[1050,4975,4976],{"class":1052,"line":1792},[1050,4977,1624],{"class":1623},[1050,4979,4980,4983,4985],{"class":1052,"line":1798},[1050,4981,4982],{"class":1558},"  module",[1050,4984,1081],{"class":1063},[1050,4986,1151],{"class":1063},[1050,4988,4989,4992,4994],{"class":1052,"line":1808},[1050,4990,4991],{"class":1558},"    rules",[1050,4993,1081],{"class":1063},[1050,4995,1564],{"class":1550},[1050,4997,4998],{"class":1052,"line":1814},[1050,4999,5000],{"class":1056},"      // JavaScript\n",[1050,5002,5003],{"class":1052,"line":1837},[1050,5004,5005],{"class":1063},"      {\n",[1050,5007,5008,5011,5013,5015,5017,5020,5022,5024],{"class":1052,"line":1876},[1050,5009,5010],{"class":1558},"        test",[1050,5012,1081],{"class":1063},[1050,5014,2955],{"class":1084},[1050,5016,1932],{"class":1931},[1050,5018,5019],{"class":1937},"js",[1050,5021,1943],{"class":1466},[1050,5023,1928],{"class":1084},[1050,5025,1094],{"class":1063},[1050,5027,5028,5031,5033,5035,5038,5040],{"class":1052,"line":1913},[1050,5029,5030],{"class":1558},"        exclude",[1050,5032,1081],{"class":1063},[1050,5034,2955],{"class":1084},[1050,5036,5037],{"class":1937},"node_modules",[1050,5039,1928],{"class":1084},[1050,5041,1094],{"class":1063},[1050,5043,5044,5047,5049],{"class":1052,"line":1920},[1050,5045,5046],{"class":1558},"        use",[1050,5048,1081],{"class":1063},[1050,5050,1151],{"class":1063},[1050,5052,5053,5056,5058,5060,5063,5065],{"class":1052,"line":1966},[1050,5054,5055],{"class":1558},"          loader",[1050,5057,1081],{"class":1063},[1050,5059,1483],{"class":1084},[1050,5061,5062],{"class":1088},"babel-loader",[1050,5064,1488],{"class":1084},[1050,5066,1094],{"class":1063},[1050,5068,5069,5072,5074],{"class":1052,"line":1994},[1050,5070,5071],{"class":1558},"          options",[1050,5073,1081],{"class":1063},[1050,5075,1151],{"class":1063},[1050,5077,5078,5081,5083,5085,5087,5090,5092,5094],{"class":1052,"line":2000},[1050,5079,5080],{"class":1558},"            presets",[1050,5082,1081],{"class":1063},[1050,5084,1583],{"class":1550},[1050,5086,1488],{"class":1084},[1050,5088,5089],{"class":1088},"@babel/preset-env",[1050,5091,1488],{"class":1084},[1050,5093,1908],{"class":1550},[1050,5095,1094],{"class":1063},[1050,5097,5098,5101,5103,5105,5107,5110,5112],{"class":1052,"line":2080},[1050,5099,5100],{"class":1558},"            plugins",[1050,5102,1081],{"class":1063},[1050,5104,1583],{"class":1550},[1050,5106,1488],{"class":1084},[1050,5108,5109],{"class":1088},"@babel/plugin-syntax-dynamic-import",[1050,5111,1488],{"class":1084},[1050,5113,1603],{"class":1550},[1050,5115,5116],{"class":1052,"line":2100},[1050,5117,1997],{"class":1063},[1050,5119,5120],{"class":1052,"line":2105},[1050,5121,5122],{"class":1063},"        }\n",[1050,5124,5125],{"class":1052,"line":2162},[1050,5126,1795],{"class":1063},[1050,5128,5129],{"class":1052,"line":2182},[1050,5130,5131],{"class":1623},"      \n",[1050,5133,5134],{"class":1052,"line":2187},[1050,5135,5136],{"class":1056},"      // CSS/SCSS\n",[1050,5138,5139],{"class":1052,"line":2208},[1050,5140,5005],{"class":1063},[1050,5142,5143,5145,5147,5149,5151,5153,5155,5157,5160,5162,5164,5166,5168,5170],{"class":1052,"line":2214},[1050,5144,5010],{"class":1558},[1050,5146,1081],{"class":1063},[1050,5148,2955],{"class":1084},[1050,5150,1932],{"class":1931},[1050,5152,1551],{"class":1063},[1050,5154,1938],{"class":1937},[1050,5156,2016],{"class":1900},[1050,5158,5159],{"class":1937},"scss",[1050,5161,2016],{"class":1900},[1050,5163,1304],{"class":1937},[1050,5165,1735],{"class":1063},[1050,5167,1943],{"class":1466},[1050,5169,1928],{"class":1084},[1050,5171,1094],{"class":1063},[1050,5173,5174,5176,5178],{"class":1052,"line":2231},[1050,5175,5046],{"class":1558},[1050,5177,1081],{"class":1063},[1050,5179,1564],{"class":1550},[1050,5181,5182,5185,5187,5189,5192,5194,5196,5198,5200,5203],{"class":1052,"line":2246},[1050,5183,5184],{"class":1473},"          isDevelopment",[1050,5186,4762],{"class":1900},[1050,5188,1483],{"class":1084},[1050,5190,5191],{"class":1088},"style-loader",[1050,5193,1488],{"class":1084},[1050,5195,4772],{"class":1900},[1050,5197,4573],{"class":1473},[1050,5199,1853],{"class":1063},[1050,5201,5202],{"class":1473},"loader",[1050,5204,1094],{"class":1063},[1050,5206,5207,5210,5213,5215],{"class":1052,"line":2252},[1050,5208,5209],{"class":1084},"          '",[1050,5211,5212],{"class":1088},"css-loader",[1050,5214,1488],{"class":1084},[1050,5216,1094],{"class":1063},[1050,5218,5219,5221,5224,5226],{"class":1052,"line":2258},[1050,5220,5209],{"class":1084},[1050,5222,5223],{"class":1088},"postcss-loader",[1050,5225,1488],{"class":1084},[1050,5227,1094],{"class":1063},[1050,5229,5230,5232,5235],{"class":1052,"line":2263},[1050,5231,5209],{"class":1084},[1050,5233,5234],{"class":1088},"sass-loader",[1050,5236,2243],{"class":1084},[1050,5238,5239],{"class":1052,"line":2269},[1050,5240,5241],{"class":1550},"        ]\n",[1050,5243,5244],{"class":1052,"line":2282},[1050,5245,1795],{"class":1063},[1050,5247,5248],{"class":1052,"line":2287},[1050,5249,5131],{"class":1623},[1050,5251,5252],{"class":1052,"line":2293},[1050,5253,5254],{"class":1056},"      // Images\n",[1050,5256,5257],{"class":1052,"line":2304},[1050,5258,5005],{"class":1063},[1050,5260,5261,5263,5265,5267,5269,5271,5273,5275,5277,5279,5281,5283,5285,5287,5289,5291,5293,5295,5297],{"class":1052,"line":2309},[1050,5262,5010],{"class":1558},[1050,5264,1081],{"class":1063},[1050,5266,2955],{"class":1084},[1050,5268,1932],{"class":1931},[1050,5270,1551],{"class":1063},[1050,5272,2013],{"class":1937},[1050,5274,2016],{"class":1900},[1050,5276,2019],{"class":1937},[1050,5278,2023],{"class":2022},[1050,5280,2026],{"class":1937},[1050,5282,2016],{"class":1900},[1050,5284,2036],{"class":1937},[1050,5286,2016],{"class":1900},[1050,5288,2031],{"class":1937},[1050,5290,1735],{"class":1063},[1050,5292,1943],{"class":1466},[1050,5294,1928],{"class":1084},[1050,5296,2061],{"class":2060},[1050,5298,1094],{"class":1063},[1050,5300,5301,5304,5306,5308,5311,5313],{"class":1052,"line":2314},[1050,5302,5303],{"class":1558},"        type",[1050,5305,1081],{"class":1063},[1050,5307,1483],{"class":1084},[1050,5309,5310],{"class":1088},"asset/resource",[1050,5312,1488],{"class":1084},[1050,5314,1094],{"class":1063},[1050,5316,5317,5320,5322],{"class":1052,"line":2320},[1050,5318,5319],{"class":1558},"        generator",[1050,5321,1081],{"class":1063},[1050,5323,1151],{"class":1063},[1050,5325,5326,5329,5331,5333,5336],{"class":1052,"line":2330},[1050,5327,5328],{"class":1558},"          filename",[1050,5330,1081],{"class":1063},[1050,5332,1483],{"class":1084},[1050,5334,5335],{"class":1088},"images/[name].[hash][ext]",[1050,5337,2243],{"class":1084},[1050,5339,5340],{"class":1052,"line":2347},[1050,5341,5122],{"class":1063},[1050,5343,5344],{"class":1052,"line":2360},[1050,5345,1795],{"class":1063},[1050,5347,5348],{"class":1052,"line":2365},[1050,5349,5131],{"class":1623},[1050,5351,5352],{"class":1052,"line":2371},[1050,5353,5354],{"class":1056},"      // Fonts\n",[1050,5356,5357],{"class":1052,"line":2381},[1050,5358,5005],{"class":1063},[1050,5360,5361,5363,5365,5367,5369,5371,5373,5375,5377,5379,5381,5383,5385,5387,5389,5391,5393,5395],{"class":1052,"line":2397},[1050,5362,5010],{"class":1558},[1050,5364,1081],{"class":1063},[1050,5366,2955],{"class":1084},[1050,5368,1932],{"class":1931},[1050,5370,1551],{"class":1063},[1050,5372,2118],{"class":1937},[1050,5374,2023],{"class":2022},[1050,5376,2016],{"class":1900},[1050,5378,2125],{"class":1937},[1050,5380,2016],{"class":1900},[1050,5382,2130],{"class":1937},[1050,5384,2016],{"class":1900},[1050,5386,2135],{"class":1937},[1050,5388,1735],{"class":1063},[1050,5390,1943],{"class":1466},[1050,5392,1928],{"class":1084},[1050,5394,2061],{"class":2060},[1050,5396,1094],{"class":1063},[1050,5398,5399,5401,5403,5405,5407,5409],{"class":1052,"line":2414},[1050,5400,5303],{"class":1558},[1050,5402,1081],{"class":1063},[1050,5404,1483],{"class":1084},[1050,5406,5310],{"class":1088},[1050,5408,1488],{"class":1084},[1050,5410,1094],{"class":1063},[1050,5412,5413,5415,5417],{"class":1052,"line":2424},[1050,5414,5319],{"class":1558},[1050,5416,1081],{"class":1063},[1050,5418,1151],{"class":1063},[1050,5420,5421,5423,5425,5427,5430],{"class":1052,"line":2429},[1050,5422,5328],{"class":1558},[1050,5424,1081],{"class":1063},[1050,5426,1483],{"class":1084},[1050,5428,5429],{"class":1088},"fonts/[name].[hash][ext]",[1050,5431,2243],{"class":1084},[1050,5433,5434],{"class":1052,"line":2443},[1050,5435,5122],{"class":1063},[1050,5437,5438],{"class":1052,"line":2458},[1050,5439,2249],{"class":1063},[1050,5441,5442],{"class":1052,"line":2467},[1050,5443,2968],{"class":1550},[1050,5445,5446],{"class":1052,"line":2472},[1050,5447,1242],{"class":1063},[1050,5449,5450],{"class":1052,"line":2478},[1050,5451,1624],{"class":1623},[1050,5453,5454,5456,5458],{"class":1052,"line":2483},[1050,5455,1559],{"class":1558},[1050,5457,1081],{"class":1063},[1050,5459,1564],{"class":1550},[1050,5461,5462,5465,5467,5469],{"class":1052,"line":2488},[1050,5463,5464],{"class":1900},"    new",[1050,5466,4599],{"class":1547},[1050,5468,2894],{"class":1550},[1050,5470,1094],{"class":1063},[1050,5472,5473],{"class":1052,"line":2494},[1050,5474,1664],{"class":1623},[1050,5476,5477,5479,5481,5483],{"class":1052,"line":2504},[1050,5478,5464],{"class":1900},[1050,5480,4573],{"class":1547},[1050,5482,1551],{"class":1550},[1050,5484,1064],{"class":1063},[1050,5486,5487,5490,5492,5494,5496,5498,5501,5503,5505,5507,5510,5512],{"class":1052,"line":2514},[1050,5488,5489],{"class":1558},"      filename",[1050,5491,1081],{"class":1063},[1050,5493,4705],{"class":1473},[1050,5495,4762],{"class":1900},[1050,5497,1483],{"class":1084},[1050,5499,5500],{"class":1088},"css/[name].css",[1050,5502,1488],{"class":1084},[1050,5504,4772],{"class":1900},[1050,5506,1483],{"class":1084},[1050,5508,5509],{"class":1088},"css/[name].[contenthash].css",[1050,5511,1488],{"class":1084},[1050,5513,1094],{"class":1063},[1050,5515,5516,5519,5521,5523,5525,5527,5530,5532,5534,5536,5539],{"class":1052,"line":2524},[1050,5517,5518],{"class":1558},"      chunkFilename",[1050,5520,1081],{"class":1063},[1050,5522,4705],{"class":1473},[1050,5524,4762],{"class":1900},[1050,5526,1483],{"class":1084},[1050,5528,5529],{"class":1088},"css/[name].chunk.css",[1050,5531,1488],{"class":1084},[1050,5533,4772],{"class":1900},[1050,5535,1483],{"class":1084},[1050,5537,5538],{"class":1088},"css/[name].[contenthash].chunk.css",[1050,5540,2243],{"class":1084},[1050,5542,5543,5545,5547],{"class":1052,"line":2540},[1050,5544,1608],{"class":1063},[1050,5546,1735],{"class":1550},[1050,5548,1094],{"class":1063},[1050,5550,5551],{"class":1052,"line":2545},[1050,5552,1664],{"class":1623},[1050,5554,5555,5557,5559,5561],{"class":1052,"line":2550},[1050,5556,5464],{"class":1900},[1050,5558,4627],{"class":1547},[1050,5560,1551],{"class":1550},[1050,5562,1064],{"class":1063},[1050,5564,5565,5568,5570,5572,5574,5576],{"class":1052,"line":2560},[1050,5566,5567],{"class":1558},"      fileName",[1050,5569,1081],{"class":1063},[1050,5571,1483],{"class":1084},[1050,5573,3104],{"class":1088},[1050,5575,1488],{"class":1084},[1050,5577,1094],{"class":1063},[1050,5579,5580,5583,5585,5587,5589],{"class":1052,"line":2570},[1050,5581,5582],{"class":1558},"      publicPath",[1050,5584,1081],{"class":1063},[1050,5586,1483],{"class":1084},[1050,5588,4956],{"class":1088},[1050,5590,2243],{"class":1084},[1050,5592,5593,5595],{"class":1052,"line":2588},[1050,5594,1608],{"class":1063},[1050,5596,1611],{"class":1550},[1050,5598,5599,5601],{"class":1052,"line":2603},[1050,5600,1616],{"class":1550},[1050,5602,1094],{"class":1063},[1050,5604,5605],{"class":1052,"line":2609},[1050,5606,1624],{"class":1623},[1050,5608,5609,5612,5614],{"class":1052,"line":2614},[1050,5610,5611],{"class":1558},"  optimization",[1050,5613,1081],{"class":1063},[1050,5615,1151],{"class":1063},[1050,5617,5618,5621,5623],{"class":1052,"line":2619},[1050,5619,5620],{"class":1558},"    minimizer",[1050,5622,1081],{"class":1063},[1050,5624,1564],{"class":1550},[1050,5626,5627,5630,5632,5634],{"class":1052,"line":2624},[1050,5628,5629],{"class":1900},"      new",[1050,5631,4653],{"class":1547},[1050,5633,1551],{"class":1550},[1050,5635,1064],{"class":1063},[1050,5637,5638,5641,5643],{"class":1052,"line":2630},[1050,5639,5640],{"class":1558},"        terserOptions",[1050,5642,1081],{"class":1063},[1050,5644,1151],{"class":1063},[1050,5646,5647,5650,5652],{"class":1052,"line":2640},[1050,5648,5649],{"class":1558},"          compress",[1050,5651,1081],{"class":1063},[1050,5653,1151],{"class":1063},[1050,5655,5656,5659,5661,5664],{"class":1052,"line":2650},[1050,5657,5658],{"class":1558},"            drop_console",[1050,5660,1081],{"class":1063},[1050,5662,5663],{"class":1900}," !",[1050,5665,5666],{"class":1473},"isDevelopment\n",[1050,5668,5669],{"class":1052,"line":2681},[1050,5670,1997],{"class":1063},[1050,5672,5673],{"class":1052,"line":2712},[1050,5674,5122],{"class":1063},[1050,5676,5677,5680,5682],{"class":1052,"line":2743},[1050,5678,5679],{"class":1063},"      }",[1050,5681,1735],{"class":1550},[1050,5683,1094],{"class":1063},[1050,5685,5686,5688,5690],{"class":1052,"line":2772},[1050,5687,5629],{"class":1900},[1050,5689,4677],{"class":1547},[1050,5691,3186],{"class":1550},[1050,5693,5694,5697],{"class":1052,"line":2777},[1050,5695,5696],{"class":1550},"    ]",[1050,5698,1094],{"class":1063},[1050,5700,5701],{"class":1052,"line":2782},[1050,5702,1664],{"class":1623},[1050,5704,5706,5709,5711],{"class":1052,"line":5705},100,[1050,5707,5708],{"class":1558},"    splitChunks",[1050,5710,1081],{"class":1063},[1050,5712,1151],{"class":1063},[1050,5714,5716,5719,5721,5723,5726,5728],{"class":1052,"line":5715},101,[1050,5717,5718],{"class":1558},"      chunks",[1050,5720,1081],{"class":1063},[1050,5722,1483],{"class":1084},[1050,5724,5725],{"class":1088},"all",[1050,5727,1488],{"class":1084},[1050,5729,1094],{"class":1063},[1050,5731,5733,5736,5738],{"class":1052,"line":5732},102,[1050,5734,5735],{"class":1558},"      cacheGroups",[1050,5737,1081],{"class":1063},[1050,5739,1151],{"class":1063},[1050,5741,5743,5746,5748],{"class":1052,"line":5742},103,[1050,5744,5745],{"class":1558},"        vendor",[1050,5747,1081],{"class":1063},[1050,5749,1151],{"class":1063},[1050,5751,5753,5756,5758,5760,5762,5765,5768,5770,5772,5774,5776,5778,5780,5782],{"class":1052,"line":5752},104,[1050,5754,5755],{"class":1558},"          test",[1050,5757,1081],{"class":1063},[1050,5759,2955],{"class":1084},[1050,5761,1888],{"class":1063},[1050,5763,5764],{"class":1931},"\\\\",[1050,5766,1928],{"class":5767},"sz9Cv",[1050,5769,1908],{"class":1063},[1050,5771,5037],{"class":1937},[1050,5773,1888],{"class":1063},[1050,5775,5764],{"class":1931},[1050,5777,1928],{"class":5767},[1050,5779,1908],{"class":1063},[1050,5781,1928],{"class":1084},[1050,5783,1094],{"class":1063},[1050,5785,5787,5790,5792,5794,5797,5799],{"class":1052,"line":5786},105,[1050,5788,5789],{"class":1558},"          name",[1050,5791,1081],{"class":1063},[1050,5793,1483],{"class":1084},[1050,5795,5796],{"class":1088},"vendors",[1050,5798,1488],{"class":1084},[1050,5800,1094],{"class":1063},[1050,5802,5804,5807,5809,5811,5813],{"class":1052,"line":5803},106,[1050,5805,5806],{"class":1558},"          chunks",[1050,5808,1081],{"class":1063},[1050,5810,1483],{"class":1084},[1050,5812,5725],{"class":1088},[1050,5814,2243],{"class":1084},[1050,5816,5818],{"class":1052,"line":5817},107,[1050,5819,5122],{"class":1063},[1050,5821,5823],{"class":1052,"line":5822},108,[1050,5824,2249],{"class":1063},[1050,5826,5828],{"class":1052,"line":5827},109,[1050,5829,2475],{"class":1063},[1050,5831,5833],{"class":1052,"line":5832},110,[1050,5834,1242],{"class":1063},[1050,5836,5838],{"class":1052,"line":5837},111,[1050,5839,1624],{"class":1623},[1050,5841,5843,5846,5848,5850,5852,5854,5857,5859,5861,5863,5866,5868],{"class":1052,"line":5842},112,[1050,5844,5845],{"class":1558},"  devtool",[1050,5847,1081],{"class":1063},[1050,5849,4705],{"class":1473},[1050,5851,4762],{"class":1900},[1050,5853,1483],{"class":1084},[1050,5855,5856],{"class":1088},"eval-source-map",[1050,5858,1488],{"class":1084},[1050,5860,4772],{"class":1900},[1050,5862,1483],{"class":1084},[1050,5864,5865],{"class":1088},"source-map",[1050,5867,1488],{"class":1084},[1050,5869,1094],{"class":1063},[1050,5871,5873],{"class":1052,"line":5872},113,[1050,5874,1624],{"class":1623},[1050,5876,5878,5881,5883],{"class":1052,"line":5877},114,[1050,5879,5880],{"class":1558},"  devServer",[1050,5882,1081],{"class":1063},[1050,5884,1151],{"class":1063},[1050,5886,5888,5891,5893],{"class":1052,"line":5887},115,[1050,5889,5890],{"class":1558},"    static",[1050,5892,1081],{"class":1063},[1050,5894,1151],{"class":1063},[1050,5896,5898,5901,5903,5905,5907,5910,5912,5914,5916,5918,5920,5922],{"class":1052,"line":5897},116,[1050,5899,5900],{"class":1558},"      directory",[1050,5902,1081],{"class":1063},[1050,5904,4549],{"class":1473},[1050,5906,1853],{"class":1063},[1050,5908,5909],{"class":1547},"join",[1050,5911,1551],{"class":1550},[1050,5913,1723],{"class":1473},[1050,5915,1593],{"class":1063},[1050,5917,1483],{"class":1084},[1050,5919,2999],{"class":1088},[1050,5921,1488],{"class":1084},[1050,5923,1611],{"class":1550},[1050,5925,5927],{"class":1052,"line":5926},117,[1050,5928,2255],{"class":1063},[1050,5930,5932,5934,5936,5938],{"class":1052,"line":5931},118,[1050,5933,2350],{"class":1558},[1050,5935,1081],{"class":1063},[1050,5937,2355],{"class":1904},[1050,5939,1094],{"class":1063},[1050,5941,5943,5946,5948,5950],{"class":1052,"line":5942},119,[1050,5944,5945],{"class":1558},"    hot",[1050,5947,1081],{"class":1063},[1050,5949,1680],{"class":1679},[1050,5951,1094],{"class":1063},[1050,5953,5955,5957,5959],{"class":1052,"line":5954},120,[1050,5956,2374],{"class":1558},[1050,5958,1081],{"class":1063},[1050,5960,1151],{"class":1063},[1050,5962,5964,5966,5968,5970,5972,5974,5976,5978],{"class":1052,"line":5963},121,[1050,5965,2384],{"class":1084},[1050,5967,2388],{"class":2387},[1050,5969,1488],{"class":1084},[1050,5971,1081],{"class":1063},[1050,5973,1483],{"class":1084},[1050,5975,2407],{"class":1088},[1050,5977,1488],{"class":1084},[1050,5979,1094],{"class":1063},[1050,5981,5983,5985,5987,5989,5991,5993,5995],{"class":1052,"line":5982},122,[1050,5984,2384],{"class":1084},[1050,5986,2434],{"class":2387},[1050,5988,1488],{"class":1084},[1050,5990,1081],{"class":1063},[1050,5992,1483],{"class":1084},[1050,5994,2407],{"class":1088},[1050,5996,2243],{"class":1084},[1050,5998,6000],{"class":1052,"line":5999},123,[1050,6001,2475],{"class":1063},[1050,6003,6005],{"class":1052,"line":6004},124,[1050,6006,1242],{"class":1063},[1050,6008,6010],{"class":1052,"line":6009},125,[1050,6011,1624],{"class":1623},[1050,6013,6015,6017,6019],{"class":1052,"line":6014},126,[1050,6016,2633],{"class":1558},[1050,6018,1081],{"class":1063},[1050,6020,1151],{"class":1063},[1050,6022,6024,6026,6028],{"class":1052,"line":6023},127,[1050,6025,2643],{"class":1558},[1050,6027,1081],{"class":1063},[1050,6029,1151],{"class":1063},[1050,6031,6033,6035,6037,6039,6041,6043,6045,6047,6049,6051,6053,6055,6057,6059,6061],{"class":1052,"line":6032},128,[1050,6034,2384],{"class":1084},[1050,6036,2655],{"class":2387},[1050,6038,1488],{"class":1084},[1050,6040,1081],{"class":1063},[1050,6042,4549],{"class":1473},[1050,6044,1853],{"class":1063},[1050,6046,4870],{"class":1547},[1050,6048,1551],{"class":1550},[1050,6050,1723],{"class":1473},[1050,6052,1593],{"class":1063},[1050,6054,1483],{"class":1084},[1050,6056,2672],{"class":1088},[1050,6058,1488],{"class":1084},[1050,6060,1735],{"class":1550},[1050,6062,1094],{"class":1063},[1050,6064,6066,6068,6070,6072,6074,6076,6078,6080,6082,6084,6086,6088,6090,6092,6094],{"class":1052,"line":6065},129,[1050,6067,2384],{"class":1084},[1050,6069,2686],{"class":2387},[1050,6071,1488],{"class":1084},[1050,6073,1081],{"class":1063},[1050,6075,4549],{"class":1473},[1050,6077,1853],{"class":1063},[1050,6079,4870],{"class":1547},[1050,6081,1551],{"class":1550},[1050,6083,1723],{"class":1473},[1050,6085,1593],{"class":1063},[1050,6087,1483],{"class":1084},[1050,6089,2703],{"class":1088},[1050,6091,1488],{"class":1084},[1050,6093,1735],{"class":1550},[1050,6095,1094],{"class":1063},[1050,6097,6099,6101,6103,6105,6107,6109,6111,6113,6115,6117,6119,6121,6123,6125,6127],{"class":1052,"line":6098},130,[1050,6100,2384],{"class":1084},[1050,6102,2717],{"class":2387},[1050,6104,1488],{"class":1084},[1050,6106,1081],{"class":1063},[1050,6108,4549],{"class":1473},[1050,6110,1853],{"class":1063},[1050,6112,4870],{"class":1547},[1050,6114,1551],{"class":1550},[1050,6116,1723],{"class":1473},[1050,6118,1593],{"class":1063},[1050,6120,1483],{"class":1084},[1050,6122,2734],{"class":1088},[1050,6124,1488],{"class":1084},[1050,6126,1735],{"class":1550},[1050,6128,1094],{"class":1063},[1050,6130,6132,6134,6136,6138,6140,6142,6144,6146,6148,6150,6152,6154,6156,6158],{"class":1052,"line":6131},131,[1050,6133,2384],{"class":1084},[1050,6135,2748],{"class":2387},[1050,6137,1488],{"class":1084},[1050,6139,1081],{"class":1063},[1050,6141,4549],{"class":1473},[1050,6143,1853],{"class":1063},[1050,6145,4870],{"class":1547},[1050,6147,1551],{"class":1550},[1050,6149,1723],{"class":1473},[1050,6151,1593],{"class":1063},[1050,6153,1483],{"class":1084},[1050,6155,2765],{"class":1088},[1050,6157,1488],{"class":1084},[1050,6159,1611],{"class":1550},[1050,6161,6163],{"class":1052,"line":6162},132,[1050,6164,2475],{"class":1063},[1050,6166,6168],{"class":1052,"line":6167},133,[1050,6169,1443],{"class":1063},[1050,6171,6173],{"class":1052,"line":6172},134,[1050,6174,4523],{"class":1063},[1035,6176,6178],{"id":6177},"django-webpack-integration","Django Webpack Integration",[1040,6180,6182],{"className":2795,"code":6181,"language":2797,"meta":1045,"style":1045},"# utils/webpack.py\nimport json\nimport os\nfrom django.conf import settings\nfrom django.contrib.staticfiles.storage import staticfiles_storage\n\nclass WebpackLoader:\n    \"\"\"Helper class for loading Webpack assets in Django templates.\"\"\"\n    \n    def __init__(self):\n        self.manifest = self._load_manifest()\n    \n    def _load_manifest(self):\n        \"\"\"Load Webpack manifest file.\"\"\"\n        if settings.DEBUG and os.environ.get('WEBPACK_DEV_MODE'):\n            return {}\n        \n        manifest_path = os.path.join(settings.STATIC_ROOT or '', 'dist', 'manifest.json')\n        \n        try:\n            with open(manifest_path, 'r') as f:\n                return json.load(f)\n        except (FileNotFoundError, json.JSONDecodeError):\n            return {}\n    \n    def get_bundle(self, bundle_name):\n        \"\"\"Get bundle URLs from manifest.\"\"\"\n        if settings.DEBUG and os.environ.get('WEBPACK_DEV_MODE'):\n            # Development mode\n            return {\n                'js': [f'http://localhost:3000/js/{bundle_name}.js'],\n                'css': []\n            }\n        \n        # Production mode\n        js_files = []\n        css_files = []\n        \n        # Main bundle\n        if f'{bundle_name}.js' in self.manifest:\n            js_files.append(staticfiles_storage.url(self.manifest[f'{bundle_name}.js']))\n        \n        if f'{bundle_name}.css' in self.manifest:\n            css_files.append(staticfiles_storage.url(self.manifest[f'{bundle_name}.css']))\n        \n        # Vendor bundle\n        if 'vendors.js' in self.manifest and bundle_name == 'main':\n            js_files.insert(0, staticfiles_storage.url(self.manifest['vendors.js']))\n        \n        if 'vendors.css' in self.manifest and bundle_name == 'main':\n            css_files.insert(0, staticfiles_storage.url(self.manifest['vendors.css']))\n        \n        return {\n            'js': js_files,\n            'css': css_files\n        }\n\nwebpack_loader = WebpackLoader()\n",[1047,6183,6184,6189,6195,6201,6215,6240,6244,6255,6264,6268,6284,6306,6310,6323,6333,6367,6373,6377,6427,6431,6438,6466,6482,6503,6509,6513,6531,6540,6572,6577,6583,6613,6626,6631,6635,6640,6649,6658,6662,6667,6693,6737,6741,6768,6809,6813,6818,6854,6895,6899,6932,6970,6974,6980,6996,7009,7013,7017],{"__ignoreMap":1045},[1050,6185,6186],{"class":1052,"line":1053},[1050,6187,6188],{"class":1056},"# utils/webpack.py\n",[1050,6190,6191,6193],{"class":1052,"line":1060},[1050,6192,1467],{"class":1466},[1050,6194,2818],{"class":1623},[1050,6196,6197,6199],{"class":1052,"line":1067},[1050,6198,1467],{"class":1466},[1050,6200,2811],{"class":1623},[1050,6202,6203,6205,6207,6209,6211,6213],{"class":1052,"line":1097},[1050,6204,2823],{"class":1466},[1050,6206,3215],{"class":1623},[1050,6208,1853],{"class":1063},[1050,6210,3220],{"class":1623},[1050,6212,1467],{"class":1466},[1050,6214,3225],{"class":1623},[1050,6216,6217,6219,6221,6223,6226,6228,6230,6232,6235,6237],{"class":1052,"line":1118},[1050,6218,2823],{"class":1466},[1050,6220,3215],{"class":1623},[1050,6222,1853],{"class":1063},[1050,6224,6225],{"class":1623},"contrib",[1050,6227,1853],{"class":1063},[1050,6229,2999],{"class":1623},[1050,6231,1853],{"class":1063},[1050,6233,6234],{"class":1623},"storage ",[1050,6236,1467],{"class":1466},[1050,6238,6239],{"class":1623}," staticfiles_storage\n",[1050,6241,6242],{"class":1052,"line":1139},[1050,6243,1536],{"emptyLinePlaceholder":1535},[1050,6245,6246,6249,6253],{"class":1052,"line":1154},[1050,6247,6248],{"class":1840},"class",[1050,6250,6252],{"class":6251},"sD-vU"," WebpackLoader",[1050,6254,2933],{"class":1063},[1050,6256,6257,6259,6262],{"class":1052,"line":1177},[1050,6258,3042],{"class":3041},[1050,6260,6261],{"class":3045},"Helper class for loading Webpack assets in Django templates.",[1050,6263,3049],{"class":3041},[1050,6265,6266],{"class":1052,"line":1198},[1050,6267,1664],{"class":1623},[1050,6269,6270,6273,6276,6278,6282],{"class":1052,"line":1219},[1050,6271,6272],{"class":1840},"    def",[1050,6274,6275],{"class":3128}," __init__",[1050,6277,1551],{"class":1063},[1050,6279,6281],{"class":6280},"sRjD_","self",[1050,6283,3320],{"class":1063},[1050,6285,6286,6289,6291,6294,6296,6299,6301,6304],{"class":1052,"line":1239},[1050,6287,6288],{"class":2845},"        self",[1050,6290,1853],{"class":1063},[1050,6292,6293],{"class":1916},"manifest",[1050,6295,1847],{"class":1063},[1050,6297,6298],{"class":2845}," self",[1050,6300,1853],{"class":1063},[1050,6302,6303],{"class":2867},"_load_manifest",[1050,6305,3186],{"class":1063},[1050,6307,6308],{"class":1052,"line":1245},[1050,6309,1664],{"class":1623},[1050,6311,6312,6314,6317,6319,6321],{"class":1052,"line":1259},[1050,6313,6272],{"class":1840},[1050,6315,6316],{"class":1547}," _load_manifest",[1050,6318,1551],{"class":1063},[1050,6320,6281],{"class":6280},[1050,6322,3320],{"class":1063},[1050,6324,6325,6328,6331],{"class":1052,"line":1279},[1050,6326,6327],{"class":3041},"        \"\"\"",[1050,6329,6330],{"class":3045},"Load Webpack manifest file.",[1050,6332,3049],{"class":3041},[1050,6334,6335,6337,6339,6341,6344,6346,6348,6350,6352,6354,6356,6358,6360,6363,6365],{"class":1052,"line":1299},[1050,6336,3377],{"class":1466},[1050,6338,3360],{"class":1623},[1050,6340,1853],{"class":1063},[1050,6342,6343],{"class":3365},"DEBUG",[1050,6345,2854],{"class":1900},[1050,6347,2857],{"class":1623},[1050,6349,1853],{"class":1063},[1050,6351,2862],{"class":1916},[1050,6353,1853],{"class":1063},[1050,6355,2868],{"class":2867},[1050,6357,1551],{"class":1063},[1050,6359,1488],{"class":1084},[1050,6361,6362],{"class":1088},"WEBPACK_DEV_MODE",[1050,6364,1488],{"class":1084},[1050,6366,3320],{"class":1063},[1050,6368,6369,6371],{"class":1052,"line":1320},[1050,6370,1969],{"class":1466},[1050,6372,3066],{"class":1063},[1050,6374,6375],{"class":1052,"line":1341},[1050,6376,3549],{"class":1623},[1050,6378,6379,6382,6384,6386,6388,6390,6392,6394,6396,6398,6400,6403,6406,6409,6411,6413,6415,6417,6419,6421,6423,6425],{"class":1052,"line":1362},[1050,6380,6381],{"class":1623},"        manifest_path ",[1050,6383,3078],{"class":1063},[1050,6385,2857],{"class":1623},[1050,6387,1853],{"class":1063},[1050,6389,1509],{"class":1916},[1050,6391,1853],{"class":1063},[1050,6393,5909],{"class":2867},[1050,6395,1551],{"class":1063},[1050,6397,3421],{"class":2867},[1050,6399,1853],{"class":1063},[1050,6401,6402],{"class":3365},"STATIC_ROOT",[1050,6404,6405],{"class":1466}," or",[1050,6407,6408],{"class":1084}," ''",[1050,6410,1593],{"class":1063},[1050,6412,1483],{"class":1084},[1050,6414,3008],{"class":1088},[1050,6416,1488],{"class":1084},[1050,6418,1593],{"class":1063},[1050,6420,1483],{"class":1084},[1050,6422,3104],{"class":1088},[1050,6424,1488],{"class":1084},[1050,6426,1611],{"class":1063},[1050,6428,6429],{"class":1052,"line":1381},[1050,6430,3549],{"class":1623},[1050,6432,6433,6436],{"class":1052,"line":1386},[1050,6434,6435],{"class":1466},"        try",[1050,6437,2933],{"class":1063},[1050,6439,6440,6443,6445,6447,6449,6451,6453,6456,6458,6460,6462,6464],{"class":1052,"line":1400},[1050,6441,6442],{"class":1466},"            with",[1050,6444,3129],{"class":3128},[1050,6446,1551],{"class":1063},[1050,6448,3134],{"class":2867},[1050,6450,1593],{"class":1063},[1050,6452,1483],{"class":1084},[1050,6454,6455],{"class":1088},"r",[1050,6457,1488],{"class":1084},[1050,6459,1735],{"class":1063},[1050,6461,3139],{"class":1466},[1050,6463,3142],{"class":1623},[1050,6465,2933],{"class":1063},[1050,6467,6468,6470,6472,6474,6476,6478,6480],{"class":1052,"line":1421},[1050,6469,3756],{"class":1466},[1050,6471,3151],{"class":1623},[1050,6473,1853],{"class":1063},[1050,6475,3156],{"class":2867},[1050,6477,1551],{"class":1063},[1050,6479,3161],{"class":2867},[1050,6481,1611],{"class":1063},[1050,6483,6484,6487,6489,6492,6494,6496,6498,6501],{"class":1052,"line":1440},[1050,6485,6486],{"class":1466},"        except",[1050,6488,1822],{"class":1063},[1050,6490,6491],{"class":1160},"FileNotFoundError",[1050,6493,1593],{"class":1063},[1050,6495,3151],{"class":1623},[1050,6497,1853],{"class":1063},[1050,6499,6500],{"class":1916},"JSONDecodeError",[1050,6502,3320],{"class":1063},[1050,6504,6505,6507],{"class":1052,"line":1446},[1050,6506,1969],{"class":1466},[1050,6508,3066],{"class":1063},[1050,6510,6511],{"class":1052,"line":1740},[1050,6512,1664],{"class":1623},[1050,6514,6515,6517,6520,6522,6524,6526,6529],{"class":1052,"line":1767},[1050,6516,6272],{"class":1840},[1050,6518,6519],{"class":1547}," get_bundle",[1050,6521,1551],{"class":1063},[1050,6523,6281],{"class":6280},[1050,6525,1593],{"class":1063},[1050,6527,6528],{"class":3316}," bundle_name",[1050,6530,3320],{"class":1063},[1050,6532,6533,6535,6538],{"class":1052,"line":1792},[1050,6534,6327],{"class":3041},[1050,6536,6537],{"class":3045},"Get bundle URLs from manifest.",[1050,6539,3049],{"class":3041},[1050,6541,6542,6544,6546,6548,6550,6552,6554,6556,6558,6560,6562,6564,6566,6568,6570],{"class":1052,"line":1798},[1050,6543,3377],{"class":1466},[1050,6545,3360],{"class":1623},[1050,6547,1853],{"class":1063},[1050,6549,6343],{"class":3365},[1050,6551,2854],{"class":1900},[1050,6553,2857],{"class":1623},[1050,6555,1853],{"class":1063},[1050,6557,2862],{"class":1916},[1050,6559,1853],{"class":1063},[1050,6561,2868],{"class":2867},[1050,6563,1551],{"class":1063},[1050,6565,1488],{"class":1084},[1050,6567,6362],{"class":1088},[1050,6569,1488],{"class":1084},[1050,6571,3320],{"class":1063},[1050,6573,6574],{"class":1052,"line":1808},[1050,6575,6576],{"class":1056},"            # Development mode\n",[1050,6578,6579,6581],{"class":1052,"line":1814},[1050,6580,1969],{"class":1466},[1050,6582,1151],{"class":1063},[1050,6584,6585,6587,6589,6591,6593,6595,6597,6600,6602,6605,6607,6610],{"class":1052,"line":1837},[1050,6586,4415],{"class":1084},[1050,6588,5019],{"class":1088},[1050,6590,1488],{"class":1084},[1050,6592,1081],{"class":1063},[1050,6594,1583],{"class":1063},[1050,6596,3161],{"class":1840},[1050,6598,6599],{"class":1088},"'http://localhost:3000/js/",[1050,6601,3418],{"class":3417},[1050,6603,6604],{"class":1623},"bundle_name",[1050,6606,1986],{"class":3417},[1050,6608,6609],{"class":1088},".js'",[1050,6611,6612],{"class":1063},"],\n",[1050,6614,6615,6617,6619,6621,6623],{"class":1052,"line":1876},[1050,6616,4415],{"class":1084},[1050,6618,1938],{"class":1088},[1050,6620,1488],{"class":1084},[1050,6622,1081],{"class":1063},[1050,6624,6625],{"class":1063}," []\n",[1050,6627,6628],{"class":1052,"line":1913},[1050,6629,6630],{"class":1063},"            }\n",[1050,6632,6633],{"class":1052,"line":1920},[1050,6634,3549],{"class":1623},[1050,6636,6637],{"class":1052,"line":1966},[1050,6638,6639],{"class":1056},"        # Production mode\n",[1050,6641,6642,6645,6647],{"class":1052,"line":1994},[1050,6643,6644],{"class":1623},"        js_files ",[1050,6646,3078],{"class":1063},[1050,6648,6625],{"class":1063},[1050,6650,6651,6654,6656],{"class":1052,"line":2000},[1050,6652,6653],{"class":1623},"        css_files ",[1050,6655,3078],{"class":1063},[1050,6657,6625],{"class":1063},[1050,6659,6660],{"class":1052,"line":2080},[1050,6661,3549],{"class":1623},[1050,6663,6664],{"class":1052,"line":2100},[1050,6665,6666],{"class":1056},"        # Main bundle\n",[1050,6668,6669,6671,6673,6675,6677,6679,6681,6683,6685,6687,6689,6691],{"class":1052,"line":2105},[1050,6670,3377],{"class":1466},[1050,6672,3142],{"class":1840},[1050,6674,1488],{"class":1088},[1050,6676,3418],{"class":3417},[1050,6678,6604],{"class":1623},[1050,6680,1986],{"class":3417},[1050,6682,6609],{"class":1088},[1050,6684,3676],{"class":1900},[1050,6686,6298],{"class":2845},[1050,6688,1853],{"class":1063},[1050,6690,6293],{"class":1916},[1050,6692,2933],{"class":1063},[1050,6694,6695,6698,6700,6703,6705,6708,6710,6712,6714,6716,6718,6720,6722,6724,6726,6728,6730,6732,6734],{"class":1052,"line":2162},[1050,6696,6697],{"class":1623},"            js_files",[1050,6699,1853],{"class":1063},[1050,6701,6702],{"class":2867},"append",[1050,6704,1551],{"class":1063},[1050,6706,6707],{"class":2867},"staticfiles_storage",[1050,6709,1853],{"class":1063},[1050,6711,4377],{"class":2867},[1050,6713,1551],{"class":1063},[1050,6715,6281],{"class":2845},[1050,6717,1853],{"class":1063},[1050,6719,6293],{"class":1916},[1050,6721,1888],{"class":1063},[1050,6723,3161],{"class":1840},[1050,6725,1488],{"class":1088},[1050,6727,3418],{"class":3417},[1050,6729,6604],{"class":1916},[1050,6731,1986],{"class":3417},[1050,6733,6609],{"class":1088},[1050,6735,6736],{"class":1063},"]))\n",[1050,6738,6739],{"class":1052,"line":2182},[1050,6740,3549],{"class":1623},[1050,6742,6743,6745,6747,6749,6751,6753,6755,6758,6760,6762,6764,6766],{"class":1052,"line":2187},[1050,6744,3377],{"class":1466},[1050,6746,3142],{"class":1840},[1050,6748,1488],{"class":1088},[1050,6750,3418],{"class":3417},[1050,6752,6604],{"class":1623},[1050,6754,1986],{"class":3417},[1050,6756,6757],{"class":1088},".css'",[1050,6759,3676],{"class":1900},[1050,6761,6298],{"class":2845},[1050,6763,1853],{"class":1063},[1050,6765,6293],{"class":1916},[1050,6767,2933],{"class":1063},[1050,6769,6770,6773,6775,6777,6779,6781,6783,6785,6787,6789,6791,6793,6795,6797,6799,6801,6803,6805,6807],{"class":1052,"line":2208},[1050,6771,6772],{"class":1623},"            css_files",[1050,6774,1853],{"class":1063},[1050,6776,6702],{"class":2867},[1050,6778,1551],{"class":1063},[1050,6780,6707],{"class":2867},[1050,6782,1853],{"class":1063},[1050,6784,4377],{"class":2867},[1050,6786,1551],{"class":1063},[1050,6788,6281],{"class":2845},[1050,6790,1853],{"class":1063},[1050,6792,6293],{"class":1916},[1050,6794,1888],{"class":1063},[1050,6796,3161],{"class":1840},[1050,6798,1488],{"class":1088},[1050,6800,3418],{"class":3417},[1050,6802,6604],{"class":1916},[1050,6804,1986],{"class":3417},[1050,6806,6757],{"class":1088},[1050,6808,6736],{"class":1063},[1050,6810,6811],{"class":1052,"line":2214},[1050,6812,3549],{"class":1623},[1050,6814,6815],{"class":1052,"line":2231},[1050,6816,6817],{"class":1056},"        # Vendor bundle\n",[1050,6819,6820,6822,6824,6827,6829,6831,6833,6835,6837,6839,6842,6845,6847,6850,6852],{"class":1052,"line":2246},[1050,6821,3377],{"class":1466},[1050,6823,1483],{"class":1084},[1050,6825,6826],{"class":1088},"vendors.js",[1050,6828,1488],{"class":1084},[1050,6830,3676],{"class":1900},[1050,6832,6298],{"class":2845},[1050,6834,1853],{"class":1063},[1050,6836,6293],{"class":1916},[1050,6838,2854],{"class":1900},[1050,6840,6841],{"class":1623}," bundle_name ",[1050,6843,6844],{"class":1900},"==",[1050,6846,1483],{"class":1084},[1050,6848,6849],{"class":1088},"main",[1050,6851,1488],{"class":1084},[1050,6853,2933],{"class":1063},[1050,6855,6856,6858,6860,6863,6865,6868,6870,6873,6875,6877,6879,6881,6883,6885,6887,6889,6891,6893],{"class":1052,"line":2252},[1050,6857,6697],{"class":1623},[1050,6859,1853],{"class":1063},[1050,6861,6862],{"class":2867},"insert",[1050,6864,1551],{"class":1063},[1050,6866,6867],{"class":1904},"0",[1050,6869,1593],{"class":1063},[1050,6871,6872],{"class":2867}," staticfiles_storage",[1050,6874,1853],{"class":1063},[1050,6876,4377],{"class":2867},[1050,6878,1551],{"class":1063},[1050,6880,6281],{"class":2845},[1050,6882,1853],{"class":1063},[1050,6884,6293],{"class":1916},[1050,6886,1888],{"class":1063},[1050,6888,1488],{"class":1084},[1050,6890,6826],{"class":1088},[1050,6892,1488],{"class":1084},[1050,6894,6736],{"class":1063},[1050,6896,6897],{"class":1052,"line":2258},[1050,6898,3549],{"class":1623},[1050,6900,6901,6903,6905,6908,6910,6912,6914,6916,6918,6920,6922,6924,6926,6928,6930],{"class":1052,"line":2263},[1050,6902,3377],{"class":1466},[1050,6904,1483],{"class":1084},[1050,6906,6907],{"class":1088},"vendors.css",[1050,6909,1488],{"class":1084},[1050,6911,3676],{"class":1900},[1050,6913,6298],{"class":2845},[1050,6915,1853],{"class":1063},[1050,6917,6293],{"class":1916},[1050,6919,2854],{"class":1900},[1050,6921,6841],{"class":1623},[1050,6923,6844],{"class":1900},[1050,6925,1483],{"class":1084},[1050,6927,6849],{"class":1088},[1050,6929,1488],{"class":1084},[1050,6931,2933],{"class":1063},[1050,6933,6934,6936,6938,6940,6942,6944,6946,6948,6950,6952,6954,6956,6958,6960,6962,6964,6966,6968],{"class":1052,"line":2269},[1050,6935,6772],{"class":1623},[1050,6937,1853],{"class":1063},[1050,6939,6862],{"class":2867},[1050,6941,1551],{"class":1063},[1050,6943,6867],{"class":1904},[1050,6945,1593],{"class":1063},[1050,6947,6872],{"class":2867},[1050,6949,1853],{"class":1063},[1050,6951,4377],{"class":2867},[1050,6953,1551],{"class":1063},[1050,6955,6281],{"class":2845},[1050,6957,1853],{"class":1063},[1050,6959,6293],{"class":1916},[1050,6961,1888],{"class":1063},[1050,6963,1488],{"class":1084},[1050,6965,6907],{"class":1088},[1050,6967,1488],{"class":1084},[1050,6969,6736],{"class":1063},[1050,6971,6972],{"class":1052,"line":2282},[1050,6973,3549],{"class":1623},[1050,6975,6976,6978],{"class":1052,"line":2287},[1050,6977,3063],{"class":1466},[1050,6979,1151],{"class":1063},[1050,6981,6982,6985,6987,6989,6991,6994],{"class":1052,"line":2293},[1050,6983,6984],{"class":1084},"            '",[1050,6986,5019],{"class":1088},[1050,6988,1488],{"class":1084},[1050,6990,1081],{"class":1063},[1050,6992,6993],{"class":1623}," js_files",[1050,6995,1094],{"class":1063},[1050,6997,6998,7000,7002,7004,7006],{"class":1052,"line":2304},[1050,6999,6984],{"class":1084},[1050,7001,1938],{"class":1088},[1050,7003,1488],{"class":1084},[1050,7005,1081],{"class":1063},[1050,7007,7008],{"class":1623}," css_files\n",[1050,7010,7011],{"class":1052,"line":2309},[1050,7012,5122],{"class":1063},[1050,7014,7015],{"class":1052,"line":2314},[1050,7016,1536],{"emptyLinePlaceholder":1535},[1050,7018,7019,7022,7024,7026],{"class":1052,"line":2320},[1050,7020,7021],{"class":1623},"webpack_loader ",[1050,7023,3078],{"class":1063},[1050,7025,6252],{"class":2867},[1050,7027,3186],{"class":1063},[1040,7029,7031],{"className":2795,"code":7030,"language":2797,"meta":1045,"style":1045},"# templatetags/webpack_tags.py\nfrom django import template\nfrom django.utils.safestring import mark_safe\nfrom utils.webpack import webpack_loader\n\nregister = template.Library()\n\n@register.simple_tag\ndef webpack_bundle(bundle_name):\n    \"\"\"Render script and link tags for a Webpack bundle.\"\"\"\n    bundle = webpack_loader.get_bundle(bundle_name)\n    \n    html = []\n    \n    # CSS files\n    for css_url in bundle['css']:\n        html.append(f'\u003Clink rel=\"stylesheet\" href=\"{css_url}\">')\n    \n    # JavaScript files\n    for js_url in bundle['js']:\n        html.append(f'\u003Cscript src=\"{js_url}\">\u003C/script>')\n    \n    return mark_safe('\\n'.join(html))\n\n@register.simple_tag\ndef webpack_css(bundle_name):\n    \"\"\"Render only CSS tags for a Webpack bundle.\"\"\"\n    bundle = webpack_loader.get_bundle(bundle_name)\n    \n    html = []\n    for css_url in bundle['css']:\n        html.append(f'\u003Clink rel=\"stylesheet\" href=\"{css_url}\">')\n    \n    return mark_safe('\\n'.join(html))\n\n@register.simple_tag\ndef webpack_js(bundle_name):\n    \"\"\"Render only JavaScript tags for a Webpack bundle.\"\"\"\n    bundle = webpack_loader.get_bundle(bundle_name)\n    \n    html = []\n    for js_url in bundle['js']:\n        html.append(f'\u003Cscript src=\"{js_url}\">\u003C/script>')\n    \n    return mark_safe('\\n'.join(html))\n",[1047,7032,7033,7038,7048,7066,7083,7087,7101,7105,7115,7128,7137,7158,7162,7171,7175,7180,7203,7228,7232,7237,7258,7285,7289,7314,7318,7328,7341,7350,7368,7372,7380,7400,7424,7428,7452,7456,7466,7479,7488,7506,7510,7518,7538,7562,7566],{"__ignoreMap":1045},[1050,7034,7035],{"class":1052,"line":1053},[1050,7036,7037],{"class":1056},"# templatetags/webpack_tags.py\n",[1050,7039,7040,7042,7044,7046],{"class":1052,"line":1060},[1050,7041,2823],{"class":1466},[1050,7043,3203],{"class":1623},[1050,7045,1467],{"class":1466},[1050,7047,3208],{"class":1623},[1050,7049,7050,7052,7054,7056,7058,7060,7062,7064],{"class":1052,"line":1067},[1050,7051,2823],{"class":1466},[1050,7053,3215],{"class":1623},[1050,7055,1853],{"class":1063},[1050,7057,3236],{"class":1623},[1050,7059,1853],{"class":1063},[1050,7061,3241],{"class":1623},[1050,7063,1467],{"class":1466},[1050,7065,3246],{"class":1623},[1050,7067,7068,7070,7073,7075,7078,7080],{"class":1052,"line":1097},[1050,7069,2823],{"class":1466},[1050,7071,7072],{"class":1623}," utils",[1050,7074,1853],{"class":1063},[1050,7076,7077],{"class":1623},"webpack ",[1050,7079,1467],{"class":1466},[1050,7081,7082],{"class":1623}," webpack_loader\n",[1050,7084,7085],{"class":1052,"line":1118},[1050,7086,1536],{"emptyLinePlaceholder":1535},[1050,7088,7089,7091,7093,7095,7097,7099],{"class":1052,"line":1139},[1050,7090,3276],{"class":1623},[1050,7092,3078],{"class":1063},[1050,7094,3281],{"class":1623},[1050,7096,1853],{"class":1063},[1050,7098,3286],{"class":2867},[1050,7100,3186],{"class":1063},[1050,7102,7103],{"class":1052,"line":1154},[1050,7104,1536],{"emptyLinePlaceholder":1535},[1050,7106,7107,7109,7111,7113],{"class":1052,"line":1177},[1050,7108,2655],{"class":1063},[1050,7110,3299],{"class":1547},[1050,7112,1853],{"class":1063},[1050,7114,3304],{"class":1547},[1050,7116,7117,7119,7122,7124,7126],{"class":1052,"line":1198},[1050,7118,3030],{"class":1840},[1050,7120,7121],{"class":1547}," webpack_bundle",[1050,7123,1551],{"class":1063},[1050,7125,6604],{"class":3316},[1050,7127,3320],{"class":1063},[1050,7129,7130,7132,7135],{"class":1052,"line":1219},[1050,7131,3042],{"class":3041},[1050,7133,7134],{"class":3045},"Render script and link tags for a Webpack bundle.",[1050,7136,3049],{"class":3041},[1050,7138,7139,7142,7144,7147,7149,7152,7154,7156],{"class":1052,"line":1239},[1050,7140,7141],{"class":1623},"    bundle ",[1050,7143,3078],{"class":1063},[1050,7145,7146],{"class":1623}," webpack_loader",[1050,7148,1853],{"class":1063},[1050,7150,7151],{"class":2867},"get_bundle",[1050,7153,1551],{"class":1063},[1050,7155,6604],{"class":2867},[1050,7157,1611],{"class":1063},[1050,7159,7160],{"class":1052,"line":1245},[1050,7161,1664],{"class":1623},[1050,7163,7164,7167,7169],{"class":1052,"line":1259},[1050,7165,7166],{"class":1623},"    html ",[1050,7168,3078],{"class":1063},[1050,7170,6625],{"class":1063},[1050,7172,7173],{"class":1052,"line":1279},[1050,7174,1664],{"class":1623},[1050,7176,7177],{"class":1052,"line":1299},[1050,7178,7179],{"class":1056},"    # CSS files\n",[1050,7181,7182,7185,7188,7190,7193,7195,7197,7199,7201],{"class":1052,"line":1320},[1050,7183,7184],{"class":1466},"    for",[1050,7186,7187],{"class":1623}," css_url ",[1050,7189,3559],{"class":1466},[1050,7191,7192],{"class":1623}," bundle",[1050,7194,1888],{"class":1063},[1050,7196,1488],{"class":1084},[1050,7198,1938],{"class":1088},[1050,7200,1488],{"class":1084},[1050,7202,3704],{"class":1063},[1050,7204,7205,7208,7210,7212,7214,7216,7218,7220,7222,7224,7226],{"class":1052,"line":1341},[1050,7206,7207],{"class":1623},"        html",[1050,7209,1853],{"class":1063},[1050,7211,6702],{"class":2867},[1050,7213,1551],{"class":1063},[1050,7215,3161],{"class":1840},[1050,7217,3480],{"class":1088},[1050,7219,3418],{"class":3417},[1050,7221,3743],{"class":2867},[1050,7223,1986],{"class":3417},[1050,7225,3807],{"class":1088},[1050,7227,1611],{"class":1063},[1050,7229,7230],{"class":1052,"line":1362},[1050,7231,1664],{"class":1623},[1050,7233,7234],{"class":1052,"line":1381},[1050,7235,7236],{"class":1056},"    # JavaScript files\n",[1050,7238,7239,7241,7244,7246,7248,7250,7252,7254,7256],{"class":1052,"line":1386},[1050,7240,7184],{"class":1466},[1050,7242,7243],{"class":1623}," js_url ",[1050,7245,3559],{"class":1466},[1050,7247,7192],{"class":1623},[1050,7249,1888],{"class":1063},[1050,7251,1488],{"class":1084},[1050,7253,5019],{"class":1088},[1050,7255,1488],{"class":1084},[1050,7257,3704],{"class":1063},[1050,7259,7260,7262,7264,7266,7268,7270,7273,7275,7278,7280,7283],{"class":1052,"line":1400},[1050,7261,7207],{"class":1623},[1050,7263,1853],{"class":1063},[1050,7265,6702],{"class":2867},[1050,7267,1551],{"class":1063},[1050,7269,3161],{"class":1840},[1050,7271,7272],{"class":1088},"'\u003Cscript src=\"",[1050,7274,3418],{"class":3417},[1050,7276,7277],{"class":2867},"js_url",[1050,7279,1986],{"class":3417},[1050,7281,7282],{"class":1088},"\">\u003C/script>'",[1050,7284,1611],{"class":1063},[1050,7286,7287],{"class":1052,"line":1421},[1050,7288,1664],{"class":1623},[1050,7290,7291,7293,7295,7297,7299,7301,7303,7305,7307,7309,7311],{"class":1052,"line":1440},[1050,7292,3168],{"class":1466},[1050,7294,3403],{"class":2867},[1050,7296,1551],{"class":1063},[1050,7298,1488],{"class":1084},[1050,7300,3735],{"class":2845},[1050,7302,1488],{"class":1084},[1050,7304,1853],{"class":1063},[1050,7306,5909],{"class":2867},[1050,7308,1551],{"class":1063},[1050,7310,3763],{"class":2867},[1050,7312,7313],{"class":1063},"))\n",[1050,7315,7316],{"class":1052,"line":1446},[1050,7317,1536],{"emptyLinePlaceholder":1535},[1050,7319,7320,7322,7324,7326],{"class":1052,"line":1740},[1050,7321,2655],{"class":1063},[1050,7323,3299],{"class":1547},[1050,7325,1853],{"class":1063},[1050,7327,3304],{"class":1547},[1050,7329,7330,7332,7335,7337,7339],{"class":1052,"line":1767},[1050,7331,3030],{"class":1840},[1050,7333,7334],{"class":1547}," webpack_css",[1050,7336,1551],{"class":1063},[1050,7338,6604],{"class":3316},[1050,7340,3320],{"class":1063},[1050,7342,7343,7345,7348],{"class":1052,"line":1792},[1050,7344,3042],{"class":3041},[1050,7346,7347],{"class":3045},"Render only CSS tags for a Webpack bundle.",[1050,7349,3049],{"class":3041},[1050,7351,7352,7354,7356,7358,7360,7362,7364,7366],{"class":1052,"line":1798},[1050,7353,7141],{"class":1623},[1050,7355,3078],{"class":1063},[1050,7357,7146],{"class":1623},[1050,7359,1853],{"class":1063},[1050,7361,7151],{"class":2867},[1050,7363,1551],{"class":1063},[1050,7365,6604],{"class":2867},[1050,7367,1611],{"class":1063},[1050,7369,7370],{"class":1052,"line":1808},[1050,7371,1664],{"class":1623},[1050,7373,7374,7376,7378],{"class":1052,"line":1814},[1050,7375,7166],{"class":1623},[1050,7377,3078],{"class":1063},[1050,7379,6625],{"class":1063},[1050,7381,7382,7384,7386,7388,7390,7392,7394,7396,7398],{"class":1052,"line":1837},[1050,7383,7184],{"class":1466},[1050,7385,7187],{"class":1623},[1050,7387,3559],{"class":1466},[1050,7389,7192],{"class":1623},[1050,7391,1888],{"class":1063},[1050,7393,1488],{"class":1084},[1050,7395,1938],{"class":1088},[1050,7397,1488],{"class":1084},[1050,7399,3704],{"class":1063},[1050,7401,7402,7404,7406,7408,7410,7412,7414,7416,7418,7420,7422],{"class":1052,"line":1876},[1050,7403,7207],{"class":1623},[1050,7405,1853],{"class":1063},[1050,7407,6702],{"class":2867},[1050,7409,1551],{"class":1063},[1050,7411,3161],{"class":1840},[1050,7413,3480],{"class":1088},[1050,7415,3418],{"class":3417},[1050,7417,3743],{"class":2867},[1050,7419,1986],{"class":3417},[1050,7421,3807],{"class":1088},[1050,7423,1611],{"class":1063},[1050,7425,7426],{"class":1052,"line":1913},[1050,7427,1664],{"class":1623},[1050,7429,7430,7432,7434,7436,7438,7440,7442,7444,7446,7448,7450],{"class":1052,"line":1920},[1050,7431,3168],{"class":1466},[1050,7433,3403],{"class":2867},[1050,7435,1551],{"class":1063},[1050,7437,1488],{"class":1084},[1050,7439,3735],{"class":2845},[1050,7441,1488],{"class":1084},[1050,7443,1853],{"class":1063},[1050,7445,5909],{"class":2867},[1050,7447,1551],{"class":1063},[1050,7449,3763],{"class":2867},[1050,7451,7313],{"class":1063},[1050,7453,7454],{"class":1052,"line":1966},[1050,7455,1536],{"emptyLinePlaceholder":1535},[1050,7457,7458,7460,7462,7464],{"class":1052,"line":1994},[1050,7459,2655],{"class":1063},[1050,7461,3299],{"class":1547},[1050,7463,1853],{"class":1063},[1050,7465,3304],{"class":1547},[1050,7467,7468,7470,7473,7475,7477],{"class":1052,"line":2000},[1050,7469,3030],{"class":1840},[1050,7471,7472],{"class":1547}," webpack_js",[1050,7474,1551],{"class":1063},[1050,7476,6604],{"class":3316},[1050,7478,3320],{"class":1063},[1050,7480,7481,7483,7486],{"class":1052,"line":2080},[1050,7482,3042],{"class":3041},[1050,7484,7485],{"class":3045},"Render only JavaScript tags for a Webpack bundle.",[1050,7487,3049],{"class":3041},[1050,7489,7490,7492,7494,7496,7498,7500,7502,7504],{"class":1052,"line":2100},[1050,7491,7141],{"class":1623},[1050,7493,3078],{"class":1063},[1050,7495,7146],{"class":1623},[1050,7497,1853],{"class":1063},[1050,7499,7151],{"class":2867},[1050,7501,1551],{"class":1063},[1050,7503,6604],{"class":2867},[1050,7505,1611],{"class":1063},[1050,7507,7508],{"class":1052,"line":2105},[1050,7509,1664],{"class":1623},[1050,7511,7512,7514,7516],{"class":1052,"line":2162},[1050,7513,7166],{"class":1623},[1050,7515,3078],{"class":1063},[1050,7517,6625],{"class":1063},[1050,7519,7520,7522,7524,7526,7528,7530,7532,7534,7536],{"class":1052,"line":2182},[1050,7521,7184],{"class":1466},[1050,7523,7243],{"class":1623},[1050,7525,3559],{"class":1466},[1050,7527,7192],{"class":1623},[1050,7529,1888],{"class":1063},[1050,7531,1488],{"class":1084},[1050,7533,5019],{"class":1088},[1050,7535,1488],{"class":1084},[1050,7537,3704],{"class":1063},[1050,7539,7540,7542,7544,7546,7548,7550,7552,7554,7556,7558,7560],{"class":1052,"line":2187},[1050,7541,7207],{"class":1623},[1050,7543,1853],{"class":1063},[1050,7545,6702],{"class":2867},[1050,7547,1551],{"class":1063},[1050,7549,3161],{"class":1840},[1050,7551,7272],{"class":1088},[1050,7553,3418],{"class":3417},[1050,7555,7277],{"class":2867},[1050,7557,1986],{"class":3417},[1050,7559,7282],{"class":1088},[1050,7561,1611],{"class":1063},[1050,7563,7564],{"class":1052,"line":2208},[1050,7565,1664],{"class":1623},[1050,7567,7568,7570,7572,7574,7576,7578,7580,7582,7584,7586,7588],{"class":1052,"line":2214},[1050,7569,3168],{"class":1466},[1050,7571,3403],{"class":2867},[1050,7573,1551],{"class":1063},[1050,7575,1488],{"class":1084},[1050,7577,3735],{"class":2845},[1050,7579,1488],{"class":1084},[1050,7581,1853],{"class":1063},[1050,7583,5909],{"class":2867},[1050,7585,1551],{"class":1063},[1050,7587,3763],{"class":2867},[1050,7589,7313],{"class":1063},[1030,7591,7593],{"id":7592},"development-workflow","Development Workflow",[1035,7595,7597],{"id":7596},"development-scripts","Development Scripts",[1040,7599,7601],{"className":1042,"code":7600,"language":1044,"meta":1045,"style":1045},"// package.json scripts\n{\n  \"scripts\": {\n    \"dev\": \"concurrently \\\"python manage.py runserver\\\" \\\"npm run vite:dev\\\"\",\n    \"vite:dev\": \"VITE_DEV_MODE=true vite\",\n    \"webpack:dev\": \"WEBPACK_DEV_MODE=true webpack serve\",\n    \"build\": \"vite build\",\n    \"build:webpack\": \"NODE_ENV=production webpack\",\n    \"watch\": \"vite build --watch\",\n    \"preview\": \"vite preview\",\n    \"lint\": \"eslint frontend/js --ext .js\",\n    \"lint:fix\": \"eslint frontend/js --ext .js --fix\",\n    \"format\": \"prettier --write frontend/js/**/*.js frontend/scss/**/*.scss\"\n  }\n}\n",[1047,7602,7603,7608,7612,7624,7659,7679,7699,7717,7737,7755,7773,7793,7813,7831,7835],{"__ignoreMap":1045},[1050,7604,7605],{"class":1052,"line":1053},[1050,7606,7607],{"class":1056},"// package.json scripts\n",[1050,7609,7610],{"class":1052,"line":1060},[1050,7611,1064],{"class":1063},[1050,7613,7614,7616,7618,7620,7622],{"class":1052,"line":1067},[1050,7615,1071],{"class":1070},[1050,7617,1144],{"class":1074},[1050,7619,1078],{"class":1070},[1050,7621,1081],{"class":1063},[1050,7623,1151],{"class":1063},[1050,7625,7626,7628,7630,7632,7634,7636,7639,7642,7645,7647,7650,7653,7655,7657],{"class":1052,"line":1097},[1050,7627,1157],{"class":1070},[1050,7629,1161],{"class":1160},[1050,7631,1078],{"class":1070},[1050,7633,1081],{"class":1063},[1050,7635,1085],{"class":1084},[1050,7637,7638],{"class":1088},"concurrently ",[1050,7640,7641],{"class":2845},"\\\"",[1050,7643,7644],{"class":1088},"python manage.py runserver",[1050,7646,7641],{"class":2845},[1050,7648,7649],{"class":2845}," \\\"",[1050,7651,7652],{"class":1088},"npm run vite:dev",[1050,7654,7641],{"class":2845},[1050,7656,1078],{"class":1084},[1050,7658,1094],{"class":1063},[1050,7660,7661,7663,7666,7668,7670,7672,7675,7677],{"class":1052,"line":1118},[1050,7662,1157],{"class":1070},[1050,7664,7665],{"class":1160},"vite:dev",[1050,7667,1078],{"class":1070},[1050,7669,1081],{"class":1063},[1050,7671,1085],{"class":1084},[1050,7673,7674],{"class":1088},"VITE_DEV_MODE=true vite",[1050,7676,1078],{"class":1084},[1050,7678,1094],{"class":1063},[1050,7680,7681,7683,7686,7688,7690,7692,7695,7697],{"class":1052,"line":1139},[1050,7682,1157],{"class":1070},[1050,7684,7685],{"class":1160},"webpack:dev",[1050,7687,1078],{"class":1070},[1050,7689,1081],{"class":1063},[1050,7691,1085],{"class":1084},[1050,7693,7694],{"class":1088},"WEBPACK_DEV_MODE=true webpack serve",[1050,7696,1078],{"class":1084},[1050,7698,1094],{"class":1063},[1050,7700,7701,7703,7705,7707,7709,7711,7713,7715],{"class":1052,"line":1154},[1050,7702,1157],{"class":1070},[1050,7704,1182],{"class":1160},[1050,7706,1078],{"class":1070},[1050,7708,1081],{"class":1063},[1050,7710,1085],{"class":1084},[1050,7712,1191],{"class":1088},[1050,7714,1078],{"class":1084},[1050,7716,1094],{"class":1063},[1050,7718,7719,7721,7724,7726,7728,7730,7733,7735],{"class":1052,"line":1177},[1050,7720,1157],{"class":1070},[1050,7722,7723],{"class":1160},"build:webpack",[1050,7725,1078],{"class":1070},[1050,7727,1081],{"class":1063},[1050,7729,1085],{"class":1084},[1050,7731,7732],{"class":1088},"NODE_ENV=production webpack",[1050,7734,1078],{"class":1084},[1050,7736,1094],{"class":1063},[1050,7738,7739,7741,7743,7745,7747,7749,7751,7753],{"class":1052,"line":1198},[1050,7740,1157],{"class":1070},[1050,7742,1224],{"class":1160},[1050,7744,1078],{"class":1070},[1050,7746,1081],{"class":1063},[1050,7748,1085],{"class":1084},[1050,7750,1233],{"class":1088},[1050,7752,1078],{"class":1084},[1050,7754,1094],{"class":1063},[1050,7756,7757,7759,7761,7763,7765,7767,7769,7771],{"class":1052,"line":1219},[1050,7758,1157],{"class":1070},[1050,7760,1203],{"class":1160},[1050,7762,1078],{"class":1070},[1050,7764,1081],{"class":1063},[1050,7766,1085],{"class":1084},[1050,7768,1212],{"class":1088},[1050,7770,1078],{"class":1084},[1050,7772,1094],{"class":1063},[1050,7774,7775,7777,7780,7782,7784,7786,7789,7791],{"class":1052,"line":1239},[1050,7776,1157],{"class":1070},[1050,7778,7779],{"class":1160},"lint",[1050,7781,1078],{"class":1070},[1050,7783,1081],{"class":1063},[1050,7785,1085],{"class":1084},[1050,7787,7788],{"class":1088},"eslint frontend/js --ext .js",[1050,7790,1078],{"class":1084},[1050,7792,1094],{"class":1063},[1050,7794,7795,7797,7800,7802,7804,7806,7809,7811],{"class":1052,"line":1245},[1050,7796,1157],{"class":1070},[1050,7798,7799],{"class":1160},"lint:fix",[1050,7801,1078],{"class":1070},[1050,7803,1081],{"class":1063},[1050,7805,1085],{"class":1084},[1050,7807,7808],{"class":1088},"eslint frontend/js --ext .js --fix",[1050,7810,1078],{"class":1084},[1050,7812,1094],{"class":1063},[1050,7814,7815,7817,7820,7822,7824,7826,7829],{"class":1052,"line":1259},[1050,7816,1157],{"class":1070},[1050,7818,7819],{"class":1160},"format",[1050,7821,1078],{"class":1070},[1050,7823,1081],{"class":1063},[1050,7825,1085],{"class":1084},[1050,7827,7828],{"class":1088},"prettier --write frontend/js/**/*.js frontend/scss/**/*.scss",[1050,7830,1236],{"class":1084},[1050,7832,7833],{"class":1052,"line":1279},[1050,7834,1443],{"class":1063},[1050,7836,7837],{"class":1052,"line":1299},[1050,7838,1449],{"class":1063},[1035,7840,7842],{"id":7841},"environment-configuration","Environment Configuration",[1040,7844,7848],{"className":7845,"code":7846,"language":7847,"meta":1045,"style":1045},"language-bash shiki shiki-themes material-theme-lighter vitesse-light vitesse-dark","# .env.development\nDEBUG=True\nVITE_DEV_MODE=True\nWEBPACK_DEV_MODE=True\n","bash",[1047,7849,7850,7855,7864,7872],{"__ignoreMap":1045},[1050,7851,7852],{"class":1052,"line":1053},[1050,7853,7854],{"class":1056},"# .env.development\n",[1050,7856,7857,7859,7861],{"class":1052,"line":1060},[1050,7858,6343],{"class":1473},[1050,7860,3078],{"class":1063},[1050,7862,7863],{"class":1088},"True\n",[1050,7865,7866,7868,7870],{"class":1052,"line":1067},[1050,7867,2846],{"class":1473},[1050,7869,3078],{"class":1063},[1050,7871,7863],{"class":1088},[1050,7873,7874,7876,7878],{"class":1052,"line":1097},[1050,7875,6362],{"class":1473},[1050,7877,3078],{"class":1063},[1050,7879,7863],{"class":1088},[1040,7881,7883],{"className":7845,"code":7882,"language":7847,"meta":1045,"style":1045},"# .env.production\nDEBUG=False\nVITE_DEV_MODE=False\nWEBPACK_DEV_MODE=False\n",[1047,7884,7885,7890,7899,7907],{"__ignoreMap":1045},[1050,7886,7887],{"class":1052,"line":1053},[1050,7888,7889],{"class":1056},"# .env.production\n",[1050,7891,7892,7894,7896],{"class":1052,"line":1060},[1050,7893,6343],{"class":1473},[1050,7895,3078],{"class":1063},[1050,7897,7898],{"class":1088},"False\n",[1050,7900,7901,7903,7905],{"class":1052,"line":1067},[1050,7902,2846],{"class":1473},[1050,7904,3078],{"class":1063},[1050,7906,7898],{"class":1088},[1050,7908,7909,7911,7913],{"class":1052,"line":1097},[1050,7910,6362],{"class":1473},[1050,7912,3078],{"class":1063},[1050,7914,7898],{"class":1088},[1035,7916,7918],{"id":7917},"django-management-command","Django Management Command",[1040,7920,7922],{"className":2795,"code":7921,"language":2797,"meta":1045,"style":1045},"# management/commands/build_frontend.py\nfrom django.core.management.base import BaseCommand\nimport subprocess\nimport os\n\nclass Command(BaseCommand):\n    help = 'Build frontend assets'\n    \n    def add_arguments(self, parser):\n        parser.add_argument(\n            '--tool',\n            choices=['vite', 'webpack'],\n            default='vite',\n            help='Build tool to use'\n        )\n        parser.add_argument(\n            '--watch',\n            action='store_true',\n            help='Watch for changes'\n        )\n    \n    def handle(self, *args, **options):\n        tool = options['tool']\n        watch = options['watch']\n        \n        if tool == 'vite':\n            cmd = ['npm', 'run', 'build']\n            if watch:\n                cmd = ['npm', 'run', 'watch']\n        else:\n            cmd = ['npm', 'run', 'build:webpack']\n            if watch:\n                cmd.extend(['--', '--watch'])\n        \n        self.stdout.write(f'Building frontend assets with {tool}...')\n        \n        try:\n            subprocess.run(cmd, check=True, cwd=os.getcwd())\n            self.stdout.write(\n                self.style.SUCCESS(f'Successfully built frontend assets with {tool}')\n            )\n        except subprocess.CalledProcessError as e:\n            self.stdout.write(\n                self.style.ERROR(f'Failed to build frontend assets: {e}')\n            )\n",[1047,7923,7924,7929,7955,7962,7968,7972,7987,8001,8005,8023,8035,8046,8071,8086,8100,8104,8114,8125,8141,8154,8158,8162,8190,8210,8229,8233,8250,8285,8294,8327,8334,8366,8374,8404,8408,8440,8444,8450,8492,8507,8539,8543,8562,8576,8607],{"__ignoreMap":1045},[1050,7925,7926],{"class":1052,"line":1053},[1050,7927,7928],{"class":1056},"# management/commands/build_frontend.py\n",[1050,7930,7931,7933,7935,7937,7940,7942,7945,7947,7950,7952],{"class":1052,"line":1060},[1050,7932,2823],{"class":1466},[1050,7934,3215],{"class":1623},[1050,7936,1853],{"class":1063},[1050,7938,7939],{"class":1623},"core",[1050,7941,1853],{"class":1063},[1050,7943,7944],{"class":1623},"management",[1050,7946,1853],{"class":1063},[1050,7948,7949],{"class":1623},"base ",[1050,7951,1467],{"class":1466},[1050,7953,7954],{"class":1623}," BaseCommand\n",[1050,7956,7957,7959],{"class":1052,"line":1067},[1050,7958,1467],{"class":1466},[1050,7960,7961],{"class":1623}," subprocess\n",[1050,7963,7964,7966],{"class":1052,"line":1097},[1050,7965,1467],{"class":1466},[1050,7967,2811],{"class":1623},[1050,7969,7970],{"class":1052,"line":1118},[1050,7971,1536],{"emptyLinePlaceholder":1535},[1050,7973,7974,7976,7979,7981,7985],{"class":1052,"line":1139},[1050,7975,6248],{"class":1840},[1050,7977,7978],{"class":6251}," Command",[1050,7980,1551],{"class":1063},[1050,7982,7984],{"class":7983},"sYn-s","BaseCommand",[1050,7986,3320],{"class":1063},[1050,7988,7989,7992,7994,7996,7999],{"class":1052,"line":1154},[1050,7990,7991],{"class":3128},"    help",[1050,7993,1847],{"class":1063},[1050,7995,1483],{"class":1084},[1050,7997,7998],{"class":1088},"Build frontend assets",[1050,8000,2243],{"class":1084},[1050,8002,8003],{"class":1052,"line":1177},[1050,8004,1664],{"class":1623},[1050,8006,8007,8009,8012,8014,8016,8018,8021],{"class":1052,"line":1198},[1050,8008,6272],{"class":1840},[1050,8010,8011],{"class":1547}," add_arguments",[1050,8013,1551],{"class":1063},[1050,8015,6281],{"class":6280},[1050,8017,1593],{"class":1063},[1050,8019,8020],{"class":3316}," parser",[1050,8022,3320],{"class":1063},[1050,8024,8025,8028,8030,8033],{"class":1052,"line":1219},[1050,8026,8027],{"class":1623},"        parser",[1050,8029,1853],{"class":1063},[1050,8031,8032],{"class":2867},"add_argument",[1050,8034,3406],{"class":1063},[1050,8036,8037,8039,8042,8044],{"class":1052,"line":1239},[1050,8038,6984],{"class":1084},[1050,8040,8041],{"class":1088},"--tool",[1050,8043,1488],{"class":1084},[1050,8045,1094],{"class":1063},[1050,8047,8048,8051,8054,8056,8058,8060,8062,8064,8067,8069],{"class":1052,"line":1245},[1050,8049,8050],{"class":1825},"            choices",[1050,8052,8053],{"class":1063},"=[",[1050,8055,1488],{"class":1084},[1050,8057,1170],{"class":1088},[1050,8059,1488],{"class":1084},[1050,8061,1593],{"class":1063},[1050,8063,1483],{"class":1084},[1050,8065,8066],{"class":1088},"webpack",[1050,8068,1488],{"class":1084},[1050,8070,6612],{"class":1063},[1050,8072,8073,8076,8078,8080,8082,8084],{"class":1052,"line":1259},[1050,8074,8075],{"class":1825},"            default",[1050,8077,3078],{"class":1063},[1050,8079,1488],{"class":1084},[1050,8081,1170],{"class":1088},[1050,8083,1488],{"class":1084},[1050,8085,1094],{"class":1063},[1050,8087,8088,8091,8093,8095,8098],{"class":1052,"line":1279},[1050,8089,8090],{"class":1825},"            help",[1050,8092,3078],{"class":1063},[1050,8094,1488],{"class":1084},[1050,8096,8097],{"class":1088},"Build tool to use",[1050,8099,2243],{"class":1084},[1050,8101,8102],{"class":1052,"line":1299},[1050,8103,3897],{"class":1063},[1050,8105,8106,8108,8110,8112],{"class":1052,"line":1320},[1050,8107,8027],{"class":1623},[1050,8109,1853],{"class":1063},[1050,8111,8032],{"class":2867},[1050,8113,3406],{"class":1063},[1050,8115,8116,8118,8121,8123],{"class":1052,"line":1341},[1050,8117,6984],{"class":1084},[1050,8119,8120],{"class":1088},"--watch",[1050,8122,1488],{"class":1084},[1050,8124,1094],{"class":1063},[1050,8126,8127,8130,8132,8134,8137,8139],{"class":1052,"line":1362},[1050,8128,8129],{"class":1825},"            action",[1050,8131,3078],{"class":1063},[1050,8133,1488],{"class":1084},[1050,8135,8136],{"class":1088},"store_true",[1050,8138,1488],{"class":1084},[1050,8140,1094],{"class":1063},[1050,8142,8143,8145,8147,8149,8152],{"class":1052,"line":1381},[1050,8144,8090],{"class":1825},[1050,8146,3078],{"class":1063},[1050,8148,1488],{"class":1084},[1050,8150,8151],{"class":1088},"Watch for changes",[1050,8153,2243],{"class":1084},[1050,8155,8156],{"class":1052,"line":1386},[1050,8157,3897],{"class":1063},[1050,8159,8160],{"class":1052,"line":1400},[1050,8161,1664],{"class":1623},[1050,8163,8164,8166,8169,8171,8173,8175,8178,8181,8183,8186,8188],{"class":1052,"line":1421},[1050,8165,6272],{"class":1840},[1050,8167,8168],{"class":1547}," handle",[1050,8170,1551],{"class":1063},[1050,8172,6281],{"class":6280},[1050,8174,1593],{"class":1063},[1050,8176,8177],{"class":1900}," *",[1050,8179,8180],{"class":3316},"args",[1050,8182,1593],{"class":1063},[1050,8184,8185],{"class":1900}," **",[1050,8187,4508],{"class":3316},[1050,8189,3320],{"class":1063},[1050,8191,8192,8195,8197,8199,8201,8203,8206,8208],{"class":1052,"line":1440},[1050,8193,8194],{"class":1623},"        tool ",[1050,8196,3078],{"class":1063},[1050,8198,4382],{"class":1623},[1050,8200,1888],{"class":1063},[1050,8202,1488],{"class":1084},[1050,8204,8205],{"class":1088},"tool",[1050,8207,1488],{"class":1084},[1050,8209,1603],{"class":1063},[1050,8211,8212,8215,8217,8219,8221,8223,8225,8227],{"class":1052,"line":1446},[1050,8213,8214],{"class":1623},"        watch ",[1050,8216,3078],{"class":1063},[1050,8218,4382],{"class":1623},[1050,8220,1888],{"class":1063},[1050,8222,1488],{"class":1084},[1050,8224,1224],{"class":1088},[1050,8226,1488],{"class":1084},[1050,8228,1603],{"class":1063},[1050,8230,8231],{"class":1052,"line":1740},[1050,8232,3549],{"class":1623},[1050,8234,8235,8237,8240,8242,8244,8246,8248],{"class":1052,"line":1767},[1050,8236,3377],{"class":1466},[1050,8238,8239],{"class":1623}," tool ",[1050,8241,6844],{"class":1900},[1050,8243,1483],{"class":1084},[1050,8245,1170],{"class":1088},[1050,8247,1488],{"class":1084},[1050,8249,2933],{"class":1063},[1050,8251,8252,8255,8257,8259,8261,8264,8266,8268,8270,8273,8275,8277,8279,8281,8283],{"class":1052,"line":1792},[1050,8253,8254],{"class":1623},"            cmd ",[1050,8256,3078],{"class":1063},[1050,8258,1583],{"class":1063},[1050,8260,1488],{"class":1084},[1050,8262,8263],{"class":1088},"npm",[1050,8265,1488],{"class":1084},[1050,8267,1593],{"class":1063},[1050,8269,1483],{"class":1084},[1050,8271,8272],{"class":1088},"run",[1050,8274,1488],{"class":1084},[1050,8276,1593],{"class":1063},[1050,8278,1483],{"class":1084},[1050,8280,1182],{"class":1088},[1050,8282,1488],{"class":1084},[1050,8284,1603],{"class":1063},[1050,8286,8287,8289,8292],{"class":1052,"line":1798},[1050,8288,3616],{"class":1466},[1050,8290,8291],{"class":1623}," watch",[1050,8293,2933],{"class":1063},[1050,8295,8296,8299,8301,8303,8305,8307,8309,8311,8313,8315,8317,8319,8321,8323,8325],{"class":1052,"line":1808},[1050,8297,8298],{"class":1623},"                cmd ",[1050,8300,3078],{"class":1063},[1050,8302,1583],{"class":1063},[1050,8304,1488],{"class":1084},[1050,8306,8263],{"class":1088},[1050,8308,1488],{"class":1084},[1050,8310,1593],{"class":1063},[1050,8312,1483],{"class":1084},[1050,8314,8272],{"class":1088},[1050,8316,1488],{"class":1084},[1050,8318,1593],{"class":1063},[1050,8320,1483],{"class":1084},[1050,8322,1224],{"class":1088},[1050,8324,1488],{"class":1084},[1050,8326,1603],{"class":1063},[1050,8328,8329,8332],{"class":1052,"line":1814},[1050,8330,8331],{"class":1466},"        else",[1050,8333,2933],{"class":1063},[1050,8335,8336,8338,8340,8342,8344,8346,8348,8350,8352,8354,8356,8358,8360,8362,8364],{"class":1052,"line":1837},[1050,8337,8254],{"class":1623},[1050,8339,3078],{"class":1063},[1050,8341,1583],{"class":1063},[1050,8343,1488],{"class":1084},[1050,8345,8263],{"class":1088},[1050,8347,1488],{"class":1084},[1050,8349,1593],{"class":1063},[1050,8351,1483],{"class":1084},[1050,8353,8272],{"class":1088},[1050,8355,1488],{"class":1084},[1050,8357,1593],{"class":1063},[1050,8359,1483],{"class":1084},[1050,8361,7723],{"class":1088},[1050,8363,1488],{"class":1084},[1050,8365,1603],{"class":1063},[1050,8367,8368,8370,8372],{"class":1052,"line":1876},[1050,8369,3616],{"class":1466},[1050,8371,8291],{"class":1623},[1050,8373,2933],{"class":1063},[1050,8375,8376,8379,8381,8384,8387,8389,8392,8394,8396,8398,8400,8402],{"class":1052,"line":1913},[1050,8377,8378],{"class":1623},"                cmd",[1050,8380,1853],{"class":1063},[1050,8382,8383],{"class":2867},"extend",[1050,8385,8386],{"class":1063},"([",[1050,8388,1488],{"class":1084},[1050,8390,8391],{"class":1088},"--",[1050,8393,1488],{"class":1084},[1050,8395,1593],{"class":1063},[1050,8397,1483],{"class":1084},[1050,8399,8120],{"class":1088},[1050,8401,1488],{"class":1084},[1050,8403,3606],{"class":1063},[1050,8405,8406],{"class":1052,"line":1920},[1050,8407,3549],{"class":1623},[1050,8409,8410,8412,8414,8417,8419,8422,8424,8426,8429,8431,8433,8435,8438],{"class":1052,"line":1966},[1050,8411,6288],{"class":2845},[1050,8413,1853],{"class":1063},[1050,8415,8416],{"class":1916},"stdout",[1050,8418,1853],{"class":1063},[1050,8420,8421],{"class":2867},"write",[1050,8423,1551],{"class":1063},[1050,8425,3161],{"class":1840},[1050,8427,8428],{"class":1088},"'Building frontend assets with ",[1050,8430,3418],{"class":3417},[1050,8432,8205],{"class":2867},[1050,8434,1986],{"class":3417},[1050,8436,8437],{"class":1088},"...'",[1050,8439,1611],{"class":1063},[1050,8441,8442],{"class":1052,"line":1994},[1050,8443,3549],{"class":1623},[1050,8445,8446,8448],{"class":1052,"line":2000},[1050,8447,6435],{"class":1466},[1050,8449,2933],{"class":1063},[1050,8451,8452,8455,8457,8459,8461,8464,8466,8469,8471,8474,8476,8479,8481,8484,8486,8489],{"class":1052,"line":2080},[1050,8453,8454],{"class":1623},"            subprocess",[1050,8456,1853],{"class":1063},[1050,8458,8272],{"class":2867},[1050,8460,1551],{"class":1063},[1050,8462,8463],{"class":2867},"cmd",[1050,8465,1593],{"class":1063},[1050,8467,8468],{"class":1825}," check",[1050,8470,3078],{"class":1063},[1050,8472,8473],{"class":1978},"True",[1050,8475,1593],{"class":1063},[1050,8477,8478],{"class":1825}," cwd",[1050,8480,3078],{"class":1063},[1050,8482,8483],{"class":2867},"os",[1050,8485,1853],{"class":1063},[1050,8487,8488],{"class":2867},"getcwd",[1050,8490,8491],{"class":1063},"())\n",[1050,8493,8494,8497,8499,8501,8503,8505],{"class":1052,"line":2100},[1050,8495,8496],{"class":2845},"            self",[1050,8498,1853],{"class":1063},[1050,8500,8416],{"class":1916},[1050,8502,1853],{"class":1063},[1050,8504,8421],{"class":2867},[1050,8506,3406],{"class":1063},[1050,8508,8509,8512,8514,8517,8519,8522,8524,8526,8529,8531,8533,8535,8537],{"class":1052,"line":2105},[1050,8510,8511],{"class":2845},"                self",[1050,8513,1853],{"class":1063},[1050,8515,8516],{"class":1916},"style",[1050,8518,1853],{"class":1063},[1050,8520,8521],{"class":2867},"SUCCESS",[1050,8523,1551],{"class":1063},[1050,8525,3161],{"class":1840},[1050,8527,8528],{"class":1088},"'Successfully built frontend assets with ",[1050,8530,3418],{"class":3417},[1050,8532,8205],{"class":2867},[1050,8534,1986],{"class":3417},[1050,8536,1488],{"class":1088},[1050,8538,1611],{"class":1063},[1050,8540,8541],{"class":1052,"line":2162},[1050,8542,3443],{"class":1063},[1050,8544,8545,8547,8550,8552,8555,8557,8560],{"class":1052,"line":2182},[1050,8546,6486],{"class":1466},[1050,8548,8549],{"class":1623}," subprocess",[1050,8551,1853],{"class":1063},[1050,8553,8554],{"class":1916},"CalledProcessError",[1050,8556,3139],{"class":1466},[1050,8558,8559],{"class":1623}," e",[1050,8561,2933],{"class":1063},[1050,8563,8564,8566,8568,8570,8572,8574],{"class":1052,"line":2187},[1050,8565,8496],{"class":2845},[1050,8567,1853],{"class":1063},[1050,8569,8416],{"class":1916},[1050,8571,1853],{"class":1063},[1050,8573,8421],{"class":2867},[1050,8575,3406],{"class":1063},[1050,8577,8578,8580,8582,8584,8586,8589,8591,8593,8596,8598,8601,8603,8605],{"class":1052,"line":2208},[1050,8579,8511],{"class":2845},[1050,8581,1853],{"class":1063},[1050,8583,8516],{"class":1916},[1050,8585,1853],{"class":1063},[1050,8587,8588],{"class":2867},"ERROR",[1050,8590,1551],{"class":1063},[1050,8592,3161],{"class":1840},[1050,8594,8595],{"class":1088},"'Failed to build frontend assets: ",[1050,8597,3418],{"class":3417},[1050,8599,8600],{"class":2867},"e",[1050,8602,1986],{"class":3417},[1050,8604,1488],{"class":1088},[1050,8606,1611],{"class":1063},[1050,8608,8609],{"class":1052,"line":2214},[1050,8610,3443],{"class":1063},[1030,8612,8614],{"id":8613},"production-deployment","Production Deployment",[1035,8616,8618],{"id":8617},"build-process","Build Process",[1040,8620,8624],{"className":8621,"code":8622,"language":8623,"meta":1045,"style":1045},"language-yaml shiki shiki-themes material-theme-lighter vitesse-light vitesse-dark","# .github/workflows/deploy.yml\nname: Deploy\non:\n  push:\n    branches: [main]\n\njobs:\n  deploy:\n    runs-on: ubuntu-latest\n    steps:\n      - uses: actions/checkout@v3\n      \n      - name: Setup Node.js\n        uses: actions/setup-node@v3\n        with:\n          node-version: '18'\n          cache: 'npm'\n      \n      - name: Install dependencies\n        run: npm ci\n      \n      - name: Build frontend assets\n        run: npm run build\n      \n      - name: Setup Python\n        uses: actions/setup-python@v4\n        with:\n          python-version: '3.11'\n      \n      - name: Install Python dependencies\n        run: |\n          pip install -r requirements.txt\n      \n      - name: Collect static files\n        run: |\n          python manage.py collectstatic --noinput\n      \n      - name: Deploy to production\n        run: |\n          # Your deployment commands here\n","yaml",[1047,8625,8626,8631,8640,8647,8654,8667,8671,8678,8685,8695,8702,8715,8719,8730,8740,8746,8760,8773,8777,8788,8798,8802,8813,8822,8826,8837,8846,8852,8866,8870,8881,8890,8895,8899,8910,8918,8923,8927,8938,8946],{"__ignoreMap":1045},[1050,8627,8628],{"class":1052,"line":1053},[1050,8629,8630],{"class":1056},"# .github/workflows/deploy.yml\n",[1050,8632,8633,8635,8637],{"class":1052,"line":1060},[1050,8634,1075],{"class":1558},[1050,8636,1081],{"class":1063},[1050,8638,8639],{"class":1088}," Deploy\n",[1050,8641,8642,8645],{"class":1052,"line":1067},[1050,8643,8644],{"class":1679},"on",[1050,8646,2933],{"class":1063},[1050,8648,8649,8652],{"class":1052,"line":1097},[1050,8650,8651],{"class":1558},"  push",[1050,8653,2933],{"class":1063},[1050,8655,8656,8659,8661,8663,8665],{"class":1052,"line":1118},[1050,8657,8658],{"class":1558},"    branches",[1050,8660,1081],{"class":1063},[1050,8662,1583],{"class":1063},[1050,8664,6849],{"class":1088},[1050,8666,1603],{"class":1063},[1050,8668,8669],{"class":1052,"line":1139},[1050,8670,1536],{"emptyLinePlaceholder":1535},[1050,8672,8673,8676],{"class":1052,"line":1154},[1050,8674,8675],{"class":1558},"jobs",[1050,8677,2933],{"class":1063},[1050,8679,8680,8683],{"class":1052,"line":1177},[1050,8681,8682],{"class":1558},"  deploy",[1050,8684,2933],{"class":1063},[1050,8686,8687,8690,8692],{"class":1052,"line":1198},[1050,8688,8689],{"class":1558},"    runs-on",[1050,8691,1081],{"class":1063},[1050,8693,8694],{"class":1088}," ubuntu-latest\n",[1050,8696,8697,8700],{"class":1052,"line":1219},[1050,8698,8699],{"class":1558},"    steps",[1050,8701,2933],{"class":1063},[1050,8703,8704,8707,8710,8712],{"class":1052,"line":1239},[1050,8705,8706],{"class":1063},"      -",[1050,8708,8709],{"class":1558}," uses",[1050,8711,1081],{"class":1063},[1050,8713,8714],{"class":1088}," actions/checkout@v3\n",[1050,8716,8717],{"class":1052,"line":1245},[1050,8718,5131],{"class":1623},[1050,8720,8721,8723,8725,8727],{"class":1052,"line":1259},[1050,8722,8706],{"class":1063},[1050,8724,3996],{"class":1558},[1050,8726,1081],{"class":1063},[1050,8728,8729],{"class":1088}," Setup Node.js\n",[1050,8731,8732,8735,8737],{"class":1052,"line":1279},[1050,8733,8734],{"class":1558},"        uses",[1050,8736,1081],{"class":1063},[1050,8738,8739],{"class":1088}," actions/setup-node@v3\n",[1050,8741,8742,8744],{"class":1052,"line":1299},[1050,8743,3125],{"class":1558},[1050,8745,2933],{"class":1063},[1050,8747,8748,8751,8753,8755,8758],{"class":1052,"line":1320},[1050,8749,8750],{"class":1558},"          node-version",[1050,8752,1081],{"class":1063},[1050,8754,1483],{"class":1084},[1050,8756,8757],{"class":1088},"18",[1050,8759,2243],{"class":1084},[1050,8761,8762,8765,8767,8769,8771],{"class":1052,"line":1341},[1050,8763,8764],{"class":1558},"          cache",[1050,8766,1081],{"class":1063},[1050,8768,1483],{"class":1084},[1050,8770,8263],{"class":1088},[1050,8772,2243],{"class":1084},[1050,8774,8775],{"class":1052,"line":1362},[1050,8776,5131],{"class":1623},[1050,8778,8779,8781,8783,8785],{"class":1052,"line":1381},[1050,8780,8706],{"class":1063},[1050,8782,3996],{"class":1558},[1050,8784,1081],{"class":1063},[1050,8786,8787],{"class":1088}," Install dependencies\n",[1050,8789,8790,8793,8795],{"class":1052,"line":1386},[1050,8791,8792],{"class":1558},"        run",[1050,8794,1081],{"class":1063},[1050,8796,8797],{"class":1088}," npm ci\n",[1050,8799,8800],{"class":1052,"line":1400},[1050,8801,5131],{"class":1623},[1050,8803,8804,8806,8808,8810],{"class":1052,"line":1421},[1050,8805,8706],{"class":1063},[1050,8807,3996],{"class":1558},[1050,8809,1081],{"class":1063},[1050,8811,8812],{"class":1088}," Build frontend assets\n",[1050,8814,8815,8817,8819],{"class":1052,"line":1440},[1050,8816,8792],{"class":1558},[1050,8818,1081],{"class":1063},[1050,8820,8821],{"class":1088}," npm run build\n",[1050,8823,8824],{"class":1052,"line":1446},[1050,8825,5131],{"class":1623},[1050,8827,8828,8830,8832,8834],{"class":1052,"line":1740},[1050,8829,8706],{"class":1063},[1050,8831,3996],{"class":1558},[1050,8833,1081],{"class":1063},[1050,8835,8836],{"class":1088}," Setup Python\n",[1050,8838,8839,8841,8843],{"class":1052,"line":1767},[1050,8840,8734],{"class":1558},[1050,8842,1081],{"class":1063},[1050,8844,8845],{"class":1088}," actions/setup-python@v4\n",[1050,8847,8848,8850],{"class":1052,"line":1792},[1050,8849,3125],{"class":1558},[1050,8851,2933],{"class":1063},[1050,8853,8854,8857,8859,8861,8864],{"class":1052,"line":1798},[1050,8855,8856],{"class":1558},"          python-version",[1050,8858,1081],{"class":1063},[1050,8860,1483],{"class":1084},[1050,8862,8863],{"class":1088},"3.11",[1050,8865,2243],{"class":1084},[1050,8867,8868],{"class":1052,"line":1808},[1050,8869,5131],{"class":1623},[1050,8871,8872,8874,8876,8878],{"class":1052,"line":1814},[1050,8873,8706],{"class":1063},[1050,8875,3996],{"class":1558},[1050,8877,1081],{"class":1063},[1050,8879,8880],{"class":1088}," Install Python dependencies\n",[1050,8882,8883,8885,8887],{"class":1052,"line":1837},[1050,8884,8792],{"class":1558},[1050,8886,1081],{"class":1063},[1050,8888,8889],{"class":1466}," |\n",[1050,8891,8892],{"class":1052,"line":1876},[1050,8893,8894],{"class":1088},"          pip install -r requirements.txt\n",[1050,8896,8897],{"class":1052,"line":1913},[1050,8898,5131],{"class":1088},[1050,8900,8901,8903,8905,8907],{"class":1052,"line":1920},[1050,8902,8706],{"class":1063},[1050,8904,3996],{"class":1558},[1050,8906,1081],{"class":1063},[1050,8908,8909],{"class":1088}," Collect static files\n",[1050,8911,8912,8914,8916],{"class":1052,"line":1966},[1050,8913,8792],{"class":1558},[1050,8915,1081],{"class":1063},[1050,8917,8889],{"class":1466},[1050,8919,8920],{"class":1052,"line":1994},[1050,8921,8922],{"class":1088},"          python manage.py collectstatic --noinput\n",[1050,8924,8925],{"class":1052,"line":2000},[1050,8926,5131],{"class":1088},[1050,8928,8929,8931,8933,8935],{"class":1052,"line":2080},[1050,8930,8706],{"class":1063},[1050,8932,3996],{"class":1558},[1050,8934,1081],{"class":1063},[1050,8936,8937],{"class":1088}," Deploy to production\n",[1050,8939,8940,8942,8944],{"class":1052,"line":2100},[1050,8941,8792],{"class":1558},[1050,8943,1081],{"class":1063},[1050,8945,8889],{"class":1466},[1050,8947,8948],{"class":1052,"line":2105},[1050,8949,8950],{"class":1088},"          # Your deployment commands here\n",[1035,8952,8954],{"id":8953},"docker-configuration","Docker Configuration",[1040,8956,8960],{"className":8957,"code":8958,"language":8959,"meta":1045,"style":1045},"language-dockerfile shiki shiki-themes material-theme-lighter vitesse-light vitesse-dark","# Dockerfile\nFROM node:18-alpine AS frontend-builder\n\nWORKDIR /app\nCOPY package*.json ./\nRUN npm ci\n\nCOPY frontend/ ./frontend/\nCOPY vite.config.js ./\nRUN npm run build\n\nFROM python:3.11-slim\n\nWORKDIR /app\n\n# Copy Python requirements and install\nCOPY requirements.txt .\nRUN pip install -r requirements.txt\n\n# Copy Django application\nCOPY . .\n\n# Copy built frontend assets\nCOPY --from=frontend-builder /app/staticfiles/dist ./staticfiles/dist\n\n# Collect static files\nRUN python manage.py collectstatic --noinput\n\nEXPOSE 8000\nCMD [\"gunicorn\", \"myproject.wsgi:application\", \"--bind\", \"0.0.0.0:8000\"]\n","dockerfile",[1047,8961,8962,8967,8981,8985,8993,9001,9008,9012,9019,9026,9032,9036,9043,9047,9053,9057,9062,9069,9076,9080,9085,9092,9096,9101,9108,9112,9117,9124,9128,9136],{"__ignoreMap":1045},[1050,8963,8964],{"class":1052,"line":1053},[1050,8965,8966],{"class":1056},"# Dockerfile\n",[1050,8968,8969,8972,8975,8978],{"class":1052,"line":1060},[1050,8970,8971],{"class":2060},"FROM",[1050,8973,8974],{"class":1623}," node:18-alpine ",[1050,8976,8977],{"class":2060},"AS",[1050,8979,8980],{"class":1623}," frontend-builder\n",[1050,8982,8983],{"class":1052,"line":1067},[1050,8984,1536],{"emptyLinePlaceholder":1535},[1050,8986,8987,8990],{"class":1052,"line":1097},[1050,8988,8989],{"class":2060},"WORKDIR",[1050,8991,8992],{"class":1623}," /app\n",[1050,8994,8995,8998],{"class":1052,"line":1118},[1050,8996,8997],{"class":2060},"COPY",[1050,8999,9000],{"class":1623}," package*.json ./\n",[1050,9002,9003,9006],{"class":1052,"line":1139},[1050,9004,9005],{"class":2060},"RUN",[1050,9007,8797],{"class":1623},[1050,9009,9010],{"class":1052,"line":1154},[1050,9011,1536],{"emptyLinePlaceholder":1535},[1050,9013,9014,9016],{"class":1052,"line":1177},[1050,9015,8997],{"class":2060},[1050,9017,9018],{"class":1623}," frontend/ ./frontend/\n",[1050,9020,9021,9023],{"class":1052,"line":1198},[1050,9022,8997],{"class":2060},[1050,9024,9025],{"class":1623}," vite.config.js ./\n",[1050,9027,9028,9030],{"class":1052,"line":1219},[1050,9029,9005],{"class":2060},[1050,9031,8821],{"class":1623},[1050,9033,9034],{"class":1052,"line":1239},[1050,9035,1536],{"emptyLinePlaceholder":1535},[1050,9037,9038,9040],{"class":1052,"line":1245},[1050,9039,8971],{"class":2060},[1050,9041,9042],{"class":1623}," python:3.11-slim\n",[1050,9044,9045],{"class":1052,"line":1259},[1050,9046,1536],{"emptyLinePlaceholder":1535},[1050,9048,9049,9051],{"class":1052,"line":1279},[1050,9050,8989],{"class":2060},[1050,9052,8992],{"class":1623},[1050,9054,9055],{"class":1052,"line":1299},[1050,9056,1536],{"emptyLinePlaceholder":1535},[1050,9058,9059],{"class":1052,"line":1320},[1050,9060,9061],{"class":1056},"# Copy Python requirements and install\n",[1050,9063,9064,9066],{"class":1052,"line":1341},[1050,9065,8997],{"class":2060},[1050,9067,9068],{"class":1623}," requirements.txt .\n",[1050,9070,9071,9073],{"class":1052,"line":1362},[1050,9072,9005],{"class":2060},[1050,9074,9075],{"class":1623}," pip install -r requirements.txt\n",[1050,9077,9078],{"class":1052,"line":1381},[1050,9079,1536],{"emptyLinePlaceholder":1535},[1050,9081,9082],{"class":1052,"line":1386},[1050,9083,9084],{"class":1056},"# Copy Django application\n",[1050,9086,9087,9089],{"class":1052,"line":1400},[1050,9088,8997],{"class":2060},[1050,9090,9091],{"class":1623}," . .\n",[1050,9093,9094],{"class":1052,"line":1421},[1050,9095,1536],{"emptyLinePlaceholder":1535},[1050,9097,9098],{"class":1052,"line":1440},[1050,9099,9100],{"class":1056},"# Copy built frontend assets\n",[1050,9102,9103,9105],{"class":1052,"line":1446},[1050,9104,8997],{"class":2060},[1050,9106,9107],{"class":1623}," --from=frontend-builder /app/staticfiles/dist ./staticfiles/dist\n",[1050,9109,9110],{"class":1052,"line":1740},[1050,9111,1536],{"emptyLinePlaceholder":1535},[1050,9113,9114],{"class":1052,"line":1767},[1050,9115,9116],{"class":1056},"# Collect static files\n",[1050,9118,9119,9121],{"class":1052,"line":1792},[1050,9120,9005],{"class":2060},[1050,9122,9123],{"class":1623}," python manage.py collectstatic --noinput\n",[1050,9125,9126],{"class":1052,"line":1798},[1050,9127,1536],{"emptyLinePlaceholder":1535},[1050,9129,9130,9133],{"class":1052,"line":1808},[1050,9131,9132],{"class":2060},"EXPOSE",[1050,9134,9135],{"class":1623}," 8000\n",[1050,9137,9138,9141,9143,9146,9149,9152,9154,9157,9159,9162],{"class":1052,"line":1814},[1050,9139,9140],{"class":2060},"CMD",[1050,9142,1583],{"class":1623},[1050,9144,9145],{"class":1088},"\"gunicorn\"",[1050,9147,9148],{"class":1623},", ",[1050,9150,9151],{"class":1088},"\"myproject.wsgi:application\"",[1050,9153,9148],{"class":1623},[1050,9155,9156],{"class":1088},"\"--bind\"",[1050,9158,9148],{"class":1623},[1050,9160,9161],{"class":1088},"\"0.0.0.0:8000\"",[1050,9163,1603],{"class":1623},[1030,9165,9167],{"id":9166},"performance-optimization","Performance Optimization",[1035,9169,9171],{"id":9170},"code-splitting","Code Splitting",[1040,9173,9175],{"className":1452,"code":9174,"language":1454,"meta":1045,"style":1045},"// Dynamic imports for code splitting\nconst loadBlogModule = () => import('./pages/blog.js');\nconst loadDashboardModule = () => import('./pages/dashboard.js');\n\n// Route-based code splitting\nconst routes = {\n  '/blog/': loadBlogModule,\n  '/dashboard/': loadDashboardModule\n};\n\n// Load modules based on current page\nconst currentPath = window.location.pathname;\nif (routes[currentPath]) {\n  routes[currentPath]().then(module => {\n    module.default();\n  });\n}\n",[1047,9176,9177,9182,9213,9241,9245,9250,9261,9277,9291,9295,9299,9304,9328,9347,9372,9386,9395],{"__ignoreMap":1045},[1050,9178,9179],{"class":1052,"line":1053},[1050,9180,9181],{"class":1056},"// Dynamic imports for code splitting\n",[1050,9183,9184,9186,9190,9192,9195,9197,9200,9202,9204,9207,9209,9211],{"class":1052,"line":1060},[1050,9185,4546],{"class":1840},[1050,9187,9189],{"class":9188},"sAbu7"," loadBlogModule",[1050,9191,1847],{"class":1063},[1050,9193,9194],{"class":1063}," ()",[1050,9196,1832],{"class":1831},[1050,9198,9199],{"class":1900}," import",[1050,9201,1551],{"class":1550},[1050,9203,1488],{"class":1084},[1050,9205,9206],{"class":1088},"./pages/blog.js",[1050,9208,1488],{"class":1084},[1050,9210,1735],{"class":1550},[1050,9212,1491],{"class":1063},[1050,9214,9215,9217,9220,9222,9224,9226,9228,9230,9232,9235,9237,9239],{"class":1052,"line":1067},[1050,9216,4546],{"class":1840},[1050,9218,9219],{"class":9188}," loadDashboardModule",[1050,9221,1847],{"class":1063},[1050,9223,9194],{"class":1063},[1050,9225,1832],{"class":1831},[1050,9227,9199],{"class":1900},[1050,9229,1551],{"class":1550},[1050,9231,1488],{"class":1084},[1050,9233,9234],{"class":1088},"./pages/dashboard.js",[1050,9236,1488],{"class":1084},[1050,9238,1735],{"class":1550},[1050,9240,1491],{"class":1063},[1050,9242,9243],{"class":1052,"line":1097},[1050,9244,1536],{"emptyLinePlaceholder":1535},[1050,9246,9247],{"class":1052,"line":1118},[1050,9248,9249],{"class":1056},"// Route-based code splitting\n",[1050,9251,9252,9254,9257,9259],{"class":1052,"line":1139},[1050,9253,4546],{"class":1840},[1050,9255,9256],{"class":1473}," routes",[1050,9258,1847],{"class":1063},[1050,9260,1151],{"class":1063},[1050,9262,9263,9266,9269,9271,9273,9275],{"class":1052,"line":1154},[1050,9264,9265],{"class":1084},"  '",[1050,9267,9268],{"class":2387},"/blog/",[1050,9270,1488],{"class":1084},[1050,9272,1081],{"class":1063},[1050,9274,9189],{"class":1473},[1050,9276,1094],{"class":1063},[1050,9278,9279,9281,9284,9286,9288],{"class":1052,"line":1177},[1050,9280,9265],{"class":1084},[1050,9282,9283],{"class":2387},"/dashboard/",[1050,9285,1488],{"class":1084},[1050,9287,1081],{"class":1063},[1050,9289,9290],{"class":1473}," loadDashboardModule\n",[1050,9292,9293],{"class":1052,"line":1198},[1050,9294,4523],{"class":1063},[1050,9296,9297],{"class":1052,"line":1219},[1050,9298,1536],{"emptyLinePlaceholder":1535},[1050,9300,9301],{"class":1052,"line":1239},[1050,9302,9303],{"class":1056},"// Load modules based on current page\n",[1050,9305,9306,9308,9311,9313,9316,9318,9321,9323,9326],{"class":1052,"line":1245},[1050,9307,4546],{"class":1840},[1050,9309,9310],{"class":1473}," currentPath",[1050,9312,1847],{"class":1063},[1050,9314,9315],{"class":1473}," window",[1050,9317,1853],{"class":1063},[1050,9319,9320],{"class":1473},"location",[1050,9322,1853],{"class":1063},[1050,9324,9325],{"class":1473},"pathname",[1050,9327,1491],{"class":1063},[1050,9329,9330,9332,9334,9337,9339,9342,9345],{"class":1052,"line":1259},[1050,9331,2927],{"class":1466},[1050,9333,1822],{"class":1550},[1050,9335,9336],{"class":1473},"routes",[1050,9338,1888],{"class":1550},[1050,9340,9341],{"class":1473},"currentPath",[1050,9343,9344],{"class":1550},"])",[1050,9346,1151],{"class":1063},[1050,9348,9349,9352,9354,9356,9359,9361,9364,9366,9368,9370],{"class":1052,"line":1279},[1050,9350,9351],{"class":1473},"  routes",[1050,9353,1888],{"class":1863},[1050,9355,9341],{"class":1473},[1050,9357,9358],{"class":1863},"]()",[1050,9360,1853],{"class":1063},[1050,9362,9363],{"class":1547},"then",[1050,9365,1551],{"class":1863},[1050,9367,1132],{"class":1825},[1050,9369,1832],{"class":1831},[1050,9371,1151],{"class":1063},[1050,9373,9374,9377,9379,9382,9384],{"class":1052,"line":1299},[1050,9375,9376],{"class":4741},"    module",[1050,9378,1853],{"class":1063},[1050,9380,9381],{"class":1547},"default",[1050,9383,2894],{"class":1863},[1050,9385,1491],{"class":1063},[1050,9387,9388,9391,9393],{"class":1052,"line":1320},[1050,9389,9390],{"class":1063},"  }",[1050,9392,1735],{"class":1863},[1050,9394,1491],{"class":1063},[1050,9396,9397],{"class":1052,"line":1341},[1050,9398,1449],{"class":1063},[1035,9400,9402],{"id":9401},"asset-optimization","Asset Optimization",[1040,9404,9406],{"className":1452,"code":9405,"language":1454,"meta":1045,"style":1045},"// vite.config.js - Advanced optimization\nexport default defineConfig({\n  build: {\n    rollupOptions: {\n      output: {\n        manualChunks: {\n          vendor: ['axios', 'alpinejs'],\n          utils: ['./frontend/js/utils/api.js', './frontend/js/utils/dom.js']\n        }\n      }\n    },\n    \n    // Compression\n    minify: 'terser',\n    terserOptions: {\n      compress: {\n        drop_console: true,\n        drop_debugger: true\n      }\n    }\n  }\n});\n",[1047,9407,9408,9413,9425,9433,9441,9449,9458,9485,9512,9516,9520,9524,9528,9533,9549,9558,9567,9578,9587,9591,9595,9599],{"__ignoreMap":1045},[1050,9409,9410],{"class":1052,"line":1053},[1050,9411,9412],{"class":1056},"// vite.config.js - Advanced optimization\n",[1050,9414,9415,9417,9419,9421,9423],{"class":1052,"line":1060},[1050,9416,1541],{"class":1466},[1050,9418,1544],{"class":1466},[1050,9420,1474],{"class":1547},[1050,9422,1551],{"class":1550},[1050,9424,1064],{"class":1063},[1050,9426,9427,9429,9431],{"class":1052,"line":1067},[1050,9428,1634],{"class":1558},[1050,9430,1081],{"class":1063},[1050,9432,1151],{"class":1063},[1050,9434,9435,9437,9439],{"class":1052,"line":1097},[1050,9436,1696],{"class":1558},[1050,9438,1081],{"class":1063},[1050,9440,1151],{"class":1063},[1050,9442,9443,9445,9447],{"class":1052,"line":1118},[1050,9444,1801],{"class":1558},[1050,9446,1081],{"class":1063},[1050,9448,1151],{"class":1063},[1050,9450,9451,9454,9456],{"class":1052,"line":1139},[1050,9452,9453],{"class":1558},"        manualChunks",[1050,9455,1081],{"class":1063},[1050,9457,1151],{"class":1063},[1050,9459,9460,9463,9465,9467,9469,9471,9473,9475,9477,9479,9481,9483],{"class":1052,"line":1154},[1050,9461,9462],{"class":1558},"          vendor",[1050,9464,1081],{"class":1063},[1050,9466,1583],{"class":1550},[1050,9468,1488],{"class":1084},[1050,9470,1426],{"class":1088},[1050,9472,1488],{"class":1084},[1050,9474,1593],{"class":1063},[1050,9476,1483],{"class":1084},[1050,9478,1405],{"class":1088},[1050,9480,1488],{"class":1084},[1050,9482,1908],{"class":1550},[1050,9484,1094],{"class":1063},[1050,9486,9487,9490,9492,9494,9496,9499,9501,9503,9505,9508,9510],{"class":1052,"line":1177},[1050,9488,9489],{"class":1558},"          utils",[1050,9491,1081],{"class":1063},[1050,9493,1583],{"class":1550},[1050,9495,1488],{"class":1084},[1050,9497,9498],{"class":1088},"./frontend/js/utils/api.js",[1050,9500,1488],{"class":1084},[1050,9502,1593],{"class":1063},[1050,9504,1483],{"class":1084},[1050,9506,9507],{"class":1088},"./frontend/js/utils/dom.js",[1050,9509,1488],{"class":1084},[1050,9511,1603],{"class":1550},[1050,9513,9514],{"class":1052,"line":1198},[1050,9515,5122],{"class":1063},[1050,9517,9518],{"class":1052,"line":1219},[1050,9519,2249],{"class":1063},[1050,9521,9522],{"class":1052,"line":1239},[1050,9523,2255],{"class":1063},[1050,9525,9526],{"class":1052,"line":1245},[1050,9527,1664],{"class":1623},[1050,9529,9530],{"class":1052,"line":1259},[1050,9531,9532],{"class":1056},"    // Compression\n",[1050,9534,9535,9538,9540,9542,9545,9547],{"class":1052,"line":1279},[1050,9536,9537],{"class":1558},"    minify",[1050,9539,1081],{"class":1063},[1050,9541,1483],{"class":1084},[1050,9543,9544],{"class":1088},"terser",[1050,9546,1488],{"class":1084},[1050,9548,1094],{"class":1063},[1050,9550,9551,9554,9556],{"class":1052,"line":1299},[1050,9552,9553],{"class":1558},"    terserOptions",[1050,9555,1081],{"class":1063},[1050,9557,1151],{"class":1063},[1050,9559,9560,9563,9565],{"class":1052,"line":1320},[1050,9561,9562],{"class":1558},"      compress",[1050,9564,1081],{"class":1063},[1050,9566,1151],{"class":1063},[1050,9568,9569,9572,9574,9576],{"class":1052,"line":1341},[1050,9570,9571],{"class":1558},"        drop_console",[1050,9573,1081],{"class":1063},[1050,9575,1680],{"class":1679},[1050,9577,1094],{"class":1063},[1050,9579,9580,9583,9585],{"class":1052,"line":1362},[1050,9581,9582],{"class":1558},"        drop_debugger",[1050,9584,1081],{"class":1063},[1050,9586,2301],{"class":1679},[1050,9588,9589],{"class":1052,"line":1381},[1050,9590,2249],{"class":1063},[1050,9592,9593],{"class":1052,"line":1386},[1050,9594,2475],{"class":1063},[1050,9596,9597],{"class":1052,"line":1400},[1050,9598,1443],{"class":1063},[1050,9600,9601,9603,9605],{"class":1052,"line":1421},[1050,9602,1986],{"class":1063},[1050,9604,1735],{"class":1550},[1050,9606,1491],{"class":1063},[1026,9608,9609],{},"Modern build tools like Vite and Webpack transform Django frontend development by providing hot module replacement, automatic optimization, and seamless integration with CSS preprocessors and JavaScript transpilers. Choose Vite for faster development builds and simpler configuration, or Webpack for more complex build requirements and extensive plugin ecosystem. Both tools integrate well with Django's static files system and can be configured for efficient production deployments.",[8516,9611,9612],{},"html pre.shiki code .s9Tkl, html code.shiki .s9Tkl{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#A0ADA0;--shiki-default-font-style:inherit;--shiki-dark:#758575DD;--shiki-dark-font-style:inherit}html pre.shiki code .soVBu, html code.shiki .soVBu{--shiki-light:#39ADB5;--shiki-default:#999999;--shiki-dark:#666666}html pre.shiki code .s4Jsk, html code.shiki .s4Jsk{--shiki-light:#39ADB5;--shiki-default:#99841877;--shiki-dark:#B8A96577}html pre.shiki code .sLorS, html code.shiki .sLorS{--shiki-light:#9C3EDA;--shiki-default:#998418;--shiki-dark:#B8A965}html pre.shiki code .sbYkP, html code.shiki .sbYkP{--shiki-light:#39ADB5;--shiki-default:#B5695977;--shiki-dark:#C98A7D77}html pre.shiki code .sTbE_, html code.shiki .sTbE_{--shiki-light:#91B859;--shiki-default:#B56959;--shiki-dark:#C98A7D}html pre.shiki code .sa2tF, html code.shiki .sa2tF{--shiki-light:#E2931D;--shiki-default:#998418;--shiki-dark:#B8A965}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .siDh9, html code.shiki .siDh9{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#1E754F;--shiki-default-font-style:inherit;--shiki-dark:#4D9375;--shiki-dark-font-style:inherit}html pre.shiki code .sSC40, html code.shiki .sSC40{--shiki-light:#90A4AE;--shiki-default:#B07D48;--shiki-dark:#BD976A}html pre.shiki code .sljsM, html code.shiki .sljsM{--shiki-light:#6182B8;--shiki-default:#59873A;--shiki-dark:#80A665}html pre.shiki code .snCua, html code.shiki .snCua{--shiki-light:#90A4AE;--shiki-default:#999999;--shiki-dark:#666666}html pre.shiki code .suXOh, html code.shiki .suXOh{--shiki-light:#E53935;--shiki-default:#998418;--shiki-dark:#B8A965}html pre.shiki code .sftqT, html code.shiki .sftqT{--shiki-light:#90A4AE;--shiki-default:#393A34;--shiki-dark:#DBD7CAEE}html pre.shiki code .sq3J1, html code.shiki .sq3J1{--shiki-light:#FF5370;--shiki-default:#1E754F;--shiki-dark:#4D9375}html pre.shiki code .sqOPj, html code.shiki .sqOPj{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#B07D48;--shiki-default-font-style:inherit;--shiki-dark:#BD976A;--shiki-dark-font-style:inherit}html pre.shiki code .sIOqK, html code.shiki .sIOqK{--shiki-light:#9C3EDA;--shiki-default:#999999;--shiki-dark:#666666}html pre.shiki code .s5Kfy, html code.shiki .s5Kfy{--shiki-light:#9C3EDA;--shiki-default:#AB5959;--shiki-dark:#CB7676}html pre.shiki code .sLdnO, html code.shiki .sLdnO{--shiki-light:#E53935;--shiki-default:#999999;--shiki-dark:#666666}html pre.shiki code .s131V, html code.shiki .s131V{--shiki-light:#90A4AE;--shiki-default:#998418;--shiki-dark:#B8A965}html pre.shiki code .sVsLi, html code.shiki .sVsLi{--shiki-light:#39ADB5;--shiki-default:#AB5959;--shiki-dark:#CB7676}html pre.shiki code .s7CZa, html code.shiki .s7CZa{--shiki-light:#F76D47;--shiki-default:#2F798A;--shiki-dark:#4C9A91}html pre.shiki code .sBPpx, html code.shiki .sBPpx{--shiki-light:#E53935;--shiki-default:#393A34;--shiki-dark:#DBD7CAEE}html pre.shiki code .sk0MF, html code.shiki .sk0MF{--shiki-light:#90A4AE;--shiki-default:#BDA437;--shiki-dark:#E6CC77}html pre.shiki code .s27EL, html code.shiki .s27EL{--shiki-light:#91B859;--shiki-default:#AB5E3F;--shiki-dark:#C4704F}html pre.shiki code .s8XtY, html code.shiki .s8XtY{--shiki-light:#39ADB5;--shiki-default:#1E754F;--shiki-dark:#4D9375}html pre.shiki code .su_V2, html code.shiki .su_V2{--shiki-light:#90A4AE;--shiki-default:#B56959;--shiki-dark:#C98A7D}html pre.shiki code .sGuSu, html code.shiki .sGuSu{--shiki-light:#39ADB5;--shiki-default:#2F798A;--shiki-dark:#4C9A91}html pre.shiki code .scgAs, html code.shiki .scgAs{--shiki-light:#F76D47;--shiki-default:#1E754F;--shiki-dark:#4D9375}html pre.shiki code .sQtxO, html code.shiki .sQtxO{--shiki-light:#E53935;--shiki-default:#B56959;--shiki-dark:#C98A7D}html pre.shiki code .se3Ec, html code.shiki .se3Ec{--shiki-light:#90A4AE;--shiki-default:#A65E2B;--shiki-dark:#C99076}html pre.shiki code .siWMO, html code.shiki .siWMO{--shiki-light:#6182B8;--shiki-default:#393A34;--shiki-dark:#DBD7CAEE}html pre.shiki code .sm7ve, html code.shiki .sm7ve{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#B5695977;--shiki-default-font-style:inherit;--shiki-dark:#C98A7D77;--shiki-dark-font-style:inherit}html pre.shiki code .sVyVU, html code.shiki .sVyVU{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#B56959;--shiki-default-font-style:inherit;--shiki-dark:#C98A7D;--shiki-dark-font-style:inherit}html pre.shiki code .sJdAF, html code.shiki .sJdAF{--shiki-light:#6182B8;--shiki-default:#998418;--shiki-dark:#B8A965}html pre.shiki code .sCyAa, html code.shiki .sCyAa{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#393A34;--shiki-default-font-style:inherit;--shiki-dark:#DBD7CAEE;--shiki-dark-font-style:inherit}html pre.shiki code .sFGJz, html code.shiki .sFGJz{--shiki-light:#E53935;--shiki-default:#A65E2B;--shiki-dark:#C99076}html pre.shiki code .s3h35, html code.shiki .s3h35{--shiki-light:#F76D47;--shiki-default:#A65E2B;--shiki-dark:#C99076}html pre.shiki code .sJFLg, html code.shiki .sJFLg{--shiki-light:#E53935;--shiki-default:#1E754F;--shiki-dark:#4D9375}html pre.shiki code .s5q8q, html code.shiki .s5q8q{--shiki-light:#9C3EDA;--shiki-default:#B07D48;--shiki-dark:#BD976A}html pre.shiki code .s8xu_, html code.shiki .s8xu_{--shiki-light:#E53935;--shiki-default:#59873A;--shiki-dark:#80A665}html pre.shiki code .sETVe, html code.shiki .sETVe{--shiki-light:#39ADB5;--shiki-default:#A65E2B;--shiki-dark:#C99076}html pre.shiki code .sMNeJ, html code.shiki .sMNeJ{--shiki-light:#39ADB5;--shiki-default:#998418;--shiki-dark:#B8A965}html pre.shiki code .sz9Cv, html code.shiki .sz9Cv{--shiki-light:#91B859;--shiki-default:#A65E2B;--shiki-dark:#C99076}html pre.shiki code .sD-vU, html code.shiki .sD-vU{--shiki-light:#E2931D;--shiki-default:#2E8F82;--shiki-dark:#5DA994}html pre.shiki code .sRjD_, html code.shiki .sRjD_{--shiki-light:#E53935;--shiki-light-font-style:italic;--shiki-default:#393A34;--shiki-default-font-style:inherit;--shiki-dark:#DBD7CAEE;--shiki-dark-font-style:inherit}html pre.shiki code .sYn-s, html code.shiki .sYn-s{--shiki-light:#E2931D;--shiki-default:#59873A;--shiki-dark:#80A665}html pre.shiki code .sAbu7, html code.shiki .sAbu7{--shiki-light:#90A4AE;--shiki-default:#59873A;--shiki-dark:#80A665}",{"title":1045,"searchDepth":1053,"depth":1060,"links":9614},[9615,9620,9624,9629,9633],{"id":1032,"depth":1060,"text":1033,"children":9616},[9617,9618,9619],{"id":1037,"depth":1067,"text":1038},{"id":2791,"depth":1067,"text":2792},{"id":4131,"depth":1067,"text":4132},{"id":4526,"depth":1060,"text":4527,"children":9621},[9622,9623],{"id":4530,"depth":1067,"text":4531},{"id":6177,"depth":1067,"text":6178},{"id":7592,"depth":1060,"text":7593,"children":9625},[9626,9627,9628],{"id":7596,"depth":1067,"text":7597},{"id":7841,"depth":1067,"text":7842},{"id":7917,"depth":1067,"text":7918},{"id":8613,"depth":1060,"text":8614,"children":9630},[9631,9632],{"id":8617,"depth":1067,"text":8618},{"id":8953,"depth":1067,"text":8954},{"id":9166,"depth":1060,"text":9167,"children":9634},[9635,9636],{"id":9170,"depth":1067,"text":9171},{"id":9401,"depth":1067,"text":9402},"md",null,{},{"title":639,"description":1028},"8HuGK-IyWQpJ34lHDpcEEZsnD3dBr_yj_a322c3-wBo",[9643,9645],{"title":635,"path":636,"stem":637,"description":9644,"children":-1},"Modern web applications require sophisticated CSS and JavaScript integration to deliver rich user experiences. This chapter covers advanced techniques for organizing, processing, and optimizing CSS and JavaScript in Django applications, including preprocessors, module systems, and build workflows.",{"title":643,"path":644,"stem":645,"description":9646,"children":-1},"Modern frontend frameworks like React and Vue enable building sophisticated single-page applications (SPAs) that communicate with Django backends through APIs. This chapter covers various integration patterns, from simple component embedding to full SPA architectures, including authentication, state management, and deployment strategies.",1772474944563]