From 827b14cae4762c32cbeb891fc54be84b529701a6 Mon Sep 17 00:00:00 2001
From: Daniel Mata <100956688+matadaniel@users.noreply.github.com>
Date: Fri, 6 Jan 2023 21:01:18 -0600
Subject: [PATCH 1/2] fix netlify-honeypot attribute

---
 src/components/FeedbackForm.astro | 106 +++++++++++++++---------------
 1 file changed, 54 insertions(+), 52 deletions(-)

diff --git a/src/components/FeedbackForm.astro b/src/components/FeedbackForm.astro
index 803c196..0a2803b 100644
--- a/src/components/FeedbackForm.astro
+++ b/src/components/FeedbackForm.astro
@@ -1,59 +1,61 @@
 ---
 ---
 
-  <p>Here's an example of a Netlify Form! When you fill this out, the submissions can be found in the Netlify Admin site.</p>
-  <div class="feedback-form">
-      <form
-        netlify
-        netlify-honeypot
-        name="feedback"
-        method="POST"
-        action="/success"
-      >
-        <p class="hidden">
-          <label>
-            Don’t fill this out if you’re human: <input name="bot-field" />
-          </label>
-        </p>
-        <input type="hidden" name="form-name" value="feedback" />
-        <label for="name">Name</label>
-        <input id="name" type="text" name="name" />
-        <label for="email">Email</label>
-        <input id="email" type="email" name="email" required />
-        <label for="feedback">What is your feedback?</label>
-        <textarea id="feedback" wrap="soft" name="feedback" required></textarea>
-        <button type="submit">Submit</button>
-      </form>
-  </div>
+<p>
+  Here's an example of a Netlify Form! When you fill this out, the submissions
+  can be found in the Netlify Admin site.
+</p>
+<div class="feedback-form">
+  <form
+    netlify
+    netlify-honeypot="bot-field"
+    name="feedback"
+    method="POST"
+    action="/success"
+  >
+    <p class="hidden">
+      <label>
+        Don’t fill this out if you’re human: <input name="bot-field" />
+      </label>
+    </p>
+    <input type="hidden" name="form-name" value="feedback" />
+    <label for="name">Name</label>
+    <input id="name" type="text" name="name" />
+    <label for="email">Email</label>
+    <input id="email" type="email" name="email" required />
+    <label for="feedback">What is your feedback?</label>
+    <textarea id="feedback" wrap="soft" name="feedback" required></textarea>
+    <button type="submit">Submit</button>
+  </form>
+</div>
 
 <style>
   .feedback-form {
-  margin: 40px 40px;
-  min-width: 250px;
-  width: 45%;
-}
-input,
-textarea,
-button {
-  font-size: inherit;
-  margin: 15px 0;
-  padding: 12px 20px;
-  width: 100%;
-}
-button {
-  background-color: teal;
-  border: 1px solid black;
-  color: white;
-  width: 50%;
-}
-.hidden {
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-}
+    margin: 40px 40px;
+    min-width: 250px;
+    width: 45%;
+  }
+  input,
+  textarea,
+  button {
+    font-size: inherit;
+    margin: 15px 0;
+    padding: 12px 20px;
+    width: 100%;
+  }
+  button {
+    background-color: teal;
+    border: 1px solid black;
+    color: white;
+    width: 50%;
+  }
+  .hidden {
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: 1px;
+    overflow: hidden;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+  }
 </style>
-

From a2ccf9fa7ddaff572510754739243cbe08ef2419 Mon Sep 17 00:00:00 2001
From: Daniel Mata <100956688+matadaniel@users.noreply.github.com>
Date: Fri, 6 Jan 2023 21:05:42 -0600
Subject: [PATCH 2/2] create custom-attributes.d.ts

extend the default JSX definitions to add non-standard attributes
---
 src/custom-attributes.d.ts | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 src/custom-attributes.d.ts

diff --git a/src/custom-attributes.d.ts b/src/custom-attributes.d.ts
new file mode 100644
index 0000000..2868ceb
--- /dev/null
+++ b/src/custom-attributes.d.ts
@@ -0,0 +1,6 @@
+declare namespace astroHTML.JSX {
+  interface HTMLAttributes {
+    netlify?: true;
+    'netlify-honeypot'?: string;
+  }
+}