💥 📝

bs/docs.js

@@ -2,48 +2,25 @@
 /* jshint esversion: 11,-W097, -W040, module: true, node: true, expr: true, undef: true *//* global echo, $, pipe, s, fetch, cyclicLoop */
 echo("Building static documentation files…");
 echo("Preparing…");
-const path_target= {
-	root: "docs/",
-	css: "docs/"
-};
+import { path_target, pages, styles, dispatchEvent } from "../docs_src/ssr.js";
 import { createHTMl } from "./docs/jsdom.js";
 import { register } from "../jsdom.js";
 const pkg= s.cat("package.json").xargs(JSON.parse);
-const pages= [
-	{ id: "index", title: "Introduction", description: "Introducing a library and motivations." },
-	{ id: "elements", title: "Elements", description: "Basic concepts of elements modifications and creations." }
-];
 
 for(const info of pages){
 	const { id }= info;
 	echo(`Generating ${id}.html…`);
 	const ssr= createHTMl("");
 	const { el }= await register(ssr.dom);
-	const { page, css }= await import(`../docs_src/${id}.html.js`); //→											TODO: important to mention in docs!!!
+	const { page }= await import(`../docs_src/${id}.html.js`); //→											TODO: important to mention in docs!!!
 	document.body.append(
-		el(page, { pkg, info, path_target, pages, registerClientFile }),
+		el(page, { pkg, info }),
 	);
 
 	echo.use("-R", `Writing ${id}.html…`);
+	dispatchEvent("oneachrender", document);
 	s.echo(ssr.serialize()).to(path_target.root+id+".html");
-	s.echo(css.content).to(path_target.css+id+".css");
 }
+s.echo(styles.content).to(path_target.css+styles.name);
+dispatchEvent("onssrend");
 echo("Done");
-
-
-/**
- * @typedef registerClientFile
- * @type {function}
- * @param {URL} url
- * @param {HTMLScriptElement|HTMLLinkElement} [element_head]
- * */
-function registerClientFile(url, element_head){
-	const file_name= url.pathname.split("/").pop();
-	s.cat(url).to(path_target.root+file_name);
-
-	if(!element_head) return;
-	element_head[element_head instanceof HTMLScriptElement ? "src" : "href"]= file_name;
-	document.head.append(
-		element_head
-	);
-}