style: prettify codebase

Author: kopach

.github/actions/generators-integration-tests/index.js

@@ -1,18 +1,18 @@
 const core = require('@actions/core');
-const {spawn} = require('child_process');
+const { spawn } = require('child_process');
 
 async function run() {
   try {
-    const packageCommand = core.getInput('packageCommand', {required: true});
-    const successRegexp = core.getInput('successRegexp', {required: true});
+    const packageCommand = core.getInput('packageCommand', { required: true });
+    const successRegexp = core.getInput('successRegexp', { required: true });
     let timeoutId;
 
     const child = spawn(packageCommand, {
       shell: true,
     });
 
     console.log('###', successRegexp);
-    child.stdout.on('data', data => {
+    child.stdout.on('data', (data) => {
       console.log(data.toString());
       if (data.toString().includes(successRegexp)) {
         clearTimeout(timeoutId);
@@ -21,14 +21,17 @@ async function run() {
       }
     });
 
-    child.stderr.on('data', data => {
+    child.stderr.on('data', (data) => {
       console.error(data.toString());
     });
 
-    timeoutId = setTimeout(() => {
-      child.kill('SIGTERM');
-      core.setFailed('Command timeout');
-    }, 8 * 60 * 1000); // 8 minutes
+    timeoutId = setTimeout(
+      () => {
+        child.kill('SIGTERM');
+        core.setFailed('Command timeout');
+      },
+      8 * 60 * 1000,
+    ); // 8 minutes
   } catch (error) {
     core.setFailed(error.message);
   }

.storybook/events/register.jsx

@@ -26,7 +26,7 @@ function getDividedItems(items) {
 
       return acc;
     },
-    [[], []]
+    [[], []],
   );
 }
 

.storybook/main.js

@@ -52,7 +52,7 @@ module.exports = {
   webpackFinal: async (config) => {
     // removes default file-loader
     const rules = config.module.rules.filter(
-      (rule) => !rule.loader || !rule.loader.includes('file-loader')
+      (rule) => !rule.loader || !rule.loader.includes('file-loader'),
     );
 
     const tsPaths = new TsconfigPathsPlugin({
@@ -74,7 +74,7 @@ module.exports = {
           fs: false,
           stream: false,
           os: false,
-          zlib: false
+          zlib: false,
         },
       },
       module: {

.storybook/preview.js

@@ -1,5 +1,5 @@
 import { addParameters } from '@storybook/react';
-import { RouterContext } from "next/dist/shared/lib/router-context.shared-runtime";
+import { RouterContext } from 'next/dist/shared/lib/router-context.shared-runtime';
 import { rest } from 'msw';
 import { mswDecorator } from 'msw-storybook-addon';
 

CODE_OF_CONDUCT.md

@@ -1,4 +1,3 @@
-
 # Contributor Covenant Code of Conduct
 
 ## Our Pledge
@@ -18,23 +17,23 @@ diverse, inclusive, and healthy community.
 Examples of behavior that contributes to a positive environment for our
 community include:
 
-* Demonstrating empathy and kindness toward other people
-* Being respectful of differing opinions, viewpoints, and experiences
-* Giving and gracefully accepting constructive feedback
-* Accepting responsibility and apologizing to those affected by our mistakes,
+- Demonstrating empathy and kindness toward other people
+- Being respectful of differing opinions, viewpoints, and experiences
+- Giving and gracefully accepting constructive feedback
+- Accepting responsibility and apologizing to those affected by our mistakes,
   and learning from the experience
-* Focusing on what is best not just for us as individuals, but for the overall
+- Focusing on what is best not just for us as individuals, but for the overall
   community
 
 Examples of unacceptable behavior include:
 
-* The use of sexualized language or imagery, and sexual attention or advances of
+- The use of sexualized language or imagery, and sexual attention or advances of
   any kind
-* Trolling, insulting or derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or email address,
+- Trolling, insulting or derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or email address,
   without their explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
+- Other conduct which could reasonably be considered inappropriate in a
   professional setting
 
 ## Enforcement Responsibilities

TRADEMARK.md

@@ -12,15 +12,15 @@ This policy encompasses all trademarks and service marks, whether they are regis
 
 ## 1. GENERAL GUIDELINES
 
-* Whenever you use one of our marks, you must always do so in a way that does not mislead anyone about what they are getting and from whom. For example, you cannot say you are distributing the Brainly Gene software when you’re distributing a modified version of it, because recipients may not understand the differences between your modified versions and our own.
+- Whenever you use one of our marks, you must always do so in a way that does not mislead anyone about what they are getting and from whom. For example, you cannot say you are distributing the Brainly Gene software when you’re distributing a modified version of it, because recipients may not understand the differences between your modified versions and our own.
 
-* You also cannot use our logo on your website in a way that suggests that your website is an official website or that we endorse your website. You may not use or register our marks, or variations of them as part of your own trademark, service mark, domain name, company name, trade name, product name or service name.
+- You also cannot use our logo on your website in a way that suggests that your website is an official website or that we endorse your website. You may not use or register our marks, or variations of them as part of your own trademark, service mark, domain name, company name, trade name, product name or service name.
 
-* You can, though, say you like the Brainly Gene software, that you participate in the Brainly Gene community, that you are providing an unmodified version of the Brainly Gene software.
+- You can, though, say you like the Brainly Gene software, that you participate in the Brainly Gene community, that you are providing an unmodified version of the Brainly Gene software.
 
-* Trademark law does not allow your use of names or trademarks that are too similar to ours. You therefore may not use an obvious variation of any of our marks or any phonetic equivalent, foreign language equivalent, takeoff, or abbreviation for a similar or compatible product or service.
+- Trademark law does not allow your use of names or trademarks that are too similar to ours. You therefore may not use an obvious variation of any of our marks or any phonetic equivalent, foreign language equivalent, takeoff, or abbreviation for a similar or compatible product or service.
 
-* You are not authorized to use the Brainly marks or logos to convey or imply an endorsement by or partnership with Brainly without Brainly’s prior written approval.
+- You are not authorized to use the Brainly marks or logos to convey or imply an endorsement by or partnership with Brainly without Brainly’s prior written approval.
 
 ## 2. ACCEPTABLE USES
 
@@ -32,7 +32,7 @@ When you redistribute an unmodified copy of our software \-- the exact form in w
 
 If you distribute a modified version of our software, you must **remove** all of our logos from it. To assist you with this, we have removed our logos from our source trees, and include them only in our binaries.You may use our word marks, but not our logos, to truthfully describe the origin of the software that you are providing.
 
-For example, if the code you are distributing is a modification of our software, you may say, “*This software is derived from the source code for Brainly Gene software*.”
+For example, if the code you are distributing is a modification of our software, you may say, “_This software is derived from the source code for Brainly Gene software_.”
 
 ### Statements about compatibility
 
@@ -42,11 +42,11 @@ You may use the word marks and Brainly Gene logo s to truthfully describe the re
 
 If you wish to describe your product with reference to the Brainly Gene software, here are the conditions under which you may do so. You may call your software “XYZ” (where “XYZ” is your product name) for Brainly Gene only if:
 
-* All versions of the Brainly Gene software you deliver with your product are the exact binaries provided by us.
+- All versions of the Brainly Gene software you deliver with your product are the exact binaries provided by us.
 
-* Your product is fully compatible with the APIs for the Brainly Gene software described at <https://github.com/brainly/gene>.
+- Your product is fully compatible with the APIs for the Brainly Gene software described at <https://github.com/brainly/gene>.
 
-* You use the following legend in marketing materials or product descriptions: “Brainly is a trademark of Brainly sp. z o.o. <https://github.com/brainly/gene”>
+- You use the following legend in marketing materials or product descriptions: “Brainly is a trademark of Brainly sp. z o.o. <https://github.com/brainly/gene”>
 
 ### No Domain Names
 
@@ -58,7 +58,7 @@ When you have the right to use our mark, here is how to display it.
 
 ### Trademark marking and legends
 
-Place the following notice at the foot of the page where you have used the mark: “*Brainly is trademark of Brainly sp. z o.o.*”
+Place the following notice at the foot of the page where you have used the mark: “_Brainly is trademark of Brainly sp. z o.o._”
 
 ### Use of trademarks in text
 
@@ -76,4 +76,4 @@ However, when the context requires the use of black-and-white graphics and the l
 
 ### This Document
 
-These guidelines are based on the Model Trademark Guidelines, available at <http://www.modeltrademarkguidelines.org>, used under a Creative Commons Attribution 3.0 Unported license: [https://creativecommons.org/licenses/by/3.0/deed.en\_US](https://creativecommons.org/licenses/by/3.0/deed.en_US).
+These guidelines are based on the Model Trademark Guidelines, available at <http://www.modeltrademarkguidelines.org>, used under a Creative Commons Attribution 3.0 Unported license: [https://creativecommons.org/licenses/by/3.0/deed.en_US](https://creativecommons.org/licenses/by/3.0/deed.en_US).

certs/source.MD

@@ -1,4 +1,5 @@
 Generated with:
+
 ```sh
 openssl req -x509 -newkey rsa:4096 -keyout key.pem -out cert.pem -sha256 -days 3650 -nodes -subj "/C=XX/ST=StateName/L=CityName/O=CompanyName/OU=CompanySectionName/CN=CommonNameOrHostname"
-```
+```

docs/docs-site/.eslintrc.json

@@ -14,10 +14,7 @@
         "project": ["docs/docs-site/tsconfig(.*)?.json"]
       },
       "rules": {
-        "@next/next/no-html-link-for-pages": [
-          "error",
-          "docs/docs-site/pages"
-        ]
+        "@next/next/no-html-link-for-pages": ["error", "docs/docs-site/pages"]
       }
     },
     {

docs/docs-site/components/search.module.css

@@ -1,8 +1,7 @@
-
 .results {
-    /* top: 2.2rem; */
+  /* top: 2.2rem; */
 }
 
 .results a {
-    color: unset;
+  color: unset;
 }

docs/docs-site/components/search.tsx

@@ -86,7 +86,7 @@ const Search = () => {
 
   const results = React.useMemo(
     () => searchDocs(debouncedSearch),
-    [searchDocs, debouncedSearch]
+    [searchDocs, debouncedSearch],
   );
 
   const input = React.useRef<HTMLInputElement | null>(null);
@@ -125,7 +125,7 @@ const Search = () => {
           <ul
             className={cx(
               css.results,
-              'nextra-scrollbar nx-border nx-border-gray-200 nx-bg-white nx-text-gray-100 dark:nx-border-neutral-800 dark:nx-bg-neutral-900 nx-absolute nx-top-full nx-z-20 nx-mt-2 nx-overflow-auto nx-overscroll-contain nx-rounded-xl nx-py-2.5 nx-shadow-xl nx-max-h-[min(calc(50vh-11rem-env(safe-area-inset-bottom)),400px)] md:nx-max-h-[min(calc(100vh-5rem-env(safe-area-inset-bottom)),400px)] nx-inset-x-0 ltr:md:nx-left-auto rtl:md:nx-right-auto contrast-more:nx-border contrast-more:nx-border-gray-900 contrast-more:dark:nx-border-gray-50 nx-w-screen nx-min-h-[100px] nx-max-w-[min(calc(100vw-2rem),calc(100%+20rem))]'
+              'nextra-scrollbar nx-border nx-border-gray-200 nx-bg-white nx-text-gray-100 dark:nx-border-neutral-800 dark:nx-bg-neutral-900 nx-absolute nx-top-full nx-z-20 nx-mt-2 nx-overflow-auto nx-overscroll-contain nx-rounded-xl nx-py-2.5 nx-shadow-xl nx-max-h-[min(calc(50vh-11rem-env(safe-area-inset-bottom)),400px)] md:nx-max-h-[min(calc(100vh-5rem-env(safe-area-inset-bottom)),400px)] nx-inset-x-0 ltr:md:nx-left-auto rtl:md:nx-right-auto contrast-more:nx-border contrast-more:nx-border-gray-900 contrast-more:dark:nx-border-gray-50 nx-w-screen nx-min-h-[100px] nx-max-w-[min(calc(100vw-2rem),calc(100%+20rem))]',
             )}
           >
             {results.map((res, i) => {

docs/docs-site/components/ui/button.tsx

@@ -32,7 +32,7 @@ const buttonVariants = cva(
       variant: 'default',
       size: 'default',
     },
-  }
+  },
 );
 
 export interface ButtonProps
@@ -51,7 +51,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
         {...props}
       />
     );
-  }
+  },
 );
 Button.displayName = 'Button';
 

docs/docs-site/components/ui/card.tsx

@@ -10,7 +10,7 @@ const Card = React.forwardRef<
     ref={ref}
     className={cn(
       'rounded-lg border border-neutral-200 bg-white text-neutral-950 shadow-sm dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50',
-      className
+      className,
     )}
     {...props}
   />
@@ -37,7 +37,7 @@ const CardTitle = React.forwardRef<
     ref={ref}
     className={cn(
       'text-2xl font-semibold leading-none tracking-tight',
-      className
+      className,
     )}
     {...props}
   />

docs/docs-site/components/useSearchResults.ts

@@ -22,8 +22,8 @@ export const useSearchResults = () => {
   React.useEffect(() => {
     if (!docs || !docs.length) {
       fetch('/data.json')
-        .then(data => data.json())
-        .then(json => setDocs(json));
+        .then((data) => data.json())
+        .then((json) => setDocs(json));
     }
   }, [docs]);
 
@@ -34,34 +34,34 @@ export const useSearchResults = () => {
       }
 
       const contentResults = keyword
-        ? docs.filter(doc =>
-            doc.content.toLowerCase().includes(keyword.toLowerCase())
+        ? docs.filter((doc) =>
+            doc.content.toLowerCase().includes(keyword.toLowerCase()),
           )
         : [];
 
       const withSubstrContent = contentResults.map(
-        ({route, title, content}) => {
+        ({ route, title, content }) => {
           const index = content.toLowerCase().indexOf(keyword.toLowerCase());
           const substr = slice(content, index, 15, 15 + keyword.length);
 
-          return {route, title, content: substr, type: 'content'};
-        }
+          return { route, title, content: substr, type: 'content' };
+        },
       );
 
       const titleResults = keyword
-        ? docs.filter(doc =>
-            doc.title?.toLowerCase().includes(keyword.toLowerCase())
+        ? docs.filter((doc) =>
+            doc.title?.toLowerCase().includes(keyword.toLowerCase()),
           )
         : [];
 
-      const withNoContent = titleResults.map(result => {
-        return {...result, content: undefined, type: 'title'};
+      const withNoContent = titleResults.map((result) => {
+        return { ...result, content: undefined, type: 'title' };
       });
 
       return [...withNoContent, ...withSubstrContent].slice(0, 10);
     },
-    [docs]
+    [docs],
   );
 
-  return {searchDocs};
+  return { searchDocs };
 };

docs/docs-site/pages/gene/backend-for-frontend/create.mdx

@@ -26,7 +26,7 @@ Running the command above initiates a prompt to gather the required details for
 ✔ What is the BFF name? (e.g. web, ios, android)  · my-first-bff
 ✔ Application tittle · Example BFF Application
 ✔ Application description · Example BFF Application for the US web
-✔ Specify the path to the BFF directory relative to '/apps'? · 
+✔ Specify the path to the BFF directory relative to '/apps'? ·
 ✔ What are tags of the application?
 ✔ Should the application routes be translated? (y/N) · false
 ✔ Should include apollo client config? (Y/n) · true
@@ -74,4 +74,3 @@ CREATE apps/my-first-bff/.storybook/manager.js
 CREATE apps/my-first-bff/.storybook/preview.js
 CREATE apps/my-first-bff/.storybook/tsconfig.json
 ```
-

docs/docs-site/pages/gene/backend-for-frontend/handlers.mdx

@@ -36,7 +36,7 @@ import { apiHandlerConnect } from '@brainly-gene/next';
 import {
   getQuestion,
   postQuestion,
-  deleteQuestion
+  deleteQuestion,
 } from '@acme/simple-cms/api';
 
 export default apiHandlerConnect()
@@ -51,10 +51,7 @@ export default apiHandlerConnect()
 ```typescript
 import cors from 'cors';
 import { apiHandlerConnect } from '@brainly-gene/next';
-import {
-  getUser,
-  deleteUser
-} from '@acme/simple-cms/api';
+import { getUser, deleteUser } from '@acme/simple-cms/api';
 
 export default apiHandlerConnect()
   .use(cors())
@@ -88,7 +85,7 @@ Below is an example of custom middleware that intercepts requests to add an auth
 export function customMiddleware(
   req: NextApiRequest,
   res: NextApiResponse,
-  next: () => void
+  next: () => void,
 ) {
   const apiKey = process.env.API_KEY;
 
@@ -119,7 +116,10 @@ export async function getQuestion(req: NextApiRequest, res: NextApiResponse) {
   }
 }
 
-export async function deleteQuestion(req: NextApiRequest, res: NextApiResponse) {
+export async function deleteQuestion(
+  req: NextApiRequest,
+  res: NextApiResponse,
+) {
   // Delete question logic here
 }
 
@@ -128,4 +128,4 @@ export async function postQuestion(req: NextApiRequest, res: NextApiResponse) {
 }
 ```
 
-This structure provides a clear and maintainable way to add new handlers for each route in the BFF, utilizing standard REST practices and custom middleware as needed.
+This structure provides a clear and maintainable way to add new handlers for each route in the BFF, utilizing standard REST practices and custom middleware as needed.

docs/docs-site/pages/gene/backend-for-frontend/index.mdx

@@ -6,8 +6,6 @@ title: Backend for Frontend (BFF) - core concept
 
 The Backend for Frontend (BFF) pattern is an architectural approach where a dedicated backend service is built specifically to serve a particular frontend application (e.g., mobile app, web app). BFFs help streamline the communication between frontend and backend, enabling tailored responses, optimized data handling, and simplified security for each client type. This approach can improve performance and user experience by reducing the amount of data transferred and simplifying API calls.
 
-
 In our implementation, we use a Next.js application for creating the BFF because our development team is already familiar with the framework. Additionally, Next.js makes it easy to add API routes directly within the app, which simplifies backend development and reduces setup time.
 
-
-**Note:** This section is a work in progress and will be expanded with more examples and use cases.
+**Note:** This section is a work in progress and will be expanded with more examples and use cases.