### Development Setup and Build Commands

Source: https://alchemists.io/projects/htmx/-remove

These commands outline the steps to set up the development environment by cloning the repository, installing dependencies, and building the project. It also includes commands for running the interactive demonstration.

```bash
git clone https://github.com/bkuhlmann/htmx-remove
cd htmx-remove
bin/setup
```

```bash
bin/build
```

```bash
# With default port.
bin/demo

# With custom port.
bin/demo 9050
```

--------------------------------

### HTMX Gem Setup and Usage

Source: https://alchemists.io/projects/htmx/index

Provides instructions for installing the HTMX gem in Ruby projects, including secure and non-secure installation methods, and how to require the gem for use in applications.

```ruby
# Secure installation
gem cert --add <(curl --compressed --location https://alchemists.io/gems.pem)
gem install htmx --trust-policy HighSecurity

# Non-secure installation
gem install htmx

# Add to project
bundle add htmx

# Require the gem
require "htmx"
```

--------------------------------

### HTMX Development Setup

Source: https://alchemists.io/projects/htmx/index

Provides instructions for setting up the HTMX gem for development, including cloning the repository, installing dependencies, and accessing the IRB console for direct object interaction.

```shell
git clone https://github.com/bkuhlmann/htmx
cd htmx
bin/setup

# You can also use the IRB console for direct access to all objects:
bin/console
```

--------------------------------

### Setup htmx Select via NPM

Source: https://alchemists.io/projects/htmx/-select

Install htmx-select using NPM for projects managed with Node Package Manager. After installation, you can include the library in your build process or directly reference it.

```bash
npm install htmx-select
```

```javascript
<script src="htmx-select.js"></script>
```

--------------------------------

### Development Setup and Build

Source: https://alchemists.io/projects/htmx/-select

Commands for setting up the development environment, building the project, and running interactive demonstrations.

```bash
git clone https://github.com/bkuhlmann/htmx-select
cd htmx-select
bin/setup
```

```bash
bin/build
```

```bash
# With default port.
bin/demo

# With custom port.
bin/demo 9050
```

--------------------------------

### Setup htmx Remove via Import Maps

Source: https://alchemists.io/projects/htmx/-remove

This example demonstrates how to integrate htmx-remove using HTML import maps. It defines an import path for the library, allowing it to be imported as a module in your JavaScript code.

```html
<script type="importmap">
  {
    "imports": {
      "htmx-remove": "https://unpkg.com/htmx-remove@latest"
    }
  }
</script>

<script type="module">
  import * as htmx_remove from "htmx-remove";
</script>
```

--------------------------------

### Setup htmx Select via Script Tag

Source: https://alchemists.io/projects/htmx/-select

Include the htmx-select library directly in your HTML using a script tag. This method is straightforward for quick integration.

```html
<script src="https://unpkg.com/htmx-select@latest"
        integrity="sha384-tV9hAXjvOXRR0ov0OzoGh67dwFQXv2ZLHWs3ev8cz6e0zquAJwavfSE6ab6UoFXS"
        crossorigin="anonymous">
</script>
```

--------------------------------

### HTMX Select Usage Example

Source: https://alchemists.io/projects/htmx/-select

Demonstrates how to use the HTMX Select extension by implementing a select element. The extension triggers a GET request based on the selected option's value, loading new content into the specified target.

```html
<main class="body">
  <label for="version">Version:</label>

  <select id="version"
          name="version"
          class="versions"
          hx-get=""
          hx-trigger="change"
          hx-target=".body"
          hx-ext="select">

    <option value="" class="option">Select...</option>
    <option value="_0.0.0.html" class="option">0.0.0</option>
    <option value="_0.0.1.html" class="option">0.0.1</option>
  </select>
</main>

<!-- _0.0.0.html -->
<p class="version">
  Version 0.0.0
  <a href="/">⬅️</a>
</p>
```

--------------------------------

### Deployment Commands

