[{"componentName":"","html":"\n\n \n \n \n \n \n PaneJS\n\n \n \n\n \n \n /**\n * Setup the application.\n */\n async function setupApp() {\n const worker = new Worker(\"/javascripts/services/fetcher/worker.js\", {\n type: \"module\",\n });\n\n worker.postMessage({\n type: \"boot\",\n path: \"\",\n reqId: 666,\n });\n\n worker.onmessage = async ({ data }) => {\n const {\n FetcherBlobUrl,\n LoaderBlobUrl,\n ComponentBlobUrl,\n RouterBlobUrl,\n } = data.response;\n\n worker.onmessage = null;\n\n const [\n { default: Fetcher },\n { default: Loader },\n { default: Component },\n { default: Router },\n ] = await Promise.all([\n import(FetcherBlobUrl),\n import(LoaderBlobUrl),\n import(ComponentBlobUrl),\n import(RouterBlobUrl),\n ]);\n\n Fetcher.loadWorker(worker);\n\n window.container = {\n Fetcher,\n Loader,\n Component,\n Router,\n };\n\n const app = await window.container.Loader.load({ name: \"app\" });\n\n document.body.append(app);\n\n let path = window.location.pathname;\n if (path === \"/\") {\n path = \"/home\";\n }\n\n path = path.replace(\"/\", \"\");\n\n window.container.Router.load({\n name: path,\n });\n\n document.getElementById(\"bootScripts\").remove();\n };\n }\n\n setupApp();\n \n\n \n /**\n * Load styles to the page.\n */\n async function loadStyles() {\n const styleSheet = new CSSStyleSheet();\n const rules = `\n html {\n background-color: #151728;\n }\n\n html {\n -webkit-text-size-adjust: 100%;\n min-height: 100vh;\n scrollbar-gutter: stable;\n overflow: overlay;\n }\n\n body {\n display: grid;\n grid-template-rows: 1fr auto;\n min-height: 100%;\n margin: 0;\n }\n `;\n\n styleSheet.replace\n ? styleSheet.replace(rules)\n : styleSheet.replaceSync(rules);\n\n document.adoptedStyleSheets = [styleSheet];\n document.querySelector(\"html\").removeAttribute(\"style\");\n document.getElementById(\"preloadStyles\").remove();\n }\n\n loadStyles();\n \n \n\n","js":"\n\n \n \n \n \n \n PaneJS\n\n \n \n\n \n \n /**\n * Setup the application.\n */\n async function setupApp() {\n const worker = new Worker(\"/javascripts/services/fetcher/worker.js\", {\n type: \"module\",\n });\n\n worker.postMessage({\n type: \"boot\",\n path: \"\",\n reqId: 666,\n });\n\n worker.onmessage = async ({ data }) => {\n const {\n FetcherBlobUrl,\n LoaderBlobUrl,\n ComponentBlobUrl,\n RouterBlobUrl,\n } = data.response;\n\n worker.onmessage = null;\n\n const [\n { default: Fetcher },\n { default: Loader },\n { default: Component },\n { default: Router },\n ] = await Promise.all([\n import(FetcherBlobUrl),\n import(LoaderBlobUrl),\n import(ComponentBlobUrl),\n import(RouterBlobUrl),\n ]);\n\n Fetcher.loadWorker(worker);\n\n window.container = {\n Fetcher,\n Loader,\n Component,\n Router,\n };\n\n const app = await window.container.Loader.load({ name: \"app\" });\n\n document.body.append(app);\n\n let path = window.location.pathname;\n if (path === \"/\") {\n path = \"/home\";\n }\n\n path = path.replace(\"/\", \"\");\n\n window.container.Router.load({\n name: path,\n });\n\n document.getElementById(\"bootScripts\").remove();\n };\n }\n\n setupApp();\n \n\n \n /**\n * Load styles to the page.\n */\n async function loadStyles() {\n const styleSheet = new CSSStyleSheet();\n const rules = `\n html {\n background-color: #151728;\n }\n\n html {\n -webkit-text-size-adjust: 100%;\n min-height: 100vh;\n scrollbar-gutter: stable;\n overflow: overlay;\n }\n\n body {\n display: grid;\n grid-template-rows: 1fr auto;\n min-height: 100%;\n margin: 0;\n }\n `;\n\n styleSheet.replace\n ? styleSheet.replace(rules)\n : styleSheet.replaceSync(rules);\n\n document.adoptedStyleSheets = [styleSheet];\n document.querySelector(\"html\").removeAttribute(\"style\");\n document.getElementById(\"preloadStyles\").remove();\n }\n\n loadStyles();\n \n \n\n","css":" PaneJS <> ","uid":"_0"}]