How do you do your cache busting? I have a few js files that I’d like to do cache busting for but only when they change.

I’m just manually adding a date as a query string parameter to the script links at the moment 😆🤷‍♂️

I'd like to see a combo where you use a dependency manager, but dependencies are checked in as well I feel like that's the next step

lol i do the same -- I append

?v=2

to the end of my paths, and just increment the number when i make changes to the static file

That's how you cache-bust without over-engineering a solution, yeah.

when

npm

becomes part of your project

Haha, that's a much better quality one

This popped up in my mailbox just now 😱 https://stackoverflow.com/questions/71569814/how-can-i-bundle-up-an-npm-package-so-i-can-import-objects-from-it-in-a-script

I wanted to use Tip Tap with Django a while ago and I couldn't find a straightforward way to just get it as a file I could include. The StackOverflow Q/A was the solution I came up with

FYI -- https://github.com/hugohomesquita/htmx-jetbrains

some new web framework on HN

☝️ top reply lol

I recently came across this https://htmx.org/docs/#caching based on a Twitter thread. Does anyone know if adding

Vary: HX-Request

headers is something that would fit in the scope of the

django-htmx

package (specifically the Middleware)? @high-toothbrush-44006

Related discussion here: https://discord.com/channels/725789699527933952/1050498902396252232

npm has nothing to do with bundling/minifying. It's a dependency manager. JS dependencies need to be managed, exactly as Python dependencies. What if a security issue gets discovered on htmx? Don't you want Dependabot to warn you about it, and to open a PR as soon as a new releases fixes the issue? As for bundling/minifying, let's use the right tool for the job: esbuild is crazy fast and allows writing modern JS (especially ES6 imports).

Sorry I don't understand what you mean here 😕

Adding node_modules to git is highly discouraged. Therefore, it is worth to try.

I think yarn 2 adds to git with it's pnp stuff

I can't really tell if you guys are serious or not, so let me explain our setup at Contexte : - JS dependencies are listed in a

package.json

with only major version specified (

"htmx.org": "1.*"

) - The

package-lock.json

is generated after npm install and is versioned in Git alongside with

package.json

- Our web pages all load a

main.js

file that is an ES6 file where we put

import "htmx.org"

(among other things, like what we need to use SimulusJS) ; these

main.js

files do not live in the standard

static

Django folder but in a separate

static_src

folder - We use esbuild to transpile this ES6 and bundle everything needed into one

main.js

file per page, which live in the standard

static

folder (which makes them usable by

collectstatic

, the

{% static %}

templatetag, and Django cache-busting capabilities) - Obviously

node_modules

folder is Git-ignored, as well as every Django app

static

folder (CSS also live in

static_src

as they also are compiled/bundled using postcss) With all this, we get : - Properly managed JS dependencies, that can be parsed and updated by Github's Dependabot - The ability to write modern JS for our apps (ES6 imports, not caring about JS files loading order, etc.) @mysterious-toddler-20573 does that answer your question ?

A killer feature of htmx is that it does not dictate your projects language, architecture, or tooling. It can be used with any dep/build system you want, by default- you can even run it directly from a local

index.html

file, by default, easy. If a dev wants to use it with npm, they can (or any other dep/build system of the month next time the node community re-invents itself) .. and if some new dep/build system is used, they can use that too without second-guessing the docs or assuming its npm-only.

I use it with pug, so technically I don't even use HTML...

Yes. It's almost as if getting rid of js allows you to write front end code in any other language. So weird.

🙂 yes, that makes tons of sense, I was being a bit speculative in my language

I do something similar but with django-vite

Because vite can do glob imports I have something approaching angular's folder per component with template css and js all colocated

Still trying to figure out how to do SFC

Does anyone have a live example of a Django/HTMX site that's doing something more than generic blog type stuff? Especially if it uses react/Vue for some part where it makes sense

(Doesn't need to be open source)

I'm 90% done building a website for viewing very hi res images for the research institute I work at (studying ancient manuscripts is actually my day job). It is mostly HTMX but also creates and consumes a IIIF image API, and the image viewer is a React component. It isn't live today, but the alpha version will be up soon, maybe a week.

I'd love to see it when it's done, that sounds like the exact kind of thing I'm looking to see. Largely unrelated, but I once jammed a IIIF image viewer (Universal Viewer) into a ReactJS app and it was a giant PITA