@awesomeness-js/server 1.1.0 → 1.1.2

package/index.js

@@ -1,105 +1,105 @@
-/**
- * This file is auto-generated by the build script.
- * It consolidates API functions for use in the application.
- * Do not edit manually.
- */
-import _applicationMap from './src/applicationMap.js';
-import _awesomenessNormalizeRequest from './src/awesomenessNormalizeRequest.js';
-import _brotliJsonResponse from './src/brotliJsonResponse.js';
-import _checkAccess from './src/checkAccess.js';
-import _componentDependencies from './src/componentDependencies.js';
-import _config from './src/config.js';
-import _fetchPage from './src/fetchPage.js';
-import _getConfig from './src/getConfig.js';
-import _getMD from './src/getMD.js';
-import _init from './src/init.js';
-import _koa_attachAwesomenessRequest from './src/koa/attachAwesomenessRequest.js';
-import _koa_cors from './src/koa/cors.js';
-import _koa_errorHandler from './src/koa/errorHandler.js';
-import _koa_finalFormat from './src/koa/finalFormat.js';
-import _koa_jsonBodyParser from './src/koa/jsonBodyParser.js';
-import _koa_routeRequest from './src/koa/routeRequest.js';
-import _koa_serverUp from './src/koa/serverUp.js';
-import _koa_staticFiles from './src/koa/staticFiles.js';
-import _koa_timeout from './src/koa/timeout.js';
-import _pageInfo from './src/pageInfo.js';
-import _reRoute from './src/reRoute.js';
-import _resolveRealCasePath from './src/resolveRealCasePath.js';
-import _specialPaths from './src/specialPaths.js';
-import _start from './src/start.js';
-import _validateRequest from './src/validateRequest.js';
-import _ws_handlers from './src/ws/handlers.js';
-import _ws_index from './src/ws/index.js';
-
-export { _applicationMap as applicationMap };
-export { _awesomenessNormalizeRequest as awesomenessNormalizeRequest };
-export { _brotliJsonResponse as brotliJsonResponse };
-export { _checkAccess as checkAccess };
-export { _componentDependencies as componentDependencies };
-export { _config as config };
-export { _fetchPage as fetchPage };
-export { _getConfig as getConfig };
-export { _getMD as getMD };
-export { _init as init };
-export { _pageInfo as pageInfo };
-export { _reRoute as reRoute };
-export { _resolveRealCasePath as resolveRealCasePath };
-export { _specialPaths as specialPaths };
-export { _start as start };
-export { _validateRequest as validateRequest };
-
-export const koa = {
-	attachAwesomenessRequest: _koa_attachAwesomenessRequest,
-	cors: _koa_cors,
-	errorHandler: _koa_errorHandler,
-	finalFormat: _koa_finalFormat,
-	jsonBodyParser: _koa_jsonBodyParser,
-	routeRequest: _koa_routeRequest,
-	serverUp: _koa_serverUp,
-	staticFiles: _koa_staticFiles,
-	timeout: _koa_timeout
-};
-
-export const ws = {
-	handlers: _ws_handlers,
-	index: _ws_index
-};
-
-
-export default {
-	applicationMap: _applicationMap,
-	awesomenessNormalizeRequest: _awesomenessNormalizeRequest,
-	brotliJsonResponse: _brotliJsonResponse,
-	checkAccess: _checkAccess,
-	componentDependencies: _componentDependencies,
-	config: _config,
-	fetchPage: _fetchPage,
-	getConfig: _getConfig,
-	getMD: _getMD,
-	init: _init,
-	pageInfo: _pageInfo,
-	reRoute: _reRoute,
+/**
+ * This file is auto-generated by the build script.
+ * It consolidates API functions for use in the application.
+ * Do not edit manually.
+ */
+import _applicationMap from './src/applicationMap.js';
+import _awesomenessNormalizeRequest from './src/awesomenessNormalizeRequest.js';
+import _brotliJsonResponse from './src/brotliJsonResponse.js';
+import _checkAccess from './src/checkAccess.js';
+import _componentDependencies from './src/componentDependencies.js';
+import _config from './src/config.js';
+import _fetchPage from './src/fetchPage.js';
+import _getConfig from './src/getConfig.js';
+import _getMD from './src/getMD.js';
+import _init from './src/init.js';
+import _koa_attachAwesomenessRequest from './src/koa/attachAwesomenessRequest.js';
+import _koa_cors from './src/koa/cors.js';
+import _koa_errorHandler from './src/koa/errorHandler.js';
+import _koa_finalFormat from './src/koa/finalFormat.js';
+import _koa_jsonBodyParser from './src/koa/jsonBodyParser.js';
+import _koa_routeRequest from './src/koa/routeRequest.js';
+import _koa_serverUp from './src/koa/serverUp.js';
+import _koa_staticFiles from './src/koa/staticFiles.js';
+import _koa_timeout from './src/koa/timeout.js';
+import _pageInfo from './src/pageInfo.js';
+import _reRoute from './src/reRoute.js';
+import _resolveRealCasePath from './src/resolveRealCasePath.js';
+import _specialPaths from './src/specialPaths.js';
+import _start from './src/start.js';
+import _validateRequest from './src/validateRequest.js';
+import _ws_handlers from './src/ws/handlers.js';
+import _ws_index from './src/ws/index.js';
+
+export { _applicationMap as applicationMap };
+export { _awesomenessNormalizeRequest as awesomenessNormalizeRequest };
+export { _brotliJsonResponse as brotliJsonResponse };
+export { _checkAccess as checkAccess };
+export { _componentDependencies as componentDependencies };
+export { _config as config };
+export { _fetchPage as fetchPage };
+export { _getConfig as getConfig };
+export { _getMD as getMD };
+export { _init as init };
+export { _pageInfo as pageInfo };
+export { _reRoute as reRoute };
+export { _resolveRealCasePath as resolveRealCasePath };
+export { _specialPaths as specialPaths };
+export { _start as start };
+export { _validateRequest as validateRequest };
+
+export const koa = {
+	attachAwesomenessRequest: _koa_attachAwesomenessRequest,
+	cors: _koa_cors,
+	errorHandler: _koa_errorHandler,
+	finalFormat: _koa_finalFormat,
+	jsonBodyParser: _koa_jsonBodyParser,
+	routeRequest: _koa_routeRequest,
+	serverUp: _koa_serverUp,
+	staticFiles: _koa_staticFiles,
+	timeout: _koa_timeout
+};
+
+export const ws = {
+	handlers: _ws_handlers,
+	index: _ws_index
+};
+
+
+export default {
+	applicationMap: _applicationMap,
+	awesomenessNormalizeRequest: _awesomenessNormalizeRequest,
+	brotliJsonResponse: _brotliJsonResponse,
+	checkAccess: _checkAccess,
+	componentDependencies: _componentDependencies,
+	config: _config,
+	fetchPage: _fetchPage,
+	getConfig: _getConfig,
+	getMD: _getMD,
+	init: _init,
+	pageInfo: _pageInfo,
+	reRoute: _reRoute,
 	/**
 	 * Case-insensitive real path resolver.
 	 * Works correctly on Windows, macOS, and Linux/Docker.
-	 */
-	resolveRealCasePath: _resolveRealCasePath,
-	specialPaths: _specialPaths,
-	start: _start,
-	validateRequest: _validateRequest,
-	koa: {
-		attachAwesomenessRequest: _koa_attachAwesomenessRequest,
-		cors: _koa_cors,
-		errorHandler: _koa_errorHandler,
-		finalFormat: _koa_finalFormat,
-		jsonBodyParser: _koa_jsonBodyParser,
-		routeRequest: _koa_routeRequest,
-		serverUp: _koa_serverUp,
-		staticFiles: _koa_staticFiles,
-		timeout: _koa_timeout,
-	},
-	ws: {
-		handlers: _ws_handlers,
-		index: _ws_index,
-	},
+	 */
+	resolveRealCasePath: _resolveRealCasePath,
+	specialPaths: _specialPaths,
+	start: _start,
+	validateRequest: _validateRequest,
+	koa: {
+		attachAwesomenessRequest: _koa_attachAwesomenessRequest,
+		cors: _koa_cors,
+		errorHandler: _koa_errorHandler,
+		finalFormat: _koa_finalFormat,
+		jsonBodyParser: _koa_jsonBodyParser,
+		routeRequest: _koa_routeRequest,
+		serverUp: _koa_serverUp,
+		staticFiles: _koa_staticFiles,
+		timeout: _koa_timeout,
+	},
+	ws: {
+		handlers: _ws_handlers,
+		index: _ws_index,
+	},
 };

package/package.json

@@ -1,37 +1,37 @@
-{
-	"name": "@awesomeness-js/server",
-	"version": "1.1.0",
-	"description": "Awesomeness Multi-Site Server",
-	"author": "Scott Forte",
-	"type": "module",
-	"main": "start.js",
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/awesomeness-js/server.git"
-	},
-	"scripts": {
-		"test": "vitest",
-		"prebuild": "node ./build/build.js",
-		"build": "tsc && npm run postBuild",
-		"postBuild": "node ./build/postBuild.js"
-	},
-	"exports": {
-		".": {
-			"import": "./index.js"
-		}
-	},
-	"dependencies": {
-		"@awesomeness-js/utils": "latest",
-		"busboy": "^1.6.0",
-		"koa": "^3.0.1",
-		"koa-compress": "^5.1.1",
-		"koa-send": "^5.0.1",
-		"ws": "^8.18.3",
-		"zlib": "^1.0.5"
-	},
-	"license": "none",
-	"devDependencies": {
-		"eslint": "^9.23.0",
-		"vitest": "^3.0.9"
-	}
+{
+	"name": "@awesomeness-js/server",
+	"version": "1.1.2",
+	"description": "Awesomeness Multi-Site Server",
+	"author": "Scott Forte",
+	"type": "module",
+	"main": "start.js",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/awesomeness-js/server.git"
+	},
+	"scripts": {
+		"test": "vitest",
+		"prebuild": "node ./build/build.js",
+		"build": "tsc && npm run postBuild",
+		"postBuild": "node ./build/postBuild.js"
+	},
+	"exports": {
+		".": {
+			"import": "./index.js"
+		}
+	},
+	"dependencies": {
+		"@awesomeness-js/utils": "latest",
+		"busboy": "^1.6.0",
+		"koa": "^3.0.1",
+		"koa-compress": "^5.1.1",
+		"koa-send": "^5.0.1",
+		"ws": "^8.18.3",
+		"zlib": "^1.0.5"
+	},
+	"license": "none",
+	"devDependencies": {
+		"eslint": "^9.23.0",
+		"vitest": "^3.0.9"
+	}
 }

