npm - bitwrench - Versions diffs - 1.2.16 → 2.0.7 - Mend

bitwrench 1.2.16 → 2.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (130) hide show

package/README.md +160 -158
package/bin/bitwrench.js +3 -0
package/dist/bitwrench-code-edit.cjs.js +639 -0
package/dist/bitwrench-code-edit.es5.js +875 -0
package/dist/bitwrench-code-edit.es5.min.js +15 -0
package/dist/bitwrench-code-edit.esm.js +628 -0
package/dist/bitwrench-code-edit.esm.min.js +15 -0
package/dist/bitwrench-code-edit.umd.js +645 -0
package/dist/bitwrench-code-edit.umd.min.js +15 -0
package/dist/bitwrench.cjs.js +6983 -0
package/dist/bitwrench.cjs.min.js +62 -0
package/dist/bitwrench.css +5100 -0
package/dist/bitwrench.es5.js +8446 -0
package/dist/bitwrench.es5.min.js +31 -0
package/dist/bitwrench.esm.js +6981 -0
package/dist/bitwrench.esm.min.js +62 -0
package/dist/bitwrench.umd.js +6989 -0
package/dist/bitwrench.umd.min.js +62 -0
package/dist/builds.json +127 -0
package/dist/sri.json +18 -0
package/package.json +86 -24
package/readme.html +288 -0
package/src/bitwrench-code-edit.js +627 -0
package/src/bitwrench-color-utils.js +311 -0
package/src/bitwrench-component-base.js +736 -0
package/src/bitwrench-components-inline.js +374 -0
package/src/bitwrench-components-v2.js +1879 -0
package/src/bitwrench-components.js +610 -0
package/src/bitwrench-styles.js +3240 -0
package/src/bitwrench.js +3367 -0
package/src/cli/convert.js +205 -0
package/src/cli/index.js +122 -0
package/src/cli/inject.js +55 -0
package/src/cli/layout-default.js +142 -0
package/src/generate-css.js +381 -0
package/src/vendor/quikdown.js +654 -0
package/src/version.js +16 -0
package/.eslintrc.json +0 -27
package/.github/workflows/codeql-analysis.yml +0 -72
package/.travis.yml +0 -34
package/bitwrench.css +0 -92
package/bitwrench.js +0 -3348
package/bitwrench.js_sri.txt +0 -1
package/bitwrench.min.js +0 -1
package/bitwrench.min.js_sri.txt +0 -1
package/bitwrench_ESM.js +0 -3207
package/bitwrench_ESM.js_sri.txt +0 -1
package/bitwrench_ESM.min.js +0 -1
package/bitwrench_ESM.min.js_sri.txt +0 -1
package/dev/bitwrench-todo.md +0 -215
package/dev/css-arrows.md +0 -23
package/dev/docStringDev.js +0 -124
package/dev/docStringParseDev.js +0 -171
package/dev/example11-load-mjs-page.html +0 -17
package/dev/figures.html +0 -37
package/dev/html_gen.js +0 -349
package/dev/htmld.md +0 -250
package/dev/htmldev.html +0 -45
package/dev/index-old.html +0 -87
package/dev/misc-notes.md +0 -21
package/dev/norm.css +0 -30
package/dev/notes.md +0 -2
package/dev/pageData.mjs +0 -69
package/dev/sizes.html +0 -49
package/dev/universal-js-module.js +0 -37
package/examples/example1.html +0 -78
package/examples/example10.html +0 -84
package/examples/example11.html +0 -17
package/examples/example12.html +0 -18
package/examples/example2.html +0 -44
package/examples/example3.html +0 -50
package/examples/example4.html +0 -22
package/examples/example5.html +0 -82
package/examples/example6.html +0 -128
package/examples/example7.html +0 -91
package/examples/example8.html +0 -27
package/examples/example9.html +0 -102
package/examples/examplePageData12.mjs +0 -73
package/examples/pageData.mjs +0 -69
package/examples/pico.min.css +0 -5
package/icon/bitwrench-dark-tall.png +0 -0
package/icon/bitwrench-dark.png +0 -0
package/icon/bitwrench-icon-lt-grey.png +0 -0
package/icon/bitwrench-icon.vsd +0 -0
package/icon/bitwrench-logo-dark.png +0 -0
package/icon/bitwrench-logo-full.png +0 -0
package/icon/bitwrench-logo-green.png +0 -0
package/icon/bitwrench-logo-grey.png +0 -0
package/icon/bitwrench-logo-white.png +0 -0
package/icon/bitwrench-logos-colors.png +0 -0
package/icon/bitwrench-thick-logo.png +0 -0
package/icon/bitwrench-thick-teal/android-chrome-192x192.png +0 -0
package/icon/bitwrench-thick-teal/android-chrome-512x512.png +0 -0
package/icon/bitwrench-thick-teal/apple-touch-icon.png +0 -0
package/icon/bitwrench-thick-teal/browserconfig.xml +0 -9
package/icon/bitwrench-thick-teal/favicon-16x16.png +0 -0
package/icon/bitwrench-thick-teal/favicon-32x32.png +0 -0
package/icon/bitwrench-thick-teal/favicon.ico +0 -0
package/icon/bitwrench-thick-teal/mstile-144x144.png +0 -0
package/icon/bitwrench-thick-teal/mstile-150x150.png +0 -0
package/icon/bitwrench-thick-teal/mstile-310x150.png +0 -0
package/icon/bitwrench-thick-teal/mstile-310x310.png +0 -0
package/icon/bitwrench-thick-teal/mstile-70x70.png +0 -0
package/icon/bitwrench-thick-teal/site.webmanifest +0 -19
package/icon/bitwrench-thick-teal.ico +0 -0
package/icon/bitwrench-thick-teal.svg +0 -44
package/icon/bitwrench-thick-teal.zip +0 -0
package/icon/favicon-test.html +0 -20
package/icon/logos-test.PNG +0 -0
package/images/bitwrench-512x512.png +0 -0
package/images/bitwrench-logo-med.png +0 -0
package/images/bitwrench-thick-logo.png +0 -0
package/images/bitwrench-thick-logo.svg +0 -64
package/images/bitwrench-thick-teal.ico +0 -0
package/images/favicon.ico +0 -0
package/index.html +0 -282
package/instr_tmp/bitwrench.js +0 -1350
package/karma.conf.js +0 -140
package/makefile +0 -21
package/quick-docs.html +0 -206
package/test/bitwrench_test.js +0 -1255
package/test/karma-test.js +0 -1081
package/tools/bw_deprecatedNames.js +0 -19
package/tools/bwconsole.js +0 -20
package/tools/createSimpleHTMLPage.js +0 -41
package/tools/emitreadme.sh +0 -4
package/tools/export-bw-default-css.js +0 -41
package/tools/umd2ModuleHack.js +0 -32
package/tools/update-bw-package.js +0 -36
package/tools/updatereadme.js +0 -34

