[{"data":1,"prerenderedAt":1354},["ShallowReactive",2],{"navigation_docs":3,"-documentation-getting-started-contributing":349,"-documentation-getting-started-contributing-surround":368,"contributing-guide":373},[4,110,298],{"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,294],{"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},"Status Dot","\u002Fcomponents\u002Fstatus-dot","2.components\u002Fstatus-dot",{"title":255,"path":256,"stem":257},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch",{"title":259,"path":260,"stem":261},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":263,"path":264,"stem":265},"Text","\u002Fcomponents\u002Ftext","2.components\u002Ftext",{"title":267,"path":268,"stem":269},"Text Editor","\u002Fcomponents\u002Ftext-editor","2.components\u002Ftext-editor",{"title":271,"path":272,"stem":273},"Text Field","\u002Fcomponents\u002Ftext-field","2.components\u002Ftext-field",{"title":275,"path":276,"stem":277},"Textarea","\u002Fcomponents\u002Ftextarea","2.components\u002Ftextarea",{"title":279,"path":280,"stem":281},"Theme Select","\u002Fcomponents\u002Ftheme-select","2.components\u002Ftheme-select",{"title":283,"path":284,"stem":285},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":287,"path":288,"stem":289},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip",{"title":291,"path":292,"stem":293},"Unit Field","\u002Fcomponents\u002Funit-field","2.components\u002Funit-field",{"title":295,"path":296,"stem":297},"URL Field","\u002Fcomponents\u002Furl-field","2.components\u002Furl-field",{"title":299,"path":300,"stem":301,"children":302,"page":34},"Utilities","\u002Futilities","3.utilities",[303,315,332,340],{"title":53,"path":304,"stem":305,"children":306,"page":34},"\u002Futilities\u002Fcomponents","3.utilities\u002Fcomponents",[307,311],{"title":308,"path":309,"stem":310},"Inset","\u002Futilities\u002Fcomponents\u002Finset","3.utilities\u002Fcomponents\u002Finset",{"title":312,"path":313,"stem":314},"Theme Provider","\u002Futilities\u002Fcomponents\u002Ftheme-provider","3.utilities\u002Fcomponents\u002Ftheme-provider",{"title":316,"path":317,"stem":318,"children":319,"page":34},"Composables","\u002Futilities\u002Fcomposables","3.utilities\u002Fcomposables",[320,324,328],{"title":321,"path":322,"stem":323},"useFutureFlags","\u002Futilities\u002Fcomposables\u002Fuse-future-flags","3.utilities\u002Fcomposables\u002Fuse-future-flags",{"title":325,"path":326,"stem":327},"useSnackbar","\u002Futilities\u002Fcomposables\u002Fuse-snackbar","3.utilities\u002Fcomposables\u002Fuse-snackbar",{"title":329,"path":330,"stem":331},"useTheme","\u002Futilities\u002Fcomposables\u002Fuse-theme","3.utilities\u002Fcomposables\u002Fuse-theme",{"title":333,"path":334,"stem":335,"children":336,"page":34},"Directives","\u002Futilities\u002Fdirectives","3.utilities\u002Fdirectives",[337],{"title":287,"path":338,"stem":339},"\u002Futilities\u002Fdirectives\u002Ftooltip","3.utilities\u002Fdirectives\u002Ftooltip",{"title":341,"path":342,"stem":343,"children":344,"page":34},"Plugins","\u002Futilities\u002Fplugins","3.utilities\u002Fplugins",[345],{"title":346,"path":347,"stem":348},"Device helper","\u002Futilities\u002Fplugins\u002Fdevice-helper","3.utilities\u002Fplugins\u002Fdevice-helper",{"id":350,"title":27,"body":351,"description":361,"extension":362,"links":363,"meta":364,"navigation":365,"path":28,"seo":366,"stem":29,"__hash__":367},"docs\u002F1.documentation\u002F1.getting-started\u002F4.contributing.md",{"type":352,"value":353,"toc":357},"minimark",[354],[355,356],"contributing-guide",{},{"title":358,"searchDepth":359,"depth":359,"links":360},"",2,[],"How to contribute to Meteor, including local development, pull requests, changesets, and releases.","md",null,{},true,{"title":27,"description":361},"IBILHFv1c5FisggBF6y9d6Lghd3ZKZ5h3tCM7WwCo1g",[369,371],{"title":23,"path":24,"stem":25,"description":370,"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":372,"children":-1},"Release notes for Meteor's documented packages, organized by package and listed newest first.",{"data":374,"body":375,"toc":1337},{"title":358,"description":358},{"type":376,"children":377},"root",[378,387,393,398,414,428,434,448,454,468,482,488,501,514,520,527,532,573,609,630,636,658,663,669,801,806,812,824,895,945,958,984,1018,1024,1029,1047,1060,1065,1095,1100,1113,1118,1167,1172,1178,1183,1216,1230,1236,1241,1246,1251,1257,1331],{"type":379,"tag":380,"props":381,"children":383},"element","h2",{"id":382},"get-involved",[384],{"type":385,"value":386},"text","Get involved",{"type":379,"tag":388,"props":389,"children":390},"p",{},[391],{"type":385,"value":392},"Thank you for taking an interest in making Meteor a better project!",{"type":379,"tag":388,"props":394,"children":395},{},[396],{"type":385,"value":397},"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":379,"tag":388,"props":399,"children":400},{},[401,403,412],{"type":385,"value":402},"Shopware is available under ",{"type":379,"tag":404,"props":405,"children":409},"a",{"href":406,"rel":407},"https:\u002F\u002Fgithub.com\u002Fshopware\u002Fmeteor\u002Fblob\u002Fmain\u002FLICENSE.md",[408],"nofollow",[410],{"type":385,"value":411},"MIT license",{"type":385,"value":413},".\nContribute your code under MIT license.",{"type":379,"tag":388,"props":415,"children":416},{},[417,419,426],{"type":385,"value":418},"If you've never contributed to an open source project you might\nfind the ",{"type":379,"tag":404,"props":420,"children":423},{"href":421,"rel":422},"https:\u002F\u002Fopensource.guide\u002Fhow-to-contribute\u002F",[408],[424],{"type":385,"value":425},"this guide",{"type":385,"value":427}," helpful.",{"type":379,"tag":380,"props":429,"children":431},{"id":430},"code-of-conduct",[432],{"type":385,"value":433},"Code of conduct",{"type":379,"tag":388,"props":435,"children":436},{},[437,439,446],{"type":385,"value":438},"To understand which action we tolerate we expect you to read\nour ",{"type":379,"tag":404,"props":440,"children":443},{"href":441,"rel":442},"https:\u002F\u002Fgithub.com\u002Fshopware\u002Fmeteor\u002Fblob\u002Fmain\u002FCODE_OF_CONDUCT.md",[408],[444],{"type":385,"value":445},"code of conduct",{"type":385,"value":447},".",{"type":379,"tag":380,"props":449,"children":451},{"id":450},"bugs",[452],{"type":385,"value":453},"Bugs",{"type":379,"tag":388,"props":455,"children":456},{},[457,459,466],{"type":385,"value":458},"Please take a look at the ",{"type":379,"tag":404,"props":460,"children":463},{"href":461,"rel":462},"https:\u002F\u002Fgithub.com\u002Fshopware\u002Fmeteor\u002Fissues",[408],[464],{"type":385,"value":465},"existing issues",{"type":385,"value":467},"\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":379,"tag":388,"props":469,"children":470},{},[471,473,480],{"type":385,"value":472},"To get your bug fixed faster, add a link to a\n",{"type":379,"tag":404,"props":474,"children":477},{"href":475,"rel":476},"https:\u002F\u002Fstackblitz.com\u002Fedit\u002Fmeteor?file=src%2FApp.vue",[408],[478],{"type":385,"value":479},"project with the bug",{"type":385,"value":481},"\nfor us to reproduce in the issue's description.",{"type":379,"tag":380,"props":483,"children":485},{"id":484},"feature-requests",[486],{"type":385,"value":487},"Feature requests",{"type":379,"tag":388,"props":489,"children":490},{},[491,493,499],{"type":385,"value":492},"Search through the ",{"type":379,"tag":404,"props":494,"children":496},{"href":461,"rel":495},[408],[497],{"type":385,"value":498},"list of existing feature requests",{"type":385,"value":500},",\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":379,"tag":388,"props":502,"children":503},{},[504,506,513],{"type":385,"value":505},"If there does not already exist a feature request for your idea,\nyou can ",{"type":379,"tag":404,"props":507,"children":510},{"href":508,"rel":509},"https:\u002F\u002Fgithub.com\u002Fshopware\u002Fmeteor\u002Fissues\u002Fnew?template=03-feature.yaml",[408],[511],{"type":385,"value":512},"request a feature",{"type":385,"value":447},{"type":379,"tag":380,"props":515,"children":517},{"id":516},"local-development",[518],{"type":385,"value":519},"Local development",{"type":379,"tag":521,"props":522,"children":524},"h3",{"id":523},"running-storybook-and-the-documentation",[525],{"type":385,"value":526},"Running Storybook and the documentation",{"type":379,"tag":388,"props":528,"children":529},{},[530],{"type":385,"value":531},"To work on the components themselves, start Storybook and the documentation site together from the repository root:",{"type":379,"tag":533,"props":534,"children":538},"pre",{"className":535,"code":536,"language":537,"meta":358,"style":358},"language-sh shiki shiki-themes github-light github-dark-default github-dark-default","pnpm install\npnpm dev\n","sh",[539],{"type":379,"tag":540,"props":541,"children":542},"code",{"__ignoreMap":358},[543,561],{"type":379,"tag":544,"props":545,"children":548},"span",{"class":546,"line":547},"line",1,[549,555],{"type":379,"tag":544,"props":550,"children":552},{"style":551},"--shiki-light:#6F42C1;--shiki-default:#FFA657;--shiki-dark:#FFA657",[553],{"type":385,"value":554},"pnpm",{"type":379,"tag":544,"props":556,"children":558},{"style":557},"--shiki-light:#032F62;--shiki-default:#A5D6FF;--shiki-dark:#A5D6FF",[559],{"type":385,"value":560}," install\n",{"type":379,"tag":544,"props":562,"children":563},{"class":546,"line":359},[564,568],{"type":379,"tag":544,"props":565,"children":566},{"style":551},[567],{"type":385,"value":554},{"type":379,"tag":544,"props":569,"children":570},{"style":557},[571],{"type":385,"value":572}," dev\n",{"type":379,"tag":388,"props":574,"children":575},{},[576,578,584,586,592,594,600,602,607],{"type":385,"value":577},"This runs Storybook on ",{"type":379,"tag":540,"props":579,"children":581},{"className":580},[],[582],{"type":385,"value":583},"http:\u002F\u002Flocalhost:6006",{"type":385,"value":585}," and the documentation on ",{"type":379,"tag":540,"props":587,"children":589},{"className":588},[],[590],{"type":385,"value":591},"http:\u002F\u002Flocalhost:3001",{"type":385,"value":593}," in parallel, each opening in your browser. While both run locally, the ",{"type":379,"tag":540,"props":595,"children":597},{"className":596},[],[598],{"type":385,"value":599},"Storybook",{"type":385,"value":601}," link on a component's documentation page and the ",{"type":379,"tag":540,"props":603,"children":605},{"className":604},[],[606],{"type":385,"value":5},{"type":385,"value":608}," link in Storybook point at these local instances instead of the deployed ones, so you can move between them while developing.",{"type":379,"tag":388,"props":610,"children":611},{},[612,614,620,622,628],{"type":385,"value":613},"To start just one of them, run ",{"type":379,"tag":540,"props":615,"children":617},{"className":616},[],[618],{"type":385,"value":619},"pnpm --filter @shopware-ag\u002Fmeteor-component-library dev",{"type":385,"value":621}," for Storybook or ",{"type":379,"tag":540,"props":623,"children":625},{"className":624},[],[626],{"type":385,"value":627},"pnpm --filter meteor-docs dev",{"type":385,"value":629}," for the documentation.",{"type":379,"tag":521,"props":631,"children":633},{"id":632},"testing-your-changes-in-another-project-with-yalc",[634],{"type":385,"value":635},"Testing your changes in another project with yalc",{"type":379,"tag":388,"props":637,"children":638},{},[639,641,647,649,656],{"type":385,"value":640},"For local development we use ",{"type":379,"tag":540,"props":642,"children":644},{"className":643},[],[645],{"type":385,"value":646},"yalc",{"type":385,"value":648}," to publish packages into a virtual store and consume them from other projects.\nYou can find yalc ",{"type":379,"tag":404,"props":650,"children":653},{"href":651,"rel":652},"https:\u002F\u002Fgithub.com\u002Fwclr\u002Fyalc",[408],[654],{"type":385,"value":655},"here",{"type":385,"value":657}," 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":379,"tag":388,"props":659,"children":660},{},[661],{"type":385,"value":662},"The walkthrough below uses the component library. Swap the package name and paths if you work on a different package.",{"type":379,"tag":521,"props":664,"children":666},{"id":665},"publish-your-changes-to-the-local-yalc-store",[667],{"type":385,"value":668},"Publish your changes to the local yalc store",{"type":379,"tag":670,"props":671,"children":672},"ol",{},[673,679,727],{"type":379,"tag":674,"props":675,"children":676},"li",{},[677],{"type":385,"value":678},"Make your changes in the desired package(s).",{"type":379,"tag":674,"props":680,"children":681},{},[682,684,714,718,720,726],{"type":385,"value":683},"Build from the meteor root so the published files include your changes:",{"type":379,"tag":533,"props":685,"children":687},{"className":535,"code":686,"language":537,"meta":358,"style":358},"npx turbo run build\n",[688],{"type":379,"tag":540,"props":689,"children":690},{"__ignoreMap":358},[691],{"type":379,"tag":544,"props":692,"children":693},{"class":546,"line":547},[694,699,704,709],{"type":379,"tag":544,"props":695,"children":696},{"style":551},[697],{"type":385,"value":698},"npx",{"type":379,"tag":544,"props":700,"children":701},{"style":557},[702],{"type":385,"value":703}," turbo",{"type":379,"tag":544,"props":705,"children":706},{"style":557},[707],{"type":385,"value":708}," run",{"type":379,"tag":544,"props":710,"children":711},{"style":557},[712],{"type":385,"value":713}," build\n",{"type":379,"tag":715,"props":716,"children":717},"br",{},[],{"type":385,"value":719},"To rebuild only one package, scope the task: ",{"type":379,"tag":540,"props":721,"children":723},{"className":722},[],[724],{"type":385,"value":725},"npx turbo run build --filter=@shopware-ag\u002Fmeteor-component-library",{"type":385,"value":447},{"type":379,"tag":674,"props":728,"children":729},{},[730,732,738,740,788,791,793,799],{"type":385,"value":731},"Publish from the package root, here ",{"type":379,"tag":540,"props":733,"children":735},{"className":734},[],[736],{"type":385,"value":737},"packages\u002Fcomponent-library",{"type":385,"value":739},":",{"type":379,"tag":533,"props":741,"children":743},{"className":535,"code":742,"language":537,"meta":358,"style":358},"cd packages\u002Fcomponent-library\nyalc publish --private --workspace --pure\n",[744],{"type":379,"tag":540,"props":745,"children":746},{"__ignoreMap":358},[747,761],{"type":379,"tag":544,"props":748,"children":749},{"class":546,"line":547},[750,756],{"type":379,"tag":544,"props":751,"children":753},{"style":752},"--shiki-light:#005CC5;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[754],{"type":385,"value":755},"cd",{"type":379,"tag":544,"props":757,"children":758},{"style":557},[759],{"type":385,"value":760}," packages\u002Fcomponent-library\n",{"type":379,"tag":544,"props":762,"children":763},{"class":546,"line":359},[764,768,773,778,783],{"type":379,"tag":544,"props":765,"children":766},{"style":551},[767],{"type":385,"value":646},{"type":379,"tag":544,"props":769,"children":770},{"style":557},[771],{"type":385,"value":772}," publish",{"type":379,"tag":544,"props":774,"children":775},{"style":752},[776],{"type":385,"value":777}," --private",{"type":379,"tag":544,"props":779,"children":780},{"style":752},[781],{"type":385,"value":782}," --workspace",{"type":379,"tag":544,"props":784,"children":785},{"style":752},[786],{"type":385,"value":787}," --pure\n",{"type":379,"tag":715,"props":789,"children":790},{},[],{"type":385,"value":792},"This copies the built package into the local yalc store, with its ",{"type":379,"tag":540,"props":794,"children":796},{"className":795},[],[797],{"type":385,"value":798},"workspace:",{"type":385,"value":800}," dependencies resolved to concrete versions so they install outside the monorepo.",{"type":379,"tag":388,"props":802,"children":803},{},[804],{"type":385,"value":805},"Repeat the build and publish steps whenever you change the source again.",{"type":379,"tag":521,"props":807,"children":809},{"id":808},"add-your-updated-package-to-shopware-and-your-extensions",[810],{"type":385,"value":811},"Add your updated package to Shopware and your extensions",{"type":379,"tag":388,"props":813,"children":814},{},[815,817,823],{"type":385,"value":816},"Switch to the project that should consume your changes. For the Shopware administration this is ",{"type":379,"tag":540,"props":818,"children":820},{"className":819},[],[821],{"type":385,"value":822},"\u003Cshopware-root-folder>\u002Fsrc\u002FAdministration\u002FResources\u002Fapp\u002Fadministration",{"type":385,"value":739},{"type":379,"tag":533,"props":825,"children":827},{"className":535,"code":826,"language":537,"meta":358,"style":358},"cd \u003Cshopware-root-folder>\u002Fsrc\u002FAdministration\u002FResources\u002Fapp\u002Fadministration\nyalc add @shopware-ag\u002Fmeteor-component-library\nnpm install\n",[828],{"type":379,"tag":540,"props":829,"children":830},{"__ignoreMap":358},[831,865,882],{"type":379,"tag":544,"props":832,"children":833},{"class":546,"line":547},[834,838,844,849,855,860],{"type":379,"tag":544,"props":835,"children":836},{"style":752},[837],{"type":385,"value":755},{"type":379,"tag":544,"props":839,"children":841},{"style":840},"--shiki-light:#D73A49;--shiki-default:#FF7B72;--shiki-dark:#FF7B72",[842],{"type":385,"value":843}," \u003C",{"type":379,"tag":544,"props":845,"children":846},{"style":557},[847],{"type":385,"value":848},"shopware-root-folde",{"type":379,"tag":544,"props":850,"children":852},{"style":851},"--shiki-light:#24292E;--shiki-default:#E6EDF3;--shiki-dark:#E6EDF3",[853],{"type":385,"value":854},"r",{"type":379,"tag":544,"props":856,"children":857},{"style":840},[858],{"type":385,"value":859},">",{"type":379,"tag":544,"props":861,"children":862},{"style":557},[863],{"type":385,"value":864},"\u002Fsrc\u002FAdministration\u002FResources\u002Fapp\u002Fadministration\n",{"type":379,"tag":544,"props":866,"children":867},{"class":546,"line":359},[868,872,877],{"type":379,"tag":544,"props":869,"children":870},{"style":551},[871],{"type":385,"value":646},{"type":379,"tag":544,"props":873,"children":874},{"style":557},[875],{"type":385,"value":876}," add",{"type":379,"tag":544,"props":878,"children":879},{"style":557},[880],{"type":385,"value":881}," @shopware-ag\u002Fmeteor-component-library\n",{"type":379,"tag":544,"props":883,"children":885},{"class":546,"line":884},3,[886,891],{"type":379,"tag":544,"props":887,"children":888},{"style":551},[889],{"type":385,"value":890},"npm",{"type":379,"tag":544,"props":892,"children":893},{"style":557},[894],{"type":385,"value":560},{"type":379,"tag":388,"props":896,"children":897},{},[898,904,906,912,914,920,922,928,930,936,938,943],{"type":379,"tag":540,"props":899,"children":901},{"className":900},[],[902],{"type":385,"value":903},"yalc add",{"type":385,"value":905}," copies the published files into a local ",{"type":379,"tag":540,"props":907,"children":909},{"className":908},[],[910],{"type":385,"value":911},".yalc",{"type":385,"value":913}," folder and points the project's ",{"type":379,"tag":540,"props":915,"children":917},{"className":916},[],[918],{"type":385,"value":919},"package.json",{"type":385,"value":921}," at them; ",{"type":379,"tag":540,"props":923,"children":925},{"className":924},[],[926],{"type":385,"value":927},"npm install",{"type":385,"value":929}," then wires them into ",{"type":379,"tag":540,"props":931,"children":933},{"className":932},[],[934],{"type":385,"value":935},"node_modules",{"type":385,"value":937},".\nBe careful not to commit the ",{"type":379,"tag":540,"props":939,"children":941},{"className":940},[],[942],{"type":385,"value":919},{"type":385,"value":944}," changes.",{"type":379,"tag":388,"props":946,"children":947},{},[948,950,956],{"type":385,"value":949},"To pick up later changes, republish from the package and run ",{"type":379,"tag":540,"props":951,"children":953},{"className":952},[],[954],{"type":385,"value":955},"yalc update",{"type":385,"value":957}," in the consuming project.",{"type":379,"tag":388,"props":959,"children":960},{},[961,963,969,971,976,978,983],{"type":385,"value":962},"Alternatively, run ",{"type":379,"tag":540,"props":964,"children":966},{"className":965},[],[967],{"type":385,"value":968},"yalc link @shopware-ag\u002Fmeteor-component-library",{"type":385,"value":970}," to symlink the files into ",{"type":379,"tag":540,"props":972,"children":974},{"className":973},[],[975],{"type":385,"value":935},{"type":385,"value":977}," without touching ",{"type":379,"tag":540,"props":979,"children":981},{"className":980},[],[982],{"type":385,"value":919},{"type":385,"value":447},{"type":379,"tag":388,"props":985,"children":986},{},[987,993,995,1001,1003,1009,1011,1016],{"type":379,"tag":988,"props":989,"children":990},"strong",{},[991],{"type":385,"value":992},"Caution",{"type":385,"value":994},": ",{"type":379,"tag":540,"props":996,"children":998},{"className":997},[],[999],{"type":385,"value":1000},"yalc link",{"type":385,"value":1002}," creates symlinks with absolute paths. If you run a containerized setup, it will fail to resolve (see: ",{"type":379,"tag":404,"props":1004,"children":1007},{"href":1005,"rel":1006},"https:\u002F\u002Fgithub.com\u002Fwclr\u002Fyalc\u002Fissues\u002F123",[408],[1008],{"type":385,"value":1005},{"type":385,"value":1010},").\nIn that case use ",{"type":379,"tag":540,"props":1012,"children":1014},{"className":1013},[],[1015],{"type":385,"value":903},{"type":385,"value":1017}," as shown above.",{"type":379,"tag":380,"props":1019,"children":1021},{"id":1020},"creating-a-pull-request",[1022],{"type":385,"value":1023},"Creating a pull request",{"type":379,"tag":388,"props":1025,"children":1026},{},[1027],{"type":385,"value":1028},"The first step is to clone your repo. Then, install the dependencies with:",{"type":379,"tag":533,"props":1030,"children":1032},{"className":535,"code":1031,"language":537,"meta":358,"style":358},"pnpm install\n",[1033],{"type":379,"tag":540,"props":1034,"children":1035},{"__ignoreMap":358},[1036],{"type":379,"tag":544,"props":1037,"children":1038},{"class":546,"line":547},[1039,1043],{"type":379,"tag":544,"props":1040,"children":1041},{"style":551},[1042],{"type":385,"value":554},{"type":379,"tag":544,"props":1044,"children":1045},{"style":557},[1046],{"type":385,"value":560},{"type":379,"tag":388,"props":1048,"children":1049},{},[1050,1052,1058],{"type":385,"value":1051},"In case you have not installed pnpm execute ",{"type":379,"tag":540,"props":1053,"children":1055},{"className":1054},[],[1056],{"type":385,"value":1057},"npm install -g pnpm",{"type":385,"value":1059},".\nIf you want to install pnpm through another way take a look at their documentation.",{"type":379,"tag":388,"props":1061,"children":1062},{},[1063],{"type":385,"value":1064},"To execute scripts defined in the packages.json file of each package you have three options:",{"type":379,"tag":670,"props":1066,"children":1067},{},[1068,1079,1090],{"type":379,"tag":674,"props":1069,"children":1070},{},[1071,1073],{"type":385,"value":1072},"You use turbo: ",{"type":379,"tag":540,"props":1074,"children":1076},{"className":1075},[],[1077],{"type":385,"value":1078},"npx turbo run \u003CTASK_NAME>",{"type":379,"tag":674,"props":1080,"children":1081},{},[1082,1084],{"type":385,"value":1083},"You run the script from the root with ",{"type":379,"tag":540,"props":1085,"children":1087},{"className":1086},[],[1088],{"type":385,"value":1089},"pnpm --filter \u003CPACKAGE_NAME> run \u003CSCRIPT_NAME>",{"type":379,"tag":674,"props":1091,"children":1092},{},[1093],{"type":385,"value":1094},"You cd into the package directory and run the script",{"type":379,"tag":388,"props":1096,"children":1097},{},[1098],{"type":385,"value":1099},"You can find the available turbo tasks in the turbo.json file",{"type":379,"tag":388,"props":1101,"children":1102},{},[1103,1105,1112],{"type":385,"value":1104},"Don't know Turborepo? Check out their ",{"type":379,"tag":404,"props":1106,"children":1109},{"href":1107,"rel":1108},"https:\u002F\u002Fturbo.build\u002Frepo\u002Fdocs",[408],[1110],{"type":385,"value":1111},"documentation",{"type":385,"value":447},{"type":379,"tag":388,"props":1114,"children":1115},{},[1116],{"type":385,"value":1117},"Make sure to follow these steps before you push your branch:",{"type":379,"tag":670,"props":1119,"children":1120},{},[1121,1132,1143,1156],{"type":379,"tag":674,"props":1122,"children":1123},{},[1124,1126],{"type":385,"value":1125},"You linted your code with ",{"type":379,"tag":540,"props":1127,"children":1129},{"className":1128},[],[1130],{"type":385,"value":1131},"pnpm run lint:eslint",{"type":379,"tag":674,"props":1133,"children":1134},{},[1135,1137],{"type":385,"value":1136},"There are no type errors, run ",{"type":379,"tag":540,"props":1138,"children":1140},{"className":1139},[],[1141],{"type":385,"value":1142},"pnpm run lint:types",{"type":379,"tag":674,"props":1144,"children":1145},{},[1146,1148,1154],{"type":385,"value":1147},"Run ",{"type":379,"tag":540,"props":1149,"children":1151},{"className":1150},[],[1152],{"type":385,"value":1153},"pnpm run test:unit",{"type":385,"value":1155}," to see if all tests pass",{"type":379,"tag":674,"props":1157,"children":1158},{},[1159,1161],{"type":385,"value":1160},"You generated a changeset with ",{"type":379,"tag":540,"props":1162,"children":1164},{"className":1163},[],[1165],{"type":385,"value":1166},"npx changeset",{"type":379,"tag":388,"props":1168,"children":1169},{},[1170],{"type":385,"value":1171},"After completing all the tests you can submit your pull request.",{"type":379,"tag":521,"props":1173,"children":1175},{"id":1174},"create-a-changelog",[1176],{"type":385,"value":1177},"Create a changelog",{"type":379,"tag":388,"props":1179,"children":1180},{},[1181],{"type":385,"value":1182},"We create and manage our changelogs with changesets. Follow these steps\nto create a changelog:",{"type":379,"tag":670,"props":1184,"children":1185},{},[1186,1196,1201,1206,1211],{"type":379,"tag":674,"props":1187,"children":1188},{},[1189,1190],{"type":385,"value":1147},{"type":379,"tag":540,"props":1191,"children":1193},{"className":1192},[],[1194],{"type":385,"value":1195},"npx changeset add",{"type":379,"tag":674,"props":1197,"children":1198},{},[1199],{"type":385,"value":1200},"Select the package you updated",{"type":379,"tag":674,"props":1202,"children":1203},{},[1204],{"type":385,"value":1205},"Define your version bump for this package",{"type":379,"tag":674,"props":1207,"children":1208},{},[1209],{"type":385,"value":1210},"Write a meaningful changelog message",{"type":379,"tag":674,"props":1212,"children":1213},{},[1214],{"type":385,"value":1215},"Repeat the step for other packages you want to change",{"type":379,"tag":388,"props":1217,"children":1218},{},[1219,1221,1228],{"type":385,"value":1220},"Feel free to check out the ",{"type":379,"tag":404,"props":1222,"children":1225},{"href":1223,"rel":1224},"https:\u002F\u002Fgithub.com\u002Fchangesets\u002Fchangesets?tab=readme-ov-file#documentation",[408],[1226],{"type":385,"value":1227},"changesets documentation",{"type":385,"value":1229},"\nfor more information on how to work with it.",{"type":379,"tag":380,"props":1231,"children":1233},{"id":1232},"managing-releases",[1234],{"type":385,"value":1235},"Managing releases",{"type":379,"tag":388,"props":1237,"children":1238},{},[1239],{"type":385,"value":1240},"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":379,"tag":388,"props":1242,"children":1243},{},[1244],{"type":385,"value":1245},"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":379,"tag":388,"props":1247,"children":1248},{},[1249],{"type":385,"value":1250},"That's it there is nothing more you have to do.",{"type":379,"tag":380,"props":1252,"children":1254},{"id":1253},"updating-the-visual-tests",[1255],{"type":385,"value":1256},"Updating the visual tests",{"type":379,"tag":670,"props":1258,"children":1259},{},[1260,1265,1277,1291,1304,1309,1321,1326],{"type":379,"tag":674,"props":1261,"children":1262},{},[1263],{"type":385,"value":1264},"Copy the name of your branch",{"type":379,"tag":674,"props":1266,"children":1267},{},[1268,1270],{"type":385,"value":1269},"Go to the ",{"type":379,"tag":404,"props":1271,"children":1274},{"href":1272,"rel":1273},"https:\u002F\u002Fgithub.com\u002Fshopware\u002Fmeteor\u002Factions",[408],[1275],{"type":385,"value":1276},"actions tab",{"type":379,"tag":674,"props":1278,"children":1279},{},[1280,1282,1289],{"type":385,"value":1281},"Click on ",{"type":379,"tag":404,"props":1283,"children":1286},{"href":1284,"rel":1285},"https:\u002F\u002Fgithub.com\u002Fshopware\u002Fmeteor\u002Factions\u002Fworkflows\u002Fvisual-tests.yml",[408],[1287],{"type":385,"value":1288},"Visual tests",{"type":385,"value":1290}," in the left sidebar",{"type":379,"tag":674,"props":1292,"children":1293},{},[1294,1296,1302],{"type":385,"value":1295},"You then see a blue bar with a button that says ",{"type":379,"tag":540,"props":1297,"children":1299},{"className":1298},[],[1300],{"type":385,"value":1301},"Run workflow",{"type":385,"value":1303},", click on that",{"type":379,"tag":674,"props":1305,"children":1306},{},[1307],{"type":385,"value":1308},"Select your branch from the dropdown menu",{"type":379,"tag":674,"props":1310,"children":1311},{},[1312,1314,1319],{"type":385,"value":1313},"Click on the ",{"type":379,"tag":540,"props":1315,"children":1317},{"className":1316},[],[1318],{"type":385,"value":1301},{"type":385,"value":1320}," button",{"type":379,"tag":674,"props":1322,"children":1323},{},[1324],{"type":385,"value":1325},"Wait...",{"type":379,"tag":674,"props":1327,"children":1328},{},[1329],{"type":385,"value":1330},"Go back to your branch overview",{"type":379,"tag":1332,"props":1333,"children":1334},"style",{},[1335],{"type":385,"value":1336},"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":358,"searchDepth":359,"depth":359,"links":1338},[1339,1340,1341,1342,1343,1349,1352,1353],{"id":382,"depth":359,"text":386},{"id":430,"depth":359,"text":433},{"id":450,"depth":359,"text":453},{"id":484,"depth":359,"text":487},{"id":516,"depth":359,"text":519,"children":1344},[1345,1346,1347,1348],{"id":523,"depth":884,"text":526},{"id":632,"depth":884,"text":635},{"id":665,"depth":884,"text":668},{"id":808,"depth":884,"text":811},{"id":1020,"depth":359,"text":1023,"children":1350},[1351],{"id":1174,"depth":884,"text":1177},{"id":1232,"depth":359,"text":1235},{"id":1253,"depth":359,"text":1256},1784733261469]