Source: https://alchemists.io/projects/htmx/-remove

These commands detail the deployment process, which involves building the project, publishing it to npm, and then using Milestoner for further deployment steps. It assumes Milestoner is already installed.

```bash
bin/build
npm publish
milestoner --publish
```

--------------------------------

### Install htmx Remove via NPM

Source: https://alchemists.io/projects/htmx/-remove

This command shows how to install the htmx-remove library using npm, the Node Package Manager. After installation, the library can be required or imported into your project.

```bash
npm install htmx-remove
```

--------------------------------

### Setup htmx Select via Import Maps

Source: https://alchemists.io/projects/htmx/-select

Configure htmx-select for use with modern JavaScript modules using Import Maps. This allows for better module management in your project.

```javascript
<script type="importmap">
  {
    "imports": {
      "htmx-select": "https://unpkg.com/htmx-select@latest"
    }
  }
</script>

<script type="module">
  import * as htmx_remove from "htmx-select";
</script>
```

--------------------------------

### Include htmx Remove after NPM Installation

Source: https://alchemists.io/projects/htmx/-remove

Once htmx-remove is installed via npm, this script tag demonstrates how to include the library in your HTML. It assumes the library is available in your project's build or served directly.

```html
<script src="htmx-remove.js"></script>
```

--------------------------------

### Setup htmx Remove via Script Tag

Source: https://alchemists.io/projects/htmx/-remove

This snippet shows how to include the htmx-remove library directly in your HTML using a script tag. It points to the latest version hosted on unpkg and includes integrity and crossorigin attributes for security and performance.

```html
<script src="https://unpkg.com/htmx-remove@latest"
        integrity="sha384-v6VOSW2F42qo+95FGFDZCY72+0md5SolbibTa8Kgn8DkCrevZNkgTsWXdEMXyeRX"
        crossorigin="anonymous">
</script>
```

--------------------------------

### HTMX Response Headers Parsing

Source: https://alchemists.io/projects/htmx/index

Demonstrates parsing HTMX response headers using the `HTMX.response` method. It shows how to obtain a `Data` object representing the response headers, with common HTMX headers mapped to attributes. It also includes an example of the `refresh?` predicate method.

```ruby
response_headers = HTMX.response "HX-Location" => "/",
                                   "HX-Push-Url" => "/demo",
                                   "HX-Redirect" => "/demo",
                                   "HX-Refresh" => "true",
                                   "HX-Replace-Url" => "/demo",
                                   "HX-Reswap" => "none",
                                   "HX-Retarget" => ".demo",
                                   "HX-Trigger" => "demo",
                                   "HX-Trigger-After-Settle" => "demo",
                                   "HX-Trigger-After-Swap" => "demo"

# <data HTMX::Headers::Response location="/",
#                               push_url="/demo",
#                               redirect="/demo",
#                               refresh="true",
#                               replace_url="/demo",
#                               reswap="none",
#                               retarget=".demo",
#                               trigger="demo",
#                               trigger_after_settle="demo",
#                               trigger_after_swap="demo"
# >

response_headers.refresh? # true
```

--------------------------------

### HTMX Request Header Key/Header Mapping

Source: https://alchemists.io/projects/htmx/index

Illustrates how to use the `HTMX::Headers::Request` class directly to get the key for a header name or the header name for a key. This provides a way to map between the string representation of headers and their symbolic keys.

```ruby
headers = HTMX.request "HTTP_HX_CURRENT_URL" => "/demo"

HTMX::Headers::Request.for(**headers)                 # Identical to `HTMX.request`.
HTMX::Headers::Request.key_for "HTTP_HX_CURRENT_URL"  # :current_url
HTMX::Headers::Request.header_for :current_url        # "HTTP_HX_CURRENT_URL"
```

--------------------------------

### Deployment Steps

Source: https://alchemists.io/projects/htmx/-select

Steps required for deploying the project, including building, publishing, and using Milestoner.

```bash
bin/build
npm publish
milestoner --publish
```

