diff options
| author | Simon Hartley <170740+scrhartley@users.noreply.github.com> | 2025-03-25 07:36:33 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-03-25 08:36:33 +0100 |
| commit | 1b4e778ba6bd3bf6daab2e181ffe892eeaf40792 (patch) | |
| tree | 96e519ac503d9c240c0a32309181adba2148b31c /www/content | |
| parent | fec926d354860956f9c8680466d077162238bbef (diff) | |
| download | htmx-1b4e778ba6bd3bf6daab2e181ffe892eeaf40792.tar.gz htmx-1b4e778ba6bd3bf6daab2e181ffe892eeaf40792.zip | |
Documentation improvements for idiomorph extension (#3249)
Diffstat (limited to 'www/content')
| -rw-r--r-- | www/content/extensions/idiomorph.md | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/www/content/extensions/idiomorph.md b/www/content/extensions/idiomorph.md index bd75dad7..60ea0a83 100644 --- a/www/content/extensions/idiomorph.md +++ b/www/content/extensions/idiomorph.md @@ -16,19 +16,22 @@ The fastest way to install `idiomorph` is to load it via a CDN. Remember to alwa ```HTML <head> <script src="https://unpkg.com/htmx.org@2.0.4" integrity="sha384-HGfztofotfshcF7+8n44JQL2oJmowVChPTg48S+jvZoztPfvwD79OC/LTtG6dMp+" crossorigin="anonymous"></script> - <script src="https://unpkg.com/idiomorph@0.3.0" integrity="sha384-tg/2Ca9U/RohyxmGCb8qJVR3j9cswtKbdRSXOaPX/aDDOW1bfbeyV+7G9ifYF4bC" crossorigin="anonymous"></script> + <script src="https://unpkg.com/idiomorph@0.7.3" integrity="sha384-JcorokHTL/m+D6ZHe2+yFVQopVwZ+91GxAPDyEZ6/A/OEPGEx1+MeNSe2OGvoRS9" crossorigin="anonymous"></script> + <script src="https://unpkg.com/idiomorph@0.7.3/dist/idiomorph-ext.min.js" integrity="sha384-szktAZju9fwY15dZ6D2FKFN4eZoltuXiHStNDJWK9+FARrxJtquql828JzikODob" crossorigin="anonymous"></script> </head> <body hx-ext="morph"> ``` -An unminified version is also available at https://unpkg.com/idiomorph/dist/idiomorph.js. +Unminified versions are also available at: +https://unpkg.com/idiomorph/dist/idiomorph.js +https://unpkg.com/idiomorph/dist/idiomorph-ext.js -While the CDN approach is simple, you may want to consider [not using CDNs in production](https://blog.wesleyac.com/posts/why-not-javascript-cdn). The next easiest way to install `idiomorph` is to simply copy it into your project. Download the extension from `https://unpkg.com/idiomorph`, add it to the appropriate directory in your project and include it where necessary with a `<script>` tag. +While the CDN approach is simple, you may want to consider [not using CDNs in production](https://blog.wesleyac.com/posts/why-not-javascript-cdn). The next easiest way to install `idiomorph` is to simply copy it into your project. Download idiomorph and its htmx extension from `https://unpkg.com/idiomorph` and `https://unpkg.com/idiomorph/dist/idiomorph-ext.min.js`, add them to the appropriate directory in your project and include them where necessary with `<script>` tags. For npm-style build systems, you can install `idiomorph` via [npm](https://www.npmjs.com/): ```shell npm install idiomorph ``` -After installing, you'll need to use appropriate tooling to bundle `node_modules/idiomorph/dist/idiomorph.js` (or `.min.js`). For example, you might bundle the extension with htmx core from `node_modules/htmx.org/dist/htmx.js` and project-specific code. +After installing, you'll need to use appropriate tooling to bundle `node_modules/idiomorph/dist/idiomorph.js` (or `.min.js`) and `node_modules/idiomorph/dist/idiomorph-ext.js`. For example, you might bundle the extension with htmx core from `node_modules/htmx.org/dist/htmx.js` and project-specific code. If you are using a bundler to manage your javascript (e.g. Webpack, Rollup): - Install `htmx.org` and `idiomorph` via npm |