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