kempo 4.2.4 → 4.2.7

package/src/utils/fs-utils.js

@@ -1,41 +0,0 @@
-import fs from 'fs/promises';
-import path from 'path';
-
-export async function ensureDir(dirPath) {
-  try {
-    await fs.mkdir(dirPath, { recursive: true });
-  } catch (error) {
-    if (error.code !== 'EEXIST') {
-      throw error;
-    }
-  }
-}
-
-export async function copyDir(src, dest) {
-  await ensureDir(dest);
-  const entries = await fs.readdir(src, { withFileTypes: true });
-
-  for (const entry of entries) {
-    const srcPath = path.join(src, entry.name);
-    const destPath = path.join(dest, entry.name);
-
-    if (entry.isDirectory()) {
-      await copyDir(srcPath, destPath);
-    } else {
-      await fs.copyFile(srcPath, destPath);
-    }
-  }
-}
-
-export async function emptyDir(dirPath) {
-  try {
-    const entries = await fs.readdir(dirPath);
-    await Promise.all(entries.map(entry => 
-      fs.rm(path.join(dirPath, entry), { recursive: true, force: true })
-    ));
-  } catch (error) {
-    if (error.code !== 'ENOENT') {
-      throw error;
-    }
-  }
-}

package/src/utils/fuzzyMatch.js

@@ -1,60 +0,0 @@
-/*
-  This module was created by Chat GPT using the following prompts:
-  Write me a function in JS, that takes two strings, and does a fuzzy match to see if the first string contains the second string, this way if the second string has a typo or misspelling in it we still get a partial match. Make it return a score between 0 and 10 that indicates the strength of the match, with a perfect 10 being a perfect match, and a 0 being no characters match with the threashold greater than 3. Give  a higher score if the match is towards the beginning of the first string.
-*/
-
-export const fuzzyMatch = (str1, str2) => {
-  const levenshteinDistance = (s1, s2) => {
-      const m = s1.length;
-      const n = s2.length;
-      const dp = Array.from({ length: m + 1 }, () => Array(n + 1).fill(0));
-
-      for (let i = 0; i <= m; i++) {
-          for (let j = 0; j <= n; j++) {
-              if (i === 0) dp[i][j] = j;
-              else if (j === 0) dp[i][j] = i;
-              else dp[i][j] = Math.min(
-                  dp[i - 1][j - 1] + (s1.charAt(i - 1) === s2.charAt(j - 1) ? 0 : 1),
-                  dp[i][j - 1] + 1,
-                  dp[i - 1][j] + 1
-              );
-          }
-      }
-
-      return dp[m][n];
-  };
-
-  const fuzzyThreshold = 3;
-
-  const distance = levenshteinDistance(str1.toLowerCase(), str2.toLowerCase());
-  
-  if (distance === 0) {
-      return 10; // Perfect match
-  }
-
-  const score = Math.max(0, 10 - distance / fuzzyThreshold);
-  
-  const positionScore = Math.min((str1.length - distance) / str1.length, 1);
-  
-  return Math.round(score * 5 + positionScore * 5); // Scale to 0-10
-};
-
-/*
-  Chat GPT Prompt
-  Can you write another function that takes an array of strings, and a string, creates a score based on how well the second string matches each of the function you created above. Then find the average non-zero match of the second string to the items in the array
-*/
-export const fuzzyMatchArray = (array, targetString) => {
-  const nonZeroScores = array
-      .map(currentString => fuzzyMatch(currentString, targetString))
-      .filter(score => score !== 0);
-  if (nonZeroScores.length === 0) {
-      return 0; // Return 0 if there are no non-zero scores
-  }
-  const averageScore = nonZeroScores.reduce((sum, score) => sum + score, 0) / nonZeroScores.length;
-  return averageScore;
-};
-
-export default {
-  fuzzyMatch,
-  fuzzyMatchArray
-};

package/src/utils/getPreferredTheme.js

@@ -1 +0,0 @@
-export default () => window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';

package/src/utils/loadCss.js

@@ -1,10 +0,0 @@
-export default (url, type = 'stylesheet') => {
-  return new Promise((resolve, reject) => {
-    const link = document.createElement('link');
-    link.rel = type;
-    link.href = url;
-    link.onload = resolve;
-    link.onerror = reject;
-    document.head.appendChild(link);
-  });
-}

