compex-sinatra 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 8e6491a833f9a894746517767d7633e3e1e40e9cf7a17041546d149aadf67a43
+  data.tar.gz: 56eba6739cd4558f535a9d6da9f8ca4c886ba627059dfcb11f45a4e36eea1e5d
+SHA512:
+  metadata.gz: 7c410f0e7f41ed38f380d0ac7568b43ee7452d8683c0bb37d41f1d9984d382b01a1c12b0d83d3062aad4cf2a9dba5f4793078df6ab92eda2eba3d0e01c65562c
+  data.tar.gz: 6f6d69564b820c8b577f01ef57acbe10975c8a1924e582b97ff36d971f97f819ba52c8d2f57ddf61db9691acedab4a5110de7fed760abaaacb3879019d6ac4fc

data/.rspec

@@ -0,0 +1,3 @@
+--format documentation
+--color
+--require spec_helper

data/.rubocop.yml

@@ -0,0 +1,8 @@
+AllCops:
+  TargetRubyVersion: 3.1
+
+Style/StringLiterals:
+  EnforcedStyle: double_quotes
+
+Style/StringLiteralsInInterpolation:
+  EnforcedStyle: double_quotes

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2025 Vito Sartori
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,43 @@
+# Compex::Sinatra
+
+TODO: Delete this and the text below, and describe your gem
+
+Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/compex/sinatra`. To experiment with that code, run `bin/console` for an interactive prompt.
+
+## Installation
+
+TODO: Replace `UPDATE_WITH_YOUR_GEM_NAME_IMMEDIATELY_AFTER_RELEASE_TO_RUBYGEMS_ORG` with your gem name right after releasing it to RubyGems.org. Please do not do it earlier due to security reasons. Alternatively, replace this section with instructions to install your gem from git if you don't plan to release to RubyGems.org.
+
+Install the gem and add to the application's Gemfile by executing:
+
+```bash
+bundle add UPDATE_WITH_YOUR_GEM_NAME_IMMEDIATELY_AFTER_RELEASE_TO_RUBYGEMS_ORG
+```
+
+If bundler is not being used to manage dependencies, install the gem by executing:
+
+```bash
+gem install UPDATE_WITH_YOUR_GEM_NAME_IMMEDIATELY_AFTER_RELEASE_TO_RUBYGEMS_ORG
+```
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake spec` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+
+To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and the created tag, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/compex-sinatra. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [code of conduct](https://github.com/[USERNAME]/compex-sinatra/blob/master/CODE_OF_CONDUCT.md).
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+
+## Code of Conduct
+
+Everyone interacting in the Compex::Sinatra project's codebases, issue trackers, chat rooms and mailing lists is expected to follow the [code of conduct](https://github.com/[USERNAME]/compex-sinatra/blob/master/CODE_OF_CONDUCT.md).

data/Rakefile

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+require "bundler/gem_tasks"
+require "rspec/core/rake_task"
+
+RSpec::Core::RakeTask.new(:spec)
+
+require "rubocop/rake_task"
+
+RuboCop::RakeTask.new
+
+task default: %i[spec rubocop]

data/lib/compex/sinatra/version.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+module Compex
+  module Sinatra
+    VERSION = "0.1.0"
+  end
+end

data/lib/compex/sinatra.rb

@@ -0,0 +1,160 @@
+# frozen_string_literal: true
+
+require 'sinatra/base'
+require 'compex'
+require 'debug'
+
+require_relative "sinatra/version"
+
+
+module Sinatra
+  module CompEx
+    SINATRA_REQUIRED_HASHES_KEY = '__compex_sinatra_required_hashes'
+
+    def _get_template_engine
+      settings.respond_to?(:template_engine) ? settings.template_engine : nil
+    end
+
+    def component(klass, **props)
+      layout_name  = props.delete(:layout) || :layout
+      engine       = props.delete(:engine) || _get_template_engine || :erb
+      layout_entry = settings.templates[layout_name]
+
+      # Do not include layouts when loading via XHR
+      layout_entry = nil unless request.env['HTTP_X_COMPEX_LOAD'].nil?
+
+      comp = klass.new(**props)
+      html = comp.render_html
+
+      request.env[SINATRA_REQUIRED_HASHES_KEY] =
+        if request.env.key?(SINATRA_REQUIRED_HASHES_KEY)
+          request.env[SINATRA_REQUIRED_HASHES_KEY]
+            .append(*comp.required_hashes)
+            .uniq
+        else
+          comp.required_hashes
+        end
+
+      if layout_entry
+        proc, _file, _line = layout_entry
+        source = proc.call
+        Tilt[engine].new { source }.render(self) { html }
+      else
+        html
+      end
+    end
+
+    module Helpers
+    end
+
+    class RequiredHashesInjector
+      def initialize(app)
+        @app = app
+      end
+
+      def call(env)
+        status, headers, body = @app.call(env)
+
+        if status == 200 && env[SINATRA_REQUIRED_HASHES_KEY]
+          headers['X-CompEx-RequiredHashes'] = env[SINATRA_REQUIRED_HASHES_KEY].join(',')
+        end
+
+        [status, headers, body]
+      end
+    end
+
+    class ScriptInjector
+      def initialize(app)
+        @app = app
+      end
+
+      def call(env)
+        status, headers, body = @app.call(env)
+        return [status, headers, body] unless headers["Content-Type"]&.include?("text/html")
+
+        content = +""
+        body.each { |chunk| content << chunk }
+        body.close if body.respond_to?(:close)
+
+        # Inject scripts before </body>
+        scripts = env.fetch(SINATRA_REQUIRED_HASHES_KEY, [])
+          .filter { |v| v.start_with? ("j") }
+        unless scripts.empty?
+          result = scripts.map do |id|
+            asset = ::CompEx::AssetProvider.provide(id)
+            next unless asset # TODO: Warn?
+
+            "<script type=\"text/javascript\" cx-asset=\"#{id}\">#{asset}</script>"
+          end
+          content.sub!(%r{</body>}i, "#{result.join}</body>")
+        end
+
+        headers["Content-Length"] = content.bytesize.to_s
+        body = [content]
+
+        [status, headers, body]
+      end
+    end
+
+    class StyleInjector
+      def initialize(app)
+        @app = app
+      end
+
+      def call(env)
+        status, headers, body = @app.call(env)
+        return [status, headers, body] unless headers["Content-Type"]&.include?("text/html")
+
+        content = +""
+        body.each { |chunk| content << chunk }
+        body.close if body.respond_to?(:close)
+
+        # Inject styles before </head>
+        styles = env.fetch(SINATRA_REQUIRED_HASHES_KEY, [])
+          .filter { |v| v.start_with? ("c") }
+        unless styles.empty?
+          result = styles.map do |id|
+            asset = ::CompEx::AssetProvider.provide(id)
+            next unless asset # TODO: Warn?
+
+            "<style cx-asset=\"#{id}\">#{asset}</style>"
+          end
+          content.sub!(%r{</head>}i, "#{result.join}</head>")
+        end
+
+        headers["Content-Length"] = content.bytesize.to_s
+        body = [content]
+
+        [status, headers, body]
+      end
+    end
+
+    def self.registered(app)
+      app.helpers Sinatra::CompEx::Helpers
+      app.use Sinatra::CompEx::RequiredHashesInjector
+      app.use Sinatra::CompEx::StyleInjector
+      app.use Sinatra::CompEx::ScriptInjector
+
+      app.get '/_compex/assets' do
+        hashes = request.params.fetch('h', '').split(',').map(&:strip)
+        result = []
+        hashes.each do |h|
+          asset = ::CompEx::AssetProvider.provide(h)
+          next result << nil unless asset
+
+          result << {
+            type: h.start_with?("j_") ? "script" : "style",
+            hash: h,
+            source: asset,
+          }
+        end
+
+        headers "Content-Type" => "application/json"
+        result.to_json
+      end
+    end
+  end
+
+  helpers Sinatra::CompEx
+  register Sinatra::CompEx
+end

data/sample/app.rb

@@ -0,0 +1,118 @@
+require 'compex/sinatra'
+
+require 'sinatra'
+
+class MyComponent < CompEx::Base
+  html <<~HTML
+    <div class="base">
+      <Counter />
+      <MyForm cx-on:namespace:eventName="customHandler" />
+  </div>
+  HTML
+
+  style <<~CSS
+    .base { font-family: sans-serif; }
+  CSS
+
+  js <<~JS
+  class Component {
+    onClick(ev) { console.log("OnClick", ev) }
+    customHandler(ev) { console.log("customHandler", ev) }
+  }
+  JS
+end
+
+class Counter < CompEx::Base
+  html <<~HTML
+    <div>
+      <div cx-ref="counter">0</div>
+      <button cx-click="onIncr">+</button><button cx-click="onDecr">-</button>
+    </div>
+  HTML
+
+  js <<~JS
+    class Component {
+      async mount() {
+        this.value = 0;
+        this.updateText();
+      }
+
+      updateText() {
+        this.counter.innerText = `${this.value}`
+      }
+
+      onIncr() {
+        this.value++;
+        this.updateText();
+      }
+
+      onDecr() {
+        this.value--;
+        this.updateText();
+      }
+    }
+  JS
+end
+
+class MyForm < CompEx::Base
+  html <<~HTML
+    Accepted? <input type="checkbox" cx-bind="accepted" cx-change="onChange" /> <br/>
+    <input type="checkbox" cx-bind="bla" value="a" />
+    <input type="checkbox" cx-bind="bla" value="b" />
+    <input type="checkbox" cx-bind="bla" value="c" /> <br/>
+    <input type="radio" cx-bind="ble" value="a" />
+    <input type="radio" cx-bind="ble" value="b" />
+    <input type="radio" cx-bind="ble" value="c" /> <br />
+    <select cx-bind="bli">
+      <option value="foo">Foo</option>
+      <option value="bar">Bar</option>
+      <option value="baz">Baz</option>
+    </select> <br />
+    <select multiple cx-bind="blo">
+      <option value="foo">Foo</option>
+      <option value="bar">Bar</option>
+      <option value="baz">Baz</option>
+    </select><br/>
+    <button cx-click="dispatchCustomEvent">Custom Event</button>
+  HTML
+
+  js <<~JS
+    class Component {
+      async mount() {
+        window.xxx = this;
+      }
+
+      onChange(el) {
+        debugger;
+      }
+
+      dispatchCustomEvent() {
+        this.emit("namespace:eventName", { test: true });
+      }
+    }
+  JS
+end
+
+set :template_engine, :erb
+
+template(:layout) do
+  <<~HTML
+  <!DOCTYPE html>
+  <html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>My App</title>
+    <script type="text/javascript" src="bundle.js"></script>
+  </head>
+  <body>
+    <%= yield %>
+  </body>
+  </html>
+  HTML
+end
+
+
+get '/' do
+  component(MyComponent)
+end

data/sample/public/bundle.js

@@ -0,0 +1,591 @@
+(() => {
+  var __defProp = Object.defineProperty;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __esm = (fn, res) => function __init() {
+    return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+  };
+  var __export = (target, all) => {
+    for (var name in all)
+      __defProp(target, name, { get: all[name], enumerable: true });
+  };
+  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 to;
+  };
+  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+  // src/utils.js
+  var utils_exports = {};
+  __export(utils_exports, {
+    default: () => utils_default
+  });
+  var Utils, utils_default;
+  var init_utils = __esm({
+    "src/utils.js"() {
+      Utils = {
+        isCheckable(node) {
+          const name = node.nodeName;
+          const type = node.type;
+          return name && name.toLowerCase() === "input" && (type === "checkbox" || type === "radio");
+        },
+        getValueForNode(node) {
+          let value = "";
+          if (!node) return value;
+          value = this.isCheckable(node) ? node.checked : node.value;
+          return value;
+        },
+        setValueForNode(node, value) {
+          if (!node) return;
+          if (this.isCheckable(node)) {
+            node.checked = value !== "false" && !!value;
+          } else {
+            node.value = value;
+          }
+        },
+        getSelectionForNode(node) {
+          if ("selectionStart" in node) {
+            return {
+              start: node.selectionStart,
+              end: node.selectionEnd
+            };
+          }
+          return { start: 0, end: 0 };
+        },
+        setSelectionForNode(node, bounds) {
+          if (!("selectionStart" in node)) return;
+          const start = bounds.start;
+          let end = bounds.end;
+          if (end === void 0) end = start;
+          node.selectionStart = start;
+          node.selectionEnd = Math.min(end, node.value.length);
+        },
+        randomID() {
+          const bytes = new Uint8Array(8);
+          crypto.getRandomValues(bytes);
+          return Array.from(bytes, (b) => b.toString(16).padStart(2, "0")).join("");
+        }
+      };
+      utils_default = Utils;
+    }
+  });
+
+  // src/eventing.js
+  var eventing_exports = {};
+  __export(eventing_exports, {
+    default: () => eventing_default
+  });
+  var globalEventsListener, SyntheticEvent, Eventing, eventing_default;
+  var init_eventing = __esm({
+    "src/eventing.js"() {
+      globalEventsListener = "_compex_install" + Math.random().toString(36).slice(2);
+      SyntheticEvent = class {
+        constructor(type, target = null, options = {}) {
+          const {
+            detail = null,
+            bubbles = false,
+            cancelable = false,
+            composed = false
+          } = options || {};
+          this.type = String(type);
+          this.target = target;
+          this.currentTarget = null;
+          this.eventPhase = 0;
+          this.bubbles = !!bubbles;
+          this.cancelable = !!cancelable;
+          this.composed = !!composed;
+          this.detail = detail;
+          this.defaultPrevented = false;
+          this.cancelBubble = false;
+          this.timeStamp = performance.now();
+          this._path = null;
+        }
+        stopPropagation() {
+          this.cancelBubble = true;
+        }
+        stopImmediatePropagation() {
+          this.cancelBubble = true;
+          this._immediateStopped = true;
+        }
+        preventDefault() {
+          if (this.cancelable) {
+            this.defaultPrevented = true;
+            this.returnValue = false;
+          }
+        }
+        composedPath() {
+          if (this._path) return [...this._path];
+          const path = [];
+          let node = this.target;
+          while (node) {
+            path.push(node);
+            node = node.parent || node.host || null;
+          }
+          return path;
+        }
+      };
+      Eventing = class _Eventing {
+        static eventListenerSet = /* @__PURE__ */ new Set();
+        static domEventTypes = ["abort", "beforeinput", "beforetoggle", "blur", "canplay", "canplaythrough", "cancel", "change", "click", "close", "compositionend", "compositionstart", "compositionupdate", "contextmenu", "copy", "cut", "dblclick", "auxclick", "drag", "dragend", "dragenter", "dragexit", "dragleave", "dragover", "dragstart", "drop", "durationchange", "emptied", "encrypted", "ended", "error", "focus", "focusin", "focusout", "fullscreenchange", "gotpointercapture", "hashchange", "input", "invalid", "keydown", "keypress", "keyup", "load", "loadstart", "loadeddata", "loadedmetadata", "lostpointercapture", "message", "mousedown", "mouseenter", "mouseleave", "mousemove", "mouseout", "mouseover", "mouseup", "paste", "pause", "play", "playing", "pointercancel", "pointerdown", "pointerenter", "pointerleave", "pointermove", "pointerout", "pointerover", "pointerup", "popstate", "progress", "ratechange", "reset", "resize", "scroll", "scrollend", "seeked", "seeking", "select", "selectstart", "selectionchange", "stalled", "submit", "suspend", "timeupdate", "toggle", "touchcancel", "touchend", "touchmove", "touchstart", "volumechange", "waiting", "wheel"];
+        // List of events that need to be individually attached to media elements.
+        static mediaEventTypes = ["abort", "canplay", "canplaythrough", "durationchange", "emptied", "encrypted", "ended", "error", "loadeddata", "loadedmetadata", "loadstart", "pause", "play", "playing", "progress", "ratechange", "resize", "seeked", "seeking", "stalled", "suspend", "timeupdate", "volumechange", "waiting"];
+        // We should not delegate these events to the container, but rather
+        // set them on the actual target element itself. This is primarily
+        // because these events do not consistently bubble in the DOM.
+        static nonDelegatedEvents = /* @__PURE__ */ new Set([
+          "beforetoggle",
+          "cancel",
+          "close",
+          "invalid",
+          "load",
+          "scroll",
+          "scrollend",
+          "toggle",
+          // In order to reduce bytes, we insert the above array of media events
+          // into this Set. Note: the "error" event isn't an exclusive media event,
+          // and can occur on other elements too. Rather than duplicate that event,
+          // we just take it from the media events array.
+          ...this.mediaEventTypes
+        ]);
+        static cxEventAttributes = new Set(_Eventing.domEventTypes.map((i) => `cx-${i}`));
+        static cxEventSelector = _Eventing.cxEventAttributes.values().map((i) => `:scope > :not([cx-controller]) [${i}], :scope > [${i}]`).toArray().join(",");
+        static controllerHandles = /* @__PURE__ */ new Map();
+        static eventHandles = /* @__PURE__ */ new Map();
+        static attachHandler(ctrl, el, name, handler) {
+          if (this.controllerHandles.has(ctrl)) {
+            this.controllerHandles.get(ctrl).push(handler);
+          } else {
+            this.controllerHandles.set(ctrl, [handler]);
+          }
+          this.registerHandler(el, name, handler);
+        }
+        static registerHandler(el, name, handler) {
+          if (this.eventHandles.has(name)) {
+            if (this.eventHandles.get(name).has(el)) {
+              this.eventHandles.get(name).get(el).push(handler);
+            } else {
+              this.eventHandles.get(name).set(el, [handler]);
+            }
+          } else {
+            this.eventHandles.set(name, /* @__PURE__ */ new Map([[el, [handler]]]));
+          }
+        }
+        static installEventHandlers() {
+          if (document[globalEventsListener]) {
+            return;
+          }
+          document[globalEventsListener] = true;
+          for (const ev of CompEx.Eventing.domEventTypes) {
+            const isCapturePhaseListener = CompEx.Eventing.nonDelegatedEvents.has(ev);
+            this.installNativeEventHandler(ev, isCapturePhaseListener);
+          }
+        }
+        static installNativeEventHandler(ev, isCapturePhaseListener) {
+          const listenerSetKey = this.eventListenerKey(ev, isCapturePhaseListener);
+          if (this.eventListenerSet.has(listenerSetKey)) return;
+          document.addEventListener(ev, this.eventHandler(isCapturePhaseListener), isCapturePhaseListener);
+          this.eventListenerSet.add(listenerSetKey);
+        }
+        static eventHandler(isCapturePhaseListener) {
+          return isCapturePhaseListener ? this.captureEventHandler.bind(this) : this.bubbleEventHandler.bind(this);
+        }
+        static captureEventHandler(ev) {
+          debugger;
+        }
+        static bubbleEventHandler(ev) {
+          const handles = this.eventHandles.get(ev.type);
+          if (!handles) return;
+          const elHandlers = handles.get(ev.target);
+          if (!elHandlers) return;
+          for (const handler of elHandlers) {
+            handler(ev);
+            if (ev.defaultPrevented) return;
+          }
+        }
+        static dispatchSyntheticEvent(type, target, detail = null) {
+          const ev = new SyntheticEvent(type, target, detail);
+          const handles = this.eventHandles.get(ev.type);
+          if (!handles) return;
+          for (const handler of handles.values().toArray().flat()) {
+            handler(ev);
+            if (ev.defaultPrevented) return;
+          }
+        }
+        static eventListenerKey(name, isCapturePhaseListener) {
+          return `${name}__${isCapturePhaseListener ? "capture" : "bubble"}`;
+        }
+      };
+      eventing_default = Eventing;
+    }
+  });
+
+  // src/runtime.js
+  var runtime_exports = {};
+  __export(runtime_exports, {
+    default: () => runtime_default
+  });
+  var Runtime, runtime_default;
+  var init_runtime = __esm({
+    "src/runtime.js"() {
+      Runtime = class {
+        static registry = {};
+        static instances = /* @__PURE__ */ new WeakMap();
+        static observer = new MutationObserver((muts) => {
+          for (const mut of muts) {
+            for (const node of mut.addedNodes) {
+              if (node.nodeType !== Node.ELEMENT_NODE || !node.getAttribute("cx-controller")) continue;
+              this.attachController(node);
+            }
+            for (const node of mut.removedNodes) {
+              if (node.nodeType !== Node.ELEMENT_NODE || !node.getAttribute("cx-controller")) continue;
+              this.detachController(node);
+            }
+          }
+        });
+        static loadedHashesSet = /* @__PURE__ */ new Set();
+        static attachController(node) {
+          const ctrlName = node.getAttribute("cx-controller");
+          const ctrl = this.registry[ctrlName];
+          if (!ctrl) {
+            console.warn(`Missing JS controller for element ${node}: ${ctrlName}`);
+            return;
+          }
+          const inst = new ctrl(node);
+          this.instances.set(node, inst);
+          let mountRet = inst.mount();
+          if (mountRet instanceof Promise) {
+            mountRet.catch(console.error.bind(console));
+          }
+        }
+        static detachController(node) {
+          const inst = this.instances[node];
+          if (!inst) return;
+          inst.unmount().catch(console.error.bind(console)).finally(() => {
+            this.instances.delete(node);
+          });
+        }
+        static install() {
+          this.installed = true;
+          CompEx.Eventing.installEventHandlers();
+          for (const el of document.querySelectorAll("[cx-controller]")) this.attachController(el);
+          for (const el of document.querySelectorAll("[cx-asset]")) this.loadedHashesSet.add(el.getAttribute("cx-asset"));
+          this.observer.observe(document, { childList: true });
+        }
+        static register(name, klass) {
+          this.registry[name] = klass;
+          console.log(`CompEx: Registered ${name}`);
+        }
+        static async handleRequiredHashesHeader(value) {
+          if (!value) return;
+          const toRequire = value.split(",").filter((v) => !this.loadedHashesSet.has(v));
+          const requireParams = new URLSearchParams([["h", toRequire]]);
+          const resp = await fetch("/_compex/assets?" + requireParams.toString(), {
+            method: "GET"
+          });
+          if (!resp.ok) {
+            console.error(resp.message);
+            return;
+          }
+          const json = await resp.json();
+          for (const [idx, item] of json.entries()) {
+            if (!item) {
+              console.warn(`CompEx: Could not retrieve asset for hash ${toRequire[idx]}`);
+              continue;
+            }
+            switch (item.type) {
+              case "style": {
+                const st = document.createElement("style");
+                st.setAttribute("cx-asset", item.hash);
+                st.textContent = item.source;
+                document.head.append(st);
+                this.loadedHashesSet.add(item.hash);
+                break;
+              }
+              case "script": {
+                const sc = document.createElement("script");
+                sc.setAttribute("cx-asset", item.hash);
+                sc.innerHTML = item.source;
+                document.head.append(sc);
+                this.loadedHashesSet.add(item.hash);
+                break;
+              }
+              default: {
+                console.error(`Unknown asset of type ${item.type}`);
+              }
+            }
+          }
+        }
+      };
+      runtime_default = Runtime;
+    }
+  });
+
+  // src/multibind.js
+  var multibind_exports = {};
+  __export(multibind_exports, {
+    default: () => multibind_default
+  });
+  var MultiBind, multibind_default;
+  var init_multibind = __esm({
+    "src/multibind.js"() {
+      MultiBind = class {
+        constructor(els) {
+          this.els = els;
+          this.isSingle = els[0].type.toLowerCase() === "radio";
+        }
+        get values() {
+          if (this.isSingle) {
+            const sel = this.els.find((el) => el.checked);
+            return sel ? sel.value : void 0;
+          }
+          return this.els.filter((el) => el.checked).map((el) => el.value);
+        }
+        set values(values) {
+          if (this.isSingle) {
+            if (Array.isArray(values)) {
+              console.warn("CompEx: Setting an array to a radio group binding has no effect.");
+              return;
+            }
+            const toSel = this.els.find((el) => el.value === values);
+            if (toSel) toSel.checked = true;
+            return;
+          }
+          if (!Array.isArray(values)) {
+            values = [values];
+          }
+          const vals = new Set(values);
+          for (const el of this.els) {
+            el.checked = vals.has(el.value);
+          }
+        }
+      };
+      multibind_default = MultiBind;
+    }
+  });
+
+  // src/component.js
+  var component_exports = {};
+  __export(component_exports, {
+    default: () => component_default
+  });
+  var Component, component_default;
+  var init_component = __esm({
+    "src/component.js"() {
+      Component = class {
+        constructor(root) {
+          this.props = {};
+          this.root = root;
+          this.bindings = /* @__PURE__ */ new Map();
+          this.unsafeAttachRefs();
+          this.unsafeAttachProps();
+          this.unsafeAttachBinds();
+          this.unsafeAttachEvents();
+        }
+        unsafeAttachRefs() {
+          const els = this.root.querySelectorAll(":scope > :not([cx-controller]) [cx-ref], :scope > [cx-ref]");
+          for (const el of els) {
+            this[el.getAttribute("cx-ref")] = el;
+          }
+          if (this.root.getAttribute("cx-ref")) {
+            this[this.root.getAttribute("cx-ref")] = this.root;
+          }
+        }
+        unsafeAttachProps() {
+          const bag = this.root.querySelector("script[type='vendor/compex-data-bag']");
+          if (!bag) return;
+          try {
+            this.props = JSON.parse(bag.textContent);
+          } catch (ex) {
+            console.error("CompEx: Failed parsing data bag", ex);
+          }
+        }
+        unsafeAttachEvents() {
+          for (const el of this.root.querySelectorAll(CompEx.Eventing.cxEventSelector)) {
+            this.unsafeAttachEventsForNode(el);
+          }
+          for (const el of this.root.querySelectorAll(":scope > :not([cx-controller]) [cx-custom-handlers], :scope > [cx-custom-handlers]")) {
+            this.unsafeAttachCustomEventsForNode(el);
+          }
+        }
+        unsafeAttachCustomEventsForNode(el) {
+          const descriptor = el.getAttribute("cx-custom-handlers");
+          if (!descriptor) return;
+          const descriptors = descriptor.split(",").map((i) => i.split("->"));
+          for (const [name, handler] of descriptors) {
+            this.unsafeAttachSingleEvent(this.root, name, handler);
+          }
+        }
+        unsafeAttachEventsForNode(el) {
+          for (const attr of el.getAttributeNames()) {
+            if (!CompEx.Eventing.cxEventAttributes.has(attr)) return;
+            this.unsafeAttachSingleEvent(el, attr.replace("cx-", ""), el.getAttribute(attr));
+          }
+        }
+        unsafeAttachSingleEvent(root, name, handlerName) {
+          const handler = this[handlerName];
+          if (!handler) {
+            console.warn(`Ignored attaching event: Handler ${handlerName} is not defined on`, root);
+            return;
+          }
+          if (typeof handler !== "function") {
+            console.warn(`Ignored attaching event: Handler ${handlerName} is not a function on`, root);
+            return;
+          }
+          CompEx.Eventing.attachHandler(this, root, name, handler.bind(this));
+        }
+        unsafeAttachBinds() {
+          for (const el of this.root.querySelectorAll(":scope > :not([cx-controller]) [cx-bind], :scope > [cx-bind]")) {
+            const name = el.getAttribute("cx-bind");
+            if (this.bindings.has(name)) {
+              this.bindings.get(name).push(el);
+            } else {
+              this.bindings.set(name, [el]);
+            }
+          }
+          for (const [k, v] of this.bindings.entries()) {
+            if (v.length > 1) {
+              this.unsafeAttachMultiInputBind(k, v);
+            } else if (v[0].tagName.toLowerCase() === "select") {
+              this.unsafeAttachSelectBind(k, v[0]);
+            } else {
+              this.unsafeAttachSingleInputBind(k, v[0]);
+            }
+          }
+        }
+        unsafeAttachSelectBind(k, el) {
+          const opts = [...el.querySelectorAll("option")];
+          const isMultiple = el.hasAttribute("multiple");
+          console.log("unsafeAttachSelectBind", k, el, isMultiple);
+          const set = (val) => {
+            if (!isMultiple && Array.isArray(val)) {
+              console.warn(`CompEx: Setting an array to a non-multiple Select (cx-bind="${k}") has no effect.`);
+            } else if (isMultiple) {
+              val = Array.isArray(val) ? val : [val];
+              const selOpts = new Set(val);
+              for (const el2 of opts) {
+                el2.selected = selOpts.has(el2.value);
+              }
+            } else {
+              for (const el2 of opts) {
+                el2.selected = el2.value === val;
+              }
+            }
+          };
+          const get = () => {
+            const selected = opts.filter((el2) => el2.selected);
+            if (!isMultiple) return selected.length === 1 ? selected[0].value : void 0;
+            return selected.map((el2) => el2.value);
+          };
+          this.unsafeCreateLocalProperty(k, get, set);
+        }
+        unsafeAttachMultiInputBind(k, els) {
+          const nodeTags = els.map((el) => el.tagName.toLowerCase());
+          const isInput = nodeTags.includes("input");
+          if (isInput) {
+            console.log(nodeTags);
+            if (!nodeTags.every((tag) => tag === "input")) {
+              throw new Error(`cx-bind="${k}": All bindings under the same name are required to be inputs.`);
+            }
+          } else {
+          }
+          if (isInput) {
+            const inputTypes = els.map((el) => el.type.toLowerCase());
+            if (inputTypes.some((t) => t !== "checkbox" && t !== "radio")) {
+              throw new Error(`cx-bind="${k}": Only checkbox and radio inputs are supported in multi-bind input elements.`);
+            }
+            const firstType = inputTypes[0];
+            if (inputTypes.some((t) => t !== firstType)) {
+              throw new Error(`cx-bind="${k}": Inputs must have the same type "${firstType}"`);
+            }
+            if (els.some((el) => !el.getAttribute("value"))) {
+              throw new Error(`cx-bind="${k}": All inputs in a group must have a value`);
+            }
+            if (inputTypes[0] === "radio" && els.some((el) => !el.name)) {
+              let name;
+              const nameEl = els.find((el) => Boolean(el.name));
+              name = nameEl ? nameEl.name : `compex-radio-${CompEx.Utils.randomID()}`;
+              for (const el of els) el.name = name;
+            }
+            const mb = new CompEx.MultiBind(els);
+            this.unsafeCreateLocalProperty(k, () => mb.values, (v) => mb.values = v);
+          }
+        }
+        unsafeAttachSingleInputBind(name, el) {
+          const getter = () => CompEx.Utils.getValueForNode(el);
+          const setter = (val) => CompEx.Utils.setValueForNode(el, val);
+          this.unsafeCreateLocalProperty(name, getter, setter);
+        }
+        unsafeCreateLocalProperty(name, getter, setter) {
+          Object.defineProperty(this, name, {
+            get() {
+              return getter();
+            },
+            set(newValue) {
+              setter(newValue);
+            },
+            enumerable: true,
+            configurable: true
+          });
+          console.log(`CompEx: Registered prop ${name}`);
+        }
+        async mount() {
+        }
+        async unmount() {
+        }
+        emit(name, detail) {
+          detail = detail || {};
+          detail.controller = this;
+          CompEx.Eventing.dispatchSyntheticEvent(name, this.root, detail);
+        }
+        async loadComponent(path) {
+          const result = await fetch(path, {
+            method: "GET",
+            mode: "cors",
+            credentials: "same-origin",
+            headers: {
+              "Accept": "text/html",
+              "X-CompEx-Load": "true"
+            }
+          });
+          if (result.ok) {
+            const loadProm = CompEx.Runtime.handleRequiredHashesHeader(result.headers.get("X-CompEx-RequiredHashes"));
+            const div = document.createElement("div");
+            div.innerHTML = await result.text();
+            await loadProm;
+            return div.firstChild;
+          } else {
+            throw result.error;
+          }
+        }
+      };
+      component_default = Component;
+    }
+  });
+
+  // src/main.js
+  ((w, d) => {
+    const Utils2 = (init_utils(), __toCommonJS(utils_exports)).default;
+    const Eventing2 = (init_eventing(), __toCommonJS(eventing_exports)).default;
+    const Runtime2 = (init_runtime(), __toCommonJS(runtime_exports)).default;
+    const MultiBind2 = (init_multibind(), __toCommonJS(multibind_exports)).default;
+    const Component2 = (init_component(), __toCommonJS(component_exports)).default;
+    w.CompEx = class CompEx {
+      static Runtime = Runtime2;
+      static Component = Component2;
+      static Utils = Utils2;
+      static Eventing = Eventing2;
+      static MultiBind = MultiBind2;
+    };
+    if (d.readyState === "loading") {
+      addEventListener("DOMContentLoaded", () => CompEx.Runtime.install());
+    } else {
+      CompEx.Runtime.install();
+    }
+  })(globalThis, document);
+})();
+//# sourceMappingURL=bundle.js.map

