ci: add auto-prettier (#694)

Co-authored-by: ascorbic <[email protected]>
ascorbic · Sep 19, 2024 · 2a352c7 · 2a352c7
1 parent 20dbe59
commit 2a352c7
Show file tree

Hide file tree

Showing 70 changed files with 854 additions and 2,254 deletions.
diff --git a/.eslintignore b/.eslintignore
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
diff --git a/.github/workflows/format.yml b/.github/workflows/format.yml
@@ -0,0 +1,39 @@
+name: Format
+
+on:
+  push:
+    branches: [main]
+  workflow_dispatch:
+  pull_request:
+    branches: [main]
+permissions:
+  contents: write
+  pull-requests: write
+
+jobs:
+  format:
+    runs-on: ubuntu-latest
+    name: Format Files
+    steps:
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          cache: "pnpm"
+          check-latest: true
+          registry-url: "https://registry.npmjs.org"
+          node-version: latest
+      - name: Install dependencies
+        run: |
+          corepack enable
+          pnpm install
+      - name: Format
+        run: pnpm format
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      - uses: stefanzweifel/git-auto-commit-action@v4
+        if: github.event_name == 'push' || github.event_name == 'workflow_dispatch'
+        with:
+          commit_message: "chore: format"
diff --git a/.prettierignore b/.prettierignore
@@ -1,2 +1,10 @@
 package.json
-CHANGELOG..md
+CHANGELOG.md
+.angular
+.astro
+.netlify
+.github
+cache
+.svelte-kit
+svelte/build
+pnpm-lock.yaml
diff --git a/.prettierrc b/.prettierrc
@@ -1,8 +1,6 @@
 {
   "proseWrap": "always",
-  "plugins": [
-    "prettier-plugin-astro"
-  ],
+  "plugins": ["prettier-plugin-astro"],
   "overrides": [
     {
       "files": "*.astro",
@@ -11,4 +9,4 @@
       }
     }
   ]
-}
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,8 +1,4 @@
 {
-    "deno.enablePaths": [
-        "docs/netlify/edge-functions"
-    ],
-    "githubPullRequests.ignoredPullRequestBranches": [
-        "main"
-    ]
-}
+  "deno.enablePaths": ["docs/netlify/edge-functions"],
+  "githubPullRequests.ignoredPullRequestBranches": ["main"]
+}
diff --git a/docs/README.md b/docs/README.md
@@ -25,7 +25,7 @@ npm create astro@latest -- --template docs
 
 ## 🧞 Commands
 
-All commands are run from the root of the project, from a terminal:
+ All commands are run from the root of the project, from a terminal:
 
 | Command                | Action                                           |
 | :--------------------- | :----------------------------------------------- |

diff --git a/docs/tsconfig.json b/docs/tsconfig.json
@@ -4,8 +4,8 @@
     "jsx": "preserve",
     "skipLibCheck": true,
     "jsxImportSource": "preact",
-    "strictNullChecks": true,
+    "strictNullChecks": true
   },
   "include": ["./src/**/*"],
-  "exclude": ["./node_modules", "./dist"],
+  "exclude": ["./node_modules", "./dist"]
 }
diff --git a/examples/angular/angular.json b/examples/angular/angular.json
@@ -20,17 +20,10 @@
             "outputPath": "dist/angular",
             "index": "src/index.html",
             "main": "src/main.ts",
-            "polyfills": [
-              "zone.js"
-            ],
+            "polyfills": ["zone.js"],
             "tsConfig": "tsconfig.app.json",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
-            "styles": [
-              "src/styles.css"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
+            "styles": ["src/styles.css"],
             "scripts": []
           },
           "configurations": {
@@ -81,22 +74,14 @@
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "polyfills": [
-              "zone.js",
-              "zone.js/testing"
-            ],
+            "polyfills": ["zone.js", "zone.js/testing"],
             "tsConfig": "tsconfig.spec.json",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
-            "styles": [
-              "src/styles.css"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
+            "styles": ["src/styles.css"],
             "scripts": []
           }
         }
       }
     }
   }
-}
+}
diff --git a/examples/angular/src/app/app.component.html b/examples/angular/src/app/app.component.html
@@ -1,11 +1,29 @@
 <main>
-  <img unpic
+  <img
+    unpic
     src="https://images.unsplash.com/photo-1617718295766-0f839c2853e7?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTczfHxyYWluZm9yZXN0JTIwYmVhY2h8ZW58MHx8MHx8&auto=format&fit=crop&w=900&q=60"
-    layout="fullWidth" alt="" priority height="400" background="auto" />
-  <img unpic src="https://cdn.shopify.com/static/sample-images/garnished.jpeg" layout="constrained" width="800"
-    height="600" alt="Shopify" />
-  <img unpic src="https://bunnyoptimizerdemo.b-cdn.net/bunny7.jpg?width=300" width="400" height="300" layout="fixed"
-    alt="Bunny.net" />
+    layout="fullWidth"
+    alt=""
+    priority
+    height="400"
+    background="auto"
+  />
+  <img
+    unpic
+    src="https://cdn.shopify.com/static/sample-images/garnished.jpeg"
+    layout="constrained"
+    width="800"
+    height="600"
+    alt="Shopify"
+  />
+  <img
+    unpic
+    src="https://bunnyoptimizerdemo.b-cdn.net/bunny7.jpg?width=300"
+    width="400"
+    height="300"
+    layout="fixed"
+    alt="Bunny.net"
+  />
   <form [formGroup]="imageForm">
     <label>
       Width:
