[Refactor] *: align naming/convention, ironed out structure

Author: sebastien

AGENTS.md

@@ -38,6 +38,8 @@ make clean
 - Tab indentation, size 2 for HTML/XML
 - No semicolons required
 - Use `const` and `let`, avoid `var`
+- Prefer `function name(...) {}` for top-level functions
+- Use arrow functions for callbacks, closures, and inline lambdas
 
 ### Imports
 ```javascript
@@ -77,7 +79,7 @@ Exports are consolidated at the end of each file, not inline.
 
 ```javascript
 // Named exports for utilities
-const query = (selector, scope, limit) => { ... }
+function query(selector, scope, limit) { ... }
 class Selection extends Array { ... }
 
 // Default export (one per module)
@@ -158,6 +160,7 @@ export { {{name}} }
 - **Module-level docs**: Define concepts, keywords, and provide overview
 - **Type/Class docs**: Describe purpose; list attributes as bullet points with types
 - **Function/Method docs**: Embed parameters in description using backticks; include examples for factory functions and complex APIs
+- **Top-level functions**: Use `function name(...) {}` declarations instead of `const name = (...) =>` for exported and module-level APIs
 - **Exports**: Named exports listed at file end with explicit `// EOF` marker
 - **Examples**: Always use fenced code blocks with language specifier; comment style for examples matches the surrounding code
 - **Visibility**: Don't use private/protected, but group internal operations together with a SUBSECTION

plan-refactor.md

@@ -47,14 +47,15 @@ const log = logger("select.cells");
 //
 // ----------------------------------------------------------------------------
 
-const normalizeSelectionPath = (path) =>
-	path === undefined || path === null
+function normalizeSelectionPath(path) {
+	return path === undefined || path === null
 		? []
 		: Array.isArray(path)
 			? path
-			: [path];
+			: [path]
+}
 
-const selectionPathKey = (path) => {
+function selectionPathKey(path) {
 	if (!path || path.length === 0) {
 		return "";
 	}
@@ -66,7 +67,7 @@ const selectionPathKey = (path) => {
 		key += `${typeof path[i]}:${path[i]}`;
 	}
 	return key;
-};
+}
 
 // ----------------------------------------------------------------------------
 //

src/js/select/cells.js

@@ -0,0 +1,27 @@
+// Project: Select.js
+// Author:  Sebastien Pierre
+// License: MIT
+// Created: 2026-05-15
+
+// Module: select/formats
+// String case format helpers shared across modules.
+
+function toKebabCase(value) {
+	return `${value}`
+		.replace(/([a-z0-9])([A-Z])/g, "$1-$2")
+		.replace(/[_\s]+/g, "-")
+		.toLowerCase()
+}
+
+function toCamelCase(value) {
+	return `${value}`
+		.toLowerCase()
+		.replace(/-([a-z0-9])/g, (_, letter) => letter.toUpperCase())
+}
+
+export {
+	toCamelCase,
+	toKebabCase,
+}
+
+// EOF

src/js/select/formats.js

@@ -6,7 +6,7 @@
 // Module: select/interaction
 // DOM interaction helpers.
 
-const bind = (node, handlers) => {
+function bind(node, handlers) {
 	if (handlers) {
 		for (const [name, handler] of Object.entries(handlers)) {
 			for (const target of Array.isArray(node) ? node : [node]) {
@@ -15,9 +15,9 @@ const bind = (node, handlers) => {
 		}
 	}
 	return node;
-};
+}
 
-const unbind = (node, handlers) => {
+function unbind(node, handlers) {
 	if (handlers) {
 		for (const [name, handler] of Object.entries(handlers)) {
 			for (const target of Array.isArray(node) ? node : [node]) {
@@ -26,9 +26,9 @@ const unbind = (node, handlers) => {
 		}
 	}
 	return node;
-};
+}
 
-const drag = (event, move, end) => {
+function drag(event, move, end) {
 	const context = {};
 	const dragging = {
 		node: event.target,
@@ -77,36 +77,36 @@ const drag = (event, move, end) => {
 	const doEnd = () => unbind(scope, handlers);
 	bind(scope, handlers);
 	return doEnd;
-};
+}
 
-const target = (node, pred) => {
+function target(node, pred) {
 	while (node && node.nodeType === Node.ELEMENT_NODE) {
 		if (pred(node)) return node;
 		node = node.parentNode;
 	}
 	return undefined;
-};
+}
 
-const dragtarget = (node, name) => {
+function dragtarget(node, name) {
 	while (node && node.nodeType === Node.ELEMENT_NODE) {
 		const element = node;
 		if (!name && element.hasAttribute("data-drag")) return element;
 		if (name && element.getAttribute("data-drag") === name) return element;
 		node = element.parentNode;
 	}
 	return node?.nodeType === Node.ELEMENT_NODE ? node : undefined;
-};
+}
 
 drag.target = dragtarget;
 
-const autoresize = (event) => {
+function autoresize(event) {
 	const node = event.target;
 	node.style.height = "auto";
 	const style = globalThis.window.getComputedStyle(node);
 	const border =
 		parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
 	node.style.height = `${border + node.scrollHeight}px`;
-};
+}
 
 const Keyboard = {
 	Down: "keydown",