package/src/cli/convert.js ADDED Viewed

@@ -0,0 +1,205 @@
+/**
+ * Bitwrench CLI - Single-file conversion pipeline
+ * Read → detect type → process → wrap in layout → write
+ */
+import { readFileSync, writeFileSync, mkdirSync } from 'node:fs';
+import { resolve, extname, basename, dirname } from 'node:path';
+import quikdown from '../vendor/quikdown.js';
+import bw from '../bitwrench.js';
+import { getAllStyles, THEME_PRESETS } from '../bitwrench-styles.js';
+import { getInjectionHead, getInjectionBodyEnd } from './inject.js';
+import { makePageLayout } from './layout-default.js';
+/**
+ * Extract title from the first # heading in markdown
+ * @param {string} md - Markdown source
+ * @returns {string|null} Title text or null
+ */
+function extractMarkdownTitle(md) {
+    const match = md.match(/^#\s+(.+?)(?:\s*#*)$/m);
+    return match ? match[1].trim() : null;
+}
+/**
+ * Extract <title> from an HTML document
+ * @param {string} html - HTML source
+ * @returns {string|null}
+ */
+function extractHtmlTitle(html) {
+    const match = html.match(/<title[^>]*>([^<]+)<\/title>/i);
+    return match ? match[1].trim() : null;
+}
+/**
+ * Extract <body> content from a full HTML document
+ * @param {string} html - HTML source
+ * @returns {string} Body content
+ */
+function extractHtmlBody(html) {
+    const match = html.match(/<body[^>]*>([\s\S]*?)<\/body>/i);
+    return match ? match[1].trim() : html;
+}
+/**
+ * Check if HTML string is a full document (has doctype or html tag)
+ * @param {string} html
+ * @returns {boolean}
+ */
+function isFullHtmlDoc(html) {
+    const trimmed = html.trimStart().toLowerCase();
+    return trimmed.startsWith('<!doctype') || trimmed.startsWith('<html');
+}
+/**
+ * Resolve the injection mode from flags
+ * @param {Object} flags
+ * @returns {'standalone'|'cdn'|'none'}
+ */
+function resolveInjectionMode(flags) {
+    if (flags.standalone) return 'standalone';
+    if (flags.cdn) return 'cdn';
+    if (flags.noBw) return 'none';
+    // Default for single-file: none
+    return 'none';
+}
+/**
+ * Resolve theme config from --theme flag value
+ * @param {string} themeValue - Preset name or hex colors ("primary,secondary" or "primary,secondary,tertiary")
+ * @returns {Object} Config for bw.generateTheme
+ */
+function resolveTheme(themeValue) {
+    if (!themeValue) return null;
+    // Check preset names
+    const preset = THEME_PRESETS[themeValue.toLowerCase()];
+    if (preset) return preset;
+    // Parse hex colors: "#336699,#cc6633" or "#336699,#cc6633,#993366"
+    const parts = themeValue.split(',').map(s => s.trim());
+    if (parts.length >= 2 && parts[0].startsWith('#') && parts[1].startsWith('#')) {
+        const config = { primary: parts[0], secondary: parts[1] };
+        if (parts[2] && parts[2].startsWith('#')) {
+            config.tertiary = parts[2];
+        }
+        return config;
+    }
+    throw new Error(`Unknown theme: "${themeValue}". Use a preset name (${Object.keys(THEME_PRESETS).join(', ')}) or hex colors ("#primary,#secondary").`);
+}
+/**
+ * Derive output path from input path (replace extension with .html)
+ * @param {string} inputPath
+ * @returns {string}
+ */
+function deriveOutputPath(inputPath) {
+    const ext = extname(inputPath);
+    return inputPath.slice(0, -ext.length) + '.html';
+}
+/**
+ * Convert a single file to a styled HTML page
+ * @param {string} inputPath - Path to input file
+ * @param {Object} flags - CLI flags
+ * @returns {string} Output file path
+ */
+export function convertFile(inputPath, flags = {}) {
+    const absInput = resolve(inputPath);
+    const raw = readFileSync(absInput, 'utf8');
+    const ext = extname(absInput).toLowerCase();
+    let bodyHTML = '';
+    let autoTitle = null;
+    // Process based on file extension
+    switch (ext) {
+        case '.md':
+        case '.markdown': {
+            autoTitle = extractMarkdownTitle(raw);
+            bodyHTML = quikdown(raw, { inline_styles: false });
+            break;
+        }
+        case '.html':
+        case '.htm': {
+            if (isFullHtmlDoc(raw)) {
+                autoTitle = extractHtmlTitle(raw);
+                bodyHTML = extractHtmlBody(raw);
+            } else {
+                bodyHTML = raw;
+            }
+            break;
+        }
+        case '.json': {
+            const parsed = JSON.parse(raw);
+            if (parsed && typeof parsed === 'object' && parsed.t) {
+                // TACO object
+                bodyHTML = bw.html(parsed, { raw: true });
+                autoTitle = parsed.t === 'html' ? 'TACO Page' : null;
+            } else {
+                // Plain JSON — pretty-print as code block
+                bodyHTML = `<pre><code>${bw.escapeHTML(JSON.stringify(parsed, null, 2))}</code></pre>`;
+            }
+            break;
+        }
+        default:
+            throw new Error(`Unsupported file type: ${ext}. Supported: .md, .html, .htm, .json`);
+    }
+    // Resolve title
+    const title = flags.title || autoTitle || basename(absInput, ext);
+    // Resolve injection mode
+    const injectionMode = resolveInjectionMode(flags);
+    // Assemble CSS
+    let css = '';
+    // 1. Quikdown styles (for markdown files)
+    if (ext === '.md' || ext === '.markdown') {
+        css += quikdown.emitStyles('quikdown-', 'light');
+    }
+    // 2. Theme CSS
+    if (flags.theme) {
+        const themeConfig = resolveTheme(flags.theme);
+        if (themeConfig) {
+            const result = bw.generateTheme('', {
+                ...themeConfig,
+                inject: false
+            });
+            css += '\n' + result.css;
+        }
+    }
+    // 3. User CSS file
+    if (flags.css) {
+        const cssPath = resolve(flags.css);
+        css += '\n' + readFileSync(cssPath, 'utf8');
+    }
+    // Build the page
+    const headInjection = getInjectionHead(injectionMode);
+    const bodyEndInjection = getInjectionBodyEnd(injectionMode);
+    const html = makePageLayout({
+        title,
+        bodyHTML,
+        css,
+        headInjection,
+        bodyEndInjection,
+        favicon: flags.favicon || '',
+        highlight: !!flags.highlight
+    });
+    // Write output
+    const outputPath = flags.output ? resolve(flags.output) : deriveOutputPath(absInput);
+    const outputDir = dirname(outputPath);
+    mkdirSync(outputDir, { recursive: true });
+    writeFileSync(outputPath, html, 'utf8');
+    return outputPath;
+}
+export { THEME_PRESETS, resolveTheme, deriveOutputPath, extractMarkdownTitle, extractHtmlTitle };

package/src/cli/index.js ADDED Viewed

@@ -0,0 +1,122 @@
+/**
+ * Bitwrench CLI - Main entry point
+ * Arg parsing with util.parseArgs(), help, version, dispatch
+ */
+import { parseArgs } from 'node:util';
+import { VERSION } from '../version.js';
+import { convertFile } from './convert.js';
+const USAGE = `
+bitwrench v${VERSION} — Document converter & static site generator
+Usage:
+  bitwrench <file> [options]       Convert a file to styled HTML
+  bitwrench --version              Print version
+  bitwrench --help                 Print this help
+Options:
+  -o, --output <file>    Output file path (default: input with .html extension)
+  -c, --css <file>       Include external CSS file
+  -t, --theme <name>     Theme preset (ocean, sunset, forest, slate) or hex colors ("#pri,#sec")
+  -s, --standalone       Embed bitwrench inline (works offline)
+      --cdn              Link bitwrench via CDN (jsdelivr)
+      --no-bw            Don't inject bitwrench (plain HTML output)
+      --title <text>     Page title (default: auto-detect from content)
+  -f, --favicon <path>   Favicon path or URL
+      --highlight        Include highlight.js for syntax highlighting
+  -v, --verbose          Verbose output
+  -h, --help             Print this help
+      --version          Print version
+Examples:
+  bitwrench README.md                          Convert README.md to README.html
+  bitwrench README.md -o index.html            Specify output file
+  bitwrench README.md -o out.html --theme ocean  Apply ocean theme
+  bitwrench README.md -o out.html --standalone   Self-contained offline HTML
+  bitwrench README.md -o out.html --highlight    With syntax highlighting
+  bitwrench doc.md --theme "#336699,#cc6633"     Custom theme colors
+`.trim();
+/**
+ * Parse CLI arguments and dispatch
+ * @param {string[]} argv - process.argv.slice(2)
+ */
+export function run(argv) {
+    let values, positionals;
+    try {
+        const result = parseArgs({
+            args: argv,
+            strict: true,
+            allowPositionals: true,
+            options: {
+                output:     { type: 'string', short: 'o' },
+                css:        { type: 'string', short: 'c' },
+                theme:      { type: 'string', short: 't' },
+                standalone: { type: 'boolean', short: 's' },
+                cdn:        { type: 'boolean' },
+                'no-bw':    { type: 'boolean' },
+                title:      { type: 'string' },
+                favicon:    { type: 'string', short: 'f' },
+                highlight:  { type: 'boolean' },
+                verbose:    { type: 'boolean', short: 'v' },
+                version:    { type: 'boolean' },
+                help:       { type: 'boolean', short: 'h' }
+            }
+        });
+        values = result.values;
+        positionals = result.positionals;
+    } catch (err) {
+        console.error(`Error: ${err.message}`);
+        console.error('Run "bitwrench --help" for usage.');
+        process.exit(1);
+    }
+    // --version
+    if (values.version) {
+        console.log(`bitwrench v${VERSION}`);
+        return;
+    }
+    // --help
+    if (values.help) {
+        console.log(USAGE);
+        return;
+    }
+    // No positional args → error
+    if (positionals.length === 0) {
+        console.error('Error: No input file specified.');
+        console.error('Run "bitwrench --help" for usage.');
+        process.exit(1);
+    }
+    // Single-file conversion
+    const inputFile = positionals[0];
+    const flags = {
+        output: values.output || null,
+        css: values.css || null,
+        theme: values.theme || null,
+        standalone: !!values.standalone,
+        cdn: !!values.cdn,
+        noBw: !!values['no-bw'],
+        title: values.title || null,
+        favicon: values.favicon || null,
+        highlight: !!values.highlight,
+        verbose: !!values.verbose
+    };
+    try {
+        const outputPath = convertFile(inputFile, flags);
+        if (flags.verbose) {
+            console.log(`Converted: ${inputFile} → ${outputPath}`);
+        }
+    } catch (err) {
+        console.error(`Error: ${err.message}`);
+        if (flags.verbose) {
+            console.error(err.stack);
+        }
+        process.exit(1);
+    }
+}

package/src/cli/inject.js ADDED Viewed

@@ -0,0 +1,55 @@
+/**
+ * Bitwrench CLI - Injection modes
+ * Handles embedding bitwrench into generated HTML pages
+ */
+import { readFileSync } from 'node:fs';
+import { resolve, dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const distDir = resolve(__dirname, '../../dist');
+/**
+ * Get HTML to inject into <head> for the given injection mode
+ * @param {'standalone'|'cdn'|'none'} mode
+ * @returns {string} HTML string for <head>
+ */
+export function getInjectionHead(mode) {
+    if (mode === 'standalone') {
+        const umdPath = resolve(distDir, 'bitwrench.umd.min.js');
+        const umdSource = readFileSync(umdPath, 'utf8');
+        return `<script>${umdSource}</script>`;
+    }
+    if (mode === 'cdn') {
+        let integrity = '';
+        try {
+            const sriPath = resolve(distDir, 'sri.json');
+            const sri = JSON.parse(readFileSync(sriPath, 'utf8'));
+            integrity = sri.files['bitwrench.umd.min.js'] || '';
+        } catch {
+            // SRI file not available — proceed without integrity
+        }
+        const integrityAttr = integrity ? ` integrity="${integrity}" crossorigin="anonymous"` : '';
+        return `<script src="https://cdn.jsdelivr.net/npm/bitwrench@2/dist/bitwrench.umd.min.js"${integrityAttr}></script>`;
+    }
+    // mode === 'none'
+    return '';
+}
+/**
+ * Get HTML to inject before </body> for the given injection mode
+ * @param {'standalone'|'cdn'|'none'} mode
+ * @returns {string} HTML string before </body>
+ */
+export function getInjectionBodyEnd(mode) {
+    if (mode === 'standalone' || mode === 'cdn') {
+        return `<script>if(typeof bw!=='undefined'){bw.loadDefaultStyles();}</script>`;
+    }
+    // mode === 'none'
+    return '';
+}

package/src/cli/layout-default.js ADDED Viewed

@@ -0,0 +1,142 @@
+/**
+ * Bitwrench CLI - Default page layout
+ * Wraps converted content in a complete HTML document
+ */
+import bw from '../bitwrench.js';
+/**
+ * Base page CSS for the CLI-generated pages
+ */
+const BASE_PAGE_CSS = `
+.bw-cli-page {
+  max-width: 48rem;
+  margin: 0 auto;
+  padding: 2rem 1.5rem;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  font-size: 1rem;
+  line-height: 1.6;
+  color: #333;
+}
+.bw-cli-page pre {
+  overflow-x: auto;
+  padding: 1em;
+  background: #f5f5f5;
+  border-radius: 4px;
+  font-size: 0.875em;
+}
+.bw-cli-page code {
+  font-family: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", Menlo, Courier, monospace;
+}
+.bw-cli-page p code {
+  background: #f0f0f0;
+  padding: 0.15em 0.3em;
+  border-radius: 3px;
+  font-size: 0.875em;
+}
+.bw-cli-page table {
+  border-collapse: collapse;
+  width: 100%;
+  margin: 1em 0;
+  overflow-x: auto;
+  display: block;
+}
+.bw-cli-page th, .bw-cli-page td {
+  border: 1px solid #ddd;
+  padding: 0.5em 0.75em;
+  text-align: left;
+}
+.bw-cli-page th {
+  background: #f5f5f5;
+  font-weight: 600;
+}
+.bw-cli-page blockquote {
+  border-left: 4px solid #ddd;
+  margin-left: 0;
+  padding-left: 1em;
+  color: #666;
+}
+.bw-cli-page img {
+  max-width: 100%;
+  height: auto;
+}
+.bw-cli-page h1, .bw-cli-page h2, .bw-cli-page h3,
+.bw-cli-page h4, .bw-cli-page h5, .bw-cli-page h6 {
+  margin-top: 1.5em;
+  margin-bottom: 0.5em;
+  line-height: 1.25;
+}
+.bw-cli-page h1 { font-size: 2em; }
+.bw-cli-page h2 { font-size: 1.5em; border-bottom: 1px solid #eee; padding-bottom: 0.3em; }
+.bw-cli-page a { color: #0366d6; text-decoration: none; }
+.bw-cli-page a:hover { text-decoration: underline; }
+.bw-cli-page hr { border: none; border-top: 1px solid #eee; margin: 2em 0; }
+@media (max-width: 600px) {
+  .bw-cli-page { padding: 1rem; }
+}
+`;
+/**
+ * Build a complete HTML page from content and options
+ * @param {Object} opts
+ * @param {string} opts.title - Page title
+ * @param {string} opts.bodyHTML - Rendered HTML content for the body
+ * @param {string} [opts.css=''] - Additional CSS to include
+ * @param {string} [opts.headInjection=''] - HTML to inject into <head> (bitwrench script)
+ * @param {string} [opts.bodyEndInjection=''] - HTML to inject before </body>
+ * @param {string} [opts.favicon=''] - Favicon path or URL
+ * @param {boolean} [opts.highlight=false] - Include highlight.js CDN
+ * @returns {string} Complete HTML document
+ */
+export function makePageLayout(opts) {
+    const {
+        title = 'Untitled',
+        bodyHTML = '',
+        css = '',
+        headInjection = '',
+        bodyEndInjection = '',
+        favicon = '',
+        highlight = false
+    } = opts;
+    const safeTitle = bw.escapeHTML(title);
+    const version = bw.version;
+    let faviconTag = '';
+    if (favicon) {
+        // Only escape quotes and angle brackets for attribute safety, not slashes
+        const safeFavicon = favicon.replace(/[&<>"']/g, c => ({
+            '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;'
+        })[c]);
+        faviconTag = `<link rel="icon" href="${safeFavicon}">`;
+    }
+    let highlightHead = '';
+    let highlightBodyEnd = '';
+    if (highlight) {
+        highlightHead = '<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11/build/styles/github.min.css">';
+        highlightBodyEnd = '<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11/build/highlight.min.js"></script>\n<script>hljs.highlightAll();</script>';
+    }
+    const allCSS = BASE_PAGE_CSS + (css ? '\n' + css : '');
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="generator" content="bitwrench v${version}">
+<title>${safeTitle}</title>
+${faviconTag}${headInjection}${highlightHead}
+<style>${allCSS}</style>
+</head>
+<body>
+<div class="bw-cli-page">
+${bodyHTML}
+</div>
+${bodyEndInjection}${highlightBodyEnd}
+</body>
+</html>`;
+}
+export { BASE_PAGE_CSS };