turbo-mount 0.4.2 → 0.4.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 542c23e61a166213eaf8a9af2dff4fe8f4c8eb269c3137851049d99b675f786c
-  data.tar.gz: 0f9b33e1dc20a62fbd547b5d49c4440a133a50bcb7b496085a0e429f14628c55
+  metadata.gz: f1db02f73a566e2e07ec73668df700b52938dddd4f176e0ef84e765cf30cbe08
+  data.tar.gz: ab6d5ae65b2607be3684b55dcdeec255102eb71b25dfa29b9db7f339832bee00
 SHA512:
-  metadata.gz: b76578e28d5cda15a60b969239d34741d2a7a903a988610ac3a1dc231cf4cda9afd8716201cbe2e900e54dfc9d0e9fca768a95f3fe0ad025aa1a15acb6d6a305
-  data.tar.gz: 63eba634666a53e2119ad98fd13e4a81e90864c1ba170904493ee1255356230c829f65146e570986d45498f26c7b83d248e7a05ac07ff7925d045bdd8e746d19
+  metadata.gz: '0670329edb09b9ee26f64a4231d61e4c54dc013baebafa6b926799a3943f04ae895552e54bcda5111229ec9a9fb17dc256120408244a9d9db6b694781ba80c90'
+  data.tar.gz: 7f0b12fa188f611f441405de7ea831d5c8ed617289a842090ada0501200ddc763c25b374291cb45c6a586a51ca10793e3ebecae20fa7b553da04a82261c4b8f3

data/CHANGELOG.md

@@ -7,6 +7,18 @@ and this project adheres to [Semantic Versioning].
 
 ## [Unreleased]
 
+## [0.4.4] - 2025-12-25
+
+### Fixed
+
+- Fix turbo morph handling with custom controller names ([@ibrahima])
+
+## [0.4.3] - 2025-06-11
+
+### Added
+
+- Support index resolution for component directories. ([@benngarcia])
+
 ## [0.4.2] - 2025-04-23
 
 ### Fixed
@@ -97,10 +109,13 @@ and this project adheres to [Semantic Versioning].
 - Initial implementation. ([@skryukov])
 
 [@benngarcia]: https://github.com/benngarcia
+[@ibrahima]: https://github.com/ibrahima
 [@jkogara]: https://github.com/jkogara
 [@skryukov]: https://github.com/skryukov
 
-[Unreleased]: https://github.com/skryukov/turbo-mount/compare/v0.4.2...HEAD
+[Unreleased]: https://github.com/skryukov/turbo-mount/compare/v0.4.4...HEAD
+[0.4.4]: https://github.com/skryukov/turbo-mount/compare/v0.4.3...v0.4.4
+[0.4.3]: https://github.com/skryukov/turbo-mount/compare/v0.4.2...v0.4.3
 [0.4.2]: https://github.com/skryukov/turbo-mount/compare/v0.4.1...v0.4.2
 [0.4.1]: https://github.com/skryukov/turbo-mount/compare/v0.4.0...v0.4.1
 [0.4.0]: https://github.com/skryukov/turbo-mount/compare/v0.3.3...v0.4.0

data/README.md

@@ -137,9 +137,9 @@ Use the following helpers to mount components in your views:
 This will generate the following HTML:
 
 ```html
-<div data-controller="turbo-mount"
-     data-turbo-mount-component-value="HexColorPicker"
-     data-turbo-mount-props-value="{&quot;color&quot;:&quot;#034&quot;}"
+<div data-controller="turbo-mount-hex-color-picker"
+     data-turbo-mount-hex-color-picker-component-value="HexColorPicker"
+     data-turbo-mount-hex-color-picker-props-value="{&quot;color&quot;:&quot;#034&quot;}"
      class="mb-5">
 </div>
 ```