package/src/utils/loadScript.js

@@ -1,10 +0,0 @@
-export default (scriptUrl, type = 'module') => {
-  return new Promise((resolve, reject) => {
-    const script = document.createElement('script');
-    script.type = type;
-    script.src = scriptUrl;
-    script.onload = resolve;
-    script.onerror = reject;
-    document.head.appendChild(script);
-  });
-}

package/src/utils/object.js

@@ -1,198 +0,0 @@
-import { typeOf } from './type.js';
-
-export const toJson = (obj) => {
-	return JSON.stringify(obj, (key, value) => {
-		if (key !== '' && value === obj) {
-			return '<<Circular Reference>>';
-		} else if (typeof(Element) !== 'undefined' && value instanceof Element) {
-			return value.outerHTML;
-		} else if(typeOf(value) === 'function'){
-			return `<<Function ${key}>>`;
-		}
-		return value;
-	});
-};
-
-export const flattenObject = (
-	obj,
-	maxDepth = 100,
-	prevDepth = 0,
-	parentKeys = []
-) => {
-	const thisDepth = prevDepth + 1;
-	if (obj === null) return {};
-	return Object.keys(obj).reduce((o, k) => {
-		const v = obj[k];
-		const key = [...parentKeys, k].join('.');
-		if (typeOf(Element) !== 'undefined' && v instanceof Element) {
-			return {
-				...o,
-				[key]: v.outerHTML
-			};
-		} else if (v === null) {
-			return {
-				...o,
-				[key]: null
-			};
-		} else if (typeof v === 'object') {
-			if (maxDepth <= thisDepth) {
-				return {
-					...o,
-					[key]: '<<Max Depth Reached>>'
-				};
-			} else {
-				return {
-					...o,
-					...flattenObject(v, maxDepth, thisDepth, [...parentKeys, k])
-				};
-			}
-		} else {
-			return {
-				...o,
-				[key]: v
-			};
-		}
-	}, {});
-};
-
-export const flattenedObjects = (...objects) => objects.map(o=>flattenObject(o));
-
-export const objectSummary = (object, maxLength = 100) => {
-	if (typeof object === 'object') {
-		const flatObject = flattenObject(object);
-		const kvp = []; // key value pairs
-		Object.keys(flatObject).forEach((key) => {
-			kvp.push(`${key} = ${objectSummary(flatObject[key])}`);
-		});
-		return kvp.join(', ').substring(0, maxLength);
-	} else {
-		return `${object}`.substring(0, maxLength);
-	}
-};
-
-export const clone = (obj) => {
-	const type = typeof obj;
-	const Element =
-		typeof window === 'undefined' ? class Element {} : window.Element; // So this can run in Node
-	if (obj instanceof Element) {
-		return obj.outerHTML;
-	} else if (obj === null) {
-		return null;
-	} else if (
-		['string', 'number', 'boolean', 'undefined', 'bigint'].includes(type)
-	) {
-		return obj;
-	} else if (type === 'symbol') {
-		return '<<SYMBOL>>';
-	} else if (type === 'function') {
-		return '<<function>>';
-	} else if (obj instanceof Array) {
-		return obj.map((item) => clone(item));
-	} else if (type === 'object') {
-		return Object.keys(obj).reduce((r, k) => {
-			return {
-				...r,
-				[k]: clone(obj[k])
-			};
-		}, {});
-	} else {
-		return obj;
-	}
-};
-
-export const equalObjs = (...objs) => {
-	if (objs.length < 2) return true;
-	const first = toJson(objs[0]);
-	for (let i = 1; i < objs.length; i++) {
-		if (first !== toJson(objs[i])) return false;
-	}
-	return true;
-};
-
-const pruneVar = (value) => {
-	if (typeof value === 'undefined') {
-		return [undefined, true];
-	} else if (typeof value === 'string') {
-		return [value, value === ''];
-	} else if (value instanceof Array) {
-		return [value, value.length === 0];
-	} else if (value === null) {
-		return [value, false];
-	} else if (typeof value === 'object') {
-		// eslint-disable-next-line no-use-before-define
-		return pruneObject(value);
-	}
-	return [value, false];
-};
-const pruneObject = (object) => {
-	const results = {};
-	Object.keys(object).forEach((key) => {
-		const [pruned, isBlank] = pruneVar(object[key]);
-		if (!isBlank) {
-			results[key] = pruned;
-		}
-	});
-	return [results, Object.keys(results).length === 0];
-};
-export const prune = (object) => {
-	return pruneObject(object)[0]
-}
-export const getAllKeys = (...objects) => [...new Set(objects.map(o => Object.keys(o)).flat())];
-export const getDifferencesKeys = (...objects) => {
-	return getAllKeys(...objects)
-		.map(k => new Set(objects.map(o => o[k])).size !== 1 ? k : null)
-		.filter(k => k !== null);
-}
-export const diff = (obj1, obj2) => {
-  const result = {};
-
-  function compareValues(path, value1, value2) {
-    if (Array.isArray(value1) && Array.isArray(value2)) {
-      if (value1.length !== value2.length || !value1.every((v, i) => v === value2[i])) {
-        result[path.join('.')] = { newValue: value1, oldValue: value2 };
-      }
-    } else if (typeof value1 === 'object' && typeof value2 === 'object') {
-      compareObjects([...path], value1, value2);
-    } else if (value1 !== value2) {
-      result[path.join('.')] = { newValue: value1, oldValue: value2 };
-    }
-  }
-
-  function compareObjects(path, obj1, obj2) {
-    for (const key in obj1) {
-      if (obj1.hasOwnProperty(key)) {
-        const value1 = obj1[key];
-        const value2 = obj2[key];
-
-        compareValues([...path, key], value1, value2);
-      }
-    }
-  }
-
-  compareObjects([], obj1, obj2);
-  return result;
-}
-
-export const mapObject = (obj, func) => {
-  return Object.entries(obj).reduce((newObj, [key, value]) => {
-    const [newKey, newValue] = func(key, value);
-    newObj[newKey] = newValue;
-    return newObj;
-  }, {});
-}
-
-export default {
-	toJson,
-	flattenObject,
-	flattenedObjects,
-	objectSummary,
-	clone,
-	equalObjs,
-	pruneVar,
-	pruneObject,
-	prune,
-	getAllKeys,
-	getDifferencesKeys,
-	diff,
-	mapObject
-};

