htmx.logAll is not a function about htmx

[anentropic]

so if I log what htmx is in the event handler...

when imported as import htmx from 'htmx.org'; then:

as import * as htmx from 'htmx.org';:

as import { htmx } from 'htmx.org';:
undefined

if I just import 'htmx.org'; then VS Code inteliisense will prompt me with htmx.logAll() as if it would work, but at runtime it gives ReferenceError: htmx is not defined

[anentropic]

Is it this? #1690 #1469

they are all talking about HTMX Extensions but sounds related

[anentropic]

ah..! here #2628

if I do this in index.js:

import htmx from "htmx.org/dist/htmx.esm";
window.htmx = htmx;

then the body script works:

      <script>
        document.body.addEventListener('htmx:load', function (evt) {
          htmx.logAll();
        });
      </script>

(seems like nothing else is required for this much to work, no separate js file, no rollup plugin etc etc)

[Telroshan]

Hey, sorry for the inconvenience, as 1cg stated in the issue you linked

entirely possible that those instructions are wrong now, unfortunately, since no one on the core team that I'm aware of uses webpack

We'll have to update those to match htmx 2's new setup!

Closing this issue in favor of #2628