@@ -166,7 +166,7 @@ export default class extends TurboMountController {
   get componentProps() {
     return {
       ...this.propsValue,
-      onChange: this.onChange,
+      onChange: this.onChange.bind(this),
     };
   }
 

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

@@ -1 +1 @@
-{"version":3,"file":"react.min.js","sources":["../../src/plugins/react/index.ts"],"sourcesContent":["import { buildRegisterFunction, Plugin, TurboMount } from \"turbo-mount\";\nimport { ComponentType, createElement } from \"react\";\nimport { createRoot } from \"react-dom/client\";\n\nconst plugin: Plugin<ComponentType> = {\n  mountComponent: (mountProps) => {\n    const { el, Component, props } = mountProps;\n    const root = createRoot(el);\n    root.render(createElement(Component, props));\n\n    return () => {\n      root.unmount();\n    };\n  },\n};\n\nconst registerComponent = buildRegisterFunction(plugin);\n\nexport { TurboMount, registerComponent };\n\nexport default plugin;\n"],"names":["plugin","mountComponent","mountProps","el","Component","props","root","createRoot","render","createElement","unmount","registerComponent","buildRegisterFunction"],"mappings":"4KAIA,MAAMA,EAAgC,CACpCC,eAAiBC,IACf,MAAMC,GAAEA,EAAEC,UAAEA,EAASC,MAAEA,GAAUH,EAC3BI,EAAOC,EAAWJ,GAGxB,OAFAG,EAAKE,OAAOC,EAAcL,EAAWC,IAE9B,KACLC,EAAKI,SAAS,CACf,GAICC,EAAoBC,EAAsBZ"}
+{"version":3,"file":"react.min.js","sources":["../../src/plugins/react/index.ts"],"sourcesContent":["import { buildRegisterFunction, Plugin, TurboMount } from \"turbo-mount\";\nimport { ComponentType, createElement } from \"react\";\nimport { createRoot } from \"react-dom/client\";\n\nconst plugin: Plugin<ComponentType> = {\n  mountComponent: (mountProps) => {\n    const { el, Component, props } = mountProps;\n    const root = createRoot(el);\n    root.render(createElement(Component, props));\n\n    return () => {\n      root.unmount();\n    };\n  },\n};\n\nconst registerComponent = buildRegisterFunction(plugin);\n\nexport { TurboMount, registerComponent };\n\nexport default plugin;\n"],"names":["plugin","mountComponent","mountProps","el","Component","props","root","createRoot","render","createElement","unmount","registerComponent","buildRegisterFunction"],"mappings":"4KAIA,MAAMA,EAAgC,CACpCC,eAAiBC,IACf,MAAMC,GAAEA,EAAEC,UAAEA,EAASC,MAAEA,GAAUH,EAC3BI,EAAOC,EAAWJ,GAGxB,OAFAG,EAAKE,OAAOC,EAAcL,EAAWC,IAE9B,KACLC,EAAKI,aAKLC,EAAoBC,EAAsBZ"}

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

@@ -1 +1 @@
-{"version":3,"file":"svelte.min.js","sources":["../../src/plugins/svelte/index.ts"],"sourcesContent":["import { buildRegisterFunction, Plugin, TurboMount } from \"turbo-mount\";\nimport { Component, mount, unmount } from \"svelte\";\n\nconst plugin: Plugin<Component> = {\n  mountComponent: (mountProps) => {\n    const { el, Component, props } = mountProps;\n    const component = mount(Component, { target: el, props });\n    return () => {\n      unmount(component);\n    };\n  },\n};\n\nconst registerComponent = buildRegisterFunction(plugin);\n\nexport { TurboMount, registerComponent };\n\nexport default plugin;\n"],"names":["plugin","mountComponent","mountProps","el","Component","props","component","mount","target","unmount","registerComponent","buildRegisterFunction"],"mappings":"oIAGA,MAAMA,EAA4B,CAChCC,eAAiBC,IACf,MAAMC,GAAEA,EAAEC,UAAEA,EAASC,MAAEA,GAAUH,EAC3BI,EAAYC,EAAMH,EAAW,CAAEI,OAAQL,EAAIE,UACjD,MAAO,KACLI,EAAQH,EAAU,CACnB,GAICI,EAAoBC,EAAsBX"}
+{"version":3,"file":"svelte.min.js","sources":["../../src/plugins/svelte/index.ts"],"sourcesContent":["import { buildRegisterFunction, Plugin, TurboMount } from \"turbo-mount\";\nimport { Component, mount, unmount } from \"svelte\";\n\nconst plugin: Plugin<Component> = {\n  mountComponent: (mountProps) => {\n    const { el, Component, props } = mountProps;\n    const component = mount(Component, { target: el, props });\n    return () => {\n      unmount(component);\n    };\n  },\n};\n\nconst registerComponent = buildRegisterFunction(plugin);\n\nexport { TurboMount, registerComponent };\n\nexport default plugin;\n"],"names":["plugin","mountComponent","mountProps","el","Component","props","component","mount","target","unmount","registerComponent","buildRegisterFunction"],"mappings":"oIAGA,MAAMA,EAA4B,CAChCC,eAAiBC,IACf,MAAMC,GAAEA,EAAEC,UAAEA,EAASC,MAAEA,GAAUH,EAC3BI,EAAYC,EAAMH,EAAW,CAAEI,OAAQL,EAAIE,UACjD,MAAO,KACLI,EAAQH,MAKRI,EAAoBC,EAAsBX"}

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

@@ -1 +1 @@
-{"version":3,"file":"svelte4.min.js","sources":["../../src/plugins/svelte4/index.ts"],"sourcesContent":["import { buildRegisterFunction, Plugin, TurboMount } from \"turbo-mount\";\nimport { ComponentType } from \"svelte\";\n\nconst plugin: Plugin<ComponentType> = {\n  mountComponent: (mountProps) => {\n    const { el, Component, props } = mountProps;\n\n    const component = new Component({ target: el, props });\n\n    return () => {\n      component.$destroy();\n    };\n  },\n};\n\nconst registerComponent = buildRegisterFunction(plugin);\n\nexport { TurboMount, registerComponent };\n\nexport default plugin;\n"],"names":["plugin","mountComponent","mountProps","el","Component","props","component","target","$destroy","registerComponent","buildRegisterFunction"],"mappings":"wFAGA,MAAMA,EAAgC,CACpCC,eAAiBC,IACf,MAAMC,GAAEA,EAAEC,UAAEA,EAASC,MAAEA,GAAUH,EAE3BI,EAAY,IAAIF,EAAU,CAAEG,OAAQJ,EAAIE,UAE9C,MAAO,KACLC,EAAUE,UAAU,CACrB,GAICC,EAAoBC,EAAsBV"}
+{"version":3,"file":"svelte4.min.js","sources":["../../src/plugins/svelte4/index.ts"],"sourcesContent":["import { buildRegisterFunction, Plugin, TurboMount } from \"turbo-mount\";\nimport { ComponentType } from \"svelte\";\n\nconst plugin: Plugin<ComponentType> = {\n  mountComponent: (mountProps) => {\n    const { el, Component, props } = mountProps;\n\n    const component = new Component({ target: el, props });\n\n    return () => {\n      component.$destroy();\n    };\n  },\n};\n\nconst registerComponent = buildRegisterFunction(plugin);\n\nexport { TurboMount, registerComponent };\n\nexport default plugin;\n"],"names":["plugin","mountComponent","mountProps","el","Component","props","component","target","$destroy","registerComponent","buildRegisterFunction"],"mappings":"wFAGA,MAAMA,EAAgC,CACpCC,eAAiBC,IACf,MAAMC,GAAEA,EAAEC,UAAEA,EAASC,MAAEA,GAAUH,EAE3BI,EAAY,IAAIF,EAAU,CAAEG,OAAQJ,EAAIE,UAE9C,MAAO,KACLC,EAAUE,cAKVC,EAAoBC,EAAsBV"}

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

@@ -1 +1 @@
-{"version":3,"file":"vue.min.js","sources":["../../src/plugins/vue/index.ts"],"sourcesContent":["import { buildRegisterFunction, Plugin, TurboMount } from \"turbo-mount\";\nimport { App, createApp } from \"vue\";\n\nconst plugin: Plugin<App> = {\n  mountComponent: (mountProps) => {\n    const { el, Component, props } = mountProps;\n    const app = createApp(Component, props as Record<string, unknown>);\n    app.mount(el);\n\n    return () => {\n      app.unmount();\n    };\n  },\n};\n\nconst registerComponent = buildRegisterFunction(plugin);\n\nexport { TurboMount, registerComponent };\n\nexport default plugin;\n"],"names":["plugin","mountComponent","mountProps","el","Component","props","app","createApp","mount","unmount","registerComponent","buildRegisterFunction"],"mappings":"wHAGA,MAAMA,EAAsB,CAC1BC,eAAiBC,IACf,MAAMC,GAAEA,EAAEC,UAAEA,EAASC,MAAEA,GAAUH,EAC3BI,EAAMC,EAAUH,EAAWC,GAGjC,OAFAC,EAAIE,MAAML,GAEH,KACLG,EAAIG,SAAS,CACd,GAICC,EAAoBC,EAAsBX"}
+{"version":3,"file":"vue.min.js","sources":["../../src/plugins/vue/index.ts"],"sourcesContent":["import { buildRegisterFunction, Plugin, TurboMount } from \"turbo-mount\";\nimport { App, createApp } from \"vue\";\n\nconst plugin: Plugin<App> = {\n  mountComponent: (mountProps) => {\n    const { el, Component, props } = mountProps;\n    const app = createApp(Component, props as Record<string, unknown>);\n    app.mount(el);\n\n    return () => {\n      app.unmount();\n    };\n  },\n};\n\nconst registerComponent = buildRegisterFunction(plugin);\n\nexport { TurboMount, registerComponent };\n\nexport default plugin;\n"],"names":["plugin","mountComponent","mountProps","el","Component","props","app","createApp","mount","unmount","registerComponent","buildRegisterFunction"],"mappings":"wHAGA,MAAMA,EAAsB,CAC1BC,eAAiBC,IACf,MAAMC,GAAEA,EAAEC,UAAEA,EAASC,MAAEA,GAAUH,EAC3BI,EAAMC,EAAUH,EAAWC,GAGjC,OAFAC,EAAIE,MAAML,GAEH,KACLG,EAAIG,aAKJC,EAAoBC,EAAsBX"}

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

@@ -54,7 +54,25 @@ TurboMountController.values = {
 TurboMountController.targets = ["mount"];
 
 const camelToKebabCase = (str) => {
-    return str.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+    return str
+        .replace(/([a-z])([A-Z])/g, "$1-$2")
+        .replace(/_/g, "-")
+        .replace(/\//g, "--")
+        .toLowerCase();
+};
+const normalizeFilenameToComponentName = (filename) => {
+    return filename.replace(/\.\w*$/, "").replace(/^[./]*components\//, "");
+};
+const generateStimulusIdentifiers = (componentName) => {
+    const kebabCaseName = camelToKebabCase(componentName);
+    return [`turbo-mount--${kebabCaseName}`, `turbo-mount-${kebabCaseName}`];
+};
+const getShortNameForIndexComponent = (componentName) => {
+    if (componentName.endsWith("/index")) {
+        const shortName = componentName.replace(/\/index$/, "");
+        return shortName || null;
+    }
+    return null;
 };
 
 class TurboMount {
@@ -66,10 +84,17 @@ class TurboMount {
         document.addEventListener("turbo:before-morph-element", (event) => {
             const turboMorphEvent = event;
             const { target, detail } = turboMorphEvent;
-            if (target.getAttribute("data-controller")?.includes("turbo-mount")) {
-                target.setAttribute("data-turbo-mount-props-value", detail.newElement.getAttribute("data-turbo-mount-props-value") ||
-                    "{}");
-                event.preventDefault();
+            const controllerAttr = target.getAttribute("data-controller");
+            if (controllerAttr?.includes("turbo-mount")) {
+                const turboMountController = controllerAttr
+                    .split(/\s+/)
+                    .find((name) => name.startsWith("turbo-mount"));
+                if (turboMountController) {
+                    const propsAttrName = `data-${turboMountController}-props-value`;
+                    const newPropsValue = detail.newElement.getAttribute(propsAttrName) || "{}";
+                    target.setAttribute(propsAttrName, newPropsValue);
+                    event.preventDefault();
+                }
             }
         });
     }
@@ -80,9 +105,7 @@ class TurboMount {
         }
         this.components.set(name, { component, plugin });
         if (controller) {
-            const controllerName = `turbo-mount-${camelToKebabCase(name)
-                .replace(/_/g, "-")
-                .replace(/\//g, "--")}`;
+            const controllerName = `turbo-mount-${camelToKebabCase(name)}`;
             this.application.register(controllerName, controller);
         }
     }
@@ -108,28 +131,48 @@ function buildRegisterFunction(plugin) {
     };
 }
 
-const identifierNames = (name) => {
-    const controllerName = camelToKebabCase(name)
-        .replace(/_/g, "-")
-        .replace(/\//g, "--");
-    return [`turbo-mount--${controllerName}`, `turbo-mount-${controllerName}`];
-};
-const registerComponentsBase = ({ plugin, turboMount, components, controllers, }) => {
-    const controllerModules = controllers ?? [];
-    for (const { module, filename } of components) {
-        const name = filename
-            .replace(/\.\w*$/, "")
-            .replace(/^[./]*components\//, "");
-        const identifiers = identifierNames(name);
-        const controller = controllerModules.find(({ identifier }) => identifiers.includes(identifier));
+const registerComponentsBase = ({ plugin, turboMount, components, controllers = [], }) => {
+    const registeredNames = new Set();
+    const indexComponentsToRegisterLater = [];
+    for (const { filename, module } of components) {
+        const componentName = normalizeFilenameToComponentName(filename);
         const component = module.default ?? module;
-        if (controller) {
-            turboMount.register(plugin, name, component, controller.controllerConstructor);
+        registerSingleComponent({
+            plugin,
+            turboMount,
+            availableControllers: controllers,
+            componentName,
+            component,
+        });
+        registeredNames.add(componentName);
+        const shortName = getShortNameForIndexComponent(componentName);
+        if (shortName) {
+            indexComponentsToRegisterLater.push({ name: shortName, module });
         }
-        else {
-            turboMount.register(plugin, name, component);
+    }
+    for (const { name: shortName, module } of indexComponentsToRegisterLater) {
+        if (!registeredNames.has(shortName)) {
+            const component = module.default ?? module;
+            registerSingleComponent({
+                plugin,
+                turboMount,
+                availableControllers: controllers,
+                componentName: shortName,
+                component,
+            });
+            registeredNames.add(shortName);
         }
     }
 };
+const registerSingleComponent = ({ plugin, turboMount, availableControllers, componentName, component, }) => {
+    const potentialIdentifiers = generateStimulusIdentifiers(componentName);
+    const controllerDefinition = availableControllers.find(({ identifier }) => potentialIdentifiers.includes(identifier));
+    if (controllerDefinition) {
+        turboMount.register(plugin, componentName, component, controllerDefinition.controllerConstructor);
+    }
+    else {
+        turboMount.register(plugin, componentName, component);
+    }
+};
 
 export { TurboMount, TurboMountController, buildRegisterFunction, registerComponentsBase };

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

@@ -1,2 +1,2 @@
-import{Controller as t,Application as o}from"@hotwired/stimulus";class e extends t{constructor(){super(...arguments),this.skipPropsChangeCallback=!1}connect(){this._umountComponentCallback||(this._umountComponentCallback=this.mountComponent(this.mountElement,this.resolvedComponent,this.componentProps))}disconnect(){this.umountComponent()}propsValueChanged(){this.skipPropsChangeCallback?this.skipPropsChangeCallback=!1:(this.umountComponent(),this._umountComponentCallback||(this._umountComponentCallback=this.mountComponent(this.mountElement,this.resolvedComponent,this.componentProps)))}get componentProps(){return this.propsValue}get mountElement(){return this.hasMountTarget?this.mountTarget:this.element}get resolvedComponent(){return this.resolveMounted(this.componentValue).component}get resolvedPlugin(){return this.resolveMounted(this.componentValue).plugin}umountComponent(){this._umountComponentCallback?.(),this._umountComponentCallback=void 0}mountComponent(t,o,e){return this.resolvedPlugin.mountComponent({el:t,Component:o,props:e})}resolveMounted(t){return this.application.turboMount.resolve(t)}setComponentProps(t){this.skipPropsChangeCallback=!0,this.propsValue=t}}e.values={props:Object,component:String},e.targets=["mount"];const n=t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();class r{constructor(t={}){this.components=new Map,this.application=this.findOrStartApplication(t.application),this.application.turboMount=this,this.application.register("turbo-mount",e),document.addEventListener("turbo:before-morph-element",(t=>{const o=t,{target:e,detail:n}=o;e.getAttribute("data-controller")?.includes("turbo-mount")&&(e.setAttribute("data-turbo-mount-props-value",n.newElement.getAttribute("data-turbo-mount-props-value")||"{}"),t.preventDefault())}))}register(t,o,r,s){if(s||(s=e),this.components.has(o))throw new Error(`Component '${o}' is already registered.`);if(this.components.set(o,{component:r,plugin:t}),s){const t=`turbo-mount-${n(o).replace(/_/g,"-").replace(/\//g,"--")}`;this.application.register(t,s)}}resolve(t){const o=this.components.get(t);if(!o)throw new Error(`Unknown component: ${t}`);return o}findOrStartApplication(t){let e=t||window.Stimulus;return e||(e=o.start(),window.Stimulus=e),e}}function s(t){return(o,e,n,r)=>{o.register(t,e,n,r)}}const i=t=>{const o=n(t).replace(/_/g,"-").replace(/\//g,"--");return[`turbo-mount--${o}`,`turbo-mount-${o}`]},u=({plugin:t,turboMount:o,components:e,controllers:n})=>{const r=n??[];for(const{module:n,filename:s}of e){const e=s.replace(/\.\w*$/,"").replace(/^[./]*components\//,""),u=i(e),p=r.find((({identifier:t})=>u.includes(t))),l=n.default??n;p?o.register(t,e,l,p.controllerConstructor):o.register(t,e,l)}};export{r as TurboMount,e as TurboMountController,s as buildRegisterFunction,u as registerComponentsBase};
+import{Controller as t,Application as o}from"@hotwired/stimulus";class n extends t{constructor(){super(...arguments),this.skipPropsChangeCallback=!1}connect(){this._umountComponentCallback||(this._umountComponentCallback=this.mountComponent(this.mountElement,this.resolvedComponent,this.componentProps))}disconnect(){this.umountComponent()}propsValueChanged(){this.skipPropsChangeCallback?this.skipPropsChangeCallback=!1:(this.umountComponent(),this._umountComponentCallback||(this._umountComponentCallback=this.mountComponent(this.mountElement,this.resolvedComponent,this.componentProps)))}get componentProps(){return this.propsValue}get mountElement(){return this.hasMountTarget?this.mountTarget:this.element}get resolvedComponent(){return this.resolveMounted(this.componentValue).component}get resolvedPlugin(){return this.resolveMounted(this.componentValue).plugin}umountComponent(){this._umountComponentCallback?.(),this._umountComponentCallback=void 0}mountComponent(t,o,n){return this.resolvedPlugin.mountComponent({el:t,Component:o,props:n})}resolveMounted(t){return this.application.turboMount.resolve(t)}setComponentProps(t){this.skipPropsChangeCallback=!0,this.propsValue=t}}n.values={props:Object,component:String},n.targets=["mount"];const e=t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/_/g,"-").replace(/\//g,"--").toLowerCase(),r=t=>t.replace(/\.\w*$/,"").replace(/^[./]*components\//,""),s=t=>{if(t.endsWith("/index")){return t.replace(/\/index$/,"")||null}return null};class i{constructor(t={}){this.components=new Map,this.application=this.findOrStartApplication(t.application),this.application.turboMount=this,this.application.register("turbo-mount",n),document.addEventListener("turbo:before-morph-element",t=>{const o=t,{target:n,detail:e}=o,r=n.getAttribute("data-controller");if(r?.includes("turbo-mount")){const o=r.split(/\s+/).find(t=>t.startsWith("turbo-mount"));if(o){const r=`data-${o}-props-value`,s=e.newElement.getAttribute(r)||"{}";n.setAttribute(r,s),t.preventDefault()}}})}register(t,o,r,s){if(s||(s=n),this.components.has(o))throw new Error(`Component '${o}' is already registered.`);if(this.components.set(o,{component:r,plugin:t}),s){const t=`turbo-mount-${e(o)}`;this.application.register(t,s)}}resolve(t){const o=this.components.get(t);if(!o)throw new Error(`Unknown component: ${t}`);return o}findOrStartApplication(t){let n=t||window.Stimulus;return n||(n=o.start(),window.Stimulus=n),n}}function u(t){return(o,n,e,r)=>{o.register(t,n,e,r)}}const l=({plugin:t,turboMount:o,components:n,controllers:e=[]})=>{const i=new Set,u=[];for(const{filename:l,module:a}of n){const n=r(l),m=a.default??a;p({plugin:t,turboMount:o,availableControllers:e,componentName:n,component:m}),i.add(n);const c=s(n);c&&u.push({name:c,module:a})}for(const{name:n,module:r}of u)if(!i.has(n)){const s=r.default??r;p({plugin:t,turboMount:o,availableControllers:e,componentName:n,component:s}),i.add(n)}},p=({plugin:t,turboMount:o,availableControllers:n,componentName:r,component:s})=>{const i=(t=>{const o=e(t);return[`turbo-mount--${o}`,`turbo-mount-${o}`]})(r),u=n.find(({identifier:t})=>i.includes(t));u?o.register(t,r,s,u.controllerConstructor):o.register(t,r,s)};export{i as TurboMount,n as TurboMountController,u as buildRegisterFunction,l as registerComponentsBase};
 //# sourceMappingURL=turbo-mount.min.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"turbo-mount.min.js","sources":["../src/turbo-mount-controller.ts","../src/helpers.ts","../src/turbo-mount.ts","../src/registerComponentsBase.ts"],"sourcesContent":["import { Controller } from \"@hotwired/stimulus\";\nimport { ApplicationWithTurboMount } from \"./turbo-mount\";\n\nexport class TurboMountController extends Controller {\n  static values = {\n    props: Object,\n    component: String,\n  };\n  static targets = [\"mount\"];\n\n  private skipPropsChangeCallback = false;\n\n  declare propsValue: object;\n  declare componentValue: string;\n  declare readonly hasMountTarget: boolean;\n  declare readonly mountTarget: Element;\n\n  _umountComponentCallback?: () => void;\n\n  connect() {\n    this._umountComponentCallback ||= this.mountComponent(\n      this.mountElement,\n      this.resolvedComponent,\n      this.componentProps,\n    );\n  }\n\n  disconnect() {\n    this.umountComponent();\n  }\n\n  propsValueChanged() {\n    // Prevent re-mounting the component if the props are being set by the component itself\n    if (this.skipPropsChangeCallback) {\n      this.skipPropsChangeCallback = false;\n      return;\n    }\n\n    this.umountComponent();\n    this._umountComponentCallback ||= this.mountComponent(\n      this.mountElement,\n      this.resolvedComponent,\n      this.componentProps,\n    );\n  }\n\n  get componentProps() {\n    return this.propsValue;\n  }\n\n  get mountElement() {\n    return this.hasMountTarget ? this.mountTarget : this.element;\n  }\n\n  get resolvedComponent() {\n    return this.resolveMounted(this.componentValue).component;\n  }\n\n  get resolvedPlugin() {\n    return this.resolveMounted(this.componentValue).plugin;\n  }\n\n  umountComponent() {\n    this._umountComponentCallback?.();\n    this._umountComponentCallback = undefined;\n  }\n\n  mountComponent(el: Element, Component: unknown, props: object) {\n    return this.resolvedPlugin.mountComponent({ el, Component, props });\n  }\n\n  resolveMounted(component: string) {\n    const app = this.application as ApplicationWithTurboMount;\n    return app.turboMount.resolve(component);\n  }\n\n  setComponentProps(props: object) {\n    this.skipPropsChangeCallback = true;\n    this.propsValue = props;\n  }\n}\n","export const camelToKebabCase = (str: string) => {\n  return str.replace(/([a-z])([A-Z])/g, \"$1-$2\").toLowerCase();\n};\n","import { Application, ControllerConstructor } from \"@hotwired/stimulus\";\n\nimport { camelToKebabCase } from \"./helpers\";\nimport { TurboMountController } from \"./turbo-mount-controller\";\n\ndeclare global {\n  interface Window {\n    Stimulus?: Application;\n  }\n}\n\nexport interface ApplicationWithTurboMount extends Application {\n  turboMount: TurboMount;\n}\n\nexport type MountComponentProps<T> = {\n  el: Element;\n  Component: T;\n  props: object;\n};\n\nexport type Plugin<T> = {\n  mountComponent: (props: MountComponentProps<T>) => () => void;\n};\n\nexport type TurboMountProps = {\n  application?: Application;\n};\n\ntype TurboMountComponents<T> = Map<string, { component: T; plugin: Plugin<T> }>;\n\ninterface TurboMorphEvent extends CustomEvent {\n  target: Element;\n  detail: {\n    newElement: Element;\n  };\n}\n\nexport class TurboMount {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  components: TurboMountComponents<any>;\n  application: ApplicationWithTurboMount;\n\n  constructor(props: TurboMountProps = {}) {\n    this.components = new Map();\n    this.application = this.findOrStartApplication(props.application);\n    this.application.turboMount = this;\n    this.application.register(\"turbo-mount\", TurboMountController);\n\n    document.addEventListener(\"turbo:before-morph-element\", (event) => {\n      const turboMorphEvent = event as unknown as TurboMorphEvent;\n      const { target, detail } = turboMorphEvent;\n\n      if (target.getAttribute(\"data-controller\")?.includes(\"turbo-mount\")) {\n        target.setAttribute(\n          \"data-turbo-mount-props-value\",\n          detail.newElement.getAttribute(\"data-turbo-mount-props-value\") ||\n            \"{}\",\n        );\n        event.preventDefault();\n      }\n    });\n  }\n\n  register<T>(\n    plugin: Plugin<T>,\n    name: string,\n    component: T,\n    controller?: ControllerConstructor,\n  ) {\n    controller ||= TurboMountController;\n    if (this.components.has(name)) {\n      throw new Error(`Component '${name}' is already registered.`);\n    }\n    this.components.set(name, { component, plugin });\n\n    if (controller) {\n      const controllerName = `turbo-mount-${camelToKebabCase(name)\n        .replace(/_/g, \"-\")\n        .replace(/\\//g, \"--\")}`;\n      this.application.register(controllerName, controller);\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  private findOrStartApplication(hydratedApp?: Application) {\n    let application = hydratedApp || window.Stimulus;\n\n    if (!application) {\n      application = Application.start();\n      window.Stimulus = application;\n    }\n    return application as ApplicationWithTurboMount;\n  }\n}\n\nexport function buildRegisterFunction<T>(plugin: Plugin<T>) {\n  return (\n    turboMount: TurboMount,\n    name: string,\n    component: T,\n    controller?: ControllerConstructor,\n  ) => {\n    turboMount.register(plugin, name, component, controller);\n  };\n}\n","import { Definition } from \"@hotwired/stimulus\";\n\nimport { TurboMount, Plugin } from \"./turbo-mount\";\nimport { camelToKebabCase } from \"./helpers\";\n\nexport type ComponentModule = { default: never } | never;\n\nexport type ComponentDefinition = {\n  filename: string;\n  module: ComponentModule;\n};\n\ntype RegisterComponentsProps<T> = {\n  plugin: Plugin<T>;\n  turboMount: TurboMount;\n  components: ComponentDefinition[];\n  controllers?: Definition[];\n};\n\nconst identifierNames = (name: string) => {\n  const controllerName = camelToKebabCase(name)\n    .replace(/_/g, \"-\")\n    .replace(/\\//g, \"--\");\n\n  return [`turbo-mount--${controllerName}`, `turbo-mount-${controllerName}`];\n};\n\nexport const registerComponentsBase = <T>({\n  plugin,\n  turboMount,\n  components,\n  controllers,\n}: RegisterComponentsProps<T>) => {\n  const controllerModules = controllers ?? [];\n\n  for (const { module, filename } of components) {\n    const name = filename\n      .replace(/\\.\\w*$/, \"\")\n      .replace(/^[./]*components\\//, \"\");\n\n    const identifiers = identifierNames(name);\n\n    const controller = controllerModules.find(({ identifier }) =>\n      identifiers.includes(identifier),\n    );\n    const component = module.default ?? module;\n\n    if (controller) {\n      turboMount.register(\n        plugin,\n        name,\n        component,\n        controller.controllerConstructor,\n      );\n    } else {\n      turboMount.register(plugin, name, component);\n    }\n  }\n};\n"],"names":["TurboMountController","Controller","constructor","this","skipPropsChangeCallback","connect","_umountComponentCallback","mountComponent","mountElement","resolvedComponent","componentProps","disconnect","umountComponent","propsValueChanged","propsValue","hasMountTarget","mountTarget","element","resolveMounted","componentValue","component","resolvedPlugin","plugin","undefined","el","Component","props","application","turboMount","resolve","setComponentProps","values","Object","String","targets","camelToKebabCase","str","replace","toLowerCase","TurboMount","components","Map","findOrStartApplication","register","document","addEventListener","event","turboMorphEvent","target","detail","getAttribute","includes","setAttribute","newElement","preventDefault","name","controller","has","Error","set","controllerName","get","hydratedApp","window","Stimulus","Application","start","buildRegisterFunction","identifierNames","registerComponentsBase","controllers","controllerModules","module","filename","identifiers","find","identifier","default","controllerConstructor"],"mappings":"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"}
+{"version":3,"file":"turbo-mount.min.js","sources":["../src/turbo-mount-controller.ts","../src/helpers.ts","../src/turbo-mount.ts","../src/registerComponentsBase.ts"],"sourcesContent":["import { Controller } from \"@hotwired/stimulus\";\nimport { ApplicationWithTurboMount } from \"./turbo-mount\";\n\nexport class TurboMountController extends Controller {\n  static values = {\n    props: Object,\n    component: String,\n  };\n  static targets = [\"mount\"];\n\n  private skipPropsChangeCallback = false;\n\n  declare propsValue: object;\n  declare componentValue: string;\n  declare readonly hasMountTarget: boolean;\n  declare readonly mountTarget: Element;\n\n  _umountComponentCallback?: () => void;\n\n  connect() {\n    this._umountComponentCallback ||= this.mountComponent(\n      this.mountElement,\n      this.resolvedComponent,\n      this.componentProps,\n    );\n  }\n\n  disconnect() {\n    this.umountComponent();\n  }\n\n  propsValueChanged() {\n    // Prevent re-mounting the component if the props are being set by the component itself\n    if (this.skipPropsChangeCallback) {\n      this.skipPropsChangeCallback = false;\n      return;\n    }\n\n    this.umountComponent();\n    this._umountComponentCallback ||= this.mountComponent(\n      this.mountElement,\n      this.resolvedComponent,\n      this.componentProps,\n    );\n  }\n\n  get componentProps() {\n    return this.propsValue;\n  }\n\n  get mountElement() {\n    return this.hasMountTarget ? this.mountTarget : this.element;\n  }\n\n  get resolvedComponent() {\n    return this.resolveMounted(this.componentValue).component;\n  }\n\n  get resolvedPlugin() {\n    return this.resolveMounted(this.componentValue).plugin;\n  }\n\n  umountComponent() {\n    this._umountComponentCallback?.();\n    this._umountComponentCallback = undefined;\n  }\n\n  mountComponent(el: Element, Component: unknown, props: object) {\n    return this.resolvedPlugin.mountComponent({ el, Component, props });\n  }\n\n  resolveMounted(component: string) {\n    const app = this.application as ApplicationWithTurboMount;\n    return app.turboMount.resolve(component);\n  }\n\n  setComponentProps(props: object) {\n    this.skipPropsChangeCallback = true;\n    this.propsValue = props;\n  }\n}\n","export const camelToKebabCase = (str: string) => {\n  return str\n    .replace(/([a-z])([A-Z])/g, \"$1-$2\")\n    .replace(/_/g, \"-\")\n    .replace(/\\//g, \"--\")\n    .toLowerCase();\n};\n\n// Normalizes a component filename into a standardized component name.\n// Example: './components/users/UserProfile.tsx' -> 'users/UserProfile'\n// Example: 'global/utility/debounce_button.js' -> 'global/utility/debounce_button'\nexport const normalizeFilenameToComponentName = (filename: string): string => {\n  return filename.replace(/\\.\\w*$/, \"\").replace(/^[./]*components\\//, \"\");\n};\n\nexport const generateStimulusIdentifiers = (\n  componentName: string,\n): string[] => {\n  const kebabCaseName = camelToKebabCase(componentName);\n\n  return [`turbo-mount--${kebabCaseName}`, `turbo-mount-${kebabCaseName}`];\n};\n\nexport const getShortNameForIndexComponent = (\n  componentName: string,\n): string | null => {\n  if (componentName.endsWith(\"/index\")) {\n    const shortName = componentName.replace(/\\/index$/, \"\");\n    return shortName || null;\n  }\n  return null;\n};\n","import { Application, ControllerConstructor } from \"@hotwired/stimulus\";\n\nimport { camelToKebabCase } from \"./helpers\";\nimport { TurboMountController } from \"./turbo-mount-controller\";\n\ndeclare global {\n  interface Window {\n    Stimulus?: Application;\n  }\n}\n\nexport interface ApplicationWithTurboMount extends Application {\n  turboMount: TurboMount;\n}\n\nexport type MountComponentProps<T> = {\n  el: Element;\n  Component: T;\n  props: object;\n};\n\nexport type Plugin<T> = {\n  mountComponent: (props: MountComponentProps<T>) => () => void;\n};\n\nexport type TurboMountProps = {\n  application?: Application;\n};\n\ntype TurboMountComponents<T> = Map<string, { component: T; plugin: Plugin<T> }>;\n\ninterface TurboMorphEvent extends CustomEvent {\n  target: Element;\n  detail: {\n    newElement: Element;\n  };\n}\n\nexport class TurboMount {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  components: TurboMountComponents<any>;\n  application: ApplicationWithTurboMount;\n\n  constructor(props: TurboMountProps = {}) {\n    this.components = new Map();\n    this.application = this.findOrStartApplication(props.application);\n    this.application.turboMount = this;\n    this.application.register(\"turbo-mount\", TurboMountController);\n\n    document.addEventListener(\"turbo:before-morph-element\", (event) => {\n      const turboMorphEvent = event as unknown as TurboMorphEvent;\n      const { target, detail } = turboMorphEvent;\n\n      const controllerAttr = target.getAttribute(\"data-controller\");\n      if (controllerAttr?.includes(\"turbo-mount\")) {\n        const turboMountController = controllerAttr\n          .split(/\\s+/)\n          .find((name) => name.startsWith(\"turbo-mount\"));\n\n        if (turboMountController) {\n          const propsAttrName = `data-${turboMountController}-props-value`;\n          const newPropsValue =\n            detail.newElement.getAttribute(propsAttrName) || \"{}\";\n          target.setAttribute(propsAttrName, newPropsValue);\n          event.preventDefault();\n        }\n      }\n    });\n  }\n\n  register<T>(\n    plugin: Plugin<T>,\n    name: string,\n    component: T,\n    controller?: ControllerConstructor,\n  ) {\n    controller ||= TurboMountController;\n    if (this.components.has(name)) {\n      throw new Error(`Component '${name}' is already registered.`);\n    }\n    this.components.set(name, { component, plugin });\n\n    if (controller) {\n      const controllerName = `turbo-mount-${camelToKebabCase(name)}`;\n      this.application.register(controllerName, controller);\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  private findOrStartApplication(hydratedApp?: Application) {\n    let application = hydratedApp || window.Stimulus;\n\n    if (!application) {\n      application = Application.start();\n      window.Stimulus = application;\n    }\n    return application as ApplicationWithTurboMount;\n  }\n}\n\nexport function buildRegisterFunction<T>(plugin: Plugin<T>) {\n  return (\n    turboMount: TurboMount,\n    name: string,\n    component: T,\n    controller?: ControllerConstructor,\n  ) => {\n    turboMount.register(plugin, name, component, controller);\n  };\n}\n","import { Definition } from \"@hotwired/stimulus\";\n\nimport { TurboMount, Plugin } from \"./turbo-mount\";\nimport {\n  getShortNameForIndexComponent,\n  normalizeFilenameToComponentName,\n  generateStimulusIdentifiers,\n} from \"./helpers\";\n\nexport type ComponentModule = { default: never } | never;\n\nexport type ComponentDefinition = {\n  filename: string;\n  module: ComponentModule;\n};\n\ntype RegisterComponentsProps<T> = {\n  plugin: Plugin<T>;\n  turboMount: TurboMount;\n  components: ComponentDefinition[];\n  controllers?: Definition[];\n};\n\n// Registers multiple components with TurboMount, potentially linking them\n// to Stimulus controllers based on naming conventions. Handles index\n// components by registering them under both their full path and the parent\n// directory name if available.\nexport const registerComponentsBase = <T>({\n  plugin,\n  turboMount,\n  components,\n  controllers = [],\n}: RegisterComponentsProps<T>) => {\n  const registeredNames = new Set<string>();\n  const indexComponentsToRegisterLater: Array<{\n    name: string;\n    module: ComponentModule;\n  }> = [];\n\n  for (const { filename, module } of components) {\n    const componentName = normalizeFilenameToComponentName(filename);\n    const component = module.default ?? module;\n\n    registerSingleComponent({\n      plugin,\n      turboMount,\n      availableControllers: controllers,\n      componentName,\n      component,\n    });\n    registeredNames.add(componentName);\n\n    // If component path ends with /index, prepare for possible registration\n    // under the shorter directory name in the second pass.\n    const shortName = getShortNameForIndexComponent(componentName);\n    if (shortName) {\n      indexComponentsToRegisterLater.push({ name: shortName, module });\n    }\n  }\n\n  // Second Pass: Register 'index' components using their shorter directory name\n  // This pass ensures that an explicit component (e.g., 'button.js') takes\n  // precedence over an index component (e.g., 'button/index.js') if both\n  // would resolve to the same short name ('button').\n  for (const { name: shortName, module } of indexComponentsToRegisterLater) {\n    if (!registeredNames.has(shortName)) {\n      const component = module.default ?? module;\n\n      registerSingleComponent({\n        plugin,\n        turboMount,\n        availableControllers: controllers,\n        componentName: shortName,\n        component,\n      });\n      registeredNames.add(shortName);\n    }\n  }\n};\n\nconst registerSingleComponent = <T>({\n  plugin,\n  turboMount,\n  availableControllers,\n  componentName,\n  component,\n}: {\n  plugin: Plugin<T>;\n  turboMount: TurboMount;\n  availableControllers: Definition[];\n  componentName: string;\n  component: T;\n}) => {\n  const potentialIdentifiers = generateStimulusIdentifiers(componentName);\n\n  const controllerDefinition = availableControllers.find(({ identifier }) =>\n    potentialIdentifiers.includes(identifier),\n  );\n\n  if (controllerDefinition) {\n    turboMount.register(\n      plugin,\n      componentName,\n      component,\n      controllerDefinition.controllerConstructor,\n    );\n  } else {\n    turboMount.register(plugin, componentName, component);\n  }\n};\n"],"names":["TurboMountController","Controller","constructor","this","skipPropsChangeCallback","connect","_umountComponentCallback","mountComponent","mountElement","resolvedComponent","componentProps","disconnect","umountComponent","propsValueChanged","propsValue","hasMountTarget","mountTarget","element","resolveMounted","componentValue","component","resolvedPlugin","plugin","undefined","el","Component","props","application","turboMount","resolve","setComponentProps","values","Object","String","targets","camelToKebabCase","str","replace","toLowerCase","normalizeFilenameToComponentName","filename","getShortNameForIndexComponent","componentName","endsWith","TurboMount","components","Map","findOrStartApplication","register","document","addEventListener","event","turboMorphEvent","target","detail","controllerAttr","getAttribute","includes","turboMountController","split","find","name","startsWith","propsAttrName","newPropsValue","newElement","setAttribute","preventDefault","controller","has","Error","set","controllerName","get","hydratedApp","window","Stimulus","Application","start","buildRegisterFunction","registerComponentsBase","controllers","registeredNames","Set","indexComponentsToRegisterLater","module","default","registerSingleComponent","availableControllers","add","shortName","push","potentialIdentifiers","kebabCaseName","generateStimulusIdentifiers","controllerDefinition","identifier","controllerConstructor"],"mappings":"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"}

data/lib/generators/turbo_mount/js_package_manager.rb

@@ -26,7 +26,7 @@ module TurboMount
           if importmap?
             "bin/importmap pin #{dependencies.join(" ")}"
           else
-            "#{@package_manager} add #{dependencies.join(" ")}#{@generator.options[:verbose] ? "" : " --silent"}"
+            "#{@package_manager} add #{dependencies.join(" ")}#{" --silent" unless @generator.options[:verbose]}"
           end
         @generator.in_root { @generator.run cmd }
       end

data/lib/turbo/mount/version.rb

@@ -2,6 +2,6 @@
 
 module Turbo
   module Mount
-    VERSION = "0.4.2"
+    VERSION = "0.4.4"
   end
 end

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: turbo-mount
 version: !ruby/object:Gem::Version
-  version: 0.4.2
+  version: 0.4.4
 platform: ruby
 authors:
 - Svyatoslav Kryukov
 bindir: bin
 cert_chain: []
-date: 2025-04-23 00:00:00.000000000 Z
+date: 1980-01-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -82,7 +82,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.6.2
+rubygems_version: 4.0.3
 specification_version: 4
 summary: Use React, Vue, Svelte, and other components with Hotwire.
 test_files: []