package/src/utils/raf.js

@@ -1,10 +0,0 @@
-const raf = (callback, frames = 1) => {
-  requestAnimationFrame(()=>{
-    if(frames === 1){
-      callback();
-    } else {
-      raf(callback, frames-1);
-    }
-  });
-}
-export default raf;

package/src/utils/string.js

@@ -1,66 +0,0 @@
-export const camelToDash = (str) => str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
-export const dashToCamel = (str) => str.replace(/-([a-z])/g, (_, group) => group.toUpperCase());
-export const isCamelCase = (str) => /[a-z][A-Z]/.test(str);
-export const getCase = (str) => {
-  if(isCamelCase(str)){
-    return {
-      camel: str,
-      dash: camelToDash(str)
-    }
-  } else {
-    return {
-      camel: dashToCamel(str),
-      dash: str
-    }
-  }
-}
-export const escapeHTML = str => str.replace(/[&<>"'/]/g, match => {
-  switch (match) {
-    case '&':
-      return '&amp;';
-    case '<':
-      return '&lt;';
-    case '>':
-      return '&gt;';
-    case '"':
-      return '&quot;';
-    case "'":
-      return '&#39;';
-    case '/':
-      return '&#x2F;';
-    default:
-      return match;
-  }
-});
-export const unescapeHTML = str => str.replace(/&amp;|&lt;|&gt;|&quot;|&#39;|&#x2F;/g, match => {
-  switch (match) {
-    case '&amp;':
-      return '&';
-    case '&lt;':
-      return '<';
-    case '&gt;':
-      return '>';
-    case '&quot;':
-      return '"';
-    case '&#39;':
-      return "'";
-    case '&#x2F;':
-      return '/';
-    default:
-      return match;
-  }
-});
-export const trim = (str, chars) => str.replace(new RegExp(`^[${chars}]+|[${chars}]+$`, 'g'), '');
-export const compoundKey = keys => trim(keys.join('.'), '.');
-export const toTitleCase = (input) => input.replace(/([a-z])([A-Z])/g, '$1 $2').replace(/_/g, ' ').trim().replace(/\s+/g, ' ').split(' ').map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(' ');
-
-export default {
-  camelToDash,
-  dashToCamel,
-  isCamelCase,
-  getCase,
-  escapeHTML,
-  unescapeHTML,
-  trim,
-  compoundKey
-};

