mata 0.5.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 307e9528d8950443b07d7ebcf1f036d400fa2198f4f97e79959826011d6b543c
+  data.tar.gz: c3f3999e6d1c5dad7d224b34595ece06cb42c832cb25aa34b948cf2723083d2d
+SHA512:
+  metadata.gz: 42d6e90cd1c19cece9a011056cf04c095673f9552dd0944f3c77bd4f807ac8575505cf889ed0d6d9fec7aa65bec23c7437d0d2d2ecab7206bab0fe2a89e10dbc
+  data.tar.gz: 29163a7985e9a8e863e374cfe4525902f7fe5861bb457b724444464c22b6159058ad8262ad62f7d33c509f14bf11887c29b4398ea86144d70b07e3d63cfe8a8f

data/README.md

@@ -0,0 +1,109 @@
+# Mata
+
+Hot module reloading for Rack applications using Server-Sent Events and DOM morphing.
+
+
+**Sponsored By [Rails Designer](https://railsdesigner.com/)**
+
+<a href="https://railsdesigner.com/" target="_blank">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/Rails-Designer/mata/HEAD/.github/logo-dark.svg">
+    <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/Rails-Designer/mata/HEAD/.github/logo-light.svg">
+    <img alt="Rails Designer" src="https://raw.githubusercontent.com/Rails-Designer/mata/HEAD/.github/logo-light.svg" width="240" style="max-width: 100%;">
+  </picture>
+</a>
+
+
+## Installation
+
+```ruby
+gem "mata"
+```
+
+
+## Usage
+
+### Rails
+
+```ruby
+# config/environments/development.rb
+Rails.application.configure do
+  config.middleware.insert_before(
+    ActionDispatch::Static,
+    Mata,
+    watch: %w[app/views app/assets],
+    skip: %w[tmp log node_modules]
+  )
+end
+```
+
+### Sinatra
+
+```ruby
+require "sinatra"
+require "mata"
+
+configure :development do
+  use Mata, watch: %w[views public]
+end
+```
+
+### Hanami
+
+```ruby
+# config.ru
+require "hanami/boot"
+require "mata"
+
+use Mata, watch: %w[apps lib] if Hanami.env?(:development)
+
+run Hanami.app
+```
+
+### Basic Rack app
+
+```ruby
+# config.ru
+require "mata"
+
+use Mata, watch: %w[views assets], skip: %w[tmp log]
+
+run YourApp
+```
+
+
+## Options
+
+- **watch**; array of paths to monitor (default: `%w[app views assets]`)
+- **skip**; array of paths to ignore (default: `%w[tmp log]`)
+
+
+## Used in
+
+This gem powers hot reloading in [Perron](https://github.com/rails-designer/perron), a Rails-based static site generator. It can be enabled with `config.hrm = true` in your Perron initializer.
+
+
+## Why this gem?
+
+I needed hot module reloading for Perron-powered Rails applications. These are minimal Rails apps typically without Hotwire or ActionCable dependencies. Existing solutions either required ActionCable (adding unnecessary complexity) or provided only basic full-page reloads without state preservation.
+
+
+## Who is Mata?
+
+In the smoky cabarets of Belle Époque Paris, a dancer captivated audiences with her exotic performances and mysterious allure. Born Margaretha Geertruida Zelle in the Netherlands, she had reinvented herself as an Indonesian princess, weaving tales of sacred temple dances and Eastern mystique.
+
+She moved through the salons of Europe's elite with remarkable ease, speaking multiple languages and charming diplomats, military officers and aristocrats alike. Her lovers included high-ranking officials from opposing sides of the Great War, giving her access to secrets that others could only dream of obtaining.
+
+Whether she was truly the master spy of legend or simply a woman caught in the wrong place at the wrong time remains a mystery. What's certain is her ability to observe, adapt and operate seamlessly across boundaries that others found impermeable.
+
+History remembers **Mata Hari** as the ultimate double agent. She was someone who could watch, listen and report back with precision, all while maintaining perfect cover.
+
+
+## Contributing
+
+This project uses [Standard](https://github.com/testdouble/standard) for formatting Ruby code. Please make sure to run `be standardrb` before submitting pull requests. Run tests via `rails test`.
+
+
+## License
+
+Mata is released under the [MIT License](https://opensource.org/licenses/MIT).

data/lib/mata/agent.rb

@@ -0,0 +1,35 @@
+# frozen_string_literal: true
+
+class Mata
+  class Agent
+    def insert(status, headers, body)
+      return [status, headers, body] unless html_response?(headers)
+
+      content = extract(body)
+      return [status, headers, [content]] unless content.include?("</head>")
+
+      script_tag = '<script src="/__mata/client.js"></script>'
+      modified_content = content.sub("</head>", "#{script_tag}\n</head>")
+
+      headers["Content-Length"] = modified_content.bytesize.to_s if headers["Content-Length"]
+
+      [status, headers, [modified_content]]
+    end
+
+    private
+
+    def html_response?(headers)
+      content_type = headers["Content-Type"] || headers["content-type"]
+
+      content_type&.include?("text/html")
+    end
+
+    def extract(body)
+      if body.respond_to?(:each)
+        body.to_a.join
+      else
+        body.to_s
+      end
+    end
+  end
+end

data/lib/mata/broadcaster.rb

@@ -0,0 +1,97 @@
+# frozen_string_literal: true
+
+class Mata
+  class Broadcaster
+    def initialize
+      @clients = []
+      @clients_mutex = Mutex.new
+      @cleanup_thread = cleanup_periodically
+    end
+
+    def establish_contact(env)
+      if env["REQUEST_METHOD"] != "GET"
+        return [405, {}, []]
+      end
+
+      headers = {
+        "Content-Type" => "text/event-stream",
+        "Cache-Control" => "no-cache",
+        "Connection" => "keep-alive",
+        "Access-Control-Allow-Origin" => "*"
+      }
+
+      [200, headers, proc { |stream|
+        @clients_mutex.synchronize do
+          @clients << stream
+        end
+
+        begin
+          stream << "data: {\"type\":\"connected\"}\n\n"
+
+          Thread.new do
+            loop { sleep 30 }
+          rescue
+            @clients_mutex.synchronize { @clients.delete(stream) }
+          end
+        rescue
+          @clients_mutex.synchronize { @clients.delete(stream) }
+        end
+      }]
+    end
+
+    def deliver_payload
+      idiomorph_js = File.read(File.join(__dir__, "idiomorph.min.js"))
+      client_js = File.read(File.join(__dir__, "client.js"))
+
+      script = "#{idiomorph_js}\n\n#{client_js}"
+
+      [200, {"Content-Type" => "application/javascript"}, [script]]
+    end
+
+    def broadcast_to_all(files)
+      clients_copy = @clients_mutex.synchronize { @clients.dup }
+      return if clients_copy.empty?
+
+      files.each do |file|
+        event_data = {type: "reload"}
+        message = "data: #{event_data.to_json}\n\n"
+
+        clients_copy.each do |stream|
+          stream << message
+        rescue
+          @clients_mutex.synchronize { @clients.delete(stream) }
+        end
+      end
+    end
+
+    def stand_down
+      @cleanup_thread&.kill
+
+      @clients_mutex.synchronize { @clients.clear }
+    end
+
+    private
+
+    def cleanup_periodically
+      Thread.new do
+        loop do
+          sleep 60
+
+          cleanup_dead_clients
+        end
+      rescue
+      end
+    end
+
+    def cleanup_dead_clients
+      @clients_mutex.synchronize do
+        @clients.reject! do |client|
+          client << ""
+          false
+        rescue
+          true
+        end
+      end
+    end
+  end
+end

data/lib/mata/client.js

@@ -0,0 +1,65 @@
+(function() {
+  initMata();
+
+  function initMata() {
+    const eventSource = new EventSource("/__mata/events");
+
+    eventSource.onmessage = function(event) {
+      const data = JSON.parse(event.data);
+
+      switch(data.type) {
+        case "reload":
+          morphPage();
+
+          break;
+        case "connected":
+          console.log("[Mata] Connected with DOM morphing");
+
+          break;
+      }
+    };
+
+    async function morphPage() {
+      try {
+        console.log("[Mata] Fetching updated page…");
+        const response = await fetch(window.location.href);
+
+        if (!response.ok) {
+          throw new Error(`HTTP ${response.status}`);
+        }
+
+        const html = await response.text();
+        const parser = new DOMParser();
+        const updatedDocument = parser.parseFromString(html, "text/html");
+
+        if (!updatedDocument.body) {
+          throw new Error("Invalid HTML response");
+        }
+
+        Idiomorph.morph(document.documentElement, updatedDocument.documentElement, {
+          ignoreActiveValue: true,
+          callbacks: {
+            beforeNodeMorphed: function(oldNode, _) {
+              if (oldNode.tagName && oldNode.tagName.includes("-")) { // skip custom elements
+                return false;
+              }
+
+              return true;
+            }
+          }
+        });
+
+        console.log("[Mata] Page morphed successfully");
+      } catch (error) {
+        console.error("[Mata] Morph failed:", error.message);
+        console.log("[Mata] Falling back to full reload");
+
+        window.location.reload();
+      }
+    }
+
+    eventSource.onerror = function() {
+      console.log("[Mata] Connection lost, retrying…");
+    };
+  }
+})();

data/lib/mata/idiomorph.min.js

@@ -0,0 +1 @@
+var Idiomorph=function(){"use strict";const e=()=>{};const n={morphStyle:"outerHTML",callbacks:{beforeNodeAdded:e,afterNodeAdded:e,beforeNodeMorphed:e,afterNodeMorphed:e,beforeNodeRemoved:e,afterNodeRemoved:e,beforeAttributeUpdated:e},head:{style:"merge",shouldPreserve:e=>e.getAttribute("im-preserve")==="true",shouldReAppend:e=>e.getAttribute("im-re-append")==="true",shouldRemove:e,afterHeadMorphed:e},restoreFocus:true};function t(t,e,n={}){t=d(t);const r=f(e);const i=u(t,r,n);const o=a(i,()=>{return c(i,t,r,e=>{if(e.morphStyle==="innerHTML"){s(e,t,r);return Array.from(t.childNodes)}else{return l(e,t,r)}})});i.pantry.remove();return o}function l(e,t,n){const r=f(t);s(e,r,n,t,t.nextSibling);return Array.from(r.childNodes)}function a(e,t){if(!e.config.restoreFocus)return t();let n=document.activeElement;if(!(n instanceof HTMLInputElement||n instanceof HTMLTextAreaElement)){return t()}const{id:r,selectionStart:i,selectionEnd:o}=n;const l=t();if(r&&r!==document.activeElement?.getAttribute("id")){n=e.target.querySelector(`[id="${r}"]`);n?.focus()}if(n&&!n.selectionEnd&&o){n.setSelectionRange(i,o)}return l}const s=function(){function e(e,t,n,r=null,i=null){if(t instanceof HTMLTemplateElement&&n instanceof HTMLTemplateElement){t=t.content;n=n.content}r||=t.firstChild;for(const o of n.childNodes){if(r&&r!=i){const a=f(e,o,r,i);if(a){if(a!==r){h(e,r,a)}b(a,o,e);r=a.nextSibling;continue}}if(o instanceof Element){const s=o.getAttribute("id");if(e.persistentIds.has(s)){const c=p(t,s,r,e);b(c,o,e);r=c.nextSibling;continue}}const l=d(t,o,r,e);if(l){r=l.nextSibling}}while(r&&r!=i){const u=r;r=r.nextSibling;m(e,u)}}function d(e,t,n,r){if(r.callbacks.beforeNodeAdded(t)===false)return null;if(r.idMap.has(t)){const i=document.createElement(t.tagName);e.insertBefore(i,n);b(i,t,r);r.callbacks.afterNodeAdded(i);return i}else{const o=document.importNode(t,true);e.insertBefore(o,n);r.callbacks.afterNodeAdded(o);return o}}const f=function(){function e(e,t,n,r){let i=null;let o=t.nextSibling;let l=0;let a=n;while(a&&a!=r){if(c(a,t)){if(s(e,a,t)){return a}if(i===null){if(!e.idMap.has(a)){i=a}}}if(i===null&&o&&c(a,o)){l++;o=o.nextSibling;if(l>=2){i=undefined}}if(e.activeElementAndParents.includes(a))break;a=a.nextSibling}return i||null}function s(e,t,n){let r=e.idMap.get(t);let i=e.idMap.get(n);if(!i||!r)return false;for(const o of r){if(i.has(o)){return true}}return false}function c(e,t){const n=e;const r=t;return n.nodeType===r.nodeType&&n.tagName===r.tagName&&(!n.getAttribute?.("id")||n.getAttribute?.("id")===r.getAttribute?.("id"))}return e}();function m(e,t){if(e.idMap.has(t)){l(e.pantry,t,null)}else{if(e.callbacks.beforeNodeRemoved(t)===false)return;t.parentNode?.removeChild(t);e.callbacks.afterNodeRemoved(t)}}function h(t,e,n){let r=e;while(r&&r!==n){let e=r;r=r.nextSibling;m(t,e)}return r}function p(e,t,n,r){const i=r.target.getAttribute?.("id")===t&&r.target||r.target.querySelector(`[id="${t}"]`)||r.pantry.querySelector(`[id="${t}"]`);o(i,r);l(e,i,n);return i}function o(t,n){const r=t.getAttribute("id");while(t=t.parentNode){let e=n.idMap.get(t);if(e){e.delete(r);if(!e.size){n.idMap.delete(t)}}}}function l(t,n,r){if(t.moveBefore){try{t.moveBefore(n,r)}catch(e){t.insertBefore(n,r)}}else{t.insertBefore(n,r)}}return e}();const b=function(){function e(e,t,n){if(n.ignoreActive&&e===document.activeElement){return null}if(n.callbacks.beforeNodeMorphed(e,t)===false){return e}if(e instanceof HTMLHeadElement&&n.head.ignore){}else if(e instanceof HTMLHeadElement&&n.head.style!=="morph"){m(e,t,n)}else{r(e,t,n);if(!f(e,n)){s(n,e,t)}}n.callbacks.afterNodeMorphed(e,t);return e}function r(e,t,n){let r=t.nodeType;if(r===1){const i=e;const o=t;const l=i.attributes;const a=o.attributes;for(const s of a){if(d(s.name,i,"update",n)){continue}if(i.getAttribute(s.name)!==s.value){i.setAttribute(s.name,s.value)}}for(let e=l.length-1;0<=e;e--){const c=l[e];if(!c)continue;if(!o.hasAttribute(c.name)){if(d(c.name,i,"remove",n)){continue}i.removeAttribute(c.name)}}if(!f(i,n)){u(i,o,n)}}if(r===8||r===3){if(e.nodeValue!==t.nodeValue){e.nodeValue=t.nodeValue}}}function u(n,r,i){if(n instanceof HTMLInputElement&&r instanceof HTMLInputElement&&r.type!=="file"){let e=r.value;let t=n.value;o(n,r,"checked",i);o(n,r,"disabled",i);if(!r.hasAttribute("value")){if(!d("value",n,"remove",i)){n.value="";n.removeAttribute("value")}}else if(t!==e){if(!d("value",n,"update",i)){n.setAttribute("value",e);n.value=e}}}else if(n instanceof HTMLOptionElement&&r instanceof HTMLOptionElement){o(n,r,"selected",i)}else if(n instanceof HTMLTextAreaElement&&r instanceof HTMLTextAreaElement){let e=r.value;let t=n.value;if(d("value",n,"update",i)){return}if(e!==t){n.value=e}if(n.firstChild&&n.firstChild.nodeValue!==e){n.firstChild.nodeValue=e}}}function o(e,t,n,r){const i=t[n],o=e[n];if(i!==o){const l=d(n,e,"update",r);if(!l){e[n]=t[n]}if(i){if(!l){e.setAttribute(n,"")}}else{if(!d(n,e,"remove",r)){e.removeAttribute(n)}}}}function d(e,t,n,r){if(e==="value"&&r.ignoreActiveValue&&t===document.activeElement){return true}return r.callbacks.beforeAttributeUpdated(e,t,n)===false}function f(e,t){return!!t.ignoreActiveValue&&e===document.activeElement&&e!==document.body}return e}();function c(t,e,n,r){if(t.head.block){const i=e.querySelector("head");const o=n.querySelector("head");if(i&&o){const l=m(i,o,t);return Promise.all(l).then(()=>{const e=Object.assign(t,{head:{block:false,ignore:true}});return r(e)})}}return r(t)}function m(e,t,r){let i=[];let o=[];let l=[];let a=[];let s=new Map;for(const n of t.children){s.set(n.outerHTML,n)}for(const u of e.children){let e=s.has(u.outerHTML);let t=r.head.shouldReAppend(u);let n=r.head.shouldPreserve(u);if(e||n){if(t){o.push(u)}else{s.delete(u.outerHTML);l.push(u)}}else{if(r.head.style==="append"){if(t){o.push(u);a.push(u)}}else{if(r.head.shouldRemove(u)!==false){o.push(u)}}}}a.push(...s.values());let c=[];for(const d of a){let n=document.createRange().createContextualFragment(d.outerHTML).firstChild;if(r.callbacks.beforeNodeAdded(n)!==false){if("href"in n&&n.href||"src"in n&&n.src){let t;let e=new Promise(function(e){t=e});n.addEventListener("load",function(){t()});c.push(e)}e.appendChild(n);r.callbacks.afterNodeAdded(n);i.push(n)}}for(const f of o){if(r.callbacks.beforeNodeRemoved(f)!==false){e.removeChild(f);r.callbacks.afterNodeRemoved(f)}}r.head.afterHeadMorphed(e,{added:i,kept:l,removed:o});return c}const u=function(){function e(e,t,n){const{persistentIds:r,idMap:i}=f(e,t);const o=a(n);const l=o.morphStyle||"outerHTML";if(!["innerHTML","outerHTML"].includes(l)){throw`Do not understand how to morph style ${l}`}return{target:e,newContent:t,config:o,morphStyle:l,ignoreActive:o.ignoreActive,ignoreActiveValue:o.ignoreActiveValue,restoreFocus:o.restoreFocus,idMap:i,persistentIds:r,pantry:s(),activeElementAndParents:c(e),callbacks:o.callbacks,head:o.head}}function a(e){let t=Object.assign({},n);Object.assign(t,e);t.callbacks=Object.assign({},n.callbacks,e.callbacks);t.head=Object.assign({},n.head,e.head);return t}function s(){const e=document.createElement("div");e.hidden=true;document.body.insertAdjacentElement("afterend",e);return e}function c(e){let t=[];let n=document.activeElement;if(n?.tagName!=="BODY"&&e.contains(n)){while(n){t.push(n);if(n===e)break;n=n.parentElement}}return t}function u(e){let t=Array.from(e.querySelectorAll("[id]"));if(e.getAttribute?.("id")){t.push(e)}return t}function d(n,e,r,t){for(const i of t){const o=i.getAttribute("id");if(e.has(o)){let t=i;while(t){let e=n.get(t);if(e==null){e=new Set;n.set(t,e)}e.add(o);if(t===r)break;t=t.parentElement}}}}function f(e,t){const n=u(e);const r=u(t);const i=m(n,r);let o=new Map;d(o,i,e,n);const l=t.__idiomorphRoot||t;d(o,i,l,r);return{persistentIds:i,idMap:o}}function m(e,t){let n=new Set;let r=new Map;for(const{id:o,tagName:l}of e){if(r.has(o)){n.add(o)}else{r.set(o,l)}}let i=new Set;for(const{id:o,tagName:l}of t){if(i.has(o)){n.add(o)}else if(r.get(o)===l){i.add(o)}}for(const o of n){i.delete(o)}return i}return e}();const{normalizeElement:d,normalizeParent:f}=function(){const i=new WeakSet;function e(e){if(e instanceof Document){return e.documentElement}else{return e}}function r(e){if(e==null){return document.createElement("div")}else if(typeof e==="string"){return r(l(e))}else if(i.has(e)){return e}else if(e instanceof Node){if(e.parentNode){return new o(e)}else{const t=document.createElement("div");t.append(e);return t}}else{const t=document.createElement("div");for(const n of[...e]){t.append(n)}return t}}class o{constructor(e){this.originalNode=e;this.realParentNode=e.parentNode;this.previousSibling=e.previousSibling;this.nextSibling=e.nextSibling}get childNodes(){const e=[];let t=this.previousSibling?this.previousSibling.nextSibling:this.realParentNode.firstChild;while(t&&t!=this.nextSibling){e.push(t);t=t.nextSibling}return e}querySelectorAll(r){return this.childNodes.reduce((t,e)=>{if(e instanceof Element){if(e.matches(r))t.push(e);const n=e.querySelectorAll(r);for(let e=0;e<n.length;e++){t.push(n[e])}}return t},[])}insertBefore(e,t){return this.realParentNode.insertBefore(e,t)}moveBefore(e,t){return this.realParentNode.moveBefore(e,t)}get __idiomorphRoot(){return this.originalNode}}function l(n){let r=new DOMParser;let e=n.replace(/<svg(\s[^>]*>|>)([\s\S]*?)<\/svg>/gim,"");if(e.match(/<\/html>/)||e.match(/<\/head>/)||e.match(/<\/body>/)){let t=r.parseFromString(n,"text/html");if(e.match(/<\/html>/)){i.add(t);return t}else{let e=t.firstChild;if(e){i.add(e)}return e}}else{let e=r.parseFromString("<body><template>"+n+"</template></body>","text/html");let t=e.body.querySelector("template").content;i.add(t);return t}}return{normalizeElement:e,normalizeParent:r}}();return{morph:t,defaults:n}}();

data/lib/mata/version.rb

@@ -0,0 +1,3 @@
+module Mata
+  VERSION = "0.5.0"
+end

data/lib/mata/watch_tower.rb

@@ -0,0 +1,55 @@
+# frozen_string_literal: true
+
+class Mata
+  class WatchTower
+    def initialize(options)
+      @watch_paths = Array(options[:watch] || %w[app views assets])
+      @skip_paths = skipped_patterns(options[:skip] || options[:ignore] || %w[tmp log])
+      @on_change = nil
+      @listener = nil
+
+      observe!
+    end
+
+    def on_change(&block)
+      @on_change = block
+    end
+
+    def shutdown
+      @listener&.stop
+    end
+
+    private
+
+    def skipped_patterns(skip_paths)
+      skip_paths.map do |path|
+        case path
+        when Regexp
+          path
+        when String
+          escaped = Regexp.escape(path)
+          /#{escaped}/
+        else
+          /#{Regexp.escape(path.to_s)}/
+        end
+      end
+    end
+
+    def observe!
+      @last_change_time = nil
+
+      @listener = Listen.to(*@watch_paths, ignore: @skip_paths) do |modified, added, removed|
+        @last_change_time = Time.now
+
+        Thread.new do
+          sleep 0.15
+          if Time.now - @last_change_time >= 0.15
+            @on_change&.call(modified + added + removed)
+          end
+        end
+      end
+
+      @listener.start
+    end
+  end
+end

data/lib/mata.rb

@@ -0,0 +1,40 @@
+# frozen_string_literal: true
+
+require "listen"
+require "json"
+
+require "mata/agent"
+require "mata/broadcaster"
+require "mata/watch_tower"
+
+class Mata
+  def initialize(app, options = {})
+    @app = app
+
+    @watch_tower = WatchTower.new(options)
+    @broadcaster = Broadcaster.new
+    @agent = Agent.new
+
+    @watch_tower.on_change { |files| @broadcaster.broadcast_to_all(files) }
+
+    at_exit { stand_down }
+  end
+
+  def call(environment)
+    request = Rack::Request.new(environment)
+
+    case request.path
+    when "/__mata/events"
+      @broadcaster.establish_contact(environment)
+    when "/__mata/client.js"
+      @broadcaster.deliver_payload
+    else
+      @agent.insert(*@app.call(environment))
+    end
+  end
+
+  def stand_down
+    @watch_tower&.shutdown
+    @broadcaster&.stand_down
+  end
+end

metadata

@@ -0,0 +1,78 @@
+--- !ruby/object:Gem::Specification
+name: mata
+version: !ruby/object:Gem::Version
+  version: 0.5.0
+platform: ruby
+authors:
+- Rails Designer
+bindir: bin
+cert_chain: []
+date: 1980-01-02 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rack
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.0'
+- !ruby/object:Gem::Dependency
+  name: listen
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+description: SSE-based hot reloading middleware with DOM morphing
+email:
+- devs@railsdesigner.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- lib/mata.rb
+- lib/mata/agent.rb
+- lib/mata/broadcaster.rb
+- lib/mata/client.js
+- lib/mata/idiomorph.min.js
+- lib/mata/version.rb
+- lib/mata/watch_tower.rb
+homepage: https://railsdesigner.com/mata/
+licenses:
+- MIT
+metadata:
+  homepage_uri: https://railsdesigner.com/mata/
+  source_code_uri: https://github.com/Rails-Designer/mata
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '3.4'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 4.0.4
+specification_version: 4
+summary: Hot module reloading for Rack applications
+test_files: []