turbo-mount 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 3f99f1305fc0312f04a390c3d7992e5dba4d8aba4bf14349a022cd2af528b5ff
+  data.tar.gz: b29a4f83ee2f6a3ef7b069908644273df3d07d656dee5b963cdc983c6aeebc39
+SHA512:
+  metadata.gz: ef8a6e260eadec1dad5aa2aff35770d5713c80d31a6a84d0956b7af835cfa5eb994506173cc215dd04cde9da9f3a1a8db15320c95842d21f759eaf6e5453c2fc
+  data.tar.gz: 2d6975c85965b3772089a43e8a6a998537f2c2e15c3dcb41e69e00851fc069eadbac021b44eed119bc11644ffb290b0f26036f11658bb79473c10eedce058179

data/CHANGELOG.md

@@ -0,0 +1,22 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog],
+and this project adheres to [Semantic Versioning].
+
+## [Unreleased]
+
+## [0.1.0] - 2024-05-07
+
+### Added
+
+- Initial implementation. ([@skryukov])
+
+[@skryukov]: https://github.com/skryukov
+
+[Unreleased]: https://github.com/skryukov/turbo-mount/compare/v0.1.0...HEAD
+[0.1.0]: https://github.com/skryukov/turbo-mount/commits/v0.1.0
+
+[Keep a Changelog]: https://keepachangelog.com/en/1.0.0/
+[Semantic Versioning]: https://semver.org/spec/v2.0.0.html

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2024 Svyatoslav Kryukov
+
+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,78 @@
+# Turbo::Mount
+
+[![Gem Version](https://badge.fury.io/rb/turbo-mount.svg)](https://rubygems.org/gems/turbo-mount)
+
+`Turbo::Mount` is a simple gem that allows you to add highly interactive components from React, Vue, Svelte, and other frameworks to your Hotwire application.
+
+## Installation
+
+Install the gem and add to the application's Gemfile by executing:
+
+    $ bundle add turbo-mount
+
+If bundler is not being used to manage dependencies, install the gem by executing:
+
+    $ gem install turbo-mount
+
+## Usage
+
+First, you need to initialize `TurboMount` and register the components you want to use:
+
+```js
+import { Application } from "@hotwired/stimulus"
+import { TurboMount } from "turbo-mount"
+
+const application = Application.start()
+
+// Initialize TurboMount and register the react stimulus controller
+const turboMount = new TurboMount({application, framework: "react"});
+
+// Register the components you want to use
+import { SketchPicker } from 'react-color'
+turboMount.register('SketchPicker', SketchPicker);
+```
+
+Now you can use view helpers to mount the components:
+
+```erb
+<%= turbo_mount_component("SketchPicker", framework: "react", props: {color: "#034"}) %>
+
+<%# or using alias %>
+
+<%= turbo_mount_react_component("SketchPicker", props: {color: "#430"}) %>
+```
+
+In case you need to customize the component's behavior, or pass functions as props, you can create a custom controller:
+
+```js
+// javascript/controllers/turbo_mount_react_sketch_picker_controller.js
+
+import { TurboMountReactController } from "turbo-mount"
+
+export default class extends TurboMountReactController {
+  get componentProps() {
+    return {
+      ...this.propsValue,
+      onChange: this.onChange,
+    };
+  }
+
+  onChange = (color) => {
+    this.propsValue = { ...this.propsValue, color: color.hex };
+  };
+}
+```
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. 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/skryukov/turbo-mount.
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/app/assets/javascripts/turbo-mount.js

@@ -0,0 +1,119 @@
+import { Controller } from '@hotwired/stimulus';
+import { createElement } from 'react';
+import { createRoot } from 'react-dom/client';
+import { createApp } from 'vue';
+
+class TurboMountController extends Controller {
+    connect() {
+        this._umountComponentCallback || (this._umountComponentCallback = this.mountComponent(this.mountElement, this.resolvedComponent, this.componentProps));
+    }
+    disconnect() {
+        this.umountComponent();
+    }
+    propsValueChanged() {
+        this.umountComponent();
+        this._umountComponentCallback = this.mountComponent(this.mountElement, this.resolvedComponent, this.componentProps);
+    }
+    get componentProps() {
+        return this.propsValue;
+    }
+    get mountElement() {
+        return this.element;
+    }
+    get resolvedComponent() {
+        return this.resolveComponent(this.componentValue);
+    }
+    umountComponent() {
+        this._umountComponentCallback && this._umountComponentCallback();
+        this._umountComponentCallback = undefined;
+    }
+    resolveComponent(component) {
+        const app = this.application;
+        return app.turboMount[this.framework].resolve(component);
+    }
+}
+TurboMountController.values = {
+    props: Object,
+    component: String
+};
+
+class TurboMountReactController extends TurboMountController {
+    constructor() {
+        super(...arguments);
+        this.framework = "react";
+    }
+    mountComponent(el, Component, props) {
+        const root = createRoot(el);
+        root.render(createElement(Component, props));
+        return root.unmount;
+    }
+}
+
+class TurboMountSvelteController extends TurboMountController {
+    constructor() {
+        super(...arguments);
+        this.framework = "svelte";
+    }
+    mountComponent(el, Component, props) {
+        const component = new Component({ target: el, props });
+        return component.$destroy;
+    }
+}
+
+class TurboMountVueController extends TurboMountController {
+    constructor() {
+        super(...arguments);
+        this.framework = "vue";
+    }
+    mountComponent(el, Component, props) {
+        const app = createApp(Component, props);
+        app.mount(el);
+        return app.unmount;
+    }
+}
+
+class TurboMount {
+    constructor(props) {
+        var _a;
+        this.components = new Map();
+        this.application = props.application;
+        this.framework = props.framework;
+        this.baseController = undefined;
+        if (!this.framework) {
+            throw new Error('framework is required');
+        }
+        (_a = this.application).turboMount || (_a.turboMount = {});
+        this.application.turboMount[this.framework] = this;
+        this.baseController = TurboMount.frameworkControllers.get(this.framework);
+        if (this.baseController) {
+            this.application.register(`turbo-mount-${this.framework}`, this.baseController);
+        }
+    }
+    register(name, component, controller) {
+        controller || (controller = this.baseController);
+        if (this.components.has(name)) {
+            throw new Error(`Component '${name}' is already registered.`);
+        }
+        this.components.set(name, component);
+        if (controller) {
+            const controllerName = `turbo-mount-${this.framework}-${this.camelToKebabCase(name)}`;
+            this.application.register(controllerName, controller);
+        }
+    }
+    resolve(name) {
+        const component = this.components.get(name);
+        if (!component) {
+            throw new Error(`Unknown component: ${name}`);
+        }
+        return component;
+    }
+    camelToKebabCase(str) {
+        return str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+    }
+}
+TurboMount.frameworkControllers = new Map();
+TurboMount.frameworkControllers.set("react", TurboMountReactController);
+TurboMount.frameworkControllers.set("svelte", TurboMountSvelteController);
+TurboMount.frameworkControllers.set("vue", TurboMountVueController);
+
+export { TurboMount, TurboMountController, TurboMountReactController, TurboMountSvelteController, TurboMountVueController };

data/app/assets/javascripts/turbo-mount.min.js

@@ -0,0 +1,2 @@
+import{Controller as t}from"@hotwired/stimulus";import{createElement as o}from"react";import{createRoot as e}from"react-dom/client";import{createApp as r}from"vue";class n extends t{connect(){this._umountComponentCallback||(this._umountComponentCallback=this.mountComponent(this.mountElement,this.resolvedComponent,this.componentProps))}disconnect(){this.umountComponent()}propsValueChanged(){this.umountComponent(),this._umountComponentCallback=this.mountComponent(this.mountElement,this.resolvedComponent,this.componentProps)}get componentProps(){return this.propsValue}get mountElement(){return this.element}get resolvedComponent(){return this.resolveComponent(this.componentValue)}umountComponent(){this._umountComponentCallback&&this._umountComponentCallback(),this._umountComponentCallback=void 0}resolveComponent(t){return this.application.turboMount[this.framework].resolve(t)}}n.values={props:Object,component:String};class s extends n{constructor(){super(...arguments),this.framework="react"}mountComponent(t,r,n){const s=e(t);return s.render(o(r,n)),s.unmount}}class m extends n{constructor(){super(...arguments),this.framework="svelte"}mountComponent(t,o,e){return new o({target:t,props:e}).$destroy}}class i extends n{constructor(){super(...arguments),this.framework="vue"}mountComponent(t,o,e){const n=r(o,e);return n.mount(t),n.unmount}}class a{constructor(t){var o;if(this.components=new Map,this.application=t.application,this.framework=t.framework,this.baseController=void 0,!this.framework)throw new Error("framework is required");(o=this.application).turboMount||(o.turboMount={}),this.application.turboMount[this.framework]=this,this.baseController=a.frameworkControllers.get(this.framework),this.baseController&&this.application.register(`turbo-mount-${this.framework}`,this.baseController)}register(t,o,e){if(e||(e=this.baseController),this.components.has(t))throw new Error(`Component '${t}' is already registered.`);if(this.components.set(t,o),e){const o=`turbo-mount-${this.framework}-${this.camelToKebabCase(t)}`;this.application.register(o,e)}}resolve(t){const o=this.components.get(t);if(!o)throw new Error(`Unknown component: ${t}`);return o}camelToKebabCase(t){return t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}}a.frameworkControllers=new Map,a.frameworkControllers.set("react",s),a.frameworkControllers.set("svelte",m),a.frameworkControllers.set("vue",i);export{a as TurboMount,n as TurboMountController,s as TurboMountReactController,m as TurboMountSvelteController,i as TurboMountVueController};
+//# sourceMappingURL=turbo-mount.min.js.map

data/app/assets/javascripts/turbo-mount.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"turbo-mount.min.js","sources":["../src/controllers/turbo-mount-controller.ts","../src/controllers/turbo-mount-react-controller.ts","../src/turbo-mount.ts"],"sourcesContent":["import {Controller, ControllerConstructor} from \"@hotwired/stimulus\"\nimport {ApplicationWithTurboMount} from \"../turbo-mount\";\n\nexport abstract class TurboMountController<T> extends Controller {\n    static values = {\n        props: Object,\n        component: String\n    }\n    declare readonly propsValue: object;\n    declare readonly componentValue: string;\n\n    abstract framework: string;\n\n    abstract mountComponent(el: Element, component: string, props: object): () => void;\n\n    umountComponentCallback?: () => void;\n\n    connect() {\n        this.umountComponentCallback ||= this.mountComponent(this.element, this.componentValue, this.propsValue);\n    }\n\n    disconnect() {\n        this.umountComponent();\n    }\n\n    propsValueChanged() {\n        this.umountComponent();\n        this.umountComponentCallback = this.mountComponent(this.element, this.componentValue, this.componentProps);\n    }\n\n    get componentProps() {\n        return this.propsValue;\n    }\n\n    umountComponent() {\n        this.umountComponentCallback && this.umountComponentCallback();\n        this.umountComponentCallback = undefined;\n    }\n\n    resolveComponent(component: string): T {\n        const app = this.application as ApplicationWithTurboMount<T>\n        return app.turboMount[this.framework].resolve(component);\n    }\n\n    static shouldRegister(controllerConstructor: ControllerConstructor, identifier: string, application: ApplicationWithTurboMount<any>) {\n        const framework = identifier.split('-')[2];\n        console.log({\n            framework,\n            identifier,\n            modules: application.router.modules.map(m => m.identifier)\n        })\n        if (framework && identifier.startsWith(`turbo-mount-${framework}-`)\n            && application.router.modules.find(m => m.identifier === identifier)) {\n            console.log(controllerConstructor, application.turboMount[framework].baseController)\n            return controllerConstructor !== application.turboMount[framework].baseController;\n        }\n\n        return true;\n    }\n}\n\n\n","import {createElement, ComponentType} from \"react\";\nimport {createRoot} from \"react-dom/client\";\n\nimport {TurboMountController} from \"./turbo-mount-controller\";\n\nexport class TurboMountReactController extends TurboMountController<ComponentType> {\n    framework = \"react\"\n\n    mountComponent(el: Element, component: string, props: object) {\n        const Component = this.resolveComponent(component);\n        const root = createRoot(el);\n\n        root.render(createElement(Component, props))\n\n        return () => {\n            root.unmount()\n        }\n    }\n}\n","import {Application, ControllerConstructor} from '@hotwired/stimulus';\nimport {TurboMountReactController} from \"./controllers\";\n\nexport interface ApplicationWithTurboMount<T> extends Application {\n    turboMount: { [framework: string]: TurboMount<T> };\n}\n\nexport class TurboMount<T> {\n    static frameworkControllers: Map<string, ControllerConstructor> = new Map();\n\n    components: Map<string, T>;\n    application: ApplicationWithTurboMount<T>;\n    framework: string;\n    baseController?: ControllerConstructor;\n\n    constructor(props: { application: Application, framework: string }) {\n        this.components = new Map();\n        this.application = props.application as ApplicationWithTurboMount<T>;\n        this.framework = props.framework;\n        this.baseController = undefined;\n\n        if (!this.framework) {\n            throw new Error('framework is required');\n        }\n\n        this.application.turboMount ||= {};\n        this.application.turboMount[this.framework] = this;\n\n        this.baseController = TurboMount.frameworkControllers.get(this.framework);\n\n        if (this.baseController) {\n            this.application.register(`turbo-mount-${this.framework}`, this.baseController);\n        }\n    }\n\n    camelToKebabCase(str: string) {\n        return str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();\n    }\n\n    register(name: string, component: T) {\n        if (this.components.has(name)) {\n            throw new Error(`Component '${name}' is already registered.`);\n        }\n        this.components.set(name, component);\n\n        if (this.baseController) {\n            const controllerName = `turbo-mount-${this.framework}-${this.camelToKebabCase(name)}`;\n            if (!this.application.router.modules.find(m => m.identifier === controllerName)) {\n                this.application.register(controllerName, this.baseController);\n            }\n        }\n    }\n\n    resolve(name: string) {\n        const component = this.components.get(name);\n        if (!component) {\n            throw new Error(`Unknown component: ${name}`);\n        }\n        return component;\n    }\n}\n\nTurboMount.frameworkControllers.set(\"react\", TurboMountReactController)\n"],"names":["TurboMountController","Controller","connect","this","umountComponentCallback","mountComponent","element","componentValue","propsValue","disconnect","umountComponent","propsValueChanged","componentProps","undefined","resolveComponent","component","application","turboMount","framework","resolve","shouldRegister","controllerConstructor","identifier","split","console","log","modules","router","map","m","startsWith","find","baseController","values","props","Object","String","TurboMountReactController","constructor","el","Component","root","createRoot","render","createElement","unmount","TurboMount","components","Map","Error","_a","frameworkControllers","get","register","camelToKebabCase","str","replace","toLowerCase","name","has","set","controllerName"],"mappings":"oIAGM,MAAgBA,UAAgCC,EAclD,OAAAC,GACIC,KAAKC,0BAALD,KAAKC,wBAA4BD,KAAKE,eAAeF,KAAKG,QAASH,KAAKI,eAAgBJ,KAAKK,YAChG,CAED,UAAAC,GACIN,KAAKO,iBACR,CAED,iBAAAC,GACIR,KAAKO,kBACLP,KAAKC,wBAA0BD,KAAKE,eAAeF,KAAKG,QAASH,KAAKI,eAAgBJ,KAAKS,eAC9F,CAED,kBAAIA,GACA,OAAOT,KAAKK,UACf,CAED,eAAAE,GACIP,KAAKC,yBAA2BD,KAAKC,0BACrCD,KAAKC,6BAA0BS,CAClC,CAED,gBAAAC,CAAiBC,GAEb,OADYZ,KAAKa,YACNC,WAAWd,KAAKe,WAAWC,QAAQJ,EACjD,CAED,qBAAOK,CAAeC,EAA8CC,EAAoBN,GACpF,MAAME,EAAYI,EAAWC,MAAM,KAAK,GAMxC,OALAC,QAAQC,IAAI,CACRP,YACAI,aACAI,QAASV,EAAYW,OAAOD,QAAQE,KAAIC,GAAKA,EAAEP,iBAE/CJ,GAAaI,EAAWQ,WAAW,eAAeZ,OAC/CF,EAAYW,OAAOD,QAAQK,MAAKF,GAAKA,EAAEP,aAAeA,OACzDE,QAAQC,IAAIJ,EAAuBL,EAAYC,WAAWC,GAAWc,gBAC9DX,IAA0BL,EAAYC,WAAWC,GAAWc,eAI1E,EAtDMhC,EAAAiC,OAAS,CACZC,MAAOC,OACPpB,UAAWqB,QCDb,MAAOC,UAAkCrC,EAA/C,WAAAsC,uBACInC,KAASe,UAAG,OAYf,CAVG,cAAAb,CAAekC,EAAaxB,EAAmBmB,GAC3C,MAAMM,EAAYrC,KAAKW,iBAAiBC,GAClC0B,EAAOC,EAAWH,GAIxB,OAFAE,EAAKE,OAAOC,EAAcJ,EAAWN,IAE9B,KACHO,EAAKI,SAAS,CAErB,QCVQC,EAQT,WAAAR,CAAYJ,SAMR,GALA/B,KAAK4C,WAAa,IAAIC,IACtB7C,KAAKa,YAAckB,EAAMlB,YACzBb,KAAKe,UAAYgB,EAAMhB,UACvBf,KAAK6B,oBAAiBnB,GAEjBV,KAAKe,UACN,MAAM,IAAI+B,MAAM,0BAGpBC,EAAA/C,KAAKa,aAAYC,aAAAiC,EAAAjC,WAAe,CAAA,GAChCd,KAAKa,YAAYC,WAAWd,KAAKe,WAAaf,KAE9CA,KAAK6B,eAAiBc,EAAWK,qBAAqBC,IAAIjD,KAAKe,WAE3Df,KAAK6B,gBACL7B,KAAKa,YAAYqC,SAAS,eAAelD,KAAKe,YAAaf,KAAK6B,eAEvE,CAED,gBAAAsB,CAAiBC,GACb,OAAOA,EAAIC,QAAQ,kBAAmB,SAASC,aAClD,CAED,QAAAJ,CAASK,EAAc3C,GACnB,GAAIZ,KAAK4C,WAAWY,IAAID,GACpB,MAAM,IAAIT,MAAM,cAAcS,6BAIlC,GAFAvD,KAAK4C,WAAWa,IAAIF,EAAM3C,GAEtBZ,KAAK6B,eAAgB,CACrB,MAAM6B,EAAiB,eAAe1D,KAAKe,aAAaf,KAAKmD,iBAAiBI,KACzEvD,KAAKa,YAAYW,OAAOD,QAAQK,MAAKF,GAAKA,EAAEP,aAAeuC,KAC5D1D,KAAKa,YAAYqC,SAASQ,EAAgB1D,KAAK6B,eAEtD,CACJ,CAED,OAAAb,CAAQuC,GACJ,MAAM3C,EAAYZ,KAAK4C,WAAWK,IAAIM,GACtC,IAAK3C,EACD,MAAM,IAAIkC,MAAM,sBAAsBS,KAE1C,OAAO3C,CACV,EAnDM+B,EAAAK,qBAA2D,IAAIH,IAsD1EF,EAAWK,qBAAqBS,IAAI,QAASvB"}

data/lib/turbo/mount/engine.rb

@@ -0,0 +1,30 @@
+# frozen_string_literal: true
+
+require "rails/engine"
+require "turbo/mount/helpers"
+
+module Turbo
+  module Mount
+    class Engine < Rails::Engine
+      # If you don't want to precompile assets (e.g., you're using jsbundling),
+      # you can do this in an initializer:
+      #
+      # config.after_initialize do
+      #   config.assets.precompile -= Turbo::Mount::Engine::PRECOMPILE_ASSETS
+      # end
+      PRECOMPILE_ASSETS = %w[turbo-mount.js turbo-mount.min.js turbo-mount.min.js.map].freeze
+
+      initializer "turbo-mount.assets" do
+        if Rails.application.config.respond_to?(:assets)
+          Rails.application.config.assets.precompile += PRECOMPILE_ASSETS
+        end
+      end
+
+      initializer "turbo-mount.helpers" do
+        ActiveSupport.on_load(:action_controller_base) do
+          helper Turbo::Mount::Helpers
+        end
+      end
+    end
+  end
+end

data/lib/turbo/mount/helpers.rb

@@ -0,0 +1,30 @@
+# frozen_string_literal: true
+
+module Turbo
+  module Mount
+    module Helpers
+      def turbo_mount_component(component_name, framework:, props: {}, tag: "div", **attrs)
+        raise TypeError, "Component name expected" unless component_name.is_a? String
+
+        attrs["data-controller"] = "turbo-mount-#{framework}-#{component_name.underscore.dasherize}"
+        prefix = "data-#{attrs["data-controller"]}"
+        attrs["#{prefix}-component-value"] = component_name
+        attrs["#{prefix}-props-value"] = json_escape(props.to_json) if props.present?
+
+        content_tag(tag, nil, attrs)
+      end
+
+      def turbo_mount_react_component(component_name, **attrs)
+        turbo_mount_component(component_name, framework: "react", **attrs)
+      end
+
+      def turbo_mount_svelte_component(component_name, **attrs)
+        turbo_mount_component(component_name, framework: "svelte", **attrs)
+      end
+
+      def turbo_mount_vue_component(component_name, **attrs)
+        turbo_mount_component(component_name, framework: "vue", **attrs)
+      end
+    end
+  end
+end

data/lib/turbo/mount/version.rb

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

data/lib/turbo/mount.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+require_relative "mount/version"
+require_relative "mount/engine"
+
+module Turbo
+  module Mount
+  end
+end

metadata

@@ -0,0 +1,74 @@
+--- !ruby/object:Gem::Specification
+name: turbo-mount
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Svyatoslav Kryukov
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2024-05-07 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  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
+description: Add highly interactive components to your Hotwire application with Turbo
+  Mount.
+email:
+- me@skryukov.dev
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- CHANGELOG.md
+- LICENSE.txt
+- README.md
+- app/assets/javascripts/turbo-mount.js
+- app/assets/javascripts/turbo-mount.min.js
+- app/assets/javascripts/turbo-mount.min.js.map
+- lib/turbo/mount.rb
+- lib/turbo/mount/engine.rb
+- lib/turbo/mount/helpers.rb
+- lib/turbo/mount/version.rb
+homepage: https://github.com/skryukov/turbo-mount
+licenses:
+- MIT
+metadata:
+  bug_tracker_uri: https://github.com/skryukov/turbo-mount/issues
+  changelog_uri: https://github.com/skryukov/turbo-mount/blob/main/CHANGELOG.md
+  documentation_uri: https://github.com/skryukov/turbo-mount/blob/main/README.md
+  homepage_uri: https://github.com/skryukov/turbo-mount
+  source_code_uri: https://github.com/skryukov/turbo-mount
+  rubygems_mfa_required: 'true'
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 3.0.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.5.7
+signing_key:
+specification_version: 4
+summary: Use React, Vue, Svelte, and other components with Hotwire.
+test_files: []