package/src/utils/toFunction.js

@@ -1,24 +0,0 @@
-export default (v) => {
-  if (typeof v === 'function') {
-    return v;
-  }
-  if (typeof v === 'string') {
-    const parts = v.split('.');
-    let current = window;
-    for (const part of parts) {
-      current = current[part];
-      if (current === undefined) {
-        break;
-      }
-    }
-    if (typeof current === 'function') {
-      return current;
-    }
-    try {
-      return new Function(v);
-    } catch (e) {
-      console.error('Failed to create function from string:', e);
-    }
-  }
-  return () => v;
-};

package/src/utils/type.js

@@ -1,13 +0,0 @@
-export const typeOf = value => {
-	if(value === null) return 'null';
-	else if(value instanceof Array) return 'array';
-	else if(typeof(Element) !== 'undefined' && value instanceof Element) return  'element';
-	else return typeof(value);
-}
-
-export const isType = (value, type) => typeOf(value) === type;
-
-export default {
-	typeOf,
-	isType
-};

package/src/utils/waitFrames.js

@@ -1,17 +0,0 @@
-export default (frameCount = 1) => {
-  return new Promise((resolve) => {
-    let frames = 0;
-
-    function frameHandler() {
-      frames++;
-
-      if (frames >= frameCount) {
-        resolve();
-      } else {
-        requestAnimationFrame(frameHandler);
-      }
-    }
-
-    requestAnimationFrame(frameHandler);
-  });
-}

package/src/utils/watchDirectoryHandle.js

@@ -1,18 +0,0 @@
-const serializeDir = async (dirHandle) => {
-  const entrySerializations = [];
-  for await(const {kind,name} of dirHandle.values()){
-    entrySerializations.push(`${kind}:${name}`);
-  }
-  return entrySerializations.join('|');
-}
-
-export default async (dirHandle, callback, timer = 1000) => {
-  let lastSerialization = await serializeDir(dirHandle);
-  return setInterval(async () => {
-    const newSerialization = await serializeDir(dirHandle);
-    if(newSerialization != lastSerialization){
-      lastSerialization = newSerialization;
-      callback();
-    }
-  }, timer);
-}

package/src/utils/watchWindowSize.js

@@ -1,15 +0,0 @@
-import debounce from './debounce.js';
-
-const handlers = new Set();
-window.addEventListener('resize', debounce(()=>{
-  const width = window.innerWidth;
-  handlers.forEach( (handler) => handler(width));
-}));
-
-export const watchWindowSize = (handler) => {
-  handlers.add(handler);
-  return window.innerWidth;
-}
-export const unwatchWindowSize = (handler) => {
-  handlers.remove(handler);
-}

package/test/components/SuiteList.js

@@ -1,26 +0,0 @@
-import Component from '../kempo/components/Component.js';
-import Card from '../kempo/components/Card.js';
-
-export default class SuiteList extends Component {
-  async render(force){
-    if(await super.render(force)){
-      this.innerHTML = '';
-      const tests = await (await fetch('/api/tests')).json();
-      Object.keys(tests).forEach( category => {
-        const $category = new Card(category[0].toUpperCase() + category.slice(1));
-        $category.className = 'my';
-        tests[category].forEach( suite => {
-          const $link = document.createElement('a');
-          $link.href = `/suite.html?name=${category}/${suite}`;
-          $link.innerHTML = suite;
-          $link.className = 'd-b pq';
-          $category.appendChild($link);
-        });
-        this.appendChild($category);
-      });
-      return true;
-    }
-    return false;
-  }
-}
-window.customElements.define('k-suite-list', SuiteList);