cotomy 2.0.0 → 2.0.2

package/README.md

@@ -6,6 +6,10 @@
 **Cotomy** is a lightweight framework for managing form behavior and page controllers in web applications.  
 It is suitable for both SPAs (Single Page Applications) and traditional web apps requiring dynamic form operations.
 
+## Requirements
+
+- Node.js 20.19.0 or later
+
 To install Cotomy in your project, run the following command:
 
 ```bash
@@ -18,6 +22,13 @@ Cotomy will continue to expand with more detailed usage instructions and code ex
 For the latest updates, please check the official documentation or repository regularly.  
 Reference: https://cotomy.net/
 
+## Version Notes
+
+### v2
+
+- Updated core development dependencies including TypeScript 6 and Vitest 4
+- Internal ID generation was migrated from `cuid` to `@paralleldrive/cuid2`
+
 ## View Reference
 
 The View layer provides thin wrappers around DOM elements and window events.
@@ -260,6 +271,8 @@ The Form layer builds on `CotomyElement` for common form flows.
 - `utc` — Treats the value as UTC (or appends `Z` when missing) and formats with `data-cotomy-format` (default `YYYY/MM/DD HH:mm`). By default it renders in local time; set `data-cotomy-timezone` (element or ancestor) to render in a specific IANA timezone.
 - `date` — Renders local dates with `data-cotomy-format` (default `YYYY/MM/DD`) when the input is a valid `Date` value. By default it renders in local time; set `data-cotomy-timezone` (element or ancestor) to render in a specific IANA timezone.
 
+`data-cotomy-bindtype` values are matched case-insensitively and surrounding whitespace is ignored. Custom renderers registered through `renderer(type, callback)` are stored with lowercase keys. If you override the protected `renderers` map directly, return lowercase keys such as `date` or `customtype`.
+
 ### UTC Renderer
 
 - Supports ISO 8601 offsets (`+09:00`, `-05:00`)

package/dist/browser/cotomy.js

@@ -3154,7 +3154,7 @@ class CotomyViewRenderer {
         this._initialized = false;
     }
     renderer(type, callback) {
-        this._renderers[type] = callback;
+        this._renderers[type.trim().toLowerCase()] = callback;
         return this;
     }
     get renderers() {
@@ -3239,7 +3239,7 @@ class CotomyViewRenderer {
             if (CotomyDebugSettings.isEnabled(CotomyDebugFeature.Bind)) {
                 console.debug(`Binding data to element [data-cotomy-bind="${propertyName}"]:`, value);
             }
-            const type = element.attribute("data-cotomy-bindtype")?.toLowerCase();
+            const type = element.attribute("data-cotomy-bindtype")?.trim().toLowerCase();
             if (type && this.renderers[type]) {
                 this.renderers[type](element, value);
             }