--------------------------------

### Testing Commands

Source: https://alchemists.io/projects/htmx/-select

Provides commands for running tests, checking code quality, and verifying specifications.

```bash
bin/rake
```

```bash
npm run quality
```

```bash
bin/rspec
```

--------------------------------

### Testing Commands

Source: https://alchemists.io/projects/htmx/-remove

This section provides commands for running tests, including checking code quality and executing specifications. It helps ensure the project's integrity and adherence to coding standards.

```bash
bin/rake
```

```bash
npm run quality
```

```bash
bin/rspec
```

--------------------------------

### HTMX Testing

Source: https://alchemists.io/projects/htmx/index

Details the command to run tests for the HTMX gem.

```shell
bin/rake
```

--------------------------------

### HTMX Attribute Generation Equivalency

Source: https://alchemists.io/projects/htmx/index

Demonstrates that different methods of using the HTMX library for attribute generation are equivalent, highlighting the conciseness of the `.[]` method.

```ruby
HTMX[delete: "/tasks/1"]
HTMX::Prefixer.new.call delete: "/tasks/1"
HTMX::Prefixer.new("hx").call delete: "/tasks/1"
```

--------------------------------

### HTMX Versioning Strategy

Source: https://alchemists.io/projects/htmx/versions

Explains the Strict Semantic Versioning used for HTMX, detailing how Major, Minor, and Patch versions are incremented based on API changes and bug fixes. This ensures clear communication of compatibility and changes.

```APIDOC
HTMX Versioning:
  - Strict Semantic Versioning (X.y.z)
  - Major (X.y.z): Backwards incompatible public API changes.
  - Minor (x.Y.z): Backwards compatible public API enhancements/fixes.
  - Patch (x.y.Z): Backwards compatible bug fixes.
```

--------------------------------

### HTMX Response Header Handling

Source: https://alchemists.io/projects/htmx/index

Demonstrates how to use HTMX.response? to check for specific headers like HX-Location and HX-Push-Url. The `HTMX.response!` method is noted for its ability to mutate original headers and merge unknown attributes.

```ruby
HTMX.response? headers, :push_url, "/test"   # true
HTMX.response? headers, :push_url, "/other"  # false

# `HTMX.response!` is designed to mutate your original headers. Unknown attributes are merged as is.
```

--------------------------------

### HTMX Response Header Key/Header Mapping

Source: https://alchemists.io/projects/htmx/index

Explains how to use the `HTMX::Headers::Response` class directly to map between HTMX header names (e.g., 'HX-Location') and their symbolic keys (e.g., :location). This is useful for programmatic access to response header information.

```ruby
response_headers = HTMX.response "HX-Location" => "/"

HTMX::Headers::Response.for(**response_headers)         # Identical to `HTMX.response`.
HTMX::Headers::Response.key_for "HX-Location"  # :location
HTMX::Headers::Response.header_for :location   # "HX-Location"
```

--------------------------------

### HTMX JavaScript Library Haiku

Source: https://alchemists.io/projects/htmx/index

A haiku about the HTMX JavaScript library, capturing the essence of its philosophy.

```javascript
javascript fatigue:
longing for a hypertext
already in hand
```

--------------------------------

### htmx Remove Versioning and Project Info

Source: https://alchemists.io/projects/htmx/-remove/versions

This section outlines the versioning strategy for the htmx Remove project, adhering to Strict Semantic Versioning. It also provides links to various project-related resources and information.

