Merge pull request #2 from AegisJSProject/patch/setup

Initial Setup

Author: shgysk8zer0

CHANGELOG.md

@@ -7,87 +7,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-## [v1.1.3] - 2025-11-21
-
-### Added
-- Add `npm start` script
-
-### Changed
-- Update npm publishing
-
-## [v1.1.2] - 2025-05-01
-
-### Changed
-- Use `eslint` & `rollup` directly instead of by other packages
-- Update node version via `.npmrc`
-- Update Node CI workflow
-- Install & use `@shgysk8zer0/eslint-config`
-- Add support for `node --test`, including ignoring tests for publishing
-- Update ESLint & super-linter
-- Switch to more basic Rollup config
-- Update `exports` and `main` accordingly
-
-### Fixed
-- Fix missed renaming in README
-
-## Removed
-- Remove old ESLint config files
-
-## [v1.1.1] - 2023-09-24
-
-### Added
-- Add `unpkg` to `package.json`
-- Add badges in README
-
-### Changed
-- Update `exports` to `package.json` to handle wider variety
-
-### Fixed
-- Fix typo in `fix:js` script
-
-### [v1.1.0] - 2023-07-03
-
-### Changed
-- Update to node 20
-- Update npm publishing GH Action
-
-## [v1.0.5] - 2023-07-02
-
-### Added
-- Add `funding`
-
-### Changed
-- Updated GitHub Actions workflows 
-- Update versioning & lock-file scripts
-- Update `.npmignore` & `.gitignore`
-
-## [v1.0.4] - 2023-06-08
-
-### Added
-- Install `@shgysk8zer0/npm-utils`
-- Add `exports` to package config
-
-### Removed
-- Uninstall `rollup`, `eslint`
-
-### Changed
-- Use `getConfig()` from `@shgysk8zer0/js-utils/rollup` for rollup config
-
-## [v1.0.3] - 2023-06-01
-
-### Fixed
-- Revert to old Release Action, now with permissions & link to changelog
-
-## [v1.0.2] - 2023-06-01
-
-### Fixed
-- Fix `changelog-entry` to match `[$version]` instead of `$version`
-
-## [v1.0.1] - 2023-05-31
-
-### Fixed
-- Update GitHub Release workflow to use [Auto Release](https://github.com/marketplace/actions/auto-release)
-
-## [v1.0.0] - 2023-05-31
+## [v1.0.0] - 2025-11-21
 
 Initial Release

README.md

@@ -1,24 +1,24 @@
-# npm-template
+# `@aegisjsproject/dev-server`
 
-A template repo for npm packages
+Dev server setup for `@shgysk8zer0/http-server`
 
-[![CodeQL](https://github.com/shgysk8zer0/npm-template/actions/workflows/codeql-analysis.yml/badge.svg)](https://github.com/shgysk8zer0/npm-template/actions/workflows/codeql-analysis.yml)
-![Node CI](https://github.com/shgysk8zer0/npm-template/workflows/Node%20CI/badge.svg)
-![Lint Code Base](https://github.com/shgysk8zer0/npm-template/workflows/Lint%20Code%20Base/badge.svg)
+[![CodeQL](https://github.com/AegisJSProject/dev-server/actions/workflows/codeql-analysis.yml/badge.svg)](https://github.com/AegisJSProject/dev-server/actions/workflows/codeql-analysis.yml)
+![Node CI](https://github.com/AegisJSProject/dev-server/workflows/Node%20CI/badge.svg)
+![Lint Code Base](https://github.com/AegisJSProject/dev-server/workflows/Lint%20Code%20Base/badge.svg)
 
-[![GitHub license](https://img.shields.io/github/license/shgysk8zer0/npm-template.svg)](https://github.com/shgysk8zer0/npm-template/blob/master/LICENSE)
-[![GitHub last commit](https://img.shields.io/github/last-commit/shgysk8zer0/npm-template.svg)](https://github.com/shgysk8zer0/npm-template/commits/master)
-[![GitHub release](https://img.shields.io/github/release/shgysk8zer0/npm-template?logo=github)](https://github.com/shgysk8zer0/npm-template/releases)
+[![GitHub license](https://img.shields.io/github/license/AegisJSProject/dev-server.svg)](https://github.com/AegisJSProject/dev-server/blob/master/LICENSE)
+[![GitHub last commit](https://img.shields.io/github/last-commit/AegisJSProject/dev-server.svg)](https://github.com/AegisJSProject/dev-server/commits/master)
+[![GitHub release](https://img.shields.io/github/release/AegisJSProject/dev-server?logo=github)](https://github.com/AegisJSProject/dev-server/releases)
 [![GitHub Sponsors](https://img.shields.io/github/sponsors/shgysk8zer0?logo=github)](https://github.com/sponsors/shgysk8zer0)
 
-[![npm](https://img.shields.io/npm/v/@shgysk8zer0/npm-template)](https://www.npmjs.com/package/@shgysk8zer0/npm-template)
-![node-current](https://img.shields.io/node/v/@shgysk8zer0/npm-template)
-![npm bundle size gzipped](https://img.shields.io/bundlephobia/minzip/@shgysk8zer0/npm-template)
-[![npm](https://img.shields.io/npm/dw/@shgysk8zer0/npm-template?logo=npm)](https://www.npmjs.com/package/@shgysk8zer0/npm-template)
+[![npm](https://img.shields.io/npm/v/@aegisjsproject/dev-server)](https://www.npmjs.com/package/@aegisjsproject/dev-server)
+![node-current](https://img.shields.io/node/v/@aegisjsproject/dev-server)
+![npm bundle size gzipped](https://img.shields.io/bundlephobia/minzip/@aegisjsproject/dev-server)
+[![npm](https://img.shields.io/npm/dw/@aegisjsproject/dev-server?logo=npm)](https://www.npmjs.com/package/@aegisjsproject/dev-server)
 
 [![GitHub followers](https://img.shields.io/github/followers/shgysk8zer0.svg?style=social)](https://github.com/shgysk8zer0)
-![GitHub forks](https://img.shields.io/github/forks/shgysk8zer0/npm-template.svg?style=social)
-![GitHub stars](https://img.shields.io/github/stars/shgysk8zer0/npm-template.svg?style=social)
+![GitHub forks](https://img.shields.io/github/forks/AegisJSProject/dev-server.svg?style=social)
+![GitHub stars](https://img.shields.io/github/stars/AegisJSProject/dev-server.svg?style=social)
 [![Twitter Follow](https://img.shields.io/twitter/follow/shgysk8zer0.svg?style=social)](https://twitter.com/shgysk8zer0)
 
 [![Donate using Liberapay](https://img.shields.io/liberapay/receives/shgysk8zer0.svg?logo=liberapay)](https://liberapay.com/shgysk8zer0/donate "Donate using Liberapay")

consts.js

@@ -0,0 +1,5 @@
+const FAVICON = `<svg width="16" height="16" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
+	<rect width="10" height="10" x="0" y="0" rx="1" ry="1"  fill="#${crypto.getRandomValues(new Uint8Array(3)).toHex()}"></rect>
+</svg>`;
+
+export default () => new Response(FAVICON, { headers: { 'Content-Type': 'image/svg+xml' }});

favicon.js

@@ -0,0 +1,49 @@
+import { readFile } from 'node:fs/promises';
+import { imports } from '@shgysk8zer0/importmap';
+
+const pkg = JSON.parse(await readFile(process.cwd() + '/package.json', { encoding: 'utf8' }));
+
+const importmap = JSON.stringify({
+	imports: {
+		...imports,
+		[pkg.name]: pkg.exports['.'].import,
+		[`${pkg.name}/`]: './',
+	}
+});
+
+const sri = async (input) => await Promise.resolve(input)
+	.then(json => new TextEncoder().encode(json))
+	.then(bytes => crypto.subtle.digest('SHA-384', bytes))
+	.then(hash => 'sha384-' + new Uint8Array(hash).toBase64());
+
+const integrity = await sri(importmap);
+
+const CSP = `default-src 'self'; style-src 'self' https://unpkg.com/@agisjsproject/ blob:; script-src 'self' https://unpkg.com/@shgysk8zer0/ https://unpkg.com/@kernvalley/ https://unpkg.com/@aegisjsproject/ '${integrity}'; image-src 'self' https://i.imgur.com/ https://secure.gravatar.com/avatar/ blob: data:; media-src 'self' blob:; frame-src https://www.youtube-nocookie.com; trusted-types aegis-sanitizer#html aegis-router#html; require-trusted-types-for 'script';`;
+
+export default async (req) => {
+	const doc = await readFile(process.cwd() + '/index.html', { encoding: 'utf8' });
+
+	const request = JSON.stringify({
+		url: req.url,
+		method: req.method,
+		destination: req.destination,
+		mode: req.mode,
+		cache: req.cache,
+		referrer: req.referrer,
+		headers: Object.fromEntries(req.headers),
+	}, null, 4);
+
+	return new Response(
+		doc
+			.replaceAll('{{ IMPORTMAP }}', importmap)
+			.replaceAll('{{ INTEGRITY }}', integrity)
+			.replaceAll('{{ POLYFILLS }}', imports['@shgysk8zer0/polyfills'])
+			.replaceAll('{{ REQUEST }}', request),
+		{
+			headers: {
+				'Content-Type': 'text/html',
+				'Content-Security-Policy': CSP,
+			}
+		}
+	);
+};

home.js

@@ -1,60 +1,10 @@
-import { readFile } from 'node:fs/promises';
-import { imports } from '@shgysk8zer0/importmap';
-
-const pkg = JSON.parse(await readFile('./package.json', { encoding: 'utf8' }));
-
-const importmap = JSON.stringify({
-	imports: {
-		...imports,
-		[pkg.name]: pkg.exports['.'].import,
-		[`${pkg.name}/`]: './',
-	}
-});
-
-const sri = async (input) => await Promise.resolve(input)
-	.then(json => new TextEncoder().encode(json))
-	.then(bytes => crypto.subtle.digest('SHa-384', bytes))
-	.then(hash => 'sha384-' + new Uint8Array(hash).toBase64());
-
-const integrity = await sri(importmap);
-
-const headers = new Headers({
-	'Content-Type': 'text/html',
-	'Content-Security-Policy': `default-src 'self'; style-src 'self' blob:; script-src 'self' https://unpkg.com/@shgysk8zer0/ https://unpkg.com/@kernvalley/ https://unpkg.com/@aegisjsproject/ '${integrity}'; trusted-types aegis-sanitizer#html; require-trusted-types-for 'script';`,
-});
+import home from '@aegisjsproject/dev-server';
+import favicon from '@aegisjsproject/dev-server/favicon';
 
 export default {
-	routes: {
-		'/': async (req) => {
-			const doc = await readFile('./index.html', { encoding: 'utf8' });
-			const request = JSON.stringify({
-				url: req.url,
-				method: req.method,
-				destination: req.destination,
-				mode: req.mode,
-				cache: req.cache,
-				referrer: req.referrer,
-				headers: Object.fromEntries(req.headers),
-			}, null, 4);
-
-			return new Response(
-				doc
-					.replaceAll('{{ IMPORTMAP }}', importmap)
-					.replaceAll('{{ INTEGRITY }}', integrity)
-					.replaceAll('{{ POLYFILLS }}', imports['@shgysk8zer0/polyfills'])
-					.replaceAll('{{ REQUEST }}', request),
-				{ headers }
-			);
-		},
-		'/favicon.svg': () => {
-			const svg = `<svg width="16" height="16" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
-				<rect width="10" height="10" x="0" y="0" rx="1" ry="1"  fill="#${crypto.getRandomValues(new Uint8Array(3)).toHex()}"></rect>
-			</svg>`;
-
-			return new Response(svg, {
-				headers: { 'Content-Type': 'image/svg+xml' },
-			});
-		}
-	},
 	open: true,
+	routes: {
+		'/': home,
+		'/favicon.svg': favicon,
+	}
 };

http.config.js

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en" dir="ltr">
 	<head>
-		<title>Test</title>
+		<title>Dev Server</title>
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width" />
 		<meta name="color-scheme" content="light dark" />