@@ -17,18 +35,38 @@
     </label>
   </form>
 
-  <img unpic src="https://bunnyoptimizerdemo.b-cdn.net/bunny7.jpg?width=300" [width]="width" [height]="height" />
+  <img
+    unpic
+    src="https://bunnyoptimizerdemo.b-cdn.net/bunny7.jpg?width=300"
+    [width]="width"
+    [height]="height"
+  />
   <div>
     <picture class="hero">
       <!-- Large screens get a full-width hero image -->
-      <source unpic src="https://images.unsplash.com/photo-1694406805270-f3a93e91f4b6" media="(min-width: 601px)"
-        layout="fullWidth" />
+      <source
+        unpic
+        src="https://images.unsplash.com/photo-1694406805270-f3a93e91f4b6"
+        media="(min-width: 601px)"
+        layout="fullWidth"
+      />
       <!-- Small screens get a constrained square image -->
-      <source unpic src="https://images.unsplash.com/photo-1693711942336-f4f9963bd364" media="(max-width: 600px)"
-        width="600" height="600" />
+      <source
+        unpic
+        src="https://images.unsplash.com/photo-1693711942336-f4f9963bd364"
+        media="(max-width: 600px)"
+        width="600"
+        height="600"
+      />
       <!-- Always include an Image as the final element -->
-      <img unpic src="https://images.unsplash.com/photo-1693711942336-f4f9963bd364" width="600" height="600"
-        alt="Aurora" unstyled />
+      <img
+        unpic
+        src="https://images.unsplash.com/photo-1693711942336-f4f9963bd364"
+        width="600"
+        height="600"
+        alt="Aurora"
+        unstyled
+      />
     </picture>
   </div>
   <style>
@@ -39,20 +77,18 @@
     }
 
     @media (min-width: 601px) {
-
       /* Style for full-width layout */
       .hero img {
         height: 600px;
       }
     }
 
     @media (max-width: 600px) {
-
       /* Style for constrained layout */
       .hero img {
         max-width: 600px;
         aspect-ratio: 1/1;
       }
     }
   </style>
-</main>
+</main>
diff --git a/examples/angular/src/app/app.component.spec.ts b/examples/angular/src/app/app.component.spec.ts
@@ -4,9 +4,7 @@ import { AppComponent } from './app.component';
 describe('AppComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [
-        AppComponent
-      ],
+      declarations: [AppComponent],
     }).compileComponents();
   });
 
@@ -26,6 +24,8 @@ describe('AppComponent', () => {
     const fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
     const compiled = fixture.nativeElement as HTMLElement;
-    expect(compiled.querySelector('.content span')?.textContent).toContain('angular app is running!');
+    expect(compiled.querySelector('.content span')?.textContent).toContain(
+      'angular app is running!',
+    );
   });
 });
diff --git a/examples/angular/src/main.ts b/examples/angular/src/main.ts
@@ -2,6 +2,6 @@ import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
 import { AppModule } from './app/app.module';
 
-
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));
+platformBrowserDynamic()
+  .bootstrapModule(AppModule)
+  .catch((err) => console.error(err));
diff --git a/examples/angular/tsconfig.app.json b/examples/angular/tsconfig.app.json
@@ -5,10 +5,6 @@
     "outDir": "./out-tsc/app",
     "types": []
   },
-  "files": [
-    "src/main.ts"
-  ],
-  "include": [
-    "src/**/*.d.ts"
-  ]
+  "files": ["src/main.ts"],
+  "include": ["src/**/*.d.ts"]
 }
diff --git a/examples/angular/tsconfig.json b/examples/angular/tsconfig.json
@@ -19,10 +19,7 @@
     "target": "ES2022",
     "module": "ES2022",
     "useDefineForClassFields": false,
-    "lib": [
-      "ES2022",
-      "dom"
-    ]
+    "lib": ["ES2022", "dom"]
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,

diff --git a/examples/angular/tsconfig.spec.json b/examples/angular/tsconfig.spec.json
@@ -3,12 +3,7 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "./out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
+    "types": ["jasmine"]
   },
-  "include": [
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
-  ]
+  "include": ["src/**/*.spec.ts", "src/**/*.d.ts"]
 }
diff --git a/examples/astro/README.md b/examples/astro/README.md
@@ -22,9 +22,11 @@ Inside of your Astro project, you'll see the following folders and files:
 └── package.json
 ```
 
-Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
+Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page
+is exposed as a route based on its file name.
 
-There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
+There's nothing special about `src/components/`, but that's where we like to put
+any Astro/React/Vue/Svelte/Preact components.
 
 Any static assets, like images, can be placed in the `public/` directory.
 
@@ -43,4 +45,5 @@ All commands are run from the root of the project, from a terminal:
 
 ## 👀 Want to learn more?
 
-Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).
+Feel free to check [our documentation](https://docs.astro.build) or jump into
+our [Discord server](https://astro.build/chat).