Bump stylelint-config-recommended from 17.0.0 to 18.0.0

Bumps [stylelint-config-recommended](https://github.com/stylelint/stylelint-config-recommended) from 17.0.0 to 18.0.0.
- [Release notes](https://github.com/stylelint/stylelint-config-recommended/releases)
- [Changelog](https://github.com/stylelint/stylelint-config-recommended/blob/main/CHANGELOG.md)
- [Commits](https://github.com/stylelint/stylelint-config-recommended/compare/17.0.0...18.0.0)

---
updated-dependencies:
- dependency-name: stylelint-config-recommended
  dependency-version: 18.0.0
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

client/admin/admin.jsx

@@ -49,4 +49,4 @@ const Admin = ()=>{
 	);
 };
 
-export default Admin;
+module.exports = Admin;

client/admin/admin.less

@@ -1,10 +1,12 @@
-@import './shared/naturalcrit/styles/reset.less';
+@import 'naturalcrit/styles/reset.less';
-@import './shared/naturalcrit/styles/elements.less';
+@import 'naturalcrit/styles/elements.less';
-@import './shared/naturalcrit/styles/animations.less';
+@import 'naturalcrit/styles/animations.less';
-@import './shared/naturalcrit/styles/colors.less';
+@import 'naturalcrit/styles/colors.less';
-@import './shared/naturalcrit/styles/tooltip.less';
+@import 'naturalcrit/styles/tooltip.less';
 @import './themes/fonts/iconFonts/fontAwesome.less';
 
+@import 'font-awesome/css/font-awesome.css';
+
 html,body, #reactContainer, .naturalCrit { min-height : 100%; }
 
 @sidebarWidth : 250px;

client/admin/brewUtils/brewUtils.less

@@ -1,5 +1,3 @@
-@import '../../../shared/naturalcrit/styles/colors.less';
-
 .brewUtil {
 	.result {
 		margin-top : 20px;

client/components/codeEditor/autocompleteEmoji.js

@@ -1,7 +1,7 @@
-import diceFont      from '../../../themes/fonts/iconFonts/diceFont.js';
+import diceFont      from 'themes/fonts/iconFonts/diceFont.js';
-import elderberryInn from '../../../themes/fonts/iconFonts/elderberryInn.js';
+import elderberryInn from 'themes/fonts/iconFonts/elderberryInn.js';
-import fontAwesome   from '../../../themes/fonts/iconFonts/fontAwesome.js';
+import fontAwesome   from 'themes/fonts/iconFonts/fontAwesome.js';
-import gameIcons     from '../../../themes/fonts/iconFonts/gameIcons.js';
+import gameIcons     from 'themes/fonts/iconFonts/gameIcons.js';
 
 const emojis = {
 	...diceFont,

client/components/renderWarnings/renderWarnings.less

@@ -1,5 +1,3 @@
-@import './shared/naturalcrit/styles/colors.less';
-
 .renderWarnings {
 	position         : relative;
 	float            : right;

client/components/splitPane/splitPane.jsx

@@ -1,4 +1,3 @@
-
 import './splitPane.less';
 import React, { useEffect, useState } from 'react';
 

client/components/splitPane/splitPane.less

@@ -1,4 +1,3 @@
-@import './shared/naturalcrit/styles/core.less';
 
 .splitPane {
 	position       : relative;

client/homebrew/brewRenderer/brewRenderer.jsx

@@ -16,7 +16,7 @@ import dedent from 'dedent';
 import { printCurrentBrew } from '../../../shared/helpers.js';
 
 import HeaderNav from './headerNav/headerNav.jsx';
-import safeHTML from './safeHTML.js';
+import { safeHTML } from './safeHTML.js';
 
 const PAGEBREAK_REGEX_V3 = /^(?=\\page(?:break)?(?: *{[^\n{}]*})?$)/m;
 const PAGEBREAK_REGEX_LEGACY = /\\page(?:break)?/m;

client/homebrew/brewRenderer/errorBar/errorBar.less

@@ -1,4 +1,3 @@
-@import './shared/naturalcrit/styles/colors.less';
 
 .errorBar {
 	position         : absolute;

client/homebrew/brewRenderer/notificationPopup/notificationPopup.jsx

@@ -1,7 +1,7 @@
 import './notificationPopup.less';
 import React, { useEffect, useState } from 'react';
 import request from '../../utils/request-middleware.js';
-import Markdown from '../../../../shared/markdown.js';
+import Markdown from 'markdown.js';
 
 import Dialog from '../../../components/dialog.jsx';
 

client/homebrew/brewRenderer/notificationPopup/notificationPopup.less

@@ -1,5 +1,3 @@
-@import './client/homebrew/navbar/navbar.less';
-
 .popups {
 	position         : fixed;
 	top              : calc(@navbarHeight + @viewerToolsHeight);

client/homebrew/brewRenderer/safeHTML.js

@@ -43,4 +43,4 @@ function safeHTML(htmlString) {
 	return div.innerHTML;
 };
 
-export default safeHTML;
+module.exports.safeHTML = safeHTML;

client/homebrew/editor/editor.less

@@ -1,6 +1,4 @@
-@import './shared/naturalcrit/styles/core.less';
+@import 'themes/codeMirror/customEditorStyles.less';
-@import './themes/codeMirror/customEditorStyles.less';
-
 .editor {
 	position  : relative;
 	width     : 100%;

client/homebrew/editor/metadataEditor/metadataEditor.jsx

@@ -7,8 +7,7 @@ import request from '../../utils/request-middleware.js';
 import Combobox from '../../../components/combobox.jsx';
 import TagInput from '../tagInput/tagInput.jsx';
 
-
+import Themes from 'themes/themes.json';
-import Themes from '../../../../themes/themes.json';
 import validations from './validations.js';
 
 const SYSTEMS = ['5e', '4e', '3.5e', 'Pathfinder'];

client/homebrew/editor/metadataEditor/metadataEditor.less

@@ -1,4 +1,4 @@
-@import './shared/naturalcrit/styles/core.less';
+@import 'naturalcrit/styles/colors.less';
 
 .userThemeName {
 	padding-right : 10px;

client/homebrew/editor/snippetbar/snippetbar.jsx

@@ -9,11 +9,11 @@ import cx from 'classnames';
 import { loadHistory } from '../../utils/versionHistory.js';
 import { brewSnippetsToJSON } from '../../../../shared/helpers.js';
 
-import Legacy5ePHB from '../../../../themes/Legacy/5ePHB/snippets.js';
+import Legacy5ePHB from 'themes/Legacy/5ePHB/snippets.js';
-import V3_5ePHB   from '../../../../themes/V3/5ePHB/snippets.js';
+import V3_5ePHB   from 'themes/V3/5ePHB/snippets.js';
-import V3_5eDMG   from '../../../../themes/V3/5eDMG/snippets.js';
+import V3_5eDMG   from 'themes/V3/5eDMG/snippets.js';
-import V3_Journal from '../../../../themes/V3/Journal/snippets.js';
+import V3_Journal from 'themes/V3/Journal/snippets.js';
-import V3_Blank  from '../../../../themes/V3/Blank/snippets.js';
+import V3_Blank  from 'themes/V3/Blank/snippets.js';
 
 const ThemeSnippets = {
 	Legacy_5ePHB : Legacy5ePHB,
@@ -23,7 +23,7 @@ const ThemeSnippets = {
 	V3_Blank     : V3_Blank,
 };
 
-import EditorThemes from '../../../../build/homebrew/codeMirror/editorThemes.json';
+import EditorThemes from 'build/homebrew/codeMirror/editorThemes.json';
 
 const execute = function(val, props){
 	if(_.isFunction(val)) return val(props);

client/homebrew/editor/snippetbar/snippetbar.less

@@ -1,4 +1,3 @@
-@import './shared/naturalcrit/styles/core.less';
 @import (less) './client/icons/customIcons.less';
 @import (less) '././././themes/fonts/5e/fonts.less';
 

client/homebrew/homebrew.jsx

@@ -46,8 +46,8 @@ const Homebrew = (props)=>{
 	global.config        = config;
 
 	const backgroundObject = ()=>{
-		if(global.config?.deployment || (config?.local && config?.development)){
+		if(global.config.deployment || (config.local && config.development)){
-  			const bgText = global.config?.deployment || 'Local';
+  			const bgText = global.config.deployment || 'Local';
   			return {
     			backgroundImage : `url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100px' width='200px'><text x='0' y='15' fill='%23fff7' font-size='20'>${bgText}</text></svg>")`
   			};
@@ -58,7 +58,7 @@ const Homebrew = (props)=>{
 
 	return (
 		<Router location={url}>
-			<div className={`homebrew${(config?.deployment || config?.local) ? ' deployment' : ''}`} style={backgroundObject()}>
+			<div className={`homebrew${(config.deployment || config.local) ? ' deployment' : ''}`} style={backgroundObject()}>
 				<Routes>
 					<Route path='/edit/:id' element={<WithRoute el={EditPage} brew={brew} userThemes={userThemes}/>} />
 					<Route path='/share/:id' element={<WithRoute el={SharePage} brew={brew} />} />
@@ -80,4 +80,4 @@ const Homebrew = (props)=>{
 	);
 };
 
-export default Homebrew;
+module.exports = Homebrew;

client/homebrew/homebrew.less

@@ -1,4 +1,4 @@
-@import './shared/naturalcrit/styles/core.less';
+@import 'naturalcrit/styles/core.less';
 .homebrew {
 	height : 100%;
 	background-color:@steel;

client/homebrew/navbar/account.navitem.jsx

@@ -97,7 +97,7 @@ const Account = createReactClass({
 
 		//  Logged out
 		//  LOCAL ONLY
-		if(global.config?.local) {
+		if(global.config.local) {
 			return <Nav.item color='teal' icon='fas fa-sign-in-alt' onClick={this.localLogin}>
 				login
 			</Nav.item>;

client/homebrew/navbar/error-navitem.less

@@ -1,5 +1,3 @@
-@import './shared/naturalcrit/styles/core.less';
-
 .navItem.error {
 	position         : relative;
 	background-color : @red;

client/homebrew/navbar/navbar.jsx

@@ -7,11 +7,17 @@ import PatreonNavItem from './patreon.navitem.jsx';
 
 const Navbar = createReactClass({
 	displayName     : 'Navbar',
-	getInitialState: function() {
+	getInitialState : function() {
-  		return {
+		return {
-			// showNonChromeWarning: false, // uncomment if needed
+			//showNonChromeWarning : false,
-    		ver: global.version || '0.0.0'
+			ver : '0.0.0'
-  		};
+		};
+	},
+
+	getInitialState : function() {
+		return {
+			ver : global.version
+		};
 	},
 
 	/*

client/homebrew/navbar/navbar.less

@@ -1,4 +1,4 @@
-@import './shared/naturalcrit/styles/core.less';
+@import 'naturalcrit/styles/colors.less';
 
 @navbarHeight : 28px;
 @viewerToolsHeight : 32px;

client/homebrew/pages/basePages/listPage/brewItem/brewItem.less

@@ -1,4 +1,3 @@
-@import './shared/naturalcrit/styles/core.less';
 
 .brewItem {
 	position                    : relative;

client/homebrew/pages/editPage/editPage.jsx

@@ -26,7 +26,7 @@ import RecentNavItems from '../../navbar/recent.navitem.jsx';
 const { both: RecentNavItem } = RecentNavItems;
 
 // Page specific imports
-import Meta    from '../../../../vitreum/headtags.js';
+import { Meta }                          from 'vitreum/headtags';
 import { md5 }                           from 'hash-wasm';
 import { gzipSync, strToU8 }             from 'fflate';
 import { makePatches, stringifyPatches } from '@sanity/diff-match-patch';

client/homebrew/pages/homePage/homePage.jsx

@@ -27,7 +27,7 @@ const { both: RecentNavItem } = RecentNavItems;
 
 
 // Page specific imports
-import Meta   from '../../../../vitreum/headtags.js';
+import { Meta }                               from 'vitreum/headtags';
 
 const BREWKEY  = 'homebrewery-new';
 const STYLEKEY = 'homebrewery-new-style';

client/homebrew/pages/homePage/homePage.less

@@ -1,5 +1,3 @@
-@import './shared/naturalcrit/styles/core.less';
-
 .homePage {
 	position : relative;
 	a.floatingNewButton {

client/homebrew/pages/newPage/newPage.jsx

@@ -26,7 +26,7 @@ import RecentNavItems from '../../navbar/recent.navitem.jsx';
 const { both: RecentNavItem } = RecentNavItems;
 
 // Page specific imports
-import { Meta }   from '../../../../vitreum/headtags.js';
+import { Meta }                  from 'vitreum/headtags';
 
 const BREWKEY  = 'HB_newPage_content';
 const STYLEKEY = 'HB_newPage_style';

client/homebrew/pages/newPage/newPage.less

@@ -1,5 +1,3 @@
-@import './shared/naturalcrit/styles/colors.less';
-
 .newPage {
 	.navItem.save {
 		background-color : @orange;

client/homebrew/pages/sharePage/sharePage.jsx

@@ -1,6 +1,6 @@
 import './sharePage.less';
 import React, { useState, useEffect, useCallback } from 'react';
-import Meta   from '../../../../vitreum/headtags.js';
+import { Meta }                          from 'vitreum/headtags';
 
 import Nav from '../../navbar/nav.jsx';
 import Navbar from '../../navbar/navbar.jsx';

client/homebrew/pages/vaultPage/vaultPage.less

@@ -1,5 +1,3 @@
-@import './shared/naturalcrit/styles/core.less';
-
 .vaultPage {
 	height           : 100%;
 	overflow-y       : hidden;

package.json

@@ -12,10 +12,6 @@
     "url": "git://github.com/naturalcrit/homebrewery.git"
   },
   "scripts": {
-    "viteDev": "node scripts/dev.js",
-    "viteDevAdmin": "vite --config vite.config.js --ssr client/admin/admin.jsx",
-    "viteBuild": "vite build",
-    "viteStart": "vite preview --outDir build",
     "dev": "node --experimental-require-module scripts/dev.js",
     "quick": "node --experimental-require-module scripts/quick.js",
     "build": "node --experimental-require-module scripts/buildHomebrew.js && node --experimental-require-module scripts/buildAdmin.js",
@@ -100,7 +96,6 @@
     "@dmsnell/diff-match-patch": "^1.1.0",
     "@googleapis/drive": "^19.2.0",
     "@sanity/diff-match-patch": "^3.2.0",
-    "@vitejs/plugin-react": "^5.1.2",
     "body-parser": "^2.2.0",
     "classnames": "^2.5.1",
     "codemirror": "^5.65.6",
@@ -119,7 +114,7 @@
     "idb-keyval": "^6.2.2",
     "js-yaml": "^4.1.1",
     "jwt-simple": "^0.5.6",
-    "less": "^4.5.1",
+    "less": "^3.13.1",
     "lodash": "^4.17.21",
     "marked": "15.0.12",
     "marked-alignment-paragraphs": "^1.0.0",
@@ -143,7 +138,7 @@
     "romans": "^3.1.0",
     "sanitize-filename": "1.6.3",
     "superagent": "^10.2.1",
-    "vite": "^7.3.1",
+    "vitreum": "git+https://git@github.com/calculuschild/vitreum.git",
     "written-number": "^0.11.1"
   },
   "devDependencies": {
@@ -161,7 +156,7 @@
     "postcss-less": "^6.0.0",
     "stylelint": "^16.25.0",
     "stylelint-config-recess-order": "^7.3.0",
-    "stylelint-config-recommended": "^17.0.0",
+    "stylelint-config-recommended": "^18.0.0",
     "supertest": "^7.1.4"
   }
 }

scripts/dev.js

@@ -1,44 +1,22 @@
-import express from "express";
+const label = 'dev';
-import { createServer as createViteServer } from "vite";
+console.time(label);
-import path from "path";
-import url from "url";
-import template from "../client/template.js";
 
-const __dirname = path.dirname(url.fileURLToPath(import.meta.url));
+const jsx = require('vitreum/steps/jsx.watch.js');
-const app = express();
+const less = require('vitreum/steps/less.watch.js');
+const assets = require('vitreum/steps/assets.watch.js');
+const server = require('vitreum/steps/server.watch.js');
+const livereload = require('vitreum/steps/livereload.js');
 
-async function start() {
+const Proj = require('./project.json');
-	const vite = await createViteServer({
-		server: { middlewareMode: true },
-		root: __dirname,
-		appType: "custom",
-	});
 
-	app.use(vite.middlewares);
+Promise.resolve()
-	app.use("/assets", express.static(path.resolve(__dirname, "/client/assets")));
+	.then(()=>jsx('homebrew', './client/homebrew/homebrew.jsx', { libs: Proj.libs, shared: ['./shared'] }))
+	.then((deps)=>less('homebrew', { shared: ['./shared'] }, deps))
+	.then(()=>jsx('admin', './client/admin/admin.jsx', { libs: Proj.libs, shared: ['./shared'] }))
+	.then((deps)=>less('admin', { shared: ['./shared'] }, deps))
 
-	app.use(/(.*)/, async (req, res, next) => {
+	.then(()=>assets(Proj.assets, ['./shared', './client']))
-		try {
+	.then(()=>livereload())
-			const parsed = url.parse(req.url);
+	.then(()=>server('./server.js', ['server']))
-			const pathname = parsed.pathname || "/";
+	.then(console.timeEnd.bind(console, label))
-
+	.catch(console.error);
-			// Ignore vite HMR or ping requests
-			if (pathname.startsWith("/__vite")) return next();
-
-			const entry = pathname.startsWith("/admin") ? "admin" : "homebrew";
-
-			const ssrModule = await vite.ssrLoadModule(`client/${entry}/${entry}.jsx`);
-
-			const html = await template(entry, "", { path: pathname, ssrModule });
-			res.status(200).set({ "Content-Type": "text/html" }).end(html);
-		} catch (e) {
-			vite.ssrFixStacktrace(e);
-			console.error(e);
-			res.status(500).end(e.message);
-		}
-	});
-
-	app.listen(8000, () => console.log("Dev server running on http://localhost:8000"));
-}
-
-start();

server/app.js

@@ -110,9 +110,9 @@ app.use(homebrewApi);
 app.use(adminApi);
 app.use(vaultApi);
 
-const welcomeText       = fs.readFileSync('./client/homebrew/pages/homePage/welcome_msg.md', 'utf8');
+const welcomeText       = fs.readFileSync('client/homebrew/pages/homePage/welcome_msg.md', 'utf8');
-const welcomeTextLegacy = fs.readFileSync('./client/homebrew/pages/homePage/welcome_msg_legacy.md', 'utf8');
+const welcomeTextLegacy = fs.readFileSync('client/homebrew/pages/homePage/welcome_msg_legacy.md', 'utf8');
-const migrateText       = fs.readFileSync('./client/homebrew/pages/homePage/migrate.md', 'utf8');
+const migrateText       = fs.readFileSync('client/homebrew/pages/homePage/migrate.md', 'utf8');
 const changelogText     = fs.readFileSync('changelog.md', 'utf8');
 const faqText           = fs.readFileSync('faq.md', 'utf8');
 

shared/naturalcrit/styles/core.less

@@ -1,9 +1,9 @@
 
-@import './reset.less';
+@import 'naturalcrit/styles/reset.less';
-//@import './elements.less';
+//@import 'naturalcrit/styles/elements.less';
-@import './animations.less';
+@import 'naturalcrit/styles/animations.less';
-@import './colors.less';
+@import 'naturalcrit/styles/colors.less';
-@import './tooltip.less';
+@import 'naturalcrit/styles/tooltip.less';
 @font-face {
 	font-family : 'CodeLight';
 	src         : data-uri('naturalcrit/styles/CODE Light.otf') format('opentype');

tests/markdown/basic.test.js

@@ -1,6 +1,6 @@
 
 
-import Markdown from './shared/markdown.js';
+import Markdown from 'markdown.js';
 
 test('Processes the markdown within an HTML block if its just a class wrapper', function() {
 	const source = '<div>*Bold text*</div>';

tests/markdown/definition-lists.test.js

@@ -1,6 +1,6 @@
 
 
-import Markdown from './shared/markdown.js';
+import Markdown from 'markdown.js';
 
 describe('Inline Definition Lists', ()=>{
 	test('No Term 1 Definition', function() {

tests/markdown/emojis.test.js

@@ -1,4 +1,4 @@
-import Markdown from './shared/markdown.js';
+import Markdown from 'markdown.js';
 import dedent from 'dedent';
 
 // Marked.js adds line returns after closing tags on some default tokens.

tests/markdown/hard-breaks.test.js

@@ -1,6 +1,6 @@
 
 
-import Markdown from './shared/markdown.js';
+import Markdown from 'markdown.js';
 
 describe('Hard Breaks', ()=>{
 	test('Single Break', function() {

tests/markdown/mustache-syntax.test.js

@@ -1,7 +1,7 @@
 /* eslint-disable max-lines */
 
 import dedent from 'dedent';
-import Markdown from './shared/markdown.js';
+import Markdown from 'markdown.js';
 
 // Marked.js adds line returns after closing tags on some default tokens.
 // This removes those line returns for comparison sake.

tests/markdown/non-breaking-spaces.test.js

@@ -1,6 +1,6 @@
 
 
-import Markdown from './shared/markdown.js';
+import Markdown from 'markdown.js';
 
 describe('Non-Breaking Spaces Interactions', ()=>{
 	test('I am actually a single-line definition list!', function() {

tests/markdown/paragraph-justification.test.js

@@ -1,6 +1,6 @@
 
 
-import Markdown from './shared/markdown.js';
+import Markdown from 'markdown.js';
 
 describe('Justification', ()=>{
 	test('Left Justify', function() {

tests/markdown/variables.test.js

@@ -1,7 +1,7 @@
 /* eslint-disable max-lines */
 
 import dedent from 'dedent';
-import Markdown from './shared/markdown.js';
+import Markdown from 'markdown.js';
 
 // Marked.js adds line returns after closing tags on some default tokens.
 // This removes those line returns for comparison sake.

themes/Legacy/5ePHB/snippets.js

@@ -1,12 +1,12 @@
 /* eslint-disable max-lines */
 
-import MagicGen from './snippets/magic.gen.js';
+import MagicGen           from './snippets/magic.gen.js';
 import ClassTableGen      from './snippets/classtable.gen.js';
 import MonsterBlockGen    from './snippets/monsterblock.gen.js';
 import ClassFeatureGen    from './snippets/classfeature.gen.js';
 import CoverPageGen       from './snippets/coverpage.gen.js';
 import TableOfContentsGen from './snippets/tableOfContents.gen.js';
-import dedent from 'dedent';
+import dedent             from 'dedent';
 
 export default [
 

themes/Legacy/5ePHB/snippets/classfeature.gen.js

@@ -1,6 +1,6 @@
 import _ from 'lodash';
 
-function classFeatureGen(classname) {
+export default function(classname){
 
 	classname = _.sample(['archivist', 'fancyman', 'linguist', 'fletcher',
 		'notary', 'berserker-typist', 'fishmongerer', 'manicurist', 'haberdasher', 'concierge']);
@@ -49,6 +49,4 @@ function classFeatureGen(classname) {
 		`- ${_.sample(['10 lint fluffs', '1 button', 'a cherished lost sock'])}`,
 		'\n\n\n'
 	].join('\n');
-}
+};
-
-export default classFeatureGen;

themes/Legacy/5ePHB/snippets/coverpage.gen.js

@@ -98,8 +98,8 @@ const subtitles = [
 ];
 
 
-function coverPageGen() {
+export default ()=>{
-return `<style>
+	return `<style>
   .phb#p1{ text-align:center; }
   .phb#p1:after{ display:none; }
 </style>
@@ -114,6 +114,4 @@ return `<style>
 </div>
 
 \\page`;
-}
+};
-
-export default coverPageGen;

themes/Legacy/5ePHB/snippets/fullclass.gen.js

@@ -4,7 +4,7 @@ import ClassFeatureGen from './classfeature.gen.js';
 
 import ClassTableGen from './classtable.gen.js';
 
-function fullClassGen(){
+export default function(){
 
 	const classname = _.sample(['Archivist', 'Fancyman', 'Linguist', 'Fletcher',
 		'Notary', 'Berserker-Typist', 'Fishmongerer', 'Manicurist', 'Haberdasher', 'Concierge']);
@@ -40,6 +40,4 @@ function fullClassGen(){
 
 
 	].join('\n')}\n\n\n`;
-}
+};
-
-export default fullClassGen;

themes/Legacy/5ePHB/snippets/tableOfContents.gen.js

@@ -47,8 +47,7 @@ const getTOC = (pages)=>{
 	return res;
 };
 
-function tableOfContentsGen(props){
+export default function(props){
-
 	const pages = props.brew.text.split('\\page');
 	const TOC = getTOC(pages);
 	const markdown = _.reduce(TOC, (r, g1, idx1)=>{
@@ -70,6 +69,4 @@ function tableOfContentsGen(props){
 ##### Table Of Contents
 ${markdown}
 </div>\n`;
-}
+};
-
-export default tableOfContentsGen;

vite.config.js

@@ -1,29 +0,0 @@
-// vite.config.js
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-import path from "path";
-
-export default defineConfig({
-	plugins: [react()],
-	build: {
-		outDir: "build",
-		emptyOutDir: true,
-		ssrManifest: true,
-		rollupOptions: {
-			input: {
-				admin: path.resolve(__dirname, "client/admin/admin.jsx"),
-				homebrew: path.resolve(__dirname, "client/homebrew/homebrew.jsx"),
-			},
-			output: {
-				entryFileNames: "[name]/bundle.js",
-				chunkFileNames: "[name]/[name]-[hash].js",
-				assetFileNames: "[name]/[name].[ext]",
-			},
-		},
-	},
-	server: {
-		fs: {
-			allow: ["."],
-		},
-	},
-});

vitreum/headtags.js

@@ -1,84 +0,0 @@
-import React, { useEffect } from "react";
-import injectTag from "./injectTag.js";
-
-const obj2props = (obj) =>
-	Object.entries(obj)
-		.map(([k, v]) => `${k}="${v}"`)
-		.join(" ");
-const toStr = (chld) => (Array.isArray(chld) ? chld.join("") : chld);
-const onServer = typeof window === "undefined";
-
-let NamedTags = {};
-let UnnamedTags = [];
-
-export const HeadComponents = {
-	Title({ children }) {
-		if (onServer) NamedTags.title = `<title>${toStr(children)}</title>`;
-		useEffect(() => {
-			document.title = toStr(children);
-		}, [children]);
-		return null;
-	},
-	Favicon({ type = "image/png", href = "", rel = "icon", id = "favicon" }) {
-		if (onServer) NamedTags.favicon = `<link rel='shortcut icon' type="${type}" id="${id}" href="${href}" />`;
-		useEffect(() => {
-			document.getElementById(id).href = href;
-		}, [id, href]);
-		return null;
-	},
-	Description({ children }) {
-		if (onServer) NamedTags.description = `<meta name='description' content='${toStr(children)}' />`;
-		return null;
-	},
-	Noscript({ children }) {
-		if (onServer) UnnamedTags.push(`<noscript>${toStr(children)}</noscript>`);
-		return null;
-	},
-	Script({ children = [], ...props }) {
-		if (onServer) {
-			UnnamedTags.push(
-				children.length
-					? `<script ${obj2props(props)}>${toStr(children)}</script>`
-					: `<script ${obj2props(props)} />`,
-			);
-		}
-		return null;
-	},
-	Meta(props) {
-		let tag = `<meta ${obj2props(props)} />`;
-		props.property || props.name ? (NamedTags[props.property || props.name] = tag) : UnnamedTags.push(tag);
-		useEffect(() => {
-			document
-				.getElementsByTagName("head")[0]
-				.insertAdjacentHTML("beforeend", Object.values(NamedTags).join("\n"));
-		}, [NamedTags]);
-		return null;
-	},
-	Style({ children, type = "text/css" }) {
-		if (onServer) UnnamedTags.push(`<style type="${type}">${toStr(children)}</style>`);
-		return null;
-	},
-};
-
-export const Inject = ({ tag, children, ...props }) => {
-	useEffect(() => {
-		injectTag(tag, props, children);
-	}, []);
-	return null;
-};
-
-export const generate = () => Object.values(NamedTags).concat(UnnamedTags).join("\n");
-
-export const flush = () => {
-	NamedTags = {};
-	UnnamedTags = [];
-};
-
-export const Meta = HeadComponents.Meta;
-
-export default {
-	Inject,
-	...HeadComponents,
-	generate,
-	flush,
-};

vitreum/injectTag.js

@@ -1,8 +0,0 @@
-const injectTag = (tag, props, children) => {
-  const injectNode = document.createElement(tag);
-  Object.entries(props).forEach(([key, val]) => injectNode[key] = val);
-  if (children) injectNode.appendChild(document.createTextNode(children));
-  document.getElementsByTagName('head')[0].appendChild(injectNode);
-};
-
-export default injectTag;