Refa raw html css

.npmignore

@@ -5,4 +5,5 @@
 /core
 /e2e
 /models
+/static
 app.js

core/frontend/index.js

@@ -1,3 +1,6 @@
+import './styles.css';
+import './print.css';
+
 import './records.js';
 import './search.js';
 import './graph.js';

core/models/report.js

@@ -8,6 +8,7 @@ import path from 'node:path';
 import nunjucks from 'nunjucks';
 import lang from './lang.js';
 import { fileURLToPath } from 'url';
+import reportTemplate from '../../static/template/report.njk';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
@@ -38,7 +39,7 @@ class Report {
       minute: 'numeric',
       second: 'numeric',
     });
-    return templateEngine.render('static/template/report.njk', {
+    return templateEngine.renderString(reportTemplate, {
       lang: lang.flag,
       date,
       projectTitle,

core/models/template.js

@@ -19,6 +19,10 @@ import langPck from './lang.js';
 import { fileURLToPath } from 'url';
 import convertWikilinks from '../utils/convertWikilinks.js';
 import convertQuotes from '../utils/convertQuotes.js';
+import cosmoscopeTemplate from '../../static/template/cosmoscope.njk';
+import favicon from '../../static/icons/cosmafavicon.png';
+import logo from '../../static/icons/cosmalogo.svg';
+import frontendScript from 'front';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
@@ -248,7 +252,7 @@ class Template {
       this.custom_css = fs.readFileSync(cssCustomPath, 'utf-8');
     }
 
-    this.html = templateEngine.render('static/template/cosmoscope.njk', {
+    this.html = templateEngine.renderString(cosmoscopeTemplate, {
       publishMode: this.params.has('publish') === true,
       devMode: this.params.has('dev') === true,
       canSaveRecords: this.config.canSaveRecords(),
@@ -318,6 +322,9 @@ class Template {
       },
 
       app: app, // app version, description, license…
+      script: frontendScript,
+      favicon,
+      logo,
     });
   }
 }

package.json

@@ -58,10 +58,12 @@
     "babel-loader": "^9.1.3",
     "chai": "^4.3.6",
     "chai-fs": "^2.0.0",
+    "css-loader": "^7.1.2",
     "cypress": "^13.9.0",
     "jest": "^29.7.0",
     "mocha": "^10.4.0",
     "prettier": "3.2.5",
+    "style-loader": "^4.0.0",
     "webpack": "^5.94.0",
     "webpack-cli": "^5.1.4",
     "yaml-loader": "^0.8.1"