avoid FOUC much more

traceypooh · Jan 20, 2025 · e6dfaea · e6dfaea
1 parent 0e54e31
commit e6dfaea
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 6 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1 +1,3 @@
+deno.lock
 names.txt
+node_modules
diff --git a/deno.json b/deno.json
@@ -0,0 +1,3 @@
+{
+  "nodeModulesDir": "auto"
+}
diff --git a/index.html b/index.html
@@ -27,7 +27,7 @@
   <link href="css/blogtini.css" rel="stylesheet" type="text/css"/>
   <script type="module" src="theme.js"></script>
 </head>
-<body class="homepage">
+<body class="homepage" style="display:none">
 
 # Welcome to Blogtini!
 

diff --git a/js/blogtini.js b/js/blogtini.js
@@ -315,14 +315,12 @@ log('xxxx testitos', await find_posts_from_github_api_tree()); return
   // eslint-disable-next-line no-use-before-define
   add_interactivity()
 
-
   // if (state.filedev || state.localdev) // xxx ideally use normal customElements for production
   await import('https://esm.ext.archive.org/[email protected]')
 
-  import(cfg.theme)
-
+  await import(cfg.theme)
 
-  document.querySelector('body').style.display = 'block' // for SSR
+  document.querySelector('body').style.display = 'block' // SSR step hides body until now
 }
 
 

diff --git a/js/dom.js b/js/dom.js
@@ -1,4 +1,4 @@
-import { JSDOM } from 'https://esm.ext.archive.org/[email protected]'
+import { JSDOM } from 'https://esm.ext.archive.org/[email protected]?target=esnext'
 
 const doc = new JSDOM('')
 globalThis.document = doc.window.document