[ci] sync template files

.github/workflows/deployment.yaml

@@ -68,7 +68,7 @@ jobs:
         id: changesets
         with:
           version: pnpm run version
-          commit: "chore: release"
+          commit: "[ci] release"
           title: "[ci] release"
         env:
           GITHUB_TOKEN: ${{ steps.generate_token.outputs.token}}
@@ -78,8 +78,9 @@ jobs:
         if: steps.changesets.outputs.hasChangesets == 'true'
         run: |
           git checkout changeset-release/main
-          VERSION=$(node -p "require('./docs/package.json').version")
-          git commit --amend -m "chore(release): publish v$VERSION" --no-edit
+          VERSION=$(node -p "require('./packages/starlight-contributor-list/package.json').version")
+          NAME=$(node -p "require('./packages/starlight-contributor-list/package.json').name")
+          git commit --amend -m "[ci] release $NAME v$VERSION" --no-edit
           git push origin changeset-release/main:changeset-release/main --force
 
   image-tag:

.github/workflows/format.yaml

@@ -32,6 +32,6 @@ jobs:
       - name: Run pngquant
         run: |
           shopt -s globstar
-          find . -name '*.png' -exec pngquant --ext .png --force 256 {} \;
+          find . -name '*.png' -exec pngquant --ext .png 256 {} \;
 
       - uses: autofix-ci/action@ff86a557419858bb967097bfc916833f5647fa8c

.gitignore

@@ -93,6 +93,7 @@ out
 # Nuxt.js build / generate output
 .nuxt
 dist
+.output
 
 # Gatsby files
 .cache/

.prettierrc

@@ -1,8 +1,29 @@
 {
+  "plugins": ["prettier-plugin-astro", "@trivago/prettier-plugin-sort-imports"],
   "trailingComma": "es5",
   "tabWidth": 2,
   "semi": true,
   "singleQuote": false,
   "endOfLine": "lf",
-  "htmlWhitespaceSensitivity": "css"
+  "htmlWhitespaceSensitivity": "css",
+  "overrides": [
+    {
+      "files": "*.astro",
+      "options": {
+        "parser": "astro"
+      }
+    }
+  ],
+  "importOrder": [
+    "<THIRD_PARTY_MODULES>",
+    "^@internal/(.*)$",
+    "^@/models/(.*)$",
+    "^@/utils/(.*)$",
+    "^@/components/(?!ui/)(.*)$",
+    "^@/components/ui/(.*)$",
+    "^[./].*(?<!\\.(c|le|sc)ss)$",
+    "^[.]/[-a-zA-Z0-9_]+[.](module)[.](css|scss|less)$"
+  ],
+  "importOrderSeparation": true,
+  "importOrderSortSpecifiers": true
 }

docs/astro.config.ts

@@ -1,6 +1,6 @@
 import starlight from "@astrojs/starlight";
-import { defineConfig } from "astro/config";
 import starlightPluginsDocsComponents from "@trueberryless-org/starlight-plugins-docs-components";
+import { defineConfig } from "astro/config";
 import starlightPluginShowLatestVersion from "starlight-plugin-show-latest-version";
 
 export default defineConfig({

docs/src/content.config.ts

@@ -1,6 +1,6 @@
-import { defineCollection } from "astro:content";
 import { docsLoader } from "@astrojs/starlight/loaders";
 import { docsSchema } from "@astrojs/starlight/schema";
+import { defineCollection } from "astro:content";
 
 export const collections = {
   docs: defineCollection({ loader: docsLoader(), schema: docsSchema() }),

package.json

@@ -19,7 +19,10 @@
   },
   "devDependencies": {
     "@changesets/changelog-github": "^0.5.0",
-    "@changesets/cli": "^2.27.11"
+    "@changesets/cli": "^2.27.11",
+    "@trivago/prettier-plugin-sort-imports": "5.2.2",
+    "prettier": "3.5.3",
+    "prettier-plugin-astro": "0.14.1"
   },
   "packageManager": "[email protected]",
   "engines": {

packages/starlight-contributor-list/components/ContributorList.astro

@@ -1,15 +1,15 @@
 ---
-import { getAllContributors } from '../libs/getContributors';
-import FacePile from './FacePile.astro';
+import { getAllContributors } from "../libs/getContributors";
+import FacePile from "./FacePile.astro";
 
 export interface Props {
-	githubRepo?: `${string}/${string}`;
-  ignore?: string[]
+  githubRepo?: `${string}/${string}`;
+  ignore?: string[];
 }
 
-const { githubRepo = 'withastro/docs', ignore } = Astro.props as Props;
+const { githubRepo = "withastro/docs", ignore } = Astro.props as Props;
 
 const contributors = await getAllContributors(githubRepo, ignore);
 ---
 
-<FacePile {contributors} />
+<FacePile {contributors} />

packages/starlight-contributor-list/components/FacePile.astro

@@ -1,83 +1,88 @@
 ---
-import type { Contributor } from '../libs/getContributors';
+import type { Contributor } from "../libs/getContributors";
 
 export interface Props {
-	contributors: Contributor[];
+  contributors: Contributor[];
 }
 
 const { contributors } = Astro.props as Props;
 ---
 
 <!-- Thanks to @5t3ph for https://smolcss.dev/#smol-avatar-list! -->
 <div>
-	<ul class="avatar-list">
-		{
-			contributors.map((item) => (
-				<li>
-					<a href={`https://github.com/${item.login}`}>
-						<img
-							alt={item.login}
-							title={item.login}
-							width="3rem"
-							height="3rem"
-							src={`https://avatars.githubusercontent.com/u/${item.id}?s=64`}
-							loading="lazy"
-						/>
-					</a>
-				</li>
-			))
-		}
-	</ul>
+  <ul class="avatar-list">
+    {
+      contributors.map((item) => (
+        <li>
+          <a href={`https://github.com/${item.login}`}>
+            <img
+              alt={item.login}
+              title={item.login}
+              width="3rem"
+              height="3rem"
+              src={`https://avatars.githubusercontent.com/u/${item.id}?s=64`}
+              loading="lazy"
+            />
+          </a>
+        </li>
+      ))
+    }
+  </ul>
 </div>
 
 <style>
-	.avatar-list {
-		--avatar-size: 3rem;
-		--avatar-overlap: -0.125em;
-		--avatar-row-spacing: 0.125em;
-		--avatar-outline-width: 1px;
-		--avatar-outline-offset: 0.08em;
+  .avatar-list {
+    --avatar-size: 3rem;
+    --avatar-overlap: -0.125em;
+    --avatar-row-spacing: 0.125em;
+    --avatar-outline-width: 1px;
+    --avatar-outline-offset: 0.08em;
 
-		display: flex;
-		flex-wrap: wrap;
-		list-style: none;
-		padding: var(--avatar-border);
-		font-size: var(--avatar-size);
-	}
+    display: flex;
+    flex-wrap: wrap;
+    list-style: none;
+    padding: var(--avatar-border);
+    font-size: var(--avatar-size);
+  }
 
-	.avatar-list li {
-		--avatar-row-margin: calc(
-			var(--avatar-outline-offset) + var(--avatar-outline-width) + var(--avatar-row-spacing) / 2
-		);
-		margin: var(--avatar-row-margin) var(--avatar-overlap) var(--avatar-row-margin) 0;
-	}
+  .avatar-list li {
+    --avatar-row-margin: calc(
+      var(--avatar-outline-offset) + var(--avatar-outline-width) +
+        var(--avatar-row-spacing) / 2
+    );
+    margin: var(--avatar-row-margin) var(--avatar-overlap)
+      var(--avatar-row-margin) 0;
+  }
 
-	.avatar-list img,
-	.avatar-list a {
-		display: block;
-		border-radius: 50%;
-		width: var(--avatar-size);
-		height: var(--avatar-size);
-		/* Hide alt/title if Avatar image fails to load. */
-		text-decoration: none;
-		color: transparent;
-	}
+  .avatar-list img,
+  .avatar-list a {
+    display: block;
+    border-radius: 50%;
+    width: var(--avatar-size);
+    height: var(--avatar-size);
+    /* Hide alt/title if Avatar image fails to load. */
+    text-decoration: none;
+    color: transparent;
+  }
 
-	.avatar-list img {
-		width: 100%;
-		height: 100%;
-		object-fit: cover;
-		background-color: var(--theme-bg);
-		box-shadow: 0 0 0 var(--avatar-outline-width) var(--theme-divider),
-			0 0 0 var(--avatar-outline-offset) var(--theme-bg),
-			0 0 0 calc(var(--avatar-outline-offset) + var(--avatar-outline-width)) var(--theme-divider),
-			0 0 calc(var(--theme-glow-blur) + var(--avatar-outline-offset)) var(--theme-glow-diffuse);
-		/* Indicates the contributor image boundaries for forced colors users, transparent is changed to a solid color */
-		outline: 1px solid transparent;
-	}
+  .avatar-list img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    background-color: var(--theme-bg);
+    box-shadow:
+      0 0 0 var(--avatar-outline-width) var(--theme-divider),
+      0 0 0 var(--avatar-outline-offset) var(--theme-bg),
+      0 0 0 calc(var(--avatar-outline-offset) + var(--avatar-outline-width))
+        var(--theme-divider),
+      0 0 calc(var(--theme-glow-blur) + var(--avatar-outline-offset))
+        var(--theme-glow-diffuse);
+    /* Indicates the contributor image boundaries for forced colors users, transparent is changed to a solid color */
+    outline: 1px solid transparent;
+  }
 
-	.avatar-list a:focus {
-		outline: 2px solid var(--theme-accent);
-		outline-offset: var(--avatar-outline-offset);
-	}
-</style>
+  .avatar-list a:focus {
+    outline: 2px solid var(--theme-accent);
+    outline-offset: var(--avatar-outline-offset);
+  }
+</style>

packages/starlight-contributor-list/libs/util-server.ts

@@ -2,7 +2,6 @@
 	This file contains server-side utilities using features that don't work in a browser.
 	Do not import this file from a hydrated client-side component.
 */
-
 // @ts-expect-error Package without types we can’t do anything about.
 import EleventyFetch from "@11ty/eleventy-fetch";