data/sample/public/bundle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/utils.js", "../src/eventing.js", "../src/runtime.js", "../src/multibind.js", "../src/component.js", "../src/main.js"],
+  "sourcesContent": ["const Utils = {\n  isCheckable(node) {\n    const name = node.nodeName;\n    const type = node.type;\n\n    return name && name.toLowerCase() === 'input' &&\n      (type === 'checkbox' || type === 'radio');\n  },\n\n  getValueForNode(node) {\n    let value = '';\n    if (!node) return value;\n\n    value = this.isCheckable(node) ? node.checked : node.value;\n\n    return value;\n  },\n\n  setValueForNode(node, value) {\n    if (!node) return;\n\n    if (this.isCheckable(node)) {\n      node.checked = value !== \"false\" && !!value;\n    } else {\n      node.value = value;\n    }\n  },\n\n  getSelectionForNode(node) {\n    if ('selectionStart' in node) {\n      return {\n        start: node.selectionStart,\n        end: node.selectionEnd,\n      };\n    }\n\n    return {start: 0, end: 0};\n  },\n  setSelectionForNode(node, bounds) {\n    if (!('selectionStart' in node)) return;\n\n    const start = bounds.start;\n    let end = bounds.end;\n    if (end === undefined) end = start;\n\n    node.selectionStart = start;\n    node.selectionEnd = Math.min(end, node.value.length);\n  },\n\n  randomID() {\n    const bytes = new Uint8Array(8);\n    crypto.getRandomValues(bytes);\n    return Array.from(bytes, b => b.toString(16).padStart(2, '0')).join('');\n  },\n};\n\nexport default Utils;\n", "const globalEventsListener = '_compex_install' + Math.random().toString(36).slice(2);\n\nclass SyntheticEvent {\n  constructor(type, target = null, options = {}) {\n\n    const {\n      detail = null,\n      bubbles = false,\n      cancelable = false,\n      composed = false\n    } = options || {};\n\n    // Core readonly-like properties\n    this.type = String(type);\n    this.target = target;\n    this.currentTarget = null; // set by dispatch system\n    this.eventPhase = 0; // NONE = 0, CAPTURING_PHASE = 1, AT_TARGET = 2, BUBBLING_PHASE = 3\n\n    // EventInit\n    this.bubbles = !!bubbles;\n    this.cancelable = !!cancelable;\n    this.composed = !!composed;\n    this.detail = detail;\n\n    // State\n    this.defaultPrevented = false;\n    this.cancelBubble = false; // used by legacy code (stopPropagation)\n    this.timeStamp = performance.now();\n    this._path = null;\n  }\n\n  stopPropagation() {\n    this.cancelBubble = true;\n  }\n\n  stopImmediatePropagation() {\n    this.cancelBubble = true;\n    this._immediateStopped = true;\n  }\n\n  preventDefault() {\n    if (this.cancelable) {\n      this.defaultPrevented = true;\n      this.returnValue = false;\n    }\n  }\n\n  composedPath() {\n    // If a custom path was set by the dispatch system, return it.\n    if (this._path) return [...this._path];\n\n    // Otherwise, derive it from target hierarchy.\n    const path = [];\n    let node = this.target;\n    while (node) {\n      path.push(node);\n      node = node.parent || node.host || null;\n    }\n    return path;\n  }\n}\n\nclass Eventing {\n  static eventListenerSet = new Set();\n  static domEventTypes = ['abort', 'beforeinput', 'beforetoggle', 'blur', 'canplay', 'canplaythrough', 'cancel', 'change', 'click', 'close', 'compositionend', 'compositionstart', 'compositionupdate', 'contextmenu', 'copy', 'cut', 'dblclick', 'auxclick', 'drag', 'dragend', 'dragenter', 'dragexit', 'dragleave', 'dragover', 'dragstart', 'drop', 'durationchange', 'emptied', 'encrypted', 'ended', 'error', 'focus', 'focusin', 'focusout', 'fullscreenchange', 'gotpointercapture', 'hashchange', 'input', 'invalid', 'keydown', 'keypress', 'keyup', 'load', 'loadstart', 'loadeddata', 'loadedmetadata', 'lostpointercapture', 'message', 'mousedown', 'mouseenter', 'mouseleave', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'paste', 'pause', 'play', 'playing', 'pointercancel', 'pointerdown', 'pointerenter', 'pointerleave', 'pointermove', 'pointerout', 'pointerover', 'pointerup', 'popstate', 'progress', 'ratechange', 'reset', 'resize', 'scroll', 'scrollend', 'seeked', 'seeking', 'select', 'selectstart', 'selectionchange', 'stalled', 'submit', 'suspend', 'timeupdate', 'toggle', 'touchcancel', 'touchend', 'touchmove', 'touchstart', 'volumechange', 'waiting', 'wheel'];\n  // List of events that need to be individually attached to media elements.\n  static mediaEventTypes = ['abort', 'canplay', 'canplaythrough', 'durationchange', 'emptied', 'encrypted', 'ended', 'error', 'loadeddata', 'loadedmetadata', 'loadstart', 'pause', 'play', 'playing', 'progress', 'ratechange', 'resize', 'seeked', 'seeking', 'stalled', 'suspend', 'timeupdate', 'volumechange', 'waiting'];\n\n  // We should not delegate these events to the container, but rather\n  // set them on the actual target element itself. This is primarily\n  // because these events do not consistently bubble in the DOM.\n  static nonDelegatedEvents = new Set([\n    'beforetoggle',\n    'cancel',\n    'close',\n    'invalid',\n    'load',\n    'scroll',\n    'scrollend',\n    'toggle',\n    // In order to reduce bytes, we insert the above array of media events\n    // into this Set. Note: the \"error\" event isn't an exclusive media event,\n    // and can occur on other elements too. Rather than duplicate that event,\n    // we just take it from the media events array.\n    ...this.mediaEventTypes,\n  ]);\n  static cxEventAttributes = new Set(Eventing.domEventTypes.map(i => `cx-${i}`));\n  static cxEventSelector = Eventing.cxEventAttributes.values().map(i => `:scope > :not([cx-controller]) [${i}], :scope > [${i}]`).toArray().join(\",\");\n  static controllerHandles = new Map();\n  static eventHandles = new Map();\n\n  static attachHandler(ctrl, el, name, handler) {\n    if (this.controllerHandles.has(ctrl)) {\n      this.controllerHandles.get(ctrl).push(handler);\n    } else {\n      this.controllerHandles.set(ctrl, [handler]);\n    }\n    this.registerHandler(el, name, handler);\n  }\n\n  static registerHandler(el, name, handler) {\n    if (this.eventHandles.has(name)) {\n      if (this.eventHandles.get(name).has(el)) {\n        this.eventHandles.get(name).get(el).push(handler);\n      } else {\n        this.eventHandles.get(name).set(el, [handler]);\n      }\n    } else {\n      this.eventHandles.set(name, new Map([[el, [handler]]]));\n    }\n  }\n\n  static installEventHandlers() {\n    if (document[globalEventsListener]) {\n      return;\n    }\n    document[globalEventsListener] = true;\n\n    for (const ev of CompEx.Eventing.domEventTypes) {\n      const isCapturePhaseListener = CompEx.Eventing.nonDelegatedEvents.has(ev);\n      this.installNativeEventHandler(ev, isCapturePhaseListener);\n    }\n  }\n\n  static installNativeEventHandler(ev, isCapturePhaseListener) {\n    // Ensure we don\u2019t add duplicate listeners\n    const listenerSetKey = this.eventListenerKey(ev, isCapturePhaseListener);\n    if (this.eventListenerSet.has(listenerSetKey)) return;\n\n    document.addEventListener(ev, this.eventHandler(isCapturePhaseListener), isCapturePhaseListener);\n    this.eventListenerSet.add(listenerSetKey);\n  }\n\n  static eventHandler(isCapturePhaseListener) {\n    return isCapturePhaseListener ? this.captureEventHandler.bind(this) : this.bubbleEventHandler.bind(this);\n  }\n\n  static captureEventHandler(ev) {\n    debugger;\n  }\n\n  static bubbleEventHandler(ev) {\n    const handles = this.eventHandles.get(ev.type);\n    if (!handles) return;\n    const elHandlers = handles.get(ev.target);\n    if (!elHandlers) return;\n    for (const handler of elHandlers) {\n      handler(ev);\n      if (ev.defaultPrevented) return;\n    }\n  }\n\n  static dispatchSyntheticEvent(type, target, detail = null) {\n    const ev = new SyntheticEvent(type, target, detail);\n    const handles = this.eventHandles.get(ev.type);\n    if (!handles) return;\n\n    for (const handler of handles.values().toArray().flat()) {\n      handler(ev);\n      if (ev.defaultPrevented) return;\n    }\n  }\n\n  static eventListenerKey(name, isCapturePhaseListener) {\n    return `${name}__${isCapturePhaseListener ? 'capture' : 'bubble'}`;\n  }\n}\n\nexport default Eventing;\n", "class Runtime {\n  static registry = {};\n  static instances = new WeakMap();\n  static observer = new MutationObserver(muts => {\n    for (const mut of muts) {\n      for (const node of mut.addedNodes) {\n        if (node.nodeType !== Node.ELEMENT_NODE || !node.getAttribute(\"cx-controller\")) continue;\n        this.attachController(node);\n      }\n\n      for (const node of mut.removedNodes) {\n        if (node.nodeType !== Node.ELEMENT_NODE || !node.getAttribute(\"cx-controller\")) continue;\n        this.detachController(node);\n      }\n    }\n  });\n  static loadedHashesSet = new Set();\n\n  static attachController(node) {\n    const ctrlName = node.getAttribute('cx-controller');\n    const ctrl = this.registry[ctrlName];\n    if (!ctrl) {\n      console.warn(`Missing JS controller for element ${node}: ${ctrlName}`);\n      return;\n    }\n    const inst = new ctrl(node);\n    this.instances.set(node, inst);\n    let mountRet = inst.mount();\n    if (mountRet instanceof Promise) {\n      mountRet.catch(console.error.bind(console));\n    }\n  }\n\n  static detachController(node) {\n    const inst = this.instances[node];\n    if (!inst) return;\n\n    inst.unmount()\n      .catch(console.error.bind(console))\n      .finally(() => {\n        this.instances.delete(node);\n      });\n  }\n\n  static install() {\n    this.installed = true;\n    CompEx.Eventing.installEventHandlers();\n    for (const el of document.querySelectorAll('[cx-controller]')) this.attachController(el);\n\n    for (const el of document.querySelectorAll('[cx-asset]')) this.loadedHashesSet.add(el.getAttribute('cx-asset'));\n\n    this.observer.observe(document, {childList: true});\n  }\n\n  static register(name, klass) {\n    this.registry[name] = klass;\n    console.log(`CompEx: Registered ${name}`);\n  }\n\n  static async handleRequiredHashesHeader(value) {\n    if (!value) return;\n    const toRequire = value\n      .split(\",\")\n      .filter(v => !this.loadedHashesSet.has(v));\n    const requireParams = new URLSearchParams([[\"h\", toRequire]]);\n    const resp = await fetch(\"/_compex/assets?\" + requireParams.toString(), {\n      method: \"GET\",\n    });\n    if (!resp.ok) {\n      console.error(resp.message);\n      return;\n    }\n\n    // /_assets returns a one-dimensional array containing data for each of the required\n    // hashes.\n    const json = await resp.json();\n    for (const [idx, item] of json.entries()) {\n      if (!item) {\n        console.warn(`CompEx: Could not retrieve asset for hash ${toRequire[idx]}`)\n        continue;\n      }\n\n      switch (item.type) {\n        case \"style\": {\n          const st = document.createElement(\"style\");\n          st.setAttribute(\"cx-asset\", item.hash);\n          st.textContent = item.source;\n          document.head.append(st);\n          this.loadedHashesSet.add(item.hash);\n          break;\n        }\n        case \"script\": {\n          const sc = document.createElement(\"script\");\n          sc.setAttribute(\"cx-asset\", item.hash);\n          sc.innerHTML = item.source;\n          document.head.append(sc);\n          this.loadedHashesSet.add(item.hash);\n          break;\n        }\n        default: {\n          console.error(`Unknown asset of type ${item.type}`);\n        }\n      }\n    }\n  }\n}\n\nexport default Runtime;\n", "class MultiBind {\n  constructor(els) {\n    this.els = els;\n    this.isSingle = els[0].type.toLowerCase() === 'radio';\n  }\n\n  get values() {\n    if (this.isSingle) {\n      const sel = this.els.find(el => el.checked);\n      return sel ? sel.value : undefined;\n    }\n\n    return this.els\n      .filter(el => el.checked)\n      .map(el => el.value);\n  }\n\n  set values(values) {\n    if (this.isSingle) {\n      if (Array.isArray(values)) {\n        console.warn(\"CompEx: Setting an array to a radio group binding has no effect.\");\n        return;\n      }\n      const toSel = this.els.find(el => el.value === values);\n      if (toSel) toSel.checked = true;\n      return;\n    }\n\n    if (!Array.isArray(values)) {\n      values = [values];\n    }\n    const vals = new Set(values);\n    for (const el of this.els) {\n      el.checked = vals.has(el.value);\n    }\n  }\n}\n\nexport default MultiBind;\n", "class Component {\n  constructor(root) {\n    this.props = {};\n    this.root = root;\n    this.bindings = new Map();\n    this.unsafeAttachRefs();\n    this.unsafeAttachProps();\n    this.unsafeAttachBinds();\n    this.unsafeAttachEvents();\n  }\n\n  unsafeAttachRefs() {\n    const els = this.root.querySelectorAll(':scope > :not([cx-controller]) [cx-ref], :scope > [cx-ref]');\n    for (const el of els) {\n      this[el.getAttribute('cx-ref')] = el;\n    }\n    if (this.root.getAttribute('cx-ref')) {\n      this[this.root.getAttribute('cx-ref')] = this.root;\n    }\n  }\n\n  unsafeAttachProps() {\n    const bag = this.root.querySelector(\"script[type='vendor/compex-data-bag']\")\n    if (!bag) return;\n\n    try {\n      this.props = JSON.parse(bag.textContent);\n    } catch (ex) {\n      console.error(\"CompEx: Failed parsing data bag\", ex);\n    }\n  }\n\n  unsafeAttachEvents() {\n    for (const el of this.root.querySelectorAll(CompEx.Eventing.cxEventSelector)) {\n      this.unsafeAttachEventsForNode(el);\n    }\n    for (const el of this.root.querySelectorAll(':scope > :not([cx-controller]) [cx-custom-handlers], :scope > [cx-custom-handlers]')) {\n      this.unsafeAttachCustomEventsForNode(el)\n    }\n  }\n\n  unsafeAttachCustomEventsForNode(el) {\n    const descriptor = el.getAttribute(\"cx-custom-handlers\");\n    if (!descriptor) return;\n\n    const descriptors = descriptor.split(\",\").map(i => i.split(\"->\"));\n    for (const [name, handler] of descriptors) {\n      this.unsafeAttachSingleEvent(this.root, name, handler)\n    }\n  }\n\n  unsafeAttachEventsForNode(el) {\n    for (const attr of el.getAttributeNames()) {\n      if (!CompEx.Eventing.cxEventAttributes.has(attr)) return;\n      this.unsafeAttachSingleEvent(el, attr.replace(\"cx-\", \"\"), el.getAttribute(attr))\n    }\n  }\n\n  unsafeAttachSingleEvent(root, name, handlerName) {\n    const handler = this[handlerName];\n    if (!handler) {\n      console.warn(`Ignored attaching event: Handler ${handlerName} is not defined on`, root);\n      return;\n    }\n    if (typeof handler !== 'function') {\n      console.warn(`Ignored attaching event: Handler ${handlerName} is not a function on`, root);\n      return;\n    }\n\n    CompEx.Eventing.attachHandler(this, root, name, handler.bind(this));\n  }\n\n  unsafeAttachBinds() {\n    // First, collect all bindings, so we can decide what to do when we have multiple options.\n    for (const el of this.root.querySelectorAll(':scope > :not([cx-controller]) [cx-bind], :scope > [cx-bind]')) {\n      const name = el.getAttribute('cx-bind');\n      if (this.bindings.has(name)) {\n        this.bindings.get(name).push(el);\n      } else {\n        this.bindings.set(name, [el]);\n      }\n    }\n\n    // TODO: Support namespaced bindings like login.username, login.password.\n\n    // Then, process every set of bindings. For instance, bindings with multiple elements like\n    // radios and checkboxes can be handled through their own values instead of a reference to\n    // the element itself. This also changes how we set values.\n\n    // TODO: Warn on conflicting bindings\n\n    for (const [k, v] of this.bindings.entries()) {\n      if (v.length > 1) {\n        this.unsafeAttachMultiInputBind(k, v);\n      } else if (v[0].tagName.toLowerCase() === 'select') {\n        this.unsafeAttachSelectBind(k, v[0]);\n      } else {\n        this.unsafeAttachSingleInputBind(k, v[0]);\n      }\n    }\n  }\n\n  unsafeAttachSelectBind(k, el) {\n    const opts = [...el.querySelectorAll('option')];\n    const isMultiple = el.hasAttribute('multiple');\n\n    console.log(\"unsafeAttachSelectBind\", k, el, isMultiple);\n\n    const set = (val) => {\n      if (!isMultiple && Array.isArray(val)) {\n        console.warn(`CompEx: Setting an array to a non-multiple Select (cx-bind=\"${k}\") has no effect.`);\n      } else if (isMultiple) {\n        val = Array.isArray(val) ? val : [val];\n        const selOpts = new Set(val);\n        for (const el of opts) {\n          el.selected = selOpts.has(el.value)\n        }\n      } else {\n        for (const el of opts) {\n          el.selected = el.value === val;\n        }\n      }\n    }\n\n    const get = () => {\n      const selected = opts.filter(el => el.selected);\n      if (!isMultiple) return selected.length === 1 ? selected[0].value : undefined;\n      return selected.map(el => el.value);\n    }\n\n    this.unsafeCreateLocalProperty(k, get, set);\n  }\n\n  unsafeAttachMultiInputBind(k, els) {\n    // Collect all element types, all input types, all values.\n    const nodeTags = els.map(el => el.tagName.toLowerCase());\n    const isInput = nodeTags.includes(\"input\");\n    if (isInput) {\n      // If one tag is an input, every tag must be an input.\n      console.log(nodeTags);\n      if (!nodeTags.every(tag => tag === \"input\")) {\n        throw new Error(`cx-bind=\"${k}\": All bindings under the same name are required to be inputs.`);\n      }\n    } else {\n      // TODO: Expect all nodes to be the same type?\n    }\n\n    if (isInput) {\n      const inputTypes = els.map(el => el.type.toLowerCase());\n      // Here's some checks:\n      // 1. All inputs must be of the same type.\n      // 2. All inputs must have a value.\n      // 3. Only radio and checkboxes can be part of a group of binds.\n      if (inputTypes.some(t => t !== \"checkbox\" && t !== \"radio\")) {\n        throw new Error(`cx-bind=\"${k}\": Only checkbox and radio inputs are supported in multi-bind input elements.`);\n      }\n      const firstType = inputTypes[0];\n      if (inputTypes.some(t => t !== firstType)) {\n        throw new Error(`cx-bind=\"${k}\": Inputs must have the same type \"${firstType}\"`);\n      }\n\n      if (els.some(el => !el.getAttribute(\"value\"))) {\n        throw new Error(`cx-bind=\"${k}\": All inputs in a group must have a value`);\n      }\n\n      if (inputTypes[0] === \"radio\" && els.some(el => !el.name)) {\n        // All radios must have the same name. Either synthesize or reuse one.\n        let name;\n        // Make sure we don't have a name for the group. In case at least one element\n        // has a name, reuse it.\n        const nameEl = els.find(el => Boolean(el.name));\n        name = nameEl ? nameEl.name : `compex-radio-${CompEx.Utils.randomID()}`;\n        for (const el of els) el.name = name\n      }\n\n      const mb = new CompEx.MultiBind(els);\n      this.unsafeCreateLocalProperty(k, () => mb.values, (v) => mb.values = v);\n    }\n  }\n\n  unsafeAttachSingleInputBind(name, el) {\n    const getter = () => CompEx.Utils.getValueForNode(el);\n    const setter = (val) => CompEx.Utils.setValueForNode(el, val);\n    this.unsafeCreateLocalProperty(name, getter, setter);\n  }\n\n  unsafeCreateLocalProperty(name, getter, setter) {\n    Object.defineProperty(this, name, {\n      get() {\n        return getter()\n      },\n      set(newValue) {\n        setter(newValue)\n      },\n      enumerable: true,\n      configurable: true,\n    });\n    console.log(`CompEx: Registered prop ${name}`);\n  }\n\n  async mount() {}\n\n  async unmount() {}\n\n  emit(name, detail) {\n    detail = detail || {};\n    detail.controller = this;\n    CompEx.Eventing.dispatchSyntheticEvent(name, this.root, detail);\n  }\n\n  async loadComponent(path) {\n    const result = await fetch(path, {\n      method: 'GET',\n      mode: 'cors',\n      credentials: 'same-origin',\n      headers: {\n        'Accept': 'text/html',\n        'X-CompEx-Load': 'true',\n      }\n    });\n    if (result.ok) {\n      const loadProm = CompEx.Runtime.handleRequiredHashesHeader(result.headers.get('X-CompEx-RequiredHashes'));\n      const div = document.createElement('div');\n      div.innerHTML = await result.text();\n      await loadProm;\n      return div.firstChild;\n    } else {\n      throw result.error;\n    }\n  }\n}\n\nexport default Component;\n", "((w, d) => {\n\n  const Utils = require(\"./utils.js\").default;\n  const Eventing = require(\"./eventing.js\").default;\n\n  const Runtime = require(\"./runtime.js\").default;\n  const MultiBind = require(\"./multibind.js\").default;\n  const Component = require(\"./component.js\").default;\n\n  w.CompEx = class CompEx {\n    static Runtime = Runtime;\n    static Component = Component;\n    static Utils = Utils;\n    static Eventing = Eventing;\n    static MultiBind = MultiBind;\n  }\n\n  if (d.readyState === 'loading') {\n    addEventListener(\"DOMContentLoaded\", () => CompEx.Runtime.install());\n  } else {\n    CompEx.Runtime.install();\n  }\n})(globalThis, document);\n"],
+  "mappings": "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",
+  "names": ["el", "Utils", "Eventing", "Runtime", "MultiBind", "Component"]
+}

metadata

@@ -0,0 +1,53 @@
+--- !ruby/object:Gem::Specification
+name: compex-sinatra
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Vito Sartori
+bindir: exe
+cert_chain: []
+date: 2025-10-23 00:00:00.000000000 Z
+dependencies: []
+description: CompEx bindings for Sinatra
+email:
+- hey@vito.io
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".rspec"
+- ".rubocop.yml"
+- LICENSE.txt
+- README.md
+- Rakefile
+- lib/compex/sinatra.rb
+- lib/compex/sinatra/version.rb
+- sample/app.rb
+- sample/public/bundle.js
+- sample/public/bundle.js.map
+homepage: https://github.com/heyvito/compex
+licenses:
+- MIT
+metadata:
+  allowed_push_host: https://rubygems.org
+  homepage_uri: https://github.com/heyvito/compex
+  source_code_uri: https://github.com/heyvito/compex/tree/master/compex-sinatra
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 3.1.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.6.2
+specification_version: 4
+summary: CompEx bindings for Sinatra
+test_files: []