```APIDOC
Project: htmx Remove

Versioning:
  - Strict Semantic Versioning (Major.Minor.Patch)
    - Major (X.y.z): Backwards incompatible public API changes.
    - Minor (x.Y.z): Backwards compatible public API enhancements/fixes.
    - Patch (x.y.Z): Backwards compatible bug fixes.

Available Versions:
  - 2.7.0 (2025-08-01)
  - 2.6.0 (2025-06-27)
  - 2.5.0 (2025-05-16)
  - 2.4.0 (2025-04-18)
  - 2.3.0 (2025-03-22)
  - 2.2.0 (2025-02-12)
  - 2.1.0 (2025-02-05)
  - 2.0.0 (2024-12-28)
  - 1.10.0 (2024-11-09)
  - 1.9.0 (2024-11-08)
  - 1.8.0 (2024-09-03)
  - 1.7.0 (2024-08-23)
  - 1.6.0 (2024-07-09)
  - 1.5.0 (2024-06-18)
  - 1.4.1 (2024-06-01)
  - 1.4.0 (2024-05-22)
  - 1.3.0 (2024-04-21)
  - 1.2.0 (2024-03-03)
  - 1.1.0 (2024-02-19)
  - 1.0.0 (2024-01-01)
  - 0.2.0 (2023-12-02)
  - 0.1.0 (2023-11-23)
  - 0.0.0 (2023-11-19)

Generated by: Milestoner 19.6.0

Project Links:
  - Articles: https://alchemists.io/articles
  - Screencasts: https://alchemists.io/screencasts
  - Talks: https://alchemists.io/talks
  - Projects: https://alchemists.io/projects
  - Books: https://alchemists.io/books
  - Services: https://alchemists.io/services
  - Hire!: https://alchemists.io/hire

Company Information:
  - © 2025 Alchemists LLC
  - Culture:
    - Oath: https://alchemists.io/oath
    - Rigor: https://alchemists.io/rigor
    - Values: https://alchemists.io/values
    - Mission: https://alchemists.io/mission
    - Community: https://alchemists.io/community
  - Policies:
    - Code of Conduct: https://alchemists.io/policies/code_of_conduct
    - Contributions: https://alchemists.io/policies/contributions
    - Developer Certificate of Origin: https://alchemists.io/policies/developer_certificate_of_origin
    - License: https://alchemists.io/policies/license
    - Security: https://alchemists.io/policies/security
  - About:
    - Team: https://alchemists.io/team
    - Stack: https://alchemists.io/stack
    - Location: https://alchemists.io/location
    - History: https://alchemists.io/history
```

--------------------------------

### Handling Dashed HTMX Attributes

Source: https://alchemists.io/projects/htmx/index

Shows how to correctly generate HTMX attributes that contain dashes, such as 'swap-oob', by using string keys or underscored symbols.

```ruby
HTMX["swap-oob" => true, push_url: "/demo/123"]
```

--------------------------------

### Generate HTMX Attributes with Default Prefix

Source: https://alchemists.io/projects/htmx/index

Generates HTML with standard 'hx-' prefixed attributes for HTMX. This method is concise and directly uses the HTMX library's built-in prefixing.

```ruby
tag.button(
  "Delete",
  class: "button decline",
  type: "submit",
  **HTMX[target: "closest .task", delete: "/tasks/#{value.id}"]
)
```

--------------------------------

### Generate HTMX Attributes with Custom 'data-hx' Prefix

Source: https://alchemists.io/projects/htmx/index

Generates HTML with 'data-hx-' prefixed attributes for HTMX using `HTMX::Prefixer`. This allows for customization of the attribute prefix, offering more control over the generated HTML.

```ruby
prefixer = HTMX::Prefixer.new "data-hx"

tag.button(
  "Delete",
  class: "button decline",
  type: "submit",
  **prefixer.call(target: "closest .task", delete: "/tasks/#{value.id}")
)
```

--------------------------------

### HTMX Request Header Predicate Check

Source: https://alchemists.io/projects/htmx/index

Shows how to use the `HTMX.request?` method to check for the presence and truthiness of specific HTMX request headers. This method can also be used with a mutable hash to add headers using `HTMX.request!`.

```ruby
headers = {}

HTMX.request! headers, boosted: true, prompt: "Yes"
# {"HTTP_HX_BOOSTED" => true, "HTTP_HX_PROMPT" => "Yes"}

HTMX.request? headers, :prompt, "Yes"  # true
HTMX.request? headers, :prompt, "On"   # false
```

