chore: add prettier check

Author: pret-a-porter

.github/workflows/ci.yaml

@@ -13,29 +13,26 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      # Step 1: Checkout the code
       - name: Checkout code
         uses: actions/checkout@v3
 
-      # Step 2: Set up Node.js
       - name: Setup Node.js
         uses: actions/setup-node@v3
         with:
           node-version: 18
           cache: 'yarn'
 
-      # Step 3: Install Yarn Berry
       - name: Install Yarn Berry
         run: yarn set version berry
 
-      # Step 4: Install dependencies
       - name: Install dependencies
         run: yarn install
 
-      # Step 5: Run the build script
+      - name: Run Prettier Check
+        run: yarn run prettier:check
+
       - name: Build the project
         run: yarn run build
 
-      # Step 6: Run tests
       - name: Run tests
         run: yarn run test

.prettierignore

@@ -0,0 +1 @@
+.yarn

.prettierrc

@@ -1,8 +1,8 @@
 {
   "arrowParens": "avoid",
+  "bracketSameLine": true,
   "bracketSpacing": true,
   "endOfLine": "auto",
-  "jsxBracketSameLine": true,
   "jsxSingleQuote": true,
   "printWidth": 80,
   "semi": true,

package.json

@@ -6,6 +6,7 @@
   ],
   "scripts": {
     "build": "yarn workspaces foreach --all run build",
+    "prettier:check": "prettier . --check",
     "prettier:fix": "prettier . --write",
     "test": "yarn workspaces foreach --all run test"
   },

packages/core/package.json

@@ -11,7 +11,7 @@
   },
   "types": "lib/index.d.ts",
   "engines": {
-    "node": ">= 12"
+    "node": ">= 18"
   },
   "scripts": {
     "build": "yarn run --top-level tsup src/index.ts --format cjs,esm --dts --clean --sourcemap --out-dir lib --minify",

packages/preact/package.json

@@ -13,7 +13,7 @@
   "types": "lib/index.d.ts",
   "sideEffects": false,
   "engines": {
-    "node": ">= 12"
+    "node": ">= 18"
   },
   "directories": {
     "lib": "lib"

packages/preact/src/index.tsx

@@ -51,8 +51,7 @@ export const TranslationsProvider: FunctionalComponent<
         locales,
         setLanguage: stateHook[1],
         translator,
-      }}
-    >
+      }}>
       {children}
     </TranslationsContext.Provider>
   );

packages/react-native/package.json

@@ -14,7 +14,7 @@
   },
   "types": "lib/index.d.ts",
   "engines": {
-    "node": ">= 12"
+    "node": ">= 18"
   },
   "directories": {
     "lib": "lib"
@@ -58,7 +58,7 @@
     "react": "^18.3.1"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+    "react": "^17.0.0 || ^18.0.0"
   },
   "gitHead": "85f16888e69bd8962e3e20ad92065a6ef5afcb22"
 }

packages/react-native/src/index.tsx

@@ -38,8 +38,7 @@ export const TranslationsProvider: FC<TranslationsProviderProps> = ({
         locales,
         setLanguage: stateHook[1],
         translator,
-      }}
-    >
+      }}>
       {children}
     </TranslationsContext.Provider>
   );
@@ -94,7 +93,7 @@ export const Translation: FC<TranslationProps> = ({
   id,
   ...values
 }) => {
-  return useTranslator().translate(id, values) as any;
+  return useTranslator().translate(id, values);
 };
 
 export interface TranslationsContextProps {

packages/react/package.json

@@ -14,7 +14,7 @@
   },
   "types": "lib/index.d.ts",
   "engines": {
-    "node": ">= 12"
+    "node": ">= 18"
   },
   "directories": {
     "lib": "lib"
@@ -64,8 +64,8 @@
     "react-dom": "^18.3.1"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0"
   },
   "gitHead": "85f16888e69bd8962e3e20ad92065a6ef5afcb22"
-}
+}

website/src/components/Highlight.jsx

@@ -8,8 +8,7 @@ export function Highlight({ children, color = '#67BFEC' }) {
         borderRadius: '4px',
         color: '#fff',
         padding: '0.1rem 0.3rem',
-      }}
-    >
+      }}>
       {children}{' '}
     </span>
   );

website/src/components/LanguageSelector.jsx

@@ -22,8 +22,7 @@ export function LanguageSelector({ children }) {
         }}
         onChange={e => {
           setLanguage(e.target.value);
-        }}
-      >
+        }}>
         {LIST.map(language => (
           <option value={language.code} key={language.code}>
             {language.icon}&nbsp;{language.name}

website/src/pages/index.jsx

@@ -59,8 +59,7 @@ function Home() {
   return (
     <Layout
       title='Internationalization of React applications'
-      description='Internationalization of React applications. Elegant lightweight library based on Internationalization API'
-    >
+      description='Internationalization of React applications. Elegant lightweight library based on Internationalization API'>
       <header className={classnames('hero hero--primary', styles.heroBanner)}>
         <div className='container'>
           <h1 className='hero__title'>{siteConfig.title}</h1>
@@ -71,8 +70,7 @@ function Home() {
                 'button button--secondary button--lg',
                 styles.getStarted,
               )}
-              to={useBaseUrl('docs/getting-started/install')}
-            >
+              to={useBaseUrl('docs/getting-started/install')}>
               Get Started
             </Link>
           </div>

yarn.lock

@@ -402,7 +402,7 @@ __metadata:
     "@types/react-dom": "npm:^18.3.1"
     react: "npm:^18.3.1"
   peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react: ^17.0.0 || ^18.0.0
   languageName: unknown
   linkType: soft
 
@@ -420,8 +420,8 @@ __metadata:
     react: "npm:^18.3.1"
     react-dom: "npm:^18.3.1"
   peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react: ^17.0.0 || ^18.0.0
+    react-dom: ^17.0.0 || ^18.0.0
   languageName: unknown
   linkType: soft