feat: ✨ update hx-vals, hx-disable-elt, hx-headers and hx-include to …

…support parameter selection
CRBroughton · Jan 27, 2024 · 600d65b · 600d65b
1 parent 4fde24a
commit 600d65b
Show file tree

Hide file tree

Showing 8 changed files with 17 additions and 12 deletions.
diff --git a/.changeset/soft-parents-lie.md b/.changeset/soft-parents-lie.md
@@ -0,0 +1,5 @@
+---
+"htmx-attributes": minor
+---
+
+update hx-vals, hx-disable-elt, hx-headers and hx-include to support parameter selection
diff --git a/bun.lockb b/bun.lockb
diff --git a/snippets/htmx-add-html.json b/snippets/htmx-add-html.json
@@ -32,7 +32,7 @@
   "hx-disable-elt": {
     "prefix": "hx-disable-elt",
     "body": [
-      "hx-disable-elt=\"this\""
+      "hx-disable-elt=\"${1:this}\""
     ],
     "description": [
       "adds the disabled attribute to the specified elements while a request is in flight\n",
@@ -72,7 +72,7 @@
   "hx-headers": {
     "prefix": "hx-headers",
     "body": [
-      "hx-headers='{\"myHeader${01}\": \"My Value\"}'"
+      "hx-headers='{\"${1:myHeader}\": \"${2:My Value}\"}'"
     ],
     "description": [
       "adds to the headers that will be submitted with the request\n",
@@ -102,7 +102,7 @@
   "hx-include": {
     "prefix": "hx-include",
     "body": [
-      "hx-include=\"[name='email']\""
+      "hx-include=\"[${1:name}='${2:email}']\""
     ],
     "description": [
       "include additional data in requests\n",

diff --git a/snippets/htmx-add-jsx.json b/snippets/htmx-add-jsx.json
@@ -32,7 +32,7 @@
   "hx-disable-elt": {
     "prefix": "hx-disable-elt",
     "body": [
-      "hx-disable-elt=\"this\""
+      "hx-disable-elt=\"${1:this}\""
     ],
     "description": [
       "adds the disabled attribute to the specified elements while a request is in flight\n",
@@ -72,7 +72,7 @@
   "hx-headers": {
     "prefix": "hx-headers",
     "body": [
-      "hx-headers='{\"myHeader${01}\": \"My Value\"}'"
+      "hx-headers='{\"${1:myHeader}\": \"${2:My Value}\"}'"
     ],
     "description": [
       "adds to the headers that will be submitted with the request\n",
@@ -102,7 +102,7 @@
   "hx-include": {
     "prefix": "hx-include",
     "body": [
-      "hx-include=\"[name='email']\""
+      "hx-include=\"[${1:name}='${2:email}']\""
     ],
     "description": [
       "include additional data in requests\n",

diff --git a/snippets/htmx-add-templ.json b/snippets/htmx-add-templ.json
@@ -32,7 +32,7 @@
   "hx-disable-elt": {
     "prefix": "hx-disable-elt",
     "body": [
-      "hx-disable-elt=\"this\""
+      "hx-disable-elt=\"${1:this}\""
     ],
     "description": [
       "adds the disabled attribute to the specified elements while a request is in flight\n",
@@ -72,7 +72,7 @@
   "hx-headers": {
     "prefix": "hx-headers",
     "body": [
-      "hx-headers='{\"myHeader${01}\": \"My Value\"}'"
+      "hx-headers='{\"${1:myHeader}\": \"${2:My Value}\"}'"
     ],
     "description": [
       "adds to the headers that will be submitted with the request\n",
@@ -102,7 +102,7 @@
   "hx-include": {
     "prefix": "hx-include",
     "body": [
-      "hx-include=\"[name='email']\""
+      "hx-include=\"[${1:name}='${2:email}']\""
     ],
     "description": [
       "include additional data in requests\n",

diff --git a/snippets/htmx-core-html.json b/snippets/htmx-core-html.json
@@ -104,7 +104,7 @@
   "hx-vals": {
     "prefix": "hx-vals",
     "body": [
-      "hx-vals='{\"myVal${01}\": \"My Value\"}'"
+      "hx-vals='{\"${1:myVal$}\": \"${2:My Value}\"}'"
     ],
     "description": [
       "adds values to the parameters to submit with the request (JSON-formatted)\n",

diff --git a/snippets/htmx-core-jsx.json b/snippets/htmx-core-jsx.json
@@ -104,7 +104,7 @@
   "hx-vals": {
     "prefix": "hx-vals",
     "body": [
-      "hx-vals='{\"myVal${01}\": \"My Value\"}'"
+      "hx-vals='{\"${1:myVal$}\": \"${2:My Value}\"}'"
     ],
     "description": [
       "adds values to the parameters to submit with the request (JSON-formatted)\n",

diff --git a/snippets/htmx-core-templ.json b/snippets/htmx-core-templ.json
@@ -104,7 +104,7 @@
   "hx-vals": {
     "prefix": "hx-vals",
     "body": [
-      "hx-vals='{\"myVal${01}\": \"My Value\"}'"
+      "hx-vals='{\"${1:myVal$}\": \"${2:My Value}\"}'"
     ],
     "description": [
       "adds values to the parameters to submit with the request (JSON-formatted)\n",