feat: configured husky and lint-stage and fixed styles with prettier warning

Author: hpatoio

.eslintrc.js

@@ -1,4 +1,4 @@
 module.exports = {
-    extends: [require.resolve("@backstage/cli/config/eslint")],
-    ignorePatterns: ["node_modules/", "dist/", "*.d.ts", ".eslintrc.js"]
-};
+  extends: [require.resolve("@backstage/cli/config/eslint")],
+  ignorePatterns: ["node_modules/", "dist/", "*.d.ts", ".eslintrc.js"],
+};

.github/workflows/ci.yml

@@ -50,7 +50,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: 20
-          registry-url: 'https://registry.npmjs.org/'
+          registry-url: "https://registry.npmjs.org/"
 
       - name: Publish to npm
         run: yarn publish-to-npm

.husky/pre-commit

@@ -0,0 +1 @@
+npx lint-staged

.yarnrc.yml

@@ -1,7 +1,7 @@
-npmRegistryServer: 'https://registry.npmjs.org/'
+npmRegistryServer: "https://registry.npmjs.org/"
 
 enableGlobalCache: true
 
 nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-4.7.0.cjs
+yarnPath: .yarn/releases/yarn-4.7.0.cjs

README.md

@@ -17,14 +17,14 @@ yarn --cwd packages/app add @hpatoio/plugin-language-info
 Open `packages/app/src/components/catalog/EntityPage.tsx` and add
 
 ```tsx
-import { EntityLanguageInfoCard } from '@internal/plugin-language-info';
+import { EntityLanguageInfoCard } from "@internal/plugin-language-info";
 ```
 
 then `EntityLanguageInfoCard` in `overviewContent`
 
 ```tsx
 <Grid item md={6}>
-   <EntityLanguageInfoCard />
+  <EntityLanguageInfoCard />
 </Grid>
 ```
 
@@ -46,4 +46,4 @@ metadata:
 
 # Dependencies
 
-This plugin requires `plugin-language-info-backend`.
+This plugin requires `plugin-language-info-backend`.

lerna.json

@@ -1,5 +1,5 @@
 {
-    "$schema": "node_modules/lerna/schemas/lerna-schema.json",
-    "version": "1.0.0",
-    "npmClient": "yarn"
-  }
+  "$schema": "node_modules/lerna/schemas/lerna-schema.json",
+  "version": "1.0.0",
+  "npmClient": "yarn"
+}

package.json

@@ -8,24 +8,15 @@
   "license": "Apache-2.0",
   "devDependencies": {
     "@backstage/cli": "^0.29.0",
-    "@semantic-release/changelog": "^6.0.3",
-    "@semantic-release/commit-analyzer": "^10.0.4",
-    "@semantic-release/git": "^10.0.1",
-    "@semantic-release/github": "^9.2.6",
-    "@semantic-release/npm": "^11.0.3",
-    "@semantic-release/release-notes-generator": "^12.1.0",
-    "conventional-changelog-conventionalcommits": "^8.0.0",
-    "husky": "^9.1.6",
+    "husky": "^9.1.7",
     "lerna": "8.1.9",
-    "semantic-release": "^24.2.0",
-    "typescript": "^5.6.3"
+    "typescript": "5.8.2"
   },
   "workspaces": [
     "packages/*"
   ],
   "scripts": {
     "build": "lerna run build",
-    "build:doc": "lerna run build:doc",
     "lint": "backstage-cli repo lint",
     "lint:all": "yarn lint && yarn prettier:check",
     "test": "CI=true lerna --scope '@hpatoio/*' run test",
@@ -40,5 +31,8 @@
     "dist-types/*/dist",
     "LICENSE"
   ],
+  "lint-staged": {
+    "*": "yarn lint:all"
+  },
   "packageManager": "yarn@4.7.0"
 }

packages/backstage-plugin-language-info-card/dev/index.tsx

@@ -1,6 +1,4 @@
-import { createDevApp } from '@backstage/dev-utils';
-import { languageInfoPlugin} from '../src/plugin';
+import { createDevApp } from "@backstage/dev-utils";
+import { languageInfoPlugin } from "../src/plugin";
 
-createDevApp()
-  .registerPlugin(languageInfoPlugin)
-  .render();
+createDevApp().registerPlugin(languageInfoPlugin).render();

packages/backstage-plugin-language-info-card/src/components/EntityLanguageInfoCard.tsx

@@ -1,45 +1,42 @@
-import {
-  useEntity,
-} from '@backstage/plugin-catalog-react';
-import {
-  AboutField
-} from '@backstage/plugin-catalog';
-
-
-import React from 'react';
+import { useEntity } from "@backstage/plugin-catalog-react";
+import { AboutField } from "@backstage/plugin-catalog";
 
-import { Card, CardHeader, CardContent, Divider, Grid } from '@material-ui/core';
+import React from "react";
 
+import {
+  Card,
+  CardHeader,
+  CardContent,
+  Divider,
+  Grid,
+} from "@material-ui/core";
 
 /**
  * Card for the catalog (entity page) that shows the language info
  *
  * @public
  */
 export const EntityLanguageInfoCard = () => {
-
   const { entity } = useEntity();
-   
+
   return (
     <Card className="gridItemCard">
-      <CardHeader
-        title='Language Info'
-      />
+      <CardHeader title="Language Info" />
       <Divider />
       <CardContent className="gridItemCardContent">
         <Grid container>
           <AboutField
-            label='Language'
+            label="Language"
             value={entity.metadata.annotations?.["language-info/name"]}
             gridSizes={{ xs: 12, sm: 6, lg: 4 }}
           />
           <AboutField
-            label='Version'
+            label="Version"
             value={entity.metadata.annotations?.["language-info/version"]}
             gridSizes={{ xs: 12, sm: 6, lg: 4 }}
           />
         </Grid>
       </CardContent>
     </Card>
   );
-};
+};

packages/backstage-plugin-language-info-card/src/components/index.ts

@@ -1 +1 @@
-export { EntityLanguageInfoCard } from './EntityLanguageInfoCard';
+export { EntityLanguageInfoCard } from "./EntityLanguageInfoCard";