Copied changes from hmpl/app

Author: aanthonymax

astro.config.mjs

@@ -137,6 +137,11 @@ export default defineConfig({
                   label: "indicators",
                   link: "/block-helpers/request#indicators"
                 },
+                {
+                  label: "bind",
+                  link: "/block-helpers/request#bind",
+                  badge: { text: "new", variant: "note" }
+                },
                 {
                   label: "autoBody",
                   link: "/block-helpers/request#autobody"

src/components/HomePage.vue

@@ -246,6 +246,7 @@
             >Demo Sandbox</a
           >
         </div>
+        <!--
         <a
           href="https://www.producthunt.com/products/hmpl-js?embed=true&utm_source=badge-featured&utm_medium=badge&utm_source=badge-hmpl&#0045;js"
           target="_blank"
@@ -256,7 +257,7 @@
             style="width: 250px; height: 54px"
             width="250"
             height="54"
-        /></a>
+        /></a> -->
       </div>
     </div>
   </div>

src/content/docs/block-helpers/request.mdx

@@ -295,6 +295,74 @@ The content property must be a plain string containing static HTML markup. This
 
 Additionally, the value must be a single-line string — line breaks (e.g., `\n`) or other control characters are not allowed.
 
+## bind
+
+The bind property binds the request status with the attribute value of the corresponding tag.
+
+The property accepts either a string value or an [HMPLBindOptions](/types#hmplbindoptions) object that describes how the value for the attribute will be generated.
+
+```hmpl
+<div class="{{requestStatus}} class1">Text</div>
+{{#request
+  src="/api/getHTML"
+  bind="{{requestStatus}}"
+}}{{/request}}
+```
+
+The value itself is generated in the following form `${prefix}${target}-${status}`:
+
+```hmpl
+<div class="hmpl-status-requestStatus-200 class1">Text</div>
+```
+
+### Bind options
+
+Settings object for each attribute value generation.
+
+| Property | Type   | Description                                                        | Required |
+| -------- | ------ | ------------------------------------------------------------------ | -------- |
+| target   | string | A value that specifies which specific attribute to bind to         | Yes      |
+| prefix   | string | A string that is added to the attribute value before target-status | No       |
+
+#### target
+
+Specifies the binding target. The value is a string without spaces and unique for each block helper.
+
+```hmpl
+<div class="{{requestStatus1}} {{requestStatus2}}">Text</div>
+<div class="{{requestStatus1}} {{requestStatus2}}">Text</div>
+{{#request
+  src="/api/getHTML"
+  bind={ target: "requestStatus1" }
+}}{{/request}}
+{{#request
+  src="/api/getHTML"
+  bind={ target: "requestStatus2" }
+}}{{/request}}
+```
+
+Values ​​can be assigned to multiple attributes of multiple tags.
+
+#### prefix
+
+A string appended to the target and status in the attribute value. The value is not unique.
+
+```hmpl
+<div class="{{requestStatus}}">Text</div>
+{{#request
+  src="/api/getHTML"
+  bind={ target: "requestStatus", prefix: "custom-prefix-" }
+}}{{/request}}
+```
+
+The result of generating the value will be like this:
+
+```hmpl
+<tag attr="custom-prefix-requestStatus-200">...</tag>
+```
+
+The default value is `"hmpl-status-"`.
+
 ## autoBody
 
 The autoBody property specifies automatic generation of the `body` property within a [RequestInit](/functions/template#requestinit) object.
@@ -357,7 +425,7 @@ As of the current specification, automatic body generation exclusively supports
 
 ### AutoBody options
 
-Settings object for each automatic generation
+Settings object for each automatic generation.
 
 | Property | Type    | Description                            | Required |
 | -------- | ------- | -------------------------------------- | -------- |

src/content/docs/changelog.md

@@ -3,6 +3,12 @@ title: Changelog
 description: Version history and updates for HMPL
 ---
 
+## 3.2.0 (2025-11-12)
+
+- Adding the `bind` property
+- Correcting syntax errors
+- Adding `{{name}}` values ​​to attributes
+
 ## 3.1.0 (2025-10-24)
 
 - For the `get` function, instead of 4 arguments, we made a props object, which is convenient to work with.

src/content/docs/syntax/attribute.mdx

@@ -47,3 +47,17 @@ The following types are supported in values: `string`, `array`, `boolean`, `obje
 ## Peculiarities
 
 Some attributes can be overwritten in block helpers. So, for example, if you write indicators as an attribute, and then specify nested indicators.
+
+## External attribute values
+
+Since version 3.2.0, the template language now supports the ability to create constructs with double quotes outside of block helpers. Now, tag attributes can specify names that are functionally related to server requests.
+
+```hmpl
+<div class="{{requestStatus}} text">Some text</div>
+{{#request
+  src="/api/hello"
+  after="submit:#form"
+  repeat=false
+  bind="{{requestStatus}}"
+}}{{/request}}
+```

src/content/docs/types.mdx

@@ -94,6 +94,7 @@ interface HMPLRequestInfo {
   sanitize?: HMPLSanitize;
   disallowedTags?: HMPLDisallowedTags;
   autoBody?: boolean | HMPLAutoBodyOptions;
+  bind?: string | HMPLBindOptions;
 }
 ```
 
@@ -144,6 +145,15 @@ interface HMPLAutoBodyOptions {
 }
 ```
 
+## HMPLBindOptions
+
+```ts
+interface HMPLBindOptions {
+  target: string;
+  prefix?: string;
+}
+```
+
 ## HMPLInitalStatus
 
 ```ts