CINXE.COM

<!DOCTYPE html><html lang="en" class="scroll-pt-[76px] theme-clean no-tint sidebar-filled sidebar-list-pill"><head><meta charSet="utf-8"/><link rel="preconnect" href="https://api.gitbook.com"/><link rel="preconnect" href="https://static.gitbook.com"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" imageSrcSet="https://www.electronforge.io/~gitbook/image?url=https%3A%2F%2F2355537583-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-LBKK1y7h_XWAtuRJG9X-4037718589%252Ficon%252FzSCYXfXdUPvs7AL9g6NO%252FElectron_Software_Framework_Logo.svg%2520%281%29.png%3Falt%3Dmedia%26token%3D325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4&width=32&dpr=1&quality=100&sign=2d940ca3&sv=2 32w, https://www.electronforge.io/~gitbook/image?url=https%3A%2F%2F2355537583-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-LBKK1y7h_XWAtuRJG9X-4037718589%252Ficon%252FzSCYXfXdUPvs7AL9g6NO%252FElectron_Software_Framework_Logo.svg%2520%281%29.png%3Falt%3Dmedia%26token%3D325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4&width=32&dpr=2&quality=100&sign=2d940ca3&sv=2 64w, https://www.electronforge.io/~gitbook/image?url=https%3A%2F%2F2355537583-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-LBKK1y7h_XWAtuRJG9X-4037718589%252Ficon%252FzSCYXfXdUPvs7AL9g6NO%252FElectron_Software_Framework_Logo.svg%2520%281%29.png%3Falt%3Dmedia%26token%3D325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4&width=32&dpr=3&quality=100&sign=2d940ca3&sv=2 96w, https://www.electronforge.io/~gitbook/image?url=https%3A%2F%2F2355537583-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-LBKK1y7h_XWAtuRJG9X-4037718589%252Ficon%252FzSCYXfXdUPvs7AL9g6NO%252FElectron_Software_Framework_Logo.svg%2520%281%29.png%3Falt%3Dmedia%26token%3D325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4&width=32&dpr=4&quality=100&sign=2d940ca3&sv=2 128w" imageSizes="32px" fetchPriority="high"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/9f5478b23a2dbc0b.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/c689b5a6a1432db7.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/a4653efd61fd8890.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/95b358fb5c9305a3.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/09a5087aafb66ce5.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/faa0908d2237c5e3.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/5f7f2f5c38b627bb.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/2567c890e467e55b.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/79eda1c72751119a.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/4af9aafd612346fe.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5" href="https://static.gitbook.com/_next/static/chunks/webpack-adc1be4a376e9a39.js"/><script src="https://static.gitbook.com/_next/static/chunks/1dd3208c-d78985df41c8a89e.js" async="" nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5"></script><script src="https://static.gitbook.com/_next/static/chunks/4850-4b0a9d49477fe59a.js" async="" nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5"></script><script src="https://static.gitbook.com/_next/static/chunks/main-app-19f37b68ce214efa.js" async="" nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5"></script><script src="https://static.gitbook.com/_next/static/chunks/app/global-error-185b8d6d9c549d21.js" async="" nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5"></script><script src="https://static.gitbook.com/_next/static/chunks/9322-5f5740cd5fd0bdf9.js" async="" nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5"></script><script src="https://static.gitbook.com/_next/static/chunks/app/middleware/(site)/layout-1a4e0bf6da1d58a4.js" async="" nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5"></script><script src="https://static.gitbook.com/_next/static/chunks/2622-d4284e72be418b70.js" async="" nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5"></script><script src="https://static.gitbook.com/_next/static/chunks/7609-5073804535dff38c.js" async="" nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5"></script><script src="https://static.gitbook.com/_next/static/chunks/983-622b6bd4ade56ada.js" async="" nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5"></script><script src="https://static.gitbook.com/_next/static/chunks/app/middleware/(site)/error-65349dd045e81a2f.js" async="" nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5"></script><script src="https://static.gitbook.com/_next/static/chunks/2999-584f9b8ecc233405.js" async="" nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5"></script><script src="https://static.gitbook.com/_next/static/chunks/7993-8ef7f7477490b7af.js" async="" nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5"></script><script src="https://static.gitbook.com/_next/static/chunks/5890-3ab2501336ce1348.js" async="" nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5"></script><script src="https://static.gitbook.com/_next/static/chunks/3625-453944d6ea4368cb.js" async="" nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5"></script><script src="https://static.gitbook.com/_next/static/chunks/4055-7666845ca98fb1a4.js" async="" nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5"></script><script src="https://static.gitbook.com/_next/static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js" async="" nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5"></script><script async="" src="https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/e065268d3cfde995f1ec1f24663200b92f6579eef7efe5f0273305a8d9f077ce/sites/site_S8gms/script.js?version=150.0" nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5"></script><script src="https://static.gitbook.com/_next/static/chunks/5572-d068cc2bc8e73d12.js" async="" nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5"></script><script src="https://static.gitbook.com/_next/static/chunks/8325-fc5ab1181936ca35.js" async="" nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5"></script><script src="https://static.gitbook.com/_next/static/chunks/4168-6e5564dc4fcde49c.js" async="" nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5"></script><script src="https://static.gitbook.com/_next/static/chunks/app/middleware/(site)/(content)/%5B%5B...pathname%5D%5D/page-d7d21858d47c6796.js" async="" nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5"></script><meta name="color-scheme" content="light dark"/><title>Webpack Plugin | Electron Forge</title><meta name="description" content="Transform and bundle code for your Electron Forge app with webpack."/><meta name="generator" content="GitBook (66d0fc0)"/><meta name="robots" content="index, follow"/><link rel="canonical" href="https://www.electronforge.io/config/plugins/webpack"/><meta property="og:title" content="Webpack Plugin | Electron Forge"/><meta property="og:description" content="Transform and bundle code for your Electron Forge app with webpack."/><meta property="og:image" content="https://www.electronforge.io/~gitbook/ogimage/-LBKfwb-B6yl_H9il-oP"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Webpack Plugin | Electron Forge"/><meta name="twitter:description" content="Transform and bundle code for your Electron Forge app with webpack."/><meta name="twitter:image" content="https://www.electronforge.io/~gitbook/ogimage/-LBKfwb-B6yl_H9il-oP"/><link rel="icon" href="https://2355537583-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LBKK1y7h_XWAtuRJG9X-4037718589%2Ficon%2FzSCYXfXdUPvs7AL9g6NO%2FElectron_Software_Framework_Logo.svg%20(1).png?alt=media&token=325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4" type="image/png" media="(prefers-color-scheme: light)"/><link rel="icon" href="https://2355537583-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LBKK1y7h_XWAtuRJG9X-4037718589%2Ficon%2FzSCYXfXdUPvs7AL9g6NO%2FElectron_Software_Framework_Logo.svg%20(1).png?alt=media&token=325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4" type="image/png" media="(prefers-color-scheme: dark)"/><meta name="next-size-adjust"/><style> :root { --primary-1: 251 255 255; --contrast-primary-1: 29 29 29; --primary-2: 243 251 255; --contrast-primary-2: 29 29 29; --primary-3: 237 248 255; --contrast-primary-3: 29 29 29; --primary-4: 228 243 255; --contrast-primary-4: 29 29 29; --primary-5: 219 239 255; --contrast-primary-5: 29 29 29; --primary-6: 208 231 255; --contrast-primary-6: 29 29 29; --primary-7: 192 219 255; --contrast-primary-7: 29 29 29; --primary-8: 176 206 254; --contrast-primary-8: 29 29 29; --primary-9: 27 98 209; --contrast-primary-9: 255 255 255; --primary-10: 46 116 228; --contrast-primary-10: 255 255 255; --primary-11: 33 104 215; --contrast-primary-11: 255 255 255; --primary-12: 0 0 113; --contrast-primary-12: 255 255 255; --primary-original: 27 98 209; --contrast-primary-original: 255 255 255; --tint-1: 254 255 255; --contrast-tint-1: 29 29 29; --tint-2: 248 250 252; --contrast-tint-2: 29 29 29; --tint-3: 245 248 251; --contrast-tint-3: 29 29 29; --tint-4: 239 242 247; --contrast-tint-4: 29 29 29; --tint-5: 234 237 244; --contrast-tint-5: 29 29 29; --tint-6: 225 230 237; --contrast-tint-6: 29 29 29; --tint-7: 212 217 226; --contrast-tint-7: 29 29 29; --tint-8: 199 205 214; --contrast-tint-8: 29 29 29; --tint-9: 120 134 156; --contrast-tint-9: 255 255 255; --tint-10: 109 122 144; --contrast-tint-10: 255 255 255; --tint-11: 98 111 132; --contrast-tint-11: 255 255 255; --tint-12: 19 29 46; --contrast-tint-12: 255 255 255; --tint-original: 120 120 120; --contrast-tint-original: 255 255 255; --neutral-1: 255 255 255; --contrast-neutral-1: 29 29 29; --neutral-2: 250 250 250; --contrast-neutral-2: 29 29 29; --neutral-3: 247 247 247; --contrast-neutral-3: 29 29 29; --neutral-4: 242 242 242; --contrast-neutral-4: 29 29 29; --neutral-5: 237 237 237; --contrast-neutral-5: 29 29 29; --neutral-6: 229 229 229; --contrast-neutral-6: 29 29 29; --neutral-7: 217 217 217; --contrast-neutral-7: 29 29 29; --neutral-8: 204 204 204; --contrast-neutral-8: 29 29 29; --neutral-9: 120 120 120; --contrast-neutral-9: 255 255 255; --neutral-10: 121 121 121; --contrast-neutral-10: 255 255 255; --neutral-11: 110 110 110; --contrast-neutral-11: 255 255 255; --neutral-12: 29 29 29; --contrast-neutral-12: 255 255 255; --neutral-original: 120 120 120; --contrast-neutral-original: 255 255 255; --header-background: 27 98 209; --header-link: 255 255 255; --info-1: 255 255 255; --contrast-info-1: 29 29 29; --info-2: 250 250 250; --contrast-info-2: 29 29 29; --info-3: 247 247 247; --contrast-info-3: 29 29 29; --info-4: 242 242 242; --contrast-info-4: 29 29 29; --info-5: 237 237 237; --contrast-info-5: 29 29 29; --info-6: 229 229 229; --contrast-info-6: 29 29 29; --info-7: 217 217 217; --contrast-info-7: 29 29 29; --info-8: 204 204 204; --contrast-info-8: 29 29 29; --info-9: 120 120 120; --contrast-info-9: 255 255 255; --info-10: 121 121 121; --contrast-info-10: 255 255 255; --info-11: 110 110 110; --contrast-info-11: 255 255 255; --info-12: 29 29 29; --contrast-info-12: 255 255 255; --info-original: 120 120 120; --contrast-info-original: 255 255 255; --warning-1: 255 254 249; --contrast-warning-1: 29 29 29; --warning-2: 255 248 238; --contrast-warning-2: 29 29 29; --warning-3: 255 244 230; --contrast-warning-3: 29 29 29; --warning-4: 255 238 219; --contrast-warning-4: 29 29 29; --warning-5: 255 232 208; --contrast-warning-5: 29 29 29; --warning-6: 255 223 194; --contrast-warning-6: 29 29 29; --warning-7: 246 210 176; --contrast-warning-7: 29 29 29; --warning-8: 237 196 157; --contrast-warning-8: 29 29 29; --warning-9: 254 154 0; --contrast-warning-9: 29 29 29; --warning-10: 187 92 0; --contrast-warning-10: 255 255 255; --warning-11: 174 81 0; --contrast-warning-11: 255 255 255; --warning-12: 75 0 0; --contrast-warning-12: 255 255 255; --warning-original: 254 154 0; --contrast-warning-original: 29 29 29; --danger-1: 255 252 251; --contrast-danger-1: 29 29 29; --danger-2: 255 244 242; --contrast-danger-2: 29 29 29; --danger-3: 255 239 235; --contrast-danger-3: 29 29 29; --danger-4: 255 231 226; --contrast-danger-4: 29 29 29; --danger-5: 255 223 217; --contrast-danger-5: 29 29 29; --danger-6: 255 212 205; --contrast-danger-6: 29 29 29; --danger-7: 255 196 189; --contrast-danger-7: 29 29 29; --danger-8: 255 181 173; --contrast-danger-8: 29 29 29; --danger-9: 251 44 54; --contrast-danger-9: 255 255 255; --danger-10: 228 0 33; --contrast-danger-10: 255 255 255; --danger-11: 214 0 17; --contrast-danger-11: 255 255 255; --danger-12: 101 0 0; --contrast-danger-12: 255 255 255; --danger-original: 251 44 54; --contrast-danger-original: 255 255 255; --success-1: 251 255 251; --contrast-success-1: 29 29 29; --success-2: 241 254 242; --contrast-success-2: 29 29 29; --success-3: 234 254 236; --contrast-success-3: 29 29 29; --success-4: 224 251 227; --contrast-success-4: 29 29 29; --success-5: 214 248 218; --contrast-success-5: 29 29 29; --success-6: 202 242 206; --contrast-success-6: 29 29 29; --success-7: 185 231 190; --contrast-success-7: 29 29 29; --success-8: 167 220 173; --contrast-success-8: 29 29 29; --success-9: 0 201 80; --contrast-success-9: 29 29 29; --success-10: 0 152 23; --contrast-success-10: 255 255 255; --success-11: 0 140 0; --contrast-success-11: 255 255 255; --success-12: 0 47 0; --contrast-success-12: 255 255 255; --success-original: 0 201 80; --contrast-success-original: 29 29 29; } .dark { --primary-1: 27 29 34; --contrast-primary-1: 255 255 255; --primary-2: 29 35 44; --contrast-primary-2: 255 255 255; --primary-3: 36 44 58; --contrast-primary-3: 255 255 255; --primary-4: 37 48 67; --contrast-primary-4: 255 255 255; --primary-5: 39 54 77; --contrast-primary-5: 255 255 255; --primary-6: 40 58 86; --contrast-primary-6: 255 255 255; --primary-7: 47 68 102; --contrast-primary-7: 255 255 255; --primary-8: 53 78 118; --contrast-primary-8: 255 255 255; --primary-9: 27 98 209; --contrast-primary-9: 255 255 255; --primary-10: 70 140 255; --contrast-primary-10: 255 255 255; --primary-11: 117 190 255; --contrast-primary-11: 29 29 29; --primary-12: 178 255 255; --contrast-primary-12: 29 29 29; --primary-original: 27 98 209; --contrast-primary-original: 255 255 255; --tint-1: 29 29 29; --contrast-tint-1: 255 255 255; --tint-2: 34 35 35; --contrast-tint-2: 255 255 255; --tint-3: 43 44 45; --contrast-tint-3: 255 255 255; --tint-4: 47 48 50; --contrast-tint-4: 255 255 255; --tint-5: 52 54 56; --contrast-tint-5: 255 255 255; --tint-6: 56 58 60; --contrast-tint-6: 255 255 255; --tint-7: 66 68 71; --contrast-tint-7: 255 255 255; --tint-8: 75 78 82; --contrast-tint-8: 255 255 255; --tint-9: 126 133 144; --contrast-tint-9: 255 255 255; --tint-10: 138 145 156; --contrast-tint-10: 255 255 255; --tint-11: 185 193 204; --contrast-tint-11: 29 29 29; --tint-12: 248 255 255; --contrast-tint-12: 29 29 29; --tint-original: 120 120 120; --contrast-tint-original: 255 255 255; --neutral-1: 29 29 29; --contrast-neutral-1: 255 255 255; --neutral-2: 34 34 34; --contrast-neutral-2: 255 255 255; --neutral-3: 44 44 44; --contrast-neutral-3: 255 255 255; --neutral-4: 48 48 48; --contrast-neutral-4: 255 255 255; --neutral-5: 53 53 53; --contrast-neutral-5: 255 255 255; --neutral-6: 57 57 57; --contrast-neutral-6: 255 255 255; --neutral-7: 67 67 67; --contrast-neutral-7: 255 255 255; --neutral-8: 78 78 78; --contrast-neutral-8: 255 255 255; --neutral-9: 120 120 120; --contrast-neutral-9: 255 255 255; --neutral-10: 144 144 144; --contrast-neutral-10: 255 255 255; --neutral-11: 192 192 192; --contrast-neutral-11: 29 29 29; --neutral-12: 255 255 255; --contrast-neutral-12: 29 29 29; --neutral-original: 120 120 120; --contrast-neutral-original: 255 255 255; --header-background: 27 98 209; --header-link: 255 255 255; --info-1: 29 29 29; --contrast-info-1: 255 255 255; --info-2: 34 34 34; --contrast-info-2: 255 255 255; --info-3: 44 44 44; --contrast-info-3: 255 255 255; --info-4: 48 48 48; --contrast-info-4: 255 255 255; --info-5: 53 53 53; --contrast-info-5: 255 255 255; --info-6: 57 57 57; --contrast-info-6: 255 255 255; --info-7: 67 67 67; --contrast-info-7: 255 255 255; --info-8: 78 78 78; --contrast-info-8: 255 255 255; --info-9: 120 120 120; --contrast-info-9: 255 255 255; --info-10: 144 144 144; --contrast-info-10: 255 255 255; --info-11: 192 192 192; --contrast-info-11: 29 29 29; --info-12: 255 255 255; --contrast-info-12: 29 29 29; --info-original: 120 120 120; --contrast-info-original: 255 255 255; --warning-1: 32 28 25; --contrast-warning-1: 255 255 255; --warning-2: 40 33 26; --contrast-warning-2: 255 255 255; --warning-3: 53 41 30; --contrast-warning-3: 255 255 255; --warning-4: 60 44 29; --contrast-warning-4: 255 255 255; --warning-5: 69 49 29; --contrast-warning-5: 255 255 255; --warning-6: 76 52 27; --contrast-warning-6: 255 255 255; --warning-7: 90 61 30; --contrast-warning-7: 255 255 255; --warning-8: 104 70 34; --contrast-warning-8: 255 255 255; --warning-9: 254 154 0; --contrast-warning-9: 29 29 29; --warning-10: 213 116 0; --contrast-warning-10: 255 255 255; --warning-11: 255 165 34; --contrast-warning-11: 29 29 29; --warning-12: 255 229 115; --contrast-warning-12: 29 29 29; --warning-original: 254 154 0; --contrast-warning-original: 29 29 29; --danger-1: 34 27 26; --contrast-danger-1: 255 255 255; --danger-2: 45 30 29; --contrast-danger-2: 255 255 255; --danger-3: 60 37 35; --contrast-danger-3: 255 255 255; --danger-4: 69 38 35; --contrast-danger-4: 255 255 255; --danger-5: 80 41 38; --contrast-danger-5: 255 255 255; --danger-6: 89 41 38; --contrast-danger-6: 255 255 255; --danger-7: 105 48 44; --contrast-danger-7: 255 255 255; --danger-8: 121 54 50; --contrast-danger-8: 255 255 255; --danger-9: 251 44 54; --contrast-danger-9: 255 255 255; --danger-10: 255 52 59; --contrast-danger-10: 255 255 255; --danger-11: 255 113 108; --contrast-danger-11: 255 255 255; --danger-12: 255 180 169; --contrast-danger-12: 29 29 29; --danger-original: 251 44 54; --contrast-danger-original: 255 255 255; --success-1: 26 31 26; --contrast-success-1: 255 255 255; --success-2: 28 37 29; --contrast-success-2: 255 255 255; --success-3: 33 48 35; --contrast-success-3: 255 255 255; --success-4: 33 54 35; --contrast-success-4: 255 255 255; --success-5: 34 61 38; --contrast-success-5: 255 255 255; --success-6: 32 66 38; --contrast-success-6: 255 255 255; --success-7: 37 78 44; --contrast-success-7: 255 255 255; --success-8: 41 90 50; --contrast-success-8: 255 255 255; --success-9: 0 201 80; --contrast-success-9: 29 29 29; --success-10: 0 176 54; --contrast-success-10: 255 255 255; --success-11: 62 227 106; --contrast-success-11: 29 29 29; --success-12: 139 255 168; --contrast-success-12: 29 29 29; --success-original: 0 201 80; --contrast-success-original: 29 29 29; } </style><script src="https://static.gitbook.com/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule="" nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5"></script></head><body class="__className_2f5617 __className_7d852e __variable_96046e bg-tint-base theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle theme-gradient:bg-gradient-primary theme-gradient-tint:bg-gradient-tint"><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">!function(){try{var d=document.documentElement,c=d.classList;c.remove('light','dark');var e=localStorage.getItem('theme');if('system'===e||(!e&&true)){var t='(prefers-color-scheme: dark)',m=window.matchMedia(t);if(m.media!==t||m.matches){d.style.colorScheme = 'dark';c.add('dark')}else{d.style.colorScheme = 'light';c.add('light')}}else if(e){c.add(e|| '')}if(e==='light'||e==='dark')d.style.colorScheme=e}catch(e){}}()</script><header id="site-header" class="flex flex-col h-[64px] sticky top-0 z-10 w-full flex-none shadow-[0px_1px_0px] shadow-tint-12/2 bg-tint-base/9 theme-muted:bg-tint-subtle/9 theme-bold-tint:bg-tint-subtle/9 theme-gradient:bg-gradient-primary theme-gradient-tint:bg-gradient-tint contrast-more:bg-tint-base text-sm backdrop-blur-lg"><div class="theme-bold:bg-header-background theme-bold:shadow-[0px_1px_0px] theme-bold:shadow-tint-12/2"><div class="scroll-nojump"><div class="gap-4 lg:gap-8 flex items-center justify-between w-full py-3 min-h-16 sm:h-16 px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full"><div class="flex max-w-full shrink min-w-0 gap-2 lg:gap-4 justify-start items-center"><button class="flex flex-row items-center py-1 px-2 rounded straight-corners:rounded-sm page-no-toc:hidden lg:hidden -ml-2 text-tint-strong theme-bold:text-header-link hover:bg-tint-hover theme-bold:hover:bg-header-link/3" aria-label="Open table of contents"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/bars.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4 text-inherit"></svg></button><a class="group/headerlogo min-w-0 shrink flex items-center" href="/"><img alt="" style="aspect-ratio:1" fetchPriority="high" class="block dark:hidden object-contain size-8" src="https://www.electronforge.io/~gitbook/image?url=https%3A%2F%2F2355537583-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-LBKK1y7h_XWAtuRJG9X-4037718589%252Ficon%252FzSCYXfXdUPvs7AL9g6NO%252FElectron_Software_Framework_Logo.svg%2520%281%29.png%3Falt%3Dmedia%26token%3D325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4&width=32&dpr=4&quality=100&sign=2d940ca3&sv=2" srcSet="https://www.electronforge.io/~gitbook/image?url=https%3A%2F%2F2355537583-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-LBKK1y7h_XWAtuRJG9X-4037718589%252Ficon%252FzSCYXfXdUPvs7AL9g6NO%252FElectron_Software_Framework_Logo.svg%2520%281%29.png%3Falt%3Dmedia%26token%3D325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4&width=32&dpr=1&quality=100&sign=2d940ca3&sv=2 32w, https://www.electronforge.io/~gitbook/image?url=https%3A%2F%2F2355537583-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-LBKK1y7h_XWAtuRJG9X-4037718589%252Ficon%252FzSCYXfXdUPvs7AL9g6NO%252FElectron_Software_Framework_Logo.svg%2520%281%29.png%3Falt%3Dmedia%26token%3D325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4&width=32&dpr=2&quality=100&sign=2d940ca3&sv=2 64w, https://www.electronforge.io/~gitbook/image?url=https%3A%2F%2F2355537583-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-LBKK1y7h_XWAtuRJG9X-4037718589%252Ficon%252FzSCYXfXdUPvs7AL9g6NO%252FElectron_Software_Framework_Logo.svg%2520%281%29.png%3Falt%3Dmedia%26token%3D325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4&width=32&dpr=3&quality=100&sign=2d940ca3&sv=2 96w, https://www.electronforge.io/~gitbook/image?url=https%3A%2F%2F2355537583-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-LBKK1y7h_XWAtuRJG9X-4037718589%252Ficon%252FzSCYXfXdUPvs7AL9g6NO%252FElectron_Software_Framework_Logo.svg%2520%281%29.png%3Falt%3Dmedia%26token%3D325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4&width=32&dpr=4&quality=100&sign=2d940ca3&sv=2 128w" sizes="32px" width="1200" height="1200"/><img alt="" style="aspect-ratio:1" loading="lazy" fetchPriority="high" class="hidden dark:block object-contain size-8" src="https://www.electronforge.io/~gitbook/image?url=https%3A%2F%2F2355537583-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-LBKK1y7h_XWAtuRJG9X-4037718589%252Ficon%252FzSCYXfXdUPvs7AL9g6NO%252FElectron_Software_Framework_Logo.svg%2520%281%29.png%3Falt%3Dmedia%26token%3D325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4&width=32&dpr=4&quality=100&sign=2d940ca3&sv=2" srcSet="https://www.electronforge.io/~gitbook/image?url=https%3A%2F%2F2355537583-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-LBKK1y7h_XWAtuRJG9X-4037718589%252Ficon%252FzSCYXfXdUPvs7AL9g6NO%252FElectron_Software_Framework_Logo.svg%2520%281%29.png%3Falt%3Dmedia%26token%3D325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4&width=32&dpr=1&quality=100&sign=2d940ca3&sv=2 32w, https://www.electronforge.io/~gitbook/image?url=https%3A%2F%2F2355537583-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-LBKK1y7h_XWAtuRJG9X-4037718589%252Ficon%252FzSCYXfXdUPvs7AL9g6NO%252FElectron_Software_Framework_Logo.svg%2520%281%29.png%3Falt%3Dmedia%26token%3D325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4&width=32&dpr=2&quality=100&sign=2d940ca3&sv=2 64w, https://www.electronforge.io/~gitbook/image?url=https%3A%2F%2F2355537583-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-LBKK1y7h_XWAtuRJG9X-4037718589%252Ficon%252FzSCYXfXdUPvs7AL9g6NO%252FElectron_Software_Framework_Logo.svg%2520%281%29.png%3Falt%3Dmedia%26token%3D325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4&width=32&dpr=3&quality=100&sign=2d940ca3&sv=2 96w, https://www.electronforge.io/~gitbook/image?url=https%3A%2F%2F2355537583-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-LBKK1y7h_XWAtuRJG9X-4037718589%252Ficon%252FzSCYXfXdUPvs7AL9g6NO%252FElectron_Software_Framework_Logo.svg%2520%281%29.png%3Falt%3Dmedia%26token%3D325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4&width=32&dpr=4&quality=100&sign=2d940ca3&sv=2 128w" sizes="32px" width="1200" height="1200"/><div class="text-pretty line-clamp-3 tracking-tight max-w-[18ch] lg:max-w-[24ch] font-semibold ms-3 text-base/tight lg:text-lg/tight text-tint-strong theme-bold:text-header-link">Electron Forge</div></a></div><div class="flex md:min-w-56 grow-0 shrink-0 justify-self-end"><button type="button" aria-label="Search" class="flex flex-1 flex-row justify-center items-center w-full px-3 py-2 gap-2 bg-tint-base ring-1 ring-tint-12/2 shadow-sm shadow-tint-12/3 dark:shadow-none text-tint rounded-lg straight-corners:rounded-sm contrast-more:ring-tint-12 contrast-more:text-tint-strong transition-all hover:bg-tint-subtle hover:shadow-md hover:scale-102 hover:ring-tint-hover hover:text-tint-strong focus:shadow-md focus:scale-102 focus:ring-tint-hover focus:text-tint-strong contrast-more:hover:ring-2 contrast-more:hover:ring-tint-12 contrast-more:focus:ring-2 contrast-more:focus:ring-tint-12 active:shadow-sm active:scale-98 md:justify-start md:w-full theme-bold:bg-header-link/2 theme-bold:hover:bg-header-link/3 theme-bold:text-header-link/8 theme-bold:hover:text-header-link theme-bold:ring-header-link/4 theme-bold:hover:ring-header-link/5 theme-bold:[&_svg]:text-header-link/10 theme-bold:[&_.shortcut]:text-header-link/8 theme-bold:contrast-more:bg-header-background theme-bold:contrast-more:text-header-link theme-bold:contrast-more:ring-header-link theme-bold:contrast-more:hover:bg-header-background theme-bold:contrast-more:hover:ring-header-link theme-bold:contrast-more:focus:text-header-link theme-bold:contrast-more:focus:bg-header-background theme-bold:contrast-more:focus:ring-header-link theme-bold:shadow-none theme-bold:hover:shadow-none"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/magnifying-glass.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon text-tint-subtle shrink-0 size-4"></svg><div class="w-full hidden md:block text-left"><span class="flex-1">Search...</span></div><div class="shortcut hidden md:inline justify-end text-xs text-tint contrast-more:text-tint-strong whitespace-nowrap [font-feature-settings:"calt",_"case"]">Ctrl + K</div></button></div></div></div></div></header><div class="flex flex-col lg:flex-row px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full min-h-[calc(100vh-64px)]"><aside data-testid="table-of-contents" class="group page-no-toc:hidden grow-0 shrink-0 basis-full lg:basis-72 relative z-[1] lg:sticky lg:top-0 lg:h-screen site-header:lg:top-16 site-header:lg:h-[calc(100vh_-_4rem)] site-header-sections:lg:top-[6.75rem] site-header-sections:lg:h-[calc(100vh_-_6.75rem)] pt-6 pb-4 sidebar-filled:lg:pr-6 hidden navigation-open:flex lg:flex flex-col gap-4 navigation-open:border-b border-tint-subtle"><div class="lg:-ms-5 overflow-hidden relative flex flex-col flex-grow sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base sidebar-filled:rounded-xl straight-corners:rounded-none"><div class="px-5 *:my-4"></div><div data-testid="toc-scroll-container" class="flex flex-grow flex-col p-2 lg:pb-20 overflow-y-auto lg:gutter-stable [&::-webkit-scrollbar]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-transparent group-hover:[&::-webkit-scrollbar]:bg-tint-subtle group-hover:[&::-webkit-scrollbar-thumb]:bg-tint-7 group-hover:[&::-webkit-scrollbar-thumb:hover]:bg-tint-8"><ul class="flex flex-col gap-y-0.5 sidebar-list-line:border-l border-tint-subtle"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/">Getting Started</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/import-existing-project">Importing an Existing Project</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/cli">CLI</a></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Core Concepts</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/core-concepts/why-electron-forge">Why Electron Forge?</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/core-concepts/build-lifecycle">Build Lifecycle</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Configuration</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/configuration">Configuration Overview</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/typescript-configuration">TypeScript Setup</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/plugins">Plugins<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-tint-active hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform opacity-6 group-hover:opacity-11 contrast-more:opacity-11 rotate-90"></svg></span></a><div class="" style="opacity:1;height:auto;display:block"><ul class="flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l"><li class="flex flex-col"><a aria-current="page" class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm text-balance hover:contrast-more:ring-1 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none font-semibold sidebar-list-line:before:w-0.5 before:bg-primary-solid text-primary-subtle sidebar-list-pill:bg-primary [html.sidebar-list-pill.theme-muted_&]:bg-primary-hover [html.sidebar-list-pill.theme-bold.tint_&]:bg-primary-hover [html.sidebar-filled.sidebar-list-pill.theme-muted_&]:bg-primary [html.sidebar-filled.sidebar-list-pill.theme-bold.tint_&]:bg-primary hover:bg-primary-hover hover:text-primary hover:before:bg-primary-solid-hover sidebar-list-pill:hover:bg-primary-hover contrast-more:text-primary contrast-more:hover:text-primary-strong contrast-more:bg-primary contrast-more:ring-1 contrast-more:ring-primary contrast-more:hover:ring-primary-hover" href="/config/plugins/webpack">Webpack Plugin</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/plugins/vite">Vite Plugin</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/plugins/electronegativity">Electronegativity Plugin</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/plugins/auto-unpack-natives">Auto Unpack Native Modules Plugin</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/plugins/local-electron">Local Electron Plugin</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/plugins/fuses">Fuses Plugin</a></li></ul></div></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/makers">Makers<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-tint-active hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform opacity-6 group-hover:opacity-11 contrast-more:opacity-11 rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/makers/appx">AppX</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/makers/deb">deb</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/makers/dmg">DMG</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/makers/flatpak">Flatpak</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/makers/pkg">pkg</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/makers/rpm">RPM</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/makers/snapcraft">Snapcraft</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/makers/squirrel.windows">Squirrel.Windows</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/makers/wix-msi">WiX MSI</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/makers/zip">ZIP</a></li></ul></div></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/publishers">Publishers<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-tint-active hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform opacity-6 group-hover:opacity-11 contrast-more:opacity-11 rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/publishers/bitbucket">Bitbucket</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/publishers/electron-release-server">Electron Release Server</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/publishers/github">GitHub</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/publishers/gcs">Google Cloud Storage</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/publishers/nucleus">Nucleus</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/publishers/s3">S3</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/publishers/snapcraft">Snapcraft</a></li></ul></div></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/config/hooks">Hooks</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Built-in Templates</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/templates/webpack-template">Webpack</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/templates/typescript-+-webpack-template">Webpack + Typescript</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/templates/vite">Vite</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/templates/vite-+-typescript">Vite + TypeScript</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Guides</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/guides/code-signing">Code Signing<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-tint-active hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform opacity-6 group-hover:opacity-11 contrast-more:opacity-11 rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/guides/code-signing/code-signing-windows">Signing a Windows app</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/guides/code-signing/code-signing-macos">Signing a macOS app</a></li></ul></div></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/guides/create-and-add-icons">Custom App Icons</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/guides/framework-integration">Framework Integration<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-tint-active hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform opacity-6 group-hover:opacity-11 contrast-more:opacity-11 rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/guides/framework-integration/react">React</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/guides/framework-integration/react-with-typescript">React with TypeScript</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/guides/framework-integration/vue-3">Vue 3</a></li></ul></div></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/guides/developing-with-wsl">Developing with WSL</a></li></ul></li><li class="flex flex-col group/page-group-item"><div class="flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base [html.sidebar-default.theme-gradient_&]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_&]:bg-gradient-tint">Advanced</div><ul class="flex flex-col gap-y-0.5"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/advanced/auto-update">Auto Update</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/advanced/debugging">Debugging</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/advanced/extending-electron-forge">Extending Electron Forge<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-tint-active hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform opacity-6 group-hover:opacity-11 contrast-more:opacity-11 rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/advanced/extending-electron-forge/writing-plugins">Writing Plugins</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/advanced/extending-electron-forge/writing-templates">Writing Templates</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/advanced/extending-electron-forge/writing-makers">Writing Makers</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/advanced/extending-electron-forge/writing-publishers">Writing Publishers</a></li></ul></div></li><li class="flex flex-col"><a class="flex justify-start items-center gap-3 p-1.5 pl-3 text-sm transition-colors duration-100 text-tint-strong/7 rounded-md straight-corners:rounded-none before:content-none font-normal hover:bg-tint hover:text-tint-strong" href="https://js.electronforge.io/modules/_electron_forge_core.html">API Docs<svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/arrow-up-right-from-square.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-3 mr-1 mt-1 place-self-start shrink-0 text-current transition-colors [&>path]:transition-[opacity] [&>path]:[opacity:0.40] group-hover:[&>path]:[opacity:1]"></svg></a></li></ul></li></ul><div class="relative z-[2] lg:absolute mt-6 left-0 right-2 bottom-0 pointer-events-none sidebar-filled:pl-2 sidebar-filled:pb-2 bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base before:hidden lg:before:block before:content-[""] before:absolute before:inset-x-0 before:bottom-full before:h-8 before:bg-gradient-to-b before:from-transparent before:to-tint-base sidebar-filled:before:to-tint-subtle theme-muted:before:to-tint-subtle theme-bold-tint:before:to-tint-subtle [html.sidebar-filled.theme-muted_&]:before:to-tint-base [html.sidebar-filled.theme-bold.tint_&]:before:to-tint-base"><a target="_blank" class="text-sm font-semibold text-tint flex flex-row items-center px-5 py-4 sidebar-filled:px-3 rounded-lg straight-corners:rounded-none hover:bg-tint hover:text-tint-strong ring-2 lg:ring-1 ring-inset ring-tint-subtle transition-colors pointer-events-auto" href="https://www.gitbook.com/?utm_source=content&utm_medium=trademark&utm_campaign=-LBKK1y7h_XWAtuRJG9X-4037718589"><svg style="mask-image:url(https://static.gitbook.com/~gitbook/static/icons/svgs/custom-icons/gitbook.svg?v=2);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-5 mr-3"></svg>Powered by GitBook</a></div></div></div></aside><div class="flex-1 flex flex-col"><div class="flex flex-row-reverse justify-end grow"><aside class="group/aside hidden xl:flex flex-col basis-56 grow-0 shrink-0 break-anywhere text-tint contrast-more:text-tint-strong sticky lg:top-0 lg:max-h-screen site-header:lg:top-16 site-header:lg:max-h-[calc(100vh_-_4rem)] site-header-sections:lg:top-[6.75rem] site-header-sections:lg:max-h-[calc(100vh_-_6.75rem)] page-api-block:xl:max-2xl:z-10 page-api-block:xl:max-2xl:fixed page-api-block:xl:max-2xl:right-8 page-api-block:xl:max-2xl:w-56 page-api-block:xl:max-2xl:bg-tint/9 page-api-block:xl:max-2xl:contrast-more:bg-tint page-api-block:xl:max-2xl:backdrop-blur-lg page-api-block:xl:max-2xl:border page-api-block:xl:max-2xl:border-tint page-api-block:xl:max-2xl:hover:shadow-lg page-api-block:xl:max-2xl:hover:shadow-tint-12/1 page-api-block:xl:max-2xl:dark:hover:shadow-tint-1/1 page-api-block:xl:max-2xl:rounded-md page-api-block:xl:max-2xl:h-auto page-api-block:xl:max-2xl:my-8 page-api-block:p-2"><div class="hidden page-api-block:xl:max-2xl:flex text-xs tracking-wide font-semibold uppercase flex-row items-center gap-2"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/block-quote.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-3"></svg>On this page<svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-down.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-3 opacity-6 ml-auto page-api-block:xl:max-2xl:group-hover/aside:hidden"></svg></div><div class="overflow-y-auto overflow-x-visible flex flex-col shrink pb-12 sticky lg:top:0 site-header:lg:top-16 site-header-sections:lg:top-[6.75rem] gap-6 pt-8 page-api-block:xl:max-2xl:py-0 page-api-block:xl:max-2xl:hidden page-api-block:xl:max-2xl:group-hover/aside:flex"><template id="B:0"></template><div class="flex flex-col gap-3 sidebar-list-default:px-3 border-t first:border-none border-tint-subtle py-4 first:pt-0 page-api-block:xl:max-2xl:px-3 empty:hidden"><div class="flex flex-col gap-3 text-sm mt-2"><div class="flex flex-wrap items-center gap-2"><p>Was this helpful?</p><div class="bg-tint-base border border-tint-subtle contrast-more:border-tint-12 rounded-full"><div class="flex"><button class="p-2 hover:bg-primary-hover hover:text-primary-strong first:pl-2.5 last:pr-2.5 first:rounded-l-full last:rounded-r-full disabled:cursor-not-allowed disabled:hover:bg-inherit disabled:hover:text-inherit disabled:dark:hover:text-inherit contrast-more:hover:ring-1 ring-tint disabled:opacity-7 disabled:contrast-more:ring-0" type="button" aria-label="No" title="No"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="currentColor" fill-opacity="0.2"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.25C4.58579 8.25 4.25 7.91421 4.25 7.5V6C4.25 5.58579 4.58579 5.25 5 5.25C5.41421 5.25 5.75 5.58579 5.75 6V7.5C5.75 7.91421 5.41421 8.25 5 8.25ZM4.66782 13.3737C4.87421 13.5572 5.19025 13.5386 5.3737 13.3322C7.30371 11.1609 10.6963 11.1609 12.6263 13.3322C12.8098 13.5386 13.1258 13.5572 13.3322 13.3737C13.5386 13.1902 13.5572 12.8742 13.3737 12.6678C11.0459 10.049 6.9541 10.049 4.6263 12.6678C4.44284 12.8742 4.46143 13.1902 4.66782 13.3737ZM12.25 7.5C12.25 7.91421 12.5858 8.25 13 8.25C13.4142 8.25 13.75 7.91421 13.75 7.5V6C13.75 5.58579 13.4142 5.25 13 5.25C12.5858 5.25 12.25 5.58579 12.25 6V7.5Z" fill="currentColor"></path></svg></button><button class="p-2 hover:bg-primary-hover hover:text-primary-strong first:pl-2.5 last:pr-2.5 first:rounded-l-full last:rounded-r-full disabled:cursor-not-allowed disabled:hover:bg-inherit disabled:hover:text-inherit disabled:dark:hover:text-inherit contrast-more:hover:ring-1 ring-tint disabled:opacity-7 disabled:contrast-more:ring-0" type="button" aria-label="Not sure" title="Not sure"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="currentColor" fill-opacity="0.2"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.25C4.58579 8.25 4.25 7.91421 4.25 7.5V6C4.25 5.58579 4.58579 5.25 5 5.25C5.41421 5.25 5.75 5.58579 5.75 6V7.5C5.75 7.91421 5.41421 8.25 5 8.25ZM4.5 12C4.5 11.7239 4.72386 11.5 5 11.5H13C13.2761 11.5 13.5 11.7239 13.5 12C13.5 12.2761 13.2761 12.5 13 12.5H5C4.72386 12.5 4.5 12.2761 4.5 12ZM12.25 7.5C12.25 7.91421 12.5858 8.25 13 8.25C13.4142 8.25 13.75 7.91421 13.75 7.5V6C13.75 5.58579 13.4142 5.25 13 5.25C12.5858 5.25 12.25 5.58579 12.25 6V7.5Z" fill="currentColor"></path></svg></button><button class="p-2 hover:bg-primary-hover hover:text-primary-strong first:pl-2.5 last:pr-2.5 first:rounded-l-full last:rounded-r-full disabled:cursor-not-allowed disabled:hover:bg-inherit disabled:hover:text-inherit disabled:dark:hover:text-inherit contrast-more:hover:ring-1 ring-tint disabled:opacity-7 disabled:contrast-more:ring-0" type="button" aria-label="Yes, it was!" title="Yes, it was!"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="currentColor" fill-opacity="0.2"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.25C4.58579 8.25 4.25 7.91421 4.25 7.5V6C4.25 5.58579 4.58579 5.25 5 5.25C5.41421 5.25 5.75 5.58579 5.75 6V7.5C5.75 7.91421 5.41421 8.25 5 8.25ZM4.66782 11.6263C4.87421 11.4428 5.19025 11.4614 5.3737 11.6678C7.30371 13.8391 10.6963 13.8391 12.6263 11.6678C12.8098 11.4614 13.1258 11.4428 13.3322 11.6263C13.5386 11.8098 13.5572 12.1258 13.3737 12.3322C11.0459 14.951 6.9541 14.951 4.6263 12.3322C4.44284 12.1258 4.46143 11.8098 4.66782 11.6263ZM12.25 7.5C12.25 7.91421 12.5858 8.25 13 8.25C13.4142 8.25 13.75 7.91421 13.75 7.5V6C13.75 5.58579 13.4142 5.25 13 5.25C12.5858 5.25 12.25 5.58579 12.25 6V7.5Z" fill="currentColor"></path></svg></button></div></div></div></div><div><a href="https://github.com/electron-forge/electron-forge-docs/blob/v6/config/plugins/webpack.md" class="flex flex-row items-center text-sm hover:text-tint-strong py-2"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/brands/github.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4 mr-1.5"></svg>Edit on GitHub</a></div></div></div><div class="pb-4 sticky bottom-0 bg-tint-base theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle theme-gradient:bg-gradient-primary theme-gradient-tint:bg-gradient-tint z-10 mt-auto flex flex-col page-api-block:xl:max-2xl:pb-0 page-api-block:xl:max-2xl:hidden page-api-block:xl:max-2xl:group-hover/aside:flex page-api-block:xl:max-2xl:bg-transparent"><div class="flex items-center justify-end mt-4"><div role="radiogroup" class="flex flex-row gap-2"><button type="button" role="radio" aria-label="Switch to light theme" title="Switch to light theme" aria-checked="false" class="p-2 rounded straight-corners:rounded-none transition-all text-tint contrast-more:text-tint-strong hover:bg-tint-hover contrast-more:hover:ring-2 contrast-more:focus:ring-2 ring-tint"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/sun-bright.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4"></svg></button><button type="button" role="radio" aria-label="Switch to system theme" title="Switch to system theme" aria-checked="false" class="p-2 rounded straight-corners:rounded-none transition-all text-tint contrast-more:text-tint-strong hover:bg-tint-hover contrast-more:hover:ring-2 contrast-more:focus:ring-2 ring-tint"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/desktop.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4"></svg></button><button type="button" role="radio" aria-label="Switch to dark theme" title="Switch to dark theme" aria-checked="false" class="p-2 rounded straight-corners:rounded-none transition-all text-tint contrast-more:text-tint-strong hover:bg-tint-hover contrast-more:hover:ring-2 contrast-more:focus:ring-2 ring-tint"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/moon.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4"></svg></button></div></div><div class="" data-visual-test="removed"></div></div></aside><main class="flex-1 relative py-8 lg:px-12 break-anywhere page-api-block:xl:max-2xl:pr-0 page-api-block:max-w-[1654px] page-api-block:mx-auto"><header class="max-w-3xl mx-auto mb-6 space-y-3 page-api-block:ml-0"><nav><ol class="flex flex-wrap items-center gap-2"><li><a class="underline-offset-2 decoration-primary/6 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors no-underline hover:underline text-xs tracking-wide font-semibold uppercase flex items-center gap-1.5 contrast-more:underline contrast-more:decoration-current" href="/config">Configuration</a></li><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-3 text-tint-subtle"></svg><li><a class="underline-offset-2 decoration-primary/6 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors no-underline hover:underline text-xs tracking-wide font-semibold uppercase flex items-center gap-1.5 contrast-more:underline contrast-more:decoration-current" href="/config/plugins">Plugins</a></li></ol></nav><h1 class="text-4xl font-bold flex items-center gap-4">Webpack Plugin</h1><p class="text-lg text-tint">Transform and bundle code for your Electron Forge app with webpack.</p></header><div class="[&>*+*]:mt-5 grid whitespace-pre-wrap"><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">This plugin makes it easy to set up standard <a class="underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors" href="https://webpack.js.org/">webpack</a> tooling to compile both your main process code and your renderer process code, with built-in support for <a class="underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors" href="https://webpack.js.org/concepts/hot-module-replacement/">Hot Module Replacement (HMR)</a> in the renderer process and support for multiple renderers.</p><h2 id="installation" class="text-3xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]"><a href="#installation" aria-label="Direct link to heading" class="inline-flex h-full items-start leading-tight"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] justify-self-start text-left leading-tight mt-[1em]">Installation</div></h2><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-tint text-tint bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-tint-hover print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-tint theme-gradient:bg-tint-12/1 ring-tint-subtle hide-scroll rounded-md straight-corners:rounded-sm"><code id=":Rsd9uu8qfkvfa:" class="min-w-full inline-grid grid-cols-[auto_1fr] p-2 [count-reset:line]"><span class="highlight-line"><span class="highlight-line-content">npm install --save-dev @electron-forge/plugin-webpack</span></span></code></pre></div><h2 id="usage" class="text-3xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]"><a href="#usage" aria-label="Direct link to heading" class="inline-flex h-full items-start leading-tight"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] justify-self-start text-left leading-tight mt-[1em]">Usage</div></h2><h3 id="plugin-configuration" class="text-2xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.75em]"><a href="#plugin-configuration" aria-label="Direct link to heading" class="inline-flex h-full items-start leading-snug"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.75em]">Plugin configuration</div></h3><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">You must provide two webpack configuration files: one for the main process in <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">mainConfig</code>, and one for the renderer process in <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">renderer.config</code>. The complete config options are available in the API docs under <a class="underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors" href="https://js.electronforge.io/interfaces/_electron_forge_plugin_webpack.WebpackPluginConfig.html"><code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">WebpackPluginConfig</code></a>.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">For example, this is the <a class="underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors" href="/config/configuration">configuration</a> taken from Forge's <a class="underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors" href="/templates/webpack-template">webpack template</a>:</p><div class="rounded-lg straight-corners:rounded-sm ring-1 ring-inset ring-tint-subtle flex overflow-hidden flex-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div role="tablist" class="group/tabs inline-flex flex-row self-stretch after:flex-[1] after:bg-tint-12/1 [&:has(button.active-tab:last-of-type):after]:rounded-bl-md"><button role="tab" aria-selected="true" aria-controls="forge.config.js" id="tab-forge.config.js" class="[&:has(+_.active-tab)]:rounded-br-md [.active-tab_+_&]:rounded-bl-md [.active-tab_+_:after]:rounded-br-md inline-block text-sm px-3.5 py-2 transition-[color] font-[500] relative after:transition-colors after:border-r after:absolute after:left-[unset] after:right-0 after:border-tint after:top-[15%] after:h-[70%] after:w-[1px] last:after:border-transparent hover:text-tint-strong truncate max-w-full shrink-0 active-tab text-tint-strong bg-transparent after:[&.active-tab]:border-transparent after:[:has(+_&.active-tab)]:border-transparent after:[:has(&_+)]:border-transparent">forge.config.js</button><button role="tab" aria-selected="false" aria-controls="package.json" id="tab-package.json" class="[&:has(+_.active-tab)]:rounded-br-md [.active-tab_+_&]:rounded-bl-md [.active-tab_+_:after]:rounded-br-md inline-block text-sm px-3.5 py-2 transition-[color] font-[500] relative after:transition-colors after:border-r after:absolute after:left-[unset] after:right-0 after:border-tint after:top-[15%] after:h-[70%] after:w-[1px] last:after:border-transparent text-tint bg-tint-12/1 hover:text-tint-strong truncate max-w-full">package.json</button></div><div role="tabpanel" id="forge.config.js" aria-labelledby="tab-forge.config.js" class="p-4"><div class="w-full space-y-4"><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl flip-heading-hash"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-tint text-tint bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-tint-hover print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-tint theme-gradient:bg-tint-12/1 ring-tint-subtle hide-scroll rounded-md straight-corners:rounded-sm"><code id=":Rm24d9uu8qfkvfa:" class="min-w-full inline-grid grid-cols-[auto_1fr] p-2 [count-reset:line]"><span class="highlight-line"><span class="highlight-line-content">module.exports = { </span></span><span class="highlight-line"><span class="highlight-line-content"> // ... </span></span><span class="highlight-line"><span class="highlight-line-content"> plugins: [ </span></span><span class="highlight-line"><span class="highlight-line-content"> { </span></span><span class="highlight-line"><span class="highlight-line-content"> name: '@electron-forge/plugin-webpack', </span></span><span class="highlight-line"><span class="highlight-line-content"> config: { </span></span><span class="highlight-line"><span class="highlight-line-content"> mainConfig: './webpack.main.config.js', </span></span><span class="highlight-line"><span class="highlight-line-content"> renderer: { </span></span><span class="highlight-line"><span class="highlight-line-content"> config: './webpack.renderer.config.js', </span></span><span class="highlight-line"><span class="highlight-line-content"> entryPoints: [{ </span></span><span class="highlight-line"><span class="highlight-line-content"> name: 'main_window', </span></span><span class="highlight-line"><span class="highlight-line-content"> html: './src/renderer/index.html', </span></span><span class="highlight-line"><span class="highlight-line-content"> js: './src/renderer/index.js', </span></span><span class="highlight-line"><span class="highlight-line-content"> preload: { </span></span><span class="highlight-line"><span class="highlight-line-content"> js: './src/preload.js' </span></span><span class="highlight-line"><span class="highlight-line-content"> } </span></span><span class="highlight-line"><span class="highlight-line-content"> }] </span></span><span class="highlight-line"><span class="highlight-line-content"> } </span></span><span class="highlight-line"><span class="highlight-line-content"> } </span></span><span class="highlight-line"><span class="highlight-line-content"> } </span></span><span class="highlight-line"><span class="highlight-line-content"> ] </span></span><span class="highlight-line"><span class="highlight-line-content"> // ... </span></span><span class="highlight-line"><span class="highlight-line-content">};</span></span></code></pre></div></div></div><div role="tabpanel" id="package.json" aria-labelledby="tab-package.json" class="p-4 hidden"><div class="w-full space-y-4"><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl flip-heading-hash"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-tint text-tint bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-tint-hover print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-tint theme-gradient:bg-tint-12/1 ring-tint-subtle hide-scroll rounded-md straight-corners:rounded-sm"><code id=":Rq24d9uu8qfkvfa:" class="min-w-full inline-grid grid-cols-[auto_1fr] p-2 [count-reset:line]"><span class="highlight-line"><span class="highlight-line-content">{ </span></span><span class="highlight-line"><span class="highlight-line-content"> // ... </span></span><span class="highlight-line"><span class="highlight-line-content"> "config": { </span></span><span class="highlight-line"><span class="highlight-line-content"> "forge": { </span></span><span class="highlight-line"><span class="highlight-line-content"> "plugins": [ </span></span><span class="highlight-line"><span class="highlight-line-content"> { </span></span><span class="highlight-line"><span class="highlight-line-content"> "name": "@electron-forge/plugin-webpack", </span></span><span class="highlight-line"><span class="highlight-line-content"> "config": { </span></span><span class="highlight-line"><span class="highlight-line-content"> "mainConfig": "./webpack.main.config.js", </span></span><span class="highlight-line"><span class="highlight-line-content"> "renderer": { </span></span><span class="highlight-line"><span class="highlight-line-content"> "config": "./webpack.renderer.config.js", </span></span><span class="highlight-line"><span class="highlight-line-content"> "entryPoints": [{ </span></span><span class="highlight-line"><span class="highlight-line-content"> "name": "main_window", </span></span><span class="highlight-line"><span class="highlight-line-content"> "html": "./src/renderer/index.html", </span></span><span class="highlight-line"><span class="highlight-line-content"> "js": "./src/renderer/index.js", </span></span><span class="highlight-line"><span class="highlight-line-content"> "preload": { </span></span><span class="highlight-line"><span class="highlight-line-content"> "js": "./src/preload.js" </span></span><span class="highlight-line"><span class="highlight-line-content"> } </span></span><span class="highlight-line"><span class="highlight-line-content"> }] </span></span><span class="highlight-line"><span class="highlight-line-content"> } </span></span><span class="highlight-line"><span class="highlight-line-content"> } </span></span><span class="highlight-line"><span class="highlight-line-content"> } </span></span><span class="highlight-line"><span class="highlight-line-content"> ] </span></span><span class="highlight-line"><span class="highlight-line-content"> } </span></span><span class="highlight-line"><span class="highlight-line-content"> } </span></span><span class="highlight-line"><span class="highlight-line-content"> // ... </span></span><span class="highlight-line"><span class="highlight-line-content">}</span></span></code></pre></div></div></div></div><h3 id="project-files" class="text-2xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.75em]"><a href="#project-files" aria-label="Direct link to heading" class="inline-flex h-full items-start leading-snug"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.75em]">Project files</div></h3><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">This plugin generates a separate entry for the main process, as well as each renderer process and preload script.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">You need to do two things in your project files in order to make this plugin work.</p><h4 id="package.json-1" class="text-xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.5em]"><a href="#package.json-1" aria-label="Direct link to heading" class="inline-flex h-full items-start leading-snug"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.5em]">package.json</div></h4><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">First, your <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">main</code> entry in your <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">package.json</code> file needs to point at <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">"./.webpack/main"</code> like so:</p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"><div class="text-xs tracking-wide text-tint leading-none inline-flex items-center justify-center bg-tint rounded-t straight-corners:rounded-t-s px-3 py-2">package.json</div></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-tint text-tint bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-tint-hover print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-tint theme-gradient:bg-tint-12/1 ring-tint-subtle hide-scroll rounded-md straight-corners:rounded-sm rounded-ss-none"><code id=":R3kd9uu8qfkvfa:" class="min-w-full inline-grid grid-cols-[auto_1fr] p-2 [count-reset:line]"><span class="highlight-line"><span class="highlight-line-content">{ </span></span><span class="highlight-line"><span class="highlight-line-content"> "name": "my-app", </span></span><span class="highlight-line"><span class="highlight-line-content"> "main": "./.webpack/main", </span></span><span class="highlight-line"><span class="highlight-line-content"> // ... </span></span><span class="highlight-line"><span class="highlight-line-content">}</span></span></code></pre></div><h4 id="main-process-code" class="text-xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.5em]"><a href="#main-process-code" aria-label="Direct link to heading" class="inline-flex h-full items-start leading-snug"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.5em]">Main process code</div></h4><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Second, all <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">loadURL</code> and <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">preload</code> paths need to reference the magic global variables that this plugin will define for you.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Each entry point has two globals defined based on the name assigned to your entry point:</p><ul class="space-y-2 w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><li class="leading-normal flex items-start"><div class="text-base leading-normal flex items-center justify-center mr-1 min-h-[1lh] min-w-6 text-tint"><div class="before:font-var before:content-[--pseudoBefore--content]" style="--pseudoBefore--content:'•';--font-family:Arial;font-size:min(1.5em, 24px);line-height:1"></div></div><div class="space-y-2 flex flex-col flex-1"><p class="w-full decoration-primary/6 max-w-3xl min-h-[1lh] flip-heading-hash [&:is(h2)>div]:mt-0 [&:is(h3)>div]:mt-0 [&:is(h4)>div]:mt-0 mx-0">The renderer's entry point will be suffixed with <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">_WEBPACK_ENTRY</code></p></div></li><li class="leading-normal flex items-start"><div class="text-base leading-normal flex items-center justify-center mr-1 min-h-[1lh] min-w-6 text-tint"><div class="before:font-var before:content-[--pseudoBefore--content]" style="--pseudoBefore--content:'•';--font-family:Arial;font-size:min(1.5em, 24px);line-height:1"></div></div><div class="space-y-2 flex flex-col flex-1"><p class="w-full decoration-primary/6 max-w-3xl min-h-[1lh] flip-heading-hash [&:is(h2)>div]:mt-0 [&:is(h3)>div]:mt-0 [&:is(h4)>div]:mt-0 mx-0">The renderer's preload script will be suffixed with <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">_PRELOAD_WEBPACK_ENTRY</code></p></div></li></ul><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">In the case of the <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">main_window</code> entry point in the earlier example, the global variables will be named <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">MAIN_WINDOW_WEBPACK_ENTRY</code> and <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">MAIN_WINDOW_PRELOAD_WEBPACK_ENTRY</code>. An example of how to use them is given below:</p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"><div class="text-xs tracking-wide text-tint leading-none inline-flex items-center justify-center bg-tint rounded-t straight-corners:rounded-t-s px-3 py-2">main.js</div></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-tint text-tint bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-tint-hover print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-tint theme-gradient:bg-tint-12/1 ring-tint-subtle hide-scroll rounded-md straight-corners:rounded-sm rounded-ss-none"><code id=":R54d9uu8qfkvfa:" class="min-w-full inline-grid grid-cols-[auto_1fr] p-2 [count-reset:line]"><span class="highlight-line"><span class="highlight-line-content">const mainWindow = new BrowserWindow({ </span></span><span class="highlight-line"><span class="highlight-line-content"> webPreferences: { </span></span><span class="highlight-line"><span class="highlight-line-content"> preload: MAIN_WINDOW_PRELOAD_WEBPACK_ENTRY </span></span><span class="highlight-line"><span class="highlight-line-content"> } </span></span><span class="highlight-line"><span class="highlight-line-content">}); </span></span><span class="highlight-line"><span class="highlight-line-content"> </span></span><span class="highlight-line"><span class="highlight-line-content">mainWindow.loadURL(MAIN_WINDOW_WEBPACK_ENTRY);</span></span></code></pre></div><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">These variables are only defined in the main process. If you need to use one of these paths in a renderer (e.g. to pass a preload script to a <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]"><webview></code> tag), you can pass the magic variable value with a synchronous IPC round trip.</p><div class="rounded-lg straight-corners:rounded-sm ring-1 ring-inset ring-tint-subtle flex overflow-hidden flex-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div role="tablist" class="group/tabs inline-flex flex-row self-stretch after:flex-[1] after:bg-tint-12/1 [&:has(button.active-tab:last-of-type):after]:rounded-bl-md"><button role="tab" aria-selected="true" aria-controls="main-process" id="tab-main-process" class="[&:has(+_.active-tab)]:rounded-br-md [.active-tab_+_&]:rounded-bl-md [.active-tab_+_:after]:rounded-br-md inline-block text-sm px-3.5 py-2 transition-[color] font-[500] relative after:transition-colors after:border-r after:absolute after:left-[unset] after:right-0 after:border-tint after:top-[15%] after:h-[70%] after:w-[1px] last:after:border-transparent hover:text-tint-strong truncate max-w-full shrink-0 active-tab text-tint-strong bg-transparent after:[&.active-tab]:border-transparent after:[:has(+_&.active-tab)]:border-transparent after:[:has(&_+)]:border-transparent">Main Process</button><button role="tab" aria-selected="false" aria-controls="preload-script" id="tab-preload-script" class="[&:has(+_.active-tab)]:rounded-br-md [.active-tab_+_&]:rounded-bl-md [.active-tab_+_:after]:rounded-br-md inline-block text-sm px-3.5 py-2 transition-[color] font-[500] relative after:transition-colors after:border-r after:absolute after:left-[unset] after:right-0 after:border-tint after:top-[15%] after:h-[70%] after:w-[1px] last:after:border-transparent text-tint bg-tint-12/1 hover:text-tint-strong truncate max-w-full">Preload Script</button><button role="tab" aria-selected="false" aria-controls="renderer-process" id="tab-renderer-process" class="[&:has(+_.active-tab)]:rounded-br-md [.active-tab_+_&]:rounded-bl-md [.active-tab_+_:after]:rounded-br-md inline-block text-sm px-3.5 py-2 transition-[color] font-[500] relative after:transition-colors after:border-r after:absolute after:left-[unset] after:right-0 after:border-tint after:top-[15%] after:h-[70%] after:w-[1px] last:after:border-transparent text-tint bg-tint-12/1 hover:text-tint-strong truncate max-w-full">Renderer Process</button></div><div role="tabpanel" id="main-process" aria-labelledby="tab-main-process" class="p-4"><div class="w-full space-y-4"><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl flip-heading-hash"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"><div class="text-xs tracking-wide text-tint leading-none inline-flex items-center justify-center bg-tint rounded-t straight-corners:rounded-t-s px-3 py-2">main.js</div></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-tint text-tint bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-tint-hover print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-tint theme-gradient:bg-tint-12/1 ring-tint-subtle hide-scroll rounded-md straight-corners:rounded-sm rounded-ss-none"><code id=":Rm5kd9uu8qfkvfa:" class="min-w-full inline-grid grid-cols-[auto_1fr] p-2 [count-reset:line]"><span class="highlight-line"><span class="highlight-line-content">// make sure this listener is set before your renderer.js code is called </span></span><span class="highlight-line"><span class="highlight-line-content">ipcMain.on('get-preload-path', (e) => { </span></span><span class="highlight-line"><span class="highlight-line-content"> e.returnValue = WINDOW_PRELOAD_WEBPACK_ENTRY; </span></span><span class="highlight-line"><span class="highlight-line-content">});</span></span></code></pre></div></div></div><div role="tabpanel" id="preload-script" aria-labelledby="tab-preload-script" class="p-4 hidden"><div class="w-full space-y-4"><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl flip-heading-hash"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"><div class="text-xs tracking-wide text-tint leading-none inline-flex items-center justify-center bg-tint rounded-t straight-corners:rounded-t-s px-3 py-2">preload.js</div></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-tint text-tint bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-tint-hover print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-tint theme-gradient:bg-tint-12/1 ring-tint-subtle hide-scroll rounded-md straight-corners:rounded-sm rounded-ss-none"><code id=":Rq5kd9uu8qfkvfa:" class="min-w-full inline-grid grid-cols-[auto_1fr] p-2 [count-reset:line]"><span class="highlight-line"><span class="highlight-line-content">const { contextBridge, ipcRenderer } = require('electron'); </span></span><span class="highlight-line"><span class="highlight-line-content"> </span></span><span class="highlight-line"><span class="highlight-line-content">contextBridge.exposeInMainWorld('electron', { </span></span><span class="highlight-line"><span class="highlight-line-content"> getPreloadPath: () => ipcRenderer.sendSync('get-preload-path') </span></span><span class="highlight-line"><span class="highlight-line-content">});</span></span></code></pre></div></div></div><div role="tabpanel" id="renderer-process" aria-labelledby="tab-renderer-process" class="p-4 hidden"><div class="w-full space-y-4"><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl flip-heading-hash"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"><div class="text-xs tracking-wide text-tint leading-none inline-flex items-center justify-center bg-tint rounded-t straight-corners:rounded-t-s px-3 py-2">renderer.js</div></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-tint text-tint bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-tint-hover print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-tint theme-gradient:bg-tint-12/1 ring-tint-subtle hide-scroll rounded-md straight-corners:rounded-sm rounded-ss-none"><code id=":Ru5kd9uu8qfkvfa:" class="min-w-full inline-grid grid-cols-[auto_1fr] p-2 [count-reset:line]"><span class="highlight-line"><span class="highlight-line-content">const preloadPath = window.electron.getPreloadPath();</span></span></code></pre></div></div></div></div><div class="hint transition-colors rounded-md straight-corners:rounded-none overflow-hidden bg-neutral theme-muted:bg-neutral-base theme-bold-tint:bg-neutral-base theme-gradient:bg-neutral-12/1 border-neutral text-sm grid grid-cols-[auto_1fr] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="py-3 pl-3 text-info-subtle contrast-more:text-info"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/circle-info.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1.2em] mt-0.5 leading-normal"></svg></div><div class="p-3 empty:p-0 -row-end-1 -col-end-1 space-y-4 [&_.hint]:border [&_pre]:border [&_pre]:border-neutral"><p class="w-full mx-auto decoration-primary/6 max-w-3xl text-neutral-strong [&_.can-override-bg]:bg-neutral-active [&_.can-override-text]:text-neutral-strong flip-heading-hash"><strong class="font-bold">Usage with TypeScript</strong></p><p class="w-full mx-auto decoration-primary/6 max-w-3xl text-neutral-strong [&_.can-override-bg]:bg-neutral-active [&_.can-override-text]:text-neutral-strong flip-heading-hash">If you're using the webpack plugin with TypeScript, you will need to manually declare these magic variables to avoid compiler errors.</p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl text-neutral-strong [&_.can-override-bg]:bg-neutral-active [&_.can-override-text]:text-neutral-strong flip-heading-hash"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"><div class="text-xs tracking-wide text-tint leading-none inline-flex items-center justify-center bg-tint rounded-t straight-corners:rounded-t-s px-3 py-2">main.js (Main Process)</div></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-tint text-tint bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-tint-hover print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-tint theme-gradient:bg-tint-12/1 ring-tint-subtle hide-scroll rounded-md straight-corners:rounded-sm rounded-ss-none"><code id=":Rf5sd9uu8qfkvfa:" class="min-w-full inline-grid grid-cols-[auto_1fr] p-2 [count-reset:line]"><span class="highlight-line"><span class="highlight-line-content">declare const MAIN_WINDOW_WEBPACK_ENTRY: string; </span></span><span class="highlight-line"><span class="highlight-line-content">declare const MAIN_WINDOW_PRELOAD_WEBPACK_ENTRY: string;</span></span></code></pre></div></div></div><h2 id="advanced-configuration" class="text-3xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]"><a href="#advanced-configuration" aria-label="Direct link to heading" class="inline-flex h-full items-start leading-tight"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] justify-self-start text-left leading-tight mt-[1em]">Advanced configuration</div></h2><h3 id="webpack-dev-server" class="text-2xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.75em]"><a href="#webpack-dev-server" aria-label="Direct link to heading" class="inline-flex h-full items-start leading-snug"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.75em]">webpack-dev-server</div></h3><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Forge's webpack plugin uses <a class="underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors" href="https://webpack.js.org/configuration/dev-server/"><code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">webpack-dev-server</code></a> to help you quickly iterate on renderer process code in development mode. Running <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">electron-forge start</code> with the webpack plugin active will launch a dev server that is configurable through the plugin config.</p><h4 id="devserver" class="text-xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.5em]"><a href="#devserver" aria-label="Direct link to heading" class="inline-flex h-full items-start leading-snug"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.5em]">devServer</div></h4><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">In development mode, you can change most <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">webpack-dev-server</code> options by setting <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">devServer</code> in your Forge Webpack plugin configuration.</p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"><div class="text-xs tracking-wide text-tint leading-none inline-flex items-center justify-center bg-tint rounded-t straight-corners:rounded-t-s px-3 py-2">Plugin configuration</div></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-tint text-tint bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-tint-hover print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-tint theme-gradient:bg-tint-12/1 ring-tint-subtle hide-scroll rounded-md straight-corners:rounded-sm rounded-ss-none"><code id=":R7cd9uu8qfkvfa:" class="min-w-full inline-grid grid-cols-[auto_1fr] p-2 [count-reset:line]"><span class="highlight-line"><span class="highlight-line-content">{ </span></span><span class="highlight-line"><span class="highlight-line-content"> name: '@electron-forge/plugin-webpack', </span></span><span class="highlight-line"><span class="highlight-line-content"> config: { </span></span><span class="highlight-line"><span class="highlight-line-content"> // other Webpack plugin config... </span></span><span class="highlight-line"><span class="highlight-line-content"> devServer: { </span></span><span class="highlight-line"><span class="highlight-line-content"> stats: 'verbose' </span></span><span class="highlight-line"><span class="highlight-line-content"> } </span></span><span class="highlight-line"><span class="highlight-line-content"> // ... </span></span><span class="highlight-line"><span class="highlight-line-content"> } </span></span><span class="highlight-line"><span class="highlight-line-content">}</span></span></code></pre></div><h4 id="devcontentsecuritypolicy" class="text-xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.5em]"><a href="#devcontentsecuritypolicy" aria-label="Direct link to heading" class="inline-flex h-full items-start leading-snug"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.5em]">devContentSecurityPolicy</div></h4><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">In development mode, you can set a <a class="underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors" href="https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP">Content Security Policy (CSP)</a> by setting <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">devContentSecurityPolicy</code> in your Forge Webpack plugin configuration.</p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-tint text-tint bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-tint-hover print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-tint theme-gradient:bg-tint-12/1 ring-tint-subtle hide-scroll rounded-md straight-corners:rounded-sm"><code id=":R84d9uu8qfkvfa:" class="min-w-full inline-grid grid-cols-[auto_1fr] p-2 [count-reset:line]"><span class="highlight-line"><span class="highlight-line-content">{ </span></span><span class="highlight-line"><span class="highlight-line-content"> name: '@electron-forge/plugin-webpack', </span></span><span class="highlight-line"><span class="highlight-line-content"> config: { </span></span><span class="highlight-line"><span class="highlight-line-content"> // other Webpack plugin config... </span></span><span class="highlight-line"><span class="highlight-line-content"> devContentSecurityPolicy: 'default-src \'self\' \'unsafe-inline\' data:; script-src \'self\' \'unsafe-eval\' \'unsafe-inline\' data:', </span></span><span class="highlight-line"><span class="highlight-line-content"> // other Webpack plugin config... </span></span><span class="highlight-line"><span class="highlight-line-content"> mainConfig: './webpack.main.config.js', </span></span><span class="highlight-line"><span class="highlight-line-content"> renderer: { </span></span><span class="highlight-line"><span class="highlight-line-content"> /* renderer config here, see above section */ </span></span><span class="highlight-line"><span class="highlight-line-content"> } </span></span><span class="highlight-line"><span class="highlight-line-content"> } </span></span><span class="highlight-line"><span class="highlight-line-content">}</span></span></code></pre></div><div class="hint transition-colors rounded-md straight-corners:rounded-none overflow-hidden bg-neutral theme-muted:bg-neutral-base theme-bold-tint:bg-neutral-base theme-gradient:bg-neutral-12/1 border-neutral text-sm grid grid-cols-[auto_1fr] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="py-3 pl-3 text-info-subtle contrast-more:text-info"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/circle-info.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1.2em] mt-0.5 leading-normal"></svg></div><div class="p-3 empty:p-0 -row-end-1 -col-end-1 space-y-4 [&_.hint]:border [&_pre]:border [&_pre]:border-neutral"><p class="w-full mx-auto decoration-primary/6 max-w-3xl text-neutral-strong [&_.can-override-bg]:bg-neutral-active [&_.can-override-text]:text-neutral-strong flip-heading-hash">If you wish to use <strong class="font-bold">source maps</strong> in development, you'll need to set <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">'unsafe-eval'</code> for the <a class="underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors" href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src"><code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">script-src</code></a> directive. Using <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">'unsafe-eval'</code> will cause Electron itself to trigger a warning in the DevTools console about having that value enabled, which is usually fine so long as you <strong class="font-bold">do not set that value in production</strong>.</p></div></div><h3 id="native-node-modules" class="text-2xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.75em]"><a href="#native-node-modules" aria-label="Direct link to heading" class="inline-flex h-full items-start leading-snug"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.75em]">Native Node modules</div></h3><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">If you used the <a class="underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors" href="/templates/webpack-template">Webpack</a> or <a class="underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors" href="/templates/typescript-+-webpack-template">TypeScript + Webpack</a> templates to create your application, native modules will mostly work out of the box.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">If you are setting up the plugin manually, you can make native modules work by adding the following two loaders to your <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">module.rules</code> configuration in your Webpack config. Ensure you install both <a class="underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors" href="https://www.npmjs.com/package/node-loader"><code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">node-loader</code></a> and <a class="underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors" href="https://www.npmjs.com/package/@vercel/webpack-asset-relocator-loader"><code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">@vercel/webpack-asset-relocator-loader</code></a> as development dependencies.</p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-tint text-tint bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-tint-hover print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-tint theme-gradient:bg-tint-12/1 ring-tint-subtle hide-scroll rounded-md straight-corners:rounded-sm"><code id=":R9cd9uu8qfkvfa:" class="min-w-full inline-grid grid-cols-[auto_1fr] p-2 [count-reset:line]"><span class="highlight-line"><span class="highlight-line-content">npm install --save-dev node-loader @vercel/webpack-asset-relocator-loader@1.7.3</span></span></code></pre></div><div class="hint transition-colors rounded-md straight-corners:rounded-none overflow-hidden bg-warning border-warning text-sm grid grid-cols-[auto_1fr] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="py-3 pl-3 text-warning-subtle contrast-more:text-warning"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/circle-exclamation.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1.2em] mt-0.5 leading-normal"></svg></div><div class="p-3 empty:p-0 -row-end-1 -col-end-1 space-y-4 [&_.hint]:border [&_pre]:border [&_pre]:border-neutral"><p class="w-full mx-auto max-w-3xl text-neutral-strong [&_a]:text-warning [&_a:hover]:text-warning-strong [&_.can-override-bg]:bg-warning-active [&_.can-override-text]:text-warning-strong decoration-warning/6 flip-heading-hash">Electron Forge monkeypatches the asset relocator loader in order for it to work with Electron properly, so the version has been pinned to ensure compatibility. If you upgrade that version, you do so at your own risk.</p></div></div><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"><div class="text-xs tracking-wide text-tint leading-none inline-flex items-center justify-center bg-tint rounded-t straight-corners:rounded-t-s px-3 py-2">webpack.main.config.js</div></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-tint text-tint bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-tint-hover print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-tint theme-gradient:bg-tint-12/1 ring-tint-subtle hide-scroll rounded-md straight-corners:rounded-sm rounded-ss-none"><code id=":R9sd9uu8qfkvfa:" class="min-w-full inline-grid grid-cols-[auto_1fr] p-2 [count-reset:line]"><span class="highlight-line"><span class="highlight-line-content">module.exports = { </span></span><span class="highlight-line"><span class="highlight-line-content"> module: { </span></span><span class="highlight-line"><span class="highlight-line-content"> rules: [ </span></span><span class="highlight-line"><span class="highlight-line-content"> { </span></span><span class="highlight-line"><span class="highlight-line-content"> // We're specifying native_modules in the test because the asset </span></span><span class="highlight-line"><span class="highlight-line-content"> // relocator loader generates a "fake" .node file which is really </span></span><span class="highlight-line"><span class="highlight-line-content"> // a cjs file. </span></span><span class="highlight-line"><span class="highlight-line-content"> test: /native_modules\/.+\.node$/, </span></span><span class="highlight-line"><span class="highlight-line-content"> use: 'node-loader' </span></span><span class="highlight-line"><span class="highlight-line-content"> }, </span></span><span class="highlight-line"><span class="highlight-line-content"> { </span></span><span class="highlight-line"><span class="highlight-line-content"> test: /\.(m?js|node)$/, </span></span><span class="highlight-line"><span class="highlight-line-content"> parser: { amd: false }, </span></span><span class="highlight-line"><span class="highlight-line-content"> use: { </span></span><span class="highlight-line"><span class="highlight-line-content"> loader: '@vercel/webpack-asset-relocator-loader', </span></span><span class="highlight-line"><span class="highlight-line-content"> options: { </span></span><span class="highlight-line"><span class="highlight-line-content"> outputAssetBase: 'native_modules' </span></span><span class="highlight-line"><span class="highlight-line-content"> } </span></span><span class="highlight-line"><span class="highlight-line-content"> } </span></span><span class="highlight-line"><span class="highlight-line-content"> } </span></span><span class="highlight-line"><span class="highlight-line-content"> ] </span></span><span class="highlight-line"><span class="highlight-line-content"> } </span></span><span class="highlight-line"><span class="highlight-line-content">};</span></span></code></pre></div><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">If the asset relocator loader does not work for your native module, you may want to consider using webpack's <a class="underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors" href="https://webpack.js.org/configuration/externals/">externals configuration</a>.</p><h3 id="node-integration" class="text-2xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.75em]"><a href="#node-integration" aria-label="Direct link to heading" class="inline-flex h-full items-start leading-snug"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.75em]">Node integration</div></h3><h4 id="enabling-node-integration-in-your-app-code" class="text-xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.5em]"><a href="#enabling-node-integration-in-your-app-code" aria-label="Direct link to heading" class="inline-flex h-full items-start leading-snug"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.5em]">Enabling Node integration in your app code</div></h4><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">In Electron, you can enable Node.js in the renderer process with <a class="underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors" href="https://www.electronjs.org/docs/latest/api/browser-window"><code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">BrowserWindow</code> constructor options</a>. Renderers with the following options enabled will have a browser-like web environment with access to Node.js <a class="underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors" href="https://nodejs.org/api/modules.html#requireid"><code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">require</code></a> and all of its core APIs:</p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"><div class="text-xs tracking-wide text-tint leading-none inline-flex items-center justify-center bg-tint rounded-t straight-corners:rounded-t-s px-3 py-2">main.js (Main Process)</div></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-tint text-tint bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-tint-hover print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-tint theme-gradient:bg-tint-12/1 ring-tint-subtle hide-scroll rounded-md straight-corners:rounded-sm rounded-ss-none"><code id=":Rb4d9uu8qfkvfa:" class="min-w-full inline-grid grid-cols-[auto_1fr] p-2 [count-reset:line]"><span class="highlight-line"><span class="highlight-line-content">const win = new BrowserWindow({ </span></span><span class="highlight-line"><span class="highlight-line-content"> webPreferences: { </span></span><span class="highlight-line"><span class="highlight-line-content"> contextIsolation: false, </span></span><span class="highlight-line"><span class="highlight-line-content"> nodeIntegration: true </span></span><span class="highlight-line"><span class="highlight-line-content"> } </span></span><span class="highlight-line"><span class="highlight-line-content">});</span></span></code></pre></div><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">This creates a unique environment that requires additional webpack configuration.</p><h4 id="setting-the-correct-webpack-target-in-your-plugin-config" class="text-xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.5em]"><a href="#setting-the-correct-webpack-target-in-your-plugin-config" aria-label="Direct link to heading" class="inline-flex h-full items-start leading-snug"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.5em]">Setting the correct webpack target in your plugin config</div></h4><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Webpack <a class="underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors" href="https://webpack.js.org/configuration/target/">targets</a> have first-class support for various Electron environments. Forge's webpack plugin will set the compilation target for renderers based on the <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">nodeIntegration</code> option in the config:</p><ul class="space-y-2 w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><li class="leading-normal flex items-start"><div class="text-base leading-normal flex items-center justify-center mr-1 min-h-[1lh] min-w-6 text-tint"><div class="before:font-var before:content-[--pseudoBefore--content]" style="--pseudoBefore--content:'•';--font-family:Arial;font-size:min(1.5em, 24px);line-height:1"></div></div><div class="space-y-2 flex flex-col flex-1"><p class="w-full decoration-primary/6 max-w-3xl min-h-[1lh] flip-heading-hash [&:is(h2)>div]:mt-0 [&:is(h3)>div]:mt-0 [&:is(h4)>div]:mt-0 mx-0">When <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">nodeIntegration</code> is <strong class="font-bold">true</strong>, the <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">target</code> is <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">electron-renderer</code>.</p></div></li><li class="leading-normal flex items-start"><div class="text-base leading-normal flex items-center justify-center mr-1 min-h-[1lh] min-w-6 text-tint"><div class="before:font-var before:content-[--pseudoBefore--content]" style="--pseudoBefore--content:'•';--font-family:Arial;font-size:min(1.5em, 24px);line-height:1"></div></div><div class="space-y-2 flex flex-col flex-1"><p class="w-full decoration-primary/6 max-w-3xl min-h-[1lh] flip-heading-hash [&:is(h2)>div]:mt-0 [&:is(h3)>div]:mt-0 [&:is(h4)>div]:mt-0 mx-0">When <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">nodeIntegration</code> is <strong class="font-bold">false</strong>, the <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">target</code> is <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">web</code>.</p></div></li></ul><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">This option is <strong class="font-bold">false</strong> by default**.** You can set this option for all renderers via the <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">renderer.nodeIntegration</code> option, and you can override its value in each renderer you create in the <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">entryPoints</code> array.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">In the below configuration example, webpack will compile to the <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">electron-renderer</code> target for all entry points except for <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">media_player</code>, which will compile to the <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">web</code> target.</p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"><div class="text-xs tracking-wide text-tint leading-none inline-flex items-center justify-center bg-tint rounded-t straight-corners:rounded-t-s px-3 py-2">Plugin configuration</div></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-tint text-tint bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-tint-hover print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-tint theme-gradient:bg-tint-12/1 ring-tint-subtle hide-scroll rounded-md straight-corners:rounded-sm rounded-ss-none"><code id=":Rcsd9uu8qfkvfa:" class="min-w-full inline-grid grid-cols-[auto_1fr] p-2 [count-reset:line]"><span class="highlight-line"><span class="highlight-line-content">{ </span></span><span class="highlight-line"><span class="highlight-line-content"> name: '@electron-forge/plugin-webpack', </span></span><span class="highlight-line"><span class="highlight-line-content"> config: { </span></span><span class="highlight-line"><span class="highlight-line-content"> mainConfig: './webpack.main.config.js', </span></span><span class="highlight-line"><span class="highlight-line-content"> renderer: { </span></span><span class="highlight-line"><span class="highlight-line-content"> config: './webpack.renderer.config.js', </span></span><span class="highlight-line"><span class="highlight-line-content"> nodeIntegration: true, // Implies `target: 'electron-renderer'` for all entry points </span></span><span class="highlight-line"><span class="highlight-line-content"> entryPoints: [ </span></span><span class="highlight-line"><span class="highlight-line-content"> { </span></span><span class="highlight-line"><span class="highlight-line-content"> html: './src/app/app.html', </span></span><span class="highlight-line"><span class="highlight-line-content"> js: './src/app/app.tsx', </span></span><span class="highlight-line"><span class="highlight-line-content"> name: 'app' </span></span><span class="highlight-line"><span class="highlight-line-content"> }, </span></span><span class="highlight-line"><span class="highlight-line-content"> { </span></span><span class="highlight-line"><span class="highlight-line-content"> html: './src/mediaPlayer/index.html', </span></span><span class="highlight-line"><span class="highlight-line-content"> js: './src/mediaPlayer/index.tsx', </span></span><span class="highlight-line"><span class="highlight-line-content"> name: 'media_player', </span></span><span class="highlight-line"><span class="highlight-line-content"> nodeIntegration: false // Overrides the default nodeIntegration set above </span></span><span class="highlight-line"><span class="highlight-line-content"> } </span></span><span class="highlight-line"><span class="highlight-line-content"> ] </span></span><span class="highlight-line"><span class="highlight-line-content"> } </span></span><span class="highlight-line"><span class="highlight-line-content"> } </span></span><span class="highlight-line"><span class="highlight-line-content">}</span></span></code></pre></div><div class="hint transition-colors rounded-md straight-corners:rounded-none overflow-hidden bg-warning border-warning text-sm grid grid-cols-[auto_1fr] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="py-3 pl-3 text-warning-subtle contrast-more:text-warning"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/circle-exclamation.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-[1.2em] mt-0.5 leading-normal"></svg></div><div class="p-3 empty:p-0 -row-end-1 -col-end-1 space-y-4 [&_.hint]:border [&_pre]:border [&_pre]:border-neutral"><p class="w-full mx-auto max-w-3xl text-neutral-strong [&_a]:text-warning [&_a:hover]:text-warning-strong [&_.can-override-bg]:bg-warning-active [&_.can-override-text]:text-warning-strong decoration-warning/6 flip-heading-hash">It is important that you enable <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">nodeIntegration</code> in <strong class="font-bold">both</strong> in the main process code and the webpack plugin configuration. This option duplication is necessary because webpack targets are fixed upon compilation, but BrowserWindow's web preferences are determined on run time.</p></div></div><h2 id="hot-module-replacement" class="text-3xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]"><a href="#hot-module-replacement" aria-label="Direct link to heading" class="inline-flex h-full items-start leading-tight"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] justify-self-start text-left leading-tight mt-[1em]">Hot module replacement</div></h2><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">In development mode, all your renderer processes in development will have <a class="underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors" href="https://webpack.js.org/concepts/hot-module-replacement/">Hot Module Replacement (HMR)</a> enabled by default thanks to <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">webpack-dev-server</code>.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">However, it is impossible for HMR to work inside preload scripts. However, webpack is constantly watching and recompiling those files so reload the renderer to get updates for preload scripts.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">For the main process, type <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">rs</code> in the console you launched <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">electron-forge</code> from and Forge will restart your app for you with the new main process code.</p><h3 id="hot-reload-caching" class="text-2xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.75em]"><a href="#hot-reload-caching" aria-label="Direct link to heading" class="inline-flex h-full items-start leading-snug"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.75em]">Hot reload caching</div></h3><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">When using Webpack 5 caching, asset permissions need to be maintained through their own cache, and the public path needs to be injected into the build.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">To insure these cases work out, make sure to run <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">initAssetCache</code> in the build, with the <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">options.outputAssetBase</code> argument:</p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-tint text-tint bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-tint-hover print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-tint theme-gradient:bg-tint-12/1 ring-tint-subtle hide-scroll rounded-md straight-corners:rounded-sm"><code id=":Rf4d9uu8qfkvfa:" class="min-w-full inline-grid grid-cols-[auto_1fr] p-2 [count-reset:line]"><span class="highlight-line"><span class="highlight-line-content">const relocateLoader = require('@vercel/webpack-asset-relocator-loader'); </span></span><span class="highlight-line"><span class="highlight-line-content">webpack({ </span></span><span class="highlight-line"><span class="highlight-line-content"> // ... </span></span><span class="highlight-line"><span class="highlight-line-content"> plugins: [ </span></span><span class="highlight-line"><span class="highlight-line-content"> { </span></span><span class="highlight-line"><span class="highlight-line-content"> apply (compiler) { </span></span><span class="highlight-line"><span class="highlight-line-content"> compiler.hooks.compilation.tap('webpack-asset-relocator-loader', compilation => { </span></span><span class="highlight-line"><span class="highlight-line-content"> relocateLoader.initAssetCache(compilation, outputAssetBase); </span></span><span class="highlight-line"><span class="highlight-line-content"> }); </span></span><span class="highlight-line"><span class="highlight-line-content"> } </span></span><span class="highlight-line"><span class="highlight-line-content"> } </span></span><span class="highlight-line"><span class="highlight-line-content"> ] </span></span><span class="highlight-line"><span class="highlight-line-content">});</span></span></code></pre></div><h3 id="hot-reloading-for-react" class="text-2xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.75em]"><a href="#hot-reloading-for-react" aria-label="Direct link to heading" class="inline-flex h-full items-start leading-snug"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.75em]">Hot Reloading for React</div></h3><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">If you're using React components, you may want to have HMR automatically pick up a change and reload the component without having to manually refresh the page. This is possible by installing <a class="underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors" href="https://github.com/gaearon/react-hot-loader"><code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">react-hot-loader</code></a> to define which modules should be hot reloaded.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Here's a usage example in TypeScript with <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">App</code> being the topmost component in a React component tree:</p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-tint text-tint bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-tint-hover print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-tint theme-gradient:bg-tint-12/1 ring-tint-subtle hide-scroll rounded-md straight-corners:rounded-sm"><code id=":Rg4d9uu8qfkvfa:" class="min-w-full inline-grid grid-cols-[auto_1fr] p-2 [count-reset:line]"><span class="highlight-line"><span class="highlight-line-content">import { hot } from "react-hot-loader"; </span></span><span class="highlight-line"><span class="highlight-line-content"> </span></span><span class="highlight-line"><span class="highlight-line-content">const App: FunctionComponent = () => ( </span></span><span class="highlight-line"><span class="highlight-line-content"> <div> </span></span><span class="highlight-line"><span class="highlight-line-content"> ... </span></span><span class="highlight-line"><span class="highlight-line-content"> </div> </span></span><span class="highlight-line"><span class="highlight-line-content">); </span></span><span class="highlight-line"><span class="highlight-line-content"> </span></span><span class="highlight-line"><span class="highlight-line-content">export default hot(module)(App)</span></span></code></pre></div><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">You can use this pattern in any other components depending on what you want to reload. For example, if you use the <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">hot()</code> HOC for an <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">AppBar</code> component and make a change to a child of <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">AppBar</code>, then the entire <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">AppBar</code> gets reloaded, but the higher-level <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">App</code> layout remains otherwise unchanged. In essence, a change will propagate up to the first <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">hot()</code> HOC found in a component tree.</p><h2 id="what-happens-in-production" class="text-3xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]"><a href="#what-happens-in-production" aria-label="Direct link to heading" class="inline-flex h-full items-start leading-tight"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] justify-self-start text-left leading-tight mt-[1em]">What happens in production?</div></h2><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">In theory, you shouldn't need to care. In development, we spin up <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">webpack-dev-server</code> instances to power your renderer processes. In production, we just build the static files.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Assuming you use the defined globals we explained in the above section, everything should work when your app is packaged.</p><h2 id="how-do-i-do-virtual-routing" class="text-3xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]"><a href="#how-do-i-do-virtual-routing" aria-label="Direct link to heading" class="inline-flex h-full items-start leading-tight"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] justify-self-start text-left leading-tight mt-[1em]">How do I do virtual routing?</div></h2><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">If you want to use something like <a class="underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors" href="https://github.com/ReactTraining/react-router"><code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">react-router</code></a> to do virtual routing in your app, you will need to ensure you use a history method that is not based on the browser history APIs. Browser history will work in development but not in production, as your code will be loaded from the filesystem, not a web server. In the <code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">react-router</code> case, you should use the <a class="underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors" href="https://reactrouter.com/en/main/router-components/memory-router"><code class="py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]">MemoryRouter</code></a> to make everything work.</p></div><div class="flex flex-col md:flex-row mt-6 gap-2 max-w-3xl mx-auto page-api-block:ml-0 text-tint"><a class="group text-sm p-2.5 flex gap-4 flex-1 flex-row-reverse items-center pl-4 border border-tint-subtle rounded straight-corners:rounded-none hover:border-primary text-pretty md:p-4 md:text-base" href="/config/plugins"><span class="flex flex-col flex-1 text-right"><span class="text-xs">Previous</span><span class="text-tint-strong group-hover:text-primary line-clamp-2">Plugins</span></span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-left.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon hidden size-4 text-tint-subtle contrast-more:text-tint-strong group-hover:text-primary md:block"></svg></a><a class="group text-sm p-2.5 flex gap-4 flex-1 flex-row items-center pr-4 border border-tint-subtle rounded straight-corners:rounded-none hover:border-primary text-pretty md:p-4 md:text-base" href="/config/plugins/vite"><span class="flex flex-col flex-1"><span class="text-xs">Next</span><span class="text-tint-strong group-hover:text-primary line-clamp-2">Vite Plugin</span></span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon hidden size-4 text-tint-subtle contrast-more:text-tint-strong group-hover:text-primary md:block"></svg></a></div><div class="flex flex-row flex-wrap gap-4 items-center mt-6 max-w-3xl mx-auto page-api-block:ml-0 text-tint contrast-more:text-tint-strong"><p class="text-sm mr-auto">Last updated <time data-visual-test="transparent" dateTime="2024-07-12T22:19:47.979Z" title="7/12/2024, 10:19:47 PM">7 months ago</time></p><div class="flex flex-col gap-3 text-sm xl:hidden"><div class="flex flex-wrap items-center gap-2"><p>Was this helpful?</p><div class="bg-tint-base border border-tint-subtle contrast-more:border-tint-12 rounded-full"><div class="flex"><button class="p-2 hover:bg-primary-hover hover:text-primary-strong first:pl-2.5 last:pr-2.5 first:rounded-l-full last:rounded-r-full disabled:cursor-not-allowed disabled:hover:bg-inherit disabled:hover:text-inherit disabled:dark:hover:text-inherit contrast-more:hover:ring-1 ring-tint disabled:opacity-7 disabled:contrast-more:ring-0" type="button" aria-label="No" title="No"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="currentColor" fill-opacity="0.2"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.25C4.58579 8.25 4.25 7.91421 4.25 7.5V6C4.25 5.58579 4.58579 5.25 5 5.25C5.41421 5.25 5.75 5.58579 5.75 6V7.5C5.75 7.91421 5.41421 8.25 5 8.25ZM4.66782 13.3737C4.87421 13.5572 5.19025 13.5386 5.3737 13.3322C7.30371 11.1609 10.6963 11.1609 12.6263 13.3322C12.8098 13.5386 13.1258 13.5572 13.3322 13.3737C13.5386 13.1902 13.5572 12.8742 13.3737 12.6678C11.0459 10.049 6.9541 10.049 4.6263 12.6678C4.44284 12.8742 4.46143 13.1902 4.66782 13.3737ZM12.25 7.5C12.25 7.91421 12.5858 8.25 13 8.25C13.4142 8.25 13.75 7.91421 13.75 7.5V6C13.75 5.58579 13.4142 5.25 13 5.25C12.5858 5.25 12.25 5.58579 12.25 6V7.5Z" fill="currentColor"></path></svg></button><button class="p-2 hover:bg-primary-hover hover:text-primary-strong first:pl-2.5 last:pr-2.5 first:rounded-l-full last:rounded-r-full disabled:cursor-not-allowed disabled:hover:bg-inherit disabled:hover:text-inherit disabled:dark:hover:text-inherit contrast-more:hover:ring-1 ring-tint disabled:opacity-7 disabled:contrast-more:ring-0" type="button" aria-label="Not sure" title="Not sure"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="currentColor" fill-opacity="0.2"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.25C4.58579 8.25 4.25 7.91421 4.25 7.5V6C4.25 5.58579 4.58579 5.25 5 5.25C5.41421 5.25 5.75 5.58579 5.75 6V7.5C5.75 7.91421 5.41421 8.25 5 8.25ZM4.5 12C4.5 11.7239 4.72386 11.5 5 11.5H13C13.2761 11.5 13.5 11.7239 13.5 12C13.5 12.2761 13.2761 12.5 13 12.5H5C4.72386 12.5 4.5 12.2761 4.5 12ZM12.25 7.5C12.25 7.91421 12.5858 8.25 13 8.25C13.4142 8.25 13.75 7.91421 13.75 7.5V6C13.75 5.58579 13.4142 5.25 13 5.25C12.5858 5.25 12.25 5.58579 12.25 6V7.5Z" fill="currentColor"></path></svg></button><button class="p-2 hover:bg-primary-hover hover:text-primary-strong first:pl-2.5 last:pr-2.5 first:rounded-l-full last:rounded-r-full disabled:cursor-not-allowed disabled:hover:bg-inherit disabled:hover:text-inherit disabled:dark:hover:text-inherit contrast-more:hover:ring-1 ring-tint disabled:opacity-7 disabled:contrast-more:ring-0" type="button" aria-label="Yes, it was!" title="Yes, it was!"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="currentColor" fill-opacity="0.2"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.25C4.58579 8.25 4.25 7.91421 4.25 7.5V6C4.25 5.58579 4.58579 5.25 5 5.25C5.41421 5.25 5.75 5.58579 5.75 6V7.5C5.75 7.91421 5.41421 8.25 5 8.25ZM4.66782 11.6263C4.87421 11.4428 5.19025 11.4614 5.3737 11.6678C7.30371 13.8391 10.6963 13.8391 12.6263 11.6678C12.8098 11.4614 13.1258 11.4428 13.3322 11.6263C13.5386 11.8098 13.5572 12.1258 13.3737 12.3322C11.0459 14.951 6.9541 14.951 4.6263 12.3322C4.44284 12.1258 4.46143 11.8098 4.66782 11.6263ZM12.25 7.5C12.25 7.91421 12.5858 8.25 13 8.25C13.4142 8.25 13.75 7.91421 13.75 7.5V6C13.75 5.58579 13.4142 5.25 13 5.25C12.5858 5.25 12.25 5.58579 12.25 6V7.5Z" fill="currentColor"></path></svg></button></div></div></div></div></div></main></div></div></div><hr class="border-t border-tint-subtle"/><div class="scroll-nojump"><footer class="sm:px-6 md:px-8 max-w-screen-2xl page-full-width:max-w-full px-4 mx-auto flex gap-12 xl:hidden"><div class="hidden lg:block basis-72 page-no-toc:hidden"></div><div class="py-8 gap-12 flex flex-wrap items-start w-full flex-1 max-w-3xl page-full-width:max-w-none mx-auto"><div class="flex items-center justify-end ml-auto order-2 xl:hidden"><div role="radiogroup" class="flex flex-row gap-2"><button type="button" role="radio" aria-label="Switch to light theme" title="Switch to light theme" aria-checked="false" class="p-2 rounded straight-corners:rounded-none transition-all text-tint contrast-more:text-tint-strong hover:bg-tint-hover contrast-more:hover:ring-2 contrast-more:focus:ring-2 ring-tint"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/sun-bright.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4"></svg></button><button type="button" role="radio" aria-label="Switch to system theme" title="Switch to system theme" aria-checked="false" class="p-2 rounded straight-corners:rounded-none transition-all text-tint contrast-more:text-tint-strong hover:bg-tint-hover contrast-more:hover:ring-2 contrast-more:focus:ring-2 ring-tint"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/desktop.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4"></svg></button><button type="button" role="radio" aria-label="Switch to dark theme" title="Switch to dark theme" aria-checked="false" class="p-2 rounded straight-corners:rounded-none transition-all text-tint contrast-more:text-tint-strong hover:bg-tint-hover contrast-more:hover:ring-2 contrast-more:focus:ring-2 ring-tint"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/moon.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4"></svg></button></div></div><div class="mx-auto w-full grow text-xs text-tint items-center text-center order-4 flex flex-col gap-2 empty:hidden sm:order-1 sm:flex-1 sm:w-auto sm:items-start sm:max-w-3xl self-center sm:text-start"></div></div><div class="hidden lg:block xl:basis-56 page-no-toc:hidden"></div></footer></div><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5" data-cfasync="false"> document.addEventListener("DOMContentLoaded", () => { if (Array.from(document.scripts).find(script => script.src.includes('rocket-loader.min.js'))) { const alert = document.createElement('div'); alert.className = 'p-4 mb-4 text-sm text-red-800 rounded-lg bg-red-50 mt-8 mx-8'; alert.innerHTML = ` <strong>Error in site configuration:</strong> It looks like ${window.location.hostname} has been incorrectly configured in Cloudflare. This may lead to unexpected behavior or issues with the page loading. If you are the owner of this site, please refer to <a href="https://docs.gitbook.com/published-documentation/custom-domain/configure-dns#are-you-using-cloudflare" class="underline">GitBook's documentation</a> for steps to fix the problem. `; document.body.prepend(alert); } });</script><script src="https://static.gitbook.com/_next/static/chunks/webpack-adc1be4a376e9a39.js" nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5" async=""></script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"1:HC[\"https://static.gitbook.com\",\"\"]\n2:HL[\"https://static.gitbook.com/_next/static/css/9f5478b23a2dbc0b.css\",\"style\"]\n3:HL[\"https://static.gitbook.com/_next/static/css/c689b5a6a1432db7.css\",\"style\"]\n4:HL[\"https://static.gitbook.com/_next/static/css/a4653efd61fd8890.css\",\"style\"]\n5:HL[\"https://static.gitbook.com/_next/static/css/95b358fb5c9305a3.css\",\"style\"]\n6:HL[\"https://static.gitbook.com/_next/static/css/09a5087aafb66ce5.css\",\"style\"]\n7:HL[\"https://static.gitbook.com/_next/static/css/faa0908d2237c5e3.css\",\"style\"]\n8:HL[\"https://static.gitbook.com/_next/static/css/5f7f2f5c38b627bb.css\",\"style\"]\n9:HL[\"https://static.gitbook.com/_next/static/css/2567c890e467e55b.css\",\"style\"]\na:HL[\"https://static.gitbook.com/_next/static/css/79eda1c72751119a.css\",\"style\"]\nb:HL[\"https://static.gitbook.com/_next/static/css/4af9aafd612346fe.css\",\"style\"]\nc:I[11815,[],\"default\"]\nf:I[55092,[],\"default\"]\n11:I[82023,[],\"default\"]\n16:I[44622,[\"6470\",\"static/chunks/app/global-error-185b8d6d9c549d21.js\"],\"default\"]\n10:[\"pathname\",\"config/plugins/webpack\",\"oc\"]\n17:[]\n0:[\"$\",\"$Lc\",null,{\"buildId\":\"qBSDC7xx43SM1u3bhEBh8\",\"assetPrefix\":\"https://static.gitbook.com\",\"urlParts\":[\"\",\"config\",\"plugins\",\"webpack\"],\"initialTree\":[\"\",{\"children\":[\"middleware\",{\"children\":[\"(site)\",{\"children\":[\"(content)\",{\"children\":[[\"pathname\",\"config/plugins/webpack\",\"oc\"],{\"children\":[\"__PAGE__?{\\\"pathname\\\":[\\\"config\\\",\\\"plugins\\\",\\\"webpack\\\"]}\",{}]}]}]},\"$undefined\",\"$undefined\",true]}]}],\"initialSeedData\":[\"\",{\"children\":[\"middleware\",{\"children\":[\"(site)\",{\"children\":[\"(content)\",{\"children\":[[\"pathname\",\"config/plugins/webpack\",\"oc\"],{\"children\":[\"__PAGE__\",{},[[\"$Ld\",\"$Le\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/faa0908d2237c5e3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/5f7f2f5c38b627bb.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/2567c890e467e55b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/79eda1c72751119a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/4af9aafd612346fe.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]],null],null]},[null,[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"middleware\",\"children\",\"(site)\",\"children\",\"(content)\",\"children\",\"$10\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L11\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$L12\",\"notFoundStyles\":[]}]],[[\"$\",\"div\",null,{\"className\":\"flex flex-row flex-1 relative py-8 lg:px-16 xl:mr-56 items-center lg:items-start\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex-1 max-w-3xl mx-auto page-full-width:mx-0\",\"children\":[[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"mb-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc("])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"15rem-1px)] [max-width:calc(48rem-1px)] mb-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}]]}]}],[],[]]]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/09a5087aafb66ce5.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"$L13\"],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/9f5478b23a2dbc0b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/c689b5a6a1432db7.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/a4653efd61fd8890.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/95b358fb5c9305a3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"$L14\"],null],null]},[null,[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"middleware\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L11\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[null,[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L11\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L15\"],\"globalErrorComponent\":\"$16\",\"missingSlots\":\"$W17\"}]\n19:I[5145,[\"9322\",\"static/chunks/9322-5f5740cd5fd0bdf9.js\",\"4183\",\"static/chunks/app/middleware/(site)/layout-1a4e0bf6da1d58a4.js\"],\"IconsProvider\"]\n1a:I[75489,[\"9322\",\"static/chunks/9322-5f5740cd5fd0bdf9.js\",\"4183\",\"static/chunks/app/middleware/(site)/layout-1a4e0bf6da1d58a4.js\"],\"ClientContexts\"]\n1b:I[61946,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"8626\",\"static/chunks/app/middleware/(site)/error-65349dd045e81a2f.js\"],\"default\"]\n18:T2bc3,\n :root {\n --primary-1: 251 255 255; --contrast-primary-1: 29 29 29;\n--primary-2: 243 251 255; --contrast-primary-2: 29 29 29;\n--primary-3: 237 248 255; --contrast-primary-3: 29 29 29;\n--primary-4: 2"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"28 243 255; --contrast-primary-4: 29 29 29;\n--primary-5: 219 239 255; --contrast-primary-5: 29 29 29;\n--primary-6: 208 231 255; --contrast-primary-6: 29 29 29;\n--primary-7: 192 219 255; --contrast-primary-7: 29 29 29;\n--primary-8: 176 206 254; --contrast-primary-8: 29 29 29;\n--primary-9: 27 98 209; --contrast-primary-9: 255 255 255;\n--primary-10: 46 116 228; --contrast-primary-10: 255 255 255;\n--primary-11: 33 104 215; --contrast-primary-11: 255 255 255;\n--primary-12: 0 0 113; --contrast-primary-12: 255 255 255;\n--primary-original: 27 98 209; --contrast-primary-original: 255 255 255;\n --tint-1: 254 255 255; --contrast-tint-1: 29 29 29;\n--tint-2: 248 250 252; --contrast-tint-2: 29 29 29;\n--tint-3: 245 248 251; --contrast-tint-3: 29 29 29;\n--tint-4: 239 242 247; --contrast-tint-4: 29 29 29;\n--tint-5: 234 237 244; --contrast-tint-5: 29 29 29;\n--tint-6: 225 230 237; --contrast-tint-6: 29 29 29;\n--tint-7: 212 217 226; --contrast-tint-7: 29 29 29;\n--tint-8: 199 205 214; --contrast-tint-8: 29 29 29;\n--tint-9: 120 134 156; --contrast-tint-9: 255 255 255;\n--tint-10: 109 122 144; --contrast-tint-10: 255 255 255;\n--tint-11: 98 111 132; --contrast-tint-11: 255 255 255;\n--tint-12: 19 29 46; --contrast-tint-12: 255 255 255;\n--tint-original: 120 120 120; --contrast-tint-original: 255 255 255;\n --neutral-1: 255 255 255; --contrast-neutral-1: 29 29 29;\n--neutral-2: 250 250 250; --contrast-neutral-2: 29 29 29;\n--neutral-3: 247 247 247; --contrast-neutral-3: 29 29 29;\n--neutral-4: 242 242 242; --contrast-neutral-4: 29 29 29;\n--neutral-5: 237 237 237; --contrast-neutral-5: 29 29 29;\n--neutral-6: 229 229 229; --contrast-neutral-6: 29 29 29;\n--neutral-7: 217 217 217; --contrast-neutral-7: 29 29 29;\n--neutral-8: 204 204 204; --contrast-neutral-8: 29 29 29;\n--neutral-9: 120 120 120; --contrast-neutral-9: 255 255 255;\n--neutral-10: 121 121 121; --contrast-neutral-10: 255 255 255;\n--neutral-11: 110 110 110; --contrast-neutral-11: 255 255 255;\n--neutral-12: 29 29 29; --contrast-neutral-12: 255 255 255;\n--neutral-original: 120 120 120; --contrast-neutral-original: 255 255 255;\n\n --header-background: 27 98 209;\n --header-link: 255 255 255;\n\n --info-1: 255 255 255; --contrast-info-1: 29 29 29;\n--info-2: 250 250 250; --contrast-info-2: 29 29 29;\n--info-3: 247 247 247; --contrast-info-3: 29 29 29;\n--info-4: 242 242 242; --contrast-info-4: 29 29 29;\n--info-5: 237 237 237; --contrast-info-5: 29 29 29;\n--info-6: 229 229 229; --contrast-info-6: 29 29 29;\n--info-7: 217 217 217; --contrast-info-7: 29 29 29;\n--info-8: 204 204 204; --contrast-info-8: 29 29 29;\n--info-9: 120 120 120; --contrast-info-9: 255 255 255;\n--info-10: 121 121 121; --contrast-info-10: 255 255 255;\n--info-11: 110 110 110; --contrast-info-11: 255 255 255;\n--info-12: 29 29 29; --contrast-info-12: 255 255 255;\n--info-original: 120 120 120; --contrast-info-original: 255 255 255;\n --warning-1: 255 254 249; --contrast-warning-1: 29 29 29;\n--warning-2: 255 248 238; --contrast-warning-2: 29 29 29;\n--warning-3: 255 244 230; --contrast-warning-3: 29 29 29;\n--warning-4: 255 238 219; --contrast-warning-4: 29 29 29;\n--warning-5: 255 232 208; --contrast-warning-5: 29 29 29;\n--warning-6: 255 223 194; --contrast-warning-6: 29 29 29;\n--warning-7: 246 210 176; --contrast-warning-7: 29 29 29;\n--warning-8: 237 196 157; --contrast-warning-8: 29 29 29;\n--warning-9: 254 154 0; --contrast-warning-9: 29 29 29;\n--warning-10: 187 92 0; --contrast-warning-10: 255 255 255;\n--warning-11: 174 81 0; --contrast-warning-11: 255 255 255;\n--warning-12: 75 0 0; --contrast-warning-12: 255 255 255;\n--warning-original: 254 154 0; --contrast-warning-original: 29 29 29;\n --danger-1: 255 252 251; --contrast-danger-1: 29 29 29;\n--danger-2: 255 244 242; --contrast-danger-2: 29 29 29;\n--danger-3: 255 239 235; --contrast-danger-3: 29 29 29;\n--danger-4: 255 231 226; --contrast-danger-4: 29 29 29;\n--danger-5: 255 223 217; --contrast-danger-5: 29 29 29;\n--danger-6: 255 212 205; -"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"-contrast-danger-6: 29 29 29;\n--danger-7: 255 196 189; --contrast-danger-7: 29 29 29;\n--danger-8: 255 181 173; --contrast-danger-8: 29 29 29;\n--danger-9: 251 44 54; --contrast-danger-9: 255 255 255;\n--danger-10: 228 0 33; --contrast-danger-10: 255 255 255;\n--danger-11: 214 0 17; --contrast-danger-11: 255 255 255;\n--danger-12: 101 0 0; --contrast-danger-12: 255 255 255;\n--danger-original: 251 44 54; --contrast-danger-original: 255 255 255;\n --success-1: 251 255 251; --contrast-success-1: 29 29 29;\n--success-2: 241 254 242; --contrast-success-2: 29 29 29;\n--success-3: 234 254 236; --contrast-success-3: 29 29 29;\n--success-4: 224 251 227; --contrast-success-4: 29 29 29;\n--success-5: 214 248 218; --contrast-success-5: 29 29 29;\n--success-6: 202 242 206; --contrast-success-6: 29 29 29;\n--success-7: 185 231 190; --contrast-success-7: 29 29 29;\n--success-8: 167 220 173; --contrast-success-8: 29 29 29;\n--success-9: 0 201 80; --contrast-success-9: 29 29 29;\n--success-10: 0 152 23; --contrast-success-10: 255 255 255;\n--success-11: 0 140 0; --contrast-success-11: 255 255 255;\n--success-12: 0 47 0; --contrast-success-12: 255 255 255;\n--success-original: 0 201 80; --contrast-success-original: 29 29 29;\n }\n\n .dark {\n --primary-1: 27 29 34; --contrast-primary-1: 255 255 255;\n--primary-2: 29 35 44; --contrast-primary-2: 255 255 255;\n--primary-3: 36 44 58; --contrast-primary-3: 255 255 255;\n--primary-4: 37 48 67; --contrast-primary-4: 255 255 255;\n--primary-5: 39 54 77; --contrast-primary-5: 255 255 255;\n--primary-6: 40 58 86; --contrast-primary-6: 255 255 255;\n--primary-7: 47 68 102; --contrast-primary-7: 255 255 255;\n--primary-8: 53 78 118; --contrast-primary-8: 255 255 255;\n--primary-9: 27 98 209; --contrast-primary-9: 255 255 255;\n--primary-10: 70 140 255; --contrast-primary-10: 255 255 255;\n--primary-11: 117 190 255; --contrast-primary-11: 29 29 29;\n--primary-12: 178 255 255; --contrast-primary-12: 29 29 29;\n--primary-original: 27 98 209; --contrast-primary-original: 255 255 255;\n --tint-1: 29 29 29; --contrast-tint-1: 255 255 255;\n--tint-2: 34 35 35; --contrast-tint-2: 255 255 255;\n--tint-3: 43 44 45; --contrast-tint-3: 255 255 255;\n--tint-4: 47 48 50; --contrast-tint-4: 255 255 255;\n--tint-5: 52 54 56; --contrast-tint-5: 255 255 255;\n--tint-6: 56 58 60; --contrast-tint-6: 255 255 255;\n--tint-7: 66 68 71; --contrast-tint-7: 255 255 255;\n--tint-8: 75 78 82; --contrast-tint-8: 255 255 255;\n--tint-9: 126 133 144; --contrast-tint-9: 255 255 255;\n--tint-10: 138 145 156; --contrast-tint-10: 255 255 255;\n--tint-11: 185 193 204; --contrast-tint-11: 29 29 29;\n--tint-12: 248 255 255; --contrast-tint-12: 29 29 29;\n--tint-original: 120 120 120; --contrast-tint-original: 255 255 255;\n --neutral-1: 29 29 29; --contrast-neutral-1: 255 255 255;\n--neutral-2: 34 34 34; --contrast-neutral-2: 255 255 255;\n--neutral-3: 44 44 44; --contrast-neutral-3: 255 255 255;\n--neutral-4: 48 48 48; --contrast-neutral-4: 255 255 255;\n--neutral-5: 53 53 53; --contrast-neutral-5: 255 255 255;\n--neutral-6: 57 57 57; --contrast-neutral-6: 255 255 255;\n--neutral-7: 67 67 67; --contrast-neutral-7: 255 255 255;\n--neutral-8: 78 78 78; --contrast-neutral-8: 255 255 255;\n--neutral-9: 120 120 120; --contrast-neutral-9: 255 255 255;\n--neutral-10: 144 144 144; --contrast-neutral-10: 255 255 255;\n--neutral-11: 192 192 192; --contrast-neutral-11: 29 29 29;\n--neutral-12: 255 255 255; --contrast-neutral-12: 29 29 29;\n--neutral-original: 120 120 120; --contrast-neutral-original: 255 255 255;\n\n --header-background: 27 98 209;\n --header-link: 255 255 255;\n\n --info-1: 29 29 29; --contrast-info-1: 255 255 255;\n--info-2: 34 34 34; --contrast-info-2: 255 255 255;\n--info-3: 44 44 44; --contrast-info-3: 255 255 255;\n--info-4: 48 48 48; --contrast-info-4: 255 255 255;\n--info-5: 53 53 53; --contrast-info-5: 255 255 255;\n--info-6: 57 57 57; --contrast-info-6: 255 255 255;\n--info-7: 67 67 67; --contr"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"ast-info-7: 255 255 255;\n--info-8: 78 78 78; --contrast-info-8: 255 255 255;\n--info-9: 120 120 120; --contrast-info-9: 255 255 255;\n--info-10: 144 144 144; --contrast-info-10: 255 255 255;\n--info-11: 192 192 192; --contrast-info-11: 29 29 29;\n--info-12: 255 255 255; --contrast-info-12: 29 29 29;\n--info-original: 120 120 120; --contrast-info-original: 255 255 255;\n --warning-1: 32 28 25; --contrast-warning-1: 255 255 255;\n--warning-2: 40 33 26; --contrast-warning-2: 255 255 255;\n--warning-3: 53 41 30; --contrast-warning-3: 255 255 255;\n--warning-4: 60 44 29; --contrast-warning-4: 255 255 255;\n--warning-5: 69 49 29; --contrast-warning-5: 255 255 255;\n--warning-6: 76 52 27; --contrast-warning-6: 255 255 255;\n--warning-7: 90 61 30; --contrast-warning-7: 255 255 255;\n--warning-8: 104 70 34; --contrast-warning-8: 255 255 255;\n--warning-9: 254 154 0; --contrast-warning-9: 29 29 29;\n--warning-10: 213 116 0; --contrast-warning-10: 255 255 255;\n--warning-11: 255 165 34; --contrast-warning-11: 29 29 29;\n--warning-12: 255 229 115; --contrast-warning-12: 29 29 29;\n--warning-original: 254 154 0; --contrast-warning-original: 29 29 29;\n --danger-1: 34 27 26; --contrast-danger-1: 255 255 255;\n--danger-2: 45 30 29; --contrast-danger-2: 255 255 255;\n--danger-3: 60 37 35; --contrast-danger-3: 255 255 255;\n--danger-4: 69 38 35; --contrast-danger-4: 255 255 255;\n--danger-5: 80 41 38; --contrast-danger-5: 255 255 255;\n--danger-6: 89 41 38; --contrast-danger-6: 255 255 255;\n--danger-7: 105 48 44; --contrast-danger-7: 255 255 255;\n--danger-8: 121 54 50; --contrast-danger-8: 255 255 255;\n--danger-9: 251 44 54; --contrast-danger-9: 255 255 255;\n--danger-10: 255 52 59; --contrast-danger-10: 255 255 255;\n--danger-11: 255 113 108; --contrast-danger-11: 255 255 255;\n--danger-12: 255 180 169; --contrast-danger-12: 29 29 29;\n--danger-original: 251 44 54; --contrast-danger-original: 255 255 255;\n --success-1: 26 31 26; --contrast-success-1: 255 255 255;\n--success-2: 28 37 29; --contrast-success-2: 255 255 255;\n--success-3: 33 48 35; --contrast-success-3: 255 255 255;\n--success-4: 33 54 35; --contrast-success-4: 255 255 255;\n--success-5: 34 61 38; --contrast-success-5: 255 255 255;\n--success-6: 32 66 38; --contrast-success-6: 255 255 255;\n--success-7: 37 78 44; --contrast-success-7: 255 255 255;\n--success-8: 41 90 50; --contrast-success-8: 255 255 255;\n--success-9: 0 201 80; --contrast-success-9: 29 29 29;\n--success-10: 0 176 54; --contrast-success-10: 255 255 255;\n--success-11: 62 227 106; --contrast-success-11: 29 29 29;\n--success-12: 139 255 168; --contrast-success-12: 29 29 29;\n--success-original: 0 201 80; --contrast-success-original: 29 29 29;\n }\n 14:[\"$\",\"html\",null,{\"suppressHydrationWarning\":true,\"lang\":\"en\",\"className\":\"scroll-pt-[76px] theme-clean no-tint sidebar-filled sidebar-list-pill\",\"children\":[[\"$\",\"head\",null,{\"children\":[null,[\"$\",\"style\",null,{\"nonce\":\"$undefined\",\"children\":\"$18\"}]]}],[\"$\",\"body\",null,{\"className\":\"__className_2f5617 __className_7d852e __variable_96046e bg-tint-base theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle theme-gradient:bg-gradient-primary theme-gradient-tint:bg-gradient-tint\",\"children\":[\"$\",\"$L19\",null,{\"assetsURL\":\"https://ka-p.fontawesome.com/releases/v6.6.0/\",\"assetsURLToken\":\"a463935e93\",\"assetsByStyles\":{\"custom-icons\":{\"assetsURL\":\"https://static.gitbook.com/~gitbook/static/icons\"}},\"iconStyle\":\"regular\",\"children\":[\"$\",\"$L1a\",null,{\"language\":{\"locale\":\"en\",\"powered_by_gitbook\":\"Powered by GitBook\",\"sponsored_via_gitbook\":\"Sponsored via GitBook\",\"switch_to_dark_theme\":\"Switch to dark theme\",\"switch_to_light_theme\":\"Switch to light theme\",\"switch_to_system_theme\":\"Switch to system theme\",\"search\":\"Search\",\"search_or_ask\":\"Ask or search\",\"search_input_placeholder\":\"Search content\",\"search_ask_input_placeholder\":\"Search content or ask a question\",\"search_no_results\":\"No results for \\\"${1}\\\".\",\"search_scope_space\":\"$${1}\",\"search_scope_all\":\"All content\",\"search_ask\":\"Ask \\\"${1}\\\"\",\"search_ask"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"_description\":\"Find the answer with AI\",\"search_ask_sources\":\"Sources\",\"search_ask_sources_no_answer\":\"Related pages\",\"search_ask_no_answer\":\"An answer could not be found for your question. You could try rephrasing it, or be more specific.\",\"search_ask_error\":\"Something went wrong. Please try again later.\",\"on_this_page\":\"On this page\",\"next_page\":\"Next\",\"previous_page\":\"Previous\",\"page_last_modified\":\"Last updated ${1}\",\"was_this_helpful\":\"Was this helpful?\",\"was_this_helpful_positive\":\"Yes, it was!\",\"was_this_helpful_neutral\":\"Not sure\",\"was_this_helpful_negative\":\"No\",\"was_this_helpful_thank_you\":\"Thank you!\",\"was_this_helpful_comment\":\"Anything you'd like to add?\",\"submit\":\"Submit\",\"annotation_button_label\":\"Open annotation\",\"code_copied\":\"Copied!\",\"code_copy\":\"Copy\",\"table_of_contents_button_label\":\"Open table of contents\",\"cookies_title\":\"Cookies\",\"cookies_prompt\":\"This site uses cookies to deliver its service and to analyse traffic. By browsing this site, you accept the ${1}.\",\"cookies_prompt_privacy\":\"privacy policy\",\"cookies_accept\":\"Accept\",\"cookies_reject\":\"Reject\",\"cookies_close\":\"Close\",\"edit_on_git\":\"Edit on ${1}\",\"notfound_title\":\"Page not found\",\"notfound\":\"The page you are looking for doesn't exist.\",\"unexpected_error_title\":\"An error occurred\",\"unexpected_error\":\"Sorry, an unexpected error has occurred. Please try again later.\",\"unexpected_error_retry\":\"Retry\",\"pdf_download\":\"Export as PDF\",\"pdf_goback\":\"Go back to content\",\"pdf_print\":\"Print or Save as PDF\",\"pdf_page_of\":\"$${1} of ${2}\",\"pdf_mode_only_page\":\"Only this page\",\"pdf_mode_all\":\"All pages\",\"pdf_limit_reached\":\"Couldn't generate the PDF for ${1} pages, generation stopped at ${2}.\",\"pdf_limit_reached_continue\":\"Extend with ${1} more pages.\",\"more\":\"More\"},\"children\":[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"middleware\",\"children\",\"(site)\",\"children\"],\"error\":\"$1b\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L11\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]}]}]}]]}]\n1f:I[26700,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"TrackPageViewEvent\"]\n20:I[35592,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"NuqsAdapter\"]\n21:I[2092,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"ClientContexts\"]\n23:I[49780,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"LoadIntegrations\"]\n24:\"$Sreact.su"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"spense\"\n25:I[35489,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"CookiesToast\"]\n1c:HC\"https://api.gitbook.com\"\n1d:HC\"https://static.gitbook.com\"\n1e:HL[\"https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/e065268d3cfde995f1ec1f24663200b92f6579eef7efe5f0273305a8d9f077ce/sites/site_S8gms/script.js?version=150.0\",\"script\",{\"nonce\":\"ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5\"}]\n12:[\"$\",\"div\",null,{\"className\":\"flex-1 flex flex-row items-center justify-center py-9 min-h-[calc(100vh-64px)] lg:min-h-fit\",\"children\":[[\"$\",\"div\",null,{\"className\":\"max-w-80\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-2xl font-semibold mb-2\",\"children\":\"Page not found\"}],[\"$\",\"p\",null,{\"className\":\"text-base mb-4\",\"children\":\"The page you are looking for doesn't exist.\"}]]}],[\"$\",\"$L1f\",null,{\"pageId\":null,\"revisionId\":\"u2I6BO7thNncycGldKym\"}]]}]\n13:[\"$\",\"$L20\",null,{\"children\":[\"$\",\"$L21\",null,{\"nonce\":\"ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5\",\"forcedTheme\":\"$undefined\",\"children\":[\"$L22\",[[\"$\",\"$L23\",null,{}],[[\"$\",\"script\",\"https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/e065268d3cfde995f1ec1f24663200b92f6579eef7efe5f0273305a8d9f077ce/sites/site_S8gms/script.js?version=150.0\",{\"async\":true,\"src\":\"https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/e065268d3cfde995f1ec1f24663200b92f6579eef7efe5f0273305a8d9f077ce/sites/site_S8gms/script.js?version=150.0\",\"nonce\":\"ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5\"}]]],[\"$\",\"$24\",null,{\"fallback\":null,\"children\":[\"$\",\"$L25\",null,{\"privacyPolicy\":\"$undefined\"}]}],[\"$\",\"script\",null,{\"nonce\":\"ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5\",\"suppressHydrationWarning\":true,\"data-cfasync\":\"false\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n document.addEventListener(\\\"DOMContentLoaded\\\", () =\u003e {\\n if (Array.from(document.scripts).find(script =\u003e script.src.includes('rocket-loader.min.js'))) {\\n const alert = document.createElement('div');\\n alert.className = 'p-4 mb-4 text-sm text-red-800 rounded-lg bg-red-50 mt-8 mx-8';\\n alert.innerHTML = `\\n \u003cstrong\u003eError in site configuration:\u003c/strong\u003e\\n It looks like ${window.location.hostname} has been incorrectly configured in Cloudflare. This may lead to unexpected behavior or issues with the page loading. If you are the owner of this site, please refer to \u003ca href=\\\"https://docs.gitbook.com/published-documentation/custom-domain/configure-dns#are-you-using-cloudflare\\\" class=\\\"underline\\\"\u003eGitBook's documentation\u003c/a\u003e for steps to fix the problem.\\n `;\\n\\n document.body.prepend(alert);\\n }\\n });\"}}],\"$L26\"]}]}]\n27:I[31200,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"InsightsProvider\"]\n28:I[19284,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layou"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"t-1043f1693da1ab25.js\"],\"HeaderMobileMenu\"]\n2a:I[86604,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"SearchButton\"]\n2b:I[19656,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"TOCScrollContainer\"]\n43:I[22833,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"Link\"]\n44:I[22563,[\"9322\",\"static/chunks/9322-5f5740cd5fd0bdf9.js\",\"4183\",\"static/chunks/app/middleware/(site)/layout-1a4e0bf6da1d58a4.js\"],\"Icon\"]\n45:I[42663,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"ThemeToggler\"]\n46:I[42579,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"SearchModal\"]\n26:null\n22:[\"$\",\"$L27\",null,{\"enabled\":true,\"apiHost\":\"https://api.gitbook.com\",\"visitorAuthToken\":null,\"siteId\":\"site_S8gms\",\"spaceId\":\"-LBKK1y7h_XWAtuRJG9X-4037718589\",\"organizationId\":\"-LBKDRmeoAGTb1M5X51f\",\"siteSectionId\":\"$undefined\",\"siteSpaceId\":\"sitesp_qbSyB\",\"siteShareKey\":\"$undefined\",\"revisionId\":\"$undefined\",\"changeRequestId\":\"$undefined\",\"children\":[[\"$\",\"header\",null,{\"id\":\"site-header\",\"className\":\"flex flex-col h-[64px] sticky top-0 z-10 w-full flex-none shadow-[0px_1px_0px] shadow-tint-12/2 bg-tint-base/9 theme-muted:bg-tint-subtle/9 theme-bold-tint:bg-tint-subtle/9 theme-gradient:bg-gradient-primary theme-gradient-tint:bg-gradient-tint contrast-more:bg-tint-base text-sm backdrop-blur-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"theme-bold:bg-header-background theme-bold:shadow-[0px_1px_0px] theme-bold:shadow-tint-12/2\",\"children\":[\"$\",\"div\",null,{\"className\":\"scroll-nojump\",\"children\":[\"$\",\"div\",null,{\"className\":\"gap-4 lg:gap-8 flex items-center justify-between w-full py-3 min-h-16 sm:h-16 px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex max-w-full shrink min-w-0 gap-2 lg:gap-4 justify-start items-center\",\"children\":[[\"$\",\"$L28\",null,{\"className\":\"lg:hidden -ml-2 text-tint-strong theme-bold:text-header-link hover:bg-tint-hover theme-bold:hover:bg-header-link/3\"}],\"$L29\"]}],false,false,[\"$\",\"div\",null,{\"className\":\"flex md:min-w-56 grow"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"-0 shrink-0 justify-self-end\",\"children\":[\"$\",\"$24\",null,{\"fallback\":null,\"children\":[\"$\",\"$L2a\",null,{\"style\":[\"theme-bold:bg-header-link/2\",\"theme-bold:hover:bg-header-link/3\",\"theme-bold:text-header-link/8\",\"theme-bold:hover:text-header-link\",\"theme-bold:ring-header-link/4\",\"theme-bold:hover:ring-header-link/5\",\"theme-bold:[\u0026_svg]:text-header-link/10\",\"theme-bold:[\u0026_.shortcut]:text-header-link/8\",\"theme-bold:contrast-more:bg-header-background\",\"theme-bold:contrast-more:text-header-link\",\"theme-bold:contrast-more:ring-header-link\",\"theme-bold:contrast-more:hover:bg-header-background\",\"theme-bold:contrast-more:hover:ring-header-link\",\"theme-bold:contrast-more:focus:text-header-link\",\"theme-bold:contrast-more:focus:bg-header-background\",\"theme-bold:contrast-more:focus:ring-header-link\",\"theme-bold:shadow-none\",\"theme-bold:hover:shadow-none\"],\"children\":[\"$\",\"span\",null,{\"className\":\"flex-1\",\"children\":[\"Search\",\"...\"]}]}]}]}]]}]}]}],null]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col lg:flex-row px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full min-h-[calc(100vh-64px)]\",\"children\":[[\"$\",\"aside\",null,{\"data-testid\":\"table-of-contents\",\"className\":\"group page-no-toc:hidden grow-0 shrink-0 basis-full lg:basis-72 relative z-[1] lg:sticky lg:top-0 lg:h-screen site-header:lg:top-16 site-header:lg:h-[calc(100vh_-_4rem)] site-header-sections:lg:top-[6.75rem] site-header-sections:lg:h-[calc(100vh_-_6.75rem)] pt-6 pb-4 sidebar-filled:lg:pr-6 hidden navigation-open:flex lg:flex flex-col gap-4 navigation-open:border-b border-tint-subtle\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"lg:-ms-5 overflow-hidden relative flex flex-col flex-grow sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base sidebar-filled:rounded-xl straight-corners:rounded-none\",\"children\":[[\"$\",\"div\",null,{\"className\":\"px-5 *:my-4\",\"children\":[false,false,false]}],[\"$\",\"$L2b\",null,{\"className\":\"flex flex-grow flex-col p-2 lg:pb-20 overflow-y-auto lg:gutter-stable [\u0026::-webkit-scrollbar]:bg-transparent [\u0026::-webkit-scrollbar-thumb]:bg-transparent group-hover:[\u0026::-webkit-scrollbar]:bg-tint-subtle group-hover:[\u0026::-webkit-scrollbar-thumb]:bg-tint-7 group-hover:[\u0026::-webkit-scrollbar-thumb:hover]:bg-tint-8\",\"children\":[[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5 sidebar-list-line:border-l border-tint-subtle\",\"children\":[\"$L2c\",\"$L2d\",\"$L2e\",[\"$\",\"li\",null,{\"className\":\"flex flex-col group/page-group-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base [html.sidebar-default.theme-gradient_\u0026]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_\u0026]:bg-gradient-tint\",\"children\":[\"$undefined\",\"Core Concepts\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L2f\",\"$L30\"]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col group/page-group-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base [html.sidebar-default.theme-gradient_\u0026]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_\u0026]:bg-gradient-tint\",\"children\":[\"$undefined\",\"Configuration\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L31\",\"$L32\",\"$L33\",\"$L34\",\"$L35\",\"$L36\"]}]]}],[\"$\",\"li\",null,{\"cla"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"ssName\":\"flex flex-col group/page-group-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base [html.sidebar-default.theme-gradient_\u0026]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_\u0026]:bg-gradient-tint\",\"children\":[\"$undefined\",\"Built-in Templates\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L37\",\"$L38\",\"$L39\",\"$L3a\"]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col group/page-group-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base [html.sidebar-default.theme-gradient_\u0026]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_\u0026]:bg-gradient-tint\",\"children\":[\"$undefined\",\"Guides\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L3b\",\"$L3c\",\"$L3d\",\"$L3e\"]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col group/page-group-item\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-3 z-[1] sticky -top-5 pt-6 group-first/page-group-item:-mt-5 pb-3 -mb-1.5 text-xs tracking-wide font-semibold uppercase [mask-image:linear-gradient(rgba(0,0,0,1)_70%,rgba(0,0,0,0))] bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base [html.sidebar-default.theme-gradient_\u0026]:bg-gradient-primary [html.sidebar-default.theme-gradient.tint_\u0026]:bg-gradient-tint\",\"children\":[\"$undefined\",\"Advanced\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5\",\"children\":[\"$L3f\",\"$L40\",\"$L41\",\"$L42\"]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"relative z-[2] lg:absolute mt-6 left-0 right-2 bottom-0 pointer-events-none sidebar-filled:pl-2 sidebar-filled:pb-2 bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base before:hidden lg:before:block before:content-[\\\"\\\"] before:absolute before:inset-x-0 before:bottom-full before:h-8 before:bg-gradient-to-b before:from-transparent before:to-tint-base sidebar-filled:before:to-tint-subtle theme-muted:before:to-tint-subtle theme-bold-tint:before:to-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:before:to-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:before:to-tint-base\",\"children\":[\"$\",\"$L43\",null,{\"target\":\"_blank\",\"href\":\"https://www.gitbook.com/?utm_source=content\u0026utm_medium=trademark\u0026utm_campaign=-LBKK1y7h_XWAtuRJG9X-4037718589\",\"className\":\"text-sm font-semibold text-tint flex flex-row items-center px-5 py-4 sidebar-filled:px-3 rounded-lg straight-corners:rounded-none hover:bg-tint hover:text-tint-strong ring-2 lg:ring-1 ring-inset ring-tint-subtle transition-colors pointer-events-auto\",\"insights\":{\"type\":\"trademark_click\",\"placement\":\"sidebar\"},\"children\":[[\"$\",\"$L44\",null,{\"icon\":\"gitbook\",\"className\":\"size-5 mr-3\"}],\"Powered by GitBook\"]}]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex-1 flex flex-col\",\"children\":[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"middleware\",\"children\",\"(site)\",\"children\",\"(content)\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L11\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]}]]"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"}],[[\"$\",\"hr\",null,{\"className\":\"border-t border-tint-subtle\"}],[\"$\",\"div\",null,{\"className\":\"scroll-nojump\",\"children\":[\"$\",\"footer\",null,{\"className\":\"sm:px-6 md:px-8 max-w-screen-2xl page-full-width:max-w-full px-4 mx-auto flex gap-12 xl:hidden\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hidden lg:block basis-72 page-no-toc:hidden\"}],[\"$\",\"div\",null,{\"className\":\"py-8 gap-12 flex flex-wrap items-start w-full flex-1 max-w-3xl page-full-width:max-w-none mx-auto\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"flex items-center justify-end ml-auto order-2 xl:hidden\",\"children\":[\"$\",\"$24\",null,{\"fallback\":null,\"children\":[\"$\",\"$L45\",null,{}]}]}],null,[\"$\",\"div\",null,{\"className\":\"mx-auto w-full grow text-xs text-tint items-center text-center order-4 flex flex-col gap-2 empty:hidden sm:order-1 sm:flex-1 sm:w-auto sm:items-start sm:max-w-3xl self-center sm:text-start\",\"children\":null}]]}],[\"$\",\"div\",null,{\"className\":\"hidden lg:block xl:basis-56 page-no-toc:hidden\"}]]}]}]],[\"$\",\"$24\",null,{\"fallback\":null,\"children\":[\"$\",\"$L46\",null,{\"revisionId\":\"u2I6BO7thNncycGldKym\",\"spaceTitle\":\"Electron Forge\",\"withAsk\":false,\"isMultiVariants\":false,\"pointer\":{\"siteId\":\"site_S8gms\",\"spaceId\":\"-LBKK1y7h_XWAtuRJG9X-4037718589\",\"organizationId\":\"-LBKDRmeoAGTb1M5X51f\",\"siteSectionId\":\"$undefined\",\"siteSpaceId\":\"sitesp_qbSyB\",\"siteShareKey\":\"$undefined\",\"revisionId\":\"$undefined\",\"changeRequestId\":\"$undefined\"}}]}]]}]\n48:I[66185,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"ToggleableLinkItem\"]\n42:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L43\",null,{\"href\":\"https://js.electronforge.io/modules/_electron_forge_core.html\",\"className\":\"flex justify-start items-center gap-3 p-1.5 pl-3 text-sm transition-colors duration-100 text-tint-strong/7 rounded-md straight-corners:rounded-none before:content-none font-normal hover:bg-tint hover:text-tint-strong\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"url\",\"url\":\"https://js.electronforge.io/modules/_electron_forge_core.html\"},\"position\":\"sidebar\"}},\"children\":[\"$undefined\",\"API Docs\",[\"$\",\"$L44\",null,{\"icon\":\"arrow-up-right-from-square\",\"className\":\"size-3 mr-1 mt-1 place-self-start shrink-0 text-current transition-colors [\u0026\u003epath]:transition-[opacity] [\u0026\u003epath]:[opacity:0.40] group-hover:[\u0026\u003epath]:[opacity:1]\"}]]}]}]\n29:[\"$\",\"$L43\",null,{\"href\":\"/\",\"className\":\"group/headerlogo min-w-0 shrink flex items-center\",\"children\":[\"$L47\",[\"$\",\"div\",null,{\"className\":\"text-pretty line-clamp-3 tracking-tight max-w-[18ch] lg:max-w-[24ch] font-semibold ms-3 text-base/tight lg:text-lg/tight text-tint-strong theme-bold:text-header-link\",\"children\":\"Electron Forge\"}]]}]\n2c:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/\",\"pathname\":\"\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKK1y8J4IQF5SbJ_8L\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Getting Started\"}]}]\n2d:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/import-existing-project\",\"pathname\":\"import-existing-project\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-M3hfM1tDE08IjO-TE10\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Importing an Existing Project\"}]}]\n2e:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/cli\",\"pathname\":\"cli\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKKRZYKeYIuGiZrGY_\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"CLI\"}]}]\n2f:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/core-concepts/why-electron-forge\",\"pathname\":\"core-concepts/why-electron-f"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"orge\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"2R8Ak39VM9VWgyvVZ7LA\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Why Electron Forge?\"}]}]\n30:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/core-concepts/build-lifecycle\",\"pathname\":\"core-concepts/build-lifecycle\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"xPmFAapNUwnvNgGVjLcW\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Build Lifecycle\"}]}]\n31:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/configuration\",\"pathname\":\"config/configuration\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKKKVFlxdg64cD03Tb\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Configuration Overview\"}]}]\n32:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/typescript-configuration\",\"pathname\":\"config/typescript-configuration\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"P0G75tpBtLL99KAmeLvO\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"TypeScript Setup\"}]}]\n33:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/plugins\",\"pathname\":\"config/plugins\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKfYbASff-QwI7Z4wt\"},\"position\":\"sidebar\"}},\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l\",\"children\":[\"$L49\",\"$L4a\",\"$L4b\",\"$L4c\",\"$L4d\",\"$L4e\"]}],\"children\":\"Plugins\"}]}]\n34:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/makers\",\"pathname\":\"config/makers\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKKg0lhUEse2zSdk3F\"},\"position\":\"sidebar\"}},\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l\",\"children\":[\"$L4f\",\"$L50\",\"$L51\",\"$L52\",\"$L53\",\"$L54\",\"$L55\",\"$L56\",\"$L57\",\"$L58\"]}],\"children\":\"Makers\"}]}]\n35:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/publishers\",\"pathname\":\"config/publishers\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKL1vDbrDqOuz1YdQZ\"},\"position\":\"sidebar\"}},\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l\",\"children\":[\"$L59\",\"$L5a\",\"$L5b\",\"$L5c\",\"$L5d\",\"$L5e\",\"$L5f\"]}],\"children\":\"Publishers\"}]}]\n36:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/hooks\",\"pathname\":\"config/hooks\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"oVRQIItg17ezJOSk7HBG\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Hooks\"}]}]\n37:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/templates/webpack-template\",\"pathname\":\"templates/webpack-template\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-Lfg5N4bY8mM-aqwL6ga\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Webpack\"}]}]\n38:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/templates/typescript-+-webpack-template\",\"pathname\":\"templates/typescript-+-webpack-template\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LwLEcBua7bZqemirctC\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Webpack + Typescript\"}]}]\n39:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/templates/vite\",\"pathname\":\"templates/vite\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"YznJeGk6XHIbSeBSsxAl\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Vite\"}]}]\n3a:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/templates/vite-+-typescript\",\"pathname\":\"templates/vite-+-typescript\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\""])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,":{\"kind\":\"page\",\"page\":\"rNKZhmnY8h97fBg3yqiu\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Vite + TypeScript\"}]}]\n3b:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/guides/code-signing\",\"pathname\":\"guides/code-signing\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"Akj0nHZpDFcf3uS3M1ee\"},\"position\":\"sidebar\"}},\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l\",\"children\":[\"$L60\",\"$L61\"]}],\"children\":\"Code Signing\"}]}]\n3c:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/guides/create-and-add-icons\",\"pathname\":\"guides/create-and-add-icons\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"Nm1PibSmCtjhnz3n6U3n\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Custom App Icons\"}]}]\n3d:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/guides/framework-integration\",\"pathname\":\"guides/framework-integration\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-MOjX8peUTSvcMJ6P2-0\"},\"position\":\"sidebar\"}},\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l\",\"children\":[null,\"$L62\",\"$L63\",\"$L64\"]}],\"children\":\"Framework Integration\"}]}]\n3e:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/guides/developing-with-wsl\",\"pathname\":\"guides/developing-with-wsl\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-MTrbL7ai0uuoUvPiMz9\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Developing with WSL\"}]}]\n3f:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/advanced/auto-update\",\"pathname\":\"advanced/auto-update\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBUCXLLP56_4W9Wcqxs\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Auto Update\"}]}]\n40:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/advanced/debugging\",\"pathname\":\"advanced/debugging\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKLBC5Xam_S76frdc2\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Debugging\"}]}]\n41:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/advanced/extending-electron-forge\",\"pathname\":\"advanced/extending-electron-forge\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKLCQxxVq4QsaQ__Wc\"},\"position\":\"sidebar\"}},\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l\",\"children\":[\"$L65\",\"$L66\",\"$L67\",\"$L68\"]}],\"children\":\"Extending Electron Forge\"}]}]\n47:[\"$L69\",\"$L6a\"]\n49:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/plugins/webpack\",\"pathname\":\"config/plugins/webpack\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKfwb-B6yl_H9il-oP\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Webpack Plugin\"}]}]\n4a:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/plugins/vite\",\"pathname\":\"config/plugins/vite\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"IXeZBQkGX5EQ8tGs8RFK\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Vite Plugin\"}]}]\n4b:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/plugins/electronegativity\",\"pathname\":\"config/plugins/electronegativity\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-MJ-yOuokeU_KZD7UeSL\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Electronegativity Plugin\"}]}]\n4c:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/plugins/auto-unpack-natives\",\"pathname\":\"config/plugins/auto-unpack-natives\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"\"page\",\"page\":\"-LCgrkHSTWkOnrPcmsO5\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Auto Unpack Native Modules Plugin\"}]}]\n4d:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/plugins/local-electron\",\"pathname\":\"config/plugins/local-electron\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBYV0rs2hBvxzopePZE\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Local Electron Plugin\"}]}]\n4e:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/plugins/fuses\",\"pathname\":\"config/plugins/fuses\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"PcqWQK1hiyMFtq9Yav3l\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Fuses Plugin\"}]}]\n4f:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/makers/appx\",\"pathname\":\"config/makers/appx\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKKgueYwrTINMPZorJ\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"AppX\"}]}]\n50:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/makers/deb\",\"pathname\":\"config/makers/deb\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKKq9Fv0zrD3QXdRZw\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"deb\"}]}]\n51:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/makers/dmg\",\"pathname\":\"config/makers/dmg\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKKrVNqTMQxCAbe7cg\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"DMG\"}]}]\n52:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/makers/flatpak\",\"pathname\":\"config/makers/flatpak\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKKsLb2Svi4Wb5dH1T\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Flatpak\"}]}]\n53:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/makers/pkg\",\"pathname\":\"config/makers/pkg\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBOvSRC2ltIaWtHALQ5\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"pkg\"}]}]\n54:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/makers/rpm\",\"pathname\":\"config/makers/rpm\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKKtTAWsepb9-pRZ6Z\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"RPM\"}]}]\n55:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/makers/snapcraft\",\"pathname\":\"config/makers/snapcraft\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKKuuEGWccSmXtmw_7\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Snapcraft\"}]}]\n56:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/makers/squirrel.windows\",\"pathname\":\"config/makers/squirrel.windows\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKKw2VVXqdPv8cIYn0\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Squirrel.Windows\"}]}]\n57:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/makers/wix-msi\",\"pathname\":\"config/makers/wix-msi\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKKyCj_C8SL8ELAdEQ\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"WiX MSI\"}]}]\n58:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/makers/zip\",\"pathname\":\"config/makers/zip\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKKyyOgS_yrgdbKiv7\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"ZIP\"}]}]\n59:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/publishers/bitbucket\",\"pathname\":\"config/publishers/bitbucket\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LMG31SH2kdoByRD7IwB\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Bitb"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"ucket\"}]}]\n5a:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/publishers/electron-release-server\",\"pathname\":\"config/publishers/electron-release-server\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKL3Dk5c-TduJvKysz\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Electron Release Server\"}]}]\n5b:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/publishers/github\",\"pathname\":\"config/publishers/github\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKL5Yh_3BRA-VPNh8M\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"GitHub\"}]}]\n5c:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/publishers/gcs\",\"pathname\":\"config/publishers/gcs\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"i50xi9tmx0PsM7lXrEA8\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Google Cloud Storage\"}]}]\n5d:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/publishers/nucleus\",\"pathname\":\"config/publishers/nucleus\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBZeyXfLXYMoMfWR-zt\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Nucleus\"}]}]\n5e:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/publishers/s3\",\"pathname\":\"config/publishers/s3\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKL7VCIwWHSfX1_Sgf\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"S3\"}]}]\n5f:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/config/publishers/snapcraft\",\"pathname\":\"config/publishers/snapcraft\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKL8gK24zfCbTE5QlE\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Snapcraft\"}]}]\n60:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/guides/code-signing/code-signing-windows\",\"pathname\":\"guides/code-signing/code-signing-windows\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"HGU56ISuUKXRZZCXVYuj\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Signing a Windows app\"}]}]\n61:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/guides/code-signing/code-signing-macos\",\"pathname\":\"guides/code-signing/code-signing-macos\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"beYm0b6OoebesJ5rgg4R\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Signing a macOS app\"}]}]\n62:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/guides/framework-integration/react\",\"pathname\":\"guides/framework-integration/react\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-MRThcgpR_EG2lHXEFZW\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"React\"}]}]\n63:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/guides/framework-integration/react-with-typescript\",\"pathname\":\"guides/framework-integration/react-with-typescript\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-MOj112piADjftZrH2yI\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"React with TypeScript\"}]}]\n64:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/guides/framework-integration/vue-3\",\"pathname\":\"guides/framework-integration/vue-3\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"LEvXayS14hE8oOvpcGPB\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Vue 3\"}]}]\n65:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/advanced/extending-electron-forge/writing-plugins\",\"pathname\":\"advanced/extending-electron-forge/writing-plugins\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKLEKKsOKl3X6HgkdR\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Writing Plugins\"}]}]\n66:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"childr"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"en\":[\"$\",\"$L48\",null,{\"href\":\"/advanced/extending-electron-forge/writing-templates\",\"pathname\":\"advanced/extending-electron-forge/writing-templates\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-MftyUMP6EDOaUhQD05b\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Writing Templates\"}]}]\n67:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/advanced/extending-electron-forge/writing-makers\",\"pathname\":\"advanced/extending-electron-forge/writing-makers\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKLGgCuSdBG451fLkb\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Writing Makers\"}]}]\n68:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L48\",null,{\"href\":\"/advanced/extending-electron-forge/writing-publishers\",\"pathname\":\"advanced/extending-electron-forge/writing-publishers\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKLISSIeKvlvFItgtW\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Writing Publishers\"}]}]\n6b:T627,https://www.electronforge.io/~gitbook/image?url=https%3A%2F%2F2355537583-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-LBKK1y7h_XWAtuRJG9X-4037718589%252Ficon%252FzSCYXfXdUPvs7AL9g6NO%252FElectron_Software_Framework_Logo.svg%2520%281%29.png%3Falt%3Dmedia%26token%3D325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4\u0026width=32\u0026dpr=1\u0026quality=100\u0026sign=2d940ca3\u0026sv=2 32w, https://www.electronforge.io/~gitbook/image?url=https%3A%2F%2F2355537583-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-LBKK1y7h_XWAtuRJG9X-4037718589%252Ficon%252FzSCYXfXdUPvs7AL9g6NO%252FElectron_Software_Framework_Logo.svg%2520%281%29.png%3Falt%3Dmedia%26token%3D325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4\u0026width=32\u0026dpr=2\u0026quality=100\u0026sign=2d940ca3\u0026sv=2 64w, https://www.electronforge.io/~gitbook/image?url=https%3A%2F%2F2355537583-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-LBKK1y7h_XWAtuRJG9X-4037718589%252Ficon%252FzSCYXfXdUPvs7AL9g6NO%252FElectron_Software_Framework_Logo.svg%2520%281%29.png%3Falt%3Dmedia%26token%3D325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4\u0026width=32\u0026dpr=3\u0026quality=100\u0026sign=2d940ca3\u0026sv=2 96w, https://www.electronforge.io/~gitbook/image?url=https%3A%2F%2F2355537583-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-LBKK1y7h_XWAtuRJG9X-4037718589%252Ficon%252FzSCYXfXdUPvs7AL9g6NO%252FElectron_Software_Framework_Logo.svg%2520%281%29.png%3Falt%3Dmedia%26token%3D325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=2d940ca3\u0026sv=2 128w6a:[\"$\",\"img\",null,{\"alt\":\"\",\"style\":{\"aspectRatio\":\"1\"},\"loading\":\"lazy\",\"fetchPriority\":\"high\",\"data-visual-test\":\"$undefined\",\"className\":\"hidden dark:block object-contain size-8\",\"src\":\"https://www.electronforge.io/~gitbook/image?url=https%3A%2F%2F2355537583-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-LBKK1y7h_XWAtuRJG9X-4037718589%252Ficon%252FzSCYXfXdUPvs7AL9g6NO%252FElectron_Software_Framework_Logo.svg%2520%281%29.png%3Falt%3Dmedia%26token%3D325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=2d940ca3\u0026sv=2\",\"srcSet\":\"$6b\",\"sizes\":\"32px\",\"width\":1200,\"height\":1200}]\n6c:T627,https://www.electronforge.io/~gitbook/image?url=https%3A%2F%2F2355537583-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-LBKK1y7h_XWAtuRJG9X-4037718589%252Ficon%252FzSCYXfXdUPvs7AL9g6NO%252FElectron_Software_Framework_Logo.svg%2520%281%29.png%3Falt%3Dmedia%26token%3D325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4\u0026width=32\u0026dpr=1\u0026quality=100\u0026sign=2d940ca3\u0026sv=2 32w, https://www.electronforge.io/~gitbook/image?url=https%3A%2F%2F2355537583-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-LBKK1y7h_XWAtuRJG9X-4037718589%252Ficon%252FzSCYXfXdUPvs7AL9g6NO%252FElectron_Software_Framework_Logo.svg%2520%281%29.png%3Falt%3Dmedia%26token%3D325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4\u0026width=32\u0026dpr=2\u0026quality=100\u0026sign=2d940ca3\u0026sv=2 64w, https://www.e"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"lectronforge.io/~gitbook/image?url=https%3A%2F%2F2355537583-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-LBKK1y7h_XWAtuRJG9X-4037718589%252Ficon%252FzSCYXfXdUPvs7AL9g6NO%252FElectron_Software_Framework_Logo.svg%2520%281%29.png%3Falt%3Dmedia%26token%3D325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4\u0026width=32\u0026dpr=3\u0026quality=100\u0026sign=2d940ca3\u0026sv=2 96w, https://www.electronforge.io/~gitbook/image?url=https%3A%2F%2F2355537583-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-LBKK1y7h_XWAtuRJG9X-4037718589%252Ficon%252FzSCYXfXdUPvs7AL9g6NO%252FElectron_Software_Framework_Logo.svg%2520%281%29.png%3Falt%3Dmedia%26token%3D325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=2d940ca3\u0026sv=2 128w69:[\"$\",\"img\",null,{\"alt\":\"\",\"style\":{\"aspectRatio\":\"1\"},\"loading\":\"$undefined\",\"fetchPriority\":\"high\",\"data-visual-test\":\"$undefined\",\"className\":\"block dark:hidden object-contain size-8\",\"src\":\"https://www.electronforge.io/~gitbook/image?url=https%3A%2F%2F2355537583-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-LBKK1y7h_XWAtuRJG9X-4037718589%252Ficon%252FzSCYXfXdUPvs7AL9g6NO%252FElectron_Software_Framework_Logo.svg%2520%281%29.png%3Falt%3Dmedia%26token%3D325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=2d940ca3\u0026sv=2\",\"srcSet\":\"$6c\",\"sizes\":\"32px\",\"width\":1200,\"height\":1200}]\n6e:I[46451,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5572\",\"static/chunks/5572-d068cc2bc8e73d12.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"8325\",\"static/chunks/8325-fc5ab1181936ca35.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"4168\",\"static/chunks/4168-6e5564dc4fcde49c.js\",\"4722\",\"static/chunks/app/middleware/(site)/(content)/%5B%5B...pathname%5D%5D/page-d7d21858d47c6796.js\"],\"PreservePageLayout\"]\n70:\"$Sreact.fragment\"\n73:I[58982,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5572\",\"static/chunks/5572-d068cc2bc8e73d12.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"8325\",\"static/chunks/8325-fc5ab1181936ca35.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"4168\",\"static/chunks/4168-6e5564dc4fcde49c.js\",\"4722\",\"static/chunks/app/middleware/(site)/(content)/%5B%5B...pathname%5D%5D/page-d7d21858d47c6796.js\"],\"ClientCodeBlock\"]\n77:I[18742,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5572\",\"static/chunks/5572-d068cc2bc8e73d12.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"8325\",\"static/chunks/8325-fc5ab1181936ca35.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"4168\",\"static/chunks/4168-6e5564dc4fcde49c.js\",\"4722\",\"static/chunks/app/middleware/(site)/(content)/%5B%5B...pathname%5D%5D/page-d7d21858d47c6796.js\"],\"DynamicTabs\"]\n89:I[66819,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"DateRelative\"]\n8a:I[75632,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5572\",\"static/chunks/5572-d068cc2bc8e73d12.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"8325\",\"static/chunks"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"/8325-fc5ab1181936ca35.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"4168\",\"static/chunks/4168-6e5564dc4fcde49c.js\",\"4722\",\"static/chunks/app/middleware/(site)/(content)/%5B%5B...pathname%5D%5D/page-d7d21858d47c6796.js\"],\"PageFeedbackForm\"]\n8b:I[16643,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5572\",\"static/chunks/5572-d068cc2bc8e73d12.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"8325\",\"static/chunks/8325-fc5ab1181936ca35.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"4168\",\"static/chunks/4168-6e5564dc4fcde49c.js\",\"4722\",\"static/chunks/app/middleware/(site)/(content)/%5B%5B...pathname%5D%5D/page-d7d21858d47c6796.js\"],\"PageClientLayout\"]\n78:[\"page-api-block:ml-0\"]\ne:[null,[\"$\",\"div\",null,{\"className\":\"flex flex-row-reverse justify-end grow\",\"children\":[\"$L6d\",[[\"$\",\"main\",null,{\"className\":\"flex-1 relative py-8 lg:px-12 break-anywhere page-api-block:xl:max-2xl:pr-0 page-api-block:max-w-[1654px] page-api-block:mx-auto\",\"children\":[[\"$\",\"$L6e\",null,{\"asFullWidth\":false}],null,\"$L6f\",[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4\",\"children\":[[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"installation\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"usage\",\"role\":\"status\",\"aria-busy\":true,\"class"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"Name\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"plugin-configuration\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"project-files\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"package.json-1\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"ch"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"ildren\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"main-process-code\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"undefined-1\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"advanced-configuration\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"webpack-dev-server\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"devserver\",\"role\":\"status\",\"aria-busy"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"devcontentsecuritypolicy\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"native-node-modules\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1," animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"node-integration\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"enabling-node-integration-in-your-app-code\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"childr"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"en\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"setting-the-correct-webpack-target-in-your-plugin-config\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-st"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"ops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"hot-module-replacement\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"hot-reload-caching\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto "])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"hot-reloading-for-react\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"what-happens-in-production\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-w"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"idth:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"how-do-i-do-virtual-routing\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}]]}],\"children\":[\"$\",\"div\",null,{\"className\":\"[\u0026\u003e*+*]:mt-5 grid whitespace-pre-wrap\",\"children\":[[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"This plugin makes it easy to set up standard \"}]],\"$L71\",[[\"$\",\"$70\",\"0\",{\"children\":\" tooling to compile both your main process code and your renderer process code, with built-in support for \"}]],\"$L72\",[[\"$\",\"$70\",\"0\",{\"children\":\" in the renderer process and support for multiple renderers.\"}]]]}],[\"$\",\"h2\",null,{\"id\":\"installation\",\"className\":\"text-3xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#installation\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start leading-tight\",\"children\":[\"$\",\"$L44\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] justify-self-start text-left leading-tight mt-[1em]\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"Installation\"}]]]}]]}],[\"$\",\"$L73\",null,{\"block\":{\"object\":\"block\",\"type\":\"code\",\"isVoid\":false,\"data\":{\"syntax\":\"shell\"},\"nodes\":[{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"npm install --save-dev @electron-forge/plu"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"gin-webpack\",\"marks\":[]}],\"key\":\"362a342847854028a9def0e75cfc254e\"}],\"key\":\"3f6d4dc1bbb74dad91bd01104b585445\"}],\"key\":\"9e0d675e0db8466c902651c7fca702ee\"},\"style\":[\"w-full mx-auto decoration-primary/6\",\"max-w-3xl\",[\"page-api-block:ml-0\"]],\"inlines\":[]}],[\"$\",\"h2\",null,{\"id\":\"usage\",\"className\":\"text-3xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#usage\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start leading-tight\",\"children\":[\"$\",\"$L44\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] justify-self-start text-left leading-tight mt-[1em]\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"Usage\"}]]]}]]}],[\"$\",\"h3\",null,{\"id\":\"plugin-configuration\",\"className\":\"text-2xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.75em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#plugin-configuration\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start leading-snug\",\"children\":[\"$\",\"$L44\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.75em]\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"Plugin configuration\"}]]]}]]}],[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"You must provide two webpack configuration files: one for the main process in \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"mainConfig\"}]}],[\"$\",\"$70\",\"2\",{\"children\":\", and one for the renderer process in \"}],[\"$\",\"$70\",\"3\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"renderer.config\"}]}],[\"$\",\"$70\",\"4\",{\"children\":\". The complete config options are available in the API docs under \"}]],\"$L74\",[[\"$\",\"$70\",\"0\",{\"children\":\".\"}]]]}],[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"For example, this is the \"}]],\"$L75\",[[\"$\",\"$70\",\"0\",{\"children\":\" taken from Forge's \"}]],\"$L76\",[[\"$\",\"$70\",\"0\",{\"children\":\":\"}]]]}],[\"$\",\"$L77\",null,{\"id\":\"e20fdca3dde242b5aea0787dfe7784db\",\"tabs\":[{\"id\":\"forge.config.js\",\"title\":\"forge.config.js\"},{\"id\":\"package.json\",\"title\":\"package.json\"}],\"tabsBody\":[[\"$\",\"div\",null,{\"className\":\"w-full space-y-4\",\"children\":[[\"$\",\"$L73\",null,{\"block\":{\"object\":\"block\",\"type\":\"code\",\"isVoid\":false,\"data\":{\"syntax\":\"javascript\"},\"nodes\":[{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"module.exports = {\",\"marks\":[]}],\"key\":\"5772f185b99e478bb171bd6d7bc417b5\"}],\"key\":\"b521090d91284608b4939ed5212e0d50\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" // ...\",\"marks\":[]}],\"key\":\"86f1c9d3665242fb911d75768d7d3865\"}],\"key\":\"d671543256d04239b4fdaafd9e528f0f\"},{\"object\":\"block\""])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" plugins: [\",\"marks\":[]}],\"key\":\"0611681479a8491aa30f6305dff0ef9d\"}],\"key\":\"0123b00a689a4a0ba33e3bbc50b5b265\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" {\",\"marks\":[]}],\"key\":\"8475d988eb6045d08f1985fe0dc155c6\"}],\"key\":\"6ecc40765c6d40ee86f81564641641bb\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" name: '@electron-forge/plugin-webpack',\",\"marks\":[]}],\"key\":\"87fe7ae46b6741f4bcbcb5a16d053c8e\"}],\"key\":\"7156c2a9284c4507a1a01e6eba46452e\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" config: {\",\"marks\":[]}],\"key\":\"5d29462482d14e2e84be05a0f3e38b73\"}],\"key\":\"a0a3116800a04375990e8a33bb704d6f\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" mainConfig: './webpack.main.config.js',\",\"marks\":[]}],\"key\":\"d16499b4d3b140f89d1864a77817c82d\"}],\"key\":\"7bcb2b3df75a484cbd513a8844aef71e\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" renderer: {\",\"marks\":[]}],\"key\":\"42360e22d77341aea5c984503d235ce2\"}],\"key\":\"a693703ab4bd41cc8f5df2aa7898b832\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" config: './webpack.renderer.config.js',\",\"marks\":[]}],\"key\":\"adafeb1c0c9a4abd829c2b5918a0acd2\"}],\"key\":\"60ca1e0414e34001a15dc4bb37206d2c\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" entryPoints: [{\",\"marks\":[]}],\"key\":\"ccbee98c6cd7494a9bbbceb68c764130\"}],\"key\":\"d8c4150c74f146119e4112bab0525086\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" name: 'main_window',\",\"marks\":[]}],\"key\":\"2389406905c54314a6b9a21caf74df08\"}],\"key\":\"f345203d314847ee9d1b8f4b5ac38ba1\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" html: './src/renderer/index.html',\",\"marks\":[]}],\"key\":\"b7637fb17e264e51819b2c025f4c0a96\"}],\"key\":\"b0b2cc8ebbaf44c99fbf9c1765c45511\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" js: './src/renderer/index.js',\",\"marks\":[]}],\"key\":\"a44c2b8d05ff4848b61203d53c65bd46\"}],\"key\":\"a9b4f73c549043ed8fc9908f5f4359c5\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" preload: {\",\"marks\":[]}],\"key\":\"086123fff0674cd5924a1f8cccf4c4ce\"}],\"key\":\"ca7ba3ce114c4c7d89ed951d9b27fb55\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" js: './src/preload.js'\",\"marks\":[]}],\"key\":\"b38cb34cdcfe4e75b9d3404e3c7c37a4\"}],\"key\":\"fc5fb958f1cf41a3b36ade4576202de7\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }\",\"marks\":[]}],\"key\":\"c894fe3f3d99439591bb54244b4caea8\"}],\"key\":\"72f8987a0e18449cb69c08f574881efa\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }]\",\"marks\":[]}],\"key\":\"d16228892a1046158715b59b9a27cf6f\"}],\"key\":\"08f22287dbb84d02915a583caf955bb9\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }\",\"marks\":[]}],\"key\":\"95f1f5d246464fb495de85314620302a\"}],\"key\":\"e33cfb7dc9944704b99e726c4e91a218\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\""])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"text\":\" }\",\"marks\":[]}],\"key\":\"0a5471d13d364b868ab4247cc3633bf1\"}],\"key\":\"ba0ee0e6271d4f59a6a227913c7b73c8\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }\",\"marks\":[]}],\"key\":\"0d013e7f04d44415939689059ede590d\"}],\"key\":\"e2049c77568c4e2f9192e776e5724fce\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" ]\",\"marks\":[]}],\"key\":\"186d60c049a94b7ab71b80a54be499df\"}],\"key\":\"0833a3060e384d8db92fc0bbb606d136\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" // ...\",\"marks\":[]}],\"key\":\"e9c4040c77ac4f2492a35ba6788bb89d\"}],\"key\":\"56639a0fc27b41c89cfb069f0237f907\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"};\",\"marks\":[]}],\"key\":\"56b4bfa49ca54bf4b5dbf75dfdc7d04c\"}],\"key\":\"9711b62d927d42a2837e68f25e2d7488\"}],\"key\":\"23a344aa29614f008307e08fb68cfe66\"},\"style\":[\"w-full mx-auto decoration-primary/6\",\"max-w-3xl\",\"flip-heading-hash\"],\"inlines\":[]}]]}],[\"$\",\"div\",null,{\"className\":\"w-full space-y-4\",\"children\":[[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl flip-heading-hash\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"$L73\",null,{\"block\":{\"object\":\"block\",\"type\":\"code\",\"isVoid\":false,\"data\":{\"syntax\":\"jsonc\"},\"nodes\":[{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"{\",\"marks\":[]}],\"key\":\"bdd63ae0708d49f1bfc3c74d92306f6c\"}],\"key\":\"5d1a3d59a30841ba95283f8092a3894a\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" // ...\",\"marks\":[]}],\"key\":\"3ebf7f7460f241a0abfd0e269336a887\"}],\"key\":\"e2c7a0de31a94a7ebf001af2de3e279d\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" \\\"config\\\": {\",\"marks\":[]}],\"key\":\"515f1733e871496192949fb9473dd7a7\"}],\"key\":\"93e975370e244e71abab3a7320b2f755\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" \\\"forge\\\": {\",\"marks\":[]}],\"key\":\"583599dfb62b4548a0643344d4e27e08\"}],\"key\":\"fe70a0c583a04a819f6fecfb3ae6a685\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" \\\"plugins\\\": [\",\"marks\":[]}],\"key\":\"fba1daaa7a0841849f3c839348f806c9\"}],\"key\":\"4ddeb4ba3cb9428ebd4baf55ab1a22e1\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" {\",\"marks\":[]}],\"key\":\"77258231123f4ef499c8552e5d8eb31d\"}],\"key\":\"903bf26ba062494ead3240841e452768\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" \\\"name\\\": \\\"@electron-forge/plugin-webpack\\\",\",\"marks\":[]}],\"key\":\"f8774e9e4554428b9492f8ddc88e723d\"}],\"key\":\"187caacaf6ff4b53875ccf90e63cf117\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" "])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1," \\\"config\\\": {\",\"marks\":[]}],\"key\":\"82c573504e394fafbcba07200321f47d\"}],\"key\":\"3d238d0f0054497c9e4b825b8f63e5be\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" \\\"mainConfig\\\": \\\"./webpack.main.config.js\\\",\",\"marks\":[]}],\"key\":\"7485da9612b547b29e2908673eac3b43\"}],\"key\":\"795c1ac041b948f087695f22cf9327c6\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" \\\"renderer\\\": {\",\"marks\":[]}],\"key\":\"952aa71a1dcb44c595ca75734b2eeb99\"}],\"key\":\"a060adc8ae0f4f2cbe2f67b7ca4542ed\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" \\\"config\\\": \\\"./webpack.renderer.config.js\\\",\",\"marks\":[]}],\"key\":\"2833cf9093c044dc8132d591c201e6af\"}],\"key\":\"0171574267724685b08607d0e774d6b4\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" \\\"entryPoints\\\": [{\",\"marks\":[]}],\"key\":\"c203640abb1e4484be4b70ca8aa27f80\"}],\"key\":\"f5925706dbfa4725a1ec31ac83616152\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" \\\"name\\\": \\\"main_window\\\",\",\"marks\":[]}],\"key\":\"338308555d1a4b9b9a4d3bd3126cda61\"}],\"key\":\"05e11d07391c4bdda924fabaf80cdedc\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" \\\"html\\\": \\\"./src/renderer/index.html\\\",\",\"marks\":[]}],\"key\":\"f337ceb2c7b34d3690979a38c5cff0a9\"}],\"key\":\"b38eab771a804f679c505ee0804b896b\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" \\\"js\\\": \\\"./src/renderer/index.js\\\",\",\"marks\":[]}],\"key\":\"6e74adc0a39742f082038890e8f3d1ae\"}],\"key\":\"1f06047f1b18431789560b099d6323ed\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" \\\"preload\\\": {\",\"marks\":[]}],\"key\":\"b7792761b26e47a4bcbeafe3a827e16f\"}],\"key\":\"6f5b9abc2b7b4c3b9cae18ba9a7b4b4f\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" \\\"js\\\": \\\"./src/preload.js\\\"\",\"marks\":[]}],\"key\":\"2e04db0a1a50421391f03aa47dd64fae\"}],\"key\":\"aaac46d90ef041c3b112822094d9edd5\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }\",\"marks\":[]}],\"key\":\"5419b3c90a7a4c47889a7bff0660abb0\"}],\"key\":\"93de520a595c416890422d8d875319c4\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }]\",\"marks\":[]}],\"key\":\"4d01d3d5cc1e42c8960d8516a34a4f28\"}],\"key\":\"983eb661896d450092274a00cf139d2a\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }\",\"marks\":[]}],\"key\":\"752fbc247d524ba6ba107c5bdbe9516a\"}],\"key\":\"bfae8ef069384303bc1e7a44ebfc5b25\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }\",\"marks\":[]}],\"key\":\"abe2d78f6e3847188609195b1bef7ab7\"}],\"key\":\"191976b932014b06b9e916cdfb71e554\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }\",\"marks\":[]}],\"key\":\"5fbb63e5846e4869b26b843d163d53cb\"}],\"key\":\"d3be30f46833491e9bf1ba93e65d4c02\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" ]\",\"marks\":[]}],\"key\":\"236c60fca7fd4bc38f86a44433d09e49\"}],\"key\":\"bb85c03ba3d84843b44c5d9b922ca5e9\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }\",\"marks\":[]}],\"key\":\"152f12"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"7a333d4cad84fcbb0f95f169e6\"}],\"key\":\"362c2a401c764c15b979c5be4d89efe3\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }\",\"marks\":[]}],\"key\":\"f70211fc963c452f8b786d580d67c830\"}],\"key\":\"7b644958cea34ec0a2e584dea191c332\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" // ...\",\"marks\":[]}],\"key\":\"25b21d5d0006484bb3106b0eea1aaf74\"}],\"key\":\"0c9e27ac114149f1b9e0f0574050a667\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"}\",\"marks\":[]}],\"key\":\"589affbe13fe4959932252393060e0f1\"}],\"key\":\"ca61262774b04102a12b86308a20054a\"}],\"key\":\"a5c352a655fb4aa8a956fcb444d0384a\"},\"style\":[\"w-full mx-auto decoration-primary/6\",\"max-w-3xl\",\"flip-heading-hash\"],\"inlines\":[]}]}]]}]],\"style\":[\"w-full mx-auto decoration-primary/6\",\"max-w-3xl\",\"$78\"]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"project-files\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"h3\",null,{\"id\":\"project-files\",\"className\":\"text-2xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.75em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#project-files\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start leading-snug\",\"children\":[\"$\",\"$L44\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.75em]\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"Project files\"}]]]}]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"This plugin generates a separate entry for the main process, as well as each renderer process and preload script.\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"You need to do two things in your project files in order to make this plugin work.\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"package.json-1\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"h4\",null,{\"id\":\"package.json-1\",\"className\":\"text-xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.5em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#package.json-1\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start leading-snug\",\"children\":[\"$\",\"$L44\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.5em]\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"package.json\"}]]]}]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"First, your \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded t"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"ext-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"main\"}]}],[\"$\",\"$70\",\"2\",{\"children\":\" entry in your \"}],[\"$\",\"$70\",\"3\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"package.json\"}]}],[\"$\",\"$70\",\"4\",{\"children\":\" file needs to point at \"}],[\"$\",\"$70\",\"5\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"\\\"./.webpack/main\\\"\"}]}],[\"$\",\"$70\",\"6\",{\"children\":\" like so:\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"$L73\",null,{\"block\":{\"object\":\"block\",\"type\":\"code\",\"isVoid\":false,\"data\":{\"syntax\":\"jsonc\",\"title\":\"package.json\"},\"nodes\":[{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"{\",\"marks\":[]}],\"key\":\"c993a2470d1d4a18b9422dd722b836e3\"}],\"key\":\"38510381e46b420d94ac4168c639f706\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" \\\"name\\\": \\\"my-app\\\",\",\"marks\":[]}],\"key\":\"de6c0b010d364d61a79f96d00f0496ec\"}],\"key\":\"f5c4f9c5af69459dabdd7f0a22ed8a4d\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" \\\"main\\\": \\\"./.webpack/main\\\",\",\"marks\":[]}],\"key\":\"3a1c6a29ef7c4db1a9bcee5ba48c1ecc\"}],\"key\":\"755ffb98088145bb92d197818543e2e9\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" // ...\",\"marks\":[]}],\"key\":\"cd8e643519a14027a81b8641e6df4b6a\"}],\"key\":\"600430e7c15d4b96b825402780cb3cdb\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"}\",\"marks\":[]}],\"key\":\"7923821178da4990bcb48672bc767459\"}],\"key\":\"0db15d1b6e5747ec9aa8b62117693f4a\"}],\"key\":\"fb55274fe7084bec841f97035e60d0a6\"},\"style\":[\"w-full mx-auto decoration-primary/6\",\"max-w-3xl\",\"$78\"],\"inlines\":[]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"main-process-code\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"h4\",null,{\"id\":\"main-process-code\",\"className\":\"text-xl "])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.5em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#main-process-code\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start leading-snug\",\"children\":[\"$\",\"$L44\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.5em]\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"Main process code\"}]]]}]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"Second, all \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"loadURL\"}]}],[\"$\",\"$70\",\"2\",{\"children\":\" and \"}],[\"$\",\"$70\",\"3\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"preload\"}]}],[\"$\",\"$70\",\"4\",{\"children\":\" paths need to reference the magic global variables that this plugin will define for you.\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"Each entry point has two globals defined based on the name assigned to your entry point:\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\","])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"ul\",null,{\"className\":\"space-y-2 w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"li\",null,{\"className\":\"leading-normal flex items-start\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-base leading-normal flex items-center justify-center mr-1 min-h-[1lh] min-w-6 text-tint\",\"children\":[\"$\",\"div\",null,{\"className\":\"before:font-var before:content-[--pseudoBefore--content]\",\"style\":{\"--pseudoBefore--content\":\"'•'\",\"--font-family\":\"Arial\",\"fontSize\":\"min(1.5em, 24px)\",\"lineHeight\":1}}]}],[\"$\",\"div\",null,{\"className\":\"space-y-2 flex flex-col flex-1\",\"children\":[[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full decoration-primary/6 max-w-3xl min-h-[1lh] flip-heading-hash [\u0026:is(h2)\u003ediv]:mt-0 [\u0026:is(h3)\u003ediv]:mt-0 [\u0026:is(h4)\u003ediv]:mt-0 mx-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full decoration-primary/6 max-w-3xl min-h-[1lh] flip-heading-hash [\u0026:is(h2)\u003ediv]:mt-0 [\u0026:is(h3)\u003ediv]:mt-0 [\u0026:is(h4)\u003ediv]:mt-0 mx-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"The renderer's entry point will be suffixed with \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"_WEBPACK_ENTRY\"}]}]]]}]}]]}]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"li\",null,{\"className\":\"leading-normal flex items-start\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-base leading-normal flex items-center justify-center mr-1 min-h-[1lh] min-w-6 text-tint\",\"children\":[\"$\",\"div\",null,{\"className\":\"before:font-var before:content-[--pseudoBefore--content]\",\"style\":{\"--pseudoBefore--content\":\"'•'\",\"--font-family\":\"Arial\",\"fontSize\":\"min(1.5em, 24px)\",\"lineHeight\":1}}]}],[\"$\",\"div\",null,{\"className\":\"space-y-2 flex flex-col flex-1\",\"children\":[[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full decoration-primary/6 max-w-3xl min-h-[1lh] flip-heading-hash [\u0026:is(h2)\u003ediv]:mt-0 [\u0026:is(h3)\u003ediv]:mt-0 [\u0026:is(h4)\u003ediv]:mt-0 mx-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full decoration-primary/6 max-w-3xl min-h-[1lh] flip-heading-hash [\u0026:is(h2)\u003ediv]:mt-0 [\u0026:is(h3)\u003ediv]:mt-0 [\u0026:is(h4)\u003ediv]:mt-0 mx-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"The renderer's preload script will be suffixed with \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"_PRELOAD_WEBPACK_ENTRY\"}]}]]]}]}]]}]]}]}]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"In the case of the \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"main_window\"}]}],[\"$\",\"$70\",\"2\",{\"children\":\" entry point in the earlier example, the global variables will be named \"}],[\"$\",\"$70\",\"3\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"1.25rem))]\",\"children\":\"MAIN_WINDOW_WEBPACK_ENTRY\"}]}],[\"$\",\"$70\",\"4\",{\"children\":\" and \"}],[\"$\",\"$70\",\"5\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"MAIN_WINDOW_PRELOAD_WEBPACK_ENTRY\"}]}],[\"$\",\"$70\",\"6\",{\"children\":\". An example of how to use them is given below:\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"$L73\",null,{\"block\":{\"object\":\"block\",\"type\":\"code\",\"isVoid\":false,\"data\":{\"syntax\":\"javascript\",\"title\":\"main.js\"},\"nodes\":[{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"const mainWindow = new BrowserWindow({\",\"marks\":[]}],\"key\":\"de72ec21c3514d2688c7b9b70909bf1e\"}],\"key\":\"8efaf3e855c646ce8c9869cd33f8dcd7\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" webPreferences: {\",\"marks\":[]}],\"key\":\"e7480cb9ae644c29ad150466f7916120\"}],\"key\":\"a610596c09984ea39a4dd35aa719da04\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" preload: MAIN_WINDOW_PRELOAD_WEBPACK_ENTRY\",\"marks\":[]}],\"key\":\"19a5e6f407ac43f9a62c5c1691083f07\"}],\"key\":\"6d2518bbcf9b42928393947dc62dc44c\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }\",\"marks\":[]}],\"key\":\"f9a864729952406a97260c7aea416fb6\"}],\"key\":\"f55a840202f04f3a96fe7593a4264e47\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"});\",\"marks\":[]}],\"key\":\"8726d7b4b1234aa3a4e52270ecac164a\"}],\"key\":\"dfb180a7841041588cad65eee7d789df\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"\",\"marks\":[]}],\"key\":\"e3c83ed7e3724da4be7406cf2ea5d917\"}],\"key\":\"9a6ea8d887cf423da707bfa3a3441f3c\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"mainWindow.loadURL(MAIN_WINDOW_WEBPACK_ENTRY);\",\"marks\":[]}],\"key\":\"6ba009e3ed9c4f4a8ba772658428f253\"}],\"key\":\"26e8ac4afae14a12abf85ec292904a31\"}],\"key\":\"a21d623ce58546a6ab76135cdaf709d6\"},\"style\":[\"w-full mx-auto decoration-primary/6\",\"max-w-3xl\",\"$78\"],\"inlines\":[]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"These variables are only defined in the main process. If you need to use one of these paths in a renderer (e.g. to pass a preload script to a \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"\u003cwebview\u003e\"}]}],[\"$\",\"$70\",\"2\",{\"children\":\" tag), you can pass the magic variable value with a synchronous IPC round trip.\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"undefined-1\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"$L77\",null,{\"id\":\"897f4f0aa35a4f40ac3ceccfad78a7b2\",\"tabs\":[{\"id\":\"main-process\",\"title\":\"Main Process\"},{\"id\":\"preload-script\",\"title\":\"Preload Script\"},{\"id\":\"renderer-process\",\"title\":\"Renderer Process\"}],\"tabsBody\":[[\"$\",\"div\",null,{\"className\":\"w-full space-y-4\",\"children\":[[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl flip-heading-hash\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"$L73\",null,{\"block\":{\"object\":\"block\",\"type\":\"code\",\"isVoid\":false,\"data\":{\"syntax\":\"javascript\",\"title\":\"main.js\"},\"nodes\":[{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"// make sure this listener is set before your renderer.js code is called\",\"marks\":[]}],\"key\":\"160d9fa1d8554f45bb714c6332b2b372\"}],\"key\":\"6d85f7761f074b9dbad638381713f6a3\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"ipcMain.on('get-preload-path', (e) =\u003e {\",\"marks\":[]}],\"key\":\"479dc782a05e490880c6b7a78fd740db\"}],\"key\":\"d03486416af745ef9f943db2515fb468\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" e.returnValue = WINDOW_PRELOAD_WEBPACK_ENTRY;\",\"marks\":[]}],\"key\":\"13f2f35333d041b9b5f48d8abc592502\"}],\"key\":\"16540a3ab9384d12b460acdcdc3ce387\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"\",\"text\":\"});\",\"marks\":[]}],\"key\":\"78944ab577d44f68851741974e01a45a\"}],\"key\":\"4c193518949c4766b8b1c78fcedfd582\"}],\"key\":\"1ce49f30423c4ee5aada0637d7d451d3\"},\"style\":[\"w-full mx-auto decoration-primary/6\",\"max-w-3xl\",\"flip-heading-hash\"],\"inlines\":[]}]}]]}],[\"$\",\"div\",null,{\"className\":\"w-full space-y-4\",\"children\":[[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl flip-heading-hash\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"$L73\",null,{\"block\":{\"object\":\"block\",\"type\":\"code\",\"isVoid\":false,\"data\":{\"syntax\":\"javascript\",\"title\":\"preload.js\"},\"nodes\":[{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"const { contextBridge, ipcRenderer } = require('electron');\",\"marks\":[]}],\"key\":\"2b8e41232d0a41cf9985bd980cd22254\"}],\"key\":\"48eda6c43e3c406fab7a9c053edee1b3\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"\",\"marks\":[]}],\"key\":\"6118030a40e74179bc5fe3016c36f158\"}],\"key\":\"b17e47c2092845bb8336ca58d69431c7\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"contextBridge.exposeInMainWorld('electron', {\",\"marks\":[]}],\"key\":\"9643b0f6f0914aa4a4bad19c8cf75a21\"}],\"key\":\"c09cad226fd543d3ae75dd57aa1d1096\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" getPreloadPath: () =\u003e ipcRenderer.sendSync('get-preload-path')\",\"marks\":[]}],\"key\":\"f49818f17d874445a6623b153ec8d59b\"}],\"key\":\"6195cffab1394086b3ad92649df4de7e\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"});\",\"marks\":[]}],\"key\":\"aa1fdbc727f043178d50d016417c405b\"}],\"key\":\"640c291b6b594adebcf78947459529cf\"}],\"key\":\"75586a7695d44683bdded08100ec0513\"},\"style\":[\"w-full mx-auto decoration-primary/6\",\"max-w-3xl\",\"flip-heading-hash\"],\"inlines\":[]}]}]]}],[\"$\",\"div\",null,{\"className\":\"w-full space-y-4\",\"children\":[[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl flip-heading-hash\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"$L73\",null,{\"block\":{\"object\":\"block\",\"type\":\"code\",\"isVoid\":false,\"data\":{\"syntax\":\"javascript\",\"title\":\"renderer.js\"},\"nodes\":[{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"te"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"xt\":\"const preloadPath = window.electron.getPreloadPath();\",\"marks\":[]}],\"key\":\"09112289fa7942d99c1b2d3159927186\"}],\"key\":\"6c4fc5fdfe554cf488e06a04c4d3fe01\"}],\"key\":\"5c3bf8bb85e148eea41c10c110f6b28f\"},\"style\":[\"w-full mx-auto decoration-primary/6\",\"max-w-3xl\",\"flip-heading-hash\"],\"inlines\":[]}]}]]}]],\"style\":[\"w-full mx-auto decoration-primary/6\",\"max-w-3xl\",\"$78\"]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"div\",null,{\"className\":\"hint transition-colors rounded-md straight-corners:rounded-none overflow-hidden bg-neutral theme-muted:bg-neutral-base theme-bold-tint:bg-neutral-base theme-gradient:bg-neutral-12/1 border-neutral text-sm grid grid-cols-[auto_1fr] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"py-3 pl-3 text-info-subtle contrast-more:text-info\",\"children\":[\"$\",\"$L44\",null,{\"icon\":\"circle-info\",\"className\":\"size-[1.2em] mt-0.5 leading-normal\"}]}],null,[\"$\",\"div\",null,{\"className\":\"p-3 empty:p-0 -row-end-1 -col-end-1 space-y-4 [\u0026_.hint]:border [\u0026_pre]:border [\u0026_pre]:border-neutral\",\"children\":[[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl text-neutral-strong [\u0026_.can-override-bg]:bg-neutral-active [\u0026_.can-override-text]:text-neutral-strong flip-heading-hash\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl text-neutral-strong [\u0026_.can-override-bg]:bg-neutral-active [\u0026_.can-override-text]:text-neutral-strong flip-heading-hash\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":[\"$\",\"strong\",null,{\"className\":\"font-bold\",\"children\":\"Usage with TypeScript\"}]}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl text-neutral-strong [\u0026_.can-override-bg]:bg-neutral-active [\u0026_.can-override-text]:text-neutral-strong flip-heading-hash\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl text-neutral-strong [\u0026_.can-override-bg]:bg-neutral-active [\u0026_.can-override-text]:text-neutral-strong flip-heading-hash\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"If you're using the webpack plugin with TypeScript, you will need to manually declare these magic variables to avoid compiler errors.\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl text-neutral-strong [\u0026_.can-override-bg]:bg-neutral-active [\u0026_.can-override-text]:text-neutral-strong flip-heading-hash\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"$L73\",null,{\"block\":{\"object\":\"block\",\"type\":\"code\",\"isVoid\":false,\"data\":{\"syntax\":\"typescript\",\"title\":\"main.js (Main Process)\"},\"nodes\":[{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"declare const MAIN_WINDOW_WEBPACK_ENTRY: string;\",\"marks\":[]}],\"key\":\"0ae96f7a45d34f46a0ece50b96f85b2e\"}],\"key\":\"53039380fa1e40c6a39d88c5b7bfb3de\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"declare const MAIN_WINDOW_PRELOAD_WEBPACK_ENTRY: string;\",\"marks\":[]}],\"key\":\"e11850ef87c7445baf483346aa448b73\"}],\"key\":\"98c59cf84497482b8cbccdc7f9da4a14\"}],\"key\":\"018463f4ed5e45b18fd683f8015dc9d8\"},\"style\":[\"w-full mx-auto decoration-primary/6\",\"max-w-3xl\",\"text-neutral-strong [\u0026_.can-override-bg]:bg-neutral-active [\u0026_.can-override-text]:text-neutral-strong flip-heading-hash\"],\"inlines\":[]}]}]]}]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"advanced-configuration\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"h2\",null,{\"id\":\"advanced-configuration\",\"className\":\"text-3xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#advanced-configuration\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1," h-full items-start leading-tight\",\"children\":[\"$\",\"$L44\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] justify-self-start text-left leading-tight mt-[1em]\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"Advanced configuration\"}]]]}]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"webpack-dev-server\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"h3\",null,{\"id\":\"webpack-dev-server\",\"className\":\"text-2xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.75em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#webpack-dev-server\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start leading-snug\",\"children\":[\"$\",\"$L44\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.75em]\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"webpack-dev-server\"}]]]}]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"Forge's webpack plugin uses \"}]],\"$L79\",[[\"$\",\"$70\",\"0\",{\"children\":\" to help you quickly iterate on renderer process code in development mode. Running \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"electron-forge start\"}]}],[\"$\",\"$70\",\"2\",{\"children\":\" with the webpack plugin active will launch a dev server that is configurable through the plugin config.\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"devserver\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1," ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"h4\",null,{\"id\":\"devserver\",\"className\":\"text-xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.5em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#devserver\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start leading-snug\",\"children\":[\"$\",\"$L44\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.5em]\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"devServer\"}]]]}]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"In development mode, you can change most \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"webpack-dev-server\"}]}],[\"$\",\"$70\",\"2\",{\"children\":\" options by setting \"}],[\"$\",\"$70\",\"3\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"devServer\"}]}],[\"$\",\"$70\",\"4\",{\"children\":\" in your Forge Webpack plugin configuration.\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"$L73\",null,{\"block\":{\"object\":\"block\",\"type\":\"code\",\"isVoid\":false,\"data\":{\"syntax\":\"javascript\",\"title\":\"Plugin configuration\"},\"nodes\":[{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"{\",\"marks\":[]}],\"key\":\"16fecde4e3d34914b479bfe8c3ac4ba6\"}],\"key\":\"92ec97c0c6fe40ac8759cdd4e1321fd1\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" name: '@electron-forge/plugin-webpack',\",\"marks\":[]}],\"key\":\"f5deae3d1bb0443d95a6d3b9753b9355\"}],\"key\":\"55ee7fef31fb4259aa43b6265176d659\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" config: {\",\"marks\":[]}],\"key\":\"8ab9a35991e44befb5a5504373c23261\"}],\"key\":\"49337b8dbe11469fad186b34f9389201\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" // other Webpack plugin config...\",\"marks\":[]}],\"key\":\"145c2fce82bb40c3877725cb30b07d56\"}],\"key\":\"516b9d8ffd8442a5b4db9f6d38a4c01a\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" devServer: {\",\"marks\":[]}],\"key\":\"5b5e2dc6ffaf4898afb19b97caa4e720\"}],\"key\":\"60a525380d454349a8a0a104646e307f\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" stats: 'verbose'\",\"marks\":[]}],\"key\":\"25b027e3ef4e4f22a1876dabe048c651\"}],\"key\":\"e35be24620eb428a8066aadb73dfb369\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }\",\"marks\":[]}],\"key\":\"629e77a83e274621907b4ce399114ef3\"}],\"key\":\"9b3969735458419aa9567147781783d2\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" // ...\",\"marks\":[]}],\"key\":\"9c57647c9abe462783514fe3d965bd4e\"}],\"key\":\"c229cf29789a476c89a041e5f404dc60\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }\",\"marks\":[]}],\"key\":\"53048b2fbb80440e95f062b11413488d\"}],\"key\":\"7f955fb2f38b47d387fe80dedb120932\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"}\",\"marks\":[]}],\"key\":\"42316c1d12234c879ed0a3084299c884\"}],\"key\":\"6687422d334849ae94e49cc07a85dc50\"}],\"key\":\"4cae005608f64235ae8fb172156f91e7\"},\"style\":[\"w-full mx-auto decoration-primary/6\",\"max-w-3xl\",\"$78\"],\"inlines\":[]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"devcontentsecuritypolicy\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"h4\",null,{\"id\":\"devcontentsecuritypolicy\",\"className\":\"text-xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-h"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"over:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.5em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#devcontentsecuritypolicy\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start leading-snug\",\"children\":[\"$\",\"$L44\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.5em]\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"devContentSecurityPolicy\"}]]]}]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"In development mode, you can set a \"}]],\"$L7a\",[[\"$\",\"$70\",\"0\",{\"children\":\" by setting \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"devContentSecurityPolicy\"}]}],[\"$\",\"$70\",\"2\",{\"children\":\" in your Forge Webpack plugin configuration.\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"$L73\",null,{\"block\":{\"object\":\"block\",\"type\":\"code\",\"isVoid\":false,\"data\":{\"syntax\":\"javascript\"},\"nodes\":[{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"{\",\"marks\":[]}],\"key\":\"b9a7a4ff7215481394d5576cb0bc8299\"}],\"key\":\"72d6cdcf7e704196884cd38650ed1028\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" name: '@electron-forge/plugin-webpack',\",\"marks\":[]}],\"key\":\"851945d3904e44079bff69f190246e14\"}],\"key\":\"29e4c0c211dc4390a8c401c19a423656\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" config: {\",\"marks\":[]}],\"key\":\"266eda792d6342bcaff0b37a95fe3d39\"}],\"key\":\"29cebbca5853448dbd59470866b93caf\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" // other Webpack plugin config...\",\"marks\":[]}],\"key\":\"eb71bc666f7646369a1854c62ead63fd\"}],\"k"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"ey\":\"81b1949d60a345be8d8e7b2f9161a6b8\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" devContentSecurityPolicy: 'default-src \\\\'self\\\\' \\\\'unsafe-inline\\\\' data:; script-src \\\\'self\\\\' \\\\'unsafe-eval\\\\' \\\\'unsafe-inline\\\\' data:',\",\"marks\":[]}],\"key\":\"1605f2b8030c4ae091043a82c94f2463\"}],\"key\":\"9827622cb957468ca1b49df4e6e705cf\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" // other Webpack plugin config...\",\"marks\":[]}],\"key\":\"9347a40ef4a545d597975477c33598ca\"}],\"key\":\"07071239e8844281ad989de19555b503\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" mainConfig: './webpack.main.config.js',\",\"marks\":[]}],\"key\":\"36fc6a5ec04c4877b3621602adedc05c\"}],\"key\":\"7ea08fbe7c7c444eaa036257689476d4\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" renderer: {\",\"marks\":[]}],\"key\":\"755f45cd20c140e9b057cb81a2b4d02a\"}],\"key\":\"9ceaf2fd7a26418d929fbbd9f97e39ce\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" /* renderer config here, see above section */\",\"marks\":[]}],\"key\":\"8e1f7d1f0655465b8350403d213eb4b9\"}],\"key\":\"d0a44f15f59e4f6b91c56be3f0fbd0f8\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }\",\"marks\":[]}],\"key\":\"93f8c14b31524a1e9d82c78c744a08a5\"}],\"key\":\"f652a73d625c4d16b63733e032e8794c\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }\",\"marks\":[]}],\"key\":\"da7c00b1417148e29b24ab1601511831\"}],\"key\":\"ad7e94656fe04421b46b99e76b3716ca\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"}\",\"marks\":[]}],\"key\":\"bd85db4306c14af2a9e945ebef8efd97\"}],\"key\":\"1281a45c48e7435dbc46875743fb2ac5\"}],\"key\":\"e4b207c1d44f47caa4ecf8b022e86e70\"},\"style\":[\"w-full mx-auto decoration-primary/6\",\"max-w-3xl\",\"$78\"],\"inlines\":[]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"div\",null,{\"className\":\"hint transition-colors rounded-md straight-corners:rounded-none overflow-hidden bg-neutral theme-muted:bg-neutral-base theme-bold-tint:bg-neutral-base theme-gradient:bg-neutral-12/1 border-neutral text-sm grid grid-cols-[auto_1fr] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"py-3 pl-3 text-info-subtle contrast-more:text-info\",\"children\":[\"$\",\"$L44\",null,{\"icon\":\"circle-info\",\"className\":\"size-[1.2em] mt-0.5 leading-normal\"}]}],null,[\"$\",\"div\",null,{\"className\":\"p-3 empty:p-0 -row-end-1 -col-end-1 space-y-4 [\u0026_.hint]:border [\u0026_pre]:border [\u0026_pre]:border-neutral\",\"children\":[[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl text-neutral-strong [\u0026_.can-override-bg]:bg-neutral-active ["])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"\u0026_.can-override-text]:text-neutral-strong flip-heading-hash\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl text-neutral-strong [\u0026_.can-override-bg]:bg-neutral-active [\u0026_.can-override-text]:text-neutral-strong flip-heading-hash\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"If you wish to use \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"strong\",null,{\"className\":\"font-bold\",\"children\":\"source maps\"}]}],[\"$\",\"$70\",\"2\",{\"children\":\" in development, you'll need to set \"}],[\"$\",\"$70\",\"3\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"'unsafe-eval'\"}]}],[\"$\",\"$70\",\"4\",{\"children\":\" for the \"}]],\"$L7b\",[[\"$\",\"$70\",\"0\",{\"children\":\" directive. Using \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"'unsafe-eval'\"}]}],[\"$\",\"$70\",\"2\",{\"children\":\" will cause Electron itself to trigger a warning in the DevTools console about having that value enabled, which is usually fine so long as you \"}],[\"$\",\"$70\",\"3\",{\"children\":[\"$\",\"strong\",null,{\"className\":\"font-bold\",\"children\":\"do not set that value in production\"}]}],[\"$\",\"$70\",\"4\",{\"children\":\".\"}]]]}]}]]}]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"native-node-modules\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"h3\",null,{\"id\":\"native-node-modules\",\"className\":\"text-2xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.75em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#native-node-modules\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start leading-snug\",\"children\":[\"$\",\"$L44\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.75em]\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"Native Node modules\"}]]]}]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\""])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"If you used the \"}]],\"$L7c\",[[\"$\",\"$70\",\"0\",{\"children\":\" or \"}]],\"$L7d\",[[\"$\",\"$70\",\"0\",{\"children\":\" templates to create your application, native modules will mostly work out of the box.\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"If you are setting up the plugin manually, you can make native modules work by adding the following two loaders to your \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"module.rules\"}]}],[\"$\",\"$70\",\"2\",{\"children\":\" configuration in your Webpack config. Ensure you install both \"}]],\"$L7e\",[[\"$\",\"$70\",\"0\",{\"children\":\" and \"}]],\"$L7f\",[[\"$\",\"$70\",\"0\",{\"children\":\" as development dependencies.\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"$L73\",null,{\"block\":{\"object\":\"block\",\"type\":\"code\",\"isVoid\":false,\"data\":{\"syntax\":\"bash\"},\"nodes\":[{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"npm install --save-dev node-loader @vercel/webpack-asset-relocator-loader@1.7.3\",\"marks\":["])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"]}],\"key\":\"eb000b2d557848b1b7350655e673c815\"}],\"key\":\"8d2c804f7c2e42338776d52cc6753116\"}],\"key\":\"37c290168b234f87a96549b272d7d08a\"},\"style\":[\"w-full mx-auto decoration-primary/6\",\"max-w-3xl\",\"$78\"],\"inlines\":[]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"div\",null,{\"className\":\"hint transition-colors rounded-md straight-corners:rounded-none overflow-hidden bg-warning border-warning text-sm grid grid-cols-[auto_1fr] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"py-3 pl-3 text-warning-subtle contrast-more:text-warning\",\"children\":[\"$\",\"$L44\",null,{\"icon\":\"circle-exclamation\",\"className\":\"size-[1.2em] mt-0.5 leading-normal\"}]}],null,[\"$\",\"div\",null,{\"className\":\"p-3 empty:p-0 -row-end-1 -col-end-1 space-y-4 [\u0026_.hint]:border [\u0026_pre]:border [\u0026_pre]:border-neutral\",\"children\":[[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto max-w-3xl text-neutral-strong [\u0026_a]:text-warning [\u0026_a:hover]:text-warning-strong [\u0026_.can-override-bg]:bg-warning-active [\u0026_.can-override-text]:text-warning-strong decoration-warning/6 flip-heading-hash\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto max-w-3xl text-neutral-strong [\u0026_a]:text-warning [\u0026_a:hover]:text-warning-strong [\u0026_.can-override-bg]:bg-warning-active [\u0026_.can-override-text]:text-warning-strong decoration-warning/6 flip-heading-hash\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"Electron Forge monkeypatches the asset relocator loader in order for it to work with Electron properly, so the version has been pinned to ensure compatibility. If you upgrade that version, you do so at your own risk.\"}]]]}]}]]}]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform "])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"$L73\",null,{\"block\":{\"object\":\"block\",\"type\":\"code\",\"isVoid\":false,\"data\":{\"syntax\":\"javascript\",\"title\":\"webpack.main.config.js\"},\"nodes\":[{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"module.exports = {\",\"marks\":[]}],\"key\":\"e579294c67c84fef9de760347500a194\"}],\"key\":\"32fc8c7c26eb425ba5381f95c467f5c5\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" module: {\",\"marks\":[]}],\"key\":\"bf6f3722330648e7adc0ec9161010fca\"}],\"key\":\"3a640f271f6545e38956c7088413107a\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" rules: [\",\"marks\":[]}],\"key\":\"3132681066d04603aff857ac86c0e263\"}],\"key\":\"41f41242ba274f099eebf85c0d50029f\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" {\",\"marks\":[]}],\"key\":\"a5713f01a91a4f44ac6e88d82d860e05\"}],\"key\":\"a4d8f265a27e4c22bea2187008bf171a\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" // We're specifying native_modules in the test because the asset\",\"marks\":[]}],\"key\":\"2f2838bb22b24f4b99dc3f3b9616bc7e\"}],\"key\":\"f630f83df96f4dd2a8b92010a23c97ed\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" // relocator loader generates a \\\"fake\\\" .node file which is really\",\"marks\":[]}],\"key\":\"3f1d8e8f418840139603b8cc03376178\"}],\"key\":\"de8454467d864bc1875915749a29a437\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" // a cjs file.\",\"marks\":[]}],\"key\":\"770b9c3227eb4ce994619ed915ad0399\"}],\"key\":\"a1a9b74e612d49b5bd75bcc9b3073736\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" test: /native_modules\\\\/.+\\\\.node$/,\",\"marks\":[]}],\"key\":\"40bd6bef8a3e4d1e8c737e8e497bd6df\"}],\"key\":\"4643f2a746b34d74a461eccd5b30c822\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" use: 'node-loader'\",\"marks\":[]}],\"key\":\"26466f3ca20844afa25b38b111cf6250\"}],\"key\":\"14b7ef9f415c49fe840776b4e6860cfc\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" },\",\"marks\":[]}],\"key\":\"f3f8a953bbbe405d9f77c7d3ed3af2e7\"}],\"key\":\"64bb17656b7c47d0b929dc105585a487\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" {\",\"marks\":[]}],\"key\":\"1348643e037645e7969bcadf1ec8b6f4\"}],\"key\":\"bc13fe758e314ecc81b19c511e1c2285\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" test: /\\\\.(m?js|node)$/,\",\"marks\":[]}],\"key\":\"c8b052caf42c4ee5bb5e10de4ddc9585\"}],\"key\":\"04712d363bda4cd59b41747fa68607fc\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" parser: { amd: false },\",\"marks\":[]}],\"key\":\"98b1f08dea4e4175b2ebec6ac77db6d8\"}],\"key\":\"1a71d888b8aa457a9db3b942f190e572\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" use: {\",\"marks\":[]}],\"key\":\"58b996cd95094fd7ba3fdc5776bfa6ce\"}],\"key\":\"73091b77c6c24bc2a4bb3e9fc22017ae\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" loader: '@vercel/webpack-asset-relocator-loader',\",\"marks\":[]}],\"key\":\"1b97d67e7ef243dda3d8ad488819826"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"6\"}],\"key\":\"dfea80874a6e4e33b67f43c5fe6eca2e\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" options: {\",\"marks\":[]}],\"key\":\"8b78116f7c3245bcb26665c4f78fb60d\"}],\"key\":\"1132cde77b624fc3b999b6913456434d\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" outputAssetBase: 'native_modules'\",\"marks\":[]}],\"key\":\"b694041cc7eb487390df2e276b10cc4c\"}],\"key\":\"d8ceb46a99644867847c974a68960343\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }\",\"marks\":[]}],\"key\":\"e10973c08e19472da8a4148ae74090b9\"}],\"key\":\"95ec00ebe42c40df8ca3eff5e91cc6d7\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }\",\"marks\":[]}],\"key\":\"7817615c83574fed84f099b32b7bc56e\"}],\"key\":\"7dbcffeaa3e94c40861be355c1362263\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }\",\"marks\":[]}],\"key\":\"3a0cb48c83c949f6a186361cb8c29a8c\"}],\"key\":\"8c18e5c0055e4e47812bb10152e9b4e9\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" ]\",\"marks\":[]}],\"key\":\"c9754192a3564fc2a5b78507ea9e5278\"}],\"key\":\"1a06efe1aa1548a4a06889fe99e0c95e\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }\",\"marks\":[]}],\"key\":\"82909f64779f48549a14194ac7736a99\"}],\"key\":\"7a25ae6bdc624078bdcb85a6cbc76c3c\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"};\",\"marks\":[]}],\"key\":\"7764c438d7454987b11bbd5b97cd361c\"}],\"key\":\"e92316e6db524c189d5237ab21f3f624\"}],\"key\":\"5c062a97c652429197571dc8fe6b203a\"},\"style\":[\"w-full mx-auto decoration-primary/6\",\"max-w-3xl\",\"$78\"],\"inlines\":[]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"If the asset relocator loader does not work for your native module, you may want to consider using webpack's \"}]],\"$L80\",[[\"$\",\"$70\",\"0\",{\"children\":\".\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"node-integration\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-grad"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"ient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"h3\",null,{\"id\":\"node-integration\",\"className\":\"text-2xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.75em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#node-integration\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start leading-snug\",\"children\":[\"$\",\"$L44\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.75em]\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"Node integration\"}]]]}]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"enabling-node-integration-in-your-app-code\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"h4\",null,{\"id\":\"enabling-node-integration-in-your-app-code\",\"className\":\"text-xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.5em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#enabling-node-integration-in-your-app-code\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start leading-snug\",\"children\":[\"$\",\"$L44\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.5em]\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"Enabling Node integration in your app code\"}]]]}]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"In Electron, you can enable Node.js in the renderer process with \"}]]"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,",\"$L81\",[[\"$\",\"$70\",\"0\",{\"children\":\". Renderers with the following options enabled will have a browser-like web environment with access to Node.js \"}]],\"$L82\",[[\"$\",\"$70\",\"0\",{\"children\":\" and all of its core APIs:\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"$L73\",null,{\"block\":{\"object\":\"block\",\"type\":\"code\",\"isVoid\":false,\"data\":{\"syntax\":\"javascript\",\"title\":\"main.js (Main Process)\"},\"nodes\":[{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"const win = new BrowserWindow({\",\"marks\":[]}],\"key\":\"a0da32711d2447499517974d5639d4f0\"}],\"key\":\"69074bcc88fa415e91aa2228bb710ff5\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" webPreferences: {\",\"marks\":[]}],\"key\":\"750056aa19f94e83a93bd6c8cd2ec93b\"}],\"key\":\"7bdb590bf15f4d6fa182da3a5ab5d3cf\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" contextIsolation: false,\",\"marks\":[]}],\"key\":\"1d18b5f5f8d24a77a7bc192d54e9a020\"}],\"key\":\"2789fd8211a54148a8dc7f57408a6b0a\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" nodeIntegration: true\",\"marks\":[]}],\"key\":\"800b93e073f54e2ea1feb93181012312\"}],\"key\":\"0822189dd7854e99af349b9ebce2f38b\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }\",\"marks\":[]}],\"key\":\"1df39e76c2d6464da93db83efee124c8\"}],\"key\":\"b59f835814af4a62af71049ae67c0c65\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"});\",\"marks\":[]}],\"key\":\"5c4b6216563e4694b0713e2c8bf8e7b4\"}],\"key\":\"0df9eb61007e4e9a96412812bec23489\"}],\"key\":\"184c238fe8c54704bb2e91de54db7784\"},\"style\":[\"w-full mx-auto decoration-primary/6\",\"max-w-3xl\",\"$78\"],\"inlines\":[]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"This creates a unique environment that requires additional webpack configuration.\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"s"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"etting-the-correct-webpack-target-in-your-plugin-config\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"h4\",null,{\"id\":\"setting-the-correct-webpack-target-in-your-plugin-config\",\"className\":\"text-xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.5em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#setting-the-correct-webpack-target-in-your-plugin-config\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start leading-snug\",\"children\":[\"$\",\"$L44\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.5em]\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"Setting the correct webpack target in your plugin config\"}]]]}]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"Webpack \"}]],\"$L83\",[[\"$\",\"$70\",\"0\",{\"children\":\" have first-class support for various Electron environments. Forge's webpack plugin will set the compilation target for renderers based on the \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"nodeIntegration\"}]}],[\"$\",\"$70\",\"2\",{\"children\":\" option in the config:\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"clas"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"sName\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"ul\",null,{\"className\":\"space-y-2 w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"li\",null,{\"className\":\"leading-normal flex items-start\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-base leading-normal flex items-center justify-center mr-1 min-h-[1lh] min-w-6 text-tint\",\"children\":[\"$\",\"div\",null,{\"className\":\"before:font-var before:content-[--pseudoBefore--content]\",\"style\":{\"--pseudoBefore--content\":\"'•'\",\"--font-family\":\"Arial\",\"fontSize\":\"min(1.5em, 24px)\",\"lineHeight\":1}}]}],[\"$\",\"div\",null,{\"className\":\"space-y-2 flex flex-col flex-1\",\"children\":[[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full decoration-primary/6 max-w-3xl min-h-[1lh] flip-heading-hash [\u0026:is(h2)\u003ediv]:mt-0 [\u0026:is(h3)\u003ediv]:mt-0 [\u0026:is(h4)\u003ediv]:mt-0 mx-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full decoration-primary/6 max-w-3xl min-h-[1lh] flip-heading-hash [\u0026:is(h2)\u003ediv]:mt-0 [\u0026:is(h3)\u003ediv]:mt-0 [\u0026:is(h4)\u003ediv]:mt-0 mx-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"When \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"nodeIntegration\"}]}],[\"$\",\"$70\",\"2\",{\"children\":\" is \"}],[\"$\",\"$70\",\"3\",{\"children\":[\"$\",\"strong\",null,{\"className\":\"font-bold\",\"children\":\"true\"}]}],[\"$\",\"$70\",\"4\",{\"children\":\", the \"}],[\"$\",\"$70\",\"5\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"target\"}]}],[\"$\",\"$70\",\"6\",{\"children\":\" is \"}],[\"$\",\"$70\",\"7\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"electron-renderer\"}]}],[\"$\",\"$70\",\"8\",{\"children\":\".\"}]]]}]}]]}]]}]}],[\"$\",\"$"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"li\",null,{\"className\":\"leading-normal flex items-start\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-base leading-normal flex items-center justify-center mr-1 min-h-[1lh] min-w-6 text-tint\",\"children\":[\"$\",\"div\",null,{\"className\":\"before:font-var before:content-[--pseudoBefore--content]\",\"style\":{\"--pseudoBefore--content\":\"'•'\",\"--font-family\":\"Arial\",\"fontSize\":\"min(1.5em, 24px)\",\"lineHeight\":1}}]}],[\"$\",\"div\",null,{\"className\":\"space-y-2 flex flex-col flex-1\",\"children\":[[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full decoration-primary/6 max-w-3xl min-h-[1lh] flip-heading-hash [\u0026:is(h2)\u003ediv]:mt-0 [\u0026:is(h3)\u003ediv]:mt-0 [\u0026:is(h4)\u003ediv]:mt-0 mx-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full decoration-primary/6 max-w-3xl min-h-[1lh] flip-heading-hash [\u0026:is(h2)\u003ediv]:mt-0 [\u0026:is(h3)\u003ediv]:mt-0 [\u0026:is(h4)\u003ediv]:mt-0 mx-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"When \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"nodeIntegration\"}]}],[\"$\",\"$70\",\"2\",{\"children\":\" is \"}],[\"$\",\"$70\",\"3\",{\"children\":[\"$\",\"strong\",null,{\"className\":\"font-bold\",\"children\":\"false\"}]}],[\"$\",\"$70\",\"4\",{\"children\":\", the \"}],[\"$\",\"$70\",\"5\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"target\"}]}],[\"$\",\"$70\",\"6\",{\"children\":\" is \"}],[\"$\",\"$70\",\"7\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"web\"}]}],[\"$\",\"$70\",\"8\",{\"children\":\".\"}]]]}]}]]}]]}]}]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"This option is \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"strong\",null,{\"className\":\"font-bold\",\"children\":\"false\"}]}],[\"$\",\"$70\",\"2\",{\"children\":\" by default**.** You can set this option for all renderers via the \"}],[\"$\",\"$70\",\"3\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"renderer.nodeIntegration\"}]}],[\"$\",\"$70\",\"4\",{\"children\":\" option, and you can override its value in each renderer you create in the \"}],[\"$\",\"$70\",\"5\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"entryPoints\"}]}],[\"$\",\"$70\",\"6\",{\"children\":\" array.\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"In the below configuration example, webpack will compile to the \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"electron-renderer\"}]}],[\"$\",\"$70\",\"2\",{\"children\":\" target for all entry points except for \"}],[\"$\",\"$70\",\"3\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"media_player\"}]}],[\"$\",\"$70\",\"4\",{\"children\":\", which will compile to the \"}],[\"$\",\"$70\",\"5\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"web\"}]}],[\"$\",\"$70\",\"6\",{\"children\":\" target.\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 re"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"lative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"$L73\",null,{\"block\":{\"object\":\"block\",\"type\":\"code\",\"isVoid\":false,\"data\":{\"syntax\":\"javascript\",\"title\":\"Plugin configuration\"},\"nodes\":[{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"{\",\"marks\":[]}],\"key\":\"add89882d7be4bffa2c9d7c89d7d2d80\"}],\"key\":\"e9e2a3400e0e45f4b0bde966e9b32c59\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" name: '@electron-forge/plugin-webpack',\",\"marks\":[]}],\"key\":\"f5d3987b15d648cfacb2210fc5964de5\"}],\"key\":\"38ec3af867ff4bdf9d0006f88e929398\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" config: {\",\"marks\":[]}],\"key\":\"779b1bb3d6d648e7acc2954767610132\"}],\"key\":\"a5bdc7a2307d4d6ea92e26bb546a5c06\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" mainConfig: './webpack.main.config.js',\",\"marks\":[]}],\"key\":\"c0ec8d9458b64e2483400bde52b0c4cd\"}],\"key\":\"43c13a3c3cdb47c4bb6c0a9c2dab8570\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" renderer: {\",\"marks\":[]}],\"key\":\"a882bd80d920415e96dd99a999f36e15\"}],\"key\":\"15a6aa2e1dd44f97a91de8624f6f7a27\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" config: './webpack.renderer.config.js',\",\"marks\":[]}],\"key\":\"389ae48e1d4d4983890de12d805e79e1\"}],\"key\":\"9a4f071c78d6415a9b2080621cfe1caf\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" nodeIntegration: true, // Implies `target: 'electron-renderer'` for all entry points\",\"marks\":[]}],\"key\":\"b08fb13dbf89446ead026068e3510f52\"}],\"key\":\"0b61d292eb1f48feb595677b38a44df0\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" entryPoints: [\",\"marks\":[]}],\"key\":\"523a4a93ec8344c091683f9692ea1f24\"}],\"key\":\"e23372c16f2942bf9a17424d0f53f116\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" {\",\"marks\":[]}],\"key\":\"dcb04818aeb24520bbd2bcb96e03f349\"}],\"key\":\"83125d8bfeaf4306b67035e0e02a6cbe\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" html: './src/app/app.html',\",\"marks\":[]}],\"key\":\"3cce09fd1516460da40063792b3709e4\"}],\"key\":\"9e90ff907e3c469eaf63d7422825906d\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" js: './src/app/app.tsx',\",\"marks\":[]}],\"key\":\"2cbafc8eaa6b463f835a5144830ff89e\"}],\"key\":\"8178d00715e54ac09f21e6a0b6084f85\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" name: 'app'\",\"marks\":[]}],\"key\":\"50ea05a9df1146d2a6e265dc17f78e8c\"}],\"key\":\"c8655634cee84728b3e750c2c16d1a05\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" },\",\"marks\":[]}],\"key\":\"16eced553bac441499ecba3391580e1f\"}],\"key\":\"71d2d58f3ac74ab29156fbb912d6e766\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" {\",\"marks\":[]}],\"key\":\"c9bb035e2c4944f6bc0b72598e1faa03\"}],\"key\":\"fa8cb2fad9be468a9366f1b409a344ef\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" html: './src/"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"mediaPlayer/index.html',\",\"marks\":[]}],\"key\":\"0147c77fecc74da8a440841a33715045\"}],\"key\":\"2f7c2be26ab543fa9f9daceab9562f13\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" js: './src/mediaPlayer/index.tsx',\",\"marks\":[]}],\"key\":\"9b5b129aeebe4535a2f00b860782f013\"}],\"key\":\"817dc50a798449eea244c9df73e82d5c\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" name: 'media_player',\",\"marks\":[]}],\"key\":\"ad17a514c0444eaea9ecd9756118eec0\"}],\"key\":\"13fd8d1d08344a2cab2c308a699e83cc\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" nodeIntegration: false // Overrides the default nodeIntegration set above\",\"marks\":[]}],\"key\":\"756afff04d054c1bb409bb9f766eb404\"}],\"key\":\"96ad571b1f16495b8d16d459a78de6e4\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }\",\"marks\":[]}],\"key\":\"7968f4a589ab46bdadb9e9558ddb83ae\"}],\"key\":\"d8ac275f807946249124c3de58be9049\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" ]\",\"marks\":[]}],\"key\":\"875d94def52743f6923c3f9064d21860\"}],\"key\":\"8918bfdbdbfb4d4db4ae3ba5e53b9a26\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }\",\"marks\":[]}],\"key\":\"88301a1a9ac34f40a7b75245bda24f35\"}],\"key\":\"ea6692d56a5a49b5bcfc85e8c10abd7c\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }\",\"marks\":[]}],\"key\":\"e8874e32f28846b7b8903d9cbb17283b\"}],\"key\":\"6fc380ed0b364e188785b12d28d83942\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"}\",\"marks\":[]}],\"key\":\"03152036703046d1a8196290adc4bd48\"}],\"key\":\"0be5179b06f140d6ba35f2d2121588bf\"}],\"key\":\"f9380641567c47969f509528d075ff7b\"},\"style\":[\"w-full mx-auto decoration-primary/6\",\"max-w-3xl\",\"$78\"],\"inlines\":[]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"div\",null,{\"className\":\"hint transition-colors rounded-md straight-corners:rounded-none overflow-hidden bg-warning border-warning text-sm grid grid-cols-[auto_1fr] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"py-3 pl-3 text-warning-subtle contrast-more:text-warning\",\"children\":[\"$\",\"$L44\",null,{\"icon\":\"circle-exclamation\",\"className\":\"size-[1.2em] mt-0.5 leading-normal\"}]}],null,[\"$\",\"div\",null,{\"className\":\"p-3 empty:p-0 -row-end-1 -col-end-1 space-y-4 [\u0026_.hint]:border [\u0026_pre]:border [\u0026_pre]:border-neutral\",\"children\":[[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto max-w-3xl text-neutral-strong [\u0026_a]:text-warning [\u0026_a:hover]:text-warning-strong [\u0026_.can-override-bg]:bg-warning-active [\u0026_.can-override-text]:text-warning-strong decoration-warning/6 flip-heading-hash\",\"c"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"hildren\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto max-w-3xl text-neutral-strong [\u0026_a]:text-warning [\u0026_a:hover]:text-warning-strong [\u0026_.can-override-bg]:bg-warning-active [\u0026_.can-override-text]:text-warning-strong decoration-warning/6 flip-heading-hash\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"It is important that you enable \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"nodeIntegration\"}]}],[\"$\",\"$70\",\"2\",{\"children\":\" in \"}],[\"$\",\"$70\",\"3\",{\"children\":[\"$\",\"strong\",null,{\"className\":\"font-bold\",\"children\":\"both\"}]}],[\"$\",\"$70\",\"4\",{\"children\":\" in the main process code and the webpack plugin configuration. This option duplication is necessary because webpack targets are fixed upon compilation, but BrowserWindow's web preferences are determined on run time.\"}]]]}]}]]}]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"hot-module-replacement\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"h2\",null,{\"id\":\"hot-module-replacement\",\"className\":\"text-3xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#hot-module-replacement\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start leading-tight\",\"children\":[\"$\",\"$L44\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] justify-self-start text-left leading-tight mt-[1em]\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"Hot module replacement\"}]]]}]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"In development mode, all your renderer processes in development will have \"}]],\"$L84\",[[\"$\",\"$70\",\"0\",{\"children\":\" enabled by default thanks to \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"webpack-dev-server\"}]}],[\"$\",\"$70\",\"2\",{\"children\":\".\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"However, it is impossible for HMR to work inside preload scripts. However, webpack is constantly watching and recompiling those files so reload the renderer to get updates for preload scripts.\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"For the main process, type \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"rs\"}]}],[\"$\",\"$70\",\"2\",{\"children\":\" in the console you launched \"}],[\"$\",\"$70\",\"3\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"electron-forge\"}]}],[\"$\",\"$70\",\"4\",{\"children\":\" from and Forge will restart your app for you with the new main process code.\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"hot-reload-caching\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto "])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"h3\",null,{\"id\":\"hot-reload-caching\",\"className\":\"text-2xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.75em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#hot-reload-caching\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start leading-snug\",\"children\":[\"$\",\"$L44\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.75em]\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"Hot reload caching\"}]]]}]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"When using Webpack 5 caching, asset permissions need to be maintained through their own cache, and the public path needs to be injected into the build.\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"To insure these cases work out, make sure to run \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"code\",null,{\"clas"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"sName\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"initAssetCache\"}]}],[\"$\",\"$70\",\"2\",{\"children\":\" in the build, with the \"}],[\"$\",\"$70\",\"3\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"options.outputAssetBase\"}]}],[\"$\",\"$70\",\"4\",{\"children\":\" argument:\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"$L73\",null,{\"block\":{\"object\":\"block\",\"type\":\"code\",\"isVoid\":false,\"data\":{\"syntax\":\"javascript\"},\"nodes\":[{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"const relocateLoader = require('@vercel/webpack-asset-relocator-loader');\",\"marks\":[]}],\"key\":\"633a7c52e5984809a80122548692a51d\"}],\"key\":\"47858ccb524e48c3966363b4ae2ecadd\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"webpack({\",\"marks\":[]}],\"key\":\"3393181994ae4a3e9e09beca6953e382\"}],\"key\":\"78b9f5515a3b4b94b09cd1360dbb8ca4\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" // ...\",\"marks\":[]}],\"key\":\"cce0d31f36bd447eacf17dbf2b322b06\"}],\"key\":\"e357223517104f4089a3e2f32f146d46\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" plugins: [\",\"marks\":[]}],\"key\":\"e6d4a95b2de14e018662c7306f8a271c\"}],\"key\":\"c33736d13ecf4cb29ef2219eef727300\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" {\",\"marks\":[]}],\"key\":\"99fc6f81f86f4dfab0dedd4fc8492045\"}],\"key\":\"db3b6506377f486886d3a410b2dbb150\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" apply (compiler) {\",\"marks\":[]}],\"key\":\"2e9fc26f71b7449c8e766f1f1ab8d12f\"}],\"key\":\"90a9c3080c044aa5b05172c80065b8ae\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" compiler.hooks.compilation.tap('webpack-asset-relocator-loader', compilation =\u003e {\",\"marks\":[]}],\"key\":\"d98d846c73424f9fab626f48d5f00c45\"}],\"key\":\"fe04cfd3411f4c26be26e1c86641b59d\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" relocateLoader.initAssetCache(compilation, outputAssetBase);\",\"marks\":[]}],\"key\":\"98b5e18376fe4135a554542d70edd78e\"}],\"key\":\"d8ede395e90e4afd92b09a5b00a41293\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" });\",\"marks\":[]}],\"key\":\"382b83f758ae49649b1d008787b6d829\"}],\"key\":\"917dceb0160745a99352ede7585bc12f\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }\",\"marks\":[]}],\"key\":\"984a1750954043"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"5799976ef5dced1c53\"}],\"key\":\"3d300a67d8514f07977133d747e58ae6\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" }\",\"marks\":[]}],\"key\":\"031e78c1e534407981914db0799a3dc7\"}],\"key\":\"63ac9ff623734836af15b61e3de95c3a\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" ]\",\"marks\":[]}],\"key\":\"8f0c1e8bac994ea4a25e8220cb946440\"}],\"key\":\"2bf764af061545938b1e33e71526c60d\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"});\",\"marks\":[]}],\"key\":\"5fe336896458497fa82a7c56330afa3b\"}],\"key\":\"fea32accf0564ea691a2bacb90995fac\"}],\"key\":\"e3ca1c64f14f4738912240982d8d0df6\"},\"style\":[\"w-full mx-auto decoration-primary/6\",\"max-w-3xl\",\"$78\"],\"inlines\":[]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"hot-reloading-for-react\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"h3\",null,{\"id\":\"hot-reloading-for-react\",\"className\":\"text-2xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[0.75em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#hot-reloading-for-react\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start leading-snug\",\"children\":[\"$\",\"$L44\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] justify-self-start text-left leading-snug mt-[0.75em]\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"Hot Reloading for React\"}]]]}]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"If you're using React components, you may want to have HMR automatically pick up a change and reload the component without having to manually refresh the page. This is possible by installing \"}]],\"$L85\",[[\"$\",\"$70\",\"0\",{\"children\":\" to define which modules should be hot reloaded.\"}]]]}]}],[\"$\",\"$"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"Here's a usage example in TypeScript with \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"App\"}]}],[\"$\",\"$70\",\"2\",{\"children\":\" being the topmost component in a React component tree:\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"$L73\",null,{\"block\":{\"object\":\"block\",\"type\":\"code\",\"isVoid\":false,\"data\":{\"syntax\":\"typescript\"},\"nodes\":[{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"import { hot } from \\\"react-hot-loader\\\";\",\"marks\":[]}],\"key\":\"e8be5126750a43868a5e5f347543d7be\"}],\"key\":\"8fda2f4d120c4d12a1e5ba7a66a89243\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"\",\"marks\":[]}],\"key\":\"2e2a9a45cec84d3a8bcae1670a276638\"}],\"key\":\"b617bfb5900742e6b29b21befd12579d\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"const App: FunctionComponent = () =\u003e (\",\"marks\":[]}],\"key\":\"7f9700a84c2d45fb95d0a0303399971c\"}],\"key\":\"b361af957b70432784a2f3542813b3bf\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" \u003cdiv\u003e\",\"marks\":[]}],\"key\":\"be88c061e5d24d20bde9fae0abe794c6\"}],\"key\":\"0253c26b398f445999f93940dddc2f61\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" ...\",\"marks\":[]}],\"key\":\"807f45a87aa64d6c9a861b69592c5ddb\"}],\"key\":\"3d453c267ee7413791f8dadb9133f263\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\" \u003c/div\u003e\",\"marks\":[]}],\"key\":\"4e3c88b1e840438a946801c138ddba7c\"}],\"key\":\"04a21a98952c490eb523a2690d6398a8\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\");\",\"marks\":[]}],\"key\":\"2cf7f21ea9c14432910d2"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"6f80bae25d5\"}],\"key\":\"bacbd29bcd134cd8b585cefe191313e1\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"\",\"marks\":[]}],\"key\":\"230b3afff99f441b864955fcc12f40fd\"}],\"key\":\"70e4532e92124be092bb1328d6d9bac2\"},{\"object\":\"block\",\"type\":\"code-line\",\"isVoid\":false,\"data\":{},\"nodes\":[{\"object\":\"text\",\"leaves\":[{\"object\":\"leaf\",\"text\":\"export default hot(module)(App)\",\"marks\":[]}],\"key\":\"fd3c3b0a3eab49388c1e254da747d909\"}],\"key\":\"a2e0354221404868861c7a1f7ac175fc\"}],\"key\":\"0c650cffb82e4571b57ca0fa31a2d207\"},\"style\":[\"w-full mx-auto decoration-primary/6\",\"max-w-3xl\",\"$78\"],\"inlines\":[]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"You can use this pattern in any other components depending on what you want to reload. For example, if you use the \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"hot()\"}]}],[\"$\",\"$70\",\"2\",{\"children\":\" HOC for an \"}],[\"$\",\"$70\",\"3\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"AppBar\"}]}],[\"$\",\"$70\",\"4\",{\"children\":\" component and make a change to a child of \"}],[\"$\",\"$70\",\"5\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"AppBar\"}]}],[\"$\",\"$70\",\"6\",{\"children\":\", then the entire \"}],[\"$\",\"$70\",\"7\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"AppBar\"}]}],[\"$\",\"$70\",\"8\",{\"children\":\" gets reloaded, but the higher-level \"}],[\"$\",\"$70\",\"9\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"App\"}]}],[\"$\",\"$70\",\"10\",{\"children\":\" layout remains otherwise unchanged. In essence, a change will propagate up to the first \"}],[\"$\",\"$70\",\"11\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"hot()\"}]}],[\"$\",\"$70\",\"12\",{\"children\":\" HOC found in a component tree.\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"what-happens-in-production\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"h2\",null,{\"id\":\"what-happens-in-production\",\"className\":\"text-3xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#what-happens-in-production\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start leading-tight\",\"children\":[\"$\",\"$L44\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] justify-self-start text-left leading-tight mt-[1em]\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"What happens in production?\"}]]]}]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"In theory, you shouldn't need to care. In development, we spin up \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"webpack-dev-server\"}]}],[\"$\",\"$70\",\"2\",{\"children\":\" instances to power your renderer processes. In production, we just build the static files.\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"Assuming you use the defined globals we explained in the above"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1," section, everything should work when your app is packaged.\"}]]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"how-do-i-do-virtual-routing\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"h2\",null,{\"id\":\"how-do-i-do-virtual-routing\",\"className\":\"text-3xl font-semibold heading group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hash grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#how-do-i-do-virtual-routing\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start leading-tight\",\"children\":[\"$\",\"$L44\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1em] mt-0.5 transition-colors text-transparent group-hover:text-tint-subtle contrast-more:group-hover:text-tint-strong lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] justify-self-start text-left leading-tight mt-[1em]\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"How do I do virtual routing?\"}]]]}]]}]}],[\"$\",\"$24\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"If you want to use something like \"}]],\"$L86\",[[\"$\",\"$70\",\"0\",{\"children\":\" to do virtual routing in your app, you will need to ensure you use a history method that is not based on the browser history APIs. Browser history will work in development but not in production, as your code will be loaded from the filesystem, not a web server. In the \"}],[\"$\",\"$70\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"react-router\"}]}],[\"$\",\"$70\",\"2\",{\"children\":\" case, you should use the \"}]],\"$L87\",[[\"$\",\"$70\",\"0\",{\"children\":\" to make everything work.\"}]]]}]}]]}]}],\"$L88\",[\"$\",\"div\",null,{\"className\":\"flex flex-row flex-wrap gap-4 items-center mt-6 max-w-3xl mx-auto page-api-block:ml-0 text-tint contrast-more:text-tint-strong\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm mr-auto\",\"children\":[[[\"$\",\"$70\",\"string-0\",{\"children\":\"Last updated \"}],[\"$\",\"$70\",\"arg-0\",{\"children\":[\"$\",\"$L89\",null,{\"value\":\"2024-07-12T2"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"2:19:47.979Z\"}]}]],\"\"]}],[\"$\",\"$L8a\",null,{\"className\":\"xl:hidden\",\"orientation\":\"horizontal\",\"pageId\":\"-LBKfwb-B6yl_H9il-oP\"}]]}]]}],[\"$\",\"$L1f\",null,{\"pageId\":\"-LBKfwb-B6yl_H9il-oP\",\"revisionId\":\"u2I6BO7thNncycGldKym\"}]]]}],[\"$\",\"$24\",null,{\"fallback\":null,\"children\":[\"$\",\"$L8b\",null,{\"withSections\":false}]}]]\n15:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"name\":\"color-scheme\",\"content\":\"light dark\"}],[\"$\",\"meta\",\"2\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"3\",{\"children\":\"Webpack Plugin | Electron Forge\"}],[\"$\",\"meta\",\"4\",{\"name\":\"description\",\"content\":\"Transform and bundle code for your Electron Forge app with webpack.\"}],[\"$\",\"meta\",\"5\",{\"name\":\"generator\",\"content\":\"GitBook (66d0fc0)\"}],[\"$\",\"meta\",\"6\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"7\",{\"rel\":\"canonical\",\"href\":\"https://www.electronforge.io/config/plugins/webpack\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:title\",\"content\":\"Webpack Plugin | Electron Forge\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:description\",\"content\":\"Transform and bundle code for your Electron Forge app with webpack.\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image\",\"content\":\"https://www.electronforge.io/~gitbook/ogimage/-LBKfwb-B6yl_H9il-oP\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:title\",\"content\":\"Webpack Plugin | Electron Forge\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:description\",\"content\":\"Transform and bundle code for your Electron Forge app with webpack.\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:image\",\"content\":\"https://www.electronforge.io/~gitbook/ogimage/-LBKfwb-B6yl_H9il-oP\"}],[\"$\",\"link\",\"15\",{\"rel\":\"icon\",\"href\":\"https://2355537583-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LBKK1y7h_XWAtuRJG9X-4037718589%2Ficon%2FzSCYXfXdUPvs7AL9g6NO%2FElectron_Software_Framework_Logo.svg%20(1).png?alt=media\u0026token=325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4\",\"type\":\"image/png\",\"media\":\"(prefers-color-scheme: light)\"}],[\"$\",\"link\",\"16\",{\"rel\":\"icon\",\"href\":\"https://2355537583-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LBKK1y7h_XWAtuRJG9X-4037718589%2Ficon%2FzSCYXfXdUPvs7AL9g6NO%2FElectron_Software_Framework_Logo.svg%20(1).png?alt=media\u0026token=325f86f6-2e2a-4d0f-a8c7-b28d4eea56a4\",\"type\":\"image/png\",\"media\":\"(prefers-color-scheme: dark)\"}],[\"$\",\"meta\",\"17\",{\"name\":\"next-size-adjust\"}]]\nd:null\n8d:I[2554,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5572\",\"static/chunks/5572-d068cc2bc8e73d12.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"8325\",\"static/chunks/8325-fc5ab1181936ca35.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"4168\",\"static/chunks/4168-6e5564dc4fcde49c.js\",\"4722\",\"static/chunks/app/middleware/(site)/(content)/%5B%5B...pathname%5D%5D/page-d7d21858d47c6796.js\"],\"Ad\"]\n71:[\"$\",\"$L43\",null,{\"href\":\"https://webpack.js.org/\",\"className\":\"underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"url\",\"url\":\"https://webpack.js.org/\"},\"position\":\"content\"}},\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"webpack\"}]]]}]\n72:[\"$\",\"$L43\",null,{\"href\":\"https://webpack.js.org/concepts/hot-module-replacement/\",\"className\":\"underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"url\",\"url\":\"https://webpack.js.org/concepts/hot-module-replacement/\"},\"position\":\"content\"}},\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"Hot Module Replacement (HMR)\"}]]]}]\n74:[\"$\",\"$L43\",null,{\"href\":\"https://js.electronforge.io/interfaces/_electron_forge_plugin_webpack.WebpackPluginConfig.html\",\"className\":\"underline underline-offset-2 text-primary-subtle hover:text-pri"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"mary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"url\",\"url\":\"https://js.electronforge.io/interfaces/_electron_forge_plugin_webpack.WebpackPluginConfig.html\"},\"position\":\"content\"}},\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"WebpackPluginConfig\"}]}]]]}]\n79:[\"$\",\"$L43\",null,{\"href\":\"https://webpack.js.org/configuration/dev-server/\",\"className\":\"underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"url\",\"url\":\"https://webpack.js.org/configuration/dev-server/\"},\"position\":\"content\"}},\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"webpack-dev-server\"}]}]]]}]\n7a:[\"$\",\"$L43\",null,{\"href\":\"https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP\",\"className\":\"underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"url\",\"url\":\"https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP\"},\"position\":\"content\"}},\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"Content Security Policy (CSP)\"}]]]}]\n7b:[\"$\",\"$L43\",null,{\"href\":\"https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src\",\"className\":\"underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"url\",\"url\":\"https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src\"},\"position\":\"content\"}},\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"script-src\"}]}]]]}]\n7e:[\"$\",\"$L43\",null,{\"href\":\"https://www.npmjs.com/package/node-loader\",\"className\":\"underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"url\",\"url\":\"https://www.npmjs.com/package/node-loader\"},\"position\":\"content\"}},\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"node-loader\"}]}]]]}]\n7f:[\"$\",\"$L43\",null,{\"href\":\"https://www.npmjs.com/package/@vercel/webpack-asset-relocator-loader\",\"className\":\"underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"url\",\"url\":\"https://www.npmjs.com/package/@vercel/webpack-asset-relocator-loader\"},\"position\":\"content\"}},\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"@vercel/webpack-asset-relocator-loader\"}]}]]]}]\n80:[\"$\",\"$L43\",null,{\"href\":\"https://webpack.js.org/configuration/externals/\",\"className\":\"underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"url\",\"url\":\"https:/"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"/webpack.js.org/configuration/externals/\"},\"position\":\"content\"}},\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"externals configuration\"}]]]}]\n81:[\"$\",\"$L43\",null,{\"href\":\"https://www.electronjs.org/docs/latest/api/browser-window\",\"className\":\"underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"url\",\"url\":\"https://www.electronjs.org/docs/latest/api/browser-window\"},\"position\":\"content\"}},\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"BrowserWindow\"}]}],[\"$\",\"$70\",\"1\",{\"children\":\" constructor options\"}]]]}]\n82:[\"$\",\"$L43\",null,{\"href\":\"https://nodejs.org/api/modules.html#requireid\",\"className\":\"underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"url\",\"url\":\"https://nodejs.org/api/modules.html#requireid\"},\"position\":\"content\"}},\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"require\"}]}]]]}]\n83:[\"$\",\"$L43\",null,{\"href\":\"https://webpack.js.org/configuration/target/\",\"className\":\"underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"url\",\"url\":\"https://webpack.js.org/configuration/target/\"},\"position\":\"content\"}},\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"targets\"}]]]}]\n84:[\"$\",\"$L43\",null,{\"href\":\"https://webpack.js.org/concepts/hot-module-replacement/\",\"className\":\"underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"url\",\"url\":\"https://webpack.js.org/concepts/hot-module-replacement/\"},\"position\":\"content\"}},\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"Hot Module Replacement (HMR)\"}]]]}]\n85:[\"$\",\"$L43\",null,{\"href\":\"https://github.com/gaearon/react-hot-loader\",\"className\":\"underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"url\",\"url\":\"https://github.com/gaearon/react-hot-loader\"},\"position\":\"content\"}},\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"react-hot-loader\"}]}]]]}]\n86:[\"$\",\"$L43\",null,{\"href\":\"https://github.com/ReactTraining/react-router\",\"className\":\"underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"url\",\"url\":\"https://github.com/ReactTraining/react-router\"},\"position\":\"content\"}},\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"react-router\"}]}]]]}]\n87:[\"$\",\"$L43\",null,{\"href\":\"https://reactrouter.com/en/main/router-components/memory-router\",\"className\":\"underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"url\",\"url\":\"https://reactrouter.com/en/main/router-components/memory"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"-router\"},\"position\":\"content\"}},\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] justify-center items-center ring-1 ring-inset ring-tint bg-tint rounded text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"MemoryRouter\"}]}]]]}]\n6d:[\"$\",\"aside\",null,{\"className\":\"group/aside hidden xl:flex flex-col basis-56 grow-0 shrink-0 break-anywhere text-tint contrast-more:text-tint-strong sticky lg:top-0 lg:max-h-screen site-header:lg:top-16 site-header:lg:max-h-[calc(100vh_-_4rem)] site-header-sections:lg:top-[6.75rem] site-header-sections:lg:max-h-[calc(100vh_-_6.75rem)] page-api-block:xl:max-2xl:z-10 page-api-block:xl:max-2xl:fixed page-api-block:xl:max-2xl:right-8 page-api-block:xl:max-2xl:w-56 page-api-block:xl:max-2xl:bg-tint/9 page-api-block:xl:max-2xl:contrast-more:bg-tint page-api-block:xl:max-2xl:backdrop-blur-lg page-api-block:xl:max-2xl:border page-api-block:xl:max-2xl:border-tint page-api-block:xl:max-2xl:hover:shadow-lg page-api-block:xl:max-2xl:hover:shadow-tint-12/1 page-api-block:xl:max-2xl:dark:hover:shadow-tint-1/1 page-api-block:xl:max-2xl:rounded-md page-api-block:xl:max-2xl:h-auto page-api-block:xl:max-2xl:my-8 page-api-block:p-2\",\"children\":[[[\"$\",\"div\",null,{\"className\":\"hidden page-api-block:xl:max-2xl:flex text-xs tracking-wide font-semibold uppercase flex-row items-center gap-2\",\"children\":[[\"$\",\"$L44\",null,{\"icon\":\"block-quote\",\"className\":\"size-3\"}],\"On this page\",[\"$\",\"$L44\",null,{\"icon\":\"chevron-down\",\"className\":\"size-3 opacity-6 ml-auto page-api-block:xl:max-2xl:group-hover/aside:hidden\"}]]}],[\"$\",\"div\",null,{\"className\":\"overflow-y-auto overflow-x-visible flex flex-col shrink pb-12 sticky lg:top:0 site-header:lg:top-16 site-header-sections:lg:top-[6.75rem] gap-6 pt-8 page-api-block:xl:max-2xl:py-0 page-api-block:xl:max-2xl:hidden page-api-block:xl:max-2xl:group-hover/aside:flex\",\"children\":[[\"$\",\"$24\",null,{\"fallback\":null,\"children\":\"$L8c\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-3 sidebar-list-default:px-3 border-t first:border-none border-tint-subtle py-4 first:pt-0 page-api-block:xl:max-2xl:px-3 empty:hidden\",\"children\":[[\"$\",\"$24\",null,{\"fallback\":null,\"children\":[\"$\",\"$L8a\",null,{\"pageId\":\"-LBKfwb-B6yl_H9il-oP\",\"className\":\"mt-2\"}]}],[\"$\",\"div\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://github.com/electron-forge/electron-forge-docs/blob/v6/config/plugins/webpack.md\",\"className\":\"flex flex-row items-center text-sm hover:text-tint-strong py-2\",\"children\":[[\"$\",\"$L44\",null,{\"icon\":\"github\",\"className\":\"size-4 mr-1.5\"}],\"Edit on GitHub\"]}]}],null]}]]}]],[\"$\",\"div\",null,{\"className\":\"pb-4 sticky bottom-0 bg-tint-base theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle theme-gradient:bg-gradient-primary theme-gradient-tint:bg-gradient-tint z-10 mt-auto flex flex-col page-api-block:xl:max-2xl:pb-0 page-api-block:xl:max-2xl:hidden page-api-block:xl:max-2xl:group-hover/aside:flex page-api-block:xl:max-2xl:bg-transparent\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-end mt-4\",\"children\":[\"$\",\"$24\",null,{\"fallback\":null,\"children\":[\"$\",\"$L45\",null,{}]}]}],[\"$\",\"$L8d\",null,{\"zoneId\":null,\"placement\":\"aside\",\"spaceId\":\"-LBKK1y7h_XWAtuRJG9X-4037718589\",\"siteAdsStatus\":\"$undefined\",\"ignore\":false,\"style\":\"$undefined\"}]]}]]}]\n75:[\"$\",\"$L43\",null,{\"href\":\"/config/configuration\",\"className\":\"underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKKKVFlxdg64cD03Tb\"},\"position\":\"content\"}},\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"configuration\"}]]]}]\n76:[\"$\",\"$L43\",null,{\"href\":\"/templates/webpack-template\",\"className\":\"underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-Lfg5N4bY8mM-aqwL6ga\"},\"position\":\"content\"}},\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"webpack "])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"template\"}]]]}]\n7c:[\"$\",\"$L43\",null,{\"href\":\"/templates/webpack-template\",\"className\":\"underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-Lfg5N4bY8mM-aqwL6ga\"},\"position\":\"content\"}},\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"Webpack\"}]]]}]\n7d:[\"$\",\"$L43\",null,{\"href\":\"/templates/typescript-+-webpack-template\",\"className\":\"underline underline-offset-2 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LwLEcBua7bZqemirctC\"},\"position\":\"content\"}},\"children\":[[[\"$\",\"$70\",\"0\",{\"children\":\"TypeScript + Webpack\"}]]]}]\n6f:[\"$\",\"header\",null,{\"className\":\"max-w-3xl mx-auto mb-6 space-y-3 page-api-block:ml-0\",\"children\":[[\"$\",\"nav\",null,{\"children\":[\"$\",\"ol\",null,{\"className\":\"flex flex-wrap items-center gap-2\",\"children\":[[\"$\",\"$70\",\"-Lfg5l3-7V-gFIT8qFfN\",{\"children\":[[\"$\",\"li\",\"-Lfg5l3-7V-gFIT8qFfN\",{\"children\":[\"$\",\"$L43\",null,{\"href\":\"/config\",\"children\":[\"$undefined\",\"Configuration\"],\"className\":\"underline-offset-2 decoration-primary/6 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors no-underline hover:underline text-xs tracking-wide font-semibold uppercase flex items-center gap-1.5 contrast-more:underline contrast-more:decoration-current\"}]}],[\"$\",\"$L44\",null,{\"icon\":\"chevron-right\",\"className\":\"size-3 text-tint-subtle\"}]]}],[\"$\",\"$70\",\"-LBKfYbASff-QwI7Z4wt\",{\"children\":[[\"$\",\"li\",\"-LBKfYbASff-QwI7Z4wt\",{\"children\":[\"$\",\"$L43\",null,{\"href\":\"/config/plugins\",\"children\":[\"$undefined\",\"Plugins\"],\"className\":\"underline-offset-2 decoration-primary/6 text-primary-subtle hover:text-primary contrast-more:text-primary contrast-more:hover:text-primary-strong transition-colors no-underline hover:underline text-xs tracking-wide font-semibold uppercase flex items-center gap-1.5 contrast-more:underline contrast-more:decoration-current\"}]}],false]}]]}]}],[\"$\",\"h1\",null,{\"className\":\"text-4xl font-bold flex items-center gap-4\",\"children\":[\"$undefined\",\"Webpack Plugin\"]}],[\"$\",\"p\",null,{\"className\":\"text-lg text-tint\",\"children\":\"Transform and bundle code for your Electron Forge app with webpack.\"}]]}]\n88:[\"$\",\"div\",null,{\"className\":\"flex flex-col md:flex-row mt-6 gap-2 max-w-3xl mx-auto page-api-block:ml-0 text-tint\",\"children\":[[\"$\",\"$L43\",null,{\"href\":\"/config/plugins\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-LBKfYbASff-QwI7Z4wt\"},\"position\":\"content\"}},\"className\":\"group text-sm p-2.5 flex gap-4 flex-1 flex-row-reverse items-center pl-4 border border-tint-subtle rounded straight-corners:rounded-none hover:border-primary text-pretty md:p-4 md:text-base\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex flex-col flex-1 text-right\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs\",\"children\":\"Previous\"}],[\"$\",\"span\",null,{\"className\":\"text-tint-strong group-hover:text-primary line-clamp-2\",\"children\":\"Plugins\"}]]}],[\"$\",\"$L44\",null,{\"icon\":\"chevron-left\",\"className\":\"hidden size-4 text-tint-subtle contrast-more:text-tint-strong group-hover:text-primary md:block\"}]]}],[\"$\",\"$L43\",null,{\"href\":\"/config/plugins/vite\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"IXeZBQkGX5EQ8tGs8RFK\"},\"position\":\"content\"}},\"className\":\"group text-sm p-2.5 flex gap-4 flex-1 flex-row items-center pr-4 border border-tint-subtle rounded straight-corners:rounded-none hover:border-primary text-pretty md:p-4 md:text-base\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex flex-col flex-1\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs\",\"children\":\"Next\"}],[\"$\",\"span\",null,{\"className\":\"text-tint-strong group-hover:text-primary line-clamp-2\",\"children\":\"Vite Plugin\"}]]}],[\"$\",\"$L44\",null,{\"icon\":\"chevron-right\",\"className\":\"hidden size-4 text-tint-subtle contrast-more:text-tint-strong group-hover:text-primary md:block"])</script><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">self.__next_f.push([1,"\"}]]}]]}]\n8e:I[19522,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5572\",\"static/chunks/5572-d068cc2bc8e73d12.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"8325\",\"static/chunks/8325-fc5ab1181936ca35.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"4168\",\"static/chunks/4168-6e5564dc4fcde49c.js\",\"4722\",\"static/chunks/app/middleware/(site)/(content)/%5B%5B...pathname%5D%5D/page-d7d21858d47c6796.js\"],\"ScrollSectionsList\"]\n8c:[\"$\",\"$L8e\",null,{\"sections\":[{\"id\":\"installation\",\"title\":\"Installation\",\"depth\":1},{\"id\":\"usage\",\"title\":\"Usage\",\"depth\":1},{\"id\":\"plugin-configuration\",\"title\":\"Plugin configuration\",\"depth\":2},{\"id\":\"project-files\",\"title\":\"Project files\",\"depth\":2},{\"id\":\"advanced-configuration\",\"title\":\"Advanced configuration\",\"depth\":1},{\"id\":\"webpack-dev-server\",\"title\":\"webpack-dev-server\",\"depth\":2},{\"id\":\"native-node-modules\",\"title\":\"Native Node modules\",\"depth\":2},{\"id\":\"node-integration\",\"title\":\"Node integration\",\"depth\":2},{\"id\":\"hot-module-replacement\",\"title\":\"Hot module replacement\",\"depth\":1},{\"id\":\"hot-reload-caching\",\"title\":\"Hot reload caching\",\"depth\":2},{\"id\":\"hot-reloading-for-react\",\"title\":\"Hot Reloading for React\",\"depth\":2},{\"id\":\"what-happens-in-production\",\"title\":\"What happens in production?\",\"depth\":1},{\"id\":\"how-do-i-do-virtual-routing\",\"title\":\"How do I do virtual routing?\",\"depth\":1}]}]\n"])</script><div hidden id="S:0"><ul class="sidebar-list-line:border-l border-tint-subtle"><li class="flex flex-row relative h-fit mt-2"><a href="#installation" class="relative flex flex-row items-baseline z-10 text-sm w-full py-1 px-3 transition-all duration-200 rounded-md straight-corners:rounded-none sidebar-list-line:rounded-l-none hover:bg-tint-hover theme-gradient:hover:bg-tint-12/1 hover:text-tint-strong contrast-more:hover:ring-1 contrast-more:hover:ring-inset contrast-more:hover:ring-current"><span class="">Installation</span></a></li><li class="flex flex-row relative h-fit mt-2"><a href="#usage" class="relative flex flex-row items-baseline z-10 text-sm w-full py-1 px-3 transition-all duration-200 rounded-md straight-corners:rounded-none sidebar-list-line:rounded-l-none hover:bg-tint-hover theme-gradient:hover:bg-tint-12/1 hover:text-tint-strong contrast-more:hover:ring-1 contrast-more:hover:ring-inset contrast-more:hover:ring-current"><span class="">Usage</span></a></li><li class="flex flex-row relative h-fit ml-3 my-0 sidebar-list-line:ml-0"><a href="#plugin-configuration" class="relative flex flex-row items-baseline z-10 text-sm w-full py-1 px-3 transition-all duration-200 rounded-md straight-corners:rounded-none sidebar-list-line:rounded-l-none hover:bg-tint-hover theme-gradient:hover:bg-tint-12/1 hover:text-tint-strong contrast-more:hover:ring-1 contrast-more:hover:ring-inset contrast-more:hover:ring-current subitem sidebar-list-line:pl-6 opacity-8 contrast-more:opacity-11 sidebar-list-default:rounded-l-none sidebar-list-default:border-l sidebar-list-default:border-tint"><span class="">Plugin configuration</span></a></li><li class="flex flex-row relative h-fit ml-3 my-0 sidebar-list-line:ml-0"><a href="#project-files" class="relative flex flex-row items-baseline z-10 text-sm w-full py-1 px-3 transition-all duration-200 rounded-md straight-corners:rounded-none sidebar-list-line:rounded-l-none hover:bg-tint-hover theme-gradient:hover:bg-tint-12/1 hover:text-tint-strong contrast-more:hover:ring-1 contrast-more:hover:ring-inset contrast-more:hover:ring-current subitem sidebar-list-line:pl-6 opacity-8 contrast-more:opacity-11 sidebar-list-default:rounded-l-none sidebar-list-default:border-l sidebar-list-default:border-tint"><span class="">Project files</span></a></li><li class="flex flex-row relative h-fit mt-2"><a href="#advanced-configuration" class="relative flex flex-row items-baseline z-10 text-sm w-full py-1 px-3 transition-all duration-200 rounded-md straight-corners:rounded-none sidebar-list-line:rounded-l-none hover:bg-tint-hover theme-gradient:hover:bg-tint-12/1 hover:text-tint-strong contrast-more:hover:ring-1 contrast-more:hover:ring-inset contrast-more:hover:ring-current"><span class="">Advanced configuration</span></a></li><li class="flex flex-row relative h-fit ml-3 my-0 sidebar-list-line:ml-0"><a href="#webpack-dev-server" class="relative flex flex-row items-baseline z-10 text-sm w-full py-1 px-3 transition-all duration-200 rounded-md straight-corners:rounded-none sidebar-list-line:rounded-l-none hover:bg-tint-hover theme-gradient:hover:bg-tint-12/1 hover:text-tint-strong contrast-more:hover:ring-1 contrast-more:hover:ring-inset contrast-more:hover:ring-current subitem sidebar-list-line:pl-6 opacity-8 contrast-more:opacity-11 sidebar-list-default:rounded-l-none sidebar-list-default:border-l sidebar-list-default:border-tint"><span class="">webpack-dev-server</span></a></li><li class="flex flex-row relative h-fit ml-3 my-0 sidebar-list-line:ml-0"><a href="#native-node-modules" class="relative flex flex-row items-baseline z-10 text-sm w-full py-1 px-3 transition-all duration-200 rounded-md straight-corners:rounded-none sidebar-list-line:rounded-l-none hover:bg-tint-hover theme-gradient:hover:bg-tint-12/1 hover:text-tint-strong contrast-more:hover:ring-1 contrast-more:hover:ring-inset contrast-more:hover:ring-current subitem sidebar-list-line:pl-6 opacity-8 contrast-more:opacity-11 sidebar-list-default:rounded-l-none sidebar-list-default:border-l sidebar-list-default:border-tint"><span class="">Native Node modules</span></a></li><li class="flex flex-row relative h-fit ml-3 my-0 sidebar-list-line:ml-0"><a href="#node-integration" class="relative flex flex-row items-baseline z-10 text-sm w-full py-1 px-3 transition-all duration-200 rounded-md straight-corners:rounded-none sidebar-list-line:rounded-l-none hover:bg-tint-hover theme-gradient:hover:bg-tint-12/1 hover:text-tint-strong contrast-more:hover:ring-1 contrast-more:hover:ring-inset contrast-more:hover:ring-current subitem sidebar-list-line:pl-6 opacity-8 contrast-more:opacity-11 sidebar-list-default:rounded-l-none sidebar-list-default:border-l sidebar-list-default:border-tint"><span class="">Node integration</span></a></li><li class="flex flex-row relative h-fit mt-2"><a href="#hot-module-replacement" class="relative flex flex-row items-baseline z-10 text-sm w-full py-1 px-3 transition-all duration-200 rounded-md straight-corners:rounded-none sidebar-list-line:rounded-l-none hover:bg-tint-hover theme-gradient:hover:bg-tint-12/1 hover:text-tint-strong contrast-more:hover:ring-1 contrast-more:hover:ring-inset contrast-more:hover:ring-current"><span class="">Hot module replacement</span></a></li><li class="flex flex-row relative h-fit ml-3 my-0 sidebar-list-line:ml-0"><a href="#hot-reload-caching" class="relative flex flex-row items-baseline z-10 text-sm w-full py-1 px-3 transition-all duration-200 rounded-md straight-corners:rounded-none sidebar-list-line:rounded-l-none hover:bg-tint-hover theme-gradient:hover:bg-tint-12/1 hover:text-tint-strong contrast-more:hover:ring-1 contrast-more:hover:ring-inset contrast-more:hover:ring-current subitem sidebar-list-line:pl-6 opacity-8 contrast-more:opacity-11 sidebar-list-default:rounded-l-none sidebar-list-default:border-l sidebar-list-default:border-tint"><span class="">Hot reload caching</span></a></li><li class="flex flex-row relative h-fit ml-3 my-0 sidebar-list-line:ml-0"><a href="#hot-reloading-for-react" class="relative flex flex-row items-baseline z-10 text-sm w-full py-1 px-3 transition-all duration-200 rounded-md straight-corners:rounded-none sidebar-list-line:rounded-l-none hover:bg-tint-hover theme-gradient:hover:bg-tint-12/1 hover:text-tint-strong contrast-more:hover:ring-1 contrast-more:hover:ring-inset contrast-more:hover:ring-current subitem sidebar-list-line:pl-6 opacity-8 contrast-more:opacity-11 sidebar-list-default:rounded-l-none sidebar-list-default:border-l sidebar-list-default:border-tint"><span class="">Hot Reloading for React</span></a></li><li class="flex flex-row relative h-fit mt-2"><a href="#what-happens-in-production" class="relative flex flex-row items-baseline z-10 text-sm w-full py-1 px-3 transition-all duration-200 rounded-md straight-corners:rounded-none sidebar-list-line:rounded-l-none hover:bg-tint-hover theme-gradient:hover:bg-tint-12/1 hover:text-tint-strong contrast-more:hover:ring-1 contrast-more:hover:ring-inset contrast-more:hover:ring-current"><span class="">What happens in production?</span></a></li><li class="flex flex-row relative h-fit mt-2"><a href="#how-do-i-do-virtual-routing" class="relative flex flex-row items-baseline z-10 text-sm w-full py-1 px-3 transition-all duration-200 rounded-md straight-corners:rounded-none sidebar-list-line:rounded-l-none hover:bg-tint-hover theme-gradient:hover:bg-tint-12/1 hover:text-tint-strong contrast-more:hover:ring-1 contrast-more:hover:ring-inset contrast-more:hover:ring-current"><span class="">How do I do virtual routing?</span></a></li></ul></div><script nonce="ZjgzYjFiZDUtNmExNC00ZDE2LTliYzUtNTgzMGM5OGY4ZmQ5">$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("B:0","S:0")</script></body></html>