From 068c6ea45a495df2024df508a07e86f1a0b80624 Mon Sep 17 00:00:00 2001
From: "Vincent (Wen Yu) Ge" <vincent@trunk.io>
Date: Mon, 22 Jul 2024 18:58:20 +0000
Subject: [PATCH 1/3] Makes a contribution

---
 src/components/RedSquareWithResize.tsx                   | 9 +++++----
 .../docs/4-advanced-drawing-and-events/clipping.md       | 3 ++-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/RedSquareWithResize.tsx b/src/components/RedSquareWithResize.tsx
index ef49583..50f5e7f 100644
--- a/src/components/RedSquareWithResize.tsx
+++ b/src/components/RedSquareWithResize.tsx
@@ -6,8 +6,8 @@ const RedSquareWithResize: React.FC = () => {
   const canvasRef = useRef<HTMLCanvasElement>(null);
   const [x, setX] = useState(0);
   const [y, setY] = useState(0);
-  const [w, setW] = useState(50);
-  const [h, setH] = useState(50);
+  const [w, setW] =  useState(50);
+    const [h, setH] = useState(50);
 
   const draw = (ctx: {
     fillStyle: string;
@@ -29,6 +29,7 @@ const RedSquareWithResize: React.FC = () => {
   return (
     <div>
       <canvas ref={canvasRef} height={200} width={200} />
+      <p>The box is positioned at {{x}}, {{y}} with size {{w}} by {{h}}.<p/>
       <div
         style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: "10px" }}
       >
@@ -38,7 +39,7 @@ const RedSquareWithResize: React.FC = () => {
             max={100}
             step={1}
             value={x}
-            label="X"
+            label='X-Position'
             handleChange={(event) => {
               setX(parseInt(event.target.value));
             }}
@@ -50,7 +51,7 @@ const RedSquareWithResize: React.FC = () => {
             max={100}
             step={1}
             value={y}
-            label="Y"
+            label='Y-Position'
             handleChange={(event) => {
               setY(parseInt(event.target.value));
             }}
diff --git a/src/content/docs/4-advanced-drawing-and-events/clipping.md b/src/content/docs/4-advanced-drawing-and-events/clipping.md
index 72f3cc7..d9ec1c6 100644
--- a/src/content/docs/4-advanced-drawing-and-events/clipping.md
+++ b/src/content/docs/4-advanced-drawing-and-events/clipping.md
@@ -1,5 +1,6 @@
 ---
 title: placeholder
 description: placeholder
-prev: true
+    prev: true
+
 ---

From 01ebaa78cb08c1f231f1460605002c26d47491ab Mon Sep 17 00:00:00 2001
From: "Vincent (Wen Yu) Ge" <vincent@trunk.io>
Date: Mon, 22 Jul 2024 19:02:18 +0000
Subject: [PATCH 2/3] Fix workflow permissions

---
 .github/workflows/pr-annotations.yaml | 2 ++
 .gitignore                            | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/.github/workflows/pr-annotations.yaml b/.github/workflows/pr-annotations.yaml
index dc3d58d..9f15b63 100644
--- a/.github/workflows/pr-annotations.yaml
+++ b/.github/workflows/pr-annotations.yaml
@@ -17,7 +17,9 @@ permissions:
 
 jobs:
   Lint:
+    name: Trunk Check Annotate
     runs-on: ubuntu-latest
+    permissions:
     steps:
       - name: Checkout
         uses: actions/checkout@v3
diff --git a/.gitignore b/.gitignore
index 6240da8..342a315 100644
--- a/.gitignore
+++ b/.gitignore
@@ -19,3 +19,5 @@ pnpm-debug.log*
 
 # macOS-specific files
 .DS_Store
+
+package-lock.json
\ No newline at end of file

From e4bc4a1699d175a0c0155f28562c6bd17f82d227 Mon Sep 17 00:00:00 2001
From: "Vincent (Wen Yu) Ge" <vincent@trunk.io>
Date: Mon, 22 Jul 2024 19:03:58 +0000
Subject: [PATCH 3/3] Fix workflow permissions

---
 .github/workflows/pr-annotations.yaml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.github/workflows/pr-annotations.yaml b/.github/workflows/pr-annotations.yaml
index 9f15b63..0fe56bf 100644
--- a/.github/workflows/pr-annotations.yaml
+++ b/.github/workflows/pr-annotations.yaml
@@ -20,6 +20,7 @@ jobs:
     name: Trunk Check Annotate
     runs-on: ubuntu-latest
     permissions:
+      checks: write
     steps:
       - name: Checkout
         uses: actions/checkout@v3