kempo-testing-framework 1.2.3 → 1.2.4

package/.github/copilot-instructions.md

@@ -7,7 +7,7 @@
 
 ### GUI
 
-All files served by the GUI should be in the `gui/` directory, with the exception of scripts shared with the CLI, custom endpoints, and node_modules like essential.css (which should have custom endpoints).
+All files served by the GUI should be in the `gui/` directory, with the exception of scripts shared with the CLI, custom endpoints, and node_modules like kempo.css (which should have custom endpoints).
 
 ## Coding Style Guidelines
 

package/CONTRIBUTING.md

@@ -7,7 +7,7 @@
 
 ### GUI
 
-All files served by the GUI should be in the `gui/` directory, with the exception of scripts shared with the CLI, custom endpoints, and node_modules like essential.css (which should have custom endpoints).
+All files served by the GUI should be in the `gui/` directory, with the exception of scripts shared with the CLI, custom endpoints, and node_modules like kempo.css (which should have custom endpoints).
 
 ## Coding Style Guidelines
 

package/gui/components/Collapsible.js

@@ -28,7 +28,7 @@ window.customElements.define('ktf-collapsible', class extends LitElement {
 	*/
 	render(){
 		return html`
-			<link rel="stylesheet" href="/essential.css">
+			<link rel="stylesheet" href="/kempo.css">
 			<div class="header">
 				<div class="actions">
 					<slot name="actions"></slot>

package/gui/components/Logs.js

@@ -54,7 +54,7 @@ window.customElements.define('ktf-logs', class extends LitElement {
     });
     if (!filtered.length) return html``;
     return html`
-      <link rel="stylesheet" href="/essential.css">
+      <link rel="stylesheet" href="/kempo.css">
       <ktf-collapsible opened>
         <span slot="title"><ktf-icon name="logs"></ktf-icon> Logs</span>
         <pre class="bg-alt -mx -mt p mb0 rb">${filtered.map(l => html`<div class="${l?.type || 'log'}">${l?.message ?? ''}</div>`)}</pre>

package/gui/components/Test.js

@@ -46,7 +46,7 @@ window.customElements.define('ktf-test', class extends LitElement {
 	render(){
 		if(!this.file || !this.name) return html``;
 		return html`
-			<link rel="stylesheet" href="/essential.css">
+			<link rel="stylesheet" href="/kempo.css">
 			<ktf-collapsible>
 				<span slot="title" id="title" class="-ml">
 					${this.name}

package/gui/components/TestSuite.js

@@ -136,7 +136,7 @@ class TestSuiteEl extends LitElement {
     if(!this.file || !this.testNames.length) return html``;
     const titleText = this.file.replace('tests/', '').replace('.node-test.js', '').replace('.browser-test.js', '').replace('.test.js', '');
     return html`
-      <link rel="stylesheet" href="/essential.css">
+      <link rel="stylesheet" href="/kempo.css">
       <ktf-collapsible>
         <span slot="title" id="title" class="-ml">${titleText}</span>
         <div slot="actions">

package/gui/components/TestSummary.js

@@ -126,7 +126,7 @@ window.customElements.define('ktf-test-summary', class extends LitElement {
     const f = this.fileCounts;
     const t = this.testCounts;
     return html`
-      <link rel="stylesheet" href="/essential.css">
+      <link rel="stylesheet" href="/kempo.css">
   <ktf-collapsible opened>
         <span slot="title" class="-ml"><b>Test Summary</b></span>
   <div slot="actions">

package/gui/index.html

@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Kempo Testing Library GUI</title>
-  <link rel="stylesheet" href="/essential.css" />
+  <link rel="stylesheet" href="/kempo.css" />
   <style>
     .loading-state {
       padding: 1rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kempo-testing-framework",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "description": "The Kempo Testing Framework is a simple testing framework built on the principle that code intended to be ran in the browser should be tested in the browser, code intended to be ran in Node should be tested in Node, and code intended to be ran in both should be tested in both. No mocking, no complexity—just testing.",
   "main": "index.js",
   "bin": {
@@ -15,7 +15,7 @@
   "license": "ISC",
   "type": "module",
   "dependencies": {
-    "essentialcss": "^3.0.0",
+    "kempo-css": "^1.0.2",
     "puppeteer": "^24.9.0"
   }
 }

package/src/browserTestServer.js

@@ -27,15 +27,15 @@ export const startServer = async (_port = 3000) => {
         const filePath = path.join(__dirname, 'runTests.js');
         res.end(await readFile(filePath, 'utf8'));
       }
-      // Serve essential.css like the GUI server does
-      else if (basePath === '/essential.css') {
+      // Serve kempo.css like the GUI server does
+      else if (basePath === '/kempo.css') {
         try {
-          const cssPath = path.join(__dirname, '../node_modules/essentialcss/dist/essential.min.css');
+          const cssPath = path.join(__dirname, '../node_modules/kempo-css/dist/kempo.min.css');
           const css = await readFile(cssPath, 'utf8');
           res.writeHead(200, { 'Content-Type': 'text/css' });
           res.end(css);
         } catch (error) {
-          console.error(`Error serving essential.css:`, error);
+          console.error(`Error serving kempo.css:`, error);
           res.writeHead(404);
           res.end('Not found');
         }

package/src/gui.js

@@ -19,11 +19,11 @@ export default async (flags, args) => {
     */
     
     /* 
-      Serve essential.css
+      Serve kempo.css
     */
-    if(basePath === '/essential.css'){
+    if(basePath === '/kempo.css'){
       res.writeHead(200, { 'Content-Type': 'text/css' });
-      res.end(await readFile(path.join(__dirname, '../node_modules/essentialcss/dist/essential.min.css'), 'utf8'));
+      res.end(await readFile(path.join(__dirname, '../node_modules/kempo-css/dist/kempo.min.css'), 'utf8'));
     } 
     
     /*