[{"data":1,"prerenderedAt":927},["ShallowReactive",2],{"docs-side-nav":3,"docs-header-nav":197,"/docs/configuration/server":270,"docs-bottom-nav":854},{"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":56,"body":272,"description":325,"extension":847,"meta":848,"navigation":849,"path":57,"seo":850,"sitemap":851,"stem":852,"__hash__":853},"docs/docs/configuration/server.md",{"type":273,"value":274,"toc":836},"minimark",[275,280,284,288,302,305,311,318,381,384,394,397,400,427,430,477,480,490,493,534,541,545,554,557,598,602,610,613,616,657,660,664,672,682,687,727,730,745,748,757,760,768,771,781,784,823,832],[276,277,279],"h2",{"id":278},"dev-server","Dev server",[281,282,283],"p",{},"Maizzle includes a dev server for local email development. It can watch your Templates and other files, and immediately update them in the browser as you make changes.",[285,286,287],"h3",{"id":287},"hmr",[281,289,290,291,295,298,299],{},"Type: ",[292,293,294],"code",{},"Boolean",[296,297],"br",{},"\nDefault: ",[292,300,301],{},"true",[281,303,304],{},"Enable Hot Markup Replacement™ for the dev server.",[281,306,307,308,310],{},"When ",[292,309,301],{},", changes you make to Templates, Components, config files etc. will be instantly reflected in the browser without a full page reload.",[281,312,313,314,317],{},"You may disable HMR and force a page reload by setting this to ",[292,315,316],{},"false",":",[319,320,326],"pre",{"className":321,"code":322,"filename":323,"language":324,"meta":325,"style":325},"language-js shiki shiki-themes tailwind-css tailwind-css","export default {\n  server: {\n    hmr: false,\n  }\n}\n","config.js","js","",[292,327,328,344,355,369,375],{"__ignoreMap":325},[329,330,333,337,340],"span",{"class":331,"line":332},"line",1,[329,334,336],{"class":335},"sizJ4","export",[329,338,339],{"class":335}," default",[329,341,343],{"class":342},"sprQ5"," {\n",[329,345,347,351,353],{"class":331,"line":346},2,[329,348,350],{"class":349},"sfCc6","  server",[329,352,317],{"class":342},[329,354,343],{"class":342},[329,356,358,361,363,366],{"class":331,"line":357},3,[329,359,360],{"class":349},"    hmr",[329,362,317],{"class":342},[329,364,365],{"class":335}," false",[329,367,368],{"class":342},",\n",[329,370,372],{"class":331,"line":371},4,[329,373,374],{"class":342},"  }\n",[329,376,378],{"class":331,"line":377},5,[329,379,380],{"class":342},"}\n",[285,382,383],{"id":383},"watch",[281,385,290,386,389,298,391],{},[292,387,388],{},"Array",[296,390],{},[292,392,393],{},"[]",[281,395,396],{},"An array of paths (which can be globs) to watch for changes. When a file in one of these paths changes, the dev server will update the preview in the browser.",[281,398,399],{},"By default, Maizzle watches these paths:",[401,402,403,407,412,417,422],"ul",{},[404,405,406],"li",{},"all Template, Component, and Layout paths",[404,408,409],{},[292,410,411],{},"config*.js",[404,413,414],{},[292,415,416],{},"maizzle.config*.js",[404,418,419],{},[292,420,421],{},"tailwind*.config.js",[404,423,424],{},[292,425,426],{},"**/*.css",[281,428,429],{},"You may add more paths to watch:",[319,431,433],{"className":321,"code":432,"filename":323,"language":324,"meta":325,"style":325},"export default {\n  server: {\n    watch: ['./marketing/**/*'],\n  }\n}\n",[292,434,435,443,451,469,473],{"__ignoreMap":325},[329,436,437,439,441],{"class":331,"line":332},[329,438,336],{"class":335},[329,440,339],{"class":335},[329,442,343],{"class":342},[329,444,445,447,449],{"class":331,"line":346},[329,446,350],{"class":349},[329,448,317],{"class":342},[329,450,343],{"class":342},[329,452,453,456,458,461,464,467],{"class":331,"line":357},[329,454,455],{"class":349},"    watch",[329,457,317],{"class":342},[329,459,460],{"class":349}," [",[329,462,463],{"class":349},"'./marketing/**/*'",[329,465,466],{"class":349},"]",[329,468,368],{"class":342},[329,470,471],{"class":331,"line":371},[329,472,374],{"class":342},[329,474,475],{"class":331,"line":377},[329,476,380],{"class":342},[285,478,479],{"id":479},"port",[281,481,290,482,485,298,487],{},[292,483,484],{},"Number",[296,486],{},[292,488,489],{},"3000",[281,491,492],{},"Port number for the dev server.",[319,494,496],{"className":321,"code":495,"filename":323,"language":324,"meta":325,"style":325},"export default {\n  server: {\n    port: 8080,\n  }\n}\n",[292,497,498,506,514,526,530],{"__ignoreMap":325},[329,499,500,502,504],{"class":331,"line":332},[329,501,336],{"class":335},[329,503,339],{"class":335},[329,505,343],{"class":342},[329,507,508,510,512],{"class":331,"line":346},[329,509,350],{"class":349},[329,511,317],{"class":342},[329,513,343],{"class":342},[329,515,516,519,521,524],{"class":331,"line":357},[329,517,518],{"class":349},"    port",[329,520,317],{"class":342},[329,522,523],{"class":349}," 8080",[329,525,368],{"class":342},[329,527,528],{"class":331,"line":371},[329,529,374],{"class":342},[329,531,532],{"class":331,"line":377},[329,533,380],{"class":342},[281,535,536,537,540],{},"The server will now be available at ",[292,538,539],{},"http://localhost:8080",".",[285,542,544],{"id":543},"maxretries","maxRetries",[281,546,290,547,549,298,551],{},[292,548,484],{},[296,550],{},[292,552,553],{},"10",[281,555,556],{},"Number of times to retry starting the dev server if the port is already in use.",[319,558,560],{"className":321,"code":559,"filename":323,"language":324,"meta":325,"style":325},"export default {\n  server: {\n    maxRetries: 5,\n  }\n}\n",[292,561,562,570,578,590,594],{"__ignoreMap":325},[329,563,564,566,568],{"class":331,"line":332},[329,565,336],{"class":335},[329,567,339],{"class":335},[329,569,343],{"class":342},[329,571,572,574,576],{"class":331,"line":346},[329,573,350],{"class":349},[329,575,317],{"class":342},[329,577,343],{"class":342},[329,579,580,583,585,588],{"class":331,"line":357},[329,581,582],{"class":349},"    maxRetries",[329,584,317],{"class":342},[329,586,587],{"class":349}," 5",[329,589,368],{"class":342},[329,591,592],{"class":331,"line":371},[329,593,374],{"class":342},[329,595,596],{"class":331,"line":377},[329,597,380],{"class":342},[285,599,601],{"id":600},"scrollsync","scrollSync",[281,603,290,604,606,298,608],{},[292,605,294],{},[296,607],{},[292,609,316],{},[281,611,612],{},"Scrolling in one browser tab will be synchronized across all other browser tabs that are viewing the same Template. This works across devices too.",[281,614,615],{},"Enable synchronized scrolling:",[319,617,619],{"className":321,"code":618,"filename":323,"language":324,"meta":325,"style":325},"export default {\n  server: {\n    scrollSync: true,\n  }\n}\n",[292,620,621,629,637,649,653],{"__ignoreMap":325},[329,622,623,625,627],{"class":331,"line":332},[329,624,336],{"class":335},[329,626,339],{"class":335},[329,628,343],{"class":342},[329,630,631,633,635],{"class":331,"line":346},[329,632,350],{"class":349},[329,634,317],{"class":342},[329,636,343],{"class":342},[329,638,639,642,644,647],{"class":331,"line":357},[329,640,641],{"class":349},"    scrollSync",[329,643,317],{"class":342},[329,645,646],{"class":335}," true",[329,648,368],{"class":342},[329,650,651],{"class":331,"line":371},[329,652,374],{"class":342},[329,654,655],{"class":331,"line":377},[329,656,380],{"class":342},[281,658,659],{},"You can now open the same Template on both your laptop and your phone, and scrolling on one will be mirrored on the other.",[285,661,663],{"id":662},"reportfilesize","reportFileSize",[281,665,290,666,668,298,670],{},[292,667,294],{},[296,669],{},[292,671,316],{},[281,673,674,675,540],{},"When enabled, the dev server will report the size of the compiled HTML file in the console.\nThis number will be color-coded based on how close the file size is to the ",[676,677,681],"a",{"href":678,"rel":679},"https://github.com/hteumeuleu/email-bugs/issues/41",[680],"nofollow","102KB limit for Gmail",[281,683,684,685,317],{},"Enable it by setting this to ",[292,686,301],{},[319,688,690],{"className":321,"code":689,"filename":323,"language":324,"meta":325,"style":325},"export default {\n  server: {\n    reportFileSize: true,\n  }\n}\n",[292,691,692,700,708,719,723],{"__ignoreMap":325},[329,693,694,696,698],{"class":331,"line":332},[329,695,336],{"class":335},[329,697,339],{"class":335},[329,699,343],{"class":342},[329,701,702,704,706],{"class":331,"line":346},[329,703,350],{"class":349},[329,705,317],{"class":342},[329,707,343],{"class":342},[329,709,710,713,715,717],{"class":331,"line":357},[329,711,712],{"class":349},"    reportFileSize",[329,714,317],{"class":342},[329,716,646],{"class":335},[329,718,368],{"class":342},[329,720,721],{"class":331,"line":371},[329,722,374],{"class":342},[329,724,725],{"class":331,"line":377},[329,726,380],{"class":342},[281,728,729],{},"Less than 50KB:",[731,732,744],"div",{"className":733},[734,735,736,737,738,739,740,741,742,743],"inline-block","px-3","py-1","rounded","font-mono","bg-gradient-to-t","from-slate-50","to-white","border","border-slate-100","✔ Done in 41 ms [emails/example.html] · 6.74 KB",[281,746,747],{},"Between 50KB and 102KB:",[731,749,751,752],{"className":750},[734,735,736,737,738,739,740,741,742,743],"✔ Done in 41 ms [emails/example.html] · ",[329,753,756],{"className":754},[755],"text-amber-500","78.1 KB",[281,758,759],{},"More than 102KB:",[731,761,751,763],{"className":762},[734,735,736,737,738,739,740,741,742,743],[329,764,767],{"className":765},[766],"text-red-500","112.3 KB",[285,769,770],{"id":770},"spinner",[281,772,290,773,776,298,778],{},[292,774,775],{},"String|Object",[296,777],{},[292,779,780],{},"'circleHalves'",[281,782,783],{},"Customize the spinner shown in the console when compiling a Template.",[319,785,787],{"className":321,"code":786,"filename":323,"language":324,"meta":325,"style":325},"export default {\n  server: {\n    spinner: 'dots'\n  }\n}\n",[292,788,789,797,805,815,819],{"__ignoreMap":325},[329,790,791,793,795],{"class":331,"line":332},[329,792,336],{"class":335},[329,794,339],{"class":335},[329,796,343],{"class":342},[329,798,799,801,803],{"class":331,"line":346},[329,800,350],{"class":349},[329,802,317],{"class":342},[329,804,343],{"class":342},[329,806,807,810,812],{"class":331,"line":357},[329,808,809],{"class":349},"    spinner",[329,811,317],{"class":342},[329,813,814],{"class":349}," 'dots'\n",[329,816,817],{"class":331,"line":371},[329,818,374],{"class":342},[329,820,821],{"class":331,"line":377},[329,822,380],{"class":342},[281,824,825,826,831],{},"See the ",[676,827,830],{"href":828,"rel":829},"https://github.com/sindresorhus/cli-spinners/blob/main/spinners.json",[680],"ora spinners list"," for available options.",[833,834,835],"style",{},"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 .sfCc6, html code.shiki .sfCc6{--shiki-light:#1D4ED8;--shiki-dark:#1D4ED8}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);}",{"title":325,"searchDepth":346,"depth":346,"links":837},[838],{"id":278,"depth":346,"text":279,"children":839},[840,841,842,843,844,845,846],{"id":287,"depth":357,"text":287},{"id":383,"depth":357,"text":383},{"id":479,"depth":357,"text":479},{"id":543,"depth":357,"text":544},{"id":600,"depth":357,"text":601},{"id":662,"depth":357,"text":663},{"id":770,"depth":357,"text":770},"md",{},true,{"description":325},{"loc":57},"docs/configuration/server","sG1QBw3un5dAxz9yW069ilftN2jTABz5roAHmBTqQLs",{"id":4,"extension":5,"items":855,"meta":926,"stem":195,"__hash__":196},[856,866,871,880,893,911,917],{"name":8,"items":857},[858,859,860,861,862,863,864,865],{"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":867},[868,869,870],{"title":38,"path":39},{"title":41,"path":42},{"title":44,"path":45},{"name":47,"items":872},[873,874,875,876,877,878,879],{"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":881},[882,883,884,885,886,887,888,889,890,891,892],{"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":894},[895,896,897,898,899,900,901,902,903,904,905,906,907,908,909,910],{"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":912},[913,914,915,916],{"title":159,"path":160},{"title":162,"path":163},{"title":165,"path":166},{"title":168,"path":169},{"name":171,"items":918},[919,920,921,922,923,924,925],{"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},{},1780318592864]