{"compiled":"\"use strict\";\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n a: \"a\",\n br: \"br\",\n code: \"code\",\n figure: \"figure\",\n h2: \"h2\",\n h3: \"h3\",\n hr: \"hr\",\n li: \"li\",\n p: \"p\",\n pre: \"pre\",\n span: \"span\",\n strong: \"strong\",\n ul: \"ul\",\n ...props.components\n }, {Badge, Box, TabItem, Tabs} = _components;\n if (!Badge) _missingMdxReference(\"Badge\", true);\n if (!Box) _missingMdxReference(\"Box\", true);\n if (!TabItem) _missingMdxReference(\"TabItem\", true);\n if (!Tabs) _missingMdxReference(\"Tabs\", true);\n return _jsxs(_Fragment, {\n children: [_jsxs(_components.p, {\n children: [\"The output generated by \", _jsx(_components.code, {\n children: \"serpack\"\n }), \" includes various functions and helper scripts that ensure smooth execution of JavaScript scripts.\", _jsx(_components.br, {}), \"\\n\", \"However, redeclaring helpers that already exist leads to increased file size and inefficiency.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To address this issue, you can omit the declaration of these helpers.\", _jsx(_components.br, {}), \"\\n\", \"Instead, a \", _jsx(_components.strong, {\n children: \"separate runner\"\n }), \" is required to execute the compiled file.\"]\n }), \"\\n\", _jsx(_components.h3, {\n children: \"Compilation\"\n }), \"\\n\", _jsx(_components.hr, {}), \"\\n\", _jsxs(Tabs, {\n children: [_jsx(TabItem, {\n id: \"JavaScript\",\n children: _jsx(_components.figure, {\n \"data-rehype-pretty-code-figure\": \"\",\n children: _jsx(_components.pre, {\n tabIndex: \"0\",\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n children: _jsxs(_components.code, {\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n style: {\n display: \"grid\"\n },\n children: [_jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" compile\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" }\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" from\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \" '\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"serpack\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n \"data-line\": \"\",\n children: \" \"\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \"compile\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"src/index.ts\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \",\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#F07178\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" runtime\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \":\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#FF9CAC\",\n \"--shiki-light\": \"#005CC5\"\n },\n children: \" true\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" }\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n })]\n })\n })\n })\n }), _jsx(TabItem, {\n id: \"CLI\",\n children: _jsx(_components.figure, {\n \"data-rehype-pretty-code-figure\": \"\",\n children: _jsx(_components.pre, {\n tabIndex: \"0\",\n \"data-language\": \"bash\",\n \"data-theme\": \"material-theme-palenight github-light\",\n children: _jsx(_components.code, {\n \"data-language\": \"bash\",\n \"data-theme\": \"material-theme-palenight github-light\",\n style: {\n display: \"grid\"\n },\n children: _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#FFCB6B\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \"npx\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \" serpack\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \" ./src/index.ts\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#005CC5\"\n },\n children: \" --runtime\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#005CC5\"\n },\n children: \" --output=./output.js\"\n })]\n })\n })\n })\n })\n })]\n }), \"\\n\", _jsx(_components.h3, {\n children: \"Execution\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"To run the compiled module, use \", _jsx(_components.code, {\n children: \"createRuntime\"\n }), \" to create a runtime environment and execute it.\"]\n }), \"\\n\", _jsx(_components.figure, {\n \"data-rehype-pretty-code-figure\": \"\",\n children: _jsx(_components.pre, {\n tabIndex: \"0\",\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n children: _jsxs(_components.code, {\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n style: {\n display: \"grid\"\n },\n children: [_jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" createRuntime\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" }\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" from\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \" '\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"serpack/runtime\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n \"data-line\": \"\",\n children: \" \"\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C792EA\",\n \"--shiki-light\": \"#D73A49\"\n },\n children: \"const\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#005CC5\"\n },\n children: \" runtime\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#D73A49\"\n },\n children: \" =\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \" createRuntime\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"./output.js\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n \"data-line\": \"\",\n children: \" \"\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"runtime\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \".\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \"execute\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"()\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Simply pass the output path of the module compiled with the \", _jsx(_components.code, {\n children: \"runtime\"\n }), \" option into \", _jsx(_components.code, {\n children: \"createRuntime\"\n }), \", and it will handle execution.\"]\n }), \"\\n\", _jsx(_components.h2, {\n children: \"Runtime Instance\"\n }), \"\\n\", _jsxs(_components.h3, {\n children: [\"runtime.execute() \", _jsx(Badge, {\n type: \"tip\",\n children: \"--runtime\"\n })]\n }), \"\\n\", _jsx(_components.p, {\n children: \"Execute the compiled module and get its exported value.\"\n }), \"\\n\", _jsxs(Tabs, {\n children: [_jsx(TabItem, {\n id: \"Target\",\n children: _jsx(_components.figure, {\n \"data-rehype-pretty-code-figure\": \"\",\n children: _jsx(_components.pre, {\n tabIndex: \"0\",\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n children: _jsxs(_components.code, {\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n style: {\n display: \"grid\"\n },\n children: [_jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"export\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" default\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#F07178\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" apple\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \":\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \" '\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"🍎\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n \"data-line\": \"\",\n children: _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"};\"\n })\n })]\n })\n })\n })\n }), _jsx(TabItem, {\n id: \"Runner\",\n children: _jsx(_components.figure, {\n \"data-rehype-pretty-code-figure\": \"\",\n children: _jsx(_components.pre, {\n tabIndex: \"0\",\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n children: _jsxs(_components.code, {\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n style: {\n display: \"grid\"\n },\n children: [_jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C792EA\",\n \"--shiki-light\": \"#D73A49\"\n },\n children: \"const\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#005CC5\"\n },\n children: \" mod\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#D73A49\"\n },\n children: \" =\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" runtime\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \".\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \"execute\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"()\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n \"data-line\": \"\",\n children: \" \"\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"console\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \".\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \"log\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(mod\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \".\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"default\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \".\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"apple)\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n })]\n })\n })\n })\n })]\n }), \"\\n\", _jsxs(_components.h3, {\n children: [\"runtime.createExternalModule() \", _jsx(Badge, {\n type: \"tip\",\n children: \"--runtime\"\n })]\n }), \"\\n\", _jsx(_components.p, {\n children: \"Create virtual module.\"\n }), \"\\n\", _jsxs(Tabs, {\n children: [_jsx(TabItem, {\n id: \"Target\",\n children: _jsx(_components.figure, {\n \"data-rehype-pretty-code-figure\": \"\",\n children: _jsx(_components.pre, {\n tabIndex: \"0\",\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n children: _jsxs(_components.code, {\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n style: {\n display: \"grid\"\n },\n children: [_jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" name\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" }\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" from\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \" '\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"hello\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#676E95\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#6A737D\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" // module \\\"hello\\\" is a virtual module.\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n \"data-line\": \"\",\n children: \" \"\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"console\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \".\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \"log\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"`\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"Hello \"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"${\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"name\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"!\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"`\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#676E95\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#6A737D\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" // Hello World!\"\n })]\n })]\n })\n })\n })\n }), _jsx(TabItem, {\n id: \"Runner\",\n children: _jsx(_components.figure, {\n \"data-rehype-pretty-code-figure\": \"\",\n children: _jsx(_components.pre, {\n tabIndex: \"0\",\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n children: _jsxs(_components.code, {\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n style: {\n display: \"grid\"\n },\n children: [_jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"runtime\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \".\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \"createExternalModule\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"hello\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \",\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" (\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#E36209\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"serpack_require\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \",\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#E36209\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" require\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \",\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#E36209\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" module\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C792EA\",\n \"--shiki-light\": \"#D73A49\"\n },\n children: \" =>\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#005CC5\"\n },\n children: \" module\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \".\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#005CC5\"\n },\n children: \"exports\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#D73A49\"\n },\n children: \" =\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#F07178\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" name\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \":\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \" '\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"World\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \",\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n \"data-line\": \"\",\n children: _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" };\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n })]\n })\n })\n })\n })]\n }), \"\\n\", _jsxs(_components.h3, {\n children: [\"runtime.require() \", _jsx(Badge, {\n type: \"tip\",\n children: \"--runtime\"\n }), \" \", _jsx(Badge, {\n type: \"warning\",\n children: \"node-only\"\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Same: \", _jsx(_components.a, {\n href: \"#createrequire()-,%5Bobject-object%5D\",\n children: \"#createRequire()\"\n })]\n }), \"\\n\", _jsx(_components.h2, {\n children: \"APIs\"\n }), \"\\n\", _jsx(_components.h3, {\n children: \"env()\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Load runtime environment variables.\"\n }), \"\\n\", _jsx(_components.figure, {\n \"data-rehype-pretty-code-figure\": \"\",\n children: _jsx(_components.pre, {\n tabIndex: \"0\",\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n children: _jsxs(_components.code, {\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n style: {\n display: \"grid\"\n },\n children: [_jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" env\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" }\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" from\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \" '\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"serpack/runtime\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n \"data-line\": \"\",\n children: \" \"\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"console\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \".\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \"log\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \"env\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"()\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \".\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"target \"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#D73A49\"\n },\n children: \"===\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \" '\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"node\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#676E95\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#6A737D\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" // type target = \\\"browser\\\" | \\\"node\\\"\"\n })]\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.h3, {\n children: [\"createRequire() \", _jsx(Badge, {\n type: \"warning\",\n children: \"node-only\"\n })]\n }), \"\\n\", _jsx(_components.p, {\n children: \"Receive a virtual module and create a requirement.\"\n }), \"\\n\", _jsx(_components.figure, {\n \"data-rehype-pretty-code-figure\": \"\",\n children: _jsx(_components.pre, {\n tabIndex: \"0\",\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n children: _jsxs(_components.code, {\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n style: {\n display: \"grid\"\n },\n children: [_jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" createRequire\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" }\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" from\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \" '\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"serpack/runtime\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n \"data-line\": \"\",\n children: \" \"\n }), \"\\n\", _jsx(_components.span, {\n \"data-line\": \"\",\n children: _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#676E95\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#6A737D\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"// createRequire is node-only feature\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"process\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \".\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"env\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \".\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"__RUNTIME__ \"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#D73A49\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#005CC5\"\n },\n children: \" JSON\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \".\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \"stringify\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#F07178\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" target\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \":\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \" '\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"node\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" }\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n \"data-line\": \"\",\n children: \" \"\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C792EA\",\n \"--shiki-light\": \"#D73A49\"\n },\n children: \"const\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#005CC5\"\n },\n children: \" $require\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#D73A49\"\n },\n children: \" =\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \" createRequire\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"{\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#F78C6C\",\n \"--shiki-light\": \"#005CC5\"\n },\n children: \" 1\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \":\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" (\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#E36209\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"__serpack_require__\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \",\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#E36209\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" require\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \",\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#E36209\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" module\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \",\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#E36209\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" exports\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C792EA\",\n \"--shiki-light\": \"#D73A49\"\n },\n children: \" =>\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#005CC5\"\n },\n children: \" module\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \".\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#005CC5\"\n },\n children: \"exports\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#D73A49\"\n },\n children: \" =\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \" '\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"Hello World\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n \"data-line\": \"\",\n children: _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" },\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n \"data-line\": \"\",\n children: \" \"\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"console\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \".\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \"log\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \"$require\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"sp:1\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"))\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#676E95\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#6A737D\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" // Hello World\"\n })]\n })]\n })\n })\n }), \"\\n\", _jsx(Box, {\n type: \"info\",\n children: _jsxs(_components.p, {\n children: [\"The prefix \", _jsx(_components.code, {\n children: \"sp:\"\n }), \" is used to distinguish whether it is a virtual module or a module that\\nis excluded from a bundle, such as \", _jsx(_components.code, {\n children: \"node_modules\"\n }), \" and \", _jsx(_components.code, {\n children: \"node:\"\n }), \" modules\"]\n })\n }), \"\\n\", _jsx(_components.h2, {\n children: \"Size Reduction\"\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [\"target: \", _jsx(_components.a, {\n href: \"https://github.com/zely-js/zely/tree/zely4/playground/typescript\",\n children: \"@playground/typescript/pages/index.ts\"\n })]\n }), \"\\n\"]\n }), \"\\n\", _jsxs(Tabs, {\n children: [_jsx(TabItem, {\n id: \"Enable runtime\",\n children: _jsx(_components.figure, {\n \"data-rehype-pretty-code-figure\": \"\",\n children: _jsx(_components.pre, {\n tabIndex: \"0\",\n \"data-language\": \"txt\",\n \"data-theme\": \"material-theme-palenight github-light\",\n children: _jsx(_components.code, {\n \"data-language\": \"txt\",\n \"data-theme\": \"material-theme-palenight github-light\",\n style: {\n display: \"grid\"\n },\n children: _jsx(_components.span, {\n \"data-line\": \"\",\n children: _jsx(_components.span, {\n children: \"553 KB\"\n })\n })\n })\n })\n })\n }), _jsx(TabItem, {\n id: \"Disable runtime\",\n children: _jsx(_components.figure, {\n \"data-rehype-pretty-code-figure\": \"\",\n children: _jsx(_components.pre, {\n tabIndex: \"0\",\n \"data-language\": \"txt\",\n \"data-theme\": \"material-theme-palenight github-light\",\n children: _jsx(_components.code, {\n \"data-language\": \"txt\",\n \"data-theme\": \"material-theme-palenight github-light\",\n style: {\n display: \"grid\"\n },\n children: _jsx(_components.span, {\n \"data-line\": \"\",\n children: _jsx(_components.span, {\n children: \"914 KB\"\n })\n })\n })\n })\n })\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Size reduced by \", _jsx(_components.strong, {\n children: \"60%\"\n }), \".\"]\n }), \"\\n\", _jsx(_components.hr, {}), \"\\n\", _jsx(_components.h2, {\n children: \"Troubleshooting\"\n }), \"\\n\", _jsx(_components.h3, {\n children: \"Error: Cannot find module '@swc/helpers'\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"This error occurs because the \", _jsx(_components.code, {\n children: \"@swc/helpers\"\n }), \" package is damaged or missing.\"]\n }), \"\\n\", _jsx(_components.figure, {\n \"data-rehype-pretty-code-figure\": \"\",\n children: _jsx(_components.pre, {\n tabIndex: \"0\",\n \"data-language\": \"bash\",\n \"data-theme\": \"material-theme-palenight github-light\",\n children: _jsx(_components.code, {\n \"data-language\": \"bash\",\n \"data-theme\": \"material-theme-palenight github-light\",\n style: {\n display: \"grid\"\n },\n children: _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#FFCB6B\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \"npm\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \" i\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#005CC5\"\n },\n children: \" --save-dev\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \" @swc/helpers\"\n })]\n })\n })\n })\n }), \"\\n\", _jsx(_components.h3, {\n children: \"TypeError: __serpack_require__ is not a function\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"An error occurred because the target is not set to \", _jsx(_components.code, {\n children: \"node\"\n }), \".\\nThis can occur when you create a require using \", _jsx(_components.code, {\n children: \"createRequire()\"\n }), \".\"]\n }), \"\\n\", _jsx(_components.figure, {\n \"data-rehype-pretty-code-figure\": \"\",\n children: _jsx(_components.pre, {\n tabIndex: \"0\",\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n children: _jsxs(_components.code, {\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n style: {\n display: \"grid\"\n },\n children: [_jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"process\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \".\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"env\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \".\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"__RUNTIME__ \"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#D73A49\"\n },\n children: \"=\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#005CC5\"\n },\n children: \" JSON\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \".\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \"stringify\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"{\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#F07178\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" target\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \":\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \" '\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"node\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"'\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" }\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n \"data-line\": \"\",\n children: _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#676E95\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#6A737D\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"// or window.__RUNTIME__ = JSON.stringify({ target: 'node' });\"\n })\n })]\n })\n })\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Change runtime environment to \", _jsx(_components.code, {\n children: \"node\"\n }), \".\"]\n }), \"\\n\", _jsxs(Box, {\n type: \"tip\",\n children: [_jsx(_components.code, {\n children: \"createRequire()\"\n }), \" returns \", _jsx(_components.code, {\n children: \"null\"\n }), \" when not in a node environment\"]\n })]\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = props.components || ({});\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","posts":[{"introduction":"Introduction"},{"comparison":"Comparison"},{"serpackrc":".serpackrc.js"},{"compile":"Compile"},{"options":"Compiler Options"},{"runtime":"serpack/runtime"},{"sourcemap":"Sourcemap"},{"externals":"Exclude node_modules"},{"extension":"Supported Extensions"},{"modifier":"Modifier"},{"plugin-guide":"Plugin Guide"},{"generate-d-ts":"Generate .d.ts"},{"serpack-only":"serpack-only Feature"},{"debug":"Debugging Mode"},{"roadmap":"Roadmap"}],"target":{"runtime":"serpack/runtime"},"targetcategory":"APIs","directory":"serpack"}