[{"data":1,"prerenderedAt":1778},["ShallowReactive",2],{"docs-side-nav":3,"docs-header-nav":197,"/docs/cli":270,"docs-bottom-nav":1705},{"id":4,"extension":5,"items":6,"meta":194,"stem":195,"__hash__":196},"navigation/data/navigation.json","json",[7,34,46,70,104,155,170],{"name":8,"items":9},"Getting Started",[10,13,16,19,22,25,28,31],{"title":11,"path":12},"What is Maizzle?","/docs/introduction",{"title":14,"path":15},"Installation","/docs/installation",{"title":17,"path":18},"Editor Setup","/docs/editor-setup",{"title":20,"path":21},"Compatibility","/docs/compatibility",{"title":23,"path":24},"Upgrade Guide","/docs/upgrade-guide",{"title":26,"path":27},"Resources","/resources",{"title":29,"path":30},"Glossary","/glossary",{"title":32,"path":33},"CLI","/docs/cli",{"name":35,"items":36},"Concepts",[37,40,43],{"title":38,"path":39},"Environments","/docs/environments",{"title":41,"path":42},"Tailwind CSS","/docs/tailwindcss",{"title":44,"path":45},"Build Process","/docs/build-process",{"name":47,"items":48},"Configuration",[49,52,55,58,61,64,67],{"title":50,"path":51},"CSS","/docs/configuration/css",{"title":53,"path":54},"Build","/docs/configuration/build",{"title":56,"path":57},"Server","/docs/configuration/server",{"title":59,"path":60},"Components","/docs/configuration/components",{"title":62,"path":63},"Expressions","/docs/configuration/expressions",{"title":65,"path":66},"PostHTML","/docs/configuration/posthtml",{"title":68,"path":69},"PostCSS","/docs/configuration/postcss",{"name":71,"items":72},"Development",[73,76,79,81,83,86,89,92,95,98,101],{"title":74,"path":75},"Layouts","/docs/layouts",{"title":77,"path":78},"Templates","/docs/templates",{"title":59,"path":80},"/docs/components",{"title":62,"path":82},"/docs/expressions",{"title":84,"path":85},"Tags","/docs/tags",{"title":87,"path":88},"Assets","/docs/assets",{"title":90,"path":91},"Events","/docs/events",{"title":93,"path":94},"Functions","/docs/functions",{"title":96,"path":97},"Markdown","/docs/markdown",{"title":99,"path":100},"Plaintext","/docs/plaintext",{"title":102,"path":103},"API","/docs/api",{"name":105,"items":106},"Transformers",[107,110,113,116,119,122,125,128,131,134,137,140,143,146,149,152],{"title":108,"path":109},"What are Transformers?","/docs/transformers",{"title":111,"path":112},"Filters","/docs/transformers/filters",{"title":114,"path":115},"Inline CSS","/docs/transformers/inline-css",{"title":117,"path":118},"Safe Selectors","/docs/transformers/safe-class-names",{"title":120,"path":121},"CSS Purging","/docs/transformers/purge-css",{"title":123,"path":124},"Shorthand CSS","/docs/transformers/shorthand-css",{"title":126,"path":127},"Attribute To Style","/docs/transformers/attribute-to-style",{"title":129,"path":130},"Remove Attributes","/docs/transformers/remove-attributes",{"title":132,"path":133},"Add Attributes","/docs/transformers/add-attributes",{"title":135,"path":136},"Replace Strings","/docs/transformers/replace-strings",{"title":138,"path":139},"Widow Words","/docs/transformers/widows",{"title":141,"path":142},"URL Parameters","/docs/transformers/url-parameters",{"title":144,"path":145},"Base URL","/docs/transformers/base-url",{"title":147,"path":148},"Six HEX","/docs/transformers/six-hex",{"title":150,"path":151},"Prettify","/docs/transformers/prettify",{"title":153,"path":154},"Minify","/docs/transformers/minify",{"name":156,"items":157},"Starter Components",[158,161,164,167],{"title":159,"path":160},"Spacer","/docs/components/spacer",{"title":162,"path":163},"Divider","/docs/components/divider",{"title":165,"path":166},"Button","/docs/components/button",{"title":168,"path":169},"VML","/docs/components/vml",{"name":171,"items":172},"Examples",[173,176,179,182,185,188,191],{"title":174,"path":175},"Spacers","/docs/examples/spacers",{"title":177,"path":178},"Dividers","/docs/examples/dividers",{"title":180,"path":181},"Buttons","/docs/examples/buttons",{"title":183,"path":184},"Cards","/docs/examples/cards",{"title":186,"path":187},"Grids","/docs/examples/grids",{"title":189,"path":190},"Google Fonts","/docs/examples/google-fonts",{"title":192,"path":193},"Reverse Stack","/docs/examples/reverse-stack",{},"data/navigation","lXnN10nQFMOp0U7LPKSlEiRFYPoRC0dC5rgvZn8-pes",{"id":4,"extension":5,"items":198,"meta":269,"stem":195,"__hash__":196},[199,209,214,223,236,254,260],{"name":8,"items":200},[201,202,203,204,205,206,207,208],{"title":11,"path":12},{"title":14,"path":15},{"title":17,"path":18},{"title":20,"path":21},{"title":23,"path":24},{"title":26,"path":27},{"title":29,"path":30},{"title":32,"path":33},{"name":35,"items":210},[211,212,213],{"title":38,"path":39},{"title":41,"path":42},{"title":44,"path":45},{"name":47,"items":215},[216,217,218,219,220,221,222],{"title":50,"path":51},{"title":53,"path":54},{"title":56,"path":57},{"title":59,"path":60},{"title":62,"path":63},{"title":65,"path":66},{"title":68,"path":69},{"name":71,"items":224},[225,226,227,228,229,230,231,232,233,234,235],{"title":74,"path":75},{"title":77,"path":78},{"title":59,"path":80},{"title":62,"path":82},{"title":84,"path":85},{"title":87,"path":88},{"title":90,"path":91},{"title":93,"path":94},{"title":96,"path":97},{"title":99,"path":100},{"title":102,"path":103},{"name":105,"items":237},[238,239,240,241,242,243,244,245,246,247,248,249,250,251,252,253],{"title":108,"path":109},{"title":111,"path":112},{"title":114,"path":115},{"title":117,"path":118},{"title":120,"path":121},{"title":123,"path":124},{"title":126,"path":127},{"title":129,"path":130},{"title":132,"path":133},{"title":135,"path":136},{"title":138,"path":139},{"title":141,"path":142},{"title":144,"path":145},{"title":147,"path":148},{"title":150,"path":151},{"title":153,"path":154},{"name":156,"items":255},[256,257,258,259],{"title":159,"path":160},{"title":162,"path":163},{"title":165,"path":166},{"title":168,"path":169},{"name":171,"items":261},[262,263,264,265,266,267,268],{"title":174,"path":175},{"title":177,"path":178},{"title":180,"path":181},{"title":183,"path":184},{"title":186,"path":187},{"title":189,"path":190},{"title":192,"path":193},{},{"id":271,"title":272,"body":273,"description":1699,"extension":818,"meta":1700,"navigation":889,"path":33,"seo":1701,"sitemap":1702,"stem":1703,"__hash__":1704},"docs/docs/cli.md","CLI Tool",{"type":274,"value":275,"toc":1684},"minimark",[276,281,285,301,305,317,333,337,340,349,352,355,358,362,371,420,481,494,505,508,513,519,528,535,538,544,553,556,561,575,584,587,593,602,611,614,623,638,669,722,732,735,739,748,751,755,764,769,775,784,793,796,801,811,814,897,901,904,908,917,920,923,932,974,982,989,998,1001,1112,1118,1127,1131,1140,1143,1146,1149,1152,1174,1183,1192,1195,1204,1208,1217,1220,1222,1225,1289,1291,1311,1320,1324,1326,1335,1339,1348,1351,1353,1355,1375,1384,1387,1493,1497,1499,1508,1512,1521,1529,1531,1534,1644,1647,1667,1676,1680],[277,278,280],"h1",{"id":279},"maizzle-cli","Maizzle CLI",[282,283,284],"p",{},"You can use the Maizzle CLI to:",[286,287,288,292,295,298],"ul",{},[289,290,291],"li",{},"create new projects",[289,293,294],{},"generate config files",[289,296,297],{},"build your HTML emails",[289,299,300],{},"scaffold Templates or Layouts",[302,303,14],"h2",{"id":304},"installation",[282,306,307,308,312,313,316],{},"Install the CLI tool globally, so that the ",[309,310,311],"code",{},"maizzle"," executable gets added to your ",[309,314,315],{},"$PATH"," :",[318,319,324],"pre",{"className":320,"code":321,"language":322,"meta":323,"style":323},"language-sh shiki shiki-themes tailwind-css tailwind-css","npm install -g @maizzle/cli\n","sh","",[309,325,326],{"__ignoreMap":323},[327,328,331],"span",{"class":329,"line":330},"line",1,[327,332,321],{},[302,334,336],{"id":335},"creating-a-project","Creating a project",[282,338,339],{},"Scaffold a Maizzle project by opening a Terminal and running:",[318,341,343],{"className":320,"code":342,"language":322,"meta":323,"style":323},"maizzle new\n",[309,344,345],{"__ignoreMap":323},[327,346,347],{"class":329,"line":330},[327,348,342],{},[282,350,351],{},"This will bring up an interactive prompt that will guide you through the process.",[302,353,71],{"id":354},"development",[282,356,357],{},"The CLI tool provides commands for developing HTML emails with Maizzle.",[359,360,361],"h3",{"id":361},"serve",[318,363,365],{"className":320,"code":364,"language":322,"meta":323,"style":323},"maizzle serve [env]\n",[309,366,367],{"__ignoreMap":323},[327,368,369],{"class":329,"line":330},[327,370,364],{},[372,373,374,393],"table",{},[375,376,377],"thead",{},[378,379,380,384,387,390],"tr",{},[381,382,383],"th",{},"Argument",[381,385,386],{},"Required",[381,388,389],{},"Default",[381,391,392],{},"Description",[394,395,396],"tbody",{},[378,397,398,404,407,412],{},[399,400,401],"td",{},[309,402,403],{},"[env]",[399,405,406],{},"no",[399,408,409],{},[309,410,411],{},"local",[399,413,414,415,419],{},"An ",[416,417,418],"a",{"href":39},"Environment"," name to use",[372,421,422,434],{},[375,423,424],{},[378,425,426,429,432],{},[381,427,428],{},"Option",[381,430,431],{},"Short",[381,433,392],{},[394,435,436,451,466],{},[378,437,438,443,448],{},[399,439,440],{},[309,441,442],{},"--bin",[399,444,445],{},[309,446,447],{},"-b",[399,449,450],{},"Path to the Maizzle executable",[378,452,453,458,463],{},[399,454,455],{},[309,456,457],{},"--config",[399,459,460],{},[309,461,462],{},"-c",[399,464,465],{},"Path to a config file to use",[378,467,468,473,478],{},[399,469,470],{},[309,471,472],{},"--port",[399,474,475],{},[309,476,477],{},"-p",[399,479,480],{},"Port number to run the server on",[282,482,483,484,487,488,493],{},"Use the ",[309,485,486],{},"maizzle serve"," command to start a local development server, which you can access in your browser at ",[416,489,490],{"href":490,"rel":491},"http://localhost:3000",[492],"nofollow",".",[282,495,496,498,499,501,502,493],{},[309,497,403],{}," is optional, you can simply run ",[309,500,486],{}," and a server will be started using the settings from your project's ",[309,503,504],{},"config.js",[282,506,507],{},"You can edit a Template or Component in your code editor, save it, and the changes will instantly be reflected in the browser.",[509,510,512],"h4",{"id":511},"serve-env","serve [env]",[282,514,515,516,518],{},"You may specify which Environment config file to use by passing an ",[309,517,403],{}," argument:",[318,520,522],{"className":320,"code":521,"language":322,"meta":323,"style":323},"maizzle serve production\n",[309,523,524],{"__ignoreMap":323},[327,525,526],{"class":329,"line":330},[327,527,521],{},[282,529,530,531,534],{},"In this example, a local development server will be started using the settings from your project's ",[309,532,533],{},"config.production.js",".\nYou can use this to start a dev server that uses settings from a different Environment config file.",[509,536,442],{"id":537},"bin",[282,539,540,541,543],{},"If needed, you may specify the path to Maizzle's executable by passing the ",[309,542,442],{}," flag:",[318,545,547],{"className":320,"code":546,"language":322,"meta":323,"style":323},"maizzle serve --bin /path/to/@maizzle/framework/src\n",[309,548,549],{"__ignoreMap":323},[327,550,551],{"class":329,"line":330},[327,552,546],{},[509,554,457],{"id":555},"config",[282,557,558,559,543],{},"You may specify the path to a config file by passing the ",[309,560,457],{},[282,562,563,564,566,567,570,571,574],{},"This config file path takes precedence over the ",[309,565,403],{}," argument, so for example the ",[309,568,569],{},"dev.config.js"," file will be used even if ",[309,572,573],{},"production"," is passed:",[318,576,578],{"className":320,"code":577,"language":322,"meta":323,"style":323},"maizzle serve production --config /path/to/dev.config.js\n",[309,579,580],{"__ignoreMap":323},[327,581,582],{"class":329,"line":330},[327,583,577],{},[509,585,472],{"id":586},"port",[282,588,589,590,592],{},"You may pass the ",[309,591,472],{}," flag to specify a port number to run the server on:",[318,594,596],{"className":320,"code":595,"language":322,"meta":323,"style":323},"maizzle serve --port 8080\n",[309,597,598],{"__ignoreMap":323},[327,599,600],{"class":329,"line":330},[327,601,595],{},[282,603,604,605,607,608,493],{},"By default, ",[309,606,486],{}," will start on port ",[309,609,610],{},"3000",[359,612,613],{"id":613},"build",[318,615,617],{"className":320,"code":616,"language":322,"meta":323,"style":323},"maizzle build [env]\n",[309,618,619],{"__ignoreMap":323},[327,620,621],{"class":329,"line":330},[327,622,616],{},[282,624,625,626,628,629,631,632,635,636,493],{},"The ",[309,627,613],{}," command is used to compile your Templates and output them to the destination directory. If ",[309,630,403],{}," is specified, Maizzle will try to compute an Environment config by merging ",[309,633,634],{},"config.[env].js"," on top of the default ",[309,637,504],{},[372,639,640,652],{},[375,641,642],{},[378,643,644,646,648,650],{},[381,645,383],{},[381,647,386],{},[381,649,389],{},[381,651,392],{},[394,653,654],{},[378,655,656,660,662,666],{},[399,657,658],{},[309,659,403],{},[399,661,406],{},[399,663,664],{},[309,665,411],{},[399,667,668],{},"An Environment name to use",[372,670,671,681],{},[375,672,673],{},[378,674,675,677,679],{},[381,676,428],{},[381,678,431],{},[381,680,392],{},[394,682,683,695,707],{},[378,684,685,689,693],{},[399,686,687],{},[309,688,442],{},[399,690,691],{},[309,692,447],{},[399,694,450],{},[378,696,697,701,705],{},[399,698,699],{},[309,700,457],{},[399,702,703],{},[309,704,462],{},[399,706,465],{},[378,708,709,714,719],{},[399,710,711],{},[309,712,713],{},"--summary",[399,715,716],{},[309,717,718],{},"-s",[399,720,721],{},"Show a summary of the build process",[723,724,725,726,728,729,731],"alert",{},"\nIf no \n",[309,727,403],{},"\n is specified, Maizzle will use \n",[309,730,504],{},"\n from the current working directory.\n",[509,733,442],{"id":734},"bin-1",[282,736,540,737,543],{},[309,738,442],{},[318,740,742],{"className":320,"code":741,"language":322,"meta":323,"style":323},"maizzle build --bin /path/to/@maizzle/framework/src\n",[309,743,744],{"__ignoreMap":323},[327,745,746],{"class":329,"line":330},[327,747,741],{},[509,749,457],{"id":750},"config-1",[282,752,558,753,543],{},[309,754,457],{},[318,756,758],{"className":320,"code":757,"language":322,"meta":323,"style":323},"maizzle build --config /path/to/custom-config.js\n",[309,759,760],{"__ignoreMap":323},[327,761,762],{"class":329,"line":330},[327,763,757],{},[282,765,766,767,493],{},"The Environment config will be computed based exclusively on the contents of the specified file, there will be no merging with ",[309,768,504],{},[282,770,771,772,774],{},"Also, specifying a config file path takes precedence over the ",[309,773,403],{}," argument.",[282,776,777,778,781,782,574],{},"In this example, ",[309,779,780],{},"custom-config.js"," will be used even if ",[309,783,573],{},[318,785,787],{"className":320,"code":786,"language":322,"meta":323,"style":323},"maizzle build production --config /path/to/custom-config.js\n",[309,788,789],{"__ignoreMap":323},[327,790,791],{"class":329,"line":330},[327,792,786],{},[509,794,713],{"id":795},"summary",[282,797,589,798,800],{},[309,799,713],{}," flag to show a summary of the build process:",[318,802,805],{"className":320,"code":803,"language":322,"meta":804,"style":323},"$ maizzle build production --summary\n","no-root no-copy",[309,806,807],{"__ignoreMap":323},[327,808,809],{"class":329,"line":330},[327,810,803],{},[282,812,813],{},"This will output a list of all the Templates that were built, their compiled file size, and how long it took to build each one:",[318,815,819],{"className":816,"code":817,"language":818,"meta":323,"style":323},"language-md shiki shiki-themes tailwind-css tailwind-css","┌────────────────────────┬───────────┬────────────┐\n│ File name              │ File size │ Build time │\n├────────────────────────┼───────────┼────────────┤\n│ confirmation.html      │ 5.07 KB   │ 432 ms     │\n├────────────────────────┼───────────┼────────────┤\n│ email-change.html      │ 5.07 KB   │ 79 ms      │\n├────────────────────────┼───────────┼────────────┤\n│ invitation.html        │ 5.08 KB   │ 81 ms      │\n├────────────────────────┼───────────┼────────────┤\n│ password-recovery.html │ 4.99 KB   │ 65 ms      │\n└────────────────────────┴───────────┴────────────┘\n\n✔ Built 4 templates in 698 ms\n","md",[309,820,821,827,833,839,845,850,856,861,867,872,878,884,891],{"__ignoreMap":323},[327,822,823],{"class":329,"line":330},[327,824,826],{"class":825},"sfCc6","┌────────────────────────┬───────────┬────────────┐\n",[327,828,830],{"class":329,"line":829},2,[327,831,832],{"class":825},"│ File name              │ File size │ Build time │\n",[327,834,836],{"class":329,"line":835},3,[327,837,838],{"class":825},"├────────────────────────┼───────────┼────────────┤\n",[327,840,842],{"class":329,"line":841},4,[327,843,844],{"class":825},"│ confirmation.html      │ 5.07 KB   │ 432 ms     │\n",[327,846,848],{"class":329,"line":847},5,[327,849,838],{"class":825},[327,851,853],{"class":329,"line":852},6,[327,854,855],{"class":825},"│ email-change.html      │ 5.07 KB   │ 79 ms      │\n",[327,857,859],{"class":329,"line":858},7,[327,860,838],{"class":825},[327,862,864],{"class":329,"line":863},8,[327,865,866],{"class":825},"│ invitation.html        │ 5.08 KB   │ 81 ms      │\n",[327,868,870],{"class":329,"line":869},9,[327,871,838],{"class":825},[327,873,875],{"class":329,"line":874},10,[327,876,877],{"class":825},"│ password-recovery.html │ 4.99 KB   │ 65 ms      │\n",[327,879,881],{"class":329,"line":880},11,[327,882,883],{"class":825},"└────────────────────────┴───────────┴────────────┘\n",[327,885,887],{"class":329,"line":886},12,[327,888,890],{"emptyLinePlaceholder":889},true,"\n",[327,892,894],{"class":329,"line":893},13,[327,895,896],{"class":825},"✔ Built 4 templates in 698 ms\n",[302,898,900],{"id":899},"scaffolding","Scaffolding",[282,902,903],{},"CLI commands for creating new projects and scaffolding Templates or config files.",[359,905,907],{"id":906},"makeconfig","make:config",[318,909,911],{"className":320,"code":910,"language":322,"meta":323,"style":323},"maizzle make:config\n",[309,912,913],{"__ignoreMap":323},[327,914,915],{"class":329,"line":330},[327,916,910],{},[282,918,919],{},"This command will start an interactive prompt that will guide you through the process of creating a new Maizzle config file.",[282,921,922],{},"You may skip the prompt by passing a name for the config file:",[318,924,926],{"className":320,"code":925,"language":322,"meta":323,"style":323},"maizzle make:config [env]\n",[309,927,928],{"__ignoreMap":323},[327,929,930],{"class":329,"line":330},[327,931,925],{},[372,933,934,945],{},[375,935,936],{},[378,937,938,940,943],{},[381,939,428],{},[381,941,942],{},"Shorthand",[381,944,392],{},[394,946,947,959],{},[378,948,949,953,956],{},[399,950,951],{},[309,952,403],{},[399,954,955],{},"n/a",[399,957,958],{},"Environment name to use for the config file name.",[378,960,961,966,971],{},[399,962,963],{},[309,964,965],{},"--full",[399,967,968],{},[309,969,970],{},"-f",[399,972,973],{},"Scaffold a full config.",[282,975,625,976,978,979,493],{},[309,977,403],{}," option is an Environment name, like ",[309,980,981],{},"preview",[282,983,984,985,988],{},"For example, let's scaffold ",[309,986,987],{},"config.preview.js",":",[318,990,992],{"className":320,"code":991,"language":322,"meta":323,"style":323},"maizzle make:config preview\n",[309,993,994],{"__ignoreMap":323},[327,995,996],{"class":329,"line":330},[327,997,991],{},[282,999,1000],{},"By default, a minimal config will be output:",[318,1002,1006],{"className":1003,"code":1004,"filename":987,"language":1005,"meta":323,"style":323},"language-js shiki shiki-themes tailwind-css tailwind-css","/** @type {import('@maizzle/framework').Config} */\nexport default {\n  build: {\n    content: ['emails/**/*.html'],\n    output: {\n      path: 'build_preview',\n    },\n  },\n}\n","js",[309,1007,1008,1035,1048,1057,1076,1085,1097,1102,1107],{"__ignoreMap":323},[327,1009,1010,1014,1018,1022,1025,1029,1032],{"class":329,"line":330},[327,1011,1013],{"class":1012},"smVoC","/** ",[327,1015,1017],{"class":1016},"sTnEA","@",[327,1019,1021],{"class":1020},"sGouh","type",[327,1023,1024],{"class":1016}," {",[327,1026,1028],{"class":1027},"sSci_","import('@maizzle/framework').Config",[327,1030,1031],{"class":1016},"}",[327,1033,1034],{"class":1012}," */\n",[327,1036,1037,1041,1044],{"class":329,"line":829},[327,1038,1040],{"class":1039},"sizJ4","export",[327,1042,1043],{"class":1039}," default",[327,1045,1047],{"class":1046},"sprQ5"," {\n",[327,1049,1050,1053,1055],{"class":329,"line":835},[327,1051,1052],{"class":825},"  build",[327,1054,988],{"class":1046},[327,1056,1047],{"class":1046},[327,1058,1059,1062,1064,1067,1070,1073],{"class":329,"line":841},[327,1060,1061],{"class":825},"    content",[327,1063,988],{"class":1046},[327,1065,1066],{"class":825}," [",[327,1068,1069],{"class":825},"'emails/**/*.html'",[327,1071,1072],{"class":825},"]",[327,1074,1075],{"class":1046},",\n",[327,1077,1078,1081,1083],{"class":329,"line":847},[327,1079,1080],{"class":825},"    output",[327,1082,988],{"class":1046},[327,1084,1047],{"class":1046},[327,1086,1087,1090,1092,1095],{"class":329,"line":852},[327,1088,1089],{"class":825},"      path",[327,1091,988],{"class":1046},[327,1093,1094],{"class":825}," 'build_preview'",[327,1096,1075],{"class":1046},[327,1098,1099],{"class":329,"line":858},[327,1100,1101],{"class":1046},"    },\n",[327,1103,1104],{"class":329,"line":863},[327,1105,1106],{"class":1046},"  },\n",[327,1108,1109],{"class":329,"line":869},[327,1110,1111],{"class":1046},"}\n",[282,1113,1114,1115,1117],{},"If you want a full config, use the ",[309,1116,965],{}," option:",[318,1119,1121],{"className":320,"code":1120,"language":322,"meta":323,"style":323},"maizzle make:config preview --full\n",[309,1122,1123],{"__ignoreMap":323},[327,1124,1125],{"class":329,"line":330},[327,1126,1120],{},[359,1128,1130],{"id":1129},"makelayout","make:layout",[318,1132,1134],{"className":320,"code":1133,"language":322,"meta":323,"style":323},"maizzle make:layout\n",[309,1135,1136],{"__ignoreMap":323},[327,1137,1138],{"class":329,"line":330},[327,1139,1133],{},[282,1141,1142],{},"Scaffolds a new Layout.",[282,1144,1145],{},"Running it with no arguments will present an interactive prompt.",[282,1147,1148],{},"The same Layout structure from the Starter will be output.",[282,1150,1151],{},"You may skip the prompt by passing in arguments:",[372,1153,1154,1162],{},[375,1155,1156],{},[378,1157,1158,1160],{},[381,1159,383],{},[381,1161,392],{},[394,1163,1164],{},[378,1165,1166,1171],{},[399,1167,1168],{},[309,1169,1170],{},"filepath",[399,1172,1173],{},"Full path of the file to create, including file name",[318,1175,1177],{"className":320,"code":1176,"language":322,"meta":323,"style":323},"maizzle make:layout layouts/layout.html\n",[309,1178,1179],{"__ignoreMap":323},[327,1180,1181],{"class":329,"line":330},[327,1182,1176],{},[723,1184,1186,1187,1191],{"type":1185},"warning","\nIf the file already exists, an error will be thrown. The file will \n",[1188,1189,1190],"em",{},"not","\n be overwritten.\n",[282,1193,1194],{},"Paths may be relative to the project root:",[318,1196,1198],{"className":320,"code":1197,"language":322,"meta":323,"style":323},"maizzle make:layout ../global-emails/layouts/layout.html\n",[309,1199,1200],{"__ignoreMap":323},[327,1201,1202],{"class":329,"line":330},[327,1203,1197],{},[359,1205,1207],{"id":1206},"maketemplate","make:template",[318,1209,1211],{"className":320,"code":1210,"language":322,"meta":323,"style":323},"maizzle make:template\n",[309,1212,1213],{"__ignoreMap":323},[327,1214,1215],{"class":329,"line":330},[327,1216,1210],{},[282,1218,1219],{},"Scaffolds a new Template.",[282,1221,1145],{},[282,1223,1224],{},"A minimal Template structure will be output:",[318,1226,1231],{"className":1227,"code":1228,"filename":1229,"language":1230,"meta":323,"style":323},"language-hbs shiki shiki-themes tailwind-css tailwind-css","---\npreheader: \"Sample preheader text\"\n---\n\n\u003Cx-main>\n  \u003C!-- your HTML... -->\n\u003C/x-main>\n","emails/my-template.html","hbs",[309,1232,1233,1238,1256,1260,1264,1275,1280],{"__ignoreMap":323},[327,1234,1235],{"class":329,"line":330},[327,1236,1237],{"class":825},"---\n",[327,1239,1240,1243,1246,1250,1253],{"class":329,"line":829},[327,1241,1242],{"class":1039},"preheader",[327,1244,988],{"class":1245},"soJEP",[327,1247,1249],{"class":1248},"sQMLp"," \"",[327,1251,1252],{"class":825},"Sample preheader text",[327,1254,1255],{"class":1248},"\"\n",[327,1257,1258],{"class":329,"line":835},[327,1259,1237],{"class":825},[327,1261,1262],{"class":329,"line":841},[327,1263,890],{"emptyLinePlaceholder":889},[327,1265,1266,1269,1272],{"class":329,"line":847},[327,1267,1268],{"class":1245},"\u003C",[327,1270,1271],{"class":1039},"x-main",[327,1273,1274],{"class":1245},">\n",[327,1276,1277],{"class":329,"line":852},[327,1278,1279],{"class":1012},"  \u003C!-- your HTML... -->\n",[327,1281,1282,1285,1287],{"class":329,"line":858},[327,1283,1284],{"class":1245},"\u003C/",[327,1286,1271],{"class":1039},[327,1288,1274],{"class":1245},[282,1290,1151],{},[372,1292,1293,1301],{},[375,1294,1295],{},[378,1296,1297,1299],{},[381,1298,383],{},[381,1300,392],{},[394,1302,1303],{},[378,1304,1305,1309],{},[399,1306,1307],{},[309,1308,1170],{},[399,1310,1173],{},[318,1312,1314],{"className":320,"code":1313,"language":322,"meta":323,"style":323},"maizzle make:template emails/my-template.html\n",[309,1315,1316],{"__ignoreMap":323},[327,1317,1318],{"class":329,"line":330},[327,1319,1313],{},[723,1321,1186,1322,1191],{"type":1185},[1188,1323,1190],{},[282,1325,1194],{},[318,1327,1329],{"className":320,"code":1328,"language":322,"meta":323,"style":323},"maizzle make:template ../global-emails/my-template.html\n",[309,1330,1331],{"__ignoreMap":323},[327,1332,1333],{"class":329,"line":330},[327,1334,1328],{},[359,1336,1338],{"id":1337},"makecomponent","make:component",[318,1340,1342],{"className":320,"code":1341,"language":322,"meta":323,"style":323},"maizzle make:component\n",[309,1343,1344],{"__ignoreMap":323},[327,1345,1346],{"class":329,"line":330},[327,1347,1341],{},[282,1349,1350],{},"Scaffolds a new Component.",[282,1352,1145],{},[282,1354,1151],{},[372,1356,1357,1365],{},[375,1358,1359],{},[378,1360,1361,1363],{},[381,1362,383],{},[381,1364,392],{},[394,1366,1367],{},[378,1368,1369,1373],{},[399,1370,1371],{},[309,1372,1170],{},[399,1374,1173],{},[318,1376,1378],{"className":320,"code":1377,"language":322,"meta":323,"style":323},"maizzle make:component components/my-component.html\n",[309,1379,1380],{"__ignoreMap":323},[327,1381,1382],{"class":329,"line":330},[327,1383,1377],{},[282,1385,1386],{},"A minimal Component structure will be output:",[318,1388,1391],{"className":1227,"code":1389,"filename":1390,"language":1230,"meta":323,"style":323},"\u003Cscript props>\n  module.exports = {\n    greeting: props.greeting || 'Hello, World!',\n  }\n\u003C/script>\n\n{{ greeting }}\n\n\u003Cyield />\n","components/my-component.html",[309,1392,1393,1405,1421,1450,1455,1463,1467,1477,1481],{"__ignoreMap":323},[327,1394,1395,1397,1400,1403],{"class":329,"line":330},[327,1396,1268],{"class":1245},[327,1398,1399],{"class":1039},"script",[327,1401,1402],{"class":825}," props",[327,1404,1274],{"class":1245},[327,1406,1407,1410,1412,1415,1419],{"class":329,"line":829},[327,1408,1409],{"class":1039},"  module",[327,1411,493],{"class":1245},[327,1413,1414],{"class":1039},"exports",[327,1416,1418],{"class":1417},"sVevU"," =",[327,1420,1047],{"class":1245},[327,1422,1423,1426,1428,1431,1433,1436,1439,1442,1445,1448],{"class":329,"line":835},[327,1424,1425],{"class":825},"    greeting",[327,1427,988],{"class":1245},[327,1429,1402],{"class":1430},"s8qYB",[327,1432,493],{"class":1245},[327,1434,1435],{"class":1430},"greeting",[327,1437,1438],{"class":1245}," ||",[327,1440,1441],{"class":1248}," '",[327,1443,1444],{"class":825},"Hello, World!",[327,1446,1447],{"class":1248},"'",[327,1449,1075],{"class":1245},[327,1451,1452],{"class":329,"line":841},[327,1453,1454],{"class":1245},"  }\n",[327,1456,1457,1459,1461],{"class":329,"line":847},[327,1458,1284],{"class":1245},[327,1460,1399],{"class":1039},[327,1462,1274],{"class":1245},[327,1464,1465],{"class":329,"line":852},[327,1466,890],{"emptyLinePlaceholder":889},[327,1468,1469,1472,1474],{"class":329,"line":858},[327,1470,1471],{"class":825},"{{ ",[327,1473,1435],{"class":1430},[327,1475,1476],{"class":825}," }}\n",[327,1478,1479],{"class":329,"line":863},[327,1480,890],{"emptyLinePlaceholder":889},[327,1482,1483,1485,1488,1491],{"class":329,"line":869},[327,1484,1268],{"class":1245},[327,1486,1487],{"class":1039},"yield",[327,1489,1490],{"class":1248}," /",[327,1492,1274],{"class":1245},[723,1494,1186,1495,1191],{"type":1185},[1188,1496,1190],{},[282,1498,1194],{},[318,1500,1502],{"className":320,"code":1501,"language":322,"meta":323,"style":323},"maizzle make:component ../global-emails/components/my-component.html\n",[309,1503,1504],{"__ignoreMap":323},[327,1505,1506],{"class":329,"line":330},[327,1507,1501],{},[359,1509,1511],{"id":1510},"maketailwind","make:tailwind",[318,1513,1515],{"className":320,"code":1514,"language":322,"meta":323,"style":323},"maizzle make:tailwind [filepath]\n",[309,1516,1517],{"__ignoreMap":323},[327,1518,1519],{"class":329,"line":330},[327,1520,1514],{},[282,1522,1523,1524,493],{},"Scaffolds a new Tailwind CSS config based on the one in the ",[416,1525,1528],{"href":1526,"rel":1527},"https://github.com/maizzle/maizzle/blob/master/tailwind.config.js",[492],"Starter",[282,1530,1145],{},[282,1532,1533],{},"A minimal Tailwind CSS config will be output:",[318,1535,1538],{"className":1003,"code":1536,"filename":1537,"language":1005,"meta":323,"style":323},"/** @type {import('tailwindcss').Config} */\nmodule.exports = {\n  presets: [\n    require('tailwindcss-preset-email'),\n  ],\n  content: [\n    './components/**/*.html',\n    './emails/**/*.html',\n    './layouts/**/*.html',\n  ],\n}\n","tailwind.config.js",[309,1539,1540,1557,1570,1580,1597,1604,1613,1620,1627,1634,1640],{"__ignoreMap":323},[327,1541,1542,1544,1546,1548,1550,1553,1555],{"class":329,"line":330},[327,1543,1013],{"class":1012},[327,1545,1017],{"class":1016},[327,1547,1021],{"class":1020},[327,1549,1024],{"class":1016},[327,1551,1552],{"class":1027},"import('tailwindcss').Config",[327,1554,1031],{"class":1016},[327,1556,1034],{"class":1012},[327,1558,1559,1562,1564,1566,1568],{"class":329,"line":829},[327,1560,1561],{"class":1039},"module",[327,1563,493],{"class":1046},[327,1565,1414],{"class":1039},[327,1567,1418],{"class":1417},[327,1569,1047],{"class":1046},[327,1571,1572,1575,1577],{"class":329,"line":835},[327,1573,1574],{"class":825},"  presets",[327,1576,988],{"class":1046},[327,1578,1579],{"class":825}," [\n",[327,1581,1582,1586,1589,1592,1595],{"class":329,"line":841},[327,1583,1585],{"class":1584},"s2ImL","    require",[327,1587,1588],{"class":825},"(",[327,1590,1591],{"class":825},"'tailwindcss-preset-email'",[327,1593,1594],{"class":825},")",[327,1596,1075],{"class":1046},[327,1598,1599,1602],{"class":329,"line":847},[327,1600,1601],{"class":825},"  ]",[327,1603,1075],{"class":1046},[327,1605,1606,1609,1611],{"class":329,"line":852},[327,1607,1608],{"class":825},"  content",[327,1610,988],{"class":1046},[327,1612,1579],{"class":825},[327,1614,1615,1618],{"class":329,"line":858},[327,1616,1617],{"class":825},"    './components/**/*.html'",[327,1619,1075],{"class":1046},[327,1621,1622,1625],{"class":329,"line":863},[327,1623,1624],{"class":825},"    './emails/**/*.html'",[327,1626,1075],{"class":1046},[327,1628,1629,1632],{"class":329,"line":869},[327,1630,1631],{"class":825},"    './layouts/**/*.html'",[327,1633,1075],{"class":1046},[327,1635,1636,1638],{"class":329,"line":874},[327,1637,1601],{"class":825},[327,1639,1075],{"class":1046},[327,1641,1642],{"class":329,"line":880},[327,1643,1111],{"class":1046},[282,1645,1646],{},"You can skip the prompt by passing in arguments:",[372,1648,1649,1657],{},[375,1650,1651],{},[378,1652,1653,1655],{},[381,1654,383],{},[381,1656,392],{},[394,1658,1659],{},[378,1660,1661,1665],{},[399,1662,1663],{},[309,1664,1170],{},[399,1666,1173],{},[318,1668,1670],{"className":320,"code":1669,"language":322,"meta":323,"style":323},"maizzle make:tailwind config/tailwind.config.js\n",[309,1671,1672],{"__ignoreMap":323},[327,1673,1674],{"class":329,"line":330},[327,1675,1669],{},[723,1677,1186,1678,1191],{"type":1185},[1188,1679,1190],{},[1681,1682,1683],"style",{},"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 .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sfCc6, html code.shiki .sfCc6{--shiki-light:#1D4ED8;--shiki-dark:#1D4ED8}html pre.shiki code .smVoC, html code.shiki .smVoC{--shiki-light:#94A3B8;--shiki-light-font-style:italic;--shiki-dark:#94A3B8;--shiki-dark-font-style:italic}html pre.shiki code .sTnEA, html code.shiki .sTnEA{--shiki-light:#44403C;--shiki-light-font-style:italic;--shiki-dark:#44403C;--shiki-dark-font-style:italic}html pre.shiki code .sGouh, html code.shiki .sGouh{--shiki-light:#3730A3;--shiki-light-font-style:italic;--shiki-dark:#3730A3;--shiki-dark-font-style:italic}html pre.shiki code .sSci_, html code.shiki .sSci_{--shiki-light:#EC4899;--shiki-light-font-style:italic;--shiki-dark:#EC4899;--shiki-dark-font-style:italic}html pre.shiki code .sizJ4, html code.shiki .sizJ4{--shiki-light:#EC4899;--shiki-dark:#EC4899}html pre.shiki code .sprQ5, html code.shiki .sprQ5{--shiki-light:#44403C;--shiki-dark:#44403C}html pre.shiki code .soJEP, html code.shiki .soJEP{--shiki-light:#CBD5E1;--shiki-dark:#CBD5E1}html pre.shiki code .sQMLp, html code.shiki .sQMLp{--shiki-light:#0EA5E9;--shiki-dark:#0EA5E9}html pre.shiki code .sVevU, html code.shiki .sVevU{--shiki-light:#35393E;--shiki-dark:#35393E}html pre.shiki code .s8qYB, html code.shiki .s8qYB{--shiki-light:#3730A3;--shiki-dark:#3730A3}html pre.shiki code .s2ImL, html code.shiki .s2ImL{--shiki-light:#00BF99;--shiki-dark:#00BF99}",{"title":323,"searchDepth":829,"depth":829,"links":1685},[1686,1687,1688,1692],{"id":304,"depth":829,"text":14},{"id":335,"depth":829,"text":336},{"id":354,"depth":829,"text":71,"children":1689},[1690,1691],{"id":361,"depth":835,"text":361},{"id":613,"depth":835,"text":613},{"id":899,"depth":829,"text":900,"children":1693},[1694,1695,1696,1697,1698],{"id":906,"depth":835,"text":907},{"id":1129,"depth":835,"text":1130},{"id":1206,"depth":835,"text":1207},{"id":1337,"depth":835,"text":1338},{"id":1510,"depth":835,"text":1511},"Using the Maizzle CLI tool to scaffold projects and build emails.",{},{"title":272,"description":1699},{"loc":33},"docs/cli","nYKFlytY3ZyXL86q1r8Q0rrDSgEah8MJ6dZKoKIT-LM",{"id":4,"extension":5,"items":1706,"meta":1777,"stem":195,"__hash__":196},[1707,1717,1722,1731,1744,1762,1768],{"name":8,"items":1708},[1709,1710,1711,1712,1713,1714,1715,1716],{"title":11,"path":12},{"title":14,"path":15},{"title":17,"path":18},{"title":20,"path":21},{"title":23,"path":24},{"title":26,"path":27},{"title":29,"path":30},{"title":32,"path":33},{"name":35,"items":1718},[1719,1720,1721],{"title":38,"path":39},{"title":41,"path":42},{"title":44,"path":45},{"name":47,"items":1723},[1724,1725,1726,1727,1728,1729,1730],{"title":50,"path":51},{"title":53,"path":54},{"title":56,"path":57},{"title":59,"path":60},{"title":62,"path":63},{"title":65,"path":66},{"title":68,"path":69},{"name":71,"items":1732},[1733,1734,1735,1736,1737,1738,1739,1740,1741,1742,1743],{"title":74,"path":75},{"title":77,"path":78},{"title":59,"path":80},{"title":62,"path":82},{"title":84,"path":85},{"title":87,"path":88},{"title":90,"path":91},{"title":93,"path":94},{"title":96,"path":97},{"title":99,"path":100},{"title":102,"path":103},{"name":105,"items":1745},[1746,1747,1748,1749,1750,1751,1752,1753,1754,1755,1756,1757,1758,1759,1760,1761],{"title":108,"path":109},{"title":111,"path":112},{"title":114,"path":115},{"title":117,"path":118},{"title":120,"path":121},{"title":123,"path":124},{"title":126,"path":127},{"title":129,"path":130},{"title":132,"path":133},{"title":135,"path":136},{"title":138,"path":139},{"title":141,"path":142},{"title":144,"path":145},{"title":147,"path":148},{"title":150,"path":151},{"title":153,"path":154},{"name":156,"items":1763},[1764,1765,1766,1767],{"title":159,"path":160},{"title":162,"path":163},{"title":165,"path":166},{"title":168,"path":169},{"name":171,"items":1769},[1770,1771,1772,1773,1774,1775,1776],{"title":174,"path":175},{"title":177,"path":178},{"title":180,"path":181},{"title":183,"path":184},{"title":186,"path":187},{"title":189,"path":190},{"title":192,"path":193},{},1780318590602]