hyperclayjs 1.26.2 → 1.26.4

package/README.md

@@ -87,7 +87,7 @@ import 'hyperclayjs/presets/standard.js';
 | Module | Size | Description |
 |--------|------|-------------|
 | dialogs | 8.1KB | ask(), consent(), tell(), snippet() dialog functions |
-| the-modal | 22.4KB | Full modal window creation system - window.theModal |
+| the-modal | 22.5KB | Full modal window creation system - window.theModal |
 | toast | 15.8KB | Success/error message notifications, toast(msg, msgType) |
 
 ### Utilities (Core utilities (often auto-included))
@@ -116,7 +116,7 @@ import 'hyperclayjs/presets/standard.js';
 |--------|------|-------------|
 | copy-to-clipboard | 0.9KB | Clipboard utility |
 | query-params | 0.3KB | Parse URL search params |
-| slugify | 0.7KB | URL-friendly slug generator |
+| slugify | 1KB | URL-friendly slug generator |
 
 ### Communication & Files (File handling and messaging)
 
@@ -144,7 +144,7 @@ Standard feature set for most use cases
 
 **Modules:** `save-core`, `snapshot`, `save-system`, `unsaved-warning`, `edit-mode-helpers`, `persist`, `option-visibility`, `event-attrs`, `dom-helpers`, `toast`, `save-toast`, `export-to-window`, `view-mode-excludes-edit-modules`
 
-### Everything (~231.4KB)
+### Everything (~231.8KB)
 All available features
 
 Includes all available modules across all categories.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hyperclayjs",
-  "version": "1.26.2",
+  "version": "1.26.4",
   "description": "Modular JavaScript library for building interactive malleable HTML files with Hyperclay",
   "type": "module",
   "main": "src/hyperclay.js",

package/src/hyperclay.js

@@ -1,7 +1,7 @@
 /**
  * DO NOT EDIT THIS FILE DIRECTLY — it is generated from build/hyperclay.template.js
  *
- * HyperclayJS v1.26.2 - Minimal Browser-Native Loader
+ * HyperclayJS v1.26.4 - Minimal Browser-Native Loader
  *
  * Modules auto-init when imported (no separate init call needed).
  * Include `export-to-window` feature to export to window.hyperclay.

package/src/string-utilities/slugify.js

@@ -1,13 +1,20 @@
 // e.g. "Hello there" → "hello-there"
+// Preserves .html/.htmlclay extensions
 function slugify (text) {
-  return text.toString().toLowerCase()
+  if (text == null) return '';
+  const extMatch = text.toString().match(/\.(html|htmlclay)$/i);
+  const ext = extMatch ? extMatch[0].toLowerCase() : '';
+  const base = extMatch ? text.toString().slice(0, -ext.length) : text.toString();
+
+  return base.toLowerCase()
     .normalize('NFD') // separate accents from letters
     .replace(/[\u0300-\u036f]/g, '') // remove accents
     .replace(/\s+/g, '-') // replace spaces with -
     .replace(/[^\w\-]+/g, '') // remove all non-word chars
     .replace(/\-\-+/g, '-') // replace multiple - with single -
     .replace(/^-+/, '') // trim - from start of text
-    .replace(/-+$/, ''); // trim - from end of text
+    .replace(/-+$/, '') // trim - from end of text
+    + ext;
 }
 
 // Auto-export to window unless suppressed by loader

package/src/ui/theModal.js

@@ -369,6 +369,7 @@ const modalCss = `<style class="micromodal-css">
 .micromodal__container {
   position: relative;
   width: 100%;
+  min-width: 0;
   max-width: min(550px, calc(100vw - 2rem));
   max-height: calc(100vh - 4rem);
   max-height: calc(100dvh - 2rem);
@@ -419,6 +420,7 @@ const modalCss = `<style class="micromodal-css">
 
 .micromodal .micromodal__content {
   margin-bottom: 14px;
+  overflow-wrap: anywhere;
 }
 
 .micromodal .micromodal__heading {
@@ -426,6 +428,7 @@ const modalCss = `<style class="micromodal-css">
   flex-direction: column;
   gap: 2px;
   margin-bottom: 8px;
+  overflow-wrap: anywhere;
 }
 
 .micromodal .micromodal__input {