[{"data":1,"prerenderedAt":1244},["ShallowReactive",2],{"navigation_docs":3,"-documentation-getting-started-contributing":345,"-documentation-getting-started-contributing-surround":364,"contributing-guide":369},[4,110,294],{"title":5,"path":6,"stem":7,"children":8,"page":34},"Documentation","\u002Fdocumentation","1.documentation",[9,35,56,89],{"title":10,"path":11,"stem":12,"children":13,"page":34},"Getting Started","\u002Fdocumentation\u002Fgetting-started","1.documentation\u002F1.getting-started",[14,18,22,26,30],{"title":15,"path":16,"stem":17},"Installation","\u002Fdocumentation\u002Fgetting-started\u002Finstallation","1.documentation\u002F1.getting-started\u002F1.installation",{"title":19,"path":20,"stem":21},"Agents","\u002Fdocumentation\u002Fgetting-started\u002Fagents","1.documentation\u002F1.getting-started\u002F2.agents",{"title":23,"path":24,"stem":25},"Migration","\u002Fdocumentation\u002Fgetting-started\u002Fmigration","1.documentation\u002F1.getting-started\u002F3.migration",{"title":27,"path":28,"stem":29},"Contributing","\u002Fdocumentation\u002Fgetting-started\u002Fcontributing","1.documentation\u002F1.getting-started\u002F4.contributing",{"title":31,"path":32,"stem":33},"What's new","\u002Fdocumentation\u002Fgetting-started\u002Fwhats-new","1.documentation\u002F1.getting-started\u002F5.whats-new",false,{"title":36,"path":37,"stem":38,"children":39,"page":34},"Guidelines","\u002Fdocumentation\u002Fguidelines","1.documentation\u002F2.guidelines",[40,44,48,52],{"title":41,"path":42,"stem":43},"Design Principles","\u002Fdocumentation\u002Fguidelines\u002Fdesign-principles","1.documentation\u002F2.guidelines\u002F1.design-principles",{"title":45,"path":46,"stem":47},"Accessibility","\u002Fdocumentation\u002Fguidelines\u002Faccessibility","1.documentation\u002F2.guidelines\u002F2.accessibility",{"title":49,"path":50,"stem":51},"Interactions","\u002Fdocumentation\u002Fguidelines\u002Finteractions","1.documentation\u002F2.guidelines\u002F3.interactions",{"title":53,"path":54,"stem":55},"Components","\u002Fdocumentation\u002Fguidelines\u002Fcomponents","1.documentation\u002F2.guidelines\u002F4.components",{"title":57,"path":58,"stem":59,"children":60,"page":34},"Design","\u002Fdocumentation\u002Fdesign","1.documentation\u002F3.design",[61,65,69,73,77,81,85],{"title":62,"path":63,"stem":64},"Tokens","\u002Fdocumentation\u002Fdesign\u002Ftokens","1.documentation\u002F3.design\u002F1.tokens",{"title":66,"path":67,"stem":68},"Color Palette","\u002Fdocumentation\u002Fdesign\u002Fcolor-palette","1.documentation\u002F3.design\u002F2.color-palette",{"title":70,"path":71,"stem":72},"Elevation","\u002Fdocumentation\u002Fdesign\u002Felevation","1.documentation\u002F3.design\u002F3.elevation",{"title":74,"path":75,"stem":76},"Spacing","\u002Fdocumentation\u002Fdesign\u002Fspacing","1.documentation\u002F3.design\u002F4.spacing",{"title":78,"path":79,"stem":80},"Border Radius","\u002Fdocumentation\u002Fdesign\u002Fborder-radius","1.documentation\u002F3.design\u002F5.border-radius",{"title":82,"path":83,"stem":84},"Typography","\u002Fdocumentation\u002Fdesign\u002Ftypography","1.documentation\u002F3.design\u002F6.typography",{"title":86,"path":87,"stem":88},"Icons","\u002Fdocumentation\u002Fdesign\u002Ficons","1.documentation\u002F3.design\u002F7.icons",{"title":90,"path":91,"stem":92,"children":93,"page":34},"Content","\u002Fdocumentation\u002Fcontent","1.documentation\u002F4.content",[94,98,102,106],{"title":95,"path":96,"stem":97},"Wording","\u002Fdocumentation\u002Fcontent\u002Fwording","1.documentation\u002F4.content\u002F1.wording",{"title":99,"path":100,"stem":101},"Messaging","\u002Fdocumentation\u002Fcontent\u002Fmessaging","1.documentation\u002F4.content\u002F2.messaging",{"title":103,"path":104,"stem":105},"Glossary","\u002Fdocumentation\u002Fcontent\u002Fglossary","1.documentation\u002F4.content\u002F3.glossary",{"title":107,"path":108,"stem":109},"Artificial Intelligence","\u002Fdocumentation\u002Fcontent\u002Fartificial-intelligence","1.documentation\u002F4.content\u002F4.artificial-intelligence",{"title":53,"path":111,"stem":112,"children":113,"page":34},"\u002Fcomponents","2.components",[114,118,122,126,130,134,138,142,146,150,154,158,162,166,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,234,238,242,246,250,254,258,262,266,270,274,278,282,286,290],{"title":115,"path":116,"stem":117},"Action Menu","\u002Fcomponents\u002Faction-menu","2.components\u002Faction-menu",{"title":119,"path":120,"stem":121},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar",{"title":123,"path":124,"stem":125},"Badge","\u002Fcomponents\u002Fbadge","2.components\u002Fbadge",{"title":127,"path":128,"stem":129},"Banner","\u002Fcomponents\u002Fbanner","2.components\u002Fbanner",{"title":131,"path":132,"stem":133},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton",{"title":135,"path":136,"stem":137},"Card","\u002Fcomponents\u002Fcard","2.components\u002Fcard",{"title":139,"path":140,"stem":141},"Chart","\u002Fcomponents\u002Fchart","2.components\u002Fchart",{"title":143,"path":144,"stem":145},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox",{"title":147,"path":148,"stem":149},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible",{"title":151,"path":152,"stem":153},"Colorpicker","\u002Fcomponents\u002Fcolorpicker","2.components\u002Fcolorpicker",{"title":155,"path":156,"stem":157},"Data Table","\u002Fcomponents\u002Fdata-table","2.components\u002Fdata-table",{"title":159,"path":160,"stem":161},"Datepicker","\u002Fcomponents\u002Fdatepicker","2.components\u002Fdatepicker",{"title":163,"path":164,"stem":165},"Email Field","\u002Fcomponents\u002Femail-field","2.components\u002Femail-field",{"title":167,"path":168,"stem":169},"Empty State","\u002Fcomponents\u002Fempty-state","2.components\u002Fempty-state",{"title":171,"path":172,"stem":173},"Entity Data Table","\u002Fcomponents\u002Fentity-data-table","2.components\u002Fentity-data-table",{"title":175,"path":176,"stem":177},"Entity Select","\u002Fcomponents\u002Fentity-select","2.components\u002Fentity-select",{"title":179,"path":180,"stem":181},"Floating UI","\u002Fcomponents\u002Ffloating-ui","2.components\u002Ffloating-ui",{"title":183,"path":184,"stem":185},"Help Text","\u002Fcomponents\u002Fhelp-text","2.components\u002Fhelp-text",{"title":187,"path":188,"stem":189},"Icon","\u002Fcomponents\u002Ficon","2.components\u002Ficon",{"title":191,"path":192,"stem":193},"Link","\u002Fcomponents\u002Flink","2.components\u002Flink",{"title":195,"path":196,"stem":197},"Loader","\u002Fcomponents\u002Floader","2.components\u002Floader",{"title":199,"path":200,"stem":201},"Modal","\u002Fcomponents\u002Fmodal","2.components\u002Fmodal",{"title":203,"path":204,"stem":205},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field",{"title":207,"path":208,"stem":209},"Pagination","\u002Fcomponents\u002Fpagination","2.components\u002Fpagination",{"title":211,"path":212,"stem":213},"Password Field","\u002Fcomponents\u002Fpassword-field","2.components\u002Fpassword-field",{"title":215,"path":216,"stem":217},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover",{"title":219,"path":220,"stem":221},"Progress Bar","\u002Fcomponents\u002Fprogress-bar","2.components\u002Fprogress-bar",{"title":223,"path":224,"stem":225},"Promo Badge","\u002Fcomponents\u002Fpromo-badge","2.components\u002Fpromo-badge",{"title":227,"path":228,"stem":229},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group",{"title":231,"path":232,"stem":233},"Search","\u002Fcomponents\u002Fsearch","2.components\u002Fsearch",{"title":235,"path":236,"stem":237},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect",{"title":239,"path":240,"stem":241},"Skeleton Bar","\u002Fcomponents\u002Fskeleton-bar","2.components\u002Fskeleton-bar",{"title":243,"path":244,"stem":245},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider",{"title":247,"path":248,"stem":249},"Snackbar","\u002Fcomponents\u002Fsnackbar","2.components\u002Fsnackbar",{"title":251,"path":252,"stem":253},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch",{"title":255,"path":256,"stem":257},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":259,"path":260,"stem":261},"Text","\u002Fcomponents\u002Ftext","2.components\u002Ftext",{"title":263,"path":264,"stem":265},"Text Editor","\u002Fcomponents\u002Ftext-editor","2.components\u002Ftext-editor",{"title":267,"path":268,"stem":269},"Text Field","\u002Fcomponents\u002Ftext-field","2.components\u002Ftext-field",{"title":271,"path":272,"stem":273},"Textarea","\u002Fcomponents\u002Ftextarea","2.components\u002Ftextarea",{"title":275,"path":276,"stem":277},"Theme Select","\u002Fcomponents\u002Ftheme-select","2.components\u002Ftheme-select",{"title":279,"path":280,"stem":281},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":283,"path":284,"stem":285},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip",{"title":287,"path":288,"stem":289},"Unit Field","\u002Fcomponents\u002Funit-field","2.components\u002Funit-field",{"title":291,"path":292,"stem":293},"URL Field","\u002Fcomponents\u002Furl-field","2.components\u002Furl-field",{"title":295,"path":296,"stem":297,"children":298,"page":34},"Utilities","\u002Futilities","3.utilities",[299,311,328,336],{"title":53,"path":300,"stem":301,"children":302,"page":34},"\u002Futilities\u002Fcomponents","3.utilities\u002Fcomponents",[303,307],{"title":304,"path":305,"stem":306},"Inset","\u002Futilities\u002Fcomponents\u002Finset","3.utilities\u002Fcomponents\u002Finset",{"title":308,"path":309,"stem":310},"Theme Provider","\u002Futilities\u002Fcomponents\u002Ftheme-provider","3.utilities\u002Fcomponents\u002Ftheme-provider",{"title":312,"path":313,"stem":314,"children":315,"page":34},"Composables","\u002Futilities\u002Fcomposables","3.utilities\u002Fcomposables",[316,320,324],{"title":317,"path":318,"stem":319},"useFutureFlags","\u002Futilities\u002Fcomposables\u002Fuse-future-flags","3.utilities\u002Fcomposables\u002Fuse-future-flags",{"title":321,"path":322,"stem":323},"useSnackbar","\u002Futilities\u002Fcomposables\u002Fuse-snackbar","3.utilities\u002Fcomposables\u002Fuse-snackbar",{"title":325,"path":326,"stem":327},"useTheme","\u002Futilities\u002Fcomposables\u002Fuse-theme","3.utilities\u002Fcomposables\u002Fuse-theme",{"title":329,"path":330,"stem":331,"children":332,"page":34},"Directives","\u002Futilities\u002Fdirectives","3.utilities\u002Fdirectives",[333],{"title":283,"path":334,"stem":335},"\u002Futilities\u002Fdirectives\u002Ftooltip","3.utilities\u002Fdirectives\u002Ftooltip",{"title":337,"path":338,"stem":339,"children":340,"page":34},"Plugins","\u002Futilities\u002Fplugins","3.utilities\u002Fplugins",[341],{"title":342,"path":343,"stem":344},"Device helper","\u002Futilities\u002Fplugins\u002Fdevice-helper","3.utilities\u002Fplugins\u002Fdevice-helper",{"id":346,"title":27,"body":347,"description":357,"extension":358,"links":359,"meta":360,"navigation":361,"path":28,"seo":362,"stem":29,"__hash__":363},"docs\u002F1.documentation\u002F1.getting-started\u002F4.contributing.md",{"type":348,"value":349,"toc":353},"minimark",[350],[351,352],"contributing-guide",{},{"title":354,"searchDepth":355,"depth":355,"links":356},"",2,[],"How to contribute to Meteor, including local development, pull requests, changesets, and releases.","md",null,{},true,{"title":27,"description":357},"IBILHFv1c5FisggBF6y9d6Lghd3ZKZ5h3tCM7WwCo1g",[365,367],{"title":23,"path":24,"stem":25,"description":366,"children":-1},"Guidance for transitioning from older sw- components to Meteor, including a component mapping and gradual migration steps.",{"title":31,"path":32,"stem":33,"description":368,"children":-1},"Release notes for Meteor's documented packages, organized by package and listed newest first.",{"data":370,"body":371,"toc":1229},{"title":354,"description":354},{"type":372,"children":373},"root",[374,383,389,394,410,424,430,444,450,464,478,484,497,510,516,539,544,551,691,696,702,714,786,836,849,875,909,915,920,939,952,957,987,992,1005,1010,1059,1064,1070,1075,1108,1122,1128,1133,1138,1143,1149,1223],{"type":375,"tag":376,"props":377,"children":379},"element","h2",{"id":378},"get-involved",[380],{"type":381,"value":382},"text","Get involved",{"type":375,"tag":384,"props":385,"children":386},"p",{},[387],{"type":381,"value":388},"Thank you for taking an interest in making Meteor a better project!",{"type":375,"tag":384,"props":390,"children":391},{},[392],{"type":381,"value":393},"To contribute code (features or bug fixes) open up a pull request.\nIn case you want to make a larger change to the code base, open up\nan issue first before writing any code. That way you don't lose your\nvaluable time in case we might reject the pull request.",{"type":375,"tag":384,"props":395,"children":396},{},[397,399,408],{"type":381,"value":398},"Shopware is available under ",{"type":375,"tag":400,"props":401,"children":405},"a",{"href":402,"rel":403},"https:\u002F\u002Fgithub.com\u002Fshopware\u002Fmeteor\u002Fblob\u002Fmain\u002FLICENSE.md",[404],"nofollow",[406],{"type":381,"value":407},"MIT license",{"type":381,"value":409},".\nContribute your code under MIT license.",{"type":375,"tag":384,"props":411,"children":412},{},[413,415,422],{"type":381,"value":414},"If you've never contributed to an open source project you might\nfind the ",{"type":375,"tag":400,"props":416,"children":419},{"href":417,"rel":418},"https:\u002F\u002Fopensource.guide\u002Fhow-to-contribute\u002F",[404],[420],{"type":381,"value":421},"this guide",{"type":381,"value":423}," helpful.",{"type":375,"tag":376,"props":425,"children":427},{"id":426},"code-of-conduct",[428],{"type":381,"value":429},"Code of conduct",{"type":375,"tag":384,"props":431,"children":432},{},[433,435,442],{"type":381,"value":434},"To understand which action we tolerate we expect you to read\nour ",{"type":375,"tag":400,"props":436,"children":439},{"href":437,"rel":438},"https:\u002F\u002Fgithub.com\u002Fshopware\u002Fmeteor\u002Fblob\u002Fmain\u002FCODE_OF_CONDUCT.md",[404],[440],{"type":381,"value":441},"code of conduct",{"type":381,"value":443},".",{"type":375,"tag":376,"props":445,"children":447},{"id":446},"bugs",[448],{"type":381,"value":449},"Bugs",{"type":375,"tag":384,"props":451,"children":452},{},[453,455,462],{"type":381,"value":454},"Please take a look at the ",{"type":375,"tag":400,"props":456,"children":459},{"href":457,"rel":458},"https:\u002F\u002Fgithub.com\u002Fshopware\u002Fmeteor\u002Fissues",[404],[460],{"type":381,"value":461},"existing issues",{"type":381,"value":463},"\nbefore creating a new one. That way we keep the number of duplicate issues low.\nComplete the issue template as much as possible when creating a new issue.",{"type":375,"tag":384,"props":465,"children":466},{},[467,469,476],{"type":381,"value":468},"To get your bug fixed faster, add a link to a\n",{"type":375,"tag":400,"props":470,"children":473},{"href":471,"rel":472},"https:\u002F\u002Fstackblitz.com\u002Fedit\u002Fmeteor?file=src%2FApp.vue",[404],[474],{"type":381,"value":475},"project with the bug",{"type":381,"value":477},"\nfor us to reproduce in the issue's description.",{"type":375,"tag":376,"props":479,"children":481},{"id":480},"feature-requests",[482],{"type":381,"value":483},"Feature requests",{"type":375,"tag":384,"props":485,"children":486},{},[487,489,495],{"type":381,"value":488},"Search through the ",{"type":375,"tag":400,"props":490,"children":492},{"href":457,"rel":491},[404],[493],{"type":381,"value":494},"list of existing feature requests",{"type":381,"value":496},",\nbefore you create an issue. If somebody already requested your feature you\ncan up-vote that issue. This helps us to see what the community wants the most.",{"type":375,"tag":384,"props":498,"children":499},{},[500,502,509],{"type":381,"value":501},"If there does not already exist a feature request for your idea,\nyou can ",{"type":375,"tag":400,"props":503,"children":506},{"href":504,"rel":505},"https:\u002F\u002Fgithub.com\u002Fshopware\u002Fmeteor\u002Fissues\u002Fnew?template=03-feature.yaml",[404],[507],{"type":381,"value":508},"request a feature",{"type":381,"value":443},{"type":375,"tag":376,"props":511,"children":513},{"id":512},"local-development",[514],{"type":381,"value":515},"Local development",{"type":375,"tag":384,"props":517,"children":518},{},[519,521,528,530,537],{"type":381,"value":520},"For local development we use ",{"type":375,"tag":522,"props":523,"children":525},"code",{"className":524},[],[526],{"type":381,"value":527},"yalc",{"type":381,"value":529}," to publish packages into a virtual store and consume them from other projects.\nYou can find yalc ",{"type":375,"tag":400,"props":531,"children":534},{"href":532,"rel":533},"https:\u002F\u002Fgithub.com\u002Fwclr\u002Fyalc",[404],[535],{"type":381,"value":536},"here",{"type":381,"value":538}," on GitHub.\nTo use your changes in Shopware and your extensions, you first build and publish the changed package, then add it to your project in a second step.",{"type":375,"tag":384,"props":540,"children":541},{},[542],{"type":381,"value":543},"The walkthrough below uses the component library. Swap the package name and paths if you work on a different package.",{"type":375,"tag":545,"props":546,"children":548},"h3",{"id":547},"publish-your-changes-to-the-local-yalc-store",[549],{"type":381,"value":550},"Publish your changes to the local yalc store",{"type":375,"tag":552,"props":553,"children":554},"ol",{},[555,561,617],{"type":375,"tag":556,"props":557,"children":558},"li",{},[559],{"type":381,"value":560},"Make your changes in the desired package(s).",{"type":375,"tag":556,"props":562,"children":563},{},[564,566,604,608,610,616],{"type":381,"value":565},"Build from the meteor root so the published files include your changes:",{"type":375,"tag":567,"props":568,"children":572},"pre",{"className":569,"code":570,"language":571,"meta":354,"style":354},"language-sh shiki shiki-themes github-light github-dark-default github-dark-default","npx turbo run build\n","sh",[573],{"type":375,"tag":522,"props":574,"children":575},{"__ignoreMap":354},[576],{"type":375,"tag":577,"props":578,"children":581},"span",{"class":579,"line":580},"line",1,[582,588,594,599],{"type":375,"tag":577,"props":583,"children":585},{"style":584},"--shiki-light:#6F42C1;--shiki-default:#FFA657;--shiki-dark:#FFA657",[586],{"type":381,"value":587},"npx",{"type":375,"tag":577,"props":589,"children":591},{"style":590},"--shiki-light:#032F62;--shiki-default:#A5D6FF;--shiki-dark:#A5D6FF",[592],{"type":381,"value":593}," turbo",{"type":375,"tag":577,"props":595,"children":596},{"style":590},[597],{"type":381,"value":598}," run",{"type":375,"tag":577,"props":600,"children":601},{"style":590},[602],{"type":381,"value":603}," build\n",{"type":375,"tag":605,"props":606,"children":607},"br",{},[],{"type":381,"value":609},"To rebuild only one package, scope the task: ",{"type":375,"tag":522,"props":611,"children":613},{"className":612},[],[614],{"type":381,"value":615},"npx turbo run build --filter=@shopware-ag\u002Fmeteor-component-library",{"type":381,"value":443},{"type":375,"tag":556,"props":618,"children":619},{},[620,622,628,630,678,681,683,689],{"type":381,"value":621},"Publish from the package root, here ",{"type":375,"tag":522,"props":623,"children":625},{"className":624},[],[626],{"type":381,"value":627},"packages\u002Fcomponent-library",{"type":381,"value":629},":",{"type":375,"tag":567,"props":631,"children":633},{"className":569,"code":632,"language":571,"meta":354,"style":354},"cd packages\u002Fcomponent-library\nyalc publish --private --workspace --pure\n",[634],{"type":375,"tag":522,"props":635,"children":636},{"__ignoreMap":354},[637,651],{"type":375,"tag":577,"props":638,"children":639},{"class":579,"line":580},[640,646],{"type":375,"tag":577,"props":641,"children":643},{"style":642},"--shiki-light:#005CC5;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[644],{"type":381,"value":645},"cd",{"type":375,"tag":577,"props":647,"children":648},{"style":590},[649],{"type":381,"value":650}," packages\u002Fcomponent-library\n",{"type":375,"tag":577,"props":652,"children":653},{"class":579,"line":355},[654,658,663,668,673],{"type":375,"tag":577,"props":655,"children":656},{"style":584},[657],{"type":381,"value":527},{"type":375,"tag":577,"props":659,"children":660},{"style":590},[661],{"type":381,"value":662}," publish",{"type":375,"tag":577,"props":664,"children":665},{"style":642},[666],{"type":381,"value":667}," --private",{"type":375,"tag":577,"props":669,"children":670},{"style":642},[671],{"type":381,"value":672}," --workspace",{"type":375,"tag":577,"props":674,"children":675},{"style":642},[676],{"type":381,"value":677}," --pure\n",{"type":375,"tag":605,"props":679,"children":680},{},[],{"type":381,"value":682},"This copies the built package into the local yalc store, with its ",{"type":375,"tag":522,"props":684,"children":686},{"className":685},[],[687],{"type":381,"value":688},"workspace:",{"type":381,"value":690}," dependencies resolved to concrete versions so they install outside the monorepo.",{"type":375,"tag":384,"props":692,"children":693},{},[694],{"type":381,"value":695},"Repeat the build and publish steps whenever you change the source again.",{"type":375,"tag":545,"props":697,"children":699},{"id":698},"add-your-updated-package-to-shopware-and-your-extensions",[700],{"type":381,"value":701},"Add your updated package to Shopware and your extensions",{"type":375,"tag":384,"props":703,"children":704},{},[705,707,713],{"type":381,"value":706},"Switch to the project that should consume your changes. For the Shopware administration this is ",{"type":375,"tag":522,"props":708,"children":710},{"className":709},[],[711],{"type":381,"value":712},"\u003Cshopware-root-folder>\u002Fsrc\u002FAdministration\u002FResources\u002Fapp\u002Fadministration",{"type":381,"value":629},{"type":375,"tag":567,"props":715,"children":717},{"className":569,"code":716,"language":571,"meta":354,"style":354},"cd \u003Cshopware-root-folder>\u002Fsrc\u002FAdministration\u002FResources\u002Fapp\u002Fadministration\nyalc add @shopware-ag\u002Fmeteor-component-library\nnpm install\n",[718],{"type":375,"tag":522,"props":719,"children":720},{"__ignoreMap":354},[721,755,772],{"type":375,"tag":577,"props":722,"children":723},{"class":579,"line":580},[724,728,734,739,745,750],{"type":375,"tag":577,"props":725,"children":726},{"style":642},[727],{"type":381,"value":645},{"type":375,"tag":577,"props":729,"children":731},{"style":730},"--shiki-light:#D73A49;--shiki-default:#FF7B72;--shiki-dark:#FF7B72",[732],{"type":381,"value":733}," \u003C",{"type":375,"tag":577,"props":735,"children":736},{"style":590},[737],{"type":381,"value":738},"shopware-root-folde",{"type":375,"tag":577,"props":740,"children":742},{"style":741},"--shiki-light:#24292E;--shiki-default:#E6EDF3;--shiki-dark:#E6EDF3",[743],{"type":381,"value":744},"r",{"type":375,"tag":577,"props":746,"children":747},{"style":730},[748],{"type":381,"value":749},">",{"type":375,"tag":577,"props":751,"children":752},{"style":590},[753],{"type":381,"value":754},"\u002Fsrc\u002FAdministration\u002FResources\u002Fapp\u002Fadministration\n",{"type":375,"tag":577,"props":756,"children":757},{"class":579,"line":355},[758,762,767],{"type":375,"tag":577,"props":759,"children":760},{"style":584},[761],{"type":381,"value":527},{"type":375,"tag":577,"props":763,"children":764},{"style":590},[765],{"type":381,"value":766}," add",{"type":375,"tag":577,"props":768,"children":769},{"style":590},[770],{"type":381,"value":771}," @shopware-ag\u002Fmeteor-component-library\n",{"type":375,"tag":577,"props":773,"children":775},{"class":579,"line":774},3,[776,781],{"type":375,"tag":577,"props":777,"children":778},{"style":584},[779],{"type":381,"value":780},"npm",{"type":375,"tag":577,"props":782,"children":783},{"style":590},[784],{"type":381,"value":785}," install\n",{"type":375,"tag":384,"props":787,"children":788},{},[789,795,797,803,805,811,813,819,821,827,829,834],{"type":375,"tag":522,"props":790,"children":792},{"className":791},[],[793],{"type":381,"value":794},"yalc add",{"type":381,"value":796}," copies the published files into a local ",{"type":375,"tag":522,"props":798,"children":800},{"className":799},[],[801],{"type":381,"value":802},".yalc",{"type":381,"value":804}," folder and points the project's ",{"type":375,"tag":522,"props":806,"children":808},{"className":807},[],[809],{"type":381,"value":810},"package.json",{"type":381,"value":812}," at them; ",{"type":375,"tag":522,"props":814,"children":816},{"className":815},[],[817],{"type":381,"value":818},"npm install",{"type":381,"value":820}," then wires them into ",{"type":375,"tag":522,"props":822,"children":824},{"className":823},[],[825],{"type":381,"value":826},"node_modules",{"type":381,"value":828},".\nBe careful not to commit the ",{"type":375,"tag":522,"props":830,"children":832},{"className":831},[],[833],{"type":381,"value":810},{"type":381,"value":835}," changes.",{"type":375,"tag":384,"props":837,"children":838},{},[839,841,847],{"type":381,"value":840},"To pick up later changes, republish from the package and run ",{"type":375,"tag":522,"props":842,"children":844},{"className":843},[],[845],{"type":381,"value":846},"yalc update",{"type":381,"value":848}," in the consuming project.",{"type":375,"tag":384,"props":850,"children":851},{},[852,854,860,862,867,869,874],{"type":381,"value":853},"Alternatively, run ",{"type":375,"tag":522,"props":855,"children":857},{"className":856},[],[858],{"type":381,"value":859},"yalc link @shopware-ag\u002Fmeteor-component-library",{"type":381,"value":861}," to symlink the files into ",{"type":375,"tag":522,"props":863,"children":865},{"className":864},[],[866],{"type":381,"value":826},{"type":381,"value":868}," without touching ",{"type":375,"tag":522,"props":870,"children":872},{"className":871},[],[873],{"type":381,"value":810},{"type":381,"value":443},{"type":375,"tag":384,"props":876,"children":877},{},[878,884,886,892,894,900,902,907],{"type":375,"tag":879,"props":880,"children":881},"strong",{},[882],{"type":381,"value":883},"Caution",{"type":381,"value":885},": ",{"type":375,"tag":522,"props":887,"children":889},{"className":888},[],[890],{"type":381,"value":891},"yalc link",{"type":381,"value":893}," creates symlinks with absolute paths. If you run a containerized setup, it will fail to resolve (see: ",{"type":375,"tag":400,"props":895,"children":898},{"href":896,"rel":897},"https:\u002F\u002Fgithub.com\u002Fwclr\u002Fyalc\u002Fissues\u002F123",[404],[899],{"type":381,"value":896},{"type":381,"value":901},").\nIn that case use ",{"type":375,"tag":522,"props":903,"children":905},{"className":904},[],[906],{"type":381,"value":794},{"type":381,"value":908}," as shown above.",{"type":375,"tag":376,"props":910,"children":912},{"id":911},"creating-a-pull-request",[913],{"type":381,"value":914},"Creating a pull request",{"type":375,"tag":384,"props":916,"children":917},{},[918],{"type":381,"value":919},"The first step is to clone your repo. Then, install the dependencies with:",{"type":375,"tag":567,"props":921,"children":923},{"className":569,"code":922,"language":571,"meta":354,"style":354},"pnpm install\n",[924],{"type":375,"tag":522,"props":925,"children":926},{"__ignoreMap":354},[927],{"type":375,"tag":577,"props":928,"children":929},{"class":579,"line":580},[930,935],{"type":375,"tag":577,"props":931,"children":932},{"style":584},[933],{"type":381,"value":934},"pnpm",{"type":375,"tag":577,"props":936,"children":937},{"style":590},[938],{"type":381,"value":785},{"type":375,"tag":384,"props":940,"children":941},{},[942,944,950],{"type":381,"value":943},"In case you have not installed pnpm execute ",{"type":375,"tag":522,"props":945,"children":947},{"className":946},[],[948],{"type":381,"value":949},"npm install -g pnpm",{"type":381,"value":951},".\nIf you want to install pnpm through another way take a look at their documentation.",{"type":375,"tag":384,"props":953,"children":954},{},[955],{"type":381,"value":956},"To execute scripts defined in the packages.json file of each package you have three options:",{"type":375,"tag":552,"props":958,"children":959},{},[960,971,982],{"type":375,"tag":556,"props":961,"children":962},{},[963,965],{"type":381,"value":964},"You use turbo: ",{"type":375,"tag":522,"props":966,"children":968},{"className":967},[],[969],{"type":381,"value":970},"npx turbo run \u003CTASK_NAME>",{"type":375,"tag":556,"props":972,"children":973},{},[974,976],{"type":381,"value":975},"You run the script from the root with ",{"type":375,"tag":522,"props":977,"children":979},{"className":978},[],[980],{"type":381,"value":981},"pnpm --filter \u003CPACKAGE_NAME> run \u003CSCRIPT_NAME>",{"type":375,"tag":556,"props":983,"children":984},{},[985],{"type":381,"value":986},"You cd into the package directory and run the script",{"type":375,"tag":384,"props":988,"children":989},{},[990],{"type":381,"value":991},"You can find the available turbo tasks in the turbo.json file",{"type":375,"tag":384,"props":993,"children":994},{},[995,997,1004],{"type":381,"value":996},"Don't know Turborepo? Check out their ",{"type":375,"tag":400,"props":998,"children":1001},{"href":999,"rel":1000},"https:\u002F\u002Fturbo.build\u002Frepo\u002Fdocs",[404],[1002],{"type":381,"value":1003},"documentation",{"type":381,"value":443},{"type":375,"tag":384,"props":1006,"children":1007},{},[1008],{"type":381,"value":1009},"Make sure to follow these steps before you push your branch:",{"type":375,"tag":552,"props":1011,"children":1012},{},[1013,1024,1035,1048],{"type":375,"tag":556,"props":1014,"children":1015},{},[1016,1018],{"type":381,"value":1017},"You linted your code with ",{"type":375,"tag":522,"props":1019,"children":1021},{"className":1020},[],[1022],{"type":381,"value":1023},"pnpm run lint:eslint",{"type":375,"tag":556,"props":1025,"children":1026},{},[1027,1029],{"type":381,"value":1028},"There are no type errors, run ",{"type":375,"tag":522,"props":1030,"children":1032},{"className":1031},[],[1033],{"type":381,"value":1034},"pnpm run lint:types",{"type":375,"tag":556,"props":1036,"children":1037},{},[1038,1040,1046],{"type":381,"value":1039},"Run ",{"type":375,"tag":522,"props":1041,"children":1043},{"className":1042},[],[1044],{"type":381,"value":1045},"pnpm run test:unit",{"type":381,"value":1047}," to see if all tests pass",{"type":375,"tag":556,"props":1049,"children":1050},{},[1051,1053],{"type":381,"value":1052},"You generated a changeset with ",{"type":375,"tag":522,"props":1054,"children":1056},{"className":1055},[],[1057],{"type":381,"value":1058},"npx changeset",{"type":375,"tag":384,"props":1060,"children":1061},{},[1062],{"type":381,"value":1063},"After completing all the tests you can submit your pull request.",{"type":375,"tag":545,"props":1065,"children":1067},{"id":1066},"create-a-changelog",[1068],{"type":381,"value":1069},"Create a changelog",{"type":375,"tag":384,"props":1071,"children":1072},{},[1073],{"type":381,"value":1074},"We create and manage our changelogs with changesets. Follow these steps\nto create a changelog:",{"type":375,"tag":552,"props":1076,"children":1077},{},[1078,1088,1093,1098,1103],{"type":375,"tag":556,"props":1079,"children":1080},{},[1081,1082],{"type":381,"value":1039},{"type":375,"tag":522,"props":1083,"children":1085},{"className":1084},[],[1086],{"type":381,"value":1087},"npx changeset add",{"type":375,"tag":556,"props":1089,"children":1090},{},[1091],{"type":381,"value":1092},"Select the package you updated",{"type":375,"tag":556,"props":1094,"children":1095},{},[1096],{"type":381,"value":1097},"Define your version bump for this package",{"type":375,"tag":556,"props":1099,"children":1100},{},[1101],{"type":381,"value":1102},"Write a meaningful changelog message",{"type":375,"tag":556,"props":1104,"children":1105},{},[1106],{"type":381,"value":1107},"Repeat the step for other packages you want to change",{"type":375,"tag":384,"props":1109,"children":1110},{},[1111,1113,1120],{"type":381,"value":1112},"Feel free to check out the ",{"type":375,"tag":400,"props":1114,"children":1117},{"href":1115,"rel":1116},"https:\u002F\u002Fgithub.com\u002Fchangesets\u002Fchangesets?tab=readme-ov-file#documentation",[404],[1118],{"type":381,"value":1119},"changesets documentation",{"type":381,"value":1121},"\nfor more information on how to work with it.",{"type":375,"tag":376,"props":1123,"children":1125},{"id":1124},"managing-releases",[1126],{"type":381,"value":1127},"Managing releases",{"type":375,"tag":384,"props":1129,"children":1130},{},[1131],{"type":381,"value":1132},"When your pull request gets merged a GitHub Action looks at your changes. If it finds a changeset in there it will copy that changeset over to a release branch.",{"type":375,"tag":384,"props":1134,"children":1135},{},[1136],{"type":381,"value":1137},"If you decide to release a new version, merge the release branch. Changesets will now take over. It updates the changelog files, bumps up the version numbers and it publishes the packages to npm.",{"type":375,"tag":384,"props":1139,"children":1140},{},[1141],{"type":381,"value":1142},"That's it there is nothing more you have to do.",{"type":375,"tag":376,"props":1144,"children":1146},{"id":1145},"updating-the-visual-tests",[1147],{"type":381,"value":1148},"Updating the visual tests",{"type":375,"tag":552,"props":1150,"children":1151},{},[1152,1157,1169,1183,1196,1201,1213,1218],{"type":375,"tag":556,"props":1153,"children":1154},{},[1155],{"type":381,"value":1156},"Copy the name of your branch",{"type":375,"tag":556,"props":1158,"children":1159},{},[1160,1162],{"type":381,"value":1161},"Go to the ",{"type":375,"tag":400,"props":1163,"children":1166},{"href":1164,"rel":1165},"https:\u002F\u002Fgithub.com\u002Fshopware\u002Fmeteor\u002Factions",[404],[1167],{"type":381,"value":1168},"actions tab",{"type":375,"tag":556,"props":1170,"children":1171},{},[1172,1174,1181],{"type":381,"value":1173},"Click on ",{"type":375,"tag":400,"props":1175,"children":1178},{"href":1176,"rel":1177},"https:\u002F\u002Fgithub.com\u002Fshopware\u002Fmeteor\u002Factions\u002Fworkflows\u002Fvisual-tests.yml",[404],[1179],{"type":381,"value":1180},"Visual tests",{"type":381,"value":1182}," in the left sidebar",{"type":375,"tag":556,"props":1184,"children":1185},{},[1186,1188,1194],{"type":381,"value":1187},"You then see a blue bar with a button that says ",{"type":375,"tag":522,"props":1189,"children":1191},{"className":1190},[],[1192],{"type":381,"value":1193},"Run workflow",{"type":381,"value":1195},", click on that",{"type":375,"tag":556,"props":1197,"children":1198},{},[1199],{"type":381,"value":1200},"Select your branch from the dropdown menu",{"type":375,"tag":556,"props":1202,"children":1203},{},[1204,1206,1211],{"type":381,"value":1205},"Click on the ",{"type":375,"tag":522,"props":1207,"children":1209},{"className":1208},[],[1210],{"type":381,"value":1193},{"type":381,"value":1212}," button",{"type":375,"tag":556,"props":1214,"children":1215},{},[1216],{"type":381,"value":1217},"Wait...",{"type":375,"tag":556,"props":1219,"children":1220},{},[1221],{"type":381,"value":1222},"Go back to your branch overview",{"type":375,"tag":1224,"props":1225,"children":1226},"style",{},[1227],{"type":381,"value":1228},"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);}",{"title":354,"searchDepth":355,"depth":355,"links":1230},[1231,1232,1233,1234,1235,1239,1242,1243],{"id":378,"depth":355,"text":382},{"id":426,"depth":355,"text":429},{"id":446,"depth":355,"text":449},{"id":480,"depth":355,"text":483},{"id":512,"depth":355,"text":515,"children":1236},[1237,1238],{"id":547,"depth":774,"text":550},{"id":698,"depth":774,"text":701},{"id":911,"depth":355,"text":914,"children":1240},[1241],{"id":1066,"depth":774,"text":1069},{"id":1124,"depth":355,"text":1127},{"id":1145,"depth":355,"text":1148},1784720809163]