package/src/componentDependencies.js

@@ -35,7 +35,7 @@ export default function componentDependencies(allComponents, {
 	componentLocations = [],
 	namespace = "ui",
 	showDetails = false,
-	ignore = [ "*.css.js", "*.css.php" ],
+	ignore = [ "*.css.js" ],
 } = {}) {
 
 	if (!Array.isArray(componentLocations) || componentLocations.length === 0) {
@@ -144,7 +144,7 @@ export default function componentDependencies(allComponents, {
 
 				try {
 
-					const fileContent = readFileSync(file, "utf-8");
+					const fileContent = readFileSync(path.join(chosenRoot, file), "utf-8");
 					const lines = fileContent.split("\n");
 					let fileWithImportsStripped = "";
 

package/ui/components/statusPage/index.css

@@ -0,0 +1,120 @@
+/* All styles scoped to .status-page and only using existing CSS variables (e.g., --sky-500, --violet-500, --slate-950). */
+
+.status-page {
+  /* layout */
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 14px;
+  min-height: min(70vh, 560px);
+  padding: 36px 22px 28px;
+  margin: min(12vh, 120px) auto;
+  text-align: center;
+  width: min(720px, 92vw);
+
+  /* card look */
+  position: relative;
+  border-radius: 18px;
+  background:
+    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04)) padding-box;
+  border: 1px solid color-mix(in oklab, white 14%, transparent);
+  box-shadow: 0 10px 30px rgba(0,0,0,.35);
+  backdrop-filter: saturate(160%) blur(10px);
+  color: var(--slate-50);
+  isolation: isolate;
+}
+
+.status-page::before {
+  content: "";
+  position: absolute;
+  inset: -1px;
+  border-radius: inherit;
+  z-index: -1;
+  background:
+    radial-gradient(80% 60% at 20% 0%, color-mix(in oklab, var(--sky-500) 32%, transparent), transparent 65%),
+    radial-gradient(70% 50% at 100% 10%, color-mix(in oklab, var(--violet-500) 28%, transparent), transparent 60%),
+    var(--slate-950);
+  filter: saturate(110%);
+}
+
+/* Headline */
+.status-page h1 {
+  margin: 0;
+  line-height: 1;
+  letter-spacing: -0.02em;
+  font-weight: 800;
+  font-size: clamp(48px, 14vw, 120px);
+  background:
+    conic-gradient(from 220deg, var(--sky-400), var(--violet-400), var(--sky-400)) text;
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  filter: drop-shadow(0 6px 18px color-mix(in oklab, var(--sky-500) 25%, transparent));
+}
+
+/* Message */
+.status-page p {
+  margin: 2px 0 18px;
+  color: var(--slate-400);
+  font-size: clamp(14px, 1.7vw, 18px);
+}
+
+/* CTA */
+.status-page .btn-home {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 46px;
+  padding: 0 18px;
+  gap: .5ch;
+  border-radius: 12px;
+  text-decoration: none;
+  font-weight: 700;
+  letter-spacing: .01em;
+
+  color: var(--slate-50);
+  background:
+    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04)),
+    linear-gradient(90deg, color-mix(in oklab, var(--sky-500) 32%, transparent), color-mix(in oklab, var(--violet-500) 32%, transparent));
+  border: 1px solid color-mix(in oklab, white 14%, transparent);
+  box-shadow: 0 4px 18px rgba(0,0,0,.2);
+  transition: transform .15s ease, box-shadow .2s ease, filter .15s ease, background .25s ease;
+}
+.status-page .btn-home:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 10px 26px rgba(0,0,0,.28);
+  filter: saturate(120%);
+}
+.status-page .btn-home:active { transform: translateY(0) }
+.status-page .btn-home:focus-visible {
+  outline: none;
+  box-shadow:
+    0 0 0 2px var(--slate-950),
+    0 0 0 6px color-mix(in oklab, var(--sky-500) 45%, transparent);
+}
+
+/* 404 variant */
+.status-page.status-page-404 p {
+  font-size: clamp(15px, 1.9vw, 20px);
+}
+
+/* Generic variant trims the gradient headline */
+.status-page.status-page-generic h1 {
+  background: linear-gradient(180deg, currentColor, currentColor) text;
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: currentColor;
+  filter: none;
+}
+
+/* Compact on very small screens */
+@media (max-width: 420px){
+  .status-page { padding: 26px 16px 20px; border-radius: 16px; }
+  .status-page .btn-home { width: 100% }
+}
+
+/* Reduced motion */
+@media (prefers-reduced-motion: reduce){
+  .status-page .btn-home { transition: none }
+}

package/ui/components/statusPage/index.js

@@ -0,0 +1,39 @@
+export default (code) => {
+
+	let $statusPage;
+
+	if(code === 404){
+
+		$statusPage = $(`
+			<div class="status-page status-page-404">
+				<h1>404</h1>
+				<p>Oops! The page you are looking for does not exist.</p>
+				<a href="/" class="btn-home">Go to Home Page</a>
+			</div>
+		`);
+
+	} else if(code === 401){
+
+		$statusPage = $(`
+			<div class="status-page status-page-404">
+				<h1>Nah...</h1>
+				<p>Sorry Bro... Access Denied.</p>
+				<a href="/" class="btn-home">Go to Home Page</a>
+			</div>
+		`);
+
+	} else {
+
+		$statusPage = $(`
+			<div class="status-page status-page-generic">
+				<h1>${code}</h1>
+				<p>Something went wrong.</p>
+				<a href="/" class="btn-home">Go to Home Page</a>
+			</div>
+		`);
+
+	}
+
+	return $statusPage;
+
+};