--------------------------------

### HTMX Request Headers Parsing

Source: https://alchemists.io/projects/htmx/index

Demonstrates how to parse HTMX request headers using the `HTMX.request` method. It shows how to access specific headers and use predicate methods for boolean checks on header values. This method focuses on HTMX-specific headers and ignores others.

```ruby
headers = HTMX.request "HTTP_HX_BOOSTED" => "true",
                       "HTTP_HX_CURRENT_URL" => "/demo",
                       "HTTP_HX_HISTORY_RESTORE_REQUEST" => "false",
                       "HTTP_HX_PROMPT" => "Yes",
                       "HTTP_HX_REQUEST" => "true",
                       "HTTP_HX_TARGET" => "demo",
                       "HTTP_HX_TRIGGER_NAME" => "save",
                       "HTTP_HX_TRIGGER" => "demo"

headers.boosted?                  # true
headers.confirmed?                # true
headers.history_restore_request?  # false
headers.request?                  # true
```

--------------------------------

### HTMX Response Header Mutation

Source: https://alchemists.io/projects/htmx/index

Demonstrates how to use `HTMX.response!` to mutate a hash by adding HTMX response headers. This method allows for direct manipulation of a hash to include specific response headers like `location` and `push_url`.

```ruby
headers = {}

HTMX.response! headers, location: "/", push_url: "/test"
# {"HX-Location"=>"/", "HX-Push-Url"=>"/test"}
```

--------------------------------

### HTMX Error Handling

Source: https://alchemists.io/projects/htmx/index

Explains that all errors generated by the HTMX gem are instances of the `HTMX::Error` class, which inherits from `StandardError`. This allows for consistent error catching and management.

```ruby
Any/all errors issued by this gem will be an instance of the `HTMX::Error` class which inherits from `StandardError`. You can use this classification to catch and deal with these errors in your own implementation as desired.
```

--------------------------------

### Parse HTMX HTTP Request Headers

Source: https://alchemists.io/projects/htmx/index

Parses incoming HTTP request headers related to HTMX into a structured `Data` object. This simplifies accessing information like `HX-Request`, `HX-Target`, etc.

```ruby
HTMX.request "HTTP_HX_BOOSTED" => "true",
             "HTTP_HX_CURRENT_URL" => "/demo",
             "HTTP_HX_HISTORY_RESTORE_REQUEST" => "false",
             "HTTP_HX_PROMPT" => "Yes",
             "HTTP_HX_REQUEST" => "true",
             "HTTP_HX_TARGET" => "demo",
             "HTTP_HX_TRIGGER_NAME" => "save",
             "HTTP_HX_TRIGGER" => "demo"
```

--------------------------------

### HTMX Request for Adding New Form Element

Source: https://alchemists.io/projects/htmx/-remove

This snippet demonstrates a typical HTMX use case where a link triggers a request to add a new form element to the DOM. It specifies the HTTP method, trigger event, target element, and swap strategy.

```html
<a hx-get="/tasks/new"
   hx-trigger="click"
   hx-target=".tasks"
   hx-swap="beforeend"
   href="/tasks/new">
  New
</a>

<section class="tasks">
</section>
```

--------------------------------

### HTMX Form Element with Remove Extension

Source: https://alchemists.io/projects/htmx/-remove

This snippet shows a form element that is configured to be removed from the DOM when a specific button is clicked. It utilizes the `hx-ext="remove"` attribute on the form and a `data-remove="true"` attribute on the button.

```html
<form class="body" action="/tasks" method="post" hx-ext="remove">
  <!-- Implementation details... -->

  <input name="commit"
         type="submit"
         value="Save"
         hx-trigger="click"
         hx-target="closest .task"
         hx-swap="outerHTML"
         hx-post="/tasks">

  <button data-remove="true">Cancel</button>
</form>
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.