stimeo-ui 0.12.0 → 0.13.0

package/dist/inspector/examples.json

@@ -195,7 +195,7 @@
     },
     "stimeo--live-counter": {
       "file": "examples/live_counter/_demo.html.erb",
-      "source": "<%# live-counter: the count's single source of truth is the DOM text\n    (server-rendered below from the channel's demo counter) plus the\n    LikesChannel stream. Clicking Like bumps the number optimistically and\n    performs increment; the server adds it to its counter and broadcasts the\n    absolute { count }, so every subscribed tab converges — open a second tab\n    and click in either. The trigger target keeps the button disabled while an\n    increment would be dropped (before the subscription confirms, during an\n    outage, after a rejection). The client id is randomized per render purely\n    for the demo (a real app passes current_user.id). The room comes from the\n    channel's allowlisted constant so the subscription params and the\n    server-rendered initial value below can never drift (a real app passes its\n    record id, e.g. post.id). %>\n<% room = LikesChannel::ROOM %>\n<div class=\"live-counter-demo\"\n     data-controller=\"stimeo--live-counter\"\n     data-stimeo--live-counter-channel-value=\"LikesChannel\"\n     data-stimeo--live-counter-params-value='{\"room\":\"<%= room %>\"}'\n     data-stimeo--live-counter-id-value=\"<%= SecureRandom.hex(4) %>\">\n  <p class=\"live-counter-demo__hint\"><%= t(\"components.live_counter.demo.hint\") %></p>\n  <div class=\"live-counter-demo__row\">\n    <button type=\"button\" class=\"demo-trigger live-counter-demo__button\"\n            data-stimeo--live-counter-target=\"trigger\"\n            data-action=\"stimeo--live-counter#increment\">\n      <svg class=\"demo-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n           stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n        <path d=\"M19 14c1.5-1.5 3-3.2 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.8 0-3 .5-4.5 2\n                 -1.5-1.5-2.7-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4 3 5.5l7 7Z\"/>\n      </svg>\n      <%= t(\"components.live_counter.demo.like\") %>\n    </button>\n    <p class=\"live-counter-demo__count\">\n      <%# Server-rendered initial value: reading the channel's in-memory demo\n          counter keeps the DOM truth aligned with the server (a real app\n          renders the persisted count, e.g. post.likes_count). %>\n      <span class=\"live-counter-demo__value\" data-stimeo--live-counter-target=\"value\"><%=\n        LikesChannel.count(room) %></span>\n      <span class=\"live-counter-demo__unit\"><%= t(\"components.live_counter.demo.unit\") %></span>\n    </p>\n  </div>\n</div>\n"
+      "source": "<%# live-counter: the count's single source of truth is the DOM text\n    (server-rendered below from the channel's demo counter) plus the\n    LikesChannel stream. Clicking Like bumps the number optimistically and\n    performs increment; the server adds it to its counter and broadcasts the\n    absolute { count }, so every subscribed tab converges — open a second tab\n    and click in either. The trigger target keeps the button disabled while an\n    increment would be dropped (before the subscription confirms, during an\n    outage, after a rejection). The client id is randomized per render, which\n    identifies this tab rather than this user — a real app passes any per-client\n    string (SecureRandom.uuid). Sharing one id across tabs still converges, since\n    an echo only cancels one guess of its own size, but a per-tab id keeps every\n    echo paired with the tab that guessed it. It is printed below so two tabs\n    side by side can be told apart; an app has no reason to show it. The room comes from the\n    channel's allowlisted constant so the subscription params and the\n    server-rendered initial value below can never drift (a real app passes its\n    record id, e.g. post.id). %>\n<% room = LikesChannel::ROOM %>\n<% tab = SecureRandom.hex(4) %>\n<div class=\"live-counter-demo\"\n     data-controller=\"stimeo--live-counter\"\n     data-stimeo--live-counter-channel-value=\"LikesChannel\"\n     data-stimeo--live-counter-params-value='{\"room\":\"<%= room %>\"}'\n     data-stimeo--live-counter-id-value=\"<%= tab %>\">\n  <p class=\"live-counter-demo__hint\"><%= t(\"components.live_counter.demo.hint\") %></p>\n  <p class=\"live-counter-demo__you\"><%=\n    t(\"components.live_counter.demo.this_tab\", token: tab) %></p>\n  <div class=\"live-counter-demo__row\">\n    <button type=\"button\" class=\"demo-trigger live-counter-demo__button\"\n            data-stimeo--live-counter-target=\"trigger\"\n            data-action=\"stimeo--live-counter#increment\">\n      <svg class=\"demo-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n           stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n        <path d=\"M19 14c1.5-1.5 3-3.2 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.8 0-3 .5-4.5 2\n                 -1.5-1.5-2.7-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4 3 5.5l7 7Z\"/>\n      </svg>\n      <%= t(\"components.live_counter.demo.like\") %>\n    </button>\n    <p class=\"live-counter-demo__count\">\n      <%# Server-rendered initial value: reading the channel's in-memory demo\n          counter keeps the DOM truth aligned with the server (a real app\n          renders the persisted count, e.g. post.likes_count). %>\n      <span class=\"live-counter-demo__value\" data-stimeo--live-counter-target=\"value\"><%=\n        LikesChannel.count(room) %></span>\n      <span class=\"live-counter-demo__unit\"><%= t(\"components.live_counter.demo.unit\") %></span>\n    </p>\n  </div>\n</div>\n"
     },
     "stimeo--local-time": {
       "file": "examples/local_time/_demo.html.erb",

package/dist/inspector/manifest.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 12,
-  "packageVersion": "0.12.0",
+  "packageVersion": "0.13.0",
   "controllers": {
     "stimeo--accordion": {
       "targets": [
@@ -5558,7 +5558,8 @@
       "values": [
         "channel",
         "params",
-        "id"
+        "id",
+        "announceText"
       ],
       "valueConstraints": [],
       "valueRelations": [],
@@ -5594,7 +5595,9 @@
         "id",
         "name",
         "heartbeat",
-        "timeout"
+        "timeout",
+        "announceJoinText",
+        "announceLeaveText"
       ],
       "valueConstraints": [],
       "valueRelations": [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stimeo-ui",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "description": "Headless Stimulus UI framework for Ruby on Rails — behavior-only, accessible components driven by HTML attributes.",
   "type": "module",
   "license": "MIT",