docs: put hcl2 example in first tab

hashicorp · Dec 20, 2024 · 5940ab6 · 5940ab6
1 parent b6141fd
commit 5940ab6
Show file tree

Hide file tree

Showing 7 changed files with 188 additions and 188 deletions.
diff --git a/website/content/docs/builders/file.mdx b/website/content/docs/builders/file.mdx
@@ -25,17 +25,6 @@ Below is a fully functioning example. It create a file at `target` with the
 specified `content`.
 
 <Tabs>
-<Tab heading="JSON">
-
-```json
-{
-  "type": "file",
-  "content": "Lorem ipsum dolor sit amet",
-  "target": "dummy_artifact"
-}
-```
-
-</Tab>
 <Tab heading="HCL2">
 
 ```hcl
@@ -49,6 +38,17 @@ build {
 }
 ```
 
+</Tab>
+<Tab heading="JSON">
+
+```json
+{
+  "type": "file",
+  "content": "Lorem ipsum dolor sit amet",
+  "target": "dummy_artifact"
+}
+```
+
 </Tab>
 </Tabs>
 

diff --git a/website/content/docs/builders/null.mdx b/website/content/docs/builders/null.mdx
@@ -26,18 +26,6 @@ Below is a fully functioning example. It doesn't do anything useful, since no
 provisioners are defined, but it will connect to the specified host via ssh.
 
 <Tabs>
-<Tab heading="JSON">
-
-```json
-{
-  "type": "null",
-  "ssh_host": "127.0.0.1",
-  "ssh_username": "foo",
-  "ssh_password": "bar"
-}
-```
-
-</Tab>
 <Tab heading="HCL2">
 
 ```hcl
@@ -52,6 +40,18 @@ build {
 }
 ```
 
+</Tab>
+<Tab heading="JSON">
+
+```json
+{
+  "type": "null",
+  "ssh_host": "127.0.0.1",
+  "ssh_username": "foo",
+  "ssh_password": "bar"
+}
+```
+
 </Tab>
 </Tabs>
 

diff --git a/website/content/docs/post-processors/checksum.mdx b/website/content/docs/post-processors/checksum.mdx
@@ -33,6 +33,16 @@ a third-party post-processor.
 ## Basic example
 
 <Tabs>
+<Tab heading="HCL2">
+
+```hcl
+post-processor "checksum" {
+  checksum_types = ["sha1", "sha256"]
+  output = "packer_{{.BuildName}}_{{.ChecksumType}}.checksum"
+}
+```
+
+</Tab>
 <Tab heading="JSON">
 
 ```json
@@ -43,16 +53,6 @@ a third-party post-processor.
 }
 ```
 
-</Tab>
-<Tab heading="HCL2">
-
-```hcl
-post-processor "checksum" {
-  checksum_types = ["sha1", "sha256"]
-  output = "packer_{{.BuildName}}_{{.ChecksumType}}.checksum"
-}
-```
-
 </Tab>
 </Tabs>
 

diff --git a/website/content/docs/post-processors/manifest.mdx b/website/content/docs/post-processors/manifest.mdx
@@ -48,6 +48,13 @@ is not a behavior anyone should ever expect.
 The minimal way to use the manifest post-processor is by just writing its definition, like:
 
 <Tabs>
+<Tab heading="HCL2">
+
+```hcl
+post-processor "manifest" {}
+```
+
+</Tab>
 <Tab heading="JSON">
 
 ```json
@@ -61,18 +68,24 @@ The minimal way to use the manifest post-processor is by just writing its defini
 ```
 
 </Tab>
+</Tabs>
+
+A more complete example:
+
+<Tabs>
 <Tab heading="HCL2">
 
 ```hcl
-post-processor "manifest" {}
+post-processor "manifest" {
+    output = "manifest.json"
+    strip_path = true
+    custom_data = {
+      my_custom_data = "example"
+    }
+}
 ```
 
 </Tab>
-</Tabs>
-
-A more complete example:
-
-<Tabs>
 <Tab heading="JSON">
 
 ```json
@@ -90,19 +103,6 @@ A more complete example:
 }
 ```
 
-</Tab>
-<Tab heading="HCL2">
-
-```hcl
-post-processor "manifest" {
-    output = "manifest.json"
-    strip_path = true
-    custom_data = {
-      my_custom_data = "example"
-    }
-}
-```
-
 </Tab>
 </Tabs>
 
@@ -139,6 +139,29 @@ artifacts from the manifest by using `packer_run_uuid`.
 The above manifest was generated with the following template:
 
 <Tabs>
+<Tab heading="HCL2">
+
+```hcl
+source "docker" "docker"{
+    image = "ubuntu:latest"
+    export_path = "packer_example"
+    run_command = ["-d", "-i", "-t", "--entrypoint=/bin/bash", "{{.Image}}"]
+}
+
+build {
+    sources = ["docker.docker"]
+
+    post-processor "manifest" {
+        output = "manifest.json"
+        strip_path = true
+        custom_data = {
+          my_custom_data = "example"
+        }
+    }
+}
+```
+
+</Tab>
 <Tab heading="JSON">
 
 ```json
@@ -164,29 +187,6 @@ The above manifest was generated with the following template:
 }
 ```
 
-</Tab>
-<Tab heading="HCL2">
-
-```hcl
-source "docker" "docker"{
-    image = "ubuntu:latest"
-    export_path = "packer_example"
-    run_command = ["-d", "-i", "-t", "--entrypoint=/bin/bash", "{{.Image}}"]
-}
-
-build {
-    sources = ["docker.docker"]
-
-    post-processor "manifest" {
-        output = "manifest.json"
-        strip_path = true
-        custom_data = {
-          my_custom_data = "example"
-        }
-    }
-}
-```
-
 </Tab>
 </Tabs>
 

diff --git a/website/content/docs/provisioners/breakpoint.mdx b/website/content/docs/provisioners/breakpoint.mdx
@@ -27,6 +27,30 @@ and between every provisioner.
 ## Basic Example
 
 <Tabs>
+<Tab heading="HCL2">
+
+```hcl
+source "null" "example" {
+  communicator = "none"
+}
+
+build {
+  sources = ["source.null.example"]
+
+  provisioner "shell-local" {
+    inline = ["echo hi"]
+  }
+  provisioner "breakpoint" {
+    disable = false
+    note    = "this is a breakpoint"
+  }
+  provisioner "shell-local" {
+    inline = ["echo hi 2"]
+  }
+}
+```
+
+</Tab>
 <Tab heading="JSON">
 
 ```json
@@ -55,30 +79,6 @@ and between every provisioner.
 }
 ```
 
-</Tab>
-<Tab heading="HCL2">
-
-```hcl
-source "null" "example" {
-  communicator = "none"
-}
-
-build {
-  sources = ["source.null.example"]
-
-  provisioner "shell-local" {
-    inline = ["echo hi"]
-  }
-  provisioner "breakpoint" {
-    disable = false
-    note    = "this is a breakpoint"
-  }
-  provisioner "shell-local" {
-    inline = ["echo hi 2"]
-  }
-}
-```
-
 </Tab>
 </Tabs>
 

diff --git a/website/content/docs/provisioners/file.mdx b/website/content/docs/provisioners/file.mdx
@@ -30,6 +30,16 @@ The file provisioner can upload both single files and complete directories.
 ## Basic Example
 
 <Tabs>
+<Tab heading="HCL2">
+
+```hcl
+provisioner "file" {
+  source = "app.tar.gz"
+  destination = "/tmp/app.tar.gz"
+}
+```
+
+</Tab>
 <Tab heading="JSON">
 
 ```json
@@ -40,16 +50,6 @@ The file provisioner can upload both single files and complete directories.
 }
 ```
 
-</Tab>
-<Tab heading="HCL2">
-
-```hcl
-provisioner "file" {
-  source = "app.tar.gz"
-  destination = "/tmp/app.tar.gz"
-}
-```
-
 </Tab>
 </Tabs>