fix: formatting checks

Author: Cherry

.gitattributes

@@ -4,13 +4,15 @@
 *.html text eol=lf
 *.ini text eol=lf
 *.js text eol=lf
+*.jsx text eol=lf
 *.json text eol=lf
 *.md text eol=lf
 *.mdx text eol=lf
 *.mjs text eol=lf
 *.svg text eol=lf
 *.toml text eol=lf
 *.ts text eol=lf
+*.tsx text eol=lf
 *.txt text eol=lf
 *.vue text eol=lf
 *.xml text eol=lf

package.json

@@ -11,8 +11,9 @@
 		"check:worker": "npx tsc --noEmit -p ./worker/tsconfig.json",
 		"dev": "npx astro dev",
 		"format": "npm run format:core && npm run format:data",
-		"format:core": "npx prettier --write \"**/*.{js,jsx,ts,tsx,mjs,css}\"",
+		"format:core": "npx prettier \"**/*.{js,jsx,ts,tsx,mjs,css}\"",
 		"format:core:check": "npm run format:core -- --check",
+		"format:core:fix": "npm run format:core -- --write",
 		"format:content": "npx prettier --write \"**/*.{md,mdx,astro}\"",
 		"format:data": "npx prettier --write \"**/*.{json,yaml,yml}\"",
 		"postinstall": "npm run sync",

src/components/FeedbackPrompt.tsx

@@ -37,7 +37,7 @@ function Buttons({
 				}}
 				className="cursor-pointer bg-transparent"
 			>
-				<MdOutlineThumbUp className="text-sl text-2xl hover:text-accent" />
+				<MdOutlineThumbUp className="text-2xl text-sl hover:text-accent" />
 			</button>
 			<button
 				onClick={() => {
@@ -46,7 +46,7 @@ function Buttons({
 				}}
 				className="cursor-pointer bg-transparent"
 			>
-				<MdOutlineThumbDown className="text-sl text-2xl hover:text-accent" />
+				<MdOutlineThumbDown className="text-2xl text-sl hover:text-accent" />
 			</button>
 		</>
 	);

src/components/FieldCatalog.tsx

@@ -122,7 +122,7 @@ const FieldCatalog = ({ fields }: { fields: Fields }) => {
 						>
 							<div className="-mb-1 flex items-center">
 								<span
-									className="font-semibold text-lg text-ellipsis overflow-hidden whitespace-nowrap"
+									className="overflow-hidden text-ellipsis whitespace-nowrap text-lg font-semibold"
 									title={`${field.name}: ${field.data_type}`}
 								>
 									{field.name}

src/components/models/ModelInfo.tsx

@@ -5,7 +5,7 @@ const ModelInfo = ({ model }: { model: WorkersAIModelsSchema }) => {
 	const author =
 		authorData[model.name.split("/")[1]]?.name ?? model.name.split("/")[1];
 	return (
-		<span className="text-gray-400 !block mt-2 leading-5">
+		<span className="mt-2 !block leading-5 text-gray-400">
 			{model.task.name} • {author}
 		</span>
 	);

worker/worker-configuration.d.ts

@@ -6,4 +6,4 @@ interface Env {
 declare module "*/_redirects" {
 	const value: string;
 	export default value;
-}
+}