hotwire-livereload 1.2.3 → 1.3.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3fafdcbb8509b000d033c3917dbde0fc0277948090d8eb5d6da0469ba8da7eae
-  data.tar.gz: 4680dc48e1158dcc87fca9e6a8694209d6c06a8742121b70f1d8e70514ec4f20
+  metadata.gz: 42f6430166f2bcdcb52940e92965a5e1d202c57b09966ddb72f76b746918b473
+  data.tar.gz: be8743a9b6cbced10614d8fb4fc9cae8306c4355648175a91ed716a763722453
 SHA512:
-  metadata.gz: b002ac0a2bb344aedc2b4085b7360004b26557082a90e2d1bbb0dd12978384a89be84319a991949890c9a8fa0a6bf118051674be6e49dd8e8834c7b6ff823a0f
-  data.tar.gz: 442258d2370585623836bf19f9bb88f334fc9bb54c80b5c233969e536cfb99cf1296d95fc5a2cb1413628cf5e7128db938865903385be33d385c6380d510f612
+  metadata.gz: 909b0a55ec3d9d4dcbb0f7536e72c380a2d2d8e885cc5d988fe64f91771b759a2809d65f3fad8e500e565a51620532ae1b43c338880c7da977f396852f3b2d6b
+  data.tar.gz: 90116c0e4b698346603d398cc3a4c7dd6616403f6caae041a014251ea24f57a5e36f83bc6e8554d1c65b21e36e92592c9a583f2f14ca042f357a7d324ecbff8d

data/README.md

@@ -12,7 +12,7 @@ https://user-images.githubusercontent.com/839922/148676469-0acfa036-832e-4b40-aa
 
 Add `hotwire-livereload` to your Gemfile:
 ```
-bundle add hotwire-livereload
+bundle add hotwire-livereload --group development
 ```
 
 Run installer:
@@ -30,6 +30,8 @@ Folders listened by default:
 - `app/components`
 - `config/locales`
 
+The gem detects if you use [`jsbundling-rails`](https://github.com/rails/jsbundling-rails) or [`cssbundling-rails`](https://github.com/rails/cssbundling-rails) and watches for changes in their output folder `app/assets/builds` automatically.
+
 ## Configuration
 
 You can watch for changes in additional folders by adding them to `listen_paths`:

data/app/assets/javascripts/hotwire-livereload-turbo-stream.js

@@ -5,28 +5,32 @@
   var __getOwnPropNames = Object.getOwnPropertyNames;
   var __getProtoOf = Object.getPrototypeOf;
   var __hasOwnProp = Object.prototype.hasOwnProperty;
-  var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
   var __commonJS = (cb, mod) => function __require() {
-    return mod || (0, cb[Object.keys(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+    return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
   };
-  var __reExport = (target, module, desc) => {
-    if (module && typeof module === "object" || typeof module === "function") {
-      for (let key of __getOwnPropNames(module))
-        if (!__hasOwnProp.call(target, key) && key !== "default")
-          __defProp(target, key, { get: () => module[key], enumerable: !(desc = __getOwnPropDesc(module, key)) || desc.enumerable });
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
     }
-    return target;
-  };
-  var __toModule = (module) => {
-    return __reExport(__markAsModule(__defProp(module != null ? __create(__getProtoOf(module)) : {}, "default", module && module.__esModule && "default" in module ? { get: () => module.default, enumerable: true } : { value: module, enumerable: true })), module);
+    return to;
   };
+  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+    // If the importer is in node compatibility mode or this is not an ESM
+    // file that has been converted to a CommonJS file using a Babel-
+    // compatible transform (i.e. "__esModule" has not been set), then set
+    // "default" to the CommonJS "module.exports" for node compatibility.
+    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+    mod
+  ));
 
   // node_modules/debounce/index.js
   var require_debounce = __commonJS({
     "node_modules/debounce/index.js"(exports, module) {
       function debounce2(func, wait, immediate) {
         var timeout, args, context, timestamp, result;
-        if (wait == null)
+        if (null == wait)
           wait = 100;
         function later() {
           var last = Date.now() - timestamp;
@@ -76,7 +80,33 @@
   });
 
   // app/javascript/lib/hotwire-livereload-received.js
-  var import_debounce = __toModule(require_debounce());
+  var import_debounce = __toESM(require_debounce());
+
+  // app/javascript/lib/hotwire-livereload-scroll-position.js
+  var KEY = "hotwire-livereload-scrollPosition";
+  function read() {
+    const value = localStorage.getItem(KEY);
+    if (!value)
+      return;
+    return parseInt(value);
+  }
+  function save() {
+    const pos = window.scrollY;
+    localStorage.setItem(KEY, pos.toString());
+  }
+  function remove() {
+    localStorage.removeItem(KEY);
+  }
+  function restore() {
+    const value = read();
+    if (value) {
+      console.log("[Hotwire::Livereload] Restoring scroll position to", value);
+      window.scrollTo(0, value);
+    }
+  }
+  var hotwire_livereload_scroll_position_default = { read, save, restore, remove };
+
+  // app/javascript/lib/hotwire-livereload-received.js
   var hotwire_livereload_received_default = (0, import_debounce.default)(({ force_reload }) => {
     const onErrorPage = document.title === "Action Controller: Exception caught";
     if (onErrorPage || force_reload) {
@@ -84,6 +114,7 @@
       document.location.reload();
     } else {
       console.log("[Hotwire::Livereload] Files changed. Reloading..");
+      hotwire_livereload_scroll_position_default.save();
       Turbo.visit(window.location.href, { action: "replace" });
     }
   }, 300);

data/app/assets/javascripts/hotwire-livereload.js

@@ -5,21 +5,25 @@
   var __getOwnPropNames = Object.getOwnPropertyNames;
   var __getProtoOf = Object.getPrototypeOf;
   var __hasOwnProp = Object.prototype.hasOwnProperty;
-  var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
   var __commonJS = (cb, mod) => function __require() {
-    return mod || (0, cb[Object.keys(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+    return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
   };
-  var __reExport = (target, module, desc) => {
-    if (module && typeof module === "object" || typeof module === "function") {
-      for (let key of __getOwnPropNames(module))
-        if (!__hasOwnProp.call(target, key) && key !== "default")
-          __defProp(target, key, { get: () => module[key], enumerable: !(desc = __getOwnPropDesc(module, key)) || desc.enumerable });
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
     }
-    return target;
-  };
-  var __toModule = (module) => {
-    return __reExport(__markAsModule(__defProp(module != null ? __create(__getProtoOf(module)) : {}, "default", module && module.__esModule && "default" in module ? { get: () => module.default, enumerable: true } : { value: module, enumerable: true })), module);
+    return to;
   };
+  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+    // If the importer is in node compatibility mode or this is not an ESM
+    // file that has been converted to a CommonJS file using a Babel-
+    // compatible transform (i.e. "__esModule" has not been set), then set
+    // "default" to the CommonJS "module.exports" for node compatibility.
+    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+    mod
+  ));
 
   // node_modules/@rails/actioncable/app/assets/javascripts/action_cable.js
   var require_action_cable = __commonJS({
@@ -74,7 +78,7 @@
           };
         }();
         var now = function now2() {
-          return new Date().getTime();
+          return (/* @__PURE__ */ new Date()).getTime();
         };
         var secondsSince = function secondsSince2(time) {
           return (now() - time) / 1e3;
@@ -318,6 +322,7 @@
               case message_types.ping:
                 return this.monitor.recordPing();
               case message_types.confirmation:
+                this.subscriptions.confirmSubscription(identifier);
                 return this.subscriptions.notify(identifier, "connected");
               case message_types.rejection:
                 return this.subscriptions.reject(identifier);
@@ -385,10 +390,52 @@
           };
           return Subscription2;
         }();
+        var SubscriptionGuarantor = function() {
+          function SubscriptionGuarantor2(subscriptions) {
+            classCallCheck(this, SubscriptionGuarantor2);
+            this.subscriptions = subscriptions;
+            this.pendingSubscriptions = [];
+          }
+          SubscriptionGuarantor2.prototype.guarantee = function guarantee(subscription) {
+            if (this.pendingSubscriptions.indexOf(subscription) == -1) {
+              logger.log("SubscriptionGuarantor guaranteeing " + subscription.identifier);
+              this.pendingSubscriptions.push(subscription);
+            } else {
+              logger.log("SubscriptionGuarantor already guaranteeing " + subscription.identifier);
+            }
+            this.startGuaranteeing();
+          };
+          SubscriptionGuarantor2.prototype.forget = function forget(subscription) {
+            logger.log("SubscriptionGuarantor forgetting " + subscription.identifier);
+            this.pendingSubscriptions = this.pendingSubscriptions.filter(function(s) {
+              return s !== subscription;
+            });
+          };
+          SubscriptionGuarantor2.prototype.startGuaranteeing = function startGuaranteeing() {
+            this.stopGuaranteeing();
+            this.retrySubscribing();
+          };
+          SubscriptionGuarantor2.prototype.stopGuaranteeing = function stopGuaranteeing() {
+            clearTimeout(this.retryTimeout);
+          };
+          SubscriptionGuarantor2.prototype.retrySubscribing = function retrySubscribing() {
+            var _this = this;
+            this.retryTimeout = setTimeout(function() {
+              if (_this.subscriptions && typeof _this.subscriptions.subscribe === "function") {
+                _this.pendingSubscriptions.map(function(subscription) {
+                  logger.log("SubscriptionGuarantor resubscribing " + subscription.identifier);
+                  _this.subscriptions.subscribe(subscription);
+                });
+              }
+            }, 500);
+          };
+          return SubscriptionGuarantor2;
+        }();
         var Subscriptions = function() {
           function Subscriptions2(consumer2) {
             classCallCheck(this, Subscriptions2);
             this.consumer = consumer2;
+            this.guarantor = new SubscriptionGuarantor(this);
             this.subscriptions = [];
           }
           Subscriptions2.prototype.create = function create(channelName, mixin) {
@@ -403,10 +450,10 @@
             this.subscriptions.push(subscription);
             this.consumer.ensureActiveConnection();
             this.notify(subscription, "initialized");
-            this.sendCommand(subscription, "subscribe");
+            this.subscribe(subscription);
             return subscription;
           };
-          Subscriptions2.prototype.remove = function remove(subscription) {
+          Subscriptions2.prototype.remove = function remove2(subscription) {
             this.forget(subscription);
             if (!this.findAll(subscription.identifier).length) {
               this.sendCommand(subscription, "unsubscribe");
@@ -422,6 +469,7 @@
             });
           };
           Subscriptions2.prototype.forget = function forget(subscription) {
+            this.guarantor.forget(subscription);
             this.subscriptions = this.subscriptions.filter(function(s) {
               return s !== subscription;
             });
@@ -435,7 +483,7 @@
           Subscriptions2.prototype.reload = function reload() {
             var _this2 = this;
             return this.subscriptions.map(function(subscription) {
-              return _this2.sendCommand(subscription, "subscribe");
+              return _this2.subscribe(subscription);
             });
           };
           Subscriptions2.prototype.notifyAll = function notifyAll(callbackName) {
@@ -461,6 +509,18 @@
               return typeof subscription2[callbackName] === "function" ? subscription2[callbackName].apply(subscription2, args) : void 0;
             });
           };
+          Subscriptions2.prototype.subscribe = function subscribe(subscription) {
+            if (this.sendCommand(subscription, "subscribe")) {
+              this.guarantor.guarantee(subscription);
+            }
+          };
+          Subscriptions2.prototype.confirmSubscription = function confirmSubscription(identifier) {
+            var _this4 = this;
+            logger.log("Subscription confirmed " + identifier);
+            this.findAll(identifier).map(function(subscription) {
+              return _this4.guarantor.forget(subscription);
+            });
+          };
           Subscriptions2.prototype.sendCommand = function sendCommand(subscription, command) {
             var identifier = subscription.identifier;
             return this.consumer.send({
@@ -531,6 +591,7 @@
         exports2.INTERNAL = INTERNAL;
         exports2.Subscription = Subscription;
         exports2.Subscriptions = Subscriptions;
+        exports2.SubscriptionGuarantor = SubscriptionGuarantor;
         exports2.adapters = adapters;
         exports2.createWebSocketURL = createWebSocketURL;
         exports2.logger = logger;
@@ -548,7 +609,7 @@
     "node_modules/debounce/index.js"(exports, module) {
       function debounce2(func, wait, immediate) {
         var timeout, args, context, timestamp, result;
-        if (wait == null)
+        if (null == wait)
           wait = 100;
         function later() {
           var last = Date.now() - timestamp;
@@ -598,10 +659,36 @@
   });
 
   // app/javascript/hotwire-livereload.js
-  var import_actioncable = __toModule(require_action_cable());
+  var import_actioncable = __toESM(require_action_cable());
+
+  // app/javascript/lib/hotwire-livereload-received.js
+  var import_debounce = __toESM(require_debounce());
+
+  // app/javascript/lib/hotwire-livereload-scroll-position.js
+  var KEY = "hotwire-livereload-scrollPosition";
+  function read() {
+    const value = localStorage.getItem(KEY);
+    if (!value)
+      return;
+    return parseInt(value);
+  }
+  function save() {
+    const pos = window.scrollY;
+    localStorage.setItem(KEY, pos.toString());
+  }
+  function remove() {
+    localStorage.removeItem(KEY);
+  }
+  function restore() {
+    const value = read();
+    if (value) {
+      console.log("[Hotwire::Livereload] Restoring scroll position to", value);
+      window.scrollTo(0, value);
+    }
+  }
+  var hotwire_livereload_scroll_position_default = { read, save, restore, remove };
 
   // app/javascript/lib/hotwire-livereload-received.js
-  var import_debounce = __toModule(require_debounce());
   var hotwire_livereload_received_default = (0, import_debounce.default)(({ force_reload }) => {
     const onErrorPage = document.title === "Action Controller: Exception caught";
     if (onErrorPage || force_reload) {
@@ -609,6 +696,7 @@
       document.location.reload();
     } else {
       console.log("[Hotwire::Livereload] Files changed. Reloading..");
+      hotwire_livereload_scroll_position_default.save();
       Turbo.visit(window.location.href, { action: "replace" });
     }
   }, 300);
@@ -624,4 +712,8 @@
       console.log("[Hotwire::Livereload] Websocket disconnected");
     }
   });
+  document.addEventListener("turbo:load", () => {
+    hotwire_livereload_scroll_position_default.restore();
+    hotwire_livereload_scroll_position_default.remove();
+  });
 })();

data/app/helpers/hotwire/livereload/livereload_tags_helper.rb

@@ -1,9 +1,9 @@
 module Hotwire::Livereload::LivereloadTagsHelper
   def hotwire_livereload_tags
     partial = if Hotwire::Livereload::Engine.config.hotwire_livereload.reload_method == :turbo_stream
-      'hotwire/livereload/head_turbo_stream'
+      "hotwire/livereload/head_turbo_stream"
     else
-      'hotwire/livereload/head_action_cable'
+      "hotwire/livereload/head_action_cable"
     end
 
     render partial

data/app/javascript/hotwire-livereload.js

@@ -1,5 +1,6 @@
 import { createConsumer } from "@rails/actioncable"
 import received from "./lib/hotwire-livereload-received"
+import scrollPosition from "./lib/hotwire-livereload-scroll-position"
 
 const consumer = createConsumer()
 consumer.subscriptions.create("Hotwire::Livereload::ReloadChannel", {
@@ -13,3 +14,9 @@ consumer.subscriptions.create("Hotwire::Livereload::ReloadChannel", {
     console.log("[Hotwire::Livereload] Websocket disconnected")
   },
 })
+
+document.addEventListener("turbo:load", () => {
+  scrollPosition.restore()
+  scrollPosition.remove()
+})
+

data/app/javascript/lib/hotwire-livereload-received.js

@@ -1,4 +1,5 @@
 import debounce from "debounce"
+import scrollPosition from "./hotwire-livereload-scroll-position"
 
 export default debounce(({force_reload}) => {
   const onErrorPage = document.title === "Action Controller: Exception caught"
@@ -8,6 +9,7 @@ export default debounce(({force_reload}) => {
     document.location.reload()
   } else {
     console.log("[Hotwire::Livereload] Files changed. Reloading..")
+    scrollPosition.save()
     Turbo.visit(window.location.href, { action: 'replace' })
   }
 }, 300)

data/app/javascript/lib/hotwire-livereload-scroll-position.js

@@ -0,0 +1,27 @@
+const KEY = "hotwire-livereload-scrollPosition"
+
+export function read() {
+  const value = localStorage.getItem(KEY)
+  if (!value) return
+  return parseInt(value)
+}
+
+export function save() {
+  const pos = window.scrollY
+  localStorage.setItem(KEY, pos.toString())
+}
+
+export function remove() {
+  localStorage.removeItem(KEY)
+}
+
+export function restore() {
+  const value = read()
+  if (value) {
+    console.log("[Hotwire::Livereload] Restoring scroll position to", value)
+    window.scrollTo(0, value)
+  }
+
+}
+
+export default { read, save, restore, remove }

data/app/views/hotwire/livereload/_head_action_cable.html.erb

@@ -1,3 +1,3 @@
 <% if Rails.env.development? %>
-  <%= javascript_include_tag('hotwire-livereload', defer: true) %>
+  <%= javascript_include_tag('hotwire-livereload', defer: true, nonce: true) %>
 <% end %>

data/app/views/hotwire/livereload/_head_turbo_stream.html.erb

@@ -1,4 +1,4 @@
 <% if Rails.env.development? %>
   <%= turbo_stream_from('hotwire-livereload') %>
-  <%= javascript_include_tag('hotwire-livereload-turbo-stream', defer: true) %>
+  <%= javascript_include_tag('hotwire-livereload-turbo-stream', defer: true, nonce: true) %>
 <% end %>

data/lib/hotwire/livereload/engine.rb

@@ -11,14 +11,14 @@ module Hotwire
       config.hotwire_livereload.force_reload_paths ||= []
       config.hotwire_livereload.reload_method = :action_cable
       config.hotwire_livereload.disable_default_listeners = false
-      config.autoload_once_paths = %W(
+      config.autoload_once_paths = %W[
         #{root}/app/channels
         #{root}/app/helpers
-      )
+      ]
 
       initializer "hotwire_livereload.assets" do
         if Rails.application.config.respond_to?(:assets)
-          Rails.application.config.assets.precompile += %w( hotwire-livereload.js hotwire-livereload-turbo-stream.js)
+          Rails.application.config.assets.precompile += %w[hotwire-livereload.js hotwire-livereload-turbo-stream.js]
         end
       end
 
@@ -41,8 +41,19 @@ module Hotwire
             app/assets/images
             app/components
             config/locales
-          ].map { |p| Rails.root.join(p) }
-          options.listen_paths += default_listen_paths.select { |p| Dir.exist?(p) }
+          ]
+          if defined?(Jsbundling)
+            default_listen_paths -= %w[app/javascript]
+            default_listen_paths += %w[app/assets/builds]
+          end
+          if defined?(Cssbundling)
+            default_listen_paths -= %w[app/assets/stylesheets]
+            default_listen_paths += %w[app/assets/builds]
+          end
+          options.listen_paths += default_listen_paths
+            .uniq
+            .map { |p| Rails.root.join(p) }
+            .select { |p| Dir.exist?(p) }
         end
       end
 
@@ -55,7 +66,7 @@ module Hotwire
           @listener = Listen.to(*listen_paths) do |modified, added, removed|
             unless File.exist?(DISABLE_FILE)
               changed = [modified, removed, added].flatten.uniq
-              return unless changed.any?
+              next unless changed.any?
 
               force_reload = force_reload_paths.present? && changed.any? do |path|
                 path.match(%r{#{force_reload_paths}})

data/lib/hotwire/livereload/version.rb

@@ -1,5 +1,5 @@
 module Hotwire
   module Livereload
-    VERSION = "1.2.3"
+    VERSION = "1.3.1"
   end
 end

data/lib/install/install.rb

@@ -3,9 +3,9 @@ CABLE_CONFIG_PATH = Rails.root.join("config/cable.yml")
 
 if APP_LAYOUT_PATH.exist?
   say "Add Hotwire Livereload tag in application layout"
-  content = <<-HTML
-\n    <%= hotwire_livereload_tags if Rails.env.development? %>
-HTML
+  content = <<~HTML
+    \n    <%= hotwire_livereload_tags if Rails.env.development? %>
+  HTML
   insert_into_file APP_LAYOUT_PATH, content.chop, before: /\s*<\/head>/
 else
   say "Default application.html.erb is missing!", :red

data/lib/tasks/livereload_tasks.rake

@@ -1,7 +1,7 @@
 namespace :livereload do
   desc "Install Hotwire::Livereload into the app"
   task :install do
-    system "#{RbConfig.ruby} ./bin/rails app:template LOCATION=#{File.expand_path("../install/install.rb",  __dir__)}"
+    system "#{RbConfig.ruby} ./bin/rails app:template LOCATION=#{File.expand_path("../install/install.rb", __dir__)}"
   end
 
   desc "Disable Hotwire::Livereload"

metadata

@@ -1,17 +1,31 @@
 --- !ruby/object:Gem::Specification
 name: hotwire-livereload
 version: !ruby/object:Gem::Version
-  version: 1.2.3
+  version: 1.3.1
 platform: ruby
 authors:
 - Kirill Platonov
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-12-26 00:00:00.000000000 Z
+date: 2024-01-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
-  name: rails
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 6.0.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 6.0.0
+- !ruby/object:Gem::Dependency
+  name: actioncable
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -54,6 +68,7 @@ files:
 - app/javascript/hotwire-livereload-turbo-stream.js
 - app/javascript/hotwire-livereload.js
 - app/javascript/lib/hotwire-livereload-received.js
+- app/javascript/lib/hotwire-livereload-scroll-position.js
 - app/views/hotwire/livereload/_head_action_cable.html.erb
 - app/views/hotwire/livereload/_head_turbo_stream.html.erb
 - app/views/hotwire/livereload/_turbo_stream.html.erb
@@ -81,7 +96,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.3.7
+rubygems_version: 3.4.20
 signing_key:
 specification_version: 4
 summary: Automatically reload Hotwire